/* ACS NAS shares the navy/blue visual vocabulary of ACS shell19; scoped standalone shell. */
:root{color-scheme:dark;--bg:#09121f;--side:#0c1726;--panel:#101e30;--panel2:#142338;--line:#223249;--line-soft:#1b2a3e;--text:#e9eff8;--soft:#adbcd0;--muted:#8193ab;--blue:#6bafff;--blue-bg:#193350;--green:#65d9ad;--amber:#e5bd74;--purple:#ba9afa;--shadow:0 22px 90px #0007}
[data-theme=light]{color-scheme:light;--bg:#f3f6fa;--side:#fff;--panel:#fff;--panel2:#f3f6fa;--line:#dce4ef;--line-soft:#e7edf4;--text:#1a2e49;--soft:#4d6380;--muted:#6b7f98;--blue:#276ac1;--blue-bg:#e6effc;--green:#208363;--amber:#a4721e;--purple:#7c56bf;--shadow:0 22px 90px #18335625}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,select{color:inherit}button{background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}input:focus,select:focus{outline:2px solid var(--blue);outline-offset:1px}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[hidden]{display:none!important}.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--side);border-right:1px solid var(--line);padding:29px 18px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;padding:0 6px}.brand-symbol{display:grid;place-items:center;width:40px;height:42px;border-radius:10px;background:var(--blue-bg);color:var(--blue)}.brand-symbol svg{width:32px;height:32px;stroke-width:1.5}.brand b{font-size:21px;letter-spacing:-.8px;line-height:1.2}.brand-slash{color:var(--muted);font-weight:400;padding:0 5px}.brand small{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:5px}.workspace-switch{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:11px 9px;margin:29px 0 27px;font-size:11px;font-weight:600}.workspace-icon{color:var(--blue)}.workspace-switch small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.nav-caption{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:600;padding:0 11px 12px}.nav-caption.second{margin-top:31px}.nav-link{display:flex;align-items:center;gap:11px;width:100%;border-radius:7px;padding:11px 12px;margin:2px 0;color:var(--soft);text-align:left;font-size:12px;white-space:nowrap}.nav-link svg{width:18px;height:18px}.nav-link:hover{background:var(--panel2);color:var(--text)}.nav-link.active{background:var(--blue-bg);color:var(--blue);font-weight:600;box-shadow:inset 2px 0 0 var(--blue)}.nav-count{margin-left:auto;min-width:20px;text-align:center;font-size:10px;background:var(--panel2);border-radius:4px;padding:1px 5px;color:var(--muted)}.tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--green);margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.quota-block{padding:15px 9px 20px}.quota-block>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--soft)}.quota-block b{font-size:10px;font-weight:500;color:var(--text)}.quota-track{height:4px;background:var(--line);border-radius:4px;margin:10px 0 7px;overflow:hidden}.quota-track span{display:block;height:100%;background:var(--blue);min-width:4px;border-radius:4px}.quota-block small{font-size:9px;color:var(--muted)}.theme-toggle{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;padding:10px 9px;margin-bottom:14px}.theme-toggle svg{width:16px;height:16px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:18px 4px 0}.avatar{display:grid;place-items:center;width:32px;height:32px;background:#283754;color:#c2d7f7;border:1px solid #364968;border-radius:50%;font-size:11px;font-weight:600;flex-shrink:0}.profile b{font-size:11px;font-weight:600;display:block}.profile small{color:var(--muted);font-size:9px}.profile-dot{width:6px;height:6px;border:2px solid var(--side);box-sizing:content-box;background:var(--green);border-radius:50%;margin-left:auto}.main-shell{min-width:0}.topbar{height:65px;border-bottom:1px solid var(--line);padding:0 34px;display:flex;justify-content:space-between;align-items:center;gap:15px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.top-label{color:var(--muted);font-size:11px}.top-separator{color:var(--line);font-size:18px}.top-place{font-size:11px;color:var(--soft)}.review-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.review-label>span{width:5px;height:5px;border-radius:50%;background:var(--amber)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:6px;color:var(--muted)}.icon-button:hover{background:var(--panel2);color:var(--text)}.icon-button svg{width:17px;height:17px}.mobile-menu{display:none}main{padding:20px 34px 0;max-width:1800px;margin:0 auto}.review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;margin-bottom:27px}.review-toolbar>span{display:flex;align-items:center;gap:8px}.demo-mark{font:9px ui-monospace,monospace;letter-spacing:.5px;padding:2px 5px;background:var(--panel2);border:1px solid var(--line);border-radius:4px;color:var(--soft)}.review-toolbar label{display:flex;gap:9px;align-items:center;flex-shrink:0}.review-toolbar select{background:transparent;border:1px solid var(--line);border-radius:6px;padding:5px 20px 5px 8px;color:var(--soft);font-size:10px}.review-toolbar option{background:var(--panel)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.eyebrow{color:var(--muted);font-size:9px;font-weight:500;letter-spacing:1.7px}.eyebrow span{margin:0 6px;color:var(--line)}h1{font-size:31px;font-weight:600;letter-spacing:-.9px;line-height:1.25;margin:8px 0 9px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:10px 13px;font-size:11px;font-weight:500;white-space:nowrap;transition:background .15s}.button svg{width:16px;height:16px}.button.secondary{background:var(--panel);color:var(--soft)}.button.secondary:hover{border-color:var(--blue);color:var(--blue)}.button.primary{background:#8bc0ff;color:#0a213e;border-color:#8bc0ff;font-weight:600}.button.primary:hover{background:#b0d4ff}.button.compact{padding:8px 10px}.button.danger{color:#ff9999;border-color:#703b46}.small-icon svg{width:13px;height:13px}.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:25px}.files-column{min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}h2{margin:0;font-size:12px;font-weight:600;letter-spacing:-.1px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--blue);font-size:10px;padding:0}.text-button svg{width:13px;height:13px}.text-button:hover{text-decoration:underline}.space-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.space-card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:15px 13px;min-height:136px;display:flex;flex-direction:column;transition:border .15s,transform .15s}.space-card:hover{border-color:var(--blue);transform:translateY(-2px)}.space-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.space-folder{width:33px;height:28px;color:var(--blue)}.space-folder svg{width:32px;height:28px;fill:currentColor;fill-opacity:.12;stroke-width:1.3}.space-card.purple .space-folder{color:var(--purple)}.space-card.green .space-folder{color:var(--green)}.space-type{font-size:8px;color:var(--muted);border:1px solid var(--line);padding:2px 5px;border-radius:4px}.space-card b{font-size:11px;font-weight:600;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-card small{font-size:9px;color:var(--muted);margin-top:6px;display:flex;align-items:center;gap:5px}.space-card small svg{width:11px;height:11px}.spaces-section{margin-bottom:28px}.browser-section{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden}.browser-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 16px 14px;gap:14px}.breadcrumbs{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}.breadcrumbs button{color:var(--muted);font-size:11px;padding:0}.breadcrumbs button:last-child{color:var(--text);font-weight:600}.breadcrumbs>span{color:var(--muted);font-size:10px}.file-actions{display:flex;gap:7px}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px 15px;gap:10px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:6px 9px}.search-box svg{width:15px;height:15px;color:var(--muted)}.search-box input{background:none;border:0;outline:none;color:var(--text);font-size:10px;width:100%;min-width:60px}.search-box input:focus{outline:none}.search-box:focus-within{border-color:var(--blue)}.search-box input::placeholder{color:var(--muted)}kbd{color:var(--muted);font:10px ui-monospace,monospace;border:1px solid var(--line);border-radius:3px;padding:0 4px}.filter-buttons{display:flex;align-items:center;gap:5px}.filter-buttons select{font-size:10px;background:none;border:0;color:var(--muted);width:83px}.filter-buttons option{background:var(--panel)}.view-toggle{display:flex;padding:2px;background:var(--bg);border:1px solid var(--line);border-radius:6px}.view-toggle button{width:27px;height:25px;padding:4px;color:var(--muted);border-radius:4px}.view-toggle button.active{background:var(--panel2);color:var(--blue)}.view-toggle svg{width:15px;height:15px}.file-table{border-collapse:collapse;table-layout:fixed;width:100%}.file-table th{text-align:left;color:var(--muted);font-size:9px;font-weight:400;padding:11px 8px;background:var(--panel2);border-bottom:1px solid var(--line)}.file-table td{padding:13px 8px;border-bottom:1px solid var(--line-soft);font-size:10px;height:59px;color:var(--soft)}.file-table tbody tr{cursor:pointer}.file-table tbody tr:hover{background:var(--panel2)}.file-table tr.selected{background:var(--blue-bg)}.file-table tbody tr:last-child td{border-bottom:0}.check-cell{width:36px;padding-left:15px!important}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1px solid var(--muted);border-radius:3px;vertical-align:middle;cursor:pointer;position:relative;margin:0}input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}input[type=checkbox]:checked:after{content:'✓';position:absolute;top:-3px;left:1px;color:var(--bg);font-size:11px}.size-cell{width:70px}.date-cell{width:95px}.access-cell{width:86px}.more-cell{width:32px;padding-right:12px!important}.file-name{display:flex;align-items:center;gap:11px;min-width:0}.file-name>div{min-width:0;flex:1}.file-name b{display:block;font-size:11px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-name small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.file-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:33px;border-radius:5px;font:7px ui-monospace,monospace;flex-shrink:0;position:relative;letter-spacing:.2px}.file-icon.folder{color:var(--blue);background:none}.file-icon.folder svg{width:28px;height:25px;fill:currentColor;fill-opacity:.13;stroke-width:1.3}.file-icon.pdf{color:#f6a6a4;background:#b55b5b1c;border:1px solid #b55b5b35}.file-icon.docx{color:#94bfff;background:#467cbb20;border:1px solid #467cbb40}.file-icon.csv{color:#8dd5b4;background:#4ba37820;border:1px solid #4ba37840}.file-icon.svg,.file-icon.png,.file-icon.jpg,.file-icon.jpeg{color:#c5adf3;background:#8e69c520;border:1px solid #8e69c540}.file-icon.txt,.file-icon.file{color:var(--soft);background:var(--panel2);border:1px solid var(--line)}.star-button{color:var(--muted);padding:2px;opacity:0}.star-button.on,.file-table tr:hover .star-button{opacity:1}.star-button.on{color:var(--amber)}.star-button svg{width:13px;height:13px}.star-button.on svg{fill:currentColor;fill-opacity:.2}.access-tag{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.access-tag svg{width:11px;height:11px}.access-tag.shared{color:var(--blue)}.row-more{width:20px;height:25px;padding:0;color:var(--muted)}.row-more svg{width:15px;height:15px}.browser-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 15px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.browser-footer>span:last-child{display:flex;align-items:center;gap:5px}.lock-inline svg{width:10px;height:10px}.drop-zone{display:flex;align-items:center;gap:13px;margin-top:15px;border:1px dashed var(--line);border-radius:8px;padding:15px 17px;color:var(--muted);cursor:pointer}.drop-zone:hover,.drop-zone.dragging{border-color:var(--blue);background:var(--blue-bg)}.drop-icon{border:1px solid var(--line);background:var(--panel);width:34px;height:34px;border-radius:7px}.drop-icon svg{width:17px;height:17px}.drop-zone b{display:block;font-size:10px;font-weight:500;color:var(--soft)}.drop-zone div>span{display:block;font-size:9px;margin-top:2px}.drop-limit{font-size:9px;margin-left:auto}.details-column{padding-top:31px;min-width:0}.details-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:20px}.details-card>h2{font-size:12px;display:flex;align-items:center;justify-content:space-between}.details-card>h2>span{font-size:8px;color:var(--muted);font-weight:400;border:1px solid var(--line);border-radius:4px;padding:2px 5px}.nas-illustration{position:relative;width:156px;height:145px;margin:25px auto 18px;display:flex;justify-content:center;align-items:center}.nas-illustration:before{content:'';width:135px;height:135px;border:1px solid var(--line);border-radius:50%;position:absolute}.nas-illustration:after{content:'';width:105px;height:105px;border:1px solid var(--line);border-radius:50%;position:absolute}.nas-box{position:relative;z-index:1;width:85px;transform:rotate(-7deg);padding:14px 10px;border:1px solid #446084;border-radius:9px;background:linear-gradient(125deg,#213852,#122238);box-shadow:12px 13px 0 #08121f55}.nas-slot{height:20px;margin:5px 0;border:1px solid #3e5879;background:#0f2035;border-radius:3px;display:flex;align-items:center;padding:0 6px;gap:4px}.nas-slot>i{width:4px;height:4px;background:#6fd9b4;border-radius:50%}.nas-slot>span{height:2px;width:24px;background:#35516e;margin-left:auto}.nas-spark{position:absolute;z-index:3;right:10px;bottom:29px;display:grid;place-items:center;width:28px;height:28px;color:#9dceff;background:#1d3d60;border:1px solid #4a6c91;border-radius:7px;transform:rotate(7deg)}.nas-spark svg{width:16px;height:16px}.storage-intro{text-align:center}.storage-intro h3{font-size:15px;margin:0 0 7px;font-weight:600;letter-spacing:-.2px}.storage-intro p{font-size:10px;line-height:1.8;color:var(--muted);margin:0 auto 20px;max-width:200px}.connection-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0 0;margin-top:12px;font-size:9px;color:var(--muted)}.connection-line b{color:var(--soft);font-weight:500}.connection-line .protocol{background:var(--blue-bg);color:var(--blue);padding:2px 6px;border-radius:4px;font:9px ui-monospace,monospace}.connect-full{width:100%;margin-top:18px;font-size:10px}.connection-note{display:flex;align-items:flex-start;gap:10px;padding:20px 4px}.note-icon{color:var(--green);margin-top:2px}.note-icon svg{width:17px;height:17px}.connection-note b{font-size:10px;font-weight:500}.connection-note p{font-size:10px;color:var(--muted);line-height:1.7;margin:5px 0 10px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px;padding:24px 0 19px;margin-top:12px;border-top:1px solid var(--line-soft)}.page-footer>span:first-child{display:flex;align-items:center;gap:7px}.footer-dot{width:4px;height:4px;background:var(--blue);border-radius:50%}.footer-version{font:8px ui-monospace,monospace;color:var(--muted);margin-left:3px}.footer-mid{margin:0 8px}.empty-state{padding:55px 20px;text-align:center;color:var(--muted);font-size:12px}.empty-state>span{color:var(--blue);margin-bottom:10px}.empty-state svg{width:32px;height:32px}.empty-state b{display:block;color:var(--text);font-size:14px;margin:10px 0}.empty-state p{font-size:11px;margin:0;line-height:1.8}.selection-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--blue-bg);padding:10px 16px;font-size:11px;color:var(--blue)}.selection-toolbar>div{display:flex;gap:16px}.file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:15px}.grid-item{position:relative;padding:18px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;cursor:pointer;text-align:left;min-width:0}.grid-item:hover,.grid-item.selected{border-color:var(--blue)}.grid-item .file-icon{margin-bottom:17px}.grid-item>b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-item>small{font-size:9px;color:var(--muted)}.grid-item .row-more{position:absolute;right:10px;top:10px}.detail-file-icon{display:flex;align-items:center;justify-content:center;height:130px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;margin:20px 0}.detail-file-icon .file-icon{transform:scale(1.7)}.details-name{font-size:13px;word-break:break-word;margin:0 0 7px;font-weight:600}.details-type{font-size:10px;color:var(--muted);margin:0 0 20px}.detail-metadata{margin:0}.detail-metadata>div{display:flex;justify-content:space-between;align-items:start;gap:10px;font-size:10px;padding:8px 0}.detail-metadata dt{color:var(--muted);white-space:nowrap}.detail-metadata dd{margin:0;color:var(--soft);text-align:right;overflow-wrap:anywhere}.detail-divider{border-top:1px solid var(--line);margin:13px 0}.people-list{display:flex;gap:8px;align-items:center;margin:13px 0;font-size:10px;color:var(--soft)}.people-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:8px;background:var(--blue-bg);color:var(--blue)}.detail-buttons{display:flex;flex-direction:column;gap:8px;margin-top:18px}.detail-buttons .button{font-size:10px}.details-close{float:right}.admin-panel{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-stat{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:18px}.admin-stat small{display:block;font-size:10px;color:var(--muted)}.admin-stat b{display:block;margin-top:8px;font-size:20px}.admin-stat p{font-size:9px;color:var(--muted);margin-bottom:0}.context-menu{position:fixed;z-index:80;min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px;box-shadow:var(--shadow)}.context-menu button{display:flex;gap:8px;align-items:center;width:100%;text-align:left;padding:9px 10px;font-size:11px;color:var(--soft);border-radius:4px}.context-menu button:hover{background:var(--panel2)}.context-menu svg{width:14px;height:14px}.context-menu button.danger{color:#ef949c}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:0;width:min(540px,calc(100vw - 30px));box-shadow:var(--shadow);max-height:90vh;overflow:auto}dialog::backdrop{background:#030a14bb;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px 10px}.modal-head h2{font-size:19px;letter-spacing:-.4px}.modal-body{padding:0 24px 24px}.modal-body>p{font-size:12px;color:var(--muted);line-height:1.9}.modal-label{font-size:11px;color:var(--soft);display:block;margin:19px 0 7px}.modal-input{display:block;width:100%;padding:11px 12px;border:1px solid var(--line);background:var(--bg);border-radius:6px;color:var(--text);font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.form-error{font-size:11px;color:#eea2aa;min-height:17px;margin-top:8px}.os-tabs{display:flex;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:4px;margin:18px 0}.os-tabs button{flex:1;color:var(--muted);font-size:11px;padding:8px;border-radius:5px}.os-tabs button.active{background:var(--panel2);color:var(--text)}.connect-steps{padding-left:21px;font-size:12px;color:var(--soft);line-height:1.9}.connect-steps li{padding:6px 0 6px 5px}.path-box{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg);border:1px solid var(--line);padding:13px 12px;border-radius:7px;margin:12px 0}.path-box code{color:var(--blue);font:12px ui-monospace,monospace;word-break:break-all}.modal-notice{font-size:11px;line-height:1.8;color:var(--muted);border:1px solid var(--line);border-radius:7px;background:var(--panel2);padding:12px;margin-top:16px}.modal-notice b{color:var(--soft)}.permission-table{width:100%;border-collapse:collapse;margin:15px 0}.permission-table td{padding:10px 5px;border-bottom:1px solid var(--line);font-size:11px}.permission-table small{color:var(--muted);display:block}.permission-table select{background:var(--bg);color:var(--soft);border:1px solid var(--line);padding:7px;border-radius:5px;font-size:10px}.text-preview{font:12px/1.9 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--line);padding:20px;border-radius:7px;max-height:48vh;overflow:auto}.image-preview{display:block;max-width:100%;max-height:48vh;margin:15px auto}.preview-info{font-size:10px!important;color:var(--muted)}#toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--text);color:var(--bg);padding:11px 18px;border-radius:8px;box-shadow:var(--shadow);font-size:12px;opacity:0;pointer-events:none;transition:all .2s;z-index:150;max-width:calc(100vw - 28px)}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1550px){.main-layout{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.file-table td{height:66px}.space-card{min-height:146px}}
@media(max-width:1250px){.main-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}main{padding-left:24px;padding-right:24px}.topbar{padding:0 24px}.date-cell{width:78px}.access-cell{display:none}.size-cell{width:63px}.space-cards{gap:8px}.space-card{padding:12px 10px}.details-card{padding:17px}}
@media(max-width:1080px){.main-layout{grid-template-columns:minmax(0,1fr)}.details-column{display:none}.details-column.has-selection{display:block;padding-top:0}.details-column.has-selection .connection-note{display:none}.details-card .nas-illustration{display:none}.details-column.has-selection .details-card{max-width:none}.app-shell{grid-template-columns:214px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.page-heading h1{font-size:28px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;top:0;left:0;width:228px;transform:translateX(-100%);transition:transform .2s;box-shadow:var(--shadow)}body.menu-open .sidebar{transform:translateX(0)}.mobile-menu{display:inline-flex}.topbar{height:56px;padding:0 16px}.topbar-left{gap:8px}.top-label{display:none}.top-separator{display:none}.review-label{font-size:9px}.topbar-right{gap:7px}main{padding:17px 16px 0}.review-toolbar{margin-bottom:22px;align-items:flex-start}.review-toolbar>span{font-size:9px;align-items:start}.review-toolbar label{font-size:0;gap:0}.review-toolbar select{font-size:9px;max-width:125px}.demo-mark{margin-top:1px}.page-heading{align-items:flex-start;margin-bottom:24px}.page-heading p{font-size:11px;max-width:210px;line-height:1.7}.page-heading>.button{font-size:0;padding:9px;gap:0;margin-top:20px}.page-heading>.button>.small-icon{display:none}.page-heading>.button svg{width:19px;height:19px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:27px!important}.space-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.space-card{min-height:125px;padding:13px}.space-card:nth-child(3){display:none}.space-card b{font-size:10px}.section-title h2{font-size:11px}.section-title .text-button{font-size:9px}.spaces-section{margin-bottom:22px}.browser-toolbar{padding:13px 11px;gap:8px}.file-actions{gap:5px}.file-actions .button{padding:7px 8px;font-size:10px;gap:5px}#new-folder>span:last-child{display:none}.breadcrumbs button{font-size:10px}.filter-toolbar{padding:0 11px 12px;gap:6px}.filter-buttons select{display:none}.filter-buttons{gap:1px}.search-box{padding:7px}.search-box kbd{display:none}.file-table th{font-size:8px}.file-table td{padding:11px 5px;height:63px}.check-cell{width:29px;padding-left:11px!important}.date-cell,.access-cell{display:none}.size-cell{width:50px}.more-cell{width:26px}.file-name{gap:8px}.file-name b{font-size:10px}.file-icon{width:25px;height:29px;font-size:6px}.file-name small{font-size:8px}.star-button{opacity:1}.file-name .star-button svg{width:11px}.browser-footer{padding:11px;font-size:8px}.browser-footer>span:last-child{max-width:185px;text-align:right}.drop-zone{padding:12px;gap:10px}.drop-limit{display:none}.page-footer{font-size:8px}.page-footer>span:last-child{max-width:145px;text-align:right}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px}.selection-toolbar{font-size:9px;padding:10px}.selection-toolbar>div{gap:9px}.selection-toolbar .text-button{font-size:9px}.modal-head{padding:20px 18px 10px}.modal-body{padding:0 18px 20px}.admin-panel{grid-template-columns:1fr}.details-card{padding:18px}.connection-line{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Readability pass after browser review. */
@media(min-width:761px){.nav-link{font-size:13px}.space-card b{font-size:12px}.space-card small{font-size:10px}.file-name b{font-size:12px}.file-name small{font-size:9px}.file-table td{font-size:11px}.file-table th{font-size:10px}.page-heading p{font-size:13px}.button{font-size:12px}.space-type{font-size:9px}.search-box input{font-size:11px}.access-tag{font-size:10px}.connection-line{font-size:10px}.storage-intro p{font-size:11px}.connection-note p{font-size:11px}.connection-note b{font-size:11px}.profile b{font-size:12px}.profile small{font-size:10px}.details-card>h2{font-size:13px}.top-label,.top-place{font-size:12px}.browser-footer{font-size:10px}.breadcrumbs button{font-size:12px}}

/* Review 02: use ACS's actual shared assets and tokens, then scope NAS controls. */
body.ux19{--bg:var(--ux-bg);--side:var(--ux-side);--panel:var(--ux-panel);--panel2:var(--ux-panel-2);--line:var(--ux-border);--line-soft:var(--ux-border);--text:var(--ux-text);--soft:var(--ux-soft);--muted:var(--ux-mute);--blue:var(--ux-blue);--blue-bg:rgba(88,169,255,.14);--green:var(--ux-ok);--amber:var(--ux-warn);font-size:15px}
html[data-theme=light] body.ux19{--bg:var(--ux-bg);--side:var(--ux-side);--panel:var(--ux-panel);--panel2:var(--ux-panel-2);--line:var(--ux-border);--line-soft:var(--ux-border);--text:var(--ux-text);--soft:var(--ux-soft);--muted:var(--ux-mute);--blue:var(--ux-blue);--blue-bg:rgba(31,111,209,.1);background:var(--bg);color:var(--text)}
.shell.app-shell{grid-template-columns:250px minmax(0,1fr)}
body.ux19 .sidebar{background:var(--side);padding:20px 15px;gap:0;border-color:var(--line)}
.sidebar .brand-row{padding:0 3px}.sidebar .brand{padding:0;gap:10px;min-height:42px}.sidebar .brand b{font-size:16px;letter-spacing:.02em}.sidebar .brand small{font-size:11px;letter-spacing:.06em}.sidebar .brand-mark img{filter:brightness(0) invert(1)}
.sidebar .workspace-switch{margin:25px 0 24px;font-size:12px}.sidebar .workspace-switch small{font-size:10px}
.sidebar .side-nav{display:flex;gap:2px}.sidebar .nav-link{min-height:41px;font-size:14px;border:0;justify-content:flex-start}.sidebar .nav-caption{padding-top:4px;padding-bottom:8px}.sidebar .nav-caption.second{margin-top:22px}
.sidebar .sidebar-bottom{padding-top:22px}.sidebar .profile{padding:10px;border:1px solid var(--line);background:var(--panel);border-radius:10px}.sidebar .user-role{font-size:9px}.sidebar .theme-toggle{height:34px;margin:0 0 12px}.sidebar .profile b{font-size:12px}
body.ux19 .page-heading{margin-bottom:18px}.page-heading .eyebrow{font-size:10px;letter-spacing:.1em}.page-heading h1{font-size:29px;font-weight:700;margin-top:4px}.page-heading p{font-size:14px;color:var(--soft)}
body.ux19 .button{font-size:13px;border-radius:8px;padding:9px 12px}.button.primary{color:#06101d;background:var(--blue);border-color:var(--blue)}.button.primary:hover{background:var(--ux-blue-2)}
body.ux19 .space-card b{font-size:13px}.space-card small{font-size:11px}.space-type{font-size:10px}.file-name b{font-size:13px}.file-table td{font-size:12px}.file-table th{font-size:11px}.file-name small{font-size:10px}.search-box input{font-size:12px}.breadcrumbs button{font-size:13px}.file-table td{height:62px}.text-button{font-size:11px}
.nas-strip{margin-bottom:23px}.nas-strip .station-cell{padding:11px 13px}.nas-strip .station-label{font-size:9px}.nas-strip .station-value{font-size:13px;font-weight:600}.nas-strip small{display:block;color:var(--muted);font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;margin-bottom:24px}
.settings-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 23px;border-bottom:1px solid var(--line)}.settings-header h2{font-size:17px!important;font-weight:700}.settings-header p{margin:5px 0 0;font-size:12px;color:var(--muted)}
.settings-tabs{display:flex;gap:22px;padding:0 23px;border-bottom:1px solid var(--line);background:var(--panel2);overflow:auto}.settings-tabs button{color:var(--soft);font-size:13px;white-space:nowrap;padding:14px 0 12px;border-bottom:2px solid transparent}.settings-tabs button.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}
#settings-body{padding:20px}.user-settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.account-list{border:1px solid var(--line);border-radius:9px;background:var(--panel2);overflow:hidden}.account-list-head{display:flex;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.account-list-head>span{color:var(--muted)}.account-choice{display:flex;align-items:center;gap:9px;padding:13px 12px;width:100%;text-align:left;border-bottom:1px solid var(--line);border-left:2px solid transparent}.account-choice.active{background:var(--blue-bg);border-left-color:var(--blue)}.account-choice:hover{background:var(--blue-bg)}.account-choice .user-avatar{width:29px;height:29px;font-size:10px}.account-choice>span:nth-child(2){min-width:0;flex:1}.account-choice b{font-size:12px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-choice small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.account-state{width:5px;height:5px;background:var(--green);border-radius:50%}.account-state.off{background:var(--muted)}.account-list-note{padding:13px;font-size:11px;color:var(--muted);line-height:1.7}
.settings-card{border:1px solid var(--line);border-radius:9px;background:var(--panel2);padding:21px;min-width:0}.settings-card fieldset{border:0;margin:0;padding:0;min-width:0}.settings-card fieldset:disabled{opacity:.6}.settings-card h3{font-size:16px;font-weight:600;line-height:1.4;margin:0}.settings-card-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.settings-card-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.settings-person-badge{margin-left:auto;font:9px ui-monospace,monospace;color:var(--blue);background:var(--blue-bg);border:1px solid var(--line);border-radius:4px;padding:3px 5px}.large-avatar{width:38px;height:38px;font-size:13px}.settings-section-title{font-size:13px;font-weight:600;margin:20px 0 13px}.settings-fields{display:grid;gap:16px}.settings-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-field{display:flex;flex-direction:column;gap:7px;min-width:0}.setting-field>span{font-size:12px;font-weight:500}.setting-field input{width:100%;font-size:13px!important;border:1px solid var(--line)!important;background:var(--bg)!important;color:var(--text)!important;border-radius:6px;padding:9px 10px;min-width:0}.setting-field small{color:var(--muted);font-size:10px;line-height:1.6}.quota-summary{display:flex;gap:13px;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:13px;padding:10px 0;border-bottom:1px solid var(--line)}.quota-summary b{color:var(--soft);font-weight:500}.quota-summary svg{width:12px;height:12px;margin-right:4px}.settings-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.setting-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.setting-toggle>span:first-child{min-width:0;flex:1}.setting-toggle b{font-size:12px;font-weight:500;display:block;line-height:1.6}.setting-toggle small{font-size:10px;color:var(--muted);display:block;line-height:1.7}.setting-toggle input[type=checkbox]{position:absolute;right:0;opacity:0;width:34px;height:19px;z-index:2}.setting-toggle input:focus-visible+.switch-track{outline:2px solid var(--blue);outline-offset:3px}.switch-track{width:33px;height:19px;border:1px solid var(--line);background:var(--bg);border-radius:12px;position:relative;flex-shrink:0}.switch-track:after{content:'';position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:var(--muted);transition:transform .16s}.setting-toggle input:checked+.switch-track{background:var(--blue-bg);border-color:var(--blue)}.setting-toggle input:checked+.switch-track:after{transform:translateX(14px);background:var(--blue)}.setting-toggle input:disabled+.switch-track{opacity:.5}.space-policy-table{border:1px solid var(--line);border-radius:7px;overflow:hidden}.space-policy-table label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px}.space-policy-table label:last-child{border-bottom:0}.space-policy-table b{font-size:11px;font-weight:400;color:var(--muted)}.space-policy-table select{font-size:11px;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:6px 8px;max-width:155px}.settings-inline-note{color:var(--muted);font-size:11px;line-height:1.8;border-left:2px solid var(--line);padding-left:12px;margin-top:19px}.settings-save{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.settings-error{font-size:11px;line-height:1.7;color:var(--ux-danger);margin-right:auto;max-width:65%}.disk-heading{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.disk-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.disk-heading>.status-chip{margin-left:auto}.disk-icon{display:grid;place-items:center;width:43px;height:43px;background:var(--blue-bg);border-radius:8px;color:var(--blue)}.capacity-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;margin:23px 0;overflow:hidden}.capacity-split>div{padding:16px 20px;border-right:1px solid var(--line);background:var(--panel)}.capacity-split>div:last-child{border:0}.capacity-split small{display:block;color:var(--muted);font-size:11px}.capacity-split b{display:block;font-size:23px;margin-top:7px;font-weight:600;color:var(--blue)}.settings-muted{font-size:12px;line-height:1.8;color:var(--muted);margin:8px 0 20px}
@media(max-width:1100px){.user-settings-layout{grid-template-columns:190px minmax(0,1fr);gap:14px}.settings-toggle-grid{grid-template-columns:1fr}.settings-card{padding:17px}.settings-header{padding:18px}.settings-tabs{padding:0 18px;gap:18px}#settings-body{padding:15px}.quota-summary{flex-direction:column;gap:5px}}
@media(max-width:900px){.user-settings-layout{grid-template-columns:1fr}.account-list{display:flex;overflow:auto}.account-list-head,.account-list-note{display:none}.account-choice{min-width:175px;width:auto;border-bottom:0}.settings-fields.two{grid-template-columns:1fr}}
@media(max-width:760px){.shell.app-shell{display:block}.sidebar .side-nav{display:flex;gap:2px}.sidebar .brand small{font-size:10px}.sidebar .nav-link{font-size:13px}.sidebar .sidebar-bottom{display:block}.nas-strip{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:8px}.nas-strip .station-cell{padding:9px 10px}.nas-strip .station-cell:last-child{grid-column:1/-1}.nas-strip .station-value{font-size:11px}.nas-strip small{font-size:8px}.settings-header{align-items:flex-start}.settings-header p{font-size:11px}.settings-header .status-chip{font-size:8px}.settings-header h2{font-size:14px!important}.settings-tabs button{font-size:11px}.settings-card h3{font-size:14px}.settings-card-head{gap:8px}.settings-person-badge{font-size:8px}.settings-save{flex-wrap:wrap}.settings-error{max-width:100%}.capacity-split>div{padding:12px 9px}.capacity-split small{font-size:9px}.capacity-split b{font-size:18px}.space-policy-table label{font-size:10px;padding:10px 8px}.space-policy-table select{font-size:10px;max-width:130px}.disk-heading p{font-size:10px}.disk-heading .status-chip{margin-left:0}}
/* Keep compact file controls independent of ACS's full-size form input rules. */
body.ux19 .file-table input[type=checkbox]{width:13px!important;height:13px!important;min-height:0!important;padding:0!important;margin:0!important;border-radius:3px!important;box-shadow:none!important;background:transparent!important;display:inline-block!important}
body.ux19 .file-table input[type=checkbox]:checked{background:var(--blue)!important}
body.ux19 .search-box input{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;height:22px!important;min-height:0!important;font-size:12px!important}
body.ux19 .filter-buttons select{width:105px;font-size:11px!important;height:32px!important;min-height:0!important;padding:4px 16px 4px 8px!important;border:0!important;background:var(--panel)!important;box-shadow:none!important}
body.ux19 .setting-toggle input[type=checkbox]{width:34px!important;height:19px!important;min-height:0!important;padding:0!important;margin:0!important;opacity:0!important}
body.ux19 .review-toolbar select{font-size:11px!important;height:34px!important;min-height:0!important;padding:5px 25px 5px 10px!important}