:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#283a36;background:#f7f6f0;font-synthesis:none;--green:#254f43;--clay:#b76447;--border:#dedfd5;--muted:#64726b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit}header,main,footer{max-width:1240px;margin:auto;padding:28px 40px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--border);min-height:100px}.brand{font-size:26px;font-weight:700;color:var(--green);text-decoration:none;display:inline-flex;align-items:center;gap:9px;letter-spacing:-1px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--green);color:#fff;width:37px;height:37px;border-radius:11px;font-family:Georgia,serif;font-size:30px;padding-bottom:5px;margin-right:4px}.brand-cloud{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted);align-self:center}nav{display:flex;align-items:center;gap:26px;font-size:13px}nav a{text-decoration:none}nav a:hover,nav a[aria-current=page]{color:var(--clay)}nav .nav-account{border:1px solid #b9c6bd;border-radius:6px;padding:11px 17px}h1,h2,h3{font-weight:500}h1{font-size:clamp(40px,4.7vw,64px);line-height:1.08;letter-spacing:-2.5px;margin:22px 0}h2{font-size:clamp(29px,3.1vw,42px);line-height:1.15;letter-spacing:-1.4px}h3{font-size:26px;line-height:1.2;letter-spacing:-.6px}p{line-height:1.75}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.65px;color:var(--green)}.live-dot{display:inline-block;width:7px;height:7px;background:#64836b;border-radius:50%;margin-right:7px}.actions,.section-heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.section-heading{justify-content:space-between}.primary,.secondary,button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:7px;padding:12px 18px;border:1px solid #b9c6bd;background:#fff;color:var(--green);font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#356253}button:disabled{opacity:.55;cursor:wait}.text-link{font-size:13px;text-decoration:none;border-bottom:1px solid #bfc6ba;padding-bottom:6px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:38px;padding:55px 0 62px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--clay)}.hero-description{font-size:20px;line-height:1.5;margin:25px 0 14px}.hero-detail{max-width:425px;color:var(--muted);font-size:14px;margin:0 0 28px}.hero-note{font-size:10px;color:var(--muted);margin-top:21px}.hero-art{position:relative;min-height:480px;background:#eceee3;border-radius:180px 180px 18px 18px;overflow:hidden}.orbit{position:absolute;border:1px solid #cbd2c3;border-radius:50%;width:400px;height:400px;left:50%;top:45%;transform:translate(-50%,-50%)}.orbit-two{width:295px;height:295px;border-style:dashed}.visual-label{position:absolute;font-size:8px;letter-spacing:2px;color:#65776c;text-align:center;left:0;right:0}.top-label{top:42px}.bottom-label{bottom:27px}.document-art{position:absolute;background:#fffcf4;width:171px;height:209px;border:1px solid #dbd7c9;border-radius:5px;box-shadow:0 14px 25px #293a3012;padding:22px}.document-art strong{display:block;font-family:Georgia,serif;font-size:22px;line-height:1.15;font-weight:400;margin:18px 0}.doc-type,.doc-caption{font-size:7px;letter-spacing:1.2px;color:#657268}.document-back{left:14%;top:95px;transform:rotate(-13deg)}.document-front{left:33%;top:124px;transform:rotate(8deg);background:#f2dbc6}.ink-line{height:3px;background:#c4c6b9;width:95%;margin:10px 0}.short{width:65%!important}.chart-art{display:flex;gap:8px;align-items:flex-end;height:45px;border-bottom:1px solid #b3a18e;margin:0 0 13px}.chart-art i{width:12px;height:35%;background:#b56c4c}.chart-art i:nth-child(2){height:55%}.chart-art i:nth-child(3){height:45%}.chart-art i:nth-child(4){height:80%}.chart-art i:nth-child(5){height:65%}.chart-art i:nth-child(6){height:100%}.cloud-art{position:absolute;right:7%;top:68px;background:var(--green);width:110px;height:100px;border-radius:25px;color:#f8f6ef;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 24px #254f4322}.cloud-art svg{width:64px;height:49px}.cloud-art span{font-size:10px}.sync-pill{position:absolute;left:8%;bottom:128px;font-size:10px;background:#fffef7;border:1px solid #d7ddd0;padding:10px 13px;border-radius:20px;z-index:2}.laptop-art{position:absolute;right:6%;bottom:62px;width:215px;transform:rotate(-5deg)}.laptop-screen{height:124px;background:#f5f5ed;border:7px solid #344f43;border-radius:10px 10px 0 0;display:flex;gap:15px;padding:14px}.mini-brand{font-family:Georgia,serif;font-size:30px;color:var(--green);padding-right:12px;border-right:1px solid #d7ddd0}.laptop-screen b{font-size:8px;display:block;margin:6px 0 12px}.screen-line{display:block;height:5px;background:#c8d3c3;width:95px;margin:8px 0}.laptop-base{height:9px;background:#94a692;border-radius:0 0 12px 12px;width:110%;margin-left:-5%}.promise-strip{display:flex;justify-content:space-between;gap:20px;padding:23px 10px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:12px}.promise-strip b{font-size:10px;font-weight:400;color:var(--clay);margin-right:14px}.features-section{padding:78px 0 50px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}.section-intro h2{margin-bottom:0}.section-intro>p{max-width:320px;color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-card{border:1px solid var(--border);border-radius:13px;padding:32px;background:#fdfcf8}.feature-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:40px;background:#eef0e6}.feature-number{font-size:9px;letter-spacing:1.7px;color:#6d7c70}.feature-card h3{margin:17px 0}.feature-card p{font-size:14px;color:var(--muted);max-width:410px}.feature-tag{display:inline-block;font-size:10px;color:#576b5e;margin-top:15px}.storage-preview{background:#fffefa;border:1px solid #dce0d4;border-radius:10px;padding:25px;box-shadow:0 14px 25px #213d2910;transform:rotate(-2deg)}.preview-header{display:flex;justify-content:space-between;font-size:13px;margin-bottom:22px}.preview-file{display:flex;align-items:center;gap:13px;border-bottom:1px solid #eceee6;padding:13px 0;font-size:10px}.preview-file div{flex:1}.preview-file small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.file-icon{font-size:8px;background:#e5ecdf;padding:12px 7px;border-radius:5px}.file-icon.clay{background:#f1e0d2}.preview-quota{margin-top:22px;font-size:9px}.preview-quota small{color:#7a847a;font-size:8px}.quota-track{height:5px;background:#edf0e5;margin:10px 0;border-radius:5px}.quota-track i{display:block;width:35%;height:100%;background:#6c886c;border-radius:5px}.device-visual{height:158px;display:flex;align-items:center;justify-content:center;position:relative;background:#edf0e7;border-radius:9px;margin-bottom:28px}.device-box{background:#fffef8;border:1px solid #ccd5c8;border-radius:7px;width:130px;padding:10px;text-align:center;font-size:48px;color:var(--green);line-height:1}.device-box span{display:block;font-size:9px;padding:9px 0}.connection-line{width:55px;border-top:1px dashed #728d77}.device-cloud{background:var(--green);color:#fff;font-family:Georgia,serif;font-size:40px;border-radius:16px;width:67px;height:67px;text-align:center}.device-check{border-radius:50%;background:#cbd9bc;border:3px solid #edf0e7;font-size:12px;padding:5px;position:absolute;left:calc(50% + 97px);top:98px}.versions-visual{height:158px;background:#f2e9df;border-radius:9px;margin-bottom:28px;padding:20px 36px}.versions-visual>div{display:flex;align-items:center;gap:14px;padding:9px 0;font-size:10px}.versions-visual b{flex:1;font-weight:500}.versions-visual>div>span:last-child{font-size:9px;color:#7b7165}.version-dot{height:9px;width:9px;border-radius:50%;background:#b7a48a}.versions-visual>div:first-child .version-dot{background:var(--green)}.version-badge{padding:4px 9px;background:#e2e8d9;border-radius:9px}.scope-note{color:var(--muted);font-size:11px;margin-top:22px}.how-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:55px 0 70px}.how-section h2{margin:16px 0}.how-section p{font-size:14px;color:var(--muted)}.steps{margin:0;padding:0;list-style:none}.steps li{display:flex;gap:23px;border-top:1px solid var(--border);padding:22px 0}.steps li>span{font-family:Georgia,serif;color:var(--clay);font-size:25px}.steps h3{font-size:18px;margin:0 0 6px}.steps p{margin:0;font-size:13px}.closing-cta{background:#e8ecdf;border-radius:14px;text-align:center;padding:50px 25px;margin-bottom:35px}.closing-cta h2{margin:18px 0 25px}.closing-cta p:last-child{font-size:11px;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}footer>a:last-child{text-decoration:none}.dashboard{max-width:1060px;min-height:75vh}.page-heading{padding:38px 0 8px}.page-heading h1{font-size:44px}.page-heading>p:last-child{color:var(--muted);font-size:14px}.card{background:#fffefa;padding:30px;border:1px solid var(--border);border-radius:13px;margin:22px 0}.card h2{font-size:25px;letter-spacing:-.5px;margin-top:0;overflow-wrap:anywhere}.card p{font-size:14px}.muted{font-size:12px!important;color:var(--muted)}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}textarea,input{font:inherit;font-size:14px;display:block;padding:12px;border:1px solid #b8c9bb;border-radius:7px;max-width:100%;background:white}textarea{width:100%;resize:vertical}input[type=number]{width:160px}form>button{margin-top:16px}.status{padding:14px 16px;background:#edf0e6;border-radius:7px;font-size:13px}.file-list{padding:0;list-style:none}.file-list li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e4e9e2;flex-wrap:wrap;font-size:14px}.file-list a{flex:1;overflow-wrap:anywhere;color:var(--green)}.request{border-top:1px solid var(--border);padding:24px 0}.request h3{font-size:20px}.request p{white-space:pre-wrap;overflow-wrap:anywhere}.request input[type=text]{width:100%}.request .actions{margin-top:18px}#notice{font-size:14px;white-space:pre-wrap}#notice:empty{display:none}#notice.error{color:#a32e27}.account-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.account-stat{background:#eff1e7;border-radius:9px;padding:20px}.account-stat span{font-size:11px;color:var(--muted);display:block;margin-bottom:9px}.account-stat strong{font-size:19px;font-weight:500}.usage-meter{width:100%;height:9px;accent-color:var(--green);margin:8px 0 15px}.login-page{max-width:700px;padding-top:90px}.login-page h1{font-size:42px}.login-page form{display:flex;gap:12px;flex-wrap:wrap}.login-page form button{margin:0}.empty-state{color:var(--muted)}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #88b09a;outline-offset:4px}
@media(min-width:1400px){.hero{gap:65px;padding-top:65px;padding-bottom:75px}.hero-art{min-height:505px}}
@media(max-width:900px){header,main,footer{padding-left:25px;padding-right:25px}nav{gap:15px;font-size:12px}.hero{gap:22px}.hero h1{font-size:49px}.hero-art{min-height:430px}.document-art{width:146px;height:187px;padding:17px}.document-art strong{font-size:20px}.document-front{left:30%;top:122px}.document-back{left:9%}.cloud-art{width:90px;height:85px;right:5%}.laptop-art{width:185px;bottom:53px}.sync-pill{left:5%;bottom:121px;font-size:8px}.feature-wide{gap:30px;padding:28px}.storage-preview{padding:20px}.hero-note{max-width:280px}.how-section{gap:35px}}
@media(max-width:680px){header,main,footer{padding:20px}.site-header{flex-wrap:wrap;gap:18px}.brand{font-size:23px}nav{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}nav a{font-size:11px}nav .nav-account{padding:8px 12px}.hero{grid-template-columns:1fr;padding:25px 0 35px;gap:32px}.hero h1{font-size:55px}.hero-description{font-size:19px}.hero-detail{font-size:14px}.hero-note{max-width:none}.hero-art{min-height:425px;max-width:440px;width:100%;margin:auto}.document-back{left:17%}.document-front{left:38%}.cloud-art{right:9%;top:65px}.sync-pill{left:12%}.hero .actions{gap:19px}.promise-strip{flex-direction:column;gap:15px;padding:22px 0}.features-section{padding:40px 0 20px}.section-intro{display:block}.section-intro>p{max-width:none}.feature-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto;grid-template-columns:1fr;gap:25px}.feature-card{padding:24px}.storage-preview{transform:none}.feature-tag{font-size:9px}.how-section{grid-template-columns:1fr;padding:40px 0;gap:28px}.closing-cta{padding:35px 20px}.closing-cta h2{font-size:30px}footer{flex-wrap:wrap;gap:18px}.card{padding:22px}.page-heading{padding-top:20px}.page-heading h1{font-size:36px}.account-summary{grid-template-columns:1fr}.login-page{padding-top:45px}.versions-visual{padding:20px}.section-heading{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--border)}.profile-details dt,.usage-breakdown span{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.profile-details dd{margin:0;font-size:13px;overflow-wrap:anywhere}.usage-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0}.usage-breakdown strong{font-size:14px;font-weight:500;display:block}.admin-summary{grid-template-columns:repeat(3,1fr)}.user-row{border-top:1px solid var(--border);padding:25px 0}.user-row h3{font-size:18px;overflow-wrap:anywhere;margin:0}.user-row .status{font-size:11px}.user-row .section-heading>div{min-width:0}.user-row details{margin-top:12px}.user-row summary{cursor:pointer;font-size:13px;color:var(--green);padding:10px 0}.user-row details form{padding:20px;background:#f1f3eb;border-radius:8px}.user-row input:not([type=number]){width:100%}.user-row input[type=number]{width:220px}.search-form{padding:5px 0 15px}.search-form input{min-width:240px;flex:1}.search-form .actions{align-items:stretch}select{display:block;padding:12px;border:1px solid #b8c9bb;border-radius:7px;background:white;color:var(--green);font:inherit;font-size:14px;max-width:100%;margin-top:8px}select:focus-visible,summary:focus-visible{outline:3px solid #88b09a;outline-offset:3px}@media(max-width:680px){.profile-details{grid-template-columns:1fr}.usage-breakdown,.admin-summary{grid-template-columns:1fr 1fr;gap:16px}.user-row .section-heading{display:block}.user-row .status{display:inline-block;margin-top:8px}.search-form input{min-width:0;width:100%}.search-form .actions{gap:8px}.admin-summary .account-stat{padding:16px}.admin-summary strong{font-size:18px}}
.login-page .auth-form{display:block;margin:25px 0}.auth-form input{width:100%}.auth-form button{margin-top:24px!important;width:100%}.auth-links{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0;font-size:13px}.auth-error{color:#a32e27}.auth-error:empty{display:none}
 .app-screenshot{position:relative;overflow:hidden}.shot-bar{display:flex;align-items:center;gap:5px;height:23px;margin:-25px -25px 18px;padding:0 12px;background:#e8ece4;border-bottom:1px solid #d5ddd1;color:#718074;font-size:8px;letter-spacing:.2px}.shot-bar i{width:6px;height:6px;border-radius:50%;background:#b7c4b6}.shot-bar span{margin-left:6px}.shot-caption{display:block;color:#718074;font-size:8px;margin-top:12px}.device-visual.app-screenshot{height:205px;padding:42px 20px 18px;margin-bottom:28px}.versions-visual.app-screenshot{height:205px;padding:42px 28px 15px;margin-bottom:28px}.versions-visual.app-screenshot .shot-bar{margin-left:-28px;margin-right:-28px}.storage-preview.app-screenshot .shot-bar{margin-left:-25px;margin-right:-25px}
.cloud-file-info{flex:1;min-width:180px;overflow-wrap:anywhere}.cloud-file-info p{margin:8px 0}.cloud-file-info summary{font-size:12px;cursor:pointer}#cloud-search{width:100%}#legacy-files{margin-top:25px}#legacy-files>summary{cursor:pointer;font-size:14px}
@media(max-width:680px){.feature-grid,.feature-wide{grid-template-columns:minmax(0,1fr)}.feature-card,.feature-wide>*{min-width:0}.preview-file div{min-width:0;overflow-wrap:anywhere}}

#synced-files, #files { max-height: 360px; overflow-y: auto; overscroll-behavior: contain; }

.share-identity { margin: 20px 0; display: grid; gap: 8px; justify-items: start; }
.share-identity strong { letter-spacing: .12em; font-size: 1.5rem; font-variant-numeric: tabular-nums; }
#share-list { max-height: 320px; overflow: auto; }
#share-editor { padding-top: 24px; border-top: 1px solid #ddd; }
#share-fields { display: grid; gap: 16px; margin: 16px 0; }
#share-fields label { display: grid; gap: 6px; }
#share-fields textarea { min-height: 220px; width: 100%; }
#share-fields input, #share-entry { max-width: 100%; }
#share-members { margin-top: 20px; }

.danger-zone { border-color: #e2c3bc; }
.cleanup-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 20px 0; border-top: 1px solid var(--border); }
.cleanup-row h3 { font-size: 18px; margin: 0 0 6px; }
.cleanup-row p { margin: 4px 0; }
.cleanup-row > div { flex: 1; min-width: 0; }
.cleanup-row input { width: 220px; }
button.danger { background: #a32e27; border-color: #a32e27; color: #fff; }
button.danger:hover:not(:disabled) { background: #8a241e; }
button.danger:disabled { opacity: .45; cursor: not-allowed; }
.file-actions { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 680px) { .cleanup-row { flex-direction: column; } .cleanup-row input { width: 100%; } }

/* Feedback stays visible next to the action that produced it. */
#notice:not(:empty) { position: fixed; z-index: 20; left: 50%; bottom: 24px; transform: translateX(-50%); width: min(640px, calc(100vw - 32px)); margin: 0; padding: 14px 18px; border-radius: 10px; background: #254f43; color: #fff; box-shadow: 0 12px 30px #1f352d40; }
#notice.error:not(:empty) { background: #a32e27; color: #fff; }

/* ---------- Account page: side navigation + one section per topic ---------- */
body[data-page=account] { background: #f7f6f0; }
body[data-page=account] .portal-header { min-height: 72px; max-width: 1240px; }
body[data-page=account] .portal-header nav { gap: 18px; }
.header-email { color: var(--muted); font-size: 12px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-email:empty { display: none; }
body[data-page=account] #logout { padding: 9px 14px; }
.portal-layout { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 36px; max-width: 1240px; margin: 0 auto; padding: 0 40px; }
.portal-layout:has(.portal-nav[hidden]) { grid-template-columns: minmax(0, 1fr); }
body[data-page=account] .portal-layout > .dashboard { max-width: none; margin: 0; padding: 28px 0 40px; min-height: 70vh; }
.portal-nav { position: sticky; top: 0; align-self: start; display: grid; gap: 2px; padding: 28px 0; }
.portal-nav a { padding: 9px 12px; border-radius: 8px; color: var(--muted); font-size: 13px; text-decoration: none; }
.portal-nav a:hover { background: #eef0e6; color: var(--green); }
.portal-nav a.is-active { background: #e4e9dc; color: var(--green); font-weight: 600; }
.portal-section { scroll-margin-top: 18px; }
body[data-page=account] .card { margin: 0 0 18px; padding: 26px 28px; border-radius: 14px; }
body[data-page=account] .card h2 { font-size: 22px; margin: 0 0 4px; }
.section-lead { margin: 0; max-width: 640px; color: var(--muted); font-size: 13px !important; line-height: 1.55; }
body[data-page=account] .section-heading { align-items: flex-start; margin-bottom: 18px; }
body[data-page=account] .section-heading button, body[data-page=account] .file-list button { padding: 8px 13px; font-size: 12px; }

.guest-card { margin-top: 40px !important; padding: 48px !important; text-align: left; }
.guest-card h1 { font-size: 40px; margin: 10px 0 12px; }
.guest-card p { max-width: 560px; color: var(--muted); }

.overview-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; padding: 8px 0 4px; }
.overview-heading h1 { margin: 6px 0 0; font-size: clamp(26px, 3vw, 36px); letter-spacing: -1px; overflow-wrap: anywhere; }
.status-pill { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 999px; background: #eceee6; color: #4f5e57; font-size: 12px; font-weight: 600; }
.status-pill::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #9aa59f; }
.status-pill[data-state=approved] { background: #e1ecdf; color: var(--green); }
.status-pill[data-state=approved]::before { background: #3f8a5c; }
.status-pill[data-state=pending]::before { background: #c98a1a; }
.status-pill[data-state=rejected]::before, .status-pill[data-state=suspended]::before { background: #a32e27; }
.decision-note { margin: 8px 0 0; color: var(--muted); font-size: 13px; }
.decision-note:empty { display: none; }
.next-step { display: flex; align-items: center; gap: 18px; margin: 18px 0 0; padding: 16px 20px; border: 1px solid #cfd9c9; border-radius: 12px; background: #fffefa; }
.next-step-label { flex: none; padding: 4px 9px; border-radius: 6px; background: var(--green); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; }
.next-step > div { flex: 1; min-width: 0; }
.next-step strong { font-size: 15px; }
.next-step p { margin: 2px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.next-step .primary { flex: none; padding: 10px 16px; }
.overview-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 12px; margin: 18px 0 22px; }
.stat { display: grid; align-content: start; gap: 6px; padding: 18px; border: 1px solid var(--border); border-radius: 12px; background: #fffefa; text-decoration: none; }
a.stat:hover { border-color: #b9c6bd; }
.stat > span { color: var(--muted); font-size: 11px; }
.stat strong { font-size: 22px; font-weight: 500; }
.stat strong small { color: var(--muted); font-size: 13px; }
.stat .usage-meter { margin: 4px 0 0; }
.stat p { margin: 0; line-height: 1.5; }
.request-card h2 { margin-bottom: 0 !important; }

.inline-form { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin: 0 0 6px; }
.inline-form > div { flex: 1 1 240px; min-width: 0; }
.inline-form label { margin-top: 0; }
.inline-form input { width: 100%; }
.inline-form button { margin: 0 !important; }
.mini-facts { display: flex; gap: 28px; margin: 0 0 18px; }
.mini-facts dt { color: var(--muted); font-size: 11px; }
.mini-facts dd { margin: 3px 0 0; font-size: 14px; font-weight: 600; }
#usage:empty { display: none; }
body[data-page=account] #cloud-search { width: 100%; }
body[data-page=account] .file-list li { gap: 12px; padding: 14px 4px; }
body[data-page=account] .file-list li.empty-state { color: var(--muted); font-size: 13px; }
body[data-page=account] .file-list a { font-weight: 500; }
.quiet-details { margin-top: 16px; font-size: 13px; }
.quiet-details summary { cursor: pointer; color: var(--muted); }
body[data-page=account] .profile-details { grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 0; padding-bottom: 0; }
body[data-page=account] .profile-details dd { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
body[data-page=account] .share-identity { grid-template-columns: auto auto; align-items: center; gap: 6px 14px; padding: 14px 18px; border-radius: 10px; background: #eef0e6; }
body[data-page=account] .share-identity > span { grid-column: 1 / -1; color: var(--muted); font-size: 11px; }
body[data-page=account] .share-identity p { grid-column: 1 / -1; margin: 0; }
body[data-page=account] .share-identity button { padding: 6px 12px; font-size: 12px; }

@media (max-width: 900px) {
  .portal-layout { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 0 20px; }
  .portal-nav { z-index: 5; display: flex; flex-wrap: nowrap; justify-content: flex-start; width: auto; gap: 4px; overflow-x: auto; margin: 0 -20px; padding: 10px 20px; background: #f7f6f0; border-bottom: 1px solid var(--border); scrollbar-width: none; }
  .portal-nav a { flex: none; padding: 7px 11px; font-size: 13px; }
  .overview-grid { grid-template-columns: 1fr 1fr; }
  .stat-wide { grid-column: 1 / -1; }
  body[data-page=account] .profile-details { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  body[data-page=account] .portal-header nav { width: auto; }
  .header-email { display: none; }
  body[data-page=account] .card { padding: 20px 18px; }
  .next-step { flex-direction: column; align-items: flex-start; }
  .overview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .stat { padding: 14px; }
  .stat strong { font-size: 19px; }
  .stat > span { font-size: 10px; }
  .mini-facts { gap: 18px; }
}