.web-surface-tabs{display:flex;gap:8px;padding:12px 28px;border-bottom:1px solid #29404e}.web-surface-tabs button{background:transparent;border:1px solid transparent;border-radius:24px;padding:10px 24px;color:#aac2d0}.web-surface-tabs button[aria-pressed=true]{color:#081c26;background:linear-gradient(110deg,#bde9df,#adcfe8)}
#web_documents{width:100%;flex:none;max-width:1500px;margin:auto;padding:36px clamp(18px,4vw,60px);min-height:65vh}.docs-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.docs-heading h1{font-size:clamp(25px,3vw,40px);letter-spacing:-1px;margin:12px 0}.docs-heading p{margin:8px 0}.docs-storage{min-width:180px;display:grid;gap:12px;color:#aec6d2;font-size:13px}.docs-storage meter{width:100%;height:9px;accent-color:#9cdcd3}.docs-toolbar{display:flex;gap:12px}.docs-toolbar input{width:100%;background:#101f2c;border:1px solid #304452;border-radius:16px;padding:18px;color:#e5f2f6}.docs-filters{display:block;width:min(100%,260px);margin:14px 0 8px;min-height:44px;padding:10px 14px;font-size:14px;background:#101f2c;border:1px solid #304452;border-radius:12px;color:#d4e7ef}.docs-status{min-height:22px;color:#a2c1cf;font-size:13px}.docs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;margin:16px 0 24px}.docs-file{display:flex;align-items:center;gap:16px;min-height:130px;text-align:left;color:#e3eff5;padding:22px;border:1px solid #2a4350;border-radius:20px;background:linear-gradient(135deg,#142938,#0d1925);transition:transform .2s,border-color .2s;overflow:hidden}.docs-file:hover{transform:translateY(-3px);border-color:#80c8cc}.docs-file:focus-visible{outline:2px solid #c2e6ed;outline-offset:3px}.docs-file-icon{display:grid;place-items:center;flex:0 0 48px;height:56px;border:1px solid #486974;border-radius:12px;background:#183542;color:#b8e9e3;font:12px monospace}.docs-file-copy{display:grid;gap:8px;min-width:0;flex:1}.docs-file-copy strong{overflow-wrap:anywhere;font-size:16px}.docs-file-details,.docs-file time{font-size:12px;color:#a3bdca;overflow-wrap:anywhere}.docs-file-arrow{color:#8fb4c2}.docs-empty{grid-column:1/-1;padding:55px 20px;color:#adc3d0;text-align:center}.docs-preview{width:min(1050px,95vw);max-width:95vw;max-height:92dvh;padding:24px;border:1px solid #365263;border-radius:24px;background:#0c1b27;color:#e7f3f7;overflow:auto}.docs-preview::backdrop{background:#020b13dc;backdrop-filter:blur(10px)}.docs-preview>header{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:-24px;background:#0c1b27;z-index:2;padding:12px 0}.docs-preview h2{font-size:20px;overflow-wrap:anywhere}.docs-preview-body{display:grid;justify-items:center;gap:15px;padding:14px 0}.docs-preview-body canvas,.docs-preview-body img,.docs-preview-body video{max-width:100%;height:auto;max-height:68vh;object-fit:contain}.docs-preview-body pre{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;font:14px/1.6 monospace}.docs-pages{display:flex;align-items:center;gap:20px}.docs-preview-actions{display:flex;flex-wrap:wrap;gap:10px}.docs-preview button{min-height:44px}.docs-ai{margin-top:24px;border-top:1px solid #365263;padding-top:16px}.docs-ai form{display:flex;gap:10px;margin-top:18px}.docs-ai textarea{width:100%;background:#142c3a;color:#e6f7fa;border:1px solid #365263;border-radius:16px;padding:14px}.docs-ai-question{color:#c0dfeb;background:#1b3443;border-radius:14px;padding:14px;white-space:pre-wrap}.docs-ai-answer{white-space:pre-wrap;line-height:1.7;animation:docs-reveal .5s ease-out}.docs-preview [role=status]{min-height:20px;color:#bfddd9}.ghost-web #web_app:has(#web_documents:not([hidden])){height:auto;min-height:100dvh}.web-surface-tabs{flex-shrink:0}.ghost-web [hidden]{display:none!important}@keyframes docs-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:600px){.docs-heading{align-items:flex-start;flex-direction:column}.docs-storage{width:100%}.docs-preview{padding:14px}.docs-toolbar{flex-wrap:wrap}.docs-toolbar input{min-width:0}.docs-ai form{flex-direction:column}.web-surface-tabs{padding:10px 16px}}@media(prefers-reduced-motion:reduce){.docs-file,.docs-ai-answer{transition:none;animation:none}}

.docs-toolbar>button{flex-shrink:0}.docs-storage meter::-webkit-meter-bar{background:#192f3a;border:0;border-radius:8px}.docs-storage meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#7ce8df,#add2ec)}
@media(max-height:600px){.web-empty-core{display:none}.web-empty{padding:8px;gap:4px;min-height:0;overflow:auto}.web-conversation{min-height:0}.web-conversation header{padding-bottom:8px}.web-empty h3{font-size:16px}.web-empty p{font-size:11px}}

/* Contain translated labels and long filenames at phone widths and enlarged text. */
.docs-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center}.docs-toolbar input{min-width:0;padding:14px}.ghost-web .docs-refresh{width:44px;min-width:44px;height:44px;padding:0;font-size:25px;background:transparent;border:0;color:#b4d7ef}
.docs-heading>div{min-width:0}.docs-file{min-width:0}.docs-file-arrow{flex:none}.docs-preview header h2{min-width:0;flex:1}.docs-preview header>button{flex:none}.docs-preview button{height:auto;white-space:normal;overflow-wrap:anywhere}.docs-preview-body{min-width:0}.docs-preview-body audio{max-width:100%}.docs-ai textarea{min-width:0}.docs-ai form>button{flex:none}.docs-preview-actions>button{flex:1 1 180px;min-width:0;padding:12px 16px;line-height:1.5}
@media(max-width:600px){.docs-heading{gap:16px;margin-bottom:20px}.docs-heading h1{font-size:25px}.docs-file{padding:16px;gap:12px}.docs-preview-actions{display:grid;grid-template-columns:minmax(0,1fr)}.docs-preview-actions>button{width:100%;text-align:left}.docs-preview>header{top:-14px}.docs-filters{width:100%}}