:root{
  --blue:#0061ff;--blue-hover:#0050d4;--ink:#1e1e1e;--muted:#777570;--line:#e5e3e0;
  --warm:#f7f5f2;--soft:#f3f2f0;--panel:#fff;--sidebar-width:242px;
  --radius:13px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:#fff;font-size:14px;color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.55;cursor:not-allowed}
a{text-decoration:none;color:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.032em;line-height:1.18}
h1{font-size:31px;font-weight:730;margin-bottom:10px}
h2{font-size:21px;font-weight:720;margin-bottom:7px}
h3{font-size:17px;font-weight:700}
p{line-height:1.55}
svg{vertical-align:middle;flex-shrink:0}
.hidden{display:none!important}
.mobile-only{display:none!important}
.muted{color:var(--muted)}
.tiny{font-size:12px}
.eyebrow,.auth-kicker{font-size:11px;font-weight:750;letter-spacing:.09em;color:var(--muted)}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:770;font-size:24px;letter-spacing:-.06em;white-space:nowrap}
.brand.large{font-size:29px}
.brand-symbol{position:relative;display:grid;grid-template-columns:repeat(2,11px);grid-template-rows:repeat(2,11px);gap:4px;align-items:center;justify-content:center;transform:rotate(-45deg);width:33px;height:33px;flex-shrink:0}
.brand-symbol span{display:block;width:11px;height:11px;background:var(--blue);border-radius:1px}
.brand.large .brand-symbol{transform:rotate(-45deg) scale(1.2);margin-right:5px}
.app-shell{display:flex;min-height:100vh}
.sidebar{width:var(--sidebar-width);background:var(--warm);border-right:1px solid #eeece8;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30}
.sidebar-top{height:105px;padding:31px 23px;display:flex;align-items:flex-start;justify-content:space-between}
.sidebar-close{display:none!important}
.nav-group{padding:0 12px;flex:1;overflow-y:auto;scrollbar-width:thin}
.nav-caption{font-size:10px;letter-spacing:.1em;color:#8c8a87;font-weight:750;padding:0 12px 12px}
.nav-caption.section-gap{padding-top:28px}
.nav-link{height:44px;padding:0 13px;display:flex;gap:13px;align-items:center;font-size:13px;font-weight:560;color:#373635;border-radius:7px;margin-bottom:4px;transition:background .14s}
.nav-link:hover{background:#eeece9}
.nav-link.active{background:#e6e8ed;color:#141414;font-weight:730}
.nav-link.active svg{color:var(--blue)}
.sidebar-bottom{padding:16px 16px 23px}
.storage-card{border-top:1px solid #e2e0dc;padding:21px 7px 20px}
.storage-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:11px}
.storage-top span{color:var(--muted)}
.meter{height:6px;border-radius:999px;background:#dedfdf;overflow:hidden}
.meter span{display:block;height:100%;background:var(--blue);border-radius:999px}
.storage-card small{display:block;color:var(--muted);font-size:11px;margin-top:10px}
.profile-tile{padding:12px 3px 0;border-top:1px solid #e2e0dc;display:flex;align-items:center;gap:10px}
.avatar{width:37px;height:37px;border-radius:50%;background:#f9a6a0;color:#6f1f25;display:grid;place-items:center;font-size:13px;font-weight:750;flex-shrink:0}
.profile-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}
.profile-copy strong,.profile-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-copy strong{font-size:12px}.profile-copy small{font-size:11px;color:var(--muted)}
.content-wrap{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-width:0;min-height:100vh;display:flex;flex-direction:column}
.topbar{height:75px;border-bottom:1px solid var(--line);padding:0 clamp(26px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;position:sticky;top:0;z-index:20}
.topbar-search{width:min(570px,67%)}
.search{height:45px;border:1px solid transparent;border-radius:8px;background:#f3f2f0;display:flex;align-items:center;gap:12px;padding:0 15px;color:#5d5c5a}
.search:focus-within{border-color:#8fb8ff;outline:2px solid #ddeafe}
.search input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;min-width:0;font-size:14px}
.search input::placeholder{color:#7d7b77}
.topbar-actions{display:flex;gap:13px;align-items:center}
.header-user{color:#555}
.small-avatar{width:34px;height:34px;text-decoration:none}
.main-content{max-width:1550px;width:100%;margin:0 auto;padding:37px clamp(26px,3vw,50px) 90px;flex:1}
.app-footer{border-top:1px solid var(--line);padding:20px clamp(26px,3vw,50px);color:#96938e;font-size:11px}
.mobile-page-head,.mobile-search-holder,.mobile-action-bar,.mobile-bottom-nav{display:none}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}
.page-heading h1{margin:0 0 9px}
.page-heading p{font-size:13px;color:var(--muted);margin:0}
.btn{border:1px solid transparent;border-radius:7px;background:#f2f1ef;color:#181818;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;font-size:13px;font-weight:680;line-height:1.2;transition:background .15s}
.btn:hover{background:#e8e7e4}
.btn.primary{background:var(--blue);color:#fff}
.btn.primary:hover{background:var(--blue-hover)}
.btn.subtle{border-color:#dedddb;background:#f7f6f5}
.btn.subtle:hover{background:#ebebea}
.btn.block{width:100%}
.btn.small{font-size:12px;padding:8px 11px}
.icon-btn{border:0;background:transparent;color:var(--ink);border-radius:7px;width:36px;height:36px;display:inline-grid;place-items:center}
.icon-btn:hover,.icon-btn.active{background:#eeeeec}
.icon-btn.danger-hover:hover{color:#b00038;background:#fff0f2}
.desktop-action-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:29px}
.action-pill{min-height:44px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:var(--soft);display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:13px;font-weight:690;color:#242424}
.action-pill:hover{background:#e9e9e7}
.section{margin-top:32px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.section-heading h2{font-size:18px;display:flex;align-items:center;gap:8px;margin:0}
.text-link{font-size:13px;color:var(--blue);font-weight:650}
.text-link:hover{text-decoration:underline}
.suggestion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.suggestion-card{min-width:0;min-height:126px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:17px;display:flex;flex-direction:column;gap:9px}
.suggestion-card:hover{background:#f8f8f7;border-color:#cdcdca}
.suggestion-card .file-glyph{height:39px;width:43px;flex:none}
.suggestion-card strong{font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.suggestion-card small{font-size:11px;color:var(--muted)}
.list-toolbar{height:51px;display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:0}
.list-toolbar>strong{font-size:15px}
.sort-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:8px 0;color:#1f1f1f;font-weight:700}
.sort-button svg{transform:scale(.78)}
.item-count{font-size:12px;color:#8b8885;margin-left:auto}
.view-switch{display:flex;align-items:center;gap:2px}
.view-switch .icon-btn{height:32px;width:32px}
.view-switch .icon-btn.active{background:#efefed}
.file-list{background:#fff;width:100%;min-width:0}
.file-list-head{display:grid;grid-template-columns:minmax(0,1fr) 160px 140px 94px;border-bottom:1px solid var(--line);padding:15px 12px 13px 73px;color:#767470;font-size:12px}
.file-row{display:grid;grid-template-columns:49px minmax(0,1fr) 160px 140px 94px;align-items:center;column-gap:12px;min-height:69px;padding:8px 11px;border-bottom:1px solid #f0eeec;position:relative;transition:background .12s}
.file-row:hover{background:#f7f7f6}
.row-select-wrap{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:24px;height:30px;display:none;align-items:center;justify-content:center}
.row-select{width:18px;height:18px;accent-color:var(--blue)}
.selection-mode .row-select-wrap{display:flex}
.selection-mode .file-row{padding-left:38px}
.file-glyph{width:43px;height:43px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;color:#66727d;overflow:hidden}
.file-glyph.folder{color:#7eafff}
.file-glyph.image{background:#f5f5f3}
.file-glyph.file,.file-glyph.archive,.file-glyph.video,.file-glyph.music{background:#f1f2f4;color:#697789}
.file-glyph:is(a,button){border:0;padding:0;background-color:transparent;appearance:none;text-decoration:none;cursor:pointer}
.file-glyph:is(a,button):focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.file-glyph:is(a,button):active{transform:scale(.97)}
.file-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:5px;border:1px solid #e8e8e8}
.file-main{min-width:0;display:flex;flex-direction:column;gap:6px}
.file-name{font-size:14px;font-weight:520;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1f1f1f}
button.file-name{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer}
.file-name:hover{text-decoration:underline}
.file-meta{font-size:12px;color:#817e79}
.row-date,.row-size{font-size:12px;color:#6c6965}
.row-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end}
.star-action.is-starred{color:#0061ff}
.star-action.is-starred svg{fill:#d7e5ff}
.empty-state{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:65px 20px 75px;text-align:center;color:#222}
.empty-icon{display:grid;place-items:center;width:86px;height:86px;border-radius:17px;background:#edf2fb;color:#477feb;margin-bottom:15px}
.empty-state h3{margin-bottom:8px}.empty-state p{font-size:13px;max-width:340px;color:#777;margin-bottom:22px}
.file-list.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:13px;margin-top:19px}
.grid-view .file-list-head{display:none}
.grid-view .file-row{min-height:171px;padding:17px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:flex-start;flex-direction:column;gap:16px}
.grid-view .file-glyph{height:55px;width:55px}
.grid-view .file-main{width:100%}
.grid-view .row-date,.grid-view .row-size{display:none}
.grid-view .row-actions{position:absolute;right:9px;top:14px}
.grid-view .desktop-quick{display:none}
.grid-view .file-meta.mobile-only{display:block!important}
.grid-view .file-row .file-name{font-size:13px}
.breadcrumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:-11px 0 22px;color:#6b6965;font-size:13px}
.breadcrumbs a:hover{color:var(--blue);text-decoration:underline}
.drop-zone{border:1px dashed #cfcdca;background:#fcfbfa;border-radius:8px;min-height:82px;padding:17px 23px;display:flex;align-items:center;gap:14px;margin-bottom:21px;color:#6b6965;font-size:13px;cursor:pointer}
.drop-zone.drag-over{background:#eaf1ff;border-color:var(--blue);color:var(--blue)}
.drop-zone span{flex:1}.drop-zone .btn{border:0}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px}
.photo-card{min-width:0;border-radius:8px;overflow:hidden;position:relative}
.photo-open{display:block;width:100%;aspect-ratio:1;border:0;padding:0;background:#f3f3f2;border-radius:7px;overflow:hidden}
.photo-open img{height:100%;width:100%;object-fit:cover}
.photo-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 2px;color:#595959}
.photo-caption{display:block;width:100%;padding:8px 2px;border:0;background:transparent;color:#595959;font:inherit;font-size:12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.photo-caption:hover{text-decoration:underline}
.photo-more{position:absolute;top:8px;right:8px;background:#ffffffdb;border:0;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}
.shared-row{grid-template-columns:49px minmax(0,1fr) 94px 94px;min-width:0}
.shared-row>.file-glyph{grid-column:1;grid-row:1}
.shared-row>.file-main{grid-column:2;grid-row:1;min-width:0}
.shared-row>.row-date{grid-column:3;grid-row:1}
.shared-row>.row-actions{grid-column:4;grid-row:1;min-width:0;gap:3px;justify-content:flex-end}
.shared-row .file-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shared-row .row-actions .icon-btn{width:40px;height:40px;flex:0 0 40px;border-radius:10px}
.shared-row .row-actions .icon-btn:hover{background:#f4f6fa}
.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:24px}
.panel-heading{margin-bottom:21px}.panel-heading h2{margin:0}.panel-heading p{font-size:12px;color:var(--muted);margin:7px 0 0}
.account-profile{display:flex;align-items:center;gap:20px;margin-bottom:17px;background:var(--warm);border-color:transparent}
.account-avatar{width:85px;height:85px;border-radius:50%;display:grid;place-items:center;background:#ffaaa3;color:#862a45;font-size:31px;font-weight:780;flex:none}
.account-profile>div{min-width:0;flex:1}.account-profile h2{margin:0 0 5px;font-size:23px}.account-profile p{font-size:13px;color:var(--muted);margin:0;overflow:hidden;text-overflow:ellipsis}
.account-plan{display:flex;align-items:center;gap:18px;margin-bottom:17px}
.account-plan>div:nth-child(2){flex:1}.account-plan small{color:var(--muted);font-size:12px}.account-plan h2{margin:5px 0;font-size:19px}.account-plan p{margin:0;font-size:12px;color:var(--muted)}
.brand-mark-small{width:53px;height:53px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center}
.account-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:17px}
.account-cards .panel{min-width:0}.account-cards h2{margin:17px 0 8px}.account-cards p{color:#87837e;margin:0 0 17px;font-size:13px}.account-cards p strong{color:var(--blue)}
.usage-ring{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--blue) var(--usage),#e8e8e7 0);position:relative;color:var(--blue)}
.usage-ring:after{content:'';position:absolute;inset:9px;background:#fff;border-radius:50%}.usage-ring span{position:relative;z-index:1}
.account-summary .summary-icon{display:grid;place-items:center;width:65px;height:65px;color:#4a9568;background:#ecf6ee;border-radius:12px}
.account-menu{padding:0;margin-bottom:17px;overflow:hidden}
.account-menu-row{border:0;background:#fff;width:100%;display:flex;align-items:center;gap:17px;min-height:76px;text-align:left;padding:14px 21px;border-bottom:1px solid var(--line)}
.account-menu-row:last-child{border-bottom:0}.account-menu-row:hover{background:#f9f8f7}
.account-menu-row>svg:last-child{margin-left:auto;color:#777}
.account-menu-row span{display:flex;flex-direction:column;gap:5px;flex:1}
.account-menu-row strong{font-weight:690}.account-menu-row small{font-size:12px;color:#8c8985}
.account-logout{padding:0;border:0;background:#fff4f5}
.account-logout button{width:100%;display:flex;align-items:center;gap:16px;border:0;background:transparent;padding:18px 22px;text-align:left;color:#ab003c}
.account-logout span{display:flex;flex-direction:column;gap:5px}.account-logout strong{font-size:14px}.account-logout small{font-size:12px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stat-card{min-width:0;display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:9px;padding:22px;position:relative}
.stat-card small{font-size:12px;color:var(--muted);font-weight:680}.stat-card strong{font-size:26px;letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.stat-card>span{position:absolute;right:17px;top:18px;color:#777}
.admin-tabs{display:flex;align-items:center;gap:23px;border-bottom:1px solid var(--line);margin:29px 0 18px;overflow:auto}
.tab{padding:0 0 13px;background:transparent;border:0;border-bottom:3px solid transparent;white-space:nowrap;font-weight:690;color:#777;font-size:13px}
.tab.active{color:#161616;border-bottom-color:var(--blue)}
.admin-user-head,.admin-user-row{display:grid;grid-template-columns:minmax(200px,2fr) 90px 130px 88px 105px;gap:12px;align-items:center}
.admin-user-head{border-bottom:1px solid var(--line);padding:8px 0 16px;font-size:11px;color:#777}
.admin-user-row{border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.admin-user-row:last-child{border-bottom:0}
.admin-person{display:flex;align-items:center;gap:11px;min-width:0}.admin-person>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}
.admin-person strong,.admin-person small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-person small{color:#888}
.role-pill,.status-pill{font-weight:700;font-size:11px}.status-pill.on{color:#177b44}.status-pill.off{color:#ad003e}.small-detail{color:#6a6864}
.activity-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}
.activity-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.activity-row strong{font-size:13px}.activity-row small{color:#888;overflow-wrap:anywhere}.activity-row time{font-size:11px;color:#888}.activity-icon{color:#777}
.stack,.auth-form,.modal-form{display:flex;flex-direction:column;gap:16px}
.stack label,.auth-form label,.modal-form label,.install-panel label{font-size:13px;font-weight:660;display:flex;flex-direction:column;gap:8px;color:#343330}
.stack input,.stack select,.auth-form input,.modal-form input,.modal-form select,.modal-form textarea,.install-panel input{width:100%;min-width:0;outline:0;border:1px solid #d2d0cd;border-radius:6px;background:#fff;color:#202020;font-size:14px;padding:12px 13px}
.stack input:focus,.stack select:focus,.auth-form input:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#8eb5fb;outline:2px solid #dceaff}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.max-form{max-width:630px}.help-label{font-size:11px;color:#777;font-weight:400}
.alert{font-size:13px;line-height:1.5;padding:12px 15px;border-radius:7px;margin-bottom:10px}
.alert.error{color:#9d083a;background:#fff0f2;border:1px solid #ffd9e3}
.alert.success{color:#086c39;background:#e7f7ed;border:1px solid #b3e6c4}
.alert.info{color:#285784;background:#eff6ff;border:1px solid #d8e8fc}
.app-modal{border:1px solid #e8e7e6;border-radius:14px;width:min(525px,calc(100% - 28px));max-height:calc(100dvh - 42px);overflow-y:auto;box-shadow:0 23px 80px #0003;padding:26px;background:#fff;color:#202020}
.app-modal:not([open]){display:none!important}
.app-modal::backdrop{background:rgba(0,0,0,.3)}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:15px}
.modal-head h2{margin:0;font-size:23px}.modal-head .eyebrow{margin-bottom:7px}
.sheet-handle{display:none}
.modal-help{font-size:12px;color:#777;line-height:1.5;margin:0 0 4px}
.modal-form .btn{margin-top:8px}
.action-list{display:flex;flex-direction:column;gap:0}
.action-option{border:0;border-bottom:1px solid #e9e8e6;background:#fff;width:100%;display:flex;align-items:center;gap:16px;text-align:left;font-size:15px;padding:16px 12px;color:#242424}
.action-option:last-child{border-bottom:0}.action-option:hover{background:#f6f5f3}
.action-option.danger{color:#a60036}.action-option.danger svg{color:#a60036}
.action-option>svg{width:22px;height:22px}.action-menu-name{display:flex;gap:13px;align-items:center;padding:4px 7px 17px;border-bottom:1px solid var(--line);margin-bottom:5px;font-weight:700;font-size:17px}
.quick-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.quick-create-card{border:0;background:#f6f5f3;border-radius:13px;min-height:108px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;font-size:13px;font-weight:650;padding:11px}
.quick-create-card:hover{background:#e8eefa}.quick-create-card svg{width:26px;height:26px}
.share-result{display:flex;gap:9px;align-items:center;background:#f6f5f3;padding:9px;border-radius:8px}
.share-result input{font-size:12px;min-width:0;flex:1;background:transparent;border:0;outline:0}
.access-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0;padding:2px 0}
.access-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}
.access-row:last-child{border-bottom:0}.access-row>div{display:flex;flex-direction:column;gap:5px;min-width:0}.access-row strong{font-size:13px}.access-row small{font-size:11px;color:#777}
.upload-queue{display:flex;flex-direction:column;gap:11px}.upload-item{border:1px solid var(--line);padding:13px;border-radius:7px;display:flex;flex-direction:column;gap:10px}
.upload-item-top{display:flex;align-items:center;gap:10px;font-size:12px}.upload-item-top strong{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upload-item-top small{color:#777}
.upload-hint{font-size:12px;color:#777}
.preview-dialog{width:min(980px,calc(100vw - 28px));max-width:100%;height:min(790px,calc(100dvh - 28px));display:flex;flex-direction:column;overflow:hidden}
.preview-dialog .modal-head{width:100%;min-width:0;flex-shrink:0;align-items:center}
.preview-dialog .modal-head>div{flex:1;min-width:0}
.preview-dialog .modal-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-width:0}
.preview-dialog .modal-head .icon-btn{flex-shrink:0}
.preview-dialog #modal-body{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}
.preview-stage{display:grid;place-items:center;flex:1;min-width:0;min-height:0;max-width:100%;width:100%;overflow:hidden;border-radius:10px;background:#fff}
.preview-stage .preview-frame{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:0;border-radius:0;background:transparent}
.preview-stage.is-video{background:#090909}
.preview-stage.is-video video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#090909}
.preview-stage.is-document iframe{width:100%;height:100%;border:1px solid var(--line);border-radius:8px}
.preview-audio{display:block;width:min(100%,450px);max-width:100%}
.preview-unsupported{text-align:center;padding:18px;max-width:100%;overflow-wrap:anywhere}
.preview-unsupported p{color:var(--muted)}
.preview-info{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;min-width:0;flex-shrink:0;gap:9px;margin-top:13px}
.preview-info .modal-help{margin-right:auto}
.toast{position:fixed;z-index:200;bottom:29px;left:50%;transform:translate(-50%,130px);max-width:calc(100% - 24px);border:1px solid #e0e3eb;border-radius:13px;padding:13px 19px;background:#fff;color:#263348;font-size:13px;box-shadow:0 8px 32px #0e285120;opacity:0;pointer-events:none;transition:.25s}
.toast.show{transform:translate(-50%,0);opacity:1}.toast.error{background:#fff0f2;color:#a60036;border-color:#f8cfd9}
.bulk-bar{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;background:#202020;color:#fff;border-radius:11px;box-shadow:0 7px 25px #0003;white-space:nowrap;font-size:13px;font-weight:700}
.bulk-bar .btn{background:#454545;color:white;border-color:#555}.bulk-bar .btn:hover{background:#555}.bulk-bar .icon-btn{color:white}
.audio-record-ui{text-align:center;padding:30px 5px 12px}.audio-record-ui h3{margin:8px}.audio-record-ui p{font-size:13px;color:#777;margin:18px auto 28px;max-width:310px}
.record-dot{display:block;margin:auto;width:58px;height:58px;border:12px solid #ffd7df;border-radius:50%;background:#c41046;box-shadow:0 0 0 5px #fff2f5;animation:pulse 1.1s infinite alternate}
@keyframes pulse{from{transform:scale(.95)}to{transform:scale(1.05)}}
.auth-page{background:#fff}.auth-layout{display:grid;grid-template-columns:minmax(350px,1fr) 1fr;min-height:100dvh}
.auth-story{background:#dcecff;padding:35px 7%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.auth-story-center{max-width:520px;margin:auto}.auth-story-center h2{font-size:clamp(38px,4vw,57px);line-height:1.15;letter-spacing:-.06em;margin-bottom:22px}.auth-story-center p{color:#4f5d69;font-size:15px}
.auth-graphic{height:235px;position:relative;margin-bottom:28px}
.graphic-folder{position:absolute;top:51px;left:94px;width:165px;height:135px;background:#91b9f8;color:#0052dc;border-radius:14px;display:grid;place-items:center;transform:rotate(-6deg)}
.graphic-card{position:absolute;background:#fff;width:76px;height:88px;display:grid;place-items:center;border-radius:10px;box-shadow:0 7px 23px #4071ae1c;color:#0061ff}.graphic-card.a{top:15px;left:44px;transform:rotate(13deg)}.graphic-card.b{top:108px;left:265px;transform:rotate(11deg)}
.auth-story-bottom{font-size:10px;font-weight:770;letter-spacing:.16em;color:#576a7f}
.auth-side{display:grid;place-items:center;padding:45px 30px}.auth-card{width:min(100%,410px)}.auth-card h1{font-size:34px;margin:9px 0 11px}.auth-card>p.muted{font-size:14px;margin-bottom:30px}
.auth-form{gap:20px}.auth-form input{height:49px}.auth-switch{font-size:13px;color:#777;text-align:center;margin-top:23px}.auth-switch a{color:var(--blue);font-weight:700}.auth-footnote{font-size:11px;color:#888;display:flex;align-items:center;gap:7px;margin-top:50px}.mobile-brand{display:none}.large-btn{height:48px}
.install-panel{max-width:760px;margin:36px auto;padding:37px;background:#fff;border:1px solid var(--line);border-radius:12px}.install-panel h3{padding-top:19px;margin-top:15px;border-top:1px solid var(--line)}.install-panel .auth-form{gap:16px}
.public-page{background:var(--warm)}.public-header{background:#fff;height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,80px)}.public-badge{font-size:12px;color:#555;display:flex;align-items:center;gap:8px}
.public-container{max-width:870px;padding:53px 24px 90px;margin:auto}.public-hero{text-align:center;margin-bottom:35px}.public-hero .big-icon{width:70px;height:70px;border-radius:12px;background:#e0edff;color:var(--blue);display:grid;place-items:center;margin:0 auto 22px}
.public-hero .muted{font-size:13px}.public-file{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px}.public-file .file-glyph{height:72px;width:72px}.public-preview{max-width:100%;max-height:450px;object-fit:contain;border-radius:7px}.public-footer{text-align:center;font-size:11px;color:#999;padding:25px}.public-table .file-row{grid-template-columns:50px minmax(0,1fr) 50px}.password-panel{max-width:480px;margin:auto}.password-panel h2{display:flex;align-items:center;gap:8px}.empty-inline{padding:40px;text-align:center;color:#777;font-size:13px}

@media(max-width:1140px){
  :root{--sidebar-width:218px}
  .sidebar-top{padding-left:19px}.brand{font-size:22px}
  .file-list-head{grid-template-columns:minmax(0,1fr) 115px 100px 80px}
  .file-row{grid-template-columns:46px minmax(0,1fr) 115px 100px 80px}
  .admin-user-head,.admin-user-row{grid-template-columns:minmax(160px,2fr) 75px 90px 65px 83px}
  .stat-card{padding:16px}.stat-card strong{font-size:22px}
}
@media(max-width:900px){
  .suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .file-list-head{grid-template-columns:minmax(0,1fr) 100px 80px}
  .file-list-head span:nth-child(3){display:none}
  .file-row{grid-template-columns:44px minmax(0,1fr) 100px 80px}
  .file-row .row-size{display:none}
  .auth-story{display:none}.auth-layout{grid-template-columns:1fr}.mobile-brand{display:inline-flex;margin-bottom:42px}
  .admin-user-head{display:none}.admin-user-row{grid-template-columns:minmax(0,1fr) 70px 90px}.admin-user-row>.role-pill,.admin-user-row>.small-detail{display:none}
}
@media(max-width:740px){
  .recent-section .section-heading .selection-toggle,.recent-section .section-heading .selection-all{display:none!important}
  :root{--sidebar-width:260px}
  .mobile-only{display:inline!important}
  .sidebar,.sidebar-scrim{display:none!important}
  .content-wrap{margin:0;width:100%}
  .topbar,.page-heading,.desktop-action-bar,.drop-zone,.app-footer{display:none!important}
  .main-content{padding:0 17px calc(125px + env(safe-area-inset-bottom));max-width:none}
  .mobile-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -17px;padding:27px 17px 19px;border-bottom:1px solid var(--line);min-height:103px;background:#fff}
  .mobile-page-head h1{font-size:34px;letter-spacing:-.055em;margin:0;font-weight:760}
  .mobile-header-actions{display:flex;align-items:center;border:1px solid #dedcda;border-radius:999px;overflow:hidden;height:45px;flex-shrink:0;background:#fff}
  .round-action{display:grid;place-items:center;width:47px;height:45px;background:transparent;border:0;color:#171717}
  .round-action+ .round-action{border-left:1px solid #e7e4e2}
  .mobile-search-holder{display:block;padding-top:14px;padding-bottom:19px}
  .search{height:48px;border-radius:999px;background:#f5f4f2;padding:0 16px;font-size:16px}
  .search input{font-size:16px}
  .mobile-action-bar{display:flex;align-items:stretch;gap:9px;overflow-x:auto;padding:0 0 21px;scrollbar-width:none}
  .mobile-action-bar::-webkit-scrollbar{display:none}
  .action-pill{border:0;background:#f5f5f4;flex:none;height:44px;border-radius:9px;padding:0 12px;gap:8px;font-size:14px}
  .section{margin-top:14px}.recent-section{margin-top:30px}
  .section-heading{margin-bottom:14px}.section-heading h2{font-size:18px}.section-heading .text-link{font-size:15px}
  .home-suggested{margin-top:6px}.suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.suggestion-card{padding:11px;min-height:104px}
  .list-toolbar{height:46px;border-top:0;border-bottom:0;margin-bottom:6px}
  .sort-button{font-size:16px}.item-count{display:none}.view-switch{margin-left:auto}
  .file-list-head{display:none}
  .file-row{display:grid;grid-template-columns:56px minmax(0,1fr) 38px;column-gap:9px;min-height:83px;padding:8px 1px;border-bottom:0}
  .file-row:hover{background:transparent}
  .file-glyph{width:52px;height:52px;border-radius:7px}
  .file-glyph.folder{width:52px;height:52px}
  .file-glyph.folder svg{height:49px;width:49px}
  .file-glyph.file,.file-glyph.video,.file-glyph.archive,.file-glyph.music{background:#f6f6f5;color:#68727d}
  .file-name{font-size:16px;font-weight:510;letter-spacing:-.012em}
  .file-meta.mobile-only{display:block!important;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#85817d}
  .row-size,.row-date,.desktop-quick{display:none!important}
  .row-actions{grid-column:3;grid-row:1}.row-actions .more-btn{color:#131313;width:35px;height:40px}
  .file-list.grid-view{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
  .grid-view .file-row{border:1px solid var(--line);min-height:154px;padding:12px;gap:12px}
  .grid-view .file-glyph{width:50px;height:50px}.grid-view .file-main .file-name{font-size:13px}
  .selection-mode .file-row{padding-left:32px;grid-template-columns:47px minmax(0,1fr) 35px}
  .selection-mode .row-select-wrap{left:0}.selection-mode .file-glyph{width:45px;height:45px}
  .empty-state{padding:70px 20px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:4px -17px}
  .photo-card{border-radius:0}.photo-open{border-radius:0}.photo-card small,.photo-caption{display:none}.photo-more{width:28px;height:28px;top:3px;right:3px}
  .breadcrumbs{margin:0 0 12px;font-size:12px}
  .app-body[data-page="shared"] .section{margin-top:16px;min-width:0}
  .app-body[data-page="shared"] .list-toolbar{height:44px;margin-bottom:4px}
  .app-body[data-page="shared"] .empty-inline{padding:24px 12px 28px;font-size:12px;line-height:1.6;color:#8b8c92}
  .app-body[data-page="shared"] .file-list{min-width:0;overflow:hidden}
  .app-body[data-page="shared"] .shared-row{display:grid;grid-template-columns:43px minmax(0,1fr) 77px;column-gap:10px;padding:12px 0;min-height:76px;width:100%;max-width:100%;min-width:0;border-bottom:1px solid #f0f0f0}
  .app-body[data-page="shared"] .shared-row>.file-glyph{grid-column:1;grid-row:1;width:42px;height:42px}
  .app-body[data-page="shared"] .shared-row>.file-glyph.folder svg{width:39px;height:39px}
  .app-body[data-page="shared"] .shared-row>.file-main{grid-column:2;grid-row:1;min-width:0;max-width:100%;gap:4px;overflow:hidden}
  .app-body[data-page="shared"] .shared-row .file-name{display:block;min-width:0;max-width:100%;font-size:15px;font-weight:610;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .app-body[data-page="shared"] .shared-row .file-meta{font-size:11px;line-height:1.45;color:#8a8c94;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .app-body[data-page="shared"] .shared-row>.row-date{display:none!important}
  .app-body[data-page="shared"] .shared-row>.row-actions{grid-column:3;grid-row:1;min-width:0;max-width:77px;display:flex;justify-content:flex-end;gap:3px}
  .app-body[data-page="shared"] .shared-row .row-actions .icon-btn{width:37px;height:37px;flex:0 0 37px;border-radius:9px;color:#67717e}
  .app-body[data-page="shared"] .shared-row .row-actions .icon-btn:last-child{color:#a65d65}
  .app-body[data-page="shared"] .shared-row .row-actions .icon-btn svg{width:18px;height:18px}
  .mobile-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom));padding:0 13px;gap:11px;align-items:center;z-index:25;pointer-events:none}
  .bottom-tabs{pointer-events:auto;height:73px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #dedcda;border-radius:999px;flex:1;min-width:0;box-shadow:0 1px 8px #0000000b;overflow:hidden;padding:5px}
  .bottom-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:999px;font-size:11px;font-weight:490;min-width:0;color:#1e1e1e}
  .bottom-tab svg{width:25px;height:25px}.bottom-tab.active{background:#ececeb}
  .bottom-plus{pointer-events:auto;flex:none;width:69px;height:69px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--blue);color:#fff;box-shadow:0 2px 7px #00000014}
  .bottom-plus:active{background:var(--blue-hover)}
  .app-modal{position:fixed;bottom:0;left:0;margin:0;width:100%;max-width:none;max-height:min(86dvh,900px);padding:14px 22px calc(28px + env(safe-area-inset-bottom));border:0;border-radius:28px 28px 0 0;box-shadow:0 -9px 45px #0002}
  .sheet-handle{display:block;background:#d9d7d4;border-radius:999px;width:49px;height:5px;margin:-3px auto 22px}
  .modal-head{margin-bottom:11px}.modal-head .eyebrow{display:none}.modal-head h2{font-size:21px}
  .modal-head .icon-btn{width:35px;height:35px}
  .action-option{min-height:64px;font-size:17px;gap:20px;padding:17px 6px}
  .action-menu-name{font-size:19px;margin-top:0;padding:5px 4px 18px}
  .quick-create-grid{gap:9px}.quick-create-card{min-height:113px;font-size:12px;padding:8px}
  .preview-dialog{height:min(95dvh,920px);max-height:95dvh;width:100%;max-width:100%;padding:13px 14px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}
  .preview-dialog .modal-head{gap:12px;margin-bottom:12px}
  .preview-dialog .modal-head h2{font-size:18px;line-height:1.35}
  .preview-dialog .modal-head .icon-btn{width:40px;height:40px}
  .preview-stage{border-radius:8px}
  .preview-info{gap:6px;margin-top:10px;justify-content:center}
  .preview-info:has([data-action="native-save-prepare"]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .preview-info:has([data-action="native-save-prepare"]) .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:41px}
  .preview-info .modal-help{display:none}
  .preview-info .btn{font-size:12px;white-space:nowrap;min-width:0;padding:9px 10px}
  .preview-info .btn svg{width:17px;height:17px}
  .toast{bottom:calc(103px + env(safe-area-inset-bottom))}
  .bulk-bar{bottom:calc(102px + env(safe-area-inset-bottom));width:calc(100% - 26px);justify-content:space-between;padding:9px}
  .bulk-bar .btn{font-size:11px;padding:9px}
  .app-body[data-page="account"]{background:var(--warm)}
  .app-body[data-page="account"] .mobile-page-head{background:var(--warm)}
  .account-profile{padding:18px;margin:16px -1px 14px;border-radius:11px;background:#fff}
  .account-avatar{width:78px;height:78px;font-size:28px}
  .account-profile h2{font-size:20px}.account-profile p{font-size:13px}
  .account-plan{padding:18px;margin-bottom:14px;border:0}
  .account-cards{gap:13px;margin-bottom:15px}.account-cards .panel{padding:16px;border:0}
  .account-cards h2{font-size:19px;margin-top:13px}.account-cards p{font-size:12px}
  .usage-ring,.account-summary .summary-icon{width:57px;height:57px}
  .account-menu{border:0;padding:0;border-radius:12px}
  .account-menu-row{min-height:77px;padding:14px 16px;gap:14px}
  .account-logout{border:0}
  .app-body[data-page="admin"] .main-content{padding-top:18px}
  .app-body[data-page="admin"] .page-heading{display:flex!important;flex-direction:column;align-items:flex-start}
  .app-body[data-page="admin"] .page-heading h1{font-size:26px}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .stat-card{padding:13px;min-height:102px}.stat-card strong{font-size:18px}.stat-card>span{right:11px;top:11px}
  .admin-tabs{gap:18px}.admin-user-row{grid-template-columns:minmax(0,1fr) 70px 80px;gap:9px}
  .admin-panel{padding:14px 12px}.admin-user-head{display:none}.admin-person small{font-size:10px}
  .activity-row time{font-size:10px}
  .form-grid{grid-template-columns:1fr}
  .public-container{padding:36px 15px 90px}.public-header{height:75px;padding:0 18px}
}

/* Mobile app shell and persistent uploads */
html{overscroll-behavior-y:none;-webkit-text-size-adjust:100%}
button,a,input,select,textarea{touch-action:manipulation}
.app-body{overscroll-behavior-y:none}
.quick-create-card{color:var(--blue);font-weight:690}
.quick-create-card>svg{color:var(--blue);stroke-width:1.9}
.upload-tray[hidden]{display:none!important}
.upload-tray{position:fixed;z-index:60;bottom:24px;right:25px;width:305px;min-height:67px;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #dcdad8;border-radius:12px;background:#fff;color:#171717;padding:11px 15px 15px;box-shadow:0 5px 26px #00000022}
.upload-tray-symbol{width:32px;height:32px;border-radius:9px;background:#e7f0ff;color:var(--blue);display:grid;place-items:center;font-size:21px;font-weight:700}
.upload-tray-copy{display:flex;flex-direction:column;flex:1;gap:4px;min-width:0}
.upload-tray-copy strong{font-size:12px}.upload-tray-copy small{font-size:11px;color:#797571;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upload-tray-meter{height:4px;background:#eceae7;position:absolute;bottom:0;left:12px;right:12px;border-radius:10px;overflow:hidden}
.upload-tray-meter i,.upload-job-meter i{height:100%;background:var(--blue);display:block;transition:width .2s linear;border-radius:999px}
.upload-dialog{width:min(680px,calc(100% - 20px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid #e7e5e2;border-radius:17px;background:#fff;color:#202020;box-shadow:0 16px 50px #0003;overflow:auto}
.upload-dialog::backdrop{background:rgba(0,0,0,.38)}
.upload-dialog .sheet-handle{display:none}
.upload-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.upload-dialog-heading h2{margin:5px 0 0;font-size:27px;letter-spacing:-.04em}
.upload-dialog-heading small{font-size:10px;color:#777;letter-spacing:.1em;font-weight:750}
.upload-dialog-heading>button{border:0;background:#f2f1ef;border-radius:50%;height:35px;width:35px;font-size:19px}
.upload-summary{display:flex;justify-content:space-between;gap:10px;padding:19px 0 12px}
.upload-summary strong{font-size:14px}.upload-summary small{font-size:12px;color:#8b8882}
.upload-overall{margin:17px 0 15px;padding:19px 19px 16px;background:#f8fafc;border:1px solid #e4e9f0;border-radius:14px}
.upload-overall-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.upload-overall-heading>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.upload-overall-heading small{font-size:10px;color:#767f8d;font-weight:780;letter-spacing:.09em}
.upload-overall-heading strong{font-size:16px;font-weight:750;letter-spacing:-.025em;line-height:1.25}
.upload-overall-heading>span{color:#005bea;font-size:26px;font-weight:790;letter-spacing:-.04em;font-variant-numeric:tabular-nums;flex:none}
.upload-overall-meter{height:9px;width:100%;border-radius:999px;background:#e0e8f3;overflow:hidden;margin:17px 0}
.upload-overall-meter>i{display:block;height:100%;background:#0061ff;border-radius:999px;transition:width .25s linear}
.upload-overall-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.upload-overall-stats>div{min-width:0;display:flex;flex-direction:column;gap:4px;padding:12px 11px;background:#fff;border:1px solid #e9edf1;border-radius:10px}
.upload-overall-stats span{color:#7a808a;font-size:11px;font-weight:650}
.upload-overall-stats strong{color:#181b22;font-size:18px;font-weight:770;white-space:nowrap;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.upload-overall-stats small{color:#777d86;font-size:10px;line-height:1.3}
.upload-dialog-heading{padding-bottom:12px}
.upload-dialog-heading h2{font-size:24px;letter-spacing:-.035em}
.upload-dialog-heading>button{color:#444;background:#f6f6f6;cursor:pointer}
.upload-dialog-heading>button:focus{outline:none}
.upload-dialog-heading>button:focus-visible{outline:2px solid #0061ff;outline-offset:2px}
.upload-clean-progress{padding:20px 0 15px}
.upload-clean-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.upload-clean-head>strong{font-size:14px;font-weight:730;color:#252932}
.upload-clean-head>span{font-size:25px;color:#0061ff;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.upload-clean-progress .upload-overall-meter{margin:12px 0 12px;height:8px}
.upload-clean-stats{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;color:#696f7a;font-size:12px;line-height:1.5}
.upload-clean-stats strong{font-variant-numeric:tabular-nums;color:#252932;font-weight:760}
.upload-clean-state{font-size:12px;color:#667285;margin:9px 0 0;line-height:1.4}
.upload-dialog{width:min(480px,calc(100% - 20px));padding:22px}
.upload-dialog-heading{border-bottom:0;padding-bottom:0}
.upload-dialog-heading h2{margin:0;font-size:23px;line-height:1.25}
.upload-simple-panel{padding:20px 0 18px}
.upload-simple-panel .upload-overall-meter{margin:13px 0 12px}
.upload-simple-panel .upload-clean-state{margin-top:12px}
.upload-clean-warning{color:#ad4456;font-weight:650}
.upload-only-cancel{display:block;width:100%;min-height:46px;border:1px solid #f0dce0;border-radius:10px;background:#fff;color:#ad2442;font-size:14px;font-weight:700;cursor:pointer}
.upload-only-cancel:hover{background:#fff4f5;border-color:#e7bcc5}
.upload-only-cancel:focus-visible{outline:2px solid #0061ff;outline-offset:3px}
.upload-add-buttons.upload-add-simple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:1px 0 15px}
.upload-add-buttons.upload-add-simple button{width:100%;min-height:46px;background:#e9f1ff;color:#005beb;border:0;border-radius:9px;font-size:13px}
.upload-add-simple button:hover{background:#dce9ff}
.upload-clean-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 14px}
.upload-clean-controls button{border:1px solid #e2e5ea;border-radius:9px;background:#f7f8fa;color:#333b49;font-weight:660;font-size:12px;min-height:41px;padding:9px;cursor:pointer}
.upload-clean-controls button:last-child{background:#fff;color:#bd3150;border-color:#efd8de}
.upload-clean-controls button:hover{background:#edf2f9}
.upload-clean-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:12px 13px;border-radius:10px;background:#fff5f5;border:1px solid #fae4e5}
.upload-clean-alert>span{display:flex;flex-direction:column;min-width:0;gap:4px}
.upload-clean-alert strong{font-size:13px;color:#993549}
.upload-clean-alert small{font-size:11px;color:#90636b;line-height:1.35}
.upload-clean-alert button{border:0;border-radius:8px;background:#fff;color:#af2b48;padding:10px 12px;font-size:12px;font-weight:750;flex:none;cursor:pointer}
.upload-clean-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #efefef;padding-top:13px}
.upload-clean-bottom button{border:0;background:transparent;color:#4b5868;cursor:pointer;font-weight:640;font-size:12px;min-height:35px;padding:5px 2px}
.upload-clean-bottom button span{margin-left:5px;font-size:16px}
.upload-clean-bottom .upload-more-trigger{color:#707986}
.upload-more-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:11px 0;border-top:1px solid #f0f0f0}
.upload-more-options button{border:1px solid #ececf0;background:#f7f7f8;color:#444;border-radius:7px;padding:9px 6px;font-size:11px;font-weight:640;min-height:38px;cursor:pointer}
.upload-more-options button:disabled{opacity:.4}
.upload-more-options p{grid-column:1/-1;color:#87909b;font-size:11px;line-height:1.4;margin:5px 0 0}
.upload-detail-list{border-top:1px solid #ececec;margin-top:11px}
.upload-detail-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0 2px;font-size:12px}
.upload-detail-caption span{color:#818993;font-size:11px}
.upload-job-compact{padding:11px 0;border-top:1px solid #efefef}
.upload-job-compact:first-of-type{border-top:0}
.upload-job-compact .upload-job-head{gap:14px}
.upload-job-compact .upload-job-head strong{font-size:12px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.upload-job-compact .upload-job-head small{font-size:11px}
.upload-job-compact .upload-job-head>span{font-size:11px}
.upload-job-compact .upload-job-meter{height:4px;margin:8px 0 0}
.upload-job-compact .upload-job-buttons{margin-top:7px}
.upload-job-compact .upload-job-buttons button{font-size:11px;padding:7px 10px}
.upload-detail-empty{font-size:12px;color:#838893;padding:12px 0;margin:0;line-height:1.5}
.upload-add-sources{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;margin-bottom:14px;background:#fff;border:1px solid #e4e7ee;border-radius:13px}
.upload-add-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.upload-add-info strong{font-size:13px;color:#1e2837;font-weight:760}
.upload-add-info small{font-size:11px;color:#727987;line-height:1.4}
.upload-add-buttons{display:flex;flex-wrap:wrap;gap:8px;flex:none}
.upload-add-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:9px 12px;border:1px solid #cedcfa;border-radius:9px;background:#ecf3ff;color:#005bea;font-size:12px;font-weight:760;cursor:pointer}
.upload-add-buttons button:hover{background:#dfeaff}
.upload-add-buttons button:disabled{opacity:.4;cursor:default}
.upload-add-buttons button span{font-size:18px;line-height:1}
.upload-manager-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:11px}
.upload-manager-secondary{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:14px}
.upload-manager-tools button,.upload-job-buttons button{padding:8px 12px;background:#f2f2f1;border:0;border-radius:7px;font-size:12px;font-weight:620;color:#222}
.upload-manager-tools button{min-width:0;min-height:43px;line-height:1.3}
.upload-manager-tools button:disabled{opacity:.42;cursor:default}
.upload-manager-tools .upload-danger{background:#fff0f1;color:#b71f3c}
.upload-manager-secondary button{border:0;background:transparent;padding:7px 3px;font-size:12px;font-weight:590;color:#6a6d75;text-decoration:underline;text-underline-offset:3px}
.upload-manager-tools button:hover,.upload-job-buttons button:hover{background:#e6edfc;color:var(--blue)}
.upload-manager-tools .upload-danger:not(:disabled):hover{background:#ffe0e5;color:#99112d}
.upload-job{padding:15px 0;border-top:1px solid var(--line)}
.upload-job-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.upload-job-head>div{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.upload-job-head strong{font-size:13px;overflow-wrap:anywhere;font-weight:660}
.upload-job-head small{font-size:11px;color:#7f7b76}.upload-job-head>span{font-size:12px;color:var(--blue);font-weight:700;flex:none}
.upload-job-meter{margin-top:12px;background:#ededeb;border-radius:999px;height:6px;overflow:hidden}
.upload-job-error{font-size:11px;color:#b42e43;margin:10px 0 0}
.upload-job-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}
.upload-privacy-note{font-size:12px;line-height:1.55;color:#8a8783;margin-top:18px}
.upload-state-error,.upload-state-reselect,.upload-state-auth{color:#a60036!important}
.upload-state-done{color:#107a46!important}
.native-save-step{display:flex;flex-direction:column;align-items:center;gap:13px;padding:15px 2px 9px;text-align:center;max-width:440px;margin:auto}
.native-save-icon{width:57px;height:57px;display:grid;place-items:center;border-radius:16px;color:#0061ff;background:#e8f0ff}
.native-save-icon svg{width:29px;height:29px}
.native-save-step>strong{font-size:17px;font-weight:750;overflow-wrap:anywhere;max-width:100%}
.native-save-step>p{font-size:13px;color:#696f7a;line-height:1.55;margin:0}
.native-save-step>.btn{width:100%;min-height:45px;display:flex;align-items:center;justify-content:center;text-align:center}
.native-save-step>.upload-job-meter{width:100%;margin:5px 0 0;height:8px}
.native-save-step>small{font-size:12px;color:#747981}
.archive-panel{display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:470px;margin:0 auto;padding:12px 0 4px}
.archive-symbol{display:grid;place-items:center;width:54px;height:54px;background:#e9f1ff;color:#0061ff;border-radius:16px;align-self:center}
.archive-symbol svg{width:29px;height:29px}
.archive-panel>strong{text-align:center;font-size:17px;overflow-wrap:anywhere}
.archive-panel>.modal-help{text-align:center;margin:0;line-height:1.6}
.archive-meter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.archive-meter-head>strong{font-size:18px;font-variant-numeric:tabular-nums}
.archive-meter-head>span{color:#797979;font-variant-numeric:tabular-nums}
.archive-panel .archive-meter{height:10px;margin:-5px 0 0}
.archive-counts{display:flex;flex-wrap:wrap;gap:8px}
.archive-counts>span{display:flex;align-items:center;justify-content:center;gap:6px;flex:1 1 145px;min-height:46px;border:1px solid #e5e5e4;border-radius:10px;background:#f8f8f7;font-size:12px;color:#505050}
.archive-counts svg{width:20px;height:20px;color:#0061ff}
.archive-counts strong{color:#222;font-variant-numeric:tabular-nums}
.archive-panel>.btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px}
.archive-panel>.btn svg{width:20px;height:20px}
.archive-panel>.archive-status{margin:0;text-align:center;color:#5d6470;font-size:13px}
body:has(.upload-dialog[open]){overflow:hidden}
@media(max-width:740px){
  .app-body{min-height:100dvh;-webkit-overflow-scrolling:touch}
  .main-content{padding-bottom:calc(145px + env(safe-area-inset-bottom))}
  .bottom-tabs,.bottom-plus{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .bottom-tab{min-height:54px}
  .quick-create-card{font-size:12px;min-height:120px;line-height:1.25}
  .quick-create-card svg{width:31px;height:31px}
  .upload-tray{right:17px;left:17px;width:auto;bottom:calc(104px + env(safe-area-inset-bottom));min-height:57px;padding:8px 13px 14px;border-radius:13px}
  .upload-dialog{position:fixed;bottom:0;left:0;right:0;margin:0;width:100%;max-width:none;max-height:90dvh;border:0;border-radius:27px 27px 0 0;padding:13px 19px calc(30px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .upload-dialog .sheet-handle{display:block;width:48px;height:5px;border-radius:999px;background:#d6d4d2;margin:0 auto 21px}
  .upload-dialog-heading h2{font-size:27px}
  .upload-summary{flex-direction:column;gap:5px}
  .upload-overall{padding:16px 13px 13px;margin:16px 0 12px}
  .upload-overall-heading strong{font-size:15px}
  .upload-overall-heading>span{font-size:24px}
  .upload-overall-stats{gap:6px}
  .upload-overall-stats>div{padding:10px 7px}
  .upload-overall-stats strong{font-size:clamp(13px,4vw,18px)}
  .upload-overall-stats small{font-size:10px}
  .upload-clean-progress{padding-top:16px}
  .upload-dialog{width:100%;padding:14px 20px calc(27px + env(safe-area-inset-bottom))}
  .upload-dialog-heading{padding:0}
  .upload-dialog-heading h2{font-size:23px}
  .upload-simple-panel{padding:20px 0 18px}
  .upload-only-cancel{min-height:48px}
  .upload-clean-head>span{font-size:24px}
  .upload-clean-stats{gap:3px 11px;font-size:11px}
  .upload-dialog-heading h2{font-size:24px}
  .upload-add-buttons.upload-add-simple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:3px 0 13px}
  .upload-add-buttons.upload-add-simple button{font-size:13px;min-height:48px}
  .upload-clean-controls button{min-height:43px}
  .upload-add-sources{flex-direction:column;align-items:stretch;gap:12px;padding:14px}
  .upload-add-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .upload-add-buttons button{min-width:0;min-height:44px;padding:9px 6px;font-size:11px}
  .upload-manager-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .upload-manager-tools button{white-space:normal;font-size:12px;padding:10px 7px}
  .upload-job{padding:17px 0}
}
@media(max-width:390px){
  .mobile-page-head h1{font-size:30px}.bottom-tabs{height:69px}.bottom-tab{font-size:10px}.bottom-tab svg{width:22px;height:22px}.bottom-plus{width:64px;height:64px}
  .quick-create-grid{gap:6px}.quick-create-card{font-size:11px}
  .account-cards{gap:9px}.account-cards .panel{padding:13px}.account-cards h2{font-size:16px}
  .action-pill{font-size:12px;padding:0 9px;gap:5px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Sharing screens: mobile-first white sheets, quiet hairlines, strong Dropbox-blue actions. */
.sharing-resource{display:flex;align-items:center;gap:13px;padding:8px 2px 20px;margin-bottom:18px;border-bottom:1px solid var(--line);min-width:0}
.sharing-resource>svg{width:37px;height:37px;color:#79a9f7;flex:none}
.sharing-resource>div{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.sharing-resource strong{font-size:15px;font-weight:610;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sharing-resource small{color:#88827d;font-size:12px}
.share-gear{position:absolute;right:73px;top:25px;border:0;background:transparent;width:36px;height:36px;display:grid;place-items:center;color:#262626;border-radius:50%}
.share-gear:hover{background:#f2f2f1}
.share-gear svg{width:22px;height:22px}
.share-invite-input{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:16px 15px;border:1px solid #d9d8d5;border-radius:11px;background:#fff;color:#777;font-size:14px;text-align:left;margin-bottom:25px}
.share-invite-input svg{color:#565656;width:18px;height:18px}
.share-subheading{font-weight:730;font-size:12px;letter-spacing:.015em;color:#5c5955;margin:22px 0 11px;text-transform:none}
.share-person-row{display:flex;align-items:center;gap:12px;width:100%;border:0;background:#fff;text-align:left;padding:11px 0 20px}
.share-person-row>span:nth-child(2){font-size:14px;flex:1}.share-person-row small{font-size:13px;color:#777}
.share-avatar{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:50%;background:#ffa9a8;color:#7e2144;font-size:12px;font-weight:730}
.share-bottom{border-top:12px solid var(--warm);margin:0 -26px -26px;padding:20px 26px 27px}
.share-mode-row{display:flex;align-items:center;width:100%;padding:0;text-align:left;gap:13px;border:0;background:#fff}
.share-mode-row>svg:first-child{width:40px;height:40px;background:#f5f5f3;border-radius:50%;padding:10px}
.share-mode-row>svg:last-child{width:19px;height:19px;transform:rotate(-90deg);color:#75716e}
.share-mode-row span{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.share-mode-row strong{font-size:15px}.share-mode-row small{font-size:12px;color:#85817e;line-height:1.3}
.share-settings-link{border:0;background:none;padding:8px 0 15px 53px;color:var(--blue);font-size:14px;font-weight:580;text-align:left}
.share-settings-link.center{display:block;text-align:center;padding:0;margin:3px auto 23px}
.share-controls{display:flex;gap:10px;align-items:center;padding-top:13px;border-top:1px solid var(--line)}
.share-copy{flex:1;min-height:53px;border-radius:9px;font-size:15px}
.share-round{flex:none;height:51px;width:51px;border:0;border-radius:50%;display:grid;place-items:center;background:#f5f5f3;color:#111;font-size:29px;line-height:1}
.share-round svg{width:20px;height:20px}
.sheet-back{display:inline-flex;align-items:center;gap:8px;border:1px solid #e1dfdc;border-radius:999px;background:#fff;padding:7px 14px 7px 9px;font-size:14px;margin:-7px 0 23px}
.sheet-back svg{width:21px;height:21px}
.settings-nav{display:flex;align-items:center;width:100%;border:0;border-top:1px solid var(--line);padding:19px 7px;background:#fff;text-align:left;gap:12px}
.settings-nav>span{display:flex;flex-direction:column;flex:1;gap:6px;font-size:15px}
.settings-nav small{font-size:12px;color:#88837f}
.settings-nav>svg:last-child{transform:rotate(180deg);width:17px;height:17px;color:#777}
.settings-nav>svg:first-child:not(:last-child){width:23px;height:23px;color:var(--blue)}
.settings-nav:hover,.choice-row:hover{background:#f8f7f6}
.sharing-choices,.choice-list{border-top:1px solid var(--line)}
.choice-row{display:flex;gap:13px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;width:100%;padding:18px 9px;min-height:66px;font-size:15px}
.choice-row>svg{width:20px;height:20px;flex:none}.choice-row>span{flex:1;display:flex;flex-direction:column;gap:7px}
.choice-row strong{font-size:15px}.choice-row small{font-size:12px;color:#777;line-height:1.3}
.member-list{display:flex;flex-direction:column;gap:0}
.member-item{display:flex;align-items:center;gap:12px;padding:17px 2px;border-bottom:1px solid var(--line);min-width:0}
.member-item>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.member-item strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.member-item small{font-size:11px;color:#84807c;overflow:hidden;text-overflow:ellipsis}
.member-item>span:last-child{font-size:11px;color:#777}.member-permission{max-width:118px;border:1px solid #dedddb;border-radius:6px;background:#fff;font-size:12px;padding:9px 4px}
.people-empty{font-size:14px;color:#81807c;text-align:center;line-height:1.5;margin:35px auto;max-width:280px}
.share-add-float{float:right;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:14px;display:flex;gap:6px;align-items:center}
.share-add-float svg{width:17px;height:17px}
.share-settings-title{font-size:26px;margin:0 0 11px}
.link-settings-form>label{position:relative;gap:10px;border-bottom:1px solid var(--line);padding:8px 2px 17px;flex-direction:column}
.link-settings-form>label>svg{position:absolute;left:0;top:10px;width:22px;height:22px;color:#303030}
.link-settings-form>label:has(>svg){padding-left:32px}
.link-settings-form label small{font-weight:400;color:#888;font-size:11px}
.link-settings-form .checkbox-setting{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}
.checkbox-setting>span{display:flex;align-items:center;gap:11px}.checkbox-setting svg{width:21px;height:21px}
.checkbox-setting input{width:40px;height:23px;accent-color:var(--blue);margin:0;flex:none}
.link-settings-form input[type=number]{max-width:160px}
.share-delete-row{display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:12px solid var(--warm);margin:21px -26px 0;padding:19px 26px}
.share-delete-row>span{font-size:14px;display:flex;flex-direction:column;gap:7px}.share-delete-row small{font-size:11px;color:#8c8783;line-height:1.4}
.share-delete-row button{border:0;background:transparent;text-decoration:underline;color:#888;white-space:nowrap;font-size:13px}
.share-extra{margin:9px 0}.qr-display{background:#f7f6f4;border-radius:19px;width:fit-content;max-width:100%;margin:15px auto 20px;padding:14px;display:grid;place-items:center}
.qr-display canvas{width:min(70vw,308px);height:auto;aspect-ratio:1;image-rendering:pixelated;background:#fff}
.qr-description{text-align:center;color:#817e7a;font-size:13px;max-width:330px;margin:15px auto 10px}
.qr-actions{display:flex;gap:10px;margin-top:18px}.qr-actions>.btn{flex:1;min-height:49px}
/* Cloudnest 1.11: deliberately simple share sheet, with QR and link rotation visible. */
.share-simple{display:flex;flex-direction:column;gap:15px}
.share-simple .sharing-resource{margin:0;padding:4px 0 16px}
.share-simple-invite{display:flex;align-items:center;gap:12px;width:100%;min-height:63px;padding:11px 14px;border:1px solid #e2e0dd;border-radius:11px;background:#fff;color:#21232b;text-align:left}
.share-simple-invite:hover,.share-simple-advanced:hover{background:#f8faff}
.share-simple-invite>svg{color:#0865dd;flex:none;width:21px;height:21px}
.share-simple-invite>span:not(.share-simple-chevron){display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;font-size:14px;font-weight:680}
.share-simple-invite small{color:#85878e;font-weight:450;font-size:12px}
.share-simple-chevron{font-size:25px;color:#9a9a9f}
.share-simple-section{padding:16px;border:1px solid #e2e5e9;border-radius:13px;background:#fafbfe;display:flex;flex-direction:column;gap:12px}
.share-simple-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.share-simple-title strong{font-size:15px;letter-spacing:-.01em}
.share-simple-title button{display:flex;align-items:center;gap:5px;background:#fff;color:#303740;border:1px solid #e1e4ec;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:600}
.share-simple-title button svg{width:16px;height:16px;color:#536274}
.share-simple-link{display:flex;align-items:stretch;gap:6px;border:1px solid #dde1e9;background:white;padding:5px;border-radius:10px;min-height:52px}
.share-simple-link input{flex:1;min-width:0;width:0;border:0;box-shadow:none!important;background:white;padding:7px 8px;font-size:12px;color:#444d57;text-overflow:ellipsis;outline:0}
.share-simple-link input::placeholder{color:#9b9fa8}
.share-simple-link .btn{display:flex;gap:5px;align-items:center;justify-content:center;flex:none;white-space:nowrap;min-height:41px;padding:8px 12px;font-size:13px;border-radius:7px}
.share-simple-link .btn svg{width:17px;height:17px}
.share-simple-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(87px,1fr));gap:8px}
.share-simple-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #e0e4e9;border-radius:10px;background:white;min-height:73px;color:#343a46;font-size:12px;font-weight:680;padding:9px 4px}
.share-simple-tools button svg{width:22px;height:22px;color:#005ee7}
.share-simple-tools button:hover{border-color:#8bb7ff;background:#f3f7ff}
.share-simple-tools button:disabled{opacity:.42;cursor:not-allowed}
.share-simple-hint{margin:0;color:#7e8590;font-size:11px;line-height:1.5}
.share-simple-advanced{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;border-top:1px solid #e6e6e5;padding:13px 3px 4px;color:#515864;font-size:13px;text-align:left;font-weight:640}
.share-simple-advanced svg{width:18px;height:18px}.share-simple-advanced span{margin-left:auto;color:#888;font-size:22px}
.share-rotate-qr{margin-top:12px;display:flex!important;align-items:center;gap:8px;justify-content:center}
.share-rotate-qr svg{width:19px;height:19px}
/* Compact, single-screen share flow (1.12): all optional controls expand in place. */
.share-one-sheet{gap:7px}
.share-one-sheet .sharing-resource{padding:1px 1px 13px;margin:0;border-bottom:1px solid #eceef0;gap:11px}
.share-one-sheet .sharing-resource>svg{width:31px;height:31px}
.share-one-sheet .sharing-resource strong{font-size:13px}
.share-one-sheet .sharing-resource small{font-size:11px}
.share-one-sheet .share-simple-section{padding:13px;background:#f8faff;border-color:#e6eaf0;gap:10px;margin:8px 0 1px}
.share-view-pill{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:680;color:#646d7a;border:1px solid #e2e6ed;background:#fff;padding:6px 9px;border-radius:999px;white-space:nowrap}
.share-view-pill svg{width:14px;height:14px}
.share-one-sheet .share-simple-tools button{min-height:64px;gap:6px}
.share-one-sheet .share-simple-tools button.is-selected{border-color:#84b2ff;background:#eef5ff;color:#075bd5}
.share-one-sheet .share-simple-tools button svg{width:21px;height:21px}
.share-accordion-row{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:12px 6px;border:0;border-bottom:1px solid #e9e9e8;background:#fff;color:#323743;text-align:left}
.share-accordion-row>svg{width:20px;height:20px;color:#525e70;flex:none}
.share-accordion-row>span{display:flex;flex-direction:column;gap:4px;flex:1;font-size:13px;font-weight:680;min-width:0}
.share-accordion-row small{font-size:11px;font-weight:450;color:#979ba4}
.share-accordion-row>b{font-size:20px;font-weight:400;color:#797e87}
.share-accordion-row:hover{color:#0758c8;background:#f9fbff}
.share-inline-panel{padding:14px;margin:0 0 9px;background:#fcfcfd;border:1px solid #e6e8eb;border-radius:11px;display:flex;flex-direction:column;gap:11px}
.share-inline-form{gap:11px}
.share-inline-form label,.share-folder-extra label{font-size:12px;font-weight:660;color:#4a4e58;gap:5px;display:flex;flex-direction:column}
.share-inline-form input:not([type=checkbox]),.share-inline-form select,.share-folder-extra select{min-height:40px;border-radius:8px;border:1px solid #d9dce1;padding:9px 10px;background:#fff;color:#2c3038;width:100%;min-width:0}
.share-inline-form .btn{margin-top:2px;min-height:42px}
.share-inline-form small,.share-folder-extra small{font-size:10px;color:#8a8e99;font-weight:400}
.share-inline-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.share-inline-invite-actions{display:flex;align-items:end;gap:10px}
.share-inline-invite-actions label{flex:1;min-width:0}
.share-inline-invite-actions .btn{margin:0;flex:none}
.share-inline-caption{font-size:11px;color:#8b8c94;line-height:1.45;margin:0}
.share-inline-member{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #e8e9ec;min-width:0}
.share-inline-member .share-avatar{width:32px;height:32px;font-size:11px}
.share-inline-member-name{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.share-inline-member-name strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-inline-member-name small{font-size:10px;color:#9699a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-inline-member .member-permission{font-size:11px;max-width:108px;min-width:88px}
.share-inline-checkbox{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;padding:3px 0}
.share-inline-checkbox input[type=checkbox]{width:19px;height:19px;accent-color:var(--blue)}
.share-folder-extra{border-top:1px solid #eaecf1;padding-top:12px;display:flex;flex-direction:column;gap:10px}
.share-folder-extra summary{font-size:12px;font-weight:680;color:#535b66;cursor:pointer}
.share-folder-extra[open] label{margin-top:8px}
.share-inline-danger{border:0;background:none;color:#b72a39;text-decoration:underline;padding:6px 0;text-align:left;font-size:12px;align-self:flex-start}
.share-inline-qr{border-top:1px solid #e4e6eb;padding:15px 2px 5px;display:flex;flex-direction:column;align-items:center;gap:8px}
.share-inline-qr canvas{width:min(58vw,244px);height:auto;aspect-ratio:1;background:#fff;border:9px solid white;border-radius:9px;image-rendering:pixelated;box-shadow:0 0 0 1px #e5e6eb}
.share-inline-qr p{font-size:11px;color:#7f858e;margin:5px 0 4px;text-align:center}
.share-inline-qr-actions{display:flex;gap:8px;width:100%}
.share-inline-qr-actions .btn{display:flex;align-items:center;justify-content:center;flex:1;gap:6px;min-width:0;font-size:11px}
.share-inline-qr-actions svg{width:16px;height:16px}
.public-edit-tools{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:17px}
.collab-upload-state{border:1px solid #e0e7f2;border-radius:10px;background:#f7faff;padding:12px 14px;margin:0 0 17px}
.collab-upload-state[hidden]{display:none}
.collab-upload-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:#435571;font-size:12px}
.collab-upload-caption strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:680}
.collab-upload-caption span{flex:none;color:#697991;font-variant-numeric:tabular-nums}
.collab-upload-state progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;background:#dce6f6}
.collab-upload-state progress::-webkit-progress-bar{background:#dce6f6;border-radius:10px}
.collab-upload-state progress::-webkit-progress-value{background:#1165e8;border-radius:10px}
.collab-upload-state progress::-moz-progress-bar{background:#1165e8;border-radius:10px}
.public-entry{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 3px;min-width:0}
.public-entry>.file-main{flex:1}.public-entry .file-main strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-entry a.file-main{color:inherit;text-decoration:none;cursor:pointer}
.public-entry a.file-main:hover strong{text-decoration:underline}
.public-file-name-link{color:inherit;text-decoration:none}
.public-file-name-link:hover{text-decoration:underline}
.public-entry .file-main small{font-size:11px;color:#888}.public-entry .btn{flex:none}
.incoming-entry{margin:0 2px}.incoming-entry .file-glyph{width:41px;height:41px}

@media(max-width:740px){
  .app-modal:has(.sharing-resource){max-height:min(92dvh,960px);padding:13px 20px calc(25px + env(safe-area-inset-bottom))}
  .app-modal:has(.sharing-resource) .modal-head{padding-bottom:10px}
  .share-bottom{margin:0 -20px -25px;padding:18px 20px calc(26px + env(safe-area-inset-bottom))}
  .share-gear{right:55px;top:53px}
  .share-settings-title{font-size:27px}
  .share-controls{gap:8px}.share-round{width:49px;height:49px}.share-copy{min-height:50px}
  .share-delete-row{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
  .public-entry{gap:8px}.public-entry .btn.small{padding:8px}.public-container .panel{padding:18px 14px}
  .qr-actions{flex-direction:column}
  .share-simple{gap:12px}.share-simple-section{padding:13px;gap:10px}.share-simple-link{min-height:50px}
  .share-simple-link .btn{font-size:12px;padding:8px 10px}.share-simple-tools{gap:6px}
  .share-simple-tools button{min-height:68px;font-size:11px}
  .app-modal:has(.share-one-sheet){max-height:min(86dvh,900px);padding:14px 18px calc(23px + env(safe-area-inset-bottom))}
  .share-one-sheet{gap:5px}
  .share-one-sheet .share-simple-section{margin:6px 0 0;padding:11px}
  .share-one-sheet .share-simple-tools button{min-height:59px}
  .share-one-sheet input,.share-one-sheet select{font-size:16px}
  .share-inline-panel{padding:12px}
  .share-inline-qr-actions .btn{padding:10px 5px}
}

/* Cloudnest 1.28: native-style bottom sheets and iOS keyboard-safe positioning.
   Safari's dialog UA styles set both vertical insets; top:auto is essential. */
@media(max-width:740px){
  .app-modal[open],.upload-dialog[open],.mobile-sort-sheet[open]{
    position:fixed;top:auto;bottom:var(--cn-keyboard-offset,0px);
    left:0;right:0;margin:0;min-height:0;box-sizing:border-box;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  }
  .app-modal[open]:not(.preview-dialog){
    height:auto;max-height:min(900px,calc(var(--cn-visible-height,100dvh) - 12px));
    overflow-x:hidden;overflow-y:auto;
  }
  .app-modal[open].preview-dialog{
    height:min(920px,calc(var(--cn-visible-height,100dvh) - 12px));
    max-height:calc(var(--cn-visible-height,100dvh) - 12px);
  }
  .app-modal[open] .sheet-handle{flex-shrink:0}
  .app-modal[open] .modal-head{flex-shrink:0}
  .upload-dialog[open]{height:auto;max-height:min(90dvh,calc(var(--cn-visible-height,100dvh) - 12px))}
  .mobile-sort-sheet[open]{height:auto;max-height:min(75dvh,calc(var(--cn-visible-height,100dvh) - 12px))}
}

/* Cloudnest 1.4 – responsive administration console */
.admin-page-heading .eyebrow{color:var(--blue);margin:0 0 7px}
.admin-page-heading h1{font-size:32px;letter-spacing:-.055em}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}
.admin-kpi{border:1px solid #e8e7e4;background:#fff;border-radius:13px;padding:19px 20px;min-width:0;display:flex;flex-direction:column;gap:8px}
.admin-kpi>span{font-size:12px;font-weight:680;color:#6f6c68;display:flex;align-items:center;gap:8px}
.admin-kpi>span svg{color:var(--blue)}
.admin-kpi strong{font-size:27px;line-height:1.05;letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-kpi small{font-size:11px;color:#88847f}
.admin-tabs-extended{gap:7px;margin:12px 0 20px;padding:0 0 10px;border-bottom:1px solid #eae9e7;scrollbar-width:none}
.admin-tabs-extended::-webkit-scrollbar{display:none}
.admin-tabs-extended .tab{padding:12px 14px;min-height:42px;border:0;border-radius:8px;color:#625f5c;font-weight:650;background:transparent}
.admin-tabs-extended .tab:hover{background:#f2f2f0}
.admin-tabs-extended .tab.active{background:#e8f0ff;color:#0057dc}
.admin-panel{border:1px solid #e8e7e4;border-radius:13px;background:#fff;padding:22px;margin-bottom:14px}
.admin-panel .panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:19px}
.admin-panel .panel-heading h2{font-size:19px;margin:0 0 6px}
.admin-panel .panel-heading p{font-size:12px;color:var(--muted);margin:0}
.admin-overview-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px}
.admin-storage-list{display:flex;flex-direction:column;gap:20px;padding:3px 0}
.admin-storage-user{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px}
.admin-storage-user>div:first-child{display:flex;flex-direction:column;min-width:0;gap:4px}
.admin-storage-user strong,.admin-content-detail strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-storage-user small,.admin-content-detail small{color:#85817e;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-storage-user>span{font-size:11px;color:#777}
.admin-meter{height:6px;border-radius:999px;background:#eceae7;overflow:hidden}
.admin-meter i{height:100%;border-radius:999px;display:block;background:var(--blue)}
.admin-storage-user .admin-meter{grid-column:1/-1}
.admin-mini-feed{display:flex;flex-direction:column}
.admin-feed-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eeece9;align-items:flex-start;min-width:0}
.admin-feed-row:last-child{border:0}
.admin-feed-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.admin-feed-row strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-feed-row small{font-size:11px;color:#898581;line-height:1.45;overflow-wrap:anywhere}
.admin-feed-row time{font-size:10px;color:#918d89;white-space:nowrap}
.admin-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:4px 0 16px}
.admin-quick-grid button{border:1px solid #e8e7e4;border-radius:12px;background:#fff;text-align:left;padding:18px 16px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.admin-quick-grid button:hover{border-color:#a6c4fa;background:#f8fbff}
.admin-quick-grid svg{color:var(--blue)}
.admin-quick-grid strong{font-size:13px}
.admin-quick-grid small{font-size:11px;color:#8a8682;line-height:1.4}
.admin-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 0 17px;border-bottom:1px solid #ebeae7}
.admin-search{display:flex;align-items:center;gap:10px;flex:1 1 220px;max-width:490px;padding:0 12px;min-width:0;height:43px;border:1px solid #dfdedb;background:#f8f7f6;border-radius:8px;color:#777}
.admin-search input{background:transparent;border:0;outline:0;min-width:0;width:100%;font-size:13px;color:#222}
.admin-toolbar select{border:1px solid #dfdedb;border-radius:8px;min-height:43px;padding:0 12px;background:#fff;color:#333;font-size:12px;max-width:260px}
.admin-user-card{padding:18px 0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:20px;border-bottom:1px solid #eeece9;align-items:center}
.admin-user-card:last-child{border:0}
.admin-user-card-person{display:flex;gap:12px;align-items:center;min-width:0}
.admin-user-card-person>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}
.admin-user-card-person strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-user-card-person small{font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-user-card-stats{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
.admin-user-card-stats small{width:100%;font-size:11px;color:#888}
.admin-user-card-stats .admin-meter{width:100%}
.admin-user-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.account-btn-danger{border:1px solid #f3c8ca!important;background:#fff4f4!important;color:#a42036!important;box-shadow:none!important}
.account-btn-danger:hover{background:#fce2e3!important;border-color:#dba0a5!important}
.admin-registration-box{background:#faf9f7;border:1px solid #e6e3de;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;margin:8px 0 16px}
.admin-registration-box .panel-heading{padding:0;margin:0}
.admin-registration-box h3{margin:0;font-size:16px}
.admin-registration-box .form-grid{margin:0}
.admin-registration-box .modal-help{font-size:12px;line-height:1.55;color:#6a665f}
.account-cleanup-alert{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.auth-verify-help{margin-top:16px;border-top:1px solid #eee9e5;padding-top:16px}
.auth-verify-help summary{font-size:13px;font-weight:600;color:#365c91;cursor:pointer;list-style-position:inside}
.auth-verify-help form{padding:15px 0 3px}
.auth-resend-result{font-size:12px;color:#216841;min-height:16px;line-height:1.4}
@media(max-width:640px){.admin-registration-box{padding:14px}.admin-user-card-actions .account-btn-danger{max-width:170px}}

/* Cloudnest security center — quiet hardware-console language, no neon alerts. */
.security-center-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:6px 0 20px}
.security-center-top h2{font-size:26px;letter-spacing:-.8px;margin:6px 0 8px;display:flex;align-items:center;gap:10px;color:#25272d}
.security-center-top p:not(.eyebrow){margin:0;color:#777a83;font-size:13px;line-height:1.6;max-width:650px}
.security-level-pill{background:#eef8f2;border:1px solid #cbe9d3;color:#27734c;font-size:10px;font-weight:800;letter-spacing:.09em;padding:9px 12px;border-radius:8px;white-space:nowrap}
.security-kpi-grid{margin:0 0 18px}
.security-baseline{margin-bottom:20px!important}
.security-config-form{max-width:100%}
.security-config-form textarea{min-height:90px;font-size:12px;line-height:1.55;resize:vertical}
.security-config-form h4{font-size:14px;letter-spacing:-.2px;margin:2px 0 8px}
.security-subpanel{display:flex;flex-direction:column;gap:11px;padding:18px;border:1px solid #e7e6e3;border-radius:12px;background:#fbfaf9;margin:8px 0}
.security-subpanel>p{font-size:12px;line-height:1.5;color:#84838a;margin:0 0 4px}
.security-three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
.security-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.security-setting-card{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e8e7e4;padding:13px 14px;background:#fff;border-radius:10px;min-width:0}
.security-setting-card>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.security-setting-card strong{font-size:12px;line-height:1.4;color:#313239;font-weight:700}
.security-setting-card small{font-size:11px;line-height:1.45;color:#8a8b93}
.security-setting-card select{font-size:12px;width:86px;min-width:86px;padding:9px}
.security-settings-note{align-self:center;font-size:11px;color:#81848b;line-height:1.6}
.security-audit-summary{display:flex;flex-wrap:wrap;gap:15px 22px;margin:0 0 15px}
.security-audit-summary>span{font-size:12px;color:#747782;display:flex;align-items:center;gap:5px}
.security-audit-summary strong{font-size:17px;color:#26272f}
.security-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.security-audit-progress{margin-top:17px;padding:12px 14px;background:#f5f7fa;border:1px solid #e5e9f2;border-radius:9px;font-size:12px;line-height:1.5;color:#53617c}
.security-log-table{border:1px solid #eceae8;border-radius:10px;overflow:hidden}
.security-event-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:15px;align-items:center;padding:13px 15px;background:#fff;border-bottom:1px solid #eeedea}
.security-event-row:last-child{border-bottom:0}
.security-event-row>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.security-event-row strong{font-size:12px;overflow-wrap:anywhere}
.security-event-row small{font-size:11px;line-height:1.5;color:#858691;overflow-wrap:anywhere}
.security-event-row time{font-size:11px;color:#95969b;white-space:nowrap}
.security-verdict{display:inline-flex;width:max-content;max-width:86px;padding:5px 8px;border-radius:5px;font-size:10px;text-transform:uppercase;letter-spacing:.02em;font-weight:800;color:#2e7348;background:#e9f5ee}
.security-verdict.danger,.security-verdict.blocked{color:#9e3448;background:#fff0f2}
.security-verdict.warning{color:#896018;background:#fff5d8}
.security-verdict.released{color:#3569a5;background:#eaf3ff}
@media(max-width:940px){.security-check-grid{grid-template-columns:1fr}.security-three-columns{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.security-center-top{flex-direction:column;gap:12px}.security-center-top h2{font-size:23px}.security-subpanel{padding:14px}.security-three-columns{grid-template-columns:1fr}.security-setting-card{align-items:center}.security-event-row{grid-template-columns:1fr auto;gap:7px 10px}.security-event-row>div{grid-column:1/-1;grid-row:2}.security-event-row>.security-verdict{grid-column:1;grid-row:1}.security-event-row>time,.security-event-row>.btn{grid-column:2;grid-row:1}.security-audit-summary{gap:10px 15px}}
.admin-content-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #eeeae7;min-width:0;padding:15px 0}
.admin-content-row:last-child{border:0}
.admin-content-icon{height:40px;width:40px;flex:none;border-radius:10px;background:#edf3ff;color:#246ff1;display:grid;place-items:center}
.admin-content-detail{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.admin-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.admin-content-row>.status-pill{min-width:72px;text-align:center}
.admin-pagination{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding-top:15px}
.admin-pagination span{flex:1;font-size:11px;color:#888}
.admin-upload-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #eeeae7}
.admin-upload-row>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:7px}
.admin-upload-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-upload-row small{font-size:11px;color:#888}
.admin-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-policy{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #efeeeb;min-height:51px;padding:12px 0}
.admin-policy strong{font-size:12px;font-weight:650}.admin-policy>span{font-size:11px;text-align:right}
.admin-plan-visibility{border:1px solid #dce5f3;border-radius:12px;background:#f6f9fe;padding:15px 17px;flex-wrap:wrap}
.admin-plan-visibility>div{min-width:min(100%,210px);flex:1}
.admin-plan-visibility .modal-help{max-width:620px;margin:6px 0 0}
.admin-plan-visibility select{min-width:148px;max-width:100%;border:1px solid #c8d3e3;border-radius:9px;background:#fff;color:#1e293b;font-size:14px;padding:12px}
.account-subscription-access{display:flex;align-items:center;gap:13px;margin-bottom:14px;text-decoration:none}
.account-subscription-access>span{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.account-subscription-access small{color:#666;font-size:12px}
.admin-security-grid .btn{margin-top:20px}
.admin-footnote{font-size:11px;line-height:1.55;color:#87837e;margin:16px 0 0}
.admin-activity-table{max-height:70vh;overflow:auto}
@media(max-width:1200px){
  .admin-overview-grid{grid-template-columns:1fr}
  .admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-user-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .admin-user-card-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:740px){
  .admin-page-heading{margin:0 0 20px;gap:11px}
  .admin-page-heading h1{font-size:28px}
  .admin-page-heading .btn{font-size:11px;min-height:42px}
  .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}
  .admin-kpi{padding:14px 13px;gap:8px;min-height:113px}
  .admin-kpi strong{font-size:21px}.admin-kpi>span{font-size:11px}
  .admin-tabs-extended{margin:9px -17px 18px;padding:0 16px 11px;gap:5px;position:relative}
  .admin-tabs-extended .tab{font-size:12px;padding:12px 13px;flex-shrink:0}
  .admin-panel{padding:18px 15px;border-radius:12px;margin-bottom:11px}
  .admin-panel .panel-heading h2{font-size:18px}
  .admin-panel .panel-heading .btn{font-size:11px;padding:8px}
  .admin-overview-grid,.admin-security-grid{grid-template-columns:1fr;gap:11px}
  .admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .admin-quick-grid button{padding:14px 11px;gap:8px}
  .admin-quick-grid strong{font-size:12px}
  .admin-toolbar{gap:8px}
  .admin-toolbar select{flex:1;min-width:0;max-width:none}
  .admin-toolbar .btn{min-height:43px}
  .admin-user-card{grid-template-columns:1fr;gap:13px}
  .admin-user-card-stats{padding-left:48px}
  .admin-user-card-actions{padding-left:48px}
  .admin-user-card-actions .btn{flex:1;max-width:150px}
  .admin-content-row{flex-wrap:wrap;gap:8px}
  .admin-content-detail{flex-basis:calc(100% - 56px)}
  .admin-content-row>.status-pill{margin-left:49px}
  .admin-row-actions{margin-left:auto}
  .admin-content-row>.btn{margin-left:auto}
  .admin-feed-row time{font-size:10px}
  .admin-security-grid .admin-policy{gap:8px}
}

/* Cloudnest 1.5 — plans, collaboration and audited admin account access. */
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan-admin-card{background:#fff;border:1px solid #e5e6eb;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0;box-shadow:0 2px 12px rgba(28,34,45,.025)}
.plan-admin-card:nth-child(2){border-color:#90aef5;background:#fcfdff}
.plan-card-heading{padding-bottom:5px;border-bottom:1px solid #eeeef0}
.plan-card-heading h3{font-size:23px;margin:4px 0 9px;font-weight:750;letter-spacing:-.8px}
.plan-admin-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:640;color:#464b55;min-width:0}
.plan-admin-card input{width:100%;max-width:100%;border:1px solid #dcdfe7;border-radius:8px;padding:12px 11px;background:#fff;color:#141923;font:inherit;font-size:14px;outline-offset:2px}
.team-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:25px}
.team-card{display:flex;align-items:flex-start;gap:14px;min-width:0;background:#fff;border:1px solid #e7e6e5;border-radius:15px;padding:20px;flex-wrap:wrap;transition:border-color .15s,box-shadow .15s}
.team-card.selected{border-color:#5189e9;box-shadow:0 3px 20px rgba(52,95,174,.07)}
.team-card-icon{width:48px;height:48px;flex:none;background:#eaf1ff;border-radius:12px;display:grid;place-items:center;color:#2160ca}
.team-card-main{flex:1;min-width:140px}
.team-card-main h2{font-size:19px;letter-spacing:-.5px;margin:4px 0 8px;overflow-wrap:anywhere}
.team-card-icon,.team-card-name-link{text-decoration:none;cursor:pointer}
.team-card-name-link{color:inherit}
.team-card-icon:hover{background:#e0ebff}
.team-card-name-link:hover{text-decoration:underline}
.team-card-main p{color:#7d8088;font-size:12px;margin:0}
.team-card-actions{display:flex;flex-wrap:wrap;align-self:flex-end;gap:7px;width:100%;padding-top:6px}
.team-empty{grid-column:1/-1;padding:44px 20px;text-align:center;color:#777}
.team-empty>span{display:inline-grid;place-items:center;width:70px;height:70px;background:#edf3ff;color:#2a6acf;border-radius:16px;margin-bottom:12px}
.team-empty h2{font-size:21px;color:#212936;margin:0 0 8px}.team-empty p{font-size:13px;margin:0;line-height:1.6}
.team-detail-panel{padding:26px}.team-detail-panel .panel-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.team-detail-panel .panel-heading h2{font-size:25px;letter-spacing:-.6px}
.team-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #e9e9ea;border-bottom:1px solid #e9e9ea;padding:19px 0;margin:17px 0 23px}
.team-summary-grid>div{display:flex;flex-direction:column;gap:7px;padding:0 14px;border-right:1px solid #ebebed;min-width:0}
.team-summary-grid>div:first-child{padding-left:0}.team-summary-grid>div:last-child{border:0}
.team-summary-grid small{font-size:11px;color:#8b8d93}.team-summary-grid strong{font-size:17px;color:#252c36;overflow-wrap:anywhere}
.team-members-head{margin-bottom:12px}.team-members-head h3{margin:0 0 6px;font-size:18px}.team-members-head p{font-size:12px;color:#7c7f85;line-height:1.6}
.team-member-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #ecedef;min-width:0}
.team-member-person{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.team-member-person strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.team-member-person small{font-size:11px;color:#81848c;overflow-wrap:anywhere}
.team-member-row .role-pill{flex:none}.team-member-tools{display:flex;gap:5px;flex-wrap:wrap}
.team-management-actions{display:flex;gap:9px;flex-wrap:wrap;padding-top:20px}.danger-text{color:#bd3749!important}
.admin-impersonation-banner{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1800;width:min(750px,calc(100vw - 24px));background:#fffaf0;color:#302b21;border:1px solid #e9d5a3;border-radius:0 0 14px 14px;box-shadow:0 8px 24px rgba(34,32,25,.14);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;font-size:12px}
.admin-impersonation-banner>span{display:flex;align-items:center;gap:10px;min-width:0}.admin-impersonation-banner>span>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.admin-impersonation-banner small{color:#7c6a4e;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-impersonation-banner form{flex:none}.admin-impersonation-banner .btn{min-height:37px;font-size:11px}
@media(max-width:1020px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){
  .plans-grid,.team-list-grid{grid-template-columns:1fr;gap:11px}
  .plan-admin-card{padding:17px 15px;gap:13px}
  .team-card{padding:17px 15px}.team-card-main h2{font-size:18px}
  .team-detail-panel{padding:18px 14px}.team-detail-panel .panel-heading h2{font-size:20px}
  .team-summary-grid{gap:5px}.team-summary-grid>div{padding:0 8px}.team-summary-grid strong{font-size:13px}
  .team-member-row{gap:8px;flex-wrap:wrap}.team-member-row .avatar{flex:none}
  .team-member-tools{width:100%;padding-left:48px}
  .team-management-actions .btn{flex:1;min-width:145px;justify-content:center}
  .admin-impersonation-banner{top:env(safe-area-inset-top,0px);width:calc(100vw - 12px);padding:9px;border-radius:0 0 12px 12px}
  .admin-impersonation-banner small{max-width:46vw}.admin-impersonation-banner .btn{padding:9px 8px;font-size:10px}
}

/* Cloudnest 1.6 — self-service subscriptions, payment methods, audit trail. */
.account-plan{text-decoration:none!important;color:inherit;display:flex;cursor:pointer}
.billing-section{margin:26px 0 27px;scroll-margin-top:100px;min-width:0}
.billing-section-head{margin:0 0 18px}.billing-section-head h2{font-size:24px;letter-spacing:-.7px;margin:6px 0 8px;color:#20252f}
.billing-section-head p{font-size:13px;color:#777e88;line-height:1.6;margin:0}
.billing-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:17px 0 11px}
.billing-plan-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:365px;padding:24px 20px 18px;border:1px solid #e3e5e9;border-radius:16px;background:#fff;box-shadow:0 3px 10px rgba(29,47,70,.025)}
.billing-plan-card.featured{border-color:#82a6e6;box-shadow:0 7px 28px rgba(43,95,185,.085)}
.billing-plan-card.current{border-color:#205fca}.billing-plan-popular{position:absolute;top:-11px;right:20px;font-size:9px;font-weight:800;color:white;background:#2569da;padding:5px 9px;border-radius:6px;letter-spacing:.9px}
.billing-plan-top{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.billing-plan-name{font-size:20px;font-weight:780;color:#212630;letter-spacing:-.5px}
.billing-current-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:750;color:#2363b5;background:#eaf2ff;padding:5px 7px;border-radius:7px}
.billing-plan-price{display:flex;align-items:baseline;gap:6px;margin:24px 0 13px}.billing-plan-price strong{font-size:31px;font-weight:780;color:#121824;letter-spacing:-1.2px;white-space:nowrap}.billing-plan-price span{font-size:11px;color:#858b95}
.billing-plan-description{min-height:40px;font-size:12px;line-height:1.55;color:#848992;margin:0 0 14px}
.billing-features{display:flex;flex-direction:column;gap:14px;margin:0 0 25px;padding:19px 0 0;border-top:1px solid #ecedf0;list-style:none}
.billing-features li{display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.35;color:#303a48}.billing-features svg{flex:none;color:#316ecf}
.billing-plan-bottom{margin-top:auto}.billing-plan-bottom .btn{width:100%;justify-content:center;min-height:43px}.billing-plan-selected{display:flex;gap:7px;align-items:center;justify-content:center;color:#3a689f;background:#eef5ff;padding:12px;border-radius:8px;font-size:12px;font-weight:700}
.billing-status-bar{display:flex;align-items:center;gap:13px;padding:17px;background:#f3f7fd;border:1px solid #dee7f5;border-radius:13px;margin:17px 0}
.billing-status-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:11px;background:#e3edff;color:#245bad}
.billing-status-bar>div:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.billing-status-bar strong{font-size:13px}.billing-status-bar small{font-size:11px;color:#787f8b;line-height:1.5}
.billing-footnote{font-size:11px;line-height:1.6;color:#868a92;margin:8px 0 20px}
.billing-manage-panel{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:22px;margin:20px 0}.billing-manage-panel h3{font-size:16px;margin:0 0 7px}.billing-manage-panel p{font-size:12px;color:#85898f;margin:0;line-height:1.55}
.billing-manage-buttons{display:flex;gap:8px;flex-wrap:wrap}.billing-manage-buttons .btn{min-height:42px;font-size:12px}
.billing-history{padding:22px}.billing-history h3{font-size:16px;margin:0 0 12px}.billing-history-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eeeef0}
.billing-history-row:last-child{border:0}.billing-history-row>div{min-width:0;display:flex;flex-direction:column;gap:5px}.billing-history-row strong{font-size:12px}.billing-history-row small{font-size:10px;color:#94969b}.billing-log-amount{white-space:nowrap;font-size:12px;font-weight:700}
.billing-admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}
.billing-setup-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:12px 0 25px}
.billing-setup-steps>div{display:flex;flex-direction:column;gap:5px;border:1px solid #e7e9ed;background:#fafbfc;border-radius:12px;padding:14px;min-width:0}
.billing-setup-steps>div>span{display:grid;place-items:center;background:#e7efff;color:#1a62bc;border-radius:8px;width:30px;height:30px;font-weight:800;font-size:12px;margin-bottom:5px}
.billing-setup-steps strong{font-size:12px}.billing-setup-steps small{font-size:10px;line-height:1.5;color:#858994}
.billing-admin-form{gap:18px}.billing-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.billing-settings-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:650;color:#424852;min-width:0}.billing-settings-grid label>small{font-weight:400;color:#8b8c91}
.billing-settings-grid input,.billing-settings-grid select,.billing-method-card select{border:1px solid #dee1e7;border-radius:8px;min-height:45px;padding:10px 12px;background:#fff;color:#272d36;max-width:100%;width:100%;font-size:13px}
.billing-payment-methods{display:grid;grid-template-columns:1fr;gap:9px}.billing-method-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;border:1px solid #e6e8ee;border-radius:10px;background:#fff;min-width:0}
.billing-method-title{display:flex;align-items:center;gap:12px;min-width:0}.billing-method-title>svg{flex:none;color:#256bcc}.billing-method-title>span{display:flex;flex-direction:column;gap:5px}.billing-method-title strong{font-size:12px}.billing-method-title small{font-size:11px;line-height:1.5;color:#80858e;font-weight:400}
.billing-method-card select{max-width:152px;flex:none;font-size:12px}.billing-method-card>.status-pill{flex:none}
.billing-webhook-address{display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid #dce6f4;border-radius:9px;background:#f8fbff;min-width:0}.billing-webhook-address code{white-space:normal;overflow-wrap:anywhere;font-size:12px;color:#1a559b}.billing-webhook-address small{font-size:10px;line-height:1.5;color:#767f8c}
.billing-admin-log{max-height:640px;overflow:auto}.billing-admin-log-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eff0f2}.billing-admin-log-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.billing-admin-log-row strong{font-size:11px;overflow-wrap:anywhere}.billing-admin-log-row small{font-size:10px;color:#7a808b;overflow-wrap:anywhere}.billing-admin-log-row>span{font-size:11px;font-weight:750;white-space:nowrap}.billing-admin-log-row time{font-size:10px;color:#8f9298;white-space:nowrap}
@media(max-width:1080px){.billing-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-setup-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){
  .billing-section{margin:23px 0}.billing-section-head h2{font-size:21px}.billing-plans-grid{grid-template-columns:1fr;gap:15px}
  .billing-plan-card{padding:22px 19px;min-height:0}.billing-plan-price{margin:17px 0 10px}.billing-plan-description{min-height:0}
  .billing-features{gap:12px;margin:0 0 18px}.billing-status-bar{align-items:flex-start}.billing-status-bar>.status-pill{font-size:10px}
  .billing-manage-panel{padding:18px 15px}.billing-manage-buttons{width:100%}.billing-manage-buttons form{flex:1}.billing-manage-buttons .btn{width:100%;justify-content:center}
  .billing-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-setup-steps{gap:8px}
  .billing-settings-grid{grid-template-columns:1fr}.billing-method-card{flex-wrap:wrap;gap:9px}.billing-method-card select{max-width:none}
  .billing-admin-log-row{flex-wrap:wrap}.billing-admin-log-row>div{flex-basis:100%}.billing-admin-log-row time{margin-left:auto}
}

/* Cloudnest 1.7 — multi-backend storage control center. */
.storage-intro{display:flex;align-items:flex-start;gap:21px;padding:24px;margin-bottom:16px;background:#f7faff;border-color:#dce8f8}
.storage-intro-icon{flex:none;width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:#dceaff;color:#1d62ce}
.storage-intro h2{font-size:23px;letter-spacing:-.6px;margin:1px 0 7px;color:#162641}.storage-intro p:not(.eyebrow){margin:0;line-height:1.6;color:#66758b;font-size:12px;max-width:720px}
.storage-strategy-hint{display:flex;gap:12px;align-items:flex-start;border:1px solid #dbe9f9;background:#f7fbff;border-radius:10px;padding:13px;font-size:11px;line-height:1.6;color:#526986;min-width:0}.storage-strategy-hint svg{flex:none;color:#3475d7}
.storage-subtitle{font-size:13px;font-weight:750;color:#24324b;margin:11px 0 0}
.storage-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.storage-target-card{border:1px solid #e1e6ee;border-radius:13px;background:#fff;padding:17px;min-width:0;display:flex;flex-direction:column;gap:15px;box-shadow:0 3px 14px rgba(36,57,98,.03)}
.storage-target-head{display:flex;align-items:center;gap:10px;min-width:0}.storage-target-head>div{flex:1;min-width:0}.storage-target-head strong{display:block;font-size:13px;color:#202b3c;overflow-wrap:anywhere}.storage-target-head small{font-size:10px;color:#8490a0}.storage-target-head .status-pill{flex:none}
.storage-target-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#eaf2ff;color:#2b70d6;flex:none}
.storage-target-facts{display:flex;gap:20px;flex-wrap:wrap}.storage-target-facts span{font-size:10px;color:#818a9a;display:flex;flex-direction:column;gap:4px}.storage-target-facts b{font-size:14px;color:#252e3f}
.storage-target-endpoint{font-size:10px;color:#6c7c95;padding:9px 11px;border-radius:7px;background:#f6f8fb;overflow-wrap:anywhere}
.storage-edit{border-top:1px solid #e6eaf0;padding-top:10px}.storage-edit summary{display:flex;gap:8px;align-items:center;color:#2f69b5;cursor:pointer;font-size:11px;font-weight:700;list-style:none}.storage-edit[open] summary{margin-bottom:16px}
.storage-edit .form-grid,.storage-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-edit .stack{gap:13px}.storage-target-actions{margin-top:auto;display:flex;gap:8px}
.storage-job-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px 0;border-bottom:1px solid #e6eaf0}.storage-job-row>div:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}.storage-job-row strong{font-size:12px;color:#263344}.storage-job-row small{font-size:10px;color:#8390a2}.storage-migrate-status{min-height:22px;margin:10px 0;font-size:12px;color:#2c68b8;font-weight:700}
.storage-log-table{max-height:520px;overflow:auto}.storage-log-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ebedf0}.storage-log-row>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.storage-log-row strong{font-size:11px;color:#293447}.storage-log-row small{font-size:10px;color:#8390a0;overflow-wrap:anywhere}.storage-log-row time{font-size:10px;color:#8e9bad;white-space:nowrap}
@media(max-width:900px){.storage-target-grid{grid-template-columns:1fr}}
@media(max-width:600px){.storage-intro{padding:17px;gap:12px}.storage-intro-icon{width:42px;height:42px;border-radius:10px}.storage-intro h2{font-size:18px}.storage-target-card{padding:14px}.storage-target-head{flex-wrap:wrap}.storage-edit .form-grid,.storage-plan-grid{grid-template-columns:1fr}.storage-log-row{gap:8px;flex-wrap:wrap}.storage-log-row time{margin-left:auto}}

/* Cloudnest 1.8 — context-sensitive storage settings and node package installation. */
.storage-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.storage-mode-option{position:relative;display:flex!important;flex-direction:column;gap:8px;align-items:flex-start;min-width:0;padding:19px 17px!important;border:1.5px solid #e0e7f1;border-radius:13px;background:#fff;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.storage-mode-option:hover{border-color:#86b2f2}.storage-mode-option.is-selected{border-color:#266bdb;background:#f4f8ff;box-shadow:0 0 0 2px #dceaff inset}
.storage-mode-option input{position:absolute;top:16px;right:16px;width:16px!important;height:16px!important;accent-color:#1c68d2;min-height:0;padding:0;margin:0}
.storage-mode-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#e8f1fe;color:#276bca;margin-bottom:3px}
.storage-mode-option strong{font-size:14px;line-height:1.3;color:#25364c}.storage-mode-option small{font-size:11px;color:#758398;line-height:1.4;font-weight:400}
.storage-mode-detail{padding:16px 17px;background:#f8fbff;border:1px solid #e1eaf7;border-radius:11px}.storage-mode-detail label{width:100%;margin:0}
.storage-mode-detail .admin-footnote{margin:10px 0 0}.storage-mode-detail .storage-strategy-hint{background:transparent;border:0;padding:0}
.storage-advanced-plan{border:1px solid #e3e9f1;border-radius:10px;padding:14px 16px;background:#fff}.storage-advanced-plan summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;color:#37649c}.storage-advanced-plan[open] summary{margin-bottom:12px}.storage-advanced-plan .admin-footnote{margin:0 0 12px}
.storage-node-download{background:linear-gradient(135deg,#f8fbff,#eef5ff);border-color:#d9e5f6}
.storage-download-top{display:flex;align-items:flex-start;gap:16px;margin-bottom:19px}.storage-download-icon{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#dbeaff;color:#1f66ce}
.storage-download-top>div{min-width:0}.storage-download-top h2{font-size:19px;letter-spacing:-.5px;color:#1d2a3e;margin:5px 0 6px}.storage-download-top p{font-size:12px;color:#64758d;line-height:1.65;margin:0}
.storage-download-top code{background:#e4edf8;padding:2px 4px;border-radius:4px}
.storage-package-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe8f4;border-radius:10px;padding:14px;margin:4px 0 14px}
.storage-package-row>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.storage-package-row strong{font-size:12px;color:#27354a}.storage-package-row small{font-size:10px;color:#8490a2}.storage-package-icon{display:grid;place-items:center;border-radius:8px;background:#ecf3ff;color:#3579d9;width:38px;height:38px;flex:none}
.storage-download-btn{min-height:46px;display:inline-flex;justify-content:center;align-items:center;gap:8px;max-width:100%}
.storage-health-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.storage-health-row .status-pill{font-size:10px}.storage-health-row small{font-size:10px;color:#8896a9}
.storage-node-download .admin-footnote{margin:13px 0 0;font-size:11px;line-height:1.6}
@media(max-width:750px){.storage-mode-grid{grid-template-columns:1fr;gap:9px}.storage-mode-option{min-height:79px;padding:13px 48px 13px 13px!important;display:grid!important;grid-template-columns:43px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:3px}.storage-mode-icon{grid-row:1/3;margin:0}.storage-mode-option strong{grid-column:2;align-self:end}.storage-mode-option small{grid-column:2;align-self:start}.storage-download-top{gap:10px}.storage-download-icon{width:42px;height:42px}.storage-download-top h2{font-size:17px}.storage-download-btn{width:100%}}

/* Cloudnest 1.13 — intuitive multi-selection, light action dock and folder picker. */
.selection-toggle,.selection-all{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 11px;border:1px solid #dededc;background:#fff;color:#36393f;border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
.selection-toggle:hover,.selection-all:hover{border-color:#9fbff6;background:#f5f9ff}
.selection-toggle.is-active,.round-action.is-active{background:#e8f1ff;color:#075ada;border-color:#aac9fc}
.selection-all{display:none;border-color:#dce9ff;color:#095fc7;background:#f5f9ff}
.selection-mode .selection-all{display:inline-flex}
.selection-mode .file-row{cursor:pointer;user-select:none;-webkit-user-select:none}
.selection-mode .file-row.is-marked,.selection-mode .file-row.is-marked:hover{background:#eff6ff}
.selection-mode .file-row.is-marked::after{content:"";position:absolute;inset:2px;border:1px solid #a6c9ff;border-radius:9px;pointer-events:none}
.selection-mode .row-select-wrap{z-index:2;width:34px;height:46px;cursor:pointer}
.row-select{width:22px;height:22px;cursor:pointer;accent-color:#0867ea}
.selection-mode .file-row .row-actions,.selection-mode .photo-more{display:none!important}
.selection-mode .file-list.grid-view .file-row{padding-left:17px;padding-top:42px}
.selection-mode .file-list.grid-view .row-select-wrap{left:9px;top:9px;transform:none}
.photo-select-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:2px 0 13px}
.photo-select-tools>strong{margin-right:auto;color:#5d6470;font-size:13px}
.photo-grid .row-select-wrap{display:none;position:absolute;top:9px;left:9px;transform:none;z-index:5;background:#fff;border:1px solid #d4dfef;border-radius:50%;width:34px;height:34px;align-items:center;justify-content:center;box-shadow:0 2px 8px #162a4726}
.selection-mode .photo-grid .row-select-wrap{display:flex}
.selection-mode .photo-card{cursor:pointer;user-select:none;-webkit-user-select:none}
.selection-mode .photo-card.is-marked .photo-open{outline:3px solid #126bf0;outline-offset:-3px;filter:saturate(.85)}
.selection-mode .photo-card.is-marked .row-select-wrap{background:#e7f1ff}
.selection-mode .photo-card .photo-open{pointer-events:none}
.bulk-bar{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:11px;width:min(580px,calc(100% - 30px));bottom:22px;border:1px solid #e4e7ed;background:#fff;color:#222d3d;border-radius:20px;padding:13px 15px 14px;box-shadow:0 10px 46px #1b31532d;white-space:normal;font-weight:500}
.bulk-bar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bulk-bar-head>strong{font-size:14px;font-weight:760;letter-spacing:-.2px}
.bulk-bar-head>div{display:flex;gap:6px;align-items:center}
.bulk-bar-head button{font-size:12px;font-weight:750;min-height:34px;padding:6px 12px;border:0;border-radius:10px;background:#f2f4f7;color:#39516d;cursor:pointer}
.bulk-bar-head button:first-child{background:#eef5ff;color:#095fc7}
.bulk-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bulk-actions button{min-width:0;min-height:70px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid #e5e9ef;border-radius:12px;background:#f8fafc;color:#2d3541;cursor:pointer;font-size:11px;font-weight:680;line-height:1.2}
.bulk-actions button:hover{background:#eaf3ff;border-color:#bbd3fa}
.bulk-actions button svg{width:22px;height:22px;color:#1b64c5}
.bulk-actions .bulk-danger{color:#ad3946;background:#fff8f8;border-color:#f2dedd}
.bulk-actions .bulk-danger svg{color:#c44f5b}
.bulk-actions button:disabled{opacity:.38;cursor:not-allowed}
.selection-mode .app-shell{padding-bottom:130px}
.destination-picker{display:flex;flex-direction:column;gap:13px;min-width:0}
.destination-explain{font-size:13px;color:#737c8b;margin:0;line-height:1.5}
.destination-current{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #d6e6fa;background:#f3f8ff;border-radius:12px;min-width:0}
.destination-current>button{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #deebfc;border-radius:9px;background:#fff;color:#125eb8;cursor:pointer}
.destination-current>button:disabled{opacity:.35;cursor:default}
.destination-current>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.destination-current small{font-size:11px;color:#65809d}.destination-current strong{font-size:14px;color:#213b5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.destination-search{display:flex;align-items:center;gap:9px;border:1px solid #dde2e9;border-radius:11px;padding:0 13px;min-height:45px;color:#8290a4;background:#fff}
.destination-search svg{flex:none;width:19px;height:19px}.destination-search input{font-size:16px!important;min-width:0;width:100%;height:44px;border:0!important;outline:0;background:transparent!important;padding:0!important}
.destination-list{display:flex;flex-direction:column;max-height:min(31dvh,275px);min-height:66px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #eaedf0;border-radius:12px}
.destination-row{width:100%;display:flex;gap:13px;align-items:center;min-width:0;min-height:58px;padding:11px 13px;background:#fff;border:0;border-bottom:1px solid #f0f1f4;text-align:left;color:#435266;cursor:pointer}
.destination-row:last-child{border-bottom:0}.destination-row:hover{background:#f5f8ff}
.destination-row>svg:first-child{flex:none;color:#6ea4f6;width:25px;height:25px}.destination-row>svg:last-child{width:16px;height:16px;transform:rotate(180deg);flex:none;color:#9eacba}
.destination-row>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.destination-row strong{font-size:13px;font-weight:670;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2d3845}
.destination-row small{font-size:11px;color:#8391a2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.destination-empty{padding:23px 13px;color:#8b94a1;font-size:12px;text-align:center}
.destination-notice{font-size:11px;color:#8793a1;line-height:1.4;margin:0}
.destination-confirm{min-height:49px;white-space:normal;line-height:1.3}
.destination-status{font-size:12px;color:#416fa6;min-height:8px;margin:0;line-height:1.5}
.destination-errors{max-height:200px;overflow-y:auto;background:#fff6f6;border:1px solid #f7d9d9;border-radius:9px;padding:7px 13px;margin:15px 0}
.destination-errors p{font-size:12px;overflow-wrap:anywhere;color:#a03939;margin:9px 0}
@media(max-width:740px){
  .selection-toggle{font-size:12px;min-height:34px;padding:6px 10px}
  .selection-all{font-size:11px;padding:6px 9px}
  .selection-mode .file-row{padding-left:35px;grid-template-columns:46px minmax(0,1fr)}
  .selection-mode .row-select-wrap{left:-4px;width:35px;height:50px}
  .selection-mode .file-list.grid-view .file-row{padding:42px 11px 11px;display:flex;min-height:157px}
  .selection-mode .file-list.grid-view .row-select-wrap{left:7px;top:6px}
  .selection-mode .file-list.grid-view .file-main{width:100%}
  .selection-mode .mobile-bottom-nav{display:none}
  .selection-mode .app-shell{padding-bottom:155px}
  .bulk-bar{width:calc(100% - 24px);bottom:calc(12px + env(safe-area-inset-bottom));padding:12px;gap:10px;border-radius:19px}
  .bulk-actions{gap:6px}.bulk-actions button{min-height:65px;font-size:10px;gap:5px;border-radius:11px}.bulk-actions button svg{height:22px;width:22px}
  .photo-select-tools{padding:0 2px;margin-bottom:8px}
  .photo-grid .row-select-wrap{top:5px;left:5px;width:30px;height:30px}.photo-grid .row-select{width:21px;height:21px}
  .destination-list{max-height:32dvh}
}

/* Cloudnest 1.14 — plans are a dedicated account subpage. */
.account-plan:focus-visible{outline:3px solid #8eb9ff;outline-offset:3px}
.account-plan:hover{border-color:#cedcf1;background:#fcfdff}
.billing-route{width:100%;max-width:1080px;margin:0 auto;min-width:0}
.billing-back-link{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:8px 2px;color:#49627e;font-size:13px;font-weight:700;text-decoration:none;margin:0 0 13px}
.billing-back-link:hover{color:#065fd4}
.billing-back-link:focus-visible{outline:3px solid #91bcff;outline-offset:4px;border-radius:4px}
.billing-route .billing-section{margin-top:8px}
@media(max-width:740px){
  .app-body[data-page="billing"]{background:var(--warm)}
  .app-body[data-page="billing"] .mobile-page-head{background:var(--warm)}
  .billing-route{padding-top:17px}
  .billing-back-link{display:none}
  .billing-route .billing-section{margin:0 0 25px}
}

/* Cloudnest 1.15 — Datei-Sortierung, geschütztes Branding und Datenschutz-Center. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sort-control{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}
.sort-control select{min-height:34px;max-width:150px;padding:6px 24px 6px 10px;border:1px solid #e2e3e7;border-radius:9px;background:#fff;color:#424f61;font-size:12px;font-weight:700;cursor:pointer}
.sort-control button{height:34px;min-width:34px;display:grid;place-items:center;border:1px solid #e2e3e7;border-radius:9px;background:#fff;color:#526782;font-size:16px;font-weight:800;cursor:pointer}
.sort-control :is(button,select):focus-visible{outline:3px solid #86b5fa;outline-offset:2px}
.brand-custom-logo{display:block;width:40px;height:40px;object-fit:contain;flex:none;border-radius:9px}
.brand.large .brand-custom-logo{width:44px;height:44px}
.brand-mark-small .brand-custom-logo{width:42px;height:42px}
.admin-branding{display:flex;gap:18px;align-items:flex-start;padding:19px;border:1px solid #dce7f4;background:#f8fbff;border-radius:13px;margin:10px 0 24px}
.admin-branding-preview{flex:none;display:grid;place-items:center;width:84px;height:84px;background:#fff;border:1px solid #e1e8f2;border-radius:14px}
.admin-branding-preview .brand-custom-logo{width:60px;height:60px}
.admin-branding>div:last-child{min-width:0;flex:1}.admin-branding h3{font-size:15px;margin:0 0 8px}.admin-branding p{font-size:12px;color:#617085;line-height:1.6;margin:0 0 12px}
.admin-branding-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:11px}
.admin-branding-form input[type=file]{width:min(100%,320px);max-width:100%;font-size:12px}
.privacy-admin-form,.privacy-user-card{margin-bottom:22px}.privacy-admin-form textarea{width:100%;min-height:105px;line-height:1.6;resize:vertical}.privacy-admin-form small{display:block;color:#76869b;margin-top:5px;line-height:1.5}
.privacy-admin-form a,.privacy-link-row a{color:#075fcf;font-weight:700;text-decoration:none}
.privacy-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 24px}
.privacy-checklist>div{padding:14px;border:1px solid #e2e8f1;border-radius:10px;background:#f9fbff;display:flex;flex-direction:column;gap:7px;min-width:0}
.privacy-checklist strong{font-size:13px}.privacy-checklist small{font-size:11px;line-height:1.5;color:#63738b}
.privacy-cleanup-box{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid #f0e4d5;background:#fffaf3;border-radius:12px;margin:25px 0}
.privacy-cleanup-box strong{font-size:13px}.privacy-cleanup-box p{color:#807567;font-size:12px;line-height:1.6;margin:7px 0 0}
.privacy-requests-list{display:flex;flex-direction:column;gap:13px;margin-top:14px}
.privacy-admin-request{border:1px solid #e1e7ef;border-radius:13px;padding:16px;min-width:0}
.privacy-admin-request>p{color:#415268;font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.privacy-request-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.privacy-request-head>div{display:flex;flex-direction:column;gap:5px;min-width:0}.privacy-request-head strong{font-size:13px;overflow-wrap:anywhere}.privacy-request-head small{font-size:11px;color:#78869a;overflow-wrap:anywhere}
.privacy-admin-request .modal-form{margin-top:13px}
.privacy-user-page{width:100%;max-width:1000px;margin:0 auto}.privacy-user-card{padding:23px}
.privacy-link-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.privacy-link-row a{border:1px solid #dae6f4;border-radius:9px;padding:11px 13px;background:#f6faff;font-size:13px}
.privacy-request-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:15px 0;border-bottom:1px solid #e9edf2}
.privacy-request-row:last-child{border-bottom:0}.privacy-request-row>div{display:flex;flex-direction:column;gap:7px;min-width:0}.privacy-request-row strong{font-size:13px}.privacy-request-row small{font-size:11px;color:#8692a3}.privacy-request-row p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.privacy-ack{display:flex!important;gap:12px;align-items:flex-start!important;font-size:12px!important;line-height:1.55;color:#5e6a78}
.privacy-ack input{flex:none!important;width:19px!important;height:19px!important;min-height:19px!important;margin:1px 0 0!important;accent-color:#0865df}
.privacy-ack a,.legal-links a{color:#075fd0;text-decoration:underline;text-underline-offset:2px}
.legal-links{font-size:12px;color:#87909b;text-align:center;margin:14px 0 0}
.legal-page{background:#f8f9fb;color:#273348;min-height:100dvh;font-family:inherit}
.legal-wrap{width:min(860px,calc(100% - 32px));margin:0 auto;padding:48px 0 80px}
.legal-back{font-size:13px;color:#0c61c5;text-decoration:none;font-weight:750}.legal-wrap h1{font-size:clamp(26px,4vw,39px);margin:30px 0 25px;letter-spacing:-.04em}
.legal-text{padding:28px;background:white;border:1px solid #e0e6ee;border-radius:12px;font-size:14px;line-height:1.85;overflow-wrap:anywhere;white-space:normal}
.legal-wrap>p,.legal-wrap nav{font-size:13px;line-height:1.6;margin-top:20px}.legal-wrap nav{display:flex;gap:22px}.legal-wrap a{color:#0962cb}
.app-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media(max-width:740px){
  .file-section .list-toolbar{gap:6px}
  .sort-control{gap:4px}.sort-control select{max-width:114px;font-size:11px;padding:5px 21px 5px 7px;min-height:33px}
  .sort-control button{height:33px;min-width:31px}
  .file-section .list-toolbar .item-count{font-size:10px;white-space:nowrap}
  .admin-branding{padding:13px;gap:11px}.admin-branding-preview{width:60px;height:60px}.admin-branding-preview .brand-custom-logo{width:44px;height:44px}
  .admin-branding-form{align-items:stretch;flex-direction:column}.admin-branding-form .btn{align-self:flex-start}
  .privacy-checklist{grid-template-columns:1fr}.privacy-cleanup-box{align-items:flex-start;flex-direction:column}
  .privacy-user-card{padding:16px}.privacy-request-row{flex-direction:column;gap:7px}.legal-wrap{padding-top:25px}.legal-text{padding:18px;font-size:13px}
}

/* Cloudnest 1.16 — faithful compact mobile file layout and native-feeling controls. */
.mobile-selection-head,.mobile-sort-trigger,.mobile-view-toggle,.mobile-search-dock,.mobile-bulk-actions{display:none}
.mobile-sort-sheet:not([open]){display:none!important}
@media(max-width:740px){
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]){background:#fff}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .main-content{padding:0 16px calc(200px + env(safe-area-inset-bottom))}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-page-head{min-height:82px;margin:0 -16px;padding:10px 17px 13px;gap:8px;border-color:#e6e6e6}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-page-head h1{font-size:33px;font-weight:760;letter-spacing:-.048em}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-header-actions{height:44px;border-color:#dedede}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .round-action{width:47px;height:43px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .round-action+.round-action{border-left:0}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-action-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow:visible;padding:15px 0 12px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-action-bar .action-pill{height:42px;display:flex;justify-content:center;align-items:center;gap:7px;min-width:0;border-radius:8px;padding:0 5px;background:#f5f5f4;color:#1e1e1e;font-size:14px;font-weight:650;white-space:nowrap;flex:initial}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-action-bar .action-pill svg{width:21px;height:21px;flex:none;stroke-width:1.9}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .breadcrumbs{margin:1px 0 7px;gap:6px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-section{margin:0}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-section .list-toolbar{height:45px;margin:0 0 2px;border:0;justify-content:space-between;gap:6px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-section .list-toolbar>.sort-control,
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-section .list-toolbar>.view-switch,
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-section .list-toolbar>.item-count,
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-section .list-toolbar>.selection-toggle,
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-section .list-toolbar>.selection-all{display:none!important}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-sort-trigger{display:inline-flex;align-items:center;gap:7px;border:0;background:#fff;color:#1d1d1d;padding:5px 0;font-size:16px;font-weight:730;min-height:42px;cursor:pointer}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-sort-trigger span:last-child{font-size:24px;font-weight:400;line-height:1}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-view-toggle{display:grid;place-items:center;margin-left:auto;width:41px;height:41px;border:0;background:#fff;color:#171717;border-radius:7px;cursor:pointer}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-view-toggle svg{width:25px;height:25px;stroke-width:2.15}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list{padding-top:2px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .file-row{grid-template-columns:36px minmax(0,1fr) 31px;column-gap:11px;min-height:59px;padding:4px 0;border-bottom:0}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .file-glyph{width:35px;height:35px;border-radius:6px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .file-glyph.folder{width:35px;height:35px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .file-glyph.folder svg{width:35px;height:35px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .file-glyph>svg:not(.file-thumbnail){width:22px;height:22px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .file-glyph.folder>svg{width:35px;height:35px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .file-thumbnail{border-radius:5px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .file-main{gap:4px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .file-name{font-size:16px;font-weight:505;letter-spacing:-.014em;line-height:1.32}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .file-meta.mobile-only{font-size:12px;color:#827e79;line-height:1.2}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .row-actions{grid-column:3;grid-row:1}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .more-btn{width:31px;height:36px;color:#6f6c69}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .file-list:not(.grid-view) .more-btn svg{width:23px;height:23px;stroke-width:2.4}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-search-dock{display:block;position:fixed;left:16px;right:16px;bottom:calc(103px + env(safe-area-inset-bottom));height:50px;z-index:25;background:#fff;pointer-events:auto}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-search-dock .search{height:49px;background:#fff;border:1px solid #d9d9d9;border-radius:999px;padding:0 17px;box-shadow:0 1px 5px #00000006}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-search-dock .search input{font-size:16px;color:#252525}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-search-dock .search input::placeholder{color:#202020;opacity:1}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-search-dock .search svg{color:#1e1e1e;width:24px;height:24px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom))}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .toast{bottom:calc(163px + env(safe-area-inset-bottom))}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-selection-head{display:none;width:100%;align-items:center;justify-content:space-between;gap:9px;min-width:0}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .mobile-page-head h1,
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .mobile-header-actions{display:none}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .mobile-selection-head{display:flex}
  .mobile-selection-head strong{font-size:16px;font-weight:750;text-align:center;white-space:nowrap;letter-spacing:-.02em}
  .mobile-select-all{flex:none;min-height:43px;padding:0 11px;color:#2862df;background:#fff;border:1px solid #dadada;border-radius:999px;font-size:14px;font-weight:500}
  .mobile-selection-close{flex:none;width:42px;height:42px;border:1px solid #d8d8d8;border-radius:50%;background:#fff;display:grid;place-items:center;color:#191919}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .mobile-action-bar,
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .mobile-search-dock,
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .mobile-bottom-nav{display:none!important}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .file-section .list-toolbar{margin-top:7px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .file-list:not(.grid-view) .file-row{padding-left:33px;grid-template-columns:36px minmax(0,1fr);column-gap:11px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .file-list:not(.grid-view) .row-select-wrap{display:flex;left:0;width:26px;height:40px;top:50%}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .file-list:not(.grid-view) .row-select{width:23px;height:23px;accent-color:#2861ec}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .file-list:not(.grid-view) .row-actions{display:none}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .app-shell{padding-bottom:0}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .main-content{padding-bottom:calc(130px + env(safe-area-inset-bottom))}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .bulk-bar{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 23px);padding:7px 8px 8px;background:rgba(255,255,255,.97);border:1px solid #dedede;border-radius:28px;box-shadow:0 3px 19px #0000000d;backdrop-filter:blur(12px)}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .bulk-bar-head,
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .bulk-actions{display:none!important}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]).selection-mode .mobile-bulk-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
  .app-body[data-page="trash"] .mobile-page-head h1{font-size:clamp(20px,5.8vw,28px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15}
  .app-body[data-page="trash"].selection-mode .mobile-bulk-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-body[data-page="trash"] .mobile-action-bar .action-pill{overflow:hidden;text-overflow:ellipsis}
  .mobile-bulk-actions button{border:0;min-width:0;min-height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:10px;background:transparent;color:#3d3d3d;font-size:10px;cursor:pointer}
  .mobile-bulk-actions button svg{width:25px;height:25px;color:inherit;stroke-width:1.8}
  .mobile-bulk-actions button:disabled{color:#b4b4b4;opacity:1;cursor:default}
  .mobile-bulk-actions button:not(:disabled):active{background:#eff3fd}
  .mobile-sort-sheet[open]{display:block;position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;max-height:75dvh;margin:0;padding:18px 15px calc(22px + env(safe-area-inset-bottom));background:#fff;border:0;border-radius:26px 26px 0 0;box-shadow:0 -9px 32px #00000018;overflow:auto;overscroll-behavior:contain;z-index:150}
  .mobile-sort-sheet::backdrop{background:rgba(0,0,0,.23)}
  .mobile-sort-options{display:flex;flex-direction:column;gap:0}
  .mobile-sort-options button{display:grid;grid-template-columns:36px minmax(0,1fr) 34px;gap:9px;align-items:center;min-height:54px;padding:4px 7px;background:transparent;border:0;border-radius:10px;color:#1d1d1d;text-align:left;font-size:17px;cursor:pointer}
  .mobile-sort-options button:active{background:#f6f6f6}
  .sort-sheet-icon{width:26px;display:grid;place-items:center;color:#272727}
  .sort-sheet-icon svg{width:22px;height:22px}
  .sort-aa{font-size:19px;font-weight:520;letter-spacing:-.09em}
  .sort-current-mark{font-size:31px;font-weight:450;line-height:1;text-align:center;color:#161616}
}
@media(max-width:360px){
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-action-bar .action-pill{font-size:12px;gap:4px}
  .app-body:is([data-page="files"],[data-page="home"],[data-page="search"],[data-page="trash"]) .mobile-action-bar .action-pill svg{width:19px;height:19px}
  .mobile-selection-head strong{font-size:14px}.mobile-select-all{font-size:12px;padding:0 9px}
}

/* Cloudnest 1.17 — Dropbox-inspired Start and photographic timeline. */
.photo-filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 16px}
.photo-filter-chip,.photo-filter-select{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:0;border-radius:999px;background:#f4f4f3;color:#1f1f1f;font-size:14px;font-weight:510;white-space:nowrap}
.photo-filter-chip{padding:0 17px;cursor:pointer}
.photo-filter-chip[aria-pressed="true"]{background:#dfebff;color:#075bd0;box-shadow:inset 0 0 0 1px #8ab4ff}
.photo-filter-select{position:relative;padding:0 12px 0 14px;gap:6px;cursor:pointer}
.photo-filter-select select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:inherit;font:inherit;padding:8px 18px 8px 0;max-width:132px;outline-offset:5px;cursor:pointer}
.photo-filter-select svg{pointer-events:none;position:absolute;right:9px;top:50%;transform:translateY(-50%) rotate(90deg);width:14px;height:14px}
.photo-filter-chip:focus-visible,.photo-filter-select:focus-within{outline:3px solid #8db9ff;outline-offset:2px}
.photo-camera-note{display:flex;align-items:center;gap:12px;padding:16px 15px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;color:#2a2a2a;background:#fff;margin:0 0 18px}
.photo-camera-note .photo-camera-icon{display:grid;place-items:center;flex:none;width:26px;height:29px}
.photo-camera-note>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;line-height:1.36}
.photo-camera-note strong{font-size:13px;font-weight:530}
.photo-camera-note small{font-size:12px;color:#777}
.photo-camera-action{width:35px;height:35px;flex:none;display:grid;place-items:center;background:#f6f6f6;color:#252525;border:0;border-radius:50%;cursor:pointer}
.photo-gallery{display:flex;flex-direction:column;gap:5px}
.photo-month{min-width:0}
.photo-month-title{font-size:17px;font-weight:700;letter-spacing:-.024em;margin:0;padding:12px 0 10px;border-top:1px solid #eeeeed}
.photo-month:first-child .photo-month-title{border-top:0}
.photo-gallery .photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:3px;margin:0}
.photo-gallery .photo-card{border-radius:0;overflow:hidden}
.photo-gallery .photo-open{border-radius:0;aspect-ratio:1}
.photo-gallery .photo-card small{display:none}
.photo-filter-empty{font-size:14px;text-align:center;color:#777;margin:38px 12px}
.photo-filter-empty.hidden{display:none}
@media(max-width:740px){
  .app-body:is([data-page="home"],[data-page="photos"]){background:#fff}
  .app-body:is([data-page="home"],[data-page="photos"]) .main-content{padding:0 17px calc(145px + env(safe-area-inset-bottom))}
  .app-body:is([data-page="home"],[data-page="photos"]) .mobile-page-head{min-height:87px;margin:0 -17px;padding:18px 17px 19px;gap:8px;border-color:#e6e6e6}
  .app-body:is([data-page="home"],[data-page="photos"]) .mobile-page-head h1{font-size:34px;font-weight:760;letter-spacing:-.05em}
  .app-body:is([data-page="home"],[data-page="photos"]) .mobile-header-actions{height:44px;border-color:#dedede}
  .app-body:is([data-page="home"],[data-page="photos"]) .round-action{width:47px;height:43px}
  .app-body:is([data-page="home"],[data-page="photos"]) .round-action+.round-action{border-left:1px solid #e8e8e8}
  .app-body:is([data-page="home"],[data-page="photos"]) .mobile-search-holder{padding:15px 0 13px}
  .app-body:is([data-page="home"],[data-page="photos"]) .mobile-search-holder .search{height:52px;border:0;border-radius:999px;background:#f5f5f4;padding:0 18px;gap:13px}
  .app-body:is([data-page="home"],[data-page="photos"]) .mobile-search-holder .search input{font-size:16px}
  .app-body[data-page="home"] .recent-section{margin:29px 0 0}
  .app-body[data-page="home"] .recent-section .section-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:13px;min-height:36px}
  .app-body[data-page="home"] .recent-section .section-heading h2{font-size:18px;letter-spacing:-.04em;gap:7px;white-space:nowrap}
  .app-body[data-page="home"] .recent-section .section-heading h2 svg{width:19px;height:19px}
  .app-body[data-page="home"] .recent-section .section-heading .sort-control{display:inline-flex;gap:4px;margin:0 auto 0 4px;min-width:0}
  .app-body[data-page="home"] .recent-section .section-heading .sort-control select{font-size:12px;max-width:91px;min-height:31px;padding:4px 18px 4px 7px;border-color:#dedee1;border-radius:9px}
  .app-body[data-page="home"] .recent-section .section-heading .sort-control button{min-width:31px;height:31px;border-radius:9px}
  .app-body[data-page="home"] .recent-section .section-heading .text-link{font-size:14px;font-weight:620;white-space:nowrap;color:#0061ff}
  .app-body[data-page="home"] .recent-section .file-list:not(.grid-view) .file-row{grid-template-columns:47px minmax(0,1fr) 32px;gap:11px;min-height:73px;padding:6px 0;border:0}
  .app-body[data-page="home"] .recent-section .file-list:not(.grid-view) .file-glyph{width:47px;height:47px;border-radius:7px}
  .app-body[data-page="home"] .recent-section .file-list:not(.grid-view) .file-glyph.folder>svg{width:44px;height:44px}
  .app-body[data-page="home"] .recent-section .file-list:not(.grid-view) .file-main{gap:6px}
  .app-body[data-page="home"] .recent-section .file-list:not(.grid-view) .file-name{font-size:15px;font-weight:540;letter-spacing:-.02em}
  .app-body[data-page="home"] .recent-section .file-list:not(.grid-view) .file-meta.mobile-only{font-size:12px;color:#93918e}
  .app-body[data-page="home"] .recent-section .file-list:not(.grid-view) .more-btn{width:32px;height:40px;color:#222}
  .app-body[data-page="home"] .recent-section .file-list:not(.grid-view) .more-btn svg{width:24px;height:24px}
  .app-body[data-page="home"] .home-suggested{margin-top:30px}
  .app-body[data-page="photos"] .mobile-page-head{border-bottom:0;padding-bottom:11px;min-height:80px}
  .app-body[data-page="photos"] .mobile-search-holder{padding:0 0 14px}
  .app-body[data-page="photos"] .mobile-action-bar{display:none!important}
  .app-body[data-page="photos"] .photo-filter-bar{gap:8px;flex-wrap:nowrap;margin:0 0 9px;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}
  .app-body[data-page="photos"] .photo-filter-bar::-webkit-scrollbar{display:none}
  .app-body[data-page="photos"] .photo-filter-chip,.app-body[data-page="photos"] .photo-filter-select{min-height:34px;font-size:14px;flex:none}
  .app-body[data-page="photos"] .photo-filter-chip{padding:0 15px}
  .app-body[data-page="photos"] .photo-filter-select{padding-left:13px;padding-right:6px}
  .app-body[data-page="photos"] .photo-filter-select select{max-width:105px}
  .app-body[data-page="photos"] .photo-camera-note{margin:0 -17px 0;padding:13px 17px;gap:10px;min-height:65px;border-color:#ededed}
  .app-body[data-page="photos"] .photo-camera-note strong{font-size:12px;font-weight:520}
  .app-body[data-page="photos"] .photo-camera-note small{font-size:11px;color:#828282}
  .app-body[data-page="photos"] .photo-camera-action{width:30px;height:30px}
  .app-body[data-page="photos"] .photo-select-tools{display:none}
  .app-body[data-page="photos"] .photo-gallery{margin:0 -17px;gap:0}
  .app-body[data-page="photos"] .photo-month-title{font-size:16px;font-weight:725;letter-spacing:-.02em;padding:9px 17px 7px;line-height:1.3;border-top:1px solid #eeeeee}
  .app-body[data-page="photos"] .photo-gallery .photo-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin:0}
  .app-body[data-page="photos"] .photo-gallery .photo-card{border:0;border-radius:0}
  .app-body[data-page="photos"] .photo-gallery .photo-open{border-radius:0}
  .app-body[data-page="photos"] .photo-gallery .photo-more{display:none}
  .app-body:is([data-page="home"],[data-page="photos"]).selection-mode .mobile-page-head h1,
  .app-body:is([data-page="home"],[data-page="photos"]).selection-mode .mobile-header-actions{display:none}
  .app-body:is([data-page="home"],[data-page="photos"]).selection-mode .mobile-selection-head{display:flex}
  .app-body:is([data-page="home"],[data-page="photos"]).selection-mode .mobile-search-holder,
  .app-body:is([data-page="home"],[data-page="photos"]).selection-mode .mobile-bottom-nav{display:none!important}
  .app-body:is([data-page="home"],[data-page="photos"]).selection-mode .bulk-bar{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 23px);padding:7px 8px 8px;background:rgba(255,255,255,.98);border:1px solid #dedede;border-radius:28px;box-shadow:0 3px 19px #0000000d}
  .app-body:is([data-page="home"],[data-page="photos"]).selection-mode .bulk-bar-head,
  .app-body:is([data-page="home"],[data-page="photos"]).selection-mode .bulk-actions{display:none!important}
  .app-body:is([data-page="home"],[data-page="photos"]).selection-mode .mobile-bulk-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
  .app-body[data-page="photos"].selection-mode .photo-gallery .row-select-wrap{top:0;left:0;width:100%;height:100%;border-radius:0;border:0;background:transparent;box-shadow:none;display:flex;align-items:flex-start;justify-content:flex-start;padding:3px}
  .app-body[data-page="photos"].selection-mode .photo-gallery .row-select{height:18px;width:18px;pointer-events:none}
  .app-body[data-page="photos"].selection-mode .photo-gallery .photo-card.is-marked .photo-open{outline:3px solid #0061ff;outline-offset:-3px}
}
@media(max-width:365px){
  .app-body[data-page="home"] .recent-section .section-heading{gap:3px}
  .app-body[data-page="home"] .recent-section .section-heading h2{font-size:16px;gap:3px}
  .app-body[data-page="home"] .recent-section .section-heading .sort-control{margin-left:1px}
  .app-body[data-page="home"] .recent-section .section-heading .sort-control select{max-width:77px;font-size:11px}
  .app-body[data-page="home"] .recent-section .section-heading .text-link{font-size:12px}
}

/* Cloudnest 1.18 — Start nutzt die tatsächliche Dateien-Oberfläche. */
.home-feeds{display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:none;padding:0 0 11px;margin-bottom:8px;border-bottom:1px solid #ececec}
.home-feeds::-webkit-scrollbar{display:none}
.home-feed-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;padding:11px 15px;min-height:42px;background:#f5f5f4;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:630;color:#4d4d4d;white-space:nowrap;line-height:1.2;text-decoration:none}
.home-feed-tab.active{background:#e8f1ff;border-color:#cddffa;color:#075fd7}
.home-feed-tab:focus-visible{outline:3px solid #9bc2ff;outline-offset:2px}
.home-feed-count{display:grid;place-items:center;width:18px;height:18px;border-radius:99px;background:#d0e3ff;color:#1257a8;font-size:11px}
.home-notices{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.home-notice{display:flex;gap:15px;align-items:flex-start;border:1px solid #e7e7e5;border-radius:13px;padding:18px;background:#fff}
.home-notice-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:10px;background:#eff5ff;color:#1667d4}
.home-notice-main{min-width:0;flex:1}
.home-notice-main time{font-size:11px;color:#858585}
.home-notice-main h2{margin:7px 0 6px;font-size:17px;line-height:1.3;font-weight:730;color:#242424}
.home-notice-main p{font-size:13px;line-height:1.65;color:#616161;white-space:normal;overflow-wrap:anywhere;margin:0}
.home-empty{padding:68px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:#393939}
.home-empty-icon{display:grid;place-items:center;width:61px;height:61px;background:#f4f6f9;color:#708099;border-radius:14px}
.home-empty h3{margin:7px 0 0;font-size:18px}.home-empty p{margin:0 0 11px;max-width:340px;font-size:13px;line-height:1.5;color:#888}
.admin-message-form{max-width:760px}
.admin-messages-list{margin-top:16px}
.admin-message-entry{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:20px 0;border-top:1px solid #ececec}
.admin-message-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.admin-message-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#777;font-size:11px}
.admin-message-content>strong{font-size:15px}
.admin-message-content>p{margin:0;white-space:normal;overflow-wrap:anywhere;color:#666;font-size:13px;line-height:1.65}
.admin-message-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:none}
.admin-message-actions form{margin:0}
@media(max-width:740px){
  .app-body[data-page="home"] .main-content{padding:0 16px calc(200px + env(safe-area-inset-bottom))}
  .app-body[data-page="home"] .mobile-page-head{min-height:82px;margin:0 -16px;padding:10px 17px 13px;gap:8px;border-color:#e6e6e6}
  .app-body[data-page="home"] .mobile-page-head h1{font-size:33px;font-weight:760;letter-spacing:-.048em}
  .app-body[data-page="home"] .round-action+.round-action{border-left:0}
  .home-feeds{gap:7px;margin:2px 0 6px;padding:0 0 10px}
  .home-feed-tab{min-height:37px;padding:8px 12px;font-size:12px;border-radius:9px}
  .home-notices{margin:0 -3px}
  .home-notice{padding:14px 12px;gap:12px}
  .home-notice-icon{width:35px;height:35px}
  .home-notice-main h2{font-size:15px}
  .app-body[data-page="home"].selection-mode .home-feeds{display:none}
  .admin-message-entry{flex-direction:column;gap:13px}
  .admin-message-actions{width:100%;justify-content:flex-start}
}

/* Cloudnest 1.19 — einheitliche Suchansicht und vollständig schließbare Dialoge. */
@media(max-width:740px){
  .app-body[data-page="search"] .mobile-page-head h1{font-size:clamp(22px,5.9vw,28px);letter-spacing:-.045em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .app-body[data-page="search"] .mobile-header-actions{flex:none}
  .app-body[data-page="search"] .mobile-action-bar{margin-top:0}
  .app-body[data-page="search"] .home-empty{padding:54px 15px}
}
.header-notifications,.mobile-notifications{position:relative!important;color:#303235}
.notification-badge{position:absolute;top:-4px;right:-7px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:#e1284c;color:#fff;font-size:10px;font-weight:800;line-height:1;box-sizing:content-box}
.nav-notify-count{margin-left:auto;min-width:22px;height:22px;display:grid;place-items:center;background:#0061ff;color:#fff;border-radius:99px;font-size:10px;font-weight:800}
.notification-page{max-width:920px;margin:0 auto 36px}
.notification-page-title{margin-bottom:23px}
.notification-summary{display:flex;gap:16px;align-items:center;background:#f2f6ff;border:1px solid #dce6fa;border-radius:14px;padding:22px 25px;margin-bottom:22px}
.notification-summary-icon{width:51px;height:51px;border-radius:15px;display:grid;place-items:center;color:#0061ff;background:#e4eeff;flex:none}
.notification-summary>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.notification-summary strong{font-size:17px;letter-spacing:-.02em}
.notification-summary small{font-size:12px;color:#616e85;line-height:1.55}
.notification-list{border:1px solid #e8e8e6;background:#fff;border-radius:13px;overflow:hidden;margin-bottom:22px}
.notification-item{padding:21px 22px;display:flex;align-items:flex-start;gap:15px;border-bottom:1px solid #ebebe9}
.notification-item:last-child{border-bottom:0}
.notification-item.is-unread{background:#f8faff}
.notification-item.is-important .notification-item-symbol{color:#9c5500;background:#fff3df}
.notification-item-symbol{width:43px;height:43px;border-radius:12px;background:#eef2fa;color:#3369c1;display:grid;place-items:center;flex:none}
.notification-item-content{min-width:0;flex:1}
.notification-item-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.notification-item-heading strong{font-size:15px;font-weight:750;overflow-wrap:anywhere}
.notification-item.is-read .notification-item-heading strong{font-weight:620;color:#50545a}
.notification-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#0061ff}
.notification-item-content time{display:block;font-size:11px;color:#8a8a8a;margin:6px 0 10px}
.notification-item-content p{font-size:13px;line-height:1.62;margin:0;color:#4c4c4c;overflow-wrap:anywhere}
.notification-item-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}
.notification-item-actions .btn{border-radius:7px;padding:7px 11px}
.notification-remove{border:0;background:transparent;color:#858585;border-radius:7px;min-height:31px;min-width:31px;display:grid;place-items:center;margin-left:auto}
.notification-remove:hover{color:#bd1741;background:#fff0f4}
.notification-empty{text-align:center;padding:62px 25px}
.notification-empty>span{width:72px;height:72px;border-radius:22px;background:#eef4ff;color:#0061ff;display:grid;place-items:center;margin:0 auto 20px}
.notification-empty h2{font-size:19px}.notification-empty p{color:#868686}
.notification-preferences{padding:0!important;overflow:hidden}
.notification-preferences>summary{list-style:none;padding:20px 24px;display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:720;font-size:14px}
.notification-preferences>summary::-webkit-details-marker{display:none}
.notification-preferences>summary>span{margin-left:auto;transition:transform .2s}
.notification-preferences[open]>summary>span{transform:rotate(90deg)}
.notification-preferences-body{padding:0 24px 25px;border-top:1px solid #eee}
.notification-preferences-body>p{margin:17px 0;color:#6d6d6d;font-size:13px}
.notification-toggle{padding:13px 0;display:flex!important;flex-direction:row!important;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid #f0f0ef}
.notification-toggle span{display:flex;flex-direction:column;gap:5px;min-width:0}
.notification-toggle strong{font-size:13px;color:#333}
.notification-toggle small{font-size:11px;color:#777;line-height:1.4;font-weight:400}
.notification-toggle input[type=checkbox]{width:21px;height:21px;accent-color:#0061ff;flex:none}
.notification-required-notice,.notification-compose-note{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid #dce6fa;border-radius:9px;background:#f5f8ff;color:#556783;font-size:12px;line-height:1.55}
.notification-required-notice svg,.notification-compose-note svg{color:#0061ff;flex:none;margin-top:1px}
.notification-admin{margin-bottom:25px}
.notification-admin-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 26px;border-radius:13px 13px 0 0;background:#fff;border:1px solid #e5e5e5;border-bottom:0}
.notification-admin-intro h2{margin:8px 0 6px;font-size:23px}
.notification-admin-intro p{margin:0;font-size:12px;color:#777}
.notification-admin-kicker{display:inline-flex;align-items:center;gap:8px;color:#0061ff;font-weight:800;font-size:10px;letter-spacing:.1em}
.notification-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #e5e5e5;border-top:0;background:#fff}
.notification-admin-stats>div{padding:20px 23px;display:flex;flex-direction:column;gap:6px;border-right:1px solid #eee}
.notification-admin-stats>div:last-child{border-right:0}
.notification-admin-stats span{font-size:12px;color:#777}
.notification-admin-stats strong{font-size:27px;font-weight:760;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.notification-admin-stats small{font-size:10px;color:#999}
.notification-admin-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;border:1px solid #e4e4e4;border-top:0;background:#f8f8f7;padding:10px;border-radius:0 0 12px 12px;margin-bottom:18px}
.notification-admin-nav button{flex:none;border:0;background:transparent;border-radius:8px;padding:11px 14px;font-size:12px;color:#606060;font-weight:700;white-space:nowrap}
.notification-admin-nav button.active{background:#fff;color:#005ce9;box-shadow:0 1px 5px #00000012}
.notification-admin-pane{display:flex;flex-direction:column;gap:17px}
.notification-admin-card{border:1px solid #e5e5e5;background:#fff;border-radius:13px;padding:24px}
.notification-admin-card>.panel-heading{margin-bottom:20px}
.notification-admin-card .panel-heading h3{margin-bottom:6px}
.notification-admin-card .panel-heading p{font-size:12px;max-width:640px}
.notification-compose-form{max-width:760px}
.notification-compose-form>label>textarea{line-height:1.6}
.notification-compose-form>.btn{align-self:flex-start;min-height:44px}
.notification-admin-list{display:flex;flex-direction:column}
.notification-campaign-row,.notification-email-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid #efefef}
.notification-campaign-main{flex:1;min-width:0}
.notification-campaign-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.notification-campaign-top strong,.notification-email-row strong{font-size:13px;overflow-wrap:anywhere}
.notification-campaign-main>small,.notification-email-row small{color:#858585;font-size:11px;line-height:1.5}
.notification-campaign-details{display:flex;gap:13px;flex-wrap:wrap;color:#686868;font-size:11px;margin-top:7px}
.notification-email-row>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.notification-email-icon{background:#eef4ff;border-radius:10px;color:#0061ff;padding:11px}
.notification-email-row>.status-pill{flex:none}
.notification-email-error{color:#ad2040!important;overflow-wrap:anywhere}
.notification-template-list{display:flex;flex-direction:column;gap:10px}
.notification-template{border:1px solid #e9e9e8;border-radius:10px;overflow:hidden}
.notification-template>summary{list-style:none;display:flex;align-items:center;gap:13px;cursor:pointer;padding:16px 18px}
.notification-template>summary::-webkit-details-marker{display:none}
.notification-template>summary>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}
.notification-template>summary strong{font-size:13px}
.notification-template>summary small{font-size:11px;color:#777}
.notification-template-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#0061ff;background:#eff4ff;flex:none}
.notification-template>summary>svg:last-child{color:#888}
.notification-template[open]>summary>svg:last-child{transform:rotate(90deg)}
.notification-template>form{padding:18px;border-top:1px solid #ececec;background:#fcfcfc}
.notification-template>form>.btn{align-self:flex-start}
.notification-settings-form{max-width:730px}
.notification-settings-form>.btn{align-self:flex-start}
.notification-delivery-status{display:flex;gap:12px;align-items:center;margin-bottom:17px;padding:14px;border:1px solid #e5e8ee;border-radius:9px;background:#f8faff}
.notification-delivery-status>span{color:#0061ff}
.notification-delivery-status>div{display:flex;flex-direction:column;gap:4px}
.notification-delivery-status strong{font-size:13px}.notification-delivery-status small{font-size:11px;color:#7b7b7b}
.notification-cron-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:15px}
.notification-legacy-messages{margin-top:17px;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;background:#fff}
.notification-legacy-messages>summary{list-style:none;display:flex;align-items:center;gap:11px;padding:19px 24px;font-weight:700;cursor:pointer}
.notification-legacy-messages>summary::-webkit-details-marker{display:none}
.notification-legacy-messages>summary>span{margin-left:auto}
.notification-legacy-messages[open]>summary>span{transform:rotate(90deg)}
.notification-legacy-messages>.panel{border-radius:0!important;margin:0;border-left:0;border-right:0;border-bottom:0}
@media(max-width:740px){
  .notification-page-title{display:none}
  .notification-page{margin-top:0;padding-bottom:25px}
  .notification-summary{padding:17px 16px;gap:12px;border-radius:11px}
  .notification-summary-icon{height:42px;width:42px;border-radius:11px}
  .notification-summary strong{font-size:14px}
  .notification-list{border-radius:10px}
  .notification-item{padding:18px 12px;gap:11px}
  .notification-item-symbol{height:38px;width:38px;border-radius:10px}
  .notification-item-heading strong{font-size:14px}
  .notification-item-content p{font-size:12px}
  .notification-preferences>summary{padding:17px;font-size:12px}
  .notification-preferences-body{padding:0 16px 18px}
  .notification-admin-intro{padding:18px 15px;align-items:flex-start;flex-direction:column}
  .notification-admin-intro h2{font-size:20px}
  .notification-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .notification-admin-stats>div{padding:16px;border-bottom:1px solid #eee}
  .notification-admin-stats>div:nth-child(2){border-right:0}
  .notification-admin-stats>div:nth-child(n+3){border-bottom:0}
  .notification-admin-stats strong{font-size:22px}
  .notification-admin-nav{padding:7px}
  .notification-admin-nav button{font-size:11px;padding:10px}
  .notification-admin-card{padding:16px;border-radius:11px}
  .notification-admin-card>.panel-heading{gap:9px;align-items:flex-start;flex-direction:column}
  .notification-campaign-row,.notification-email-row{align-items:flex-start;gap:10px;flex-wrap:wrap}
  .notification-campaign-row>.btn,.notification-email-row>.btn{margin-left:auto}
  .notification-email-icon{padding:7px}
  .notification-email-row>.status-pill{font-size:10px}
  .notification-template>summary{padding:13px 10px;gap:9px}
  .notification-template>form{padding:14px}
  .notification-compose-form>.btn,.notification-settings-form>.btn{width:100%}
  .mobile-notifications .notification-badge{top:-6px;right:-6px}
}
/* Granular team roles: compact native administration controls. */
.staff-sidebar-access{padding:0 15px 10px}
.staff-sidebar-access .nav-link{border:1px solid #dce6ff;background:#f1f6ff;color:#005ce4}
.staff-info-banner{display:flex;align-items:flex-start;gap:13px;background:#f2f6ff;border:1px solid #dce8fd;border-radius:11px;padding:16px 18px;margin-bottom:18px;color:#36547e}
.staff-info-banner>svg{flex:none;color:#0061ff}
.staff-info-banner strong{font-size:13px}
.staff-info-banner p{margin:5px 0 0;color:#556886;font-size:12px;line-height:1.55}
.staff-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.staff-role-card,.staff-team-row{border:1px solid #e6e6e6;border-radius:11px;background:#fff;overflow:hidden;min-width:0}
.staff-role-card>summary,.staff-team-row>summary{display:flex;gap:12px;align-items:center;padding:19px;cursor:pointer;list-style:none}
.staff-role-card>summary::-webkit-details-marker,.staff-team-row>summary::-webkit-details-marker{display:none}
.staff-role-card>summary>span:nth-child(2),.staff-team-row>summary>span{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}
.staff-role-card>summary strong,.staff-team-row>summary strong{font-size:14px;overflow-wrap:anywhere}
.staff-role-card>summary small,.staff-team-row>summary small{font-size:11px;color:#848484}
.staff-role-card>summary>svg:last-child,.staff-team-row>summary>svg:last-child{flex:none;color:#777;transition:transform .18s}
.staff-role-card[open]>summary>svg:last-child,.staff-team-row[open]>summary>svg:last-child{transform:rotate(90deg)}
.staff-role-glyph{display:grid;place-items:center;background:#eef4ff;color:#0061ff;width:44px;height:44px;border-radius:12px;flex:none}
.staff-role-body{padding:17px;border-top:1px solid #eaeaea;background:#fcfcfc}
.staff-role-body>form+form{margin-top:10px}
.staff-permission-group{border:1px solid #e6e9ef;border-radius:10px;padding:12px 14px 6px;min-width:0}
.staff-permission-group legend{padding:0 7px;font-size:12px;font-weight:750;color:#404e64}
.staff-permission-item{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #f0f0f0}
.staff-permission-item:last-child{border-bottom:0}
.staff-permission-item span{font-size:12px;font-weight:530;min-width:0;line-height:1.4}
.staff-permission-item small{display:block;color:#8a8a8a;font-size:10px;margin-top:4px;word-break:break-word}
.staff-permission-item input[type=checkbox]{height:22px;width:22px;flex:none;accent-color:#0061ff}
.staff-role-actions{display:flex;justify-content:flex-start;margin-top:5px}
.staff-new-role-form{display:flex;gap:14px;align-items:end;max-width:600px}
.staff-new-role-form>label{flex:1;min-width:0}
.staff-new-role-form>.btn{min-height:43px}
.staff-assignment-search{max-width:520px;margin-bottom:17px}
.staff-assignment-list{border:1px solid #e9e9e9;border-radius:11px;overflow:hidden;background:#fff}
.staff-assignment-row{display:flex;align-items:center;gap:13px;min-width:0;padding:14px 15px;border-bottom:1px solid #ededed}
.staff-assignment-row:last-child{border-bottom:0}
.staff-assignment-row>.avatar{flex:none}
.staff-assignment-identity{display:flex;flex-direction:column;flex:1;gap:4px;min-width:0}
.staff-assignment-identity strong{font-size:13px;overflow-wrap:anywhere}
.staff-assignment-identity small{font-size:11px;color:#848484;overflow-wrap:anywhere}
.staff-assignment-form{display:flex;align-items:center;gap:8px;min-width:220px}
.staff-assignment-form select{min-width:0;max-width:220px;font-size:12px}
.staff-inline-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.staff-inline-actions .btn{font-size:11px}
.staff-file-icon{display:grid;place-items:center;flex:none;width:41px;height:41px;background:#f2f4f7;color:#516981;border-radius:10px}
.staff-grant-badges{display:flex;flex-wrap:wrap;gap:7px}
.staff-team-row{margin-bottom:9px}
.staff-team-members{padding:8px 17px 17px;border-top:1px solid #eaeaea}
.staff-team-members>.btn{margin-top:12px}
@media(max-width:830px){
  .staff-role-grid{grid-template-columns:1fr}
  .staff-assignment-row{flex-wrap:wrap;gap:10px}
  .staff-assignment-form{width:100%;flex:1 1 100%}
  .staff-assignment-form select{max-width:none;flex:1}
  .staff-inline-actions{width:100%;justify-content:flex-start;padding-left:0}
  .staff-new-role-form{flex-direction:column;align-items:stretch}
  .staff-role-body{padding:13px}
  .staff-role-card>summary{padding:15px}
  .staff-permission-group{padding:10px}
  .staff-sidebar-access{padding:0 9px 8px}
}

/* Cloudnest 1.35 – compact upload status and clear ownership cues. */
.file-title-line{display:flex;align-items:center;gap:5px;min-width:0;width:100%}
.file-title-line .file-name{min-width:0;max-width:100%;flex:0 1 auto}
.item-flag{display:inline-grid;place-items:center;flex:none;width:19px;height:19px;border-radius:6px;vertical-align:middle}
.item-flag svg{width:12px;height:12px;stroke-width:2.1}
.item-flag-link{color:#1761cc;background:#eaf2ff}
.item-flag-team{color:#7153b3;background:#f2edff}
.row-size small{display:block;font-size:10px;margin-top:3px;color:#858585;white-space:nowrap}
.photo-flags{position:absolute;left:6px;bottom:6px;display:flex;gap:4px;pointer-events:none}
.photo-flags:empty{display:none}
.photo-flags .item-flag{width:23px;height:23px;background:#fffffff0;box-shadow:0 1px 4px #00000025}
.upload-tray{cursor:default;min-height:73px;padding:11px 13px 17px;gap:10px}
.upload-tray-copy{min-width:0;gap:4px;line-height:1.3}
.upload-tray-copy strong{font-size:12px;font-weight:740;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.upload-tray-copy small{font-size:11px;font-variant-numeric:tabular-nums}
.upload-tray-warning{color:#b13646!important}
.upload-tray-cancel{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:34px;padding:6px 10px;border-radius:9px;border:1px solid #e4e4e4;background:#f8f8f8;color:#4e5968;font-family:inherit;font-size:11px;font-weight:650;line-height:1.2;cursor:pointer;touch-action:manipulation}
.upload-tray-cancel:hover{background:#fff1f2;color:#ad2442;border-color:#edcbd1}
.upload-tray-cancel:focus-visible{outline:2px solid #0061ff;outline-offset:2px}
.upload-tray-meter{left:12px;right:12px;bottom:5px;height:4px}
@media(max-width:740px){
  .upload-tray{left:12px;right:12px;bottom:calc(103px + env(safe-area-inset-bottom));width:auto;min-height:76px;padding:11px 12px 18px;border-radius:14px;gap:9px}
  .upload-tray-symbol{flex:none;width:37px;height:37px}
  .upload-tray-copy strong{font-size:clamp(10px,3.1vw,12px)}
  .upload-tray-copy small{font-size:clamp(10px,2.8vw,11px)}
  .upload-tray-cancel{font-size:11px;padding:7px 9px;min-height:36px}
  .app-body:has(.upload-tray:not([hidden])) .mobile-search-dock{bottom:calc(197px + env(safe-area-inset-bottom))}
}

/* Cloudnest 1.36 – one-step link and automatic QR code sharing. */
.share-one-sheet .share-simple-section{padding:16px;gap:14px;background:#f8faff}
.share-auto-qr{border-top:1px solid #e2e8f1;padding:16px 5px 3px;display:flex;flex-direction:column;align-items:center;gap:10px}
.share-auto-qr canvas{display:block;width:min(54vw,205px);height:auto;aspect-ratio:1;background:#fff;image-rendering:pixelated;border:9px solid #fff;border-radius:12px;box-shadow:0 0 0 1px #dce2eb,0 3px 13px #182b4a0b}
.share-auto-qr p{font-size:11px;line-height:1.4;color:#758092;text-align:center;margin:2px 0 1px}
.share-auto-qr .share-qr-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:265px;min-height:42px;border-radius:9px;border:1px solid #d9e1ef;background:#fff;color:#245bb3;font-size:12px;font-weight:700;cursor:pointer}
.share-auto-qr .share-qr-download svg{width:17px;height:17px}
.share-auto-qr .share-qr-download:hover{background:#edf4ff}
.share-auto-qr .share-qr-download:focus-visible,.share-settings-people:focus-visible{outline:2px solid #0061ff;outline-offset:3px}
.share-one-sheet>.share-accordion-row{margin-top:5px}
.share-settings-panel{background:#fcfcfd;margin-top:3px;gap:12px}
.share-settings-people{display:flex;align-items:center;gap:10px;width:100%;min-height:53px;text-align:left;background:#fff;border:1px solid #e5e9ee;border-radius:9px;padding:10px 12px;color:#2f3540;cursor:pointer}
.share-settings-people>svg{width:20px;height:20px;flex:none;color:#56677f}
.share-settings-people>span{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;font-size:12px;font-weight:700}
.share-settings-people small{font-size:11px;font-weight:450;color:#8992a0}
.share-settings-people>b{font-size:19px;font-weight:450;color:#8590a0}
.share-settings-people:hover{background:#f5f8ff}
.share-settings-panel>.share-people-content{border:0;border-radius:0;background:transparent;margin:0;padding:4px 0 2px}
.share-settings-subheading{padding-top:12px;border-top:1px solid #e6e9ef;font-size:12px;font-weight:750;color:#505967}
.share-settings-maintenance{display:flex;flex-wrap:wrap;gap:9px 17px;align-items:center;padding-top:12px;border-top:1px solid #e8eaf0}
.share-settings-maintenance>button{padding:5px 0;background:transparent;border:0;text-align:left;font-family:inherit;font-size:12px;font-weight:650;color:#51647e;cursor:pointer}
.share-settings-maintenance>.share-inline-danger{color:#b72a39}
@media(max-width:740px){
  .share-auto-qr canvas{width:min(51vw,194px)}
  .share-one-sheet .share-simple-section{padding:13px;gap:12px}
  .share-auto-qr{padding-top:13px}
}

/* Cloudnest 1.37 – compact granular sharing and personal guest invitations. */
.share-rights-grid{display:grid;grid-template-columns:1fr;gap:5px;padding:5px 0 4px}
.share-rights-grid .share-inline-checkbox{display:flex;align-items:center;gap:10px;min-height:40px;border:1px solid #e7ebf2;border-radius:9px;padding:8px 11px;background:#fff;font-size:12px;font-weight:580;color:#344156;cursor:pointer}
.share-rights-grid .share-inline-checkbox:has(input:checked){background:#f4f8ff;border-color:#d5e3fb;color:#20539d}
.share-rights-grid input{flex:none;accent-color:#1464c8;width:17px;height:17px}
.share-people-content .share-inline-member{min-width:0;gap:8px}
.share-people-content .share-inline-member-name{min-width:0;flex:1}
.share-people-content .share-inline-member-name small{overflow-wrap:anywhere}
.share-settings-maintenance>.share-inline-danger{font-weight:680;text-decoration:underline;text-decoration-color:#f1c8ce;text-underline-offset:3px}
.share-qr-download{touch-action:manipulation}

/* Cloudnest 1.38 – focused sharing panel: two actions, optional advanced settings. */
.share-one-sheet{gap:4px}
.share-one-sheet .sharing-resource{padding-bottom:10px}
.share-one-sheet .share-simple-section{padding:12px 13px;gap:9px;background:#f8faff}
.share-one-sheet .share-simple-title{margin:0}
.share-one-sheet .share-accordion-row{margin:0;min-height:51px;padding:10px 7px;border-bottom:1px solid #edf0f4;cursor:pointer}
.share-one-sheet .share-accordion-row>span{gap:2px;font-size:13px}
.share-one-sheet .share-accordion-row>svg{width:19px;height:19px}
.share-one-sheet .share-accordion-row small{font-size:10px}
.share-one-sheet .share-accordion-row>b{font-size:17px}
.share-one-sheet .share-auto-qr{padding:11px 2px 0;gap:9px}
.share-one-sheet .share-auto-qr canvas{width:min(43vw,157px);border-width:6px;border-radius:9px}
.share-one-sheet .share-auto-qr .share-qr-download{min-height:38px;max-width:230px;font-size:11px}
.share-one-sheet .share-compact-panel{padding:13px;margin:2px 0 6px;gap:10px;background:#fafbfd;border:1px solid #e6eaf0;box-shadow:none}
.share-one-sheet .share-compact-panel .share-inline-form{gap:10px}
.share-one-sheet .share-compact-panel .share-inline-form label{font-size:12px}
.share-one-sheet .share-compact-panel .share-inline-invite-actions{gap:8px}
.share-one-sheet .share-compact-panel .share-inline-invite-actions .btn{min-width:97px;min-height:40px}
.share-compact-check{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;font-size:12px;font-weight:600;color:#37435a;background:#fff;border:1px solid #e4e8ee;padding:10px;border-radius:8px;min-height:42px;cursor:pointer}
.share-compact-check input{width:17px;height:17px;flex:none;accent-color:#0765e9}
.share-compact-details{display:block;border:1px solid #e5e8ed;border-radius:9px;background:#fff;padding:0 11px;min-width:0}
.share-compact-details summary{display:list-item;cursor:pointer;padding:12px 0;font-size:12px;font-weight:680;color:#536077;line-height:1.45}
.share-compact-details summary small{font-size:10px;font-weight:430;color:#8a93a2}
.share-compact-details[open] summary{border-bottom:1px solid #eef0f3}
.share-compact-details:not([open])>:not(summary){display:none!important}
.share-compact-extra{display:grid;grid-template-columns:1fr;gap:11px;padding:12px 0}
.share-compact-extra .share-inline-two{gap:8px}
.share-compact-extra .password-input.hidden{display:none!important}
.share-invited-list{padding-bottom:4px}
.share-compact-panel>.share-settings-maintenance{padding-top:9px}
.share-compact-panel .share-inline-danger{font-size:11px;font-weight:600;text-decoration:none;color:#a43b48}
@media(max-width:740px){
  .share-one-sheet .share-simple-section{padding:12px}
  .share-one-sheet .share-auto-qr canvas{width:min(42vw,151px)}
  .share-one-sheet .share-compact-panel{padding:11px}
  .share-one-sheet .share-compact-panel select,.share-one-sheet .share-compact-panel input:not([type=checkbox]){font-size:16px}
}

/* Cloudnest 1.39 – no accordion nesting: one compact screen at a time. */
.share-one-sheet .share-simple-section{border:1px solid #e6eaf0;background:#fff;border-radius:12px;padding:13px}
.share-one-sheet>.share-accordion-row{border:1px solid #e7ebf0;border-radius:11px;margin-top:8px;background:#fff;padding:11px 13px;min-height:56px}
.share-one-sheet>.share-accordion-row:hover{background:#f8faff}
.share-one-sheet>.share-accordion-row>b{font-size:25px;line-height:1;color:#8c95a2;font-weight:300}
.share-subview{display:flex;flex-direction:column;gap:12px;min-width:0}
.share-subview .sharing-resource{margin-top:0}
.share-back{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;border:0;background:none;color:#466081;font-family:inherit;font-size:12px;font-weight:680;cursor:pointer;padding:4px 2px}
.share-back svg{width:16px;height:16px}
.share-back:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.share-subtitle{font-size:17px;font-weight:750;color:#293344;margin:3px 0 0;letter-spacing:-.025em}
.share-subview .share-compact-panel{background:transparent;border:0;border-radius:0;padding:0;margin:0;gap:11px}
.share-subview .share-settings-panel .share-inline-form{gap:12px}
.share-subview .share-inline-form label{font-size:12px;font-weight:650;color:#4a5669}
.share-subview .share-inline-form .btn{margin-top:4px}
.share-setting-toggles{display:flex;flex-direction:column;border:1px solid #e3e8ef;border-radius:10px;overflow:hidden;background:#fff}
.share-subview .share-setting-toggle{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:11px!important;font-size:12px!important;font-weight:620!important;min-height:44px;padding:9px 12px;border-bottom:1px solid #edf0f4;cursor:pointer}
.share-subview .share-setting-toggle:last-child{border-bottom:0}
.team-rights-toggles .share-setting-toggle{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:11px!important;min-height:45px;padding:10px 13px;border-bottom:1px solid #edf0f4;cursor:pointer;font-size:13px;font-weight:620;color:#455167}
.team-rights-toggles .share-setting-toggle:last-child{border-bottom:0}
.share-setting-toggle>span{min-width:0;flex:1}
.share-setting-toggle input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.share-setting-toggle .share-switch{display:inline-block;position:relative;flex:none;width:38px;height:23px;border-radius:15px;background:#d6dce5;border:1px solid #cbd2df;transition:background .18s;pointer-events:none}
.share-setting-toggle .share-switch::after{content:'';position:absolute;top:2px;left:2px;width:17px;height:17px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .18s}
.share-setting-toggle input[type=checkbox]:checked + .share-switch{background:#0964eb;border-color:#0964eb}
.share-setting-toggle input[type=checkbox]:checked + .share-switch::after{transform:translateX(15px)}
.share-setting-toggle input[type=checkbox]:focus-visible + .share-switch{outline:2px solid #1263e4;outline-offset:3px}
.share-subview .share-inline-two{gap:10px}
.share-subview .share-settings-maintenance{justify-content:center;border-top:0;padding-top:2px}
.share-subview .share-inline-danger{align-self:center;color:#a3444e}
.share-people-count{font-size:11px;font-weight:730;color:#677487;margin:10px 0 4px}
.share-subview .share-invited-list .share-inline-member:last-child{border-bottom:1px solid #e8e9ec}
@media(max-width:740px){
  .share-subview{gap:10px}
  .share-one-sheet>.share-accordion-row{min-height:53px}
  .share-subview .share-setting-toggle{min-height:44px}
}

/* Cloudnest 1.46: Public sharing follows the same visual language as Files. */
.public-page{background:#fff;color:var(--ink)}
.public-page .public-header{height:72px;padding:0 clamp(20px,4vw,60px);border-bottom:1px solid var(--line);background:#fff}
.public-page .public-header .brand{font-size:22px;font-weight:770;letter-spacing:-.055em}
.public-page .public-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f6f6f4;color:#65635f;font-size:11px;font-weight:570;white-space:nowrap}
.public-page .public-badge svg{color:#66716e}
.public-page .public-container{width:100%;max-width:930px;padding:33px 28px 66px;margin:0 auto;min-height:calc(100vh - 145px)}
.public-page .public-hero{display:flex;align-items:center;gap:14px;margin:0 0 25px;text-align:left;min-width:0}
.public-page .public-hero .big-icon{width:48px;height:48px;flex:none;margin:0;border-radius:11px;background:#edf3ff;color:var(--blue)}
.public-page .public-hero-copy{min-width:0;flex:1}
.public-page .public-hero .eyebrow{font-size:10px;letter-spacing:.065em;font-weight:730;margin:0 0 5px;color:#898680}
.public-page .public-hero h1{font-size:27px;line-height:1.18;font-weight:755;letter-spacing:-.045em;margin:0 0 5px;overflow-wrap:anywhere}
.public-page .public-hero .muted{font-size:12px;line-height:1.35;color:#7c7975;margin:0}
.public-page .public-browser{border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:none;padding:22px 23px 11px}
.public-page .public-browser-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px}
.public-page .public-browser-heading>div{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}
.public-page .public-browser-heading h2{font-size:17px;font-weight:730;line-height:1.35;margin:0;min-width:0;overflow-wrap:anywhere}
.public-page .public-browser-heading p{font-size:12px;color:#96928c;margin:0;white-space:nowrap}
.public-page .public-browser-heading>.btn{flex:none;padding:8px 11px;font-size:12px;min-height:35px}
.public-page .public-edit-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 17px}
.public-page .public-edit-tools .btn{flex:none;min-height:42px;padding:10px 13px;border-radius:8px;font-size:12px;font-weight:670;white-space:nowrap;cursor:pointer}
.public-page .public-edit-tools .btn svg{width:17px;height:17px}
.public-page .public-table{border-top:1px solid #eeecea}
.public-page .public-entry{display:flex;align-items:center;gap:12px;min-height:68px;padding:11px 2px;border-top:0;border-bottom:1px solid #f1f0ed}
.public-page .public-entry:last-child{border-bottom:0}
.public-page .public-entry .file-glyph{width:43px;height:43px;flex:none;border-radius:8px}
.public-page .public-entry .file-glyph.folder{background:transparent;color:#7ca9ef}
.public-page .public-entry .file-glyph.folder svg{width:35px;height:35px}
.public-page .public-entry .file-glyph.image{background:#f6f6f5;color:#697681}
.public-page .public-entry .file-main{min-width:0;flex:1;gap:5px}
.public-page .public-entry .file-main strong{display:block;max-width:100%;font-size:14px;font-weight:620;line-height:1.25;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-page .public-entry .file-main small{font-size:12px;color:#928e88}
.public-page .public-entry .btn.subtle.small{width:38px;height:38px;display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:8px;background:transparent;color:#585f65}
.public-page .public-entry .btn.subtle.small:hover,.public-page .public-entry .btn.subtle.small:focus-visible{background:#f0f1f2;color:var(--blue)}
.public-page .public-entry .icon-btn{width:34px;height:38px;flex:none;color:#62656a}
.public-page .public-entry .btn:focus-visible,.public-page .public-edit-tools .btn:focus-within,.public-page .public-browser-heading .btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.public-page .collab-upload-state{margin:0 0 14px;background:#f6f9ff;border-color:#dfe8f8}
.public-page .public-file{gap:10px;max-width:100%;margin:0 auto;border-radius:11px}
.public-page .public-file h2{font-size:17px;margin:3px 0 0}
.public-page .public-file .file-glyph{width:55px;height:55px}
.public-page .public-preview{max-width:100%;border-radius:9px}
.public-page .empty-inline{padding:30px 12px;font-size:12px}
.public-page .public-footer{padding:18px 16px 24px;border-top:1px solid #f0eeeb;background:#fff;font-size:11px;color:#99958f}
@media(max-width:740px){
  .public-page .public-header{height:63px;padding:0 17px;gap:12px}
  .public-page .public-header .brand{font-size:20px;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .public-page .public-header .brand-symbol{transform:rotate(-45deg) scale(.82);margin:0 -2px 0 -2px}
  .public-page .public-badge{font-size:10px;padding:6px 8px;gap:5px}
  .public-page .public-badge svg{width:14px;height:14px}
  .public-page .public-container{max-width:none;padding:22px 17px 54px;min-height:calc(100dvh - 124px)}
  .public-page .public-hero{gap:11px;margin:0 0 23px}
  .public-page .public-hero .big-icon{width:42px;height:42px;border-radius:10px}
  .public-page .public-hero .big-icon svg{width:21px;height:21px}
  .public-page .public-hero .eyebrow{font-size:9px;margin:0 0 4px}
  .public-page .public-hero h1{font-size:22px;margin-bottom:4px}
  .public-page .public-hero .muted{font-size:11px}
  .public-page .public-browser.panel{border:0;border-radius:0;padding:0!important;background:transparent}
  .public-page .public-browser-heading{margin:0 0 15px;gap:8px}
  .public-page .public-browser-heading>div{gap:7px}
  .public-page .public-browser-heading h2{font-size:16px;font-weight:725}
  .public-page .public-browser-heading p{font-size:11px}
  .public-page .public-browser-heading>.btn{padding:8px 9px;font-size:11px}
  .public-page .public-edit-tools{gap:8px;margin-bottom:16px}
  .public-page .public-edit-tools .btn{padding:10px 11px;min-height:43px;font-size:12px;gap:7px}
  .public-page .public-edit-tools .btn svg{width:16px;height:16px}
  .public-page .public-entry{min-height:70px;gap:10px;padding:11px 0}
  .public-page .public-entry .file-glyph{width:43px;height:43px}
  .public-page .public-entry .file-glyph.folder svg{width:35px;height:35px}
  .public-page .public-entry .file-main strong{font-size:14px;font-weight:610}
  .public-page .public-entry .file-main small{font-size:11px}
  .public-page .public-entry .btn.subtle.small{height:38px;width:34px}
  .public-page .public-file.panel,.public-page .password-panel.panel{border-radius:11px;padding:19px!important}
  .public-page .public-footer{font-size:10px;padding:17px 16px calc(21px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
  .public-page .public-badge{font-size:0;gap:0;padding:8px}
  .public-page .public-edit-tools .btn{font-size:11px;padding:10px}
}

/* Cloudnest 1.47: A discreet shared-folder ZIP action and inline progress. */
.public-page .public-browser-heading>.public-archive-button{gap:7px;min-height:38px;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:680}
.public-page .shared-archive-state{margin:-2px 0 16px}
.public-page .shared-archive-state #shared-archive-save{display:inline-flex;gap:6px;align-items:center;margin-top:11px;padding:9px 12px;border-radius:8px}
.public-page .shared-archive-state #shared-archive-save[hidden]{display:none!important}
@media(max-width:740px){
  .public-page .public-browser-heading{flex-wrap:wrap}
  .public-page .public-browser-heading>.public-archive-button{min-height:36px;padding:8px 10px;font-size:11px}
}

/* Cloudnest 1.48 – calm, compact sharing sheets and a three-tab file-first nav. */
@media(max-width:740px){
  .bottom-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.registration-folders{margin:2px 0 7px;border:1px solid #e5e8ec;border-radius:11px;padding:15px 16px 16px;min-width:0;background:#fff}
.registration-folders legend{font-size:14px;font-weight:730;color:#293444;padding:0 7px}
.registration-folders p{margin:0 0 13px;color:#777f8b;font-size:12px;line-height:1.5}
.registration-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.registration-folder-grid label{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;border:1px solid #e8eaee;background:#fafbfd;border-radius:8px;padding:11px 12px;min-height:43px;font-size:13px!important;cursor:pointer}
.registration-folder-grid input[type=checkbox]{width:17px;height:17px;flex:none;accent-color:#0965ec;cursor:pointer}
.registration-folder-grid label:has(input:checked){background:#f3f7ff;border-color:#cfe0ff;color:#174e9c}
.notification-announcements{display:flex;flex-direction:column;gap:9px;margin:16px 0 20px}
.notification-announcements h2{font-size:15px;font-weight:730;margin:0 0 2px;color:#394252}
.notification-announcements .notification-item{border:1px solid #e8ebf0;border-radius:10px;padding:12px 14px}
@media(max-width:540px){.registration-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.app-modal:has(.share-one-sheet){width:min(485px,calc(100% - 28px));padding:23px 24px 22px;border-radius:18px}
.app-modal:has(.share-one-sheet) .sheet-handle{display:none}
.app-modal:has(.share-one-sheet) .modal-head{align-items:center;margin-bottom:13px}
.app-modal:has(.share-one-sheet) .modal-head .eyebrow{display:none}
.app-modal:has(.share-one-sheet) .modal-head h2{font-size:21px;font-weight:740;letter-spacing:-.025em}
.app-modal:has(.share-one-sheet) .modal-head .icon-btn{border-radius:50%;background:#f5f5f5;width:34px;height:34px;flex:none}
.share-one-sheet{gap:0}
.share-one-sheet .sharing-resource,.share-subview .sharing-resource{padding:5px 1px 14px;margin:0 0 14px;border-bottom:1px solid #f0f0f0;gap:11px}
.share-one-sheet .sharing-resource>svg{width:29px;height:29px;color:#79a7ef}
.share-one-sheet .sharing-resource strong{font-size:14px;font-weight:650}
.share-one-sheet .sharing-resource small{font-size:11px;color:#989692}
.share-one-sheet .share-simple-section{padding:0!important;margin:0!important;border:0!important;background:#fff!important;gap:11px}
.share-one-sheet .share-simple-title strong{font-size:13px;font-weight:720;color:#383e47}
.share-one-sheet .share-simple-link{border:1px solid #e3e5e9;border-radius:9px;min-height:45px;padding:4px;gap:4px;background:#fafbfc}
.share-one-sheet .share-simple-link input{font-size:13px;color:#555f6d;background:transparent;padding:5px 9px;min-height:35px;max-width:100%}
.share-one-sheet .share-simple-link .btn{min-height:35px;padding:6px 11px;border-radius:7px;font-size:12px;font-weight:690}
.share-one-sheet .share-create-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;font-size:13px;border-radius:9px}
.share-one-sheet .share-create-link svg{width:17px;height:17px}
.share-one-sheet .share-simple-hint{font-size:11px;color:#8a9099;margin:0}
.share-one-sheet .share-auto-qr{display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;padding:13px 0 0;border-top:1px solid #f0f0f0}
.share-one-sheet .share-auto-qr canvas{flex:none;display:block;width:112px!important;height:112px!important;aspect-ratio:1;border:4px solid #fff;border-radius:8px;box-shadow:0 0 0 1px #e9ebef;image-rendering:pixelated}
.share-qr-side{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;flex:1}
.share-qr-side strong{font-size:13px;font-weight:700;color:#2e3641}
.share-qr-side span{font-size:11px;line-height:1.35;color:#8b9098}
.share-one-sheet .share-auto-qr .share-qr-download{width:auto;max-width:none;min-height:33px;margin-top:7px;gap:5px;padding:7px 10px;border:1px solid #e0e5eb;border-radius:8px;background:#fff;color:#215da9;font-size:11px;font-weight:650}
.share-one-sheet .share-auto-qr .share-qr-download svg{width:15px;height:15px}
.share-one-sheet>.share-accordion-row{border:0;border-top:1px solid #f0f0f0;border-radius:0;margin-top:16px;min-height:47px;padding:10px 3px;background:#fff;color:#495464}
.share-one-sheet>.share-accordion-row>svg{width:18px;height:18px;color:#7e8996}
.share-one-sheet>.share-accordion-row>span{font-size:13px;font-weight:650}
.share-one-sheet>.share-accordion-row>b{font-size:20px}
.share-subview{gap:0}
.share-subview .share-back{padding:3px 0 12px;font-size:12px;font-weight:620;color:#53739c}
.share-subview .sharing-resource{margin-bottom:12px}
.share-subview .share-subtitle{margin:0 0 12px;font-size:14px;font-weight:730;letter-spacing:-.01em;color:#303b4c}
.share-subview .share-compact-panel{padding:0!important;gap:11px}
.share-subview .share-inline-form{gap:11px!important}
.share-subview .share-setting-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #e9ebee;border-radius:9px;background:#fff;overflow:hidden}
.share-subview .share-setting-toggle{min-height:49px!important;border:0!important;border-bottom:1px solid #eef0f2!important;border-right:1px solid #eef0f2!important;padding:8px 11px!important;gap:8px!important;color:#4c5764!important;font-size:11px!important;line-height:1.3}
.share-subview .share-setting-toggle:nth-child(even){border-right:0!important}
.share-subview .share-setting-toggle:nth-last-child(-n+2){border-bottom:0!important}
.share-setting-toggle .share-switch{width:19px;height:19px;border:1.5px solid #cbd3dd;border-radius:5px;background:#fff;box-shadow:none}
.share-setting-toggle .share-switch::after{content:'';width:8px;height:12px;left:5px;top:1px;background:transparent;border:solid #fff;border-width:0 2px 2px 0;border-radius:0;box-shadow:none;opacity:0;transform:rotate(45deg);transition:none}
.share-setting-toggle input[type=checkbox]:checked + .share-switch{background:#0965e9;border-color:#0965e9}
.share-setting-toggle input[type=checkbox]:checked + .share-switch::after{opacity:1;transform:rotate(45deg)}
.share-subview .share-inline-two{gap:10px}
.share-subview .share-inline-two label{font-size:11px;font-weight:620;gap:6px}
.share-subview .share-inline-two input,.share-subview .share-inline-two select{border:1px solid #dfe3e8;border-radius:8px;min-height:42px;padding:8px 11px;background:#fff}
.share-subview .share-inline-two small{font-size:10px;color:#9da0a6}
.share-subview .share-inline-form>.btn.primary{min-height:44px;border-radius:9px;font-size:13px;margin-top:3px}
.share-subview .share-settings-maintenance{padding:9px 0 0;margin-top:0}
.share-subview .share-inline-danger{font-size:12px;color:#a94852;text-decoration:none;font-weight:580}
@media(max-width:740px){
  .app-modal:has(.share-one-sheet){width:100%;max-width:none;max-height:min(83dvh,calc(var(--cn-visible-height,100dvh) - 12px));border-radius:22px 22px 0 0;padding:12px 21px calc(17px + env(safe-area-inset-bottom))}
  .app-modal:has(.share-one-sheet) .sheet-handle{display:block;margin:0 auto 15px;width:42px;height:4px}
  .app-modal:has(.share-one-sheet) .modal-head{margin-bottom:9px}
  .app-modal:has(.share-one-sheet) .modal-head h2{font-size:20px}
  .share-one-sheet .share-auto-qr{gap:14px}
  .share-one-sheet .share-auto-qr canvas{width:103px!important;height:103px!important}
  .share-one-sheet .share-simple-link input{font-size:16px}
  .share-subview .share-inline-two input,.share-subview .share-inline-two select{font-size:16px}
}

/* Cloudnest 1.49: native-feeling, single-column share controls. */
.app-modal:has(.share-one-sheet){width:min(460px,calc(100% - 28px));padding:21px 23px 20px;border-color:#ededee;box-shadow:0 25px 90px #00000020}
.app-modal:has(.share-one-sheet) .modal-head{margin-bottom:9px}
.app-modal:has(.share-one-sheet) .modal-head .icon-btn{border:0;background:#f5f5f6;color:#414141;width:32px;height:32px}
.app-modal:has(.share-one-sheet) .modal-head h2{font-size:20px;letter-spacing:-.03em}
.share-one-sheet .sharing-resource{gap:10px;margin-bottom:13px;padding:5px 0 14px;border-bottom:1px solid #eeeeef}
.share-one-sheet .sharing-resource>svg{width:30px;height:30px;color:#78a5f0}
.share-one-sheet .sharing-resource strong{font-size:14px;font-weight:670;color:#202226}
.share-one-sheet .sharing-resource small{font-size:11px;color:#91949a}
.share-one-sheet .share-simple-section{gap:11px}
.share-one-sheet .share-simple-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 1px}
.share-one-sheet .share-simple-title strong{font-size:13px;font-weight:700;color:#343c49}
.share-link-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:610;color:#818995;background:#f6f7f8;border-radius:999px;padding:5px 8px;white-space:nowrap}
.share-link-status::before{content:'';width:6px;height:6px;border-radius:50%;background:#a6afb8}
.share-link-status.is-active{color:#24764e;background:#eef8f1}
.share-link-status.is-active::before{background:#25a56d}
.share-create-row{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:72px;padding:13px;border:1px solid #e5e8ed;border-radius:11px;background:#fff}
.share-create-row>div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.share-create-row strong{font-size:13px;font-weight:680;color:#303744}
.share-create-row small{font-size:11px;line-height:1.4;color:#858b95}
.share-one-sheet .share-create-row .share-create-link{width:auto;min-height:38px;flex:none;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:680;gap:6px;white-space:nowrap}
.share-one-sheet .share-create-row .share-create-link svg{width:15px;height:15px}
.share-one-sheet>.share-accordion-row{display:flex;align-items:center;gap:12px;margin-top:13px;padding:11px 12px;border:1px solid #e8ebef;border-radius:10px;min-height:54px;background:#fff;color:#3d4856}
.share-one-sheet>.share-accordion-row:hover{background:#f9fafc}
.share-one-sheet>.share-accordion-row>svg{width:19px;height:19px;flex:none;color:#727d8b}
.share-one-sheet>.share-accordion-row>span{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.share-one-sheet>.share-accordion-row>span strong{font-size:12px;font-weight:670;color:#404954}
.share-one-sheet>.share-accordion-row>span small{font-size:10px;color:#9a9fa7;font-weight:450}
.share-one-sheet>.share-accordion-row>b{font-size:22px;font-weight:320;color:#a2a9b4;line-height:1}
.share-one-sheet .share-auto-qr{gap:13px;padding:11px 0 0}
.share-one-sheet .share-auto-qr canvas{width:100px!important;height:100px!important;border-width:4px;box-shadow:0 0 0 1px #e5e7ea}
.share-one-sheet .share-qr-side{gap:5px}
.share-one-sheet .share-qr-side strong{font-size:12px}
.share-one-sheet .share-qr-side span{font-size:10px}
.share-one-sheet .share-auto-qr .share-qr-download{margin-top:5px;min-height:33px;font-size:11px;padding:7px 11px;border-radius:7px}
.share-subview .share-back{padding:4px 0 11px;font-size:11px;font-weight:650;color:#526c8b}
.share-subview .share-back svg{width:14px;height:14px}
.share-subview .sharing-resource{margin-bottom:9px;padding-bottom:12px}
.share-subview .share-inline-form{gap:12px!important}
.share-rights-caption{font-size:11px;font-weight:720;color:#5f6875;letter-spacing:.005em;margin:0 0 2px}
.share-subview .share-setting-toggles{display:flex;flex-direction:column;border:0;border-top:1px solid #ededee;border-radius:0;overflow:visible}
.share-subview .share-setting-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:12px!important;width:100%;min-height:57px!important;padding:9px 0!important;border:0!important;border-bottom:1px solid #ededee!important;color:#343b46!important}
.share-subview .share-setting-toggle:nth-child(even){border-right:0!important}
.share-subview .share-setting-toggle:nth-last-child(-n+2){border-bottom:1px solid #ededee!important}
.share-right-copy{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0;font-weight:400}
.share-right-copy strong{font-size:12px;font-weight:675;line-height:1.25;color:#374052}
.share-right-copy small{font-size:10px;line-height:1.28;font-weight:420;color:#939ba6}
.share-subview .share-setting-toggle .share-switch{margin-left:9px;width:20px;height:20px;border:1.5px solid #bfc8d4;border-radius:5px}
.share-subview .share-inline-two{gap:12px;padding-top:1px}
.share-subview .share-inline-two label{gap:6px!important;color:#4f5a68;font-size:11px!important}
.share-subview .share-inline-two input,.share-subview .share-inline-two select{height:41px;min-height:41px;border-radius:8px;background:#fafbfc;border:1px solid #dee3e8;padding:8px 11px;color:#293443;font-weight:540}
.share-subview .share-inline-two small{font-size:10px;color:#a0a5ad}
.share-subview .share-inline-form>.btn.primary{height:43px;min-height:43px;margin-top:1px;font-size:12px;font-weight:690;border-radius:8px;box-shadow:none}
.share-subview .share-settings-maintenance{padding:10px 0 0;margin:0;border:0}
.share-subview .share-inline-danger{font-size:11px;font-weight:580;color:#b15862;text-decoration:none}
@media(max-width:740px){
  .app-modal:has(.share-one-sheet){width:100%;max-width:none;max-height:min(84dvh,calc(var(--cn-visible-height,100dvh) - 12px));border-radius:22px 22px 0 0;padding:12px 20px calc(15px + env(safe-area-inset-bottom));box-shadow:0 -10px 50px #00000019}
  .app-modal:has(.share-one-sheet) .sheet-handle{margin:0 auto 13px}
  .app-modal:has(.share-one-sheet) .modal-head{margin-bottom:8px}
  .share-one-sheet .share-auto-qr canvas{width:94px!important;height:94px!important}
  .share-one-sheet .share-simple-link input{font-size:16px}
  .share-subview .share-inline-two input,.share-subview .share-inline-two select{font-size:16px}
}
@media(max-width:370px){
  .share-create-row{padding:11px;gap:7px}
  .share-create-row small{font-size:10px}
  .share-one-sheet .share-create-row .share-create-link{padding:9px 10px}
}

/* 1.50 — first-party synchronization page, restrained Dropbox-like surfaces. */
.sync-page{max-width:940px;margin:0 auto;padding-bottom:28px}
.sync-heading{margin-bottom:24px}
.sync-heading h1{font-size:29px;letter-spacing:-.045em}
.sync-notice{display:flex;align-items:flex-start;gap:12px;border:1px solid #e5ecf7;border-radius:11px;padding:14px 17px;background:#f7faff;margin:0 0 24px;color:#465c79}
.sync-notice span{color:#3977d4;flex:none;margin-top:1px}
.sync-notice p{margin:0;font-size:12px;line-height:1.6}
.sync-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sync-choice{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px;transition:border-color .17s,box-shadow .17s}
.sync-choice:hover{border-color:#c8d8f3;box-shadow:0 3px 18px #1c396509}
.sync-choice-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#eef4ff;color:var(--blue)}
.sync-choice h2{font-size:17px;font-weight:710;margin:0 0 7px}
.sync-choice p{margin:0;color:#777d86;font-size:12px;line-height:1.65}
.sync-choice>div{flex:1}
.sync-choice>.btn{min-height:37px;min-width:112px}
.sync-create-form{display:flex;flex-wrap:wrap;gap:16px;align-items:end;padding:19px 20px;margin:16px 0;border:1px solid #d9e5fb;border-radius:12px;background:#f9fbff}
.sync-create-form>label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#5b6270;font-weight:650;flex:1;min-width:190px}
.sync-create-form input{height:42px;border:1px solid #dce1e9;border-radius:8px;padding:0 12px;background:#fff;min-width:0;width:100%;outline:none}
.sync-create-form input:focus{border-color:#75a4f5;box-shadow:0 0 0 3px #dceaff}
.sync-create-form>div{display:flex;gap:8px;flex-wrap:wrap}
.sync-create-form .btn{min-height:42px}
.sync-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;margin:35px 0 14px}
.sync-profile-heading h2{font-size:18px;margin:0}
.sync-profile-heading>span{font-size:12px;color:#67829c;max-width:65%;text-align:right;line-height:1.4}
.sync-profile-heading>span.sync-error{color:#be3544}
.sync-profile-list{display:grid;gap:11px}
.sync-profile-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:19px 20px;min-width:0}
.sync-profile-main{display:flex;align-items:center;gap:13px;min-width:0}
.sync-folder-symbol{background:#edf3fe;color:#3977e8;border-radius:9px;height:43px;width:43px;display:grid;place-items:center;font-size:22px;font-weight:660;flex:none}
.sync-profile-copy{flex:1;min-width:0}
.sync-profile-copy .sync-type{display:block;color:#818895;font-size:10px;letter-spacing:.018em;font-weight:650;margin-bottom:4px}
.sync-profile-copy h3{font-size:15px;margin:0 0 4px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sync-profile-copy .sync-folder-name{margin:0;font-size:11px;color:#8b9098;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sync-open{width:33px;height:33px;border:1px solid #eceff3;border-radius:8px;display:grid;place-items:center;color:#667993;font-size:19px;flex:none}
.sync-open:hover{color:var(--blue);border-color:#d0dfff;background:#f7faff}
.sync-card-status{font-size:12px;color:#737b86;margin:15px 0 12px;line-height:1.5}
.sync-card-status.sync-error{color:#ba4349}
.sync-profile-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sync-profile-actions .btn{min-height:37px;padding:9px 13px}
.sync-auto-label{display:flex;align-items:center;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid #f0f0f0;font-size:12px;line-height:1.45;color:#606874;cursor:pointer}
.sync-auto-label input{width:17px;height:17px;accent-color:var(--blue);flex:none;cursor:pointer}
.sync-hint{margin:10px 0 0;color:#8d9199;font-size:11px}
.sync-recheck{border:0;background:transparent;padding:10px 0 0;font-size:12px;text-align:left;color:var(--blue);font-weight:650}
.sync-recheck:hover{text-decoration:underline}
.sync-empty{border:1px dashed #dce1e8;border-radius:11px;text-align:center;padding:34px 18px;color:#79818c;font-size:13px;background:#fcfcfd}
@media(max-width:740px){
  .app-body[data-page="sync"] .mobile-search-holder{display:none!important}
  .sync-page{padding:5px 0 12px}
  .sync-page .sync-heading{display:none!important}
  .sync-notice{padding:13px 14px;margin:0 0 17px;border-radius:10px}
  .sync-notice p{font-size:11px}
  .sync-choices{grid-template-columns:minmax(0,1fr);gap:10px}
  .sync-choice{padding:16px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;border-radius:12px}
  .sync-choice-icon{height:40px;width:40px;border-radius:9px}
  .sync-choice-icon svg{width:21px;height:21px}
  .sync-choice>div{flex-basis:calc(100% - 55px)}
  .sync-choice h2{font-size:15px;margin-bottom:5px}
  .sync-choice p{font-size:11px;line-height:1.45}
  .sync-choice>.btn{width:100%;margin-top:2px;min-height:40px}
  .sync-profile-heading{margin:27px 0 13px}
  .sync-profile-heading h2{font-size:16px}
  .sync-profile-card{padding:16px 15px;border-radius:12px}
  .sync-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sync-profile-actions .btn{min-height:40px;min-width:0;padding:9px 6px;white-space:normal;text-align:center;font-size:11px}
  .sync-profile-card:has([data-sync-action="photos"]) .sync-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sync-profile-actions [data-sync-action="photos"]{grid-column:1/-1}
  .sync-create-form{padding:15px;margin-top:12px}
  .sync-create-form>label{min-width:100%}
  .sync-create-form>div{width:100%}
  .sync-create-form>div .btn{flex:1}
}

/* 1.51: native-device pairing, quiet settings list consistent with Cloudnest. */
.sync-devices-section{margin-top:34px;padding-top:2px;border-top:1px solid #eee}
.sync-devices-heading{margin:22px 0 13px}
.sync-devices-heading h2{font-size:18px}
.sync-devices-heading p{font-size:12px;margin:6px 0 0;color:#888e97}
.sync-devices-heading .btn{white-space:nowrap}
.sync-device-list{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.sync-device-empty{padding:22px 18px;color:#838b96;font-size:12px;line-height:1.6}
.sync-device-row{display:flex;align-items:center;gap:12px;min-height:74px;padding:14px 17px}
.sync-device-row+.sync-device-row{border-top:1px solid #efeff1}
.sync-device-avatar{flex:none;width:39px;height:39px;display:grid;place-items:center;background:#f1f4fa;border-radius:9px;color:#577ba9;font-size:20px}
.sync-device-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.sync-device-details strong{font-size:13px;font-weight:720;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sync-device-details small{color:#9298a1;font-size:11px}
.sync-device-revoke{border:0;background:transparent;color:#b43f48;font-size:12px;font-weight:670;padding:8px;flex:none}
.sync-device-revoke:hover{text-decoration:underline}
.sync-device-pair-form{padding:18px;border:1px solid #e0e6ef;background:#fafcff;border-radius:11px;margin:0 0 13px;display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.sync-device-pair-form label{display:flex;flex-direction:column;gap:7px;flex:1;min-width:200px;font-size:12px;font-weight:650;color:#526072}
.sync-device-pair-form input{height:41px;border-radius:8px;border:1px solid #dce2ea;background:#fff;padding:8px 12px;min-width:0}
.sync-device-pair-form input:focus{border-color:var(--blue);outline:2px solid #deeaff}
.sync-device-form-actions{display:flex;gap:8px;flex-wrap:wrap}
.sync-device-form-actions .btn{height:41px}
.sync-device-code{border:1px solid #d6e5fb;border-radius:11px;background:#f7faff;padding:16px 18px;margin-bottom:14px}
.sync-device-code>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sync-device-code strong{font-size:13px}
.sync-device-code span{font-size:11px;color:#7c8ca5}
.sync-device-code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}
.sync-device-code-row code{font-size:clamp(15px,3vw,23px);font-weight:720;letter-spacing:.1em;color:#18396c;user-select:all;overflow-wrap:anywhere}
.sync-device-code p{font-size:11px;color:#758397;margin:0;line-height:1.6}
.sync-device-status{min-height:19px;margin:6px 0;color:#5e789c;font-size:12px}
.sync-device-status.sync-error{color:#b33648}
.sync-account-access{margin-top:11px}
@media(max-width:740px){
  .sync-devices-section{margin-top:27px}
  .sync-devices-heading{display:flex;align-items:flex-start}
  .sync-devices-heading h2{font-size:16px}
  .sync-devices-heading p{font-size:11px}
  .sync-devices-heading .btn{font-size:11px;padding:9px}
  .sync-device-pair-form{padding:14px}
  .sync-device-pair-form label,.sync-device-form-actions{width:100%;min-width:0}
  .sync-device-form-actions .btn{flex:1}
  .sync-device-code{padding:14px}
  .sync-device-code>div:first-child{flex-wrap:wrap}
  .sync-device-code-row{gap:7px}
}