.status.viewed{background:#e8efff;color:#2858a5}.status.overdue,.status.rejected{background:#ffe6e9;color:#b42335}.status.cancelled{background:#edf0f3;color:#566576}.public-shell{min-height:calc(100vh - 132px);display:grid;place-items:center;padding:25px;background:radial-gradient(circle at top,#dcecff,#f3f7fb 55%)}.public-card{width:min(560px,100%);background:white;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 25px 70px #153a6124;text-align:center}.brand.public{justify-content:center;color:var(--ink);padding-bottom:20px}.invoice-data{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:12px;background:#f4f8fc;padding:16px;border-radius:14px;margin:20px 0}.invoice-data span{font-size:10px;color:var(--muted)}.invoice-data strong{display:block;color:var(--ink);font-size:12px;margin-top:4px}
.top-actions{display:flex!important;align-items:center;gap:14px}.global-help{padding:8px 14px}.help-backdrop{position:fixed;inset:0;background:#071b35a8;z-index:1000;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.help-dialog{background:white;width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:22px;box-shadow:0 30px 90px #0005;padding:26px;color:var(--ink)}.help-dialog header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.help-dialog h2{font:800 24px Manrope;margin:6px 0}.help-close{border:0;background:#eef3f8;border-radius:50%;width:38px;height:38px;font-size:23px;color:var(--muted);cursor:pointer}.help-intro{color:var(--muted);line-height:1.6}.help-dialog ol{padding-left:22px}.help-dialog ol li{padding:7px 0;line-height:1.45}.help-alert{background:#fff6d8;border:1px solid #f2d77a;border-radius:13px;padding:14px 16px;color:#735400}.help-alert ul{margin:7px 0 0;padding-left:20px}.help-dialog footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.help-dialog footer small{color:var(--muted)}@media(max-width:570px){.global-help{padding:7px 10px}.help-dialog{padding:20px}.help-dialog h2{font-size:20px}.help-dialog footer small{display:none}}