/* Compact operational controls added after the category and audit control-plane expansion. */
.app-shell { grid-template-columns: 206px minmax(0, 1fr); }
.topbar { min-height: 78px; padding: 14px 28px; }
.topbar h1 { font-size: 23px; }
.workspace { min-width: 0; }
.view { padding: 20px 28px; }
.sidebar { padding: 18px 10px; }
.primary-nav { gap: 3px; margin-top: 28px; }
.nav-item { min-height: 38px; padding: 8px 10px; font-size: 12px; }
.profile-menu { position: relative; }
.account-menu { position: absolute; z-index: 20; top: calc(100% + 7px); right: 0; display: grid; width: 220px; gap: 5px; border: 1px solid var(--ink); background: var(--white); box-shadow: 4px 5px 0 rgba(18,33,58,.18); padding: 11px; }
.account-menu strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.account-menu span { color: var(--muted); font-size: 11px; }
.account-menu .text-button { justify-self: start; margin-top: 5px; }
.document-layout { min-height: 600px; }
.file-tree { width: 232px; padding: 14px; }
.tree-search-area { margin: 9px 0 8px; }
.tree-search-area input { width: 100%; border: 1px solid var(--ink); background: var(--white); padding: 7px 8px; font: inherit; font-size: 12px; }
.tree-category { display: grid; gap: 2px; margin: 6px 0; }
.tree-category-title { display:flex; align-items:center; gap:6px; min-height:24px; padding: 3px 5px; color:var(--ink); font-size:11px; font-weight:800; }
.tree-category .tree-item { margin-left: 12px; }
.tree-category.depth-1 { margin-left: 10px; }.tree-category.depth-2 { margin-left: 20px; }.tree-category.depth-3 { margin-left: 30px; }.tree-category.depth-4 { margin-left: 40px; }
.category-dot { display:inline-block; width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#85909c; }
.category-blue { background:#3975c4; }.category-green { background:#3b8a68; }.category-gold { background:#bd942a; }.category-red { background:#bd554a; }.category-purple { background:#7e63aa; }.category-orange { background:#c67535; }.category-slate { background:#85909c; }
.file-queue li .icon-button { width:24px; height:24px; margin-left:auto; }
.comment>div { display:flex; align-items:center; gap:7px; }.comment>div .icon-button { width:22px; height:22px; margin-left:auto; font-size:14px; }
.calendar-day { display:flex; min-width:0; height:114px; flex-direction:column; gap:3px; border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--white); padding:5px; }
.calendar-date-button { display:flex; justify-content:flex-end; width:100%; border:0; background:transparent; padding:0; color:inherit; text-align:right; }.calendar-date-button time { display:grid; place-items:center; width:22px; height:22px; font-size:11px; font-weight:900; }.calendar-day.is-today .calendar-date-button time { background:var(--ink); color:#fff; }
.calendar-events { display:grid; gap:3px; overflow:hidden; }
.calendar-event { display:flex; align-items:center; min-width:0; gap:4px; overflow:hidden; border:0; text-overflow:ellipsis; white-space:nowrap; padding:3px 4px; background:#e7eceb; color:var(--ink); font:inherit; font-size:10px; font-weight:700; text-align:left; cursor:pointer; }
.calendar-event i { width:5px; height:5px; flex:0 0 5px; border-radius:50%; background:#85909c; }.calendar-event-blue i { background:#3975c4; }.calendar-event-green i { background:#3b8a68; }.calendar-event-red i { background:#bd554a; }.calendar-event-purple i { background:#7e63aa; }.calendar-event-orange i { background:#c67535; }
.calendar-label { display:inline-block; width:max-content; padding:2px 5px; background:#e7eceb; color:var(--ink); font-size:10px; font-weight:800; }.calendar-label-blue { background:#dbe9fb; }.calendar-label-green { background:#dceddf; }.calendar-label-red { background:#f7e0dc; }.calendar-label-purple { background:#ece2f5; }.calendar-label-orange { background:#f7e7d7; }
.calendar-selected-events article { align-items:stretch; }.calendar-detail-link { display:grid; flex:1; gap:3px; min-width:0; border:0; background:transparent; padding:0; color:inherit; text-align:left; }.calendar-detail-link small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.schedule-event { border-left-color:#85909c; }.schedule-event-blue { border-left-color:#3975c4; }.schedule-event-green { border-left-color:#3b8a68; }.schedule-event-red { border-left-color:#bd554a; }.schedule-event-purple { border-left-color:#7e63aa; }.schedule-event-orange { border-left-color:#c67535; }.schedule-event button { display:grid; gap:3px; min-width:0; border:0; background:transparent; padding:0; color:inherit; text-align:left; }
.detail-dialog { display:grid; min-width:min(560px, calc(100vw - 32px)); gap:14px; padding:20px; }.calendar-detail-card { display:grid; gap:10px; }.calendar-detail-card h3 { margin:0; font-size:20px; }.calendar-detail-card dl,.audit-detail dl { display:grid; grid-template-columns:100px minmax(0,1fr); margin:0; border-top:1px solid var(--line); }.calendar-detail-card dl div,.audit-detail dl div { display:contents; }.calendar-detail-card dt,.calendar-detail-card dd,.audit-detail dt,.audit-detail dd { margin:0; border-bottom:1px solid var(--line); padding:7px 0; font-size:12px; }.calendar-detail-card dt,.audit-detail dt { color:var(--muted); font-weight:800; }.calendar-detail-card p { margin:0; border-left:3px solid var(--gold); background:#fff7da; padding:10px; font-size:12px; line-height:1.65; }
.category-row>div:first-child { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:7px; }.category-row>div:first-child>span:last-child { grid-column:2; }
.category-form { grid-template-columns:minmax(130px,.75fr) minmax(160px,1fr) minmax(150px,.65fr) auto; }.category-form select { border:1px solid var(--ink); background:var(--white); padding:8px; font:inherit; font-size:12px; }
.audit-summary { max-height:245px; overflow:auto; }.audit-row { width:100%; border:0; border-bottom:1px solid var(--line); background:transparent; padding:10px 0; color:inherit; text-align:left; cursor:pointer; }.audit-row:hover { background:#f7f4e9; }#audit-dialog { width:min(720px, calc(100vw - 32px)); max-width:none; }.audit-dialog { width:100%; }.audit-dialog>input { width:100%; border:1px solid var(--ink); padding:8px; font:inherit; font-size:12px; }.audit-dialog-list { display:grid; max-height:420px; overflow:auto; border-top:1px solid var(--line); }.audit-detail { border-left:3px solid var(--gold); background:#fff7da; padding:11px; }.audit-detail pre { max-height:180px; overflow:auto; margin:10px 0 0; font-size:11px; }
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.topbar{padding:12px 16px}.view{padding:16px}.file-tree{width:100%}.document-layout{grid-template-columns:1fr}.category-form{grid-template-columns:1fr}.detail-dialog{min-width:0;width:calc(100vw - 24px)}.calendar-day{height:88px}.calendar-event{font-size:9px}}

/* Operational workspace refinements: compact controls, resizable library, and color-only calendar. */
.document-layout { --tree-width: 232px; grid-template-columns: var(--tree-width) 6px minmax(0,1fr); box-shadow: none; border-color: #d6d8dc; }
.file-tree { width: auto; min-width: 0; }
.tree-resizer { position: relative; cursor: col-resize; background: #f1f3f5; }
.tree-resizer:hover,.is-resizing-tree .tree-resizer { background: var(--gold); }
.is-resizing-tree { cursor: col-resize; user-select: none; }
.tree-icon { display:inline-block; width:14px; height:12px; flex:0 0 14px; vertical-align:-1px; }
.tree-icon-folder { border:1.5px solid #68778a; border-radius:2px; background:#f7f9fb; position:relative; }
.tree-icon-folder:before { position:absolute; left:1px; top:-4px; width:6px; height:3px; border:1.5px solid #68778a; border-bottom:0; border-radius:2px 2px 0 0; content:""; }
.tree-icon-page { border:1.5px solid #68778a; border-radius:1px; position:relative; }
.tree-icon-page:after { position:absolute; left:3px; right:3px; top:4px; height:1px; background:#68778a; box-shadow:0 3px 0 #68778a; content:""; }
.tree-branch { width:9px; height:15px; border-left:1px solid #c7ced6; border-bottom:1px solid #c7ced6; margin:-9px -2px 0 0; }
.tree-category-title { position:relative; gap:5px; }
.tree-category-action { margin-left:auto; border:0; background:transparent; color:var(--muted); padding:2px 4px; }
.tree-item { display:grid; grid-template-columns:14px minmax(0,1fr); column-gap:6px; align-items:center; border-radius:3px; }
.tree-item small { grid-column:2; }
.tree-page { padding-top:6px; padding-bottom:6px; }
.comment-actions { display:flex!important; align-items:center; gap:10px!important; margin-top:7px; }
.comment-actions small { margin-left:0; }
.comment-replies { margin:0 0 0 20px; padding-left:13px; border-left:2px solid #dce1e6; }
.comment-reply { border-bottom:0; }
.comment-heart { border:0; border-radius:4px; background:transparent; padding:2px 5px; color:var(--muted); font:inherit; font-size:12px; }
.comment-heart.is-active { color:#c63b5d; background:#fff0f3; }
.calendar-label { display:none; }
.calendar-color-dot { display:inline-block; width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:#718096; }
.calendar-color-slate { background:#718096; }.calendar-color-blue { background:#2878c8; }.calendar-color-teal { background:#148a90; }.calendar-color-green { background:#399467; }.calendar-color-gold { background:#c9981c; }.calendar-color-orange { background:#d87922; }.calendar-color-red { background:#c64a4a; }.calendar-color-pink { background:#c75488; }.calendar-color-purple { background:#7857b6; }.calendar-color-indigo { background:#465bb6; }
.calendar-event-teal i { background:#148a90; }.calendar-event-gold i { background:#c9981c; }.calendar-event-pink i { background:#c75488; }.calendar-event-indigo i { background:#465bb6; }
.schedule-event-teal { border-left-color:#148a90; }.schedule-event-gold { border-left-color:#c9981c; }.schedule-event-pink { border-left-color:#c75488; }.schedule-event-indigo { border-left-color:#465bb6; }
.color-picker { border:0; margin:0; padding:0; }.color-picker legend { padding:0; font-size:12px; font-weight:800; }
#calendar-color-input { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
#calendar-color-input button { width:19px; height:19px; border:2px solid transparent; border-radius:50%; background:#718096; padding:0; }
#calendar-color-input button.is-selected { outline:2px solid var(--ink); outline-offset:2px; }
#calendar-color-input [data-calendar-color="blue"]{background:#2878c8}#calendar-color-input [data-calendar-color="teal"]{background:#148a90}#calendar-color-input [data-calendar-color="green"]{background:#399467}#calendar-color-input [data-calendar-color="gold"]{background:#c9981c}#calendar-color-input [data-calendar-color="orange"]{background:#d87922}#calendar-color-input [data-calendar-color="red"]{background:#c64a4a}#calendar-color-input [data-calendar-color="pink"]{background:#c75488}#calendar-color-input [data-calendar-color="purple"]{background:#7857b6}#calendar-color-input [data-calendar-color="indigo"]{background:#465bb6}
.global-search-wrap { position:relative; width:min(388px,38vw); }.global-search-controls { display:grid; grid-template-columns:112px minmax(0,1fr); gap:5px; }.global-search-wrap input,.global-search-wrap select { width:100%; min-height:34px; border:1px solid #c7ced6; border-radius:5px; background:#fff; padding:7px 9px; color:#26384e; font:inherit; font-size:12px; }.global-search-results,.notification-panel { position:absolute; z-index:30; top:calc(100% + 7px); right:0; display:grid; width:min(388px,calc(100vw - 32px)); max-height:420px; overflow:auto; border:1px solid #c7ced6; border-radius:6px; background:#fff; box-shadow:0 12px 30px rgba(18,33,58,.16); padding:6px; }.notification-panel { top:68px; right:112px; }.search-result,.notification-item { border:0; border-radius:4px; background:transparent; padding:9px; text-align:left; }.search-result:hover,.notification-item:hover { background:#f1f4f7; }.search-result strong,.notification-item strong,.notification-item span,.notification-item small { display:block; }.search-result span,.notification-item span,.notification-item small { color:var(--muted); font-size:11px; }.notification-item.is-unread { background:#eef5ff; }.top-actions > .icon-button { position:relative; border-color:#c7ced6; border-radius:5px; font-size:17px; }.top-actions > .icon-button span { position:absolute; right:-5px; top:-5px; display:grid; min-width:15px; height:15px; place-items:center; border-radius:10px; background:#c64a4a; color:#fff; font-size:9px; }
.work-page { max-width:none; }.work-heading { display:flex; align-items:end; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid #d6d8dc; }.work-heading h2 { margin:4px 0 0; font-size:23px; }.primary-action,.editor-submit { border:1px solid #1d3557; border-radius:4px; background:#1d3557; color:#fff; padding:8px 12px; font-weight:700; }.work-board { display:grid; grid-template-columns:repeat(5,minmax(210px,1fr)); gap:12px; overflow-x:auto; padding:16px 0; }.work-column { min-height:440px; border:1px solid #d6d8dc; border-radius:6px; background:#f8fafb; }.work-column>header { display:flex; justify-content:space-between; align-items:center; padding:10px; border-bottom:1px solid #d6d8dc; font-size:12px; }.work-column>header span { display:grid; place-items:center; min-width:20px; height:20px; border-radius:10px; background:#e2e8f0; color:#506175; font-size:10px; }.work-items { display:grid; gap:8px; padding:8px; }.work-card { display:grid; gap:6px; border:1px solid #d7dde5; border-left:3px solid #718096; border-radius:5px; background:#fff; padding:10px; text-align:left; box-shadow:0 1px 2px rgba(18,33,58,.05); }.work-card:hover { border-color:#96a8ba; }.work-card.priority-high { border-left-color:#d87922; }.work-card.priority-critical { border-left-color:#c64a4a; }.work-type { color:#657487; font-size:10px; font-weight:800; text-transform:uppercase; }.work-card strong { font-size:13px; }.work-card small,.work-empty { color:var(--muted); font-size:11px; }.work-empty { margin:8px; }
@media(max-width:850px){.document-layout{grid-template-columns:1fr}.tree-resizer{display:none}.global-search-wrap{position:absolute;left:16px;right:16px;top:58px;width:auto}.notification-panel{right:64px}.work-board{grid-template-columns:repeat(5,240px)}.top-actions{gap:6px}.top-actions .profile-button{padding:5px}.top-actions .profile-button b{display:none}}

/* Home, storage, and board are dense operational workspaces rather than landing-page cards. */
.home-heading,.storage-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; padding-bottom:13px; border-bottom:1px solid #d6d8dc; }.home-heading h2,.storage-heading h2 { margin:4px 0 0; font-size:22px; }.home-quick-actions,.storage-actions,.work-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:7px; }.home-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:14px 0; }.home-summary-grid article { display:grid; gap:6px; min-height:100px; border:1px solid #d6d8dc; border-radius:5px; background:#fff; padding:12px; }.home-summary-grid span,.home-summary-grid small { color:var(--muted); font-size:11px; }.home-summary-grid strong { font-size:22px; }.home-summary-grid .text-button { justify-self:start; padding:0; font-size:11px; }.home-workspace-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }.home-section { min-width:0; border-top:2px solid var(--ink); padding-top:11px; }.home-section .section-heading { align-items:center; }.home-section h2 { margin:3px 0 0; font-size:16px; }.home-list { display:grid; border-top:1px solid #d6d8dc; }.home-list-item { display:grid; gap:3px; border:0; border-bottom:1px solid #e2e5e8; background:#fff; padding:9px 8px; color:inherit; text-align:left; }.home-list-item:hover,.home-list-item.is-unread { background:#f4f7fb; }.home-list-item strong { font-size:12px; }.home-list-item span { color:var(--muted); font-size:11px; }
.storage-page { max-width:none; }.storage-heading h2 { font-size:23px; }.storage-heading .muted-note { margin:5px 0 0; }.storage-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; color:var(--muted); font-size:12px; }.storage-list { display:grid; border:1px solid #d6d8dc; background:#fff; }.storage-list.is-grid { grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:0; }.storage-item { display:grid; grid-template-columns:24px minmax(0,1fr) minmax(120px,.4fr); align-items:center; gap:8px; border:0; border-bottom:1px solid #e1e5e8; background:#fff; padding:10px 12px; color:inherit; text-align:left; }.storage-item:hover,.storage-item.is-selected { background:#f4f7fb; }.storage-item-icon { display:grid; width:22px; height:22px; place-items:center; color:#4c6179; font-size:16px; }.storage-item-name { display:grid; gap:3px; min-width:0; }.storage-item-name strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.storage-item-name small,.storage-item-owner { color:var(--muted); font-size:11px; }.storage-list.is-grid .storage-item { grid-template-columns:1fr; min-height:115px; align-content:start; border-right:1px solid #e1e5e8; }.storage-list.is-grid .storage-item-icon { width:30px; height:30px; font-size:22px; }.storage-list.is-grid .storage-item-owner { display:none; }.storage-detail { margin-top:14px; border:1px solid #d6d8dc; background:#fff; padding:14px; }.storage-detail h3 { margin:3px 0 0; font-size:16px; }.storage-detail dl { display:grid; grid-template-columns:120px minmax(0,1fr); margin:12px 0; border-top:1px solid #e1e5e8; }.storage-detail dl div { display:contents; }.storage-detail dt,.storage-detail dd { margin:0; border-bottom:1px solid #e1e5e8; padding:7px 0; font-size:12px; }.storage-detail dt { color:var(--muted); }.storage-preview { width:100%; height:min(520px,55vh); border:1px solid #d6d8dc; background:#fff; }.storage-preview-image { display:block; max-width:100%; max-height:55vh; margin:10px auto; }
.work-toolbar input,.work-toolbar select { min-height:33px; border:1px solid #c7ced6; border-radius:4px; background:#fff; padding:6px 8px; font:inherit; font-size:12px; }.work-backlog { display:grid; grid-template-columns:190px minmax(0,1fr); align-items:start; margin-top:14px; border:1px solid #d6d8dc; border-left:3px solid #b58c24; background:#faf9f4; }.work-backlog>header { display:flex; align-items:center; justify-content:space-between; padding:12px; }.work-backlog h3 { margin:3px 0 0; font-size:14px; }.work-backlog>header>span { display:grid; place-items:center; min-width:20px; height:20px; border-radius:10px; background:#e7dfbe; font-size:10px; }.work-backlog .work-items { display:flex; overflow:auto; padding:8px; }.work-backlog .work-card { flex:0 0 210px; }.work-board { grid-template-columns:repeat(4,minmax(225px,1fr)); }.work-column { min-height:390px; }
.work-labels { display:flex; flex-wrap:wrap; gap:4px; }.work-labels i { border:1px solid #d3dce7; border-radius:3px; background:#edf2f7; padding:2px 4px; color:#4b6179; font-size:9px; font-style:normal; }.work-comments { display:grid; gap:9px; border-top:1px solid #d6d8dc; padding-top:12px; }.work-comments h3 { margin:3px 0 0; font-size:14px; }.work-comment-list { display:grid; max-height:210px; overflow:auto; border-top:1px solid #e1e5e8; }.work-comment-list article { display:grid; grid-template-columns:auto 1fr; column-gap:8px; border-bottom:1px solid #e1e5e8; padding:8px 0; }.work-comment-list strong,.work-comment-list small { font-size:11px; }.work-comment-list small { color:var(--muted); text-align:right; }.work-comment-list p { grid-column:1 / -1; margin:5px 0 0; font-size:12px; white-space:pre-wrap; }
@media(max-width:850px){.home-heading,.storage-heading{align-items:start;flex-direction:column}.home-summary-grid,.home-workspace-grid{grid-template-columns:1fr}.storage-item{grid-template-columns:24px minmax(0,1fr)}.storage-item-owner{display:none}.work-toolbar{justify-content:flex-start}.work-backlog{grid-template-columns:1fr}.work-board{grid-template-columns:repeat(4,240px)}}

/* Stable, business-grade interaction layer. State changes are paint-only. */
:root { --control-h: 34px; --surface-hover: #f1f5f8; --surface-selected: #eaf1f8; --focus-ring: #2d6cad; }
.ui-icon { width: 16px; height: 16px; display: block; flex: 0 0 16px; }
.nav-item > span:first-child { display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; }.nav-item > span:first-child .ui-icon { width: 16px; height: 16px; }
.icon-button .ui-icon, .text-button .ui-icon, .primary-action .ui-icon { margin: auto; }
.text-button .ui-icon, .primary-action .ui-icon { display: inline-block; vertical-align: -3px; margin-right: 5px; }
.tree-item, .tree-category-title, .reference-node { min-width: 0; box-sizing: border-box; }
.tree-item { min-height: 50px; padding: 6px 7px; border: 0; border-radius: 3px; font-size: 12px; font-weight: 600; line-height: 16px; transition: background-color 120ms ease, color 120ms ease, box-shadow 120ms ease; }
.tree-item > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: inherit; }
.tree-item small { overflow: hidden; height: 14px; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 500; line-height: 14px; }
.tree-item:hover, .tree-category-title:hover { background: var(--surface-hover); }
.tree-item.is-selected { background: var(--surface-selected); box-shadow: inset 2px 0 0 #2d6cad; color: var(--ink); }
.tree-item:hover, .tree-item.is-selected { font-weight: 600; padding: 6px 7px; border-width: 0; }
.tree-item:focus-visible, .tree-category-title:focus-visible, .storage-item:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: -2px; }
.tree-category-title { min-height: 28px; padding: 4px 5px; font-size: 11px; font-weight: 700; line-height: 16px; transition: background-color 120ms ease, box-shadow 120ms ease; }
.tree-category-title > span:nth-child(3) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tree-category-action { width: 24px; height: 24px; display: grid; flex: 0 0 24px; place-items: center; border-radius: 3px; }
.tree-category-action:hover { background: #e0e8ef; }
.tree-resizer { width: 6px; min-width: 6px; outline: 0; }
.tree-resizer:focus-visible { background: #d3ab3d; box-shadow: inset 0 0 0 2px var(--focus-ring); }

.storage-page { position: relative; }
.storage-heading { align-items: center; }
.storage-actions .icon-button { width: var(--control-h); height: var(--control-h); display: grid; place-items: center; }
.storage-actions .text-button, .storage-actions .primary-action { min-height: var(--control-h); display: inline-flex; align-items: center; }
.storage-drop-zone { display: flex; align-items: center; gap: 9px; min-height: 54px; margin: 2px 0 10px; border: 1px dashed #9aa8b6; border-radius: 5px; background: #fbfcfd; padding: 10px 13px; color: #526477; cursor: pointer; }
.storage-drop-zone .ui-icon { color: #2d6cad; }.storage-drop-zone strong { color: var(--ink); font-size: 12px; }.storage-drop-zone span:last-child { margin-left: auto; font-size: 11px; }
.storage-drop-zone:hover, .storage-drop-zone:focus-visible { border-color: #2d6cad; background: #f3f8fc; outline: 0; }
.storage-table-head { display: grid; grid-template-columns: minmax(260px,1fr) 150px 110px 80px; gap: 12px; border-bottom: 1px solid #d6d8dc; padding: 7px 12px; color: #63717c; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.storage-list { border-top: 0; }
.storage-item { grid-template-columns: 24px minmax(180px,1fr) 150px 110px 80px 22px; min-height: 48px; padding: 7px 12px; border-bottom-color: #e5e8eb; font-size: 12px; transition: background-color 120ms ease, box-shadow 120ms ease; }
.storage-item:hover, .storage-item.is-selected { background: var(--surface-hover); }.storage-item.is-selected { box-shadow: inset 2px 0 0 #2d6cad; }
.storage-item-icon { color: #58718a; }.storage-item-icon .ui-icon { width: 18px; height: 18px; }.storage-item-name { min-width: 0; }.storage-item-name strong { font-weight: 600; }.storage-item-name small { color: #718092; font-size: 10px; }.storage-item time, .storage-item-size { color: #63717c; font-size: 11px; white-space: nowrap; }.storage-item-more { display: grid; place-items: center; color: #718092; }
.storage-list.is-grid { gap: 0; }.storage-list.is-grid .storage-item { grid-template-columns: 28px minmax(0,1fr) 20px; min-height: 112px; padding: 12px; }.storage-list.is-grid .storage-item-owner, .storage-list.is-grid .storage-item time, .storage-list.is-grid .storage-item-size { display: none; }
.storage-upload-queue { display: grid; gap: 1px; margin: 0 0 10px; border: 1px solid #d6d8dc; background: #fff; }.storage-upload-row { display: grid; grid-template-columns: 22px minmax(0,1fr) 42px; align-items: center; gap: 8px; padding: 9px 12px; }.storage-upload-row > span { color: #2d6cad; }.storage-upload-row > div { min-width: 0; display: grid; gap: 3px; }.storage-upload-row strong, .storage-upload-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.storage-upload-row strong { font-size: 12px; }.storage-upload-row small { color: #63717c; font-size: 10px; }.storage-upload-row > b { color: #526477; font-size: 11px; text-align: right; }.storage-upload-row.error > span, .storage-upload-row.error > b { color: #b64141; }.storage-upload-row.done > span, .storage-upload-row.done > b { color: #23724d; }.storage-upload-progress { height: 3px; overflow: hidden; background: #e4e9ee; }.storage-upload-progress i { display: block; height: 100%; background: #2d6cad; transition: width 140ms linear; }
.storage-context-menu { position: fixed; z-index: 50; display: grid; width: 210px; border: 1px solid #cbd3dc; border-radius: 5px; background: #fff; box-shadow: 0 10px 26px rgba(18,33,58,.18); padding: 5px; }.storage-context-menu button { display: flex; min-height: 32px; align-items: center; gap: 8px; border: 0; border-radius: 3px; background: transparent; padding: 6px 8px; color: var(--ink); text-align: left; font: 12px inherit; }.storage-context-menu button:hover { background: #f1f5f8; }.storage-context-menu button.is-danger { color: #a53838; }.storage-context-menu button .ui-icon { width: 15px; height: 15px; }
@media (prefers-reduced-motion: reduce) { .tree-item, .tree-category-title, .storage-item, .storage-upload-progress i { transition: none; } }
@media (max-width: 850px) { .storage-drop-zone span:last-child, .storage-table-head, .storage-item-owner, .storage-item time, .storage-item-size { display: none; }.storage-item { grid-template-columns: 24px minmax(0,1fr) 20px; }.storage-list.is-grid .storage-item { grid-template-columns: 28px minmax(0,1fr) 20px; } }

/* Corrective pass: a single compact command system and stable data-dense layouts. */
:root { --control-h: 34px; --radius: 4px; --panel-line: #d9dfe5; --panel-hover: #f4f7fa; --panel-selected: #edf4fb; }
.brand { align-items: flex-start; gap: 9px; padding: 4px 6px 18px; }
.brand-symbol { width: 38px; height: 44px; object-fit: contain; }
.brand-lockup { display: grid; justify-items: end; gap: 4px; min-width: 110px; }
.brand-lockup img { display: block; width: 112px; height: auto; }
.brand-lockup strong { width: 100%; color: var(--gold); font-size: 9px; letter-spacing: .16em; text-align: right; }
.primary-nav { margin-top: 22px; }
.primary-nav .nav-item { display: grid; grid-template-columns: 18px minmax(0,1fr); align-items: center; gap: 8px; min-height: 36px; border-radius: 4px; padding: 8px 10px; font-size: 12px; font-weight: 650; line-height: 18px; }
.primary-nav .nav-item > span:first-child { width: 18px; height: 18px; color: var(--gold); }
.primary-nav .nav-item .ui-icon { width: 16px; height: 16px; }
.primary-nav .nav-item.is-active { box-shadow: inset 2px 0 0 var(--gold); }
.top-actions > .icon-button > [data-ui-icon] { position: static; display: grid; width: 16px; height: 16px; min-width: 0; background: transparent; color: currentColor; }
.top-actions > .icon-button > #notification-count { position: absolute; right: -5px; top: -5px; display: grid; min-width: 15px; height: 15px; place-items: center; border-radius: 10px; background: #c64a4a; color: #fff; font-size: 9px; }
.top-actions > .icon-button span:not(#notification-count) { position: static; background: transparent; color: inherit; }
.icon-button, .tree-actions .icon-button { width: var(--control-h); height: var(--control-h); min-width: var(--control-h); border-color: #bfc9d4; border-radius: var(--radius); color: #24364c; }
.icon-button:hover { background: var(--panel-hover); border-color: #6e8194; }
.profile-button { min-height: var(--control-h); border-color: #bfc9d4; border-radius: var(--radius); padding: 5px 8px; }
.profile-button .profile-chevron { display: inline-grid; width: 14px; height: 14px; color: #607286; }
.profile-button .profile-chevron .ui-icon { width: 14px; height: 14px; }
.primary-action, .editor-submit { min-height: var(--control-h); border-radius: var(--radius); padding: 7px 11px; }
.text-button { min-height: 26px; border-radius: 3px; padding: 3px 4px; color: #26384e; }
.home-quick-actions { gap: 8px; }
.home-quick-actions .text-button { display: inline-flex; align-items: center; white-space: nowrap; }
.home-summary-grid article { min-height: 88px; padding: 11px 12px; }
.home-summary-grid strong { font-size: 20px; line-height: 24px; }
.home-section { border-top-color: #33475c; }
.home-section .section-heading { min-height: 34px; }
.calendar-list .calendar-item { grid-template-columns: 84px minmax(0,1fr); align-items: start; gap: 10px; min-height: 54px; padding: 9px 0; }
.calendar-list .calendar-date { padding-top: 1px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.calendar-list .calendar-item > div:last-child { display: grid; min-width: 0; gap: 2px; }
.calendar-list .calendar-item strong, .calendar-list .calendar-item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.calendar-list .calendar-item strong { font-size: 12px; line-height: 17px; }
.calendar-list .calendar-item span { font-size: 11px; line-height: 15px; }
.recent-list { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.recent-card { min-height: 122px; border-color: var(--panel-line); box-shadow: none; padding: 12px; }
.recent-card:hover { transform: none; box-shadow: none; border-color: #93a3b4; background: var(--panel-hover); }
.recent-card h3 { display: -webkit-box; min-height: 38px; overflow: hidden; margin: 10px 0 5px; font-size: 13px; font-weight: 650; line-height: 19px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.recent-card p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }

.document-layout { --tree-width: 260px; grid-template-columns: var(--tree-width) 8px minmax(0,1fr); border-color: var(--panel-line); }
.file-tree { padding: 14px 12px; }
.tree-top { min-height: 42px; padding: 0 3px 10px; }
.tree-top .tree-actions { gap: 4px; }
.tree-top .tree-actions .icon-button { width: 28px; min-width: 28px; height: 28px; }
.tree-resizer { width: 8px; min-width: 8px; background: transparent !important; outline: 0 !important; }
.tree-resizer::after { position: absolute; inset: 0 auto 0 3px; width: 1px; background: #d7dde3; content: ''; }
.tree-resizer:hover::after, .is-resizing-tree .tree-resizer::after { width: 2px; background: #b78c26; }
.tree-resizer:focus-visible { box-shadow: none; }.tree-resizer:focus-visible::after { width: 2px; background: #2d6cad; }
.tree-category { position: relative; gap: 1px; margin: 3px 0; }
.tree-category-title { display: grid; grid-template-columns: 10px 16px minmax(0,1fr) 24px; align-items: center; min-height: 30px; padding: 3px 4px; font-size: 11px; font-weight: 650; }
.tree-category-title > span:nth-child(3) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tree-icon { display: grid; width: 16px; height: 16px; place-items: center; color: #637a92; }
.tree-icon .ui-icon { width: 15px; height: 15px; }
.tree-icon-folder, .tree-icon-page { border: 0; background: transparent; }
.tree-icon-folder::before, .tree-icon-page::after { display: none; }
.tree-branch { width: 9px; height: 16px; margin: -8px 0 0; border-color: #c9d2dc; }
.tree-item { grid-template-columns: 16px minmax(0,1fr); column-gap: 7px; min-height: 45px; padding: 5px 6px; font-weight: 600; line-height: 15px; }
.tree-item small { grid-column: 2; height: 13px; line-height: 13px; }
.tree-item:hover, .tree-item.is-selected { padding: 5px 6px; font-weight: 600; }
.tree-category .tree-item { margin-left: 12px; }
.tree-category-title .tree-category-action, .tree-file-actions button, .tree-root .tree-actions button { display: grid; width: 24px; height: 24px; min-width: 24px; place-items: center; border: 0; border-radius: 3px; background: transparent; color: #637a92; padding: 0; }
.tree-category-title .tree-category-action .ui-icon, .tree-file-actions .ui-icon, .tree-root .tree-actions .ui-icon { width: 14px; height: 14px; }
.tree-category-title .tree-category-action:hover, .tree-file-actions button:hover, .tree-root .tree-actions button:hover { background: #eaf0f5; color: #26384e; }
.tree-root { min-height: 34px; margin: 5px 0 3px; border-radius: 3px; background: #f0f3f5; padding: 5px 7px; }
.tree-root-name { display: inline-flex; min-width: 0; align-items: center; gap: 6px; }.tree-root-name .ui-icon { width: 15px; height: 15px; color: #566f89; }.tree-root-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tree-root-count { display: grid !important; min-width: 18px !important; height: 18px !important; place-items: center; border-radius: 3px; background: #e8ca50 !important; padding: 0 4px; font-size: 10px !important; }
.tree-root .tree-actions { display: flex; gap: 1px; margin-left: 4px; }.tree-root .tree-actions button { width: 22px; min-width: 22px; height: 22px; }
.reference-node { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; }.reference-node > .tree-item { width: 100%; }.tree-file-actions { display: flex; gap: 1px; padding-top: 5px; }
.comment-heart { display: inline-flex; min-height: 26px; align-items: center; gap: 4px; }.comment-heart .ui-icon { width: 14px; height: 14px; }.comment-heart.is-active { color: #b73455; }

@media (max-width: 1100px) { .topbar { padding-inline: 20px; }.view { padding-inline: 20px; }.home-summary-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }.home-workspace-grid { grid-template-columns: 1fr; }.recent-list { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 850px) { .brand-lockup { justify-items: start; }.brand-lockup strong { text-align: left; }.top-actions { gap: 6px; }.top-actions .profile-button b { display: none; }.home-quick-actions { justify-content: flex-start; }.recent-list { grid-template-columns: 1fr; }.tree-resizer { display: none; } }

/* Release UI system: stable operational controls and explorer layout. */
:root { --control-h: 34px; --radius: 4px; --panel-line: #d9dfe5; --panel-hover: #f4f7fa; --panel-selected: #eaf0f5; --focus-ring: #295f9e; }
.primary-action, .secondary-action, .quiet-action, .editor-submit, .text-button {
  display: inline-flex;
  min-height: var(--control-h);
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
}
.icon-button { display: grid; width: var(--control-h); height: var(--control-h); min-width: var(--control-h); place-items: center; border: 1px solid #bfc9d4; border-radius: var(--radius); background: #fff; color: #26384e; padding: 0; }
.icon-button:hover { border-color: #74879a; background: #f4f7fa; }
.primary-action, .editor-submit { border-color: #193553; background: #193553; color: #fff; box-shadow: none; }
.primary-action:hover, .editor-submit:hover { border-color: #102941; background: #102941; transform: none; box-shadow: none; }
.category-form button, .comment-form button { display: inline-flex; min-height: var(--control-h); align-items: center; justify-content: center; border: 1px solid #193553; border-radius: var(--radius); background: #193553; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: 650; line-height: 18px; box-shadow: none; }
.category-form button:hover, .comment-form button:hover { border-color: #102941; background: #102941; transform: none; box-shadow: none; }
.secondary-action { border-color: #bfc9d4; background: #fff; color: #26384e; }
.secondary-action:hover { border-color: #74879a; background: #f4f7fa; }
.secondary-action.is-active { border-color: #718092; background: #eaf0f5; color: #1f3852; }
.quiet-action, .text-button { background: transparent; color: #26384e; }
.quiet-action:hover, .text-button:hover { background: #edf2f6; border-color: #d5dde5; }
.calendar-today { min-height: var(--control-h); border: 1px solid #bfc9d4; border-radius: var(--radius); background: #fff; color: #26384e; padding: 6px 10px; font-size: 12px; font-weight: 650; line-height: 18px; }
.calendar-today:hover { border-color: #74879a; background: #f4f7fa; }
.primary-action:focus-visible, .secondary-action:focus-visible, .quiet-action:focus-visible, .text-button:focus-visible, .icon-button:focus-visible, .storage-item:has(.storage-item-main:focus-visible) { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.home-quick-actions > .primary-action { min-width: 112px; }

/* State is conveyed by neutral paint only: no left rail or geometry changes. */
.primary-nav .nav-item.is-active, .nav-item.is-active { background: #263b58; box-shadow: none !important; }
.tree-item.is-selected, .storage-item.is-selected { background: var(--panel-selected); box-shadow: none !important; color: var(--ink); }
.tree-item:hover, .tree-category-title:hover, .storage-item:hover { background: var(--panel-hover); box-shadow: none; }
.tree-item, .tree-item:hover, .tree-item.is-selected { font-weight: 600; }
.recent-card:hover, .landing-sign-in:hover { transform: none; box-shadow: none; }
.notice, .reader-note, .reader-state, .calendar-detail-card p, .audit-detail, .schedule-event, .agenda-list .schedule-event { border-left: 0 !important; }
.schedule-event, .agenda-list .schedule-event { border-inline-start: 0 !important; }
.work-card, .work-card.priority-high, .work-card.priority-critical { border-left: 1px solid #d7dde5; border-inline-start: 1px solid #d7dde5; }
.work-backlog { border-left: 1px solid #d6d8dc; border-inline-start: 1px solid #d6d8dc; }
.tree-resizer:hover::after, .is-resizing-tree .tree-resizer::after { background: #718092; }

/* Shared Drive navigation and destination are explicit. */
.storage-heading { align-items: flex-start; }
.storage-heading h2 { font-size: 22px; }
.storage-breadcrumb { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 6px; color: #5d6d7d; font-size: 12px; line-height: 18px; }
.storage-breadcrumb button { max-width: 210px; overflow: hidden; border: 0; background: transparent; padding: 0; color: #295f9e; font: inherit; text-overflow: ellipsis; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.storage-breadcrumb .is-current { max-width: 300px; overflow: hidden; color: #32465c; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.storage-breadcrumb-separator { color: #9aa6b1; }
.storage-location { display: flex; min-width: 0; align-items: center; gap: 10px; border-bottom: 1px solid var(--panel-line); padding: 8px 2px 10px; }
.storage-location > span { flex: 0 0 auto; color: #718092; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.storage-location .storage-breadcrumb { margin: 0; }
.storage-drop-zone { min-height: 58px; border-color: #aebbc8; border-radius: var(--radius); background: #fbfcfd; }
.storage-drop-zone:hover, .storage-drop-zone:focus-visible { border-color: #66829c; background: #f4f7fa; }
.storage-drop-zone span:last-child { max-width: min(48%, 470px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* One DTO, two stable explorer modes. */
.storage-table-head { grid-template-columns: minmax(280px, 1fr) 150px 120px 88px 34px; padding-inline: 12px; }
.storage-list { border: 1px solid var(--panel-line); border-top: 0; }
.storage-item { display: grid; grid-template-columns: minmax(0, 1fr) 28px; min-width: 0; min-height: 48px; align-items: stretch; gap: 0; border: 0; border-bottom: 1px solid #e5e8eb; border-radius: 0; background: #fff; padding: 0; color: inherit; cursor: default; }
.page-lifecycle { display: inline-flex; width: fit-content; align-items: center; min-height: 22px; margin-left: 6px; border: 1px solid #c9d3dc; border-radius: 3px; background: #f4f7fa; padding: 1px 6px; color: #40576d; font-size: 10px; font-weight: 700; line-height: 18px; vertical-align: middle; }
.page-lifecycle-published { border-color: #89bfa4; background: #eef7f0; color: #27623b; }.page-lifecycle-review-requested { border-color: #d4b260; background: #fff8e5; color: #765615; }.page-lifecycle-changes-requested { border-color: #d5a08d; background: #fff2ee; color: #8a3f29; }.page-lifecycle-archived { color: #65717d; }
.reader-actions { flex-wrap: wrap; gap: 6px; }.reader-actions .primary-action, .reader-actions .secondary-action, .reader-actions .quiet-action, .reader-actions .text-button { min-height: 30px; }
.comment-replies[hidden] { display: none; }.comment .icon-button { width: 26px; min-width: 26px; height: 26px; margin-left: 5px; vertical-align: middle; }.comment-actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 7px; }.comment-actions small { max-width: min(100%, 320px); overflow: hidden; margin: 0; text-overflow: ellipsis; white-space: nowrap; }
.work-card { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: start; min-height: 96px; padding: 8px; }.work-card-main { display: grid; min-width: 0; gap: 5px; border: 0; background: transparent; padding: 0; color: inherit; text-align: left; }.work-card-main strong, .work-card-main small { overflow: hidden; text-overflow: ellipsis; }.work-card-main strong { display: -webkit-box; font-size: 12px; font-weight: 650; line-height: 17px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.work-card-main small { white-space: nowrap; }.work-select { display: grid; width: 18px; height: 18px; place-items: center; padding-top: 2px; }.work-select input { margin: 0; }.work-key { color: #6c7b8a; font-size: 10px; font-weight: 700; line-height: 14px; }.work-card:has(.work-card-main:focus-visible) { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.home-announcements { margin-top: 12px; }.home-announcements .home-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }.home-announcements .home-list-item { min-height: 56px; border: 1px solid var(--panel-line); background: #fff; padding: 9px 10px; text-align: left; }.home-announcements .home-list-item:hover { background: var(--panel-hover); }
.audit-row p { margin: 2px 0 0; color: #40576d; font-size: 12px; line-height: 18px; white-space: pre-wrap; }.audit-row small { color: #6c7b8a; font-size: 11px; }
@media (max-width: 850px) { .reader-actions { align-items: stretch; }.reader-actions > * { flex: 1 1 auto; }.work-toolbar { align-items: stretch; }.work-toolbar .secondary-action, .work-toolbar .primary-action { flex: 1 1 140px; }.home-announcements .home-list { grid-template-columns: 1fr; } }
.storage-item:last-child { border-bottom: 0; }
.storage-item-main { display: grid; grid-template-columns: 28px minmax(180px, 1fr) 150px 120px 88px; min-width: 0; min-height: 48px; align-items: center; gap: 9px; border: 0; background: transparent; padding: 7px 12px; color: inherit; font: inherit; text-align: left; }
.storage-item-icon { display: grid; width: 24px; height: 24px; place-items: center; color: #5d7690; }
.storage-item-icon .ui-icon { width: 19px; height: 19px; }
.storage-item-name { min-width: 0; }
.storage-item-name strong { display: block; overflow: hidden; color: #1f3147; font-size: 12px; font-weight: 650; line-height: 17px; text-overflow: ellipsis; white-space: nowrap; }
.storage-item-name small, .storage-item-owner, .storage-item time, .storage-item-size { overflow: hidden; color: #68798a; font-size: 11px; line-height: 15px; text-overflow: ellipsis; white-space: nowrap; }
.storage-item-more { display: grid; width: 28px; height: 28px; min-width: 28px; align-self: center; justify-self: center; place-items: center; border: 0; border-radius: 3px; background: transparent; color: #64778a; padding: 0; }
.storage-item-more:hover { background: #eaf0f5; color: #25394f; }
.storage-list.is-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); border-top: 1px solid var(--panel-line); }
.storage-list.is-grid .storage-item { position: relative; display: block; min-height: 208px; border-right: 1px solid #e5e8eb; border-bottom: 1px solid #e5e8eb; }
.storage-list.is-grid .storage-item-main { display: grid; grid-template-columns: 1fr; grid-template-rows: minmax(104px, 1fr) auto auto; width: 100%; min-height: 208px; align-items: start; gap: 0; padding: 13px; }
.storage-list.is-grid .storage-item-icon { grid-column: 1; grid-row: 1; align-self: center; justify-self: center; width: 72px; height: 72px; color: #4d6e8b; }
.storage-list.is-grid .storage-item-icon .ui-icon { width: 52px; height: 52px; stroke-width: 1.45; }
.storage-list.is-grid .storage-item-name { grid-column: 1 / -1; grid-row: 2; padding-top: 10px; }
.storage-list.is-grid .storage-item-name strong { display: -webkit-box; min-height: 34px; overflow: hidden; font-size: 12px; line-height: 17px; text-overflow: initial; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.storage-list.is-grid .storage-item-name small { display: block; margin-top: 3px; }
.storage-list.is-grid .storage-item-owner, .storage-list.is-grid .storage-item time, .storage-list.is-grid .storage-item-size { display: none; }
.storage-list.is-grid .storage-item-more { position: absolute; top: 9px; right: 9px; }
.storage-detail { border-color: var(--panel-line); border-radius: var(--radius); box-shadow: none; }
.storage-detail .section-heading { align-items: flex-start; }
.storage-detail h3 { overflow-wrap: anywhere; }
.detail-command-group { display: flex; flex-wrap: wrap; gap: 6px; }
.storage-preview { min-height: 380px; border-color: var(--panel-line); }

/* Preserve the explorer row contract through the tablet breakpoint. */
@media (max-width: 850px) {
  .storage-item { grid-template-columns: minmax(0, 1fr) 28px; }
  .storage-item-main { grid-template-columns: 28px minmax(0, 1fr); }
  .storage-list.is-grid .storage-item { display: block; grid-template-columns: none; }
}

@media (max-width: 800px) {
  .storage-heading { align-items: flex-start; flex-direction: column; }
  .storage-actions { width: 100%; justify-content: flex-start; }
  .storage-table-head { display: none; }
  .storage-item { grid-template-columns: minmax(0, 1fr) 28px; }
  .storage-item-main { grid-template-columns: 28px minmax(0, 1fr); }
  .storage-item-owner, .storage-item time, .storage-item-size { display: none; }
  .storage-list.is-grid { grid-template-columns: repeat(auto-fill, minmax(164px, 1fr)); }
  .storage-list.is-grid .storage-item, .storage-list.is-grid .storage-item-main { min-height: 186px; }
  .storage-list.is-grid .storage-item-icon { width: 62px; height: 62px; }
  .storage-list.is-grid .storage-item-icon .ui-icon { width: 44px; height: 44px; }
  .storage-drop-zone { align-items: flex-start; flex-wrap: wrap; }
  .storage-drop-zone span:last-child { width: 100%; max-width: none; margin-left: 26px; white-space: normal; }
  .storage-breadcrumb .is-current { max-width: 180px; }
}

/* Multi-select remains a compact explorer affordance in both table and tile views. */
.storage-selection-toolbar { display: flex; min-height: 42px; align-items: center; gap: 8px; border: 1px solid var(--panel-line); border-bottom: 0; background: #f7f9fb; padding: 5px 10px; }
.storage-selection-toolbar strong { margin-right: auto; color: #30485f; font-size: 12px; }.storage-item { grid-template-columns: 34px minmax(0, 1fr) 34px; }.storage-item-check { display: grid; width: 34px; place-items: center; }.storage-item-check input { width: 15px; height: 15px; margin: 0; }.storage-item.is-multi-selected { background: #edf3f7; }.storage-list.is-grid .storage-item-check { position: absolute; z-index: 2; top: 12px; left: 11px; width: 20px; height: 20px; border-radius: 3px; background: #fff; }.storage-upload-row { grid-template-columns: 22px minmax(0, 1fr) 42px auto; }.storage-upload-row .quiet-action, .storage-upload-row .secondary-action { min-height: 28px; }
@media (max-width: 850px) { .storage-item { grid-template-columns: 30px minmax(0, 1fr) 28px; }.storage-item-check { width: 30px; }.storage-selection-toolbar { flex-wrap: wrap; }.storage-selection-toolbar strong { flex: 1 0 100%; } }

/* Admin operations stays data-dense rather than becoming another dashboard. */
.section-actions { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; }
.operations-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--panel-line); background: #fff; }
.operations-summary span { display: grid; min-width: 0; gap: 3px; border-right: 1px solid var(--panel-line); padding: 10px 12px; color: #40576d; font-size: 12px; line-height: 17px; }
.operations-summary span:last-child { border-right: 0; }.operations-summary strong { color: #718092; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.operations-review { display: grid; border: 1px solid var(--panel-line); border-top: 0; background: #fff; }.operations-review article { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, .7fr); gap: 12px; min-height: 38px; align-items: center; border-bottom: 1px solid #e5e8eb; padding: 7px 12px; }.operations-review article:last-child { border-bottom: 0; }.operations-review strong, .operations-review span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.operations-review strong { font-size: 12px; font-weight: 650; }.operations-review span { color: #68798a; font-size: 11px; }
@media (max-width: 850px) { .operations-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }.operations-summary span:nth-child(2) { border-right: 0; }.operations-summary span:nth-child(-n + 2) { border-bottom: 1px solid var(--panel-line); }.operations-review article { grid-template-columns: 1fr; gap: 2px; } }
.revision-compare { margin-top: 12px; border-top: 1px solid var(--panel-line); padding-top: 10px; }.revision-compare-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.revision-compare-grid article { min-width: 0; border: 1px solid var(--panel-line); background: #fff; padding: 10px; }.revision-compare-grid article > strong, .revision-compare-grid article > small { display: block; }.revision-compare-grid article > small { overflow: hidden; margin-top: 3px; color: #68798a; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.revision-compare-grid pre { max-height: 260px; overflow: auto; margin: 8px 0 0; white-space: pre-wrap; font: 11px/17px ui-monospace, SFMono-Regular, Menlo, monospace; }
@media (max-width: 700px) { .revision-compare-grid { grid-template-columns: 1fr; } }

.storage-explorer-controls { display:flex; align-items:end; gap:8px; margin:12px 0; }.storage-explorer-controls label { display:grid; gap:4px; min-width:0; color:#657587; font-size:10px; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }.storage-explorer-controls label:first-child { flex:1; }.storage-explorer-controls input,.storage-explorer-controls select { min-height:34px; border:1px solid var(--panel-line); border-radius:var(--radius); background:#fff; padding:6px 9px; color:#24374d; font:inherit; font-size:12px; letter-spacing:0; text-transform:none; }.storage-explorer-controls input { width:100%; }.storage-explorer-controls select { min-width:156px; }
@media (max-width: 700px) { .storage-explorer-controls { align-items:stretch; flex-direction:column; }.storage-explorer-controls select { min-width:0; width:100%; }.global-search-wrap { left:12px; right:12px; width:auto; }.global-search-controls { grid-template-columns:1fr; } }