/* Client portal pages (/login/, /portal/): the paper-sheet look of the sales kit. Tokens follow sales-kit/kit.css. */
:root{--portal-ink:#06070a;--portal-muted:#535660;--portal-faint:#8b8e98;--portal-paper:#ffffff;--portal-soft:#f3f4f6;--portal-yellow:#ffba00;--portal-line:#06070a24;--portal-line-soft:#06070a12}
.editorial:has(>.portal-sheet){background:#e6e7eb;padding:100px 16px 56px}
@media(min-width:701px){.editorial:has(>.portal-sheet){padding-top:140px}}
.portal-sheet{position:relative;width:8.5in;max-width:100%;min-height:60vh;margin:0 auto;padding:clamp(22px,5vw,.72in);background:var(--portal-paper);color:var(--portal-ink);box-shadow:0 1px 2px #06070a14,0 12px 34px #06070a14;box-sizing:border-box;overflow-wrap:anywhere}
.portal-sheet *{box-sizing:border-box;max-width:100%}
.portal-sheet h1{margin:0 0 10px;font-size:clamp(30px,6vw,46px);line-height:1.02;letter-spacing:-.03em}
.portal-sheet h2{margin:36px 0 14px;padding-top:14px;border-top:1px solid var(--portal-line);font-size:clamp(20px,3.4vw,26px);line-height:1.1;letter-spacing:-.02em}
.portal-sheet .small-label{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--portal-muted)}
.portal-sheet .small-label::before{content:"";width:6px;height:6px;background:var(--portal-yellow);flex:none}
.portal-lede{margin:0 0 14px;font-size:17px;line-height:1.45;color:var(--portal-muted);max-width:5.8in}
.portal-live{margin:0 0 6px;font-size:14px;color:var(--portal-muted)}
.portal-live-link,.portal-back,.portal-delivered{color:var(--portal-ink);text-decoration:underline;text-underline-offset:3px}
.portal-back{display:inline-block;margin-top:8px;font-size:14px}
.portal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.portal-signout{font:inherit;font-size:13px;font-weight:600;color:var(--portal-ink);background:transparent;border:1px solid var(--portal-line);border-radius:999px;padding:7px 14px;cursor:pointer;flex:none}
.portal-signout:hover{background:var(--portal-soft)}
.portal-form{display:grid;gap:8px;max-width:420px}
.portal-form label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--portal-muted);margin-top:8px}
.portal-form input{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--portal-line);border-radius:8px;background:#fff;color:var(--portal-ink)}
.portal-form input:focus{outline:2px solid var(--portal-yellow);outline-offset:1px}
.portal-button{margin-top:14px;font:inherit;font-size:15px;font-weight:700;color:#fff;background:var(--portal-ink);border:0;border-radius:999px;padding:13px 22px;cursor:pointer}
.portal-button:disabled{opacity:.6;cursor:default}
.portal-error{margin:4px 0 0;min-height:1.4em;font-size:14px;color:#a63d36}
.portal-note,.portal-status{margin:18px 0 0;font-size:14px;color:var(--portal-faint)}
.portal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.portal-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--portal-line-soft);border-radius:10px;background:var(--portal-soft);color:inherit;text-decoration:none;min-width:0}
a.portal-card:hover{border-color:var(--portal-ink)}
.portal-card strong{font-size:16px;line-height:1.3}
.portal-card p{margin:0;font-size:14px;line-height:1.5;color:var(--portal-muted)}
.portal-card small{font-size:12px;color:var(--portal-faint)}
.portal-nopicture{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;border:1px dashed var(--portal-line);border-radius:8px;background:#fff;font-size:13px;color:var(--portal-faint)}
.portal-picture{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
.portal-request-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.portal-badge{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:#fff;border:1px solid var(--portal-line);white-space:nowrap}
.portal-badge-approved,.portal-badge-building,.portal-badge-invoiced{background:var(--portal-yellow);border-color:var(--portal-yellow)}
.portal-badge-paid,.portal-badge-delivered{background:var(--portal-ink);color:#fff;border-color:var(--portal-ink)}
.portal-document{display:block;width:100%;height:70vh;min-height:360px;margin-top:20px;border:1px solid var(--portal-line);border-radius:10px;background:#fff}
.portal-form .portal-check{display:flex;align-items:flex-start;gap:10px;text-transform:none;letter-spacing:normal;font-size:14px;line-height:1.5}
.portal-form .portal-check input{width:auto;flex:none;margin-top:4px}
.portal-link{display:inline-block;margin-top:12px;padding:0;border:0;background:transparent;color:var(--portal-ink);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.portal-link:disabled{opacity:.6;cursor:default}
.portal-request-link{color:inherit;text-decoration:none}
.portal-request-link:hover{text-decoration:underline}
.portal-approved{margin-top:22px;color:var(--portal-muted);font-size:15px;line-height:1.5}
@media(max-width:700px){.portal-cards{grid-template-columns:1fr}.portal-top{flex-direction:column}}