/* Compact channel overview: familiar file/task symbols, no decorative status claims. */
.room-context-panel .context-tabs{display:flex;gap:3px;padding:3px;background:#09121bb8;border:1px solid #263341;border-radius:9px;margin-bottom:10px}.context-tab{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;min-height:36px;padding:7px 9px;background:transparent;color:#8498ac;border-radius:6px;font-size:12px}.context-tab[aria-selected=true]{color:#e4edf7;background:#223345}.context-tab-count{min-width:17px;padding:0 4px;line-height:17px;border-radius:5px;background:#10202e;color:#aac8e2;font-size:10px}.context-icon{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.room-context-panel .context-section-heading{min-height:22px;margin:0 0 5px}.room-context-panel .context-section-heading h3{font-size:10px;font-weight:600;color:#71899f;letter-spacing:.03em}.room-context-panel .context-all{font-size:10px;padding:2px 4px;min-height:26px}.room-context-panel .context-files{margin:0}.room-context-panel .context-files[hidden],.room-context-panel .context-tasks[hidden]{display:none}.room-context-panel .context-empty{padding:10px 2px;margin:0;font-size:11px;color:#6e849a}.context-share{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:9px 7px;text-align:left;color:#a8c2d9;border-radius:7px;background:transparent;border:0;border-bottom:1px solid #20303f}.context-share:hover,.context-share:focus-visible{background:#1c2b3a}.context-share-copy{min-width:0;display:block;flex:1}.context-share strong,.context-share small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.context-share strong{font-size:12px;font-weight:500;color:#d8e6f3}.context-share small{font-size:10px;color:#7c93a9;margin-top:3px}.room-context-panel .context-file{padding:8px 7px!important;border:0;border-bottom:1px solid #20303f;border-radius:0;background:transparent!important;margin:0;align-items:center}.room-context-panel .context-file>.context-icon{color:#9ab9d3}.room-context-panel .context-file .file-card-info strong{font-size:12px;font-weight:500}.room-context-panel .context-file .file-card-info span{font-size:10px;color:#7c93a9}.room-context-panel .context-file button{border:0;background:#203143;min-height:28px;border-radius:5px}.room-context-panel .context-task{display:flex;align-items:flex-start;gap:9px;background:transparent;border:0;border-bottom:1px solid #20303f;border-radius:0;padding:9px 7px;margin:0}.context-task>.context-icon{margin-top:2px;color:#8aacc9}.context-task-body{flex:1;min-width:0}.context-task-title{display:block;text-align:left;background:transparent;color:#d8e6f3;font-size:12px;line-height:1.5;padding:0;margin:0;overflow-wrap:anywhere}.context-task-title:is(button):hover{text-decoration:underline}.room-context-panel .context-task-status{font-size:10px;color:#7795b0}.room-context-panel .context-task p{margin:0}.context-tab:focus-visible,.context-share:focus-visible,.context-task-title:focus-visible{outline:2px solid #7db1da;outline-offset:1px}
/* Progressive member tools stay in the member header rather than the scene. */
.agent-management-button{margin-left:auto;font-size:11px;padding:6px 9px;min-height:32px;border:1px solid #34495d;border-radius:7px;color:#bfd5e9;background:#1a2a39}.agent-manager-list{display:grid;gap:7px;margin:12px 0}.agent-manager-row{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #304356;border-radius:8px}.agent-manager-row>strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.invite-history-link{display:block;justify-self:start;align-self:flex-start;text-align:left;text-decoration:underline;text-underline-offset:3px;color:#8db7db;padding:8px 0;font-size:12px;background:none}.invite-advanced{margin-top:12px;border-top:1px solid #293e50;padding-top:9px;font-size:11px;color:#8ca4b8}.invite-advanced summary{cursor:pointer}.invite-advanced[open]>button{margin-top:9px}.invite-history-list{display:grid;gap:7px}.invite-history-row{margin:0}.invite-history-row p{margin:3px 0}.member-info .notification-scope{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#7e94a6}.member-info .command-blocked-badge{background:#223344;color:#9ab1c5;border-color:#344c62}
.member-info .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* File, image and URL resources stay distinct; tasks retain their own tab. */
.room-context-panel .context-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.room-context-panel .context-tab{gap:4px;padding:7px 3px;font-size:11px;min-height:40px;white-space:nowrap}.room-context-panel .context-tab .context-icon{width:15px;height:15px;flex-basis:15px}.room-context-panel .context-images[hidden],.room-context-panel .context-links[hidden]{display:none}
.context-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}.context-image-tile{min-width:0;margin:0;overflow:hidden}.context-image-tile>div{min-width:0;min-height:64px;aspect-ratio:1;max-width:100%;background:#102232;border-radius:7px;overflow:hidden}.context-image-tile .media-preview{display:block}.context-image-tile img{display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:1;object-fit:cover;cursor:zoom-in}.context-image-tile img:focus-visible{outline:2px solid #a0d8ff;outline-offset:-3px}.context-image-tile .media-capability-note{display:none}.context-image-tile figcaption{font-size:10px;line-height:1.4;color:#9eb6ca;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:4px}.context-image-tile .media-failure{font-size:10px;overflow-wrap:anywhere;aspect-ratio:auto;padding:5px}.context-image-grid>.context-share{grid-column:1/-1}.context-link{display:grid;grid-template-columns:17px minmax(0,1fr);gap:4px 7px;padding:9px 2px;border-bottom:1px solid #294055;min-width:0}.context-link a{font-size:12px;color:#b9d9f1;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.context-link small{grid-column:2;color:#8da8bd;font-size:10px}

.context-image-tile:focus-visible{outline:2px solid #a0d8ff;outline-offset:2px}.context-history-scope{font-size:11px;color:#9eb6ca;margin:0 0 8px}
/* Tasks lead the room context. A persistent shape and label accompany the accent. */
.room-context-panel .context-tab[data-context-kind=tasks]{color:#dcd0ff;border:1px solid #7761a1;background:#29223b;font-weight:700}
.room-context-panel .context-tab[data-context-kind=tasks][aria-selected=true]{color:#fff4ff;background:#594178;border-color:#bea0eb;box-shadow:inset 0 -3px #d5b6ff}
.room-context-panel .context-tab[data-context-kind=tasks] .context-tab-count{color:#f0e5ff;background:#403153}
.room-context-panel .context-tab[data-context-kind=tasks]:focus-visible{outline-color:#ddc3ff;outline-offset:3px}
.context-task-toolbar,.task-list-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 12px}
.context-task-filters,.context-task-pages{display:flex;flex-wrap:wrap;gap:4px}
.context-task-filter,.context-task-retry{min-height:32px;padding:6px 9px;font-size:11px;color:#bed0e0;background:#172b3c;border:1px solid #405366;border-radius:7px}
.context-task-filter[aria-pressed=true]{color:#f2e8ff;background:#463554;border-color:#a48dbb}
.context-task-create{min-height:34px;padding:7px 10px;font-size:12px;font-weight:700;color:#fbf5ff;background:#614478;border:1px solid #b395c9;border-radius:7px}
.context-task-create:hover{background:#765590}
.context-task-create:focus-visible,.context-task-filter:focus-visible,.context-task-retry:focus-visible,.task-status-control select:focus-visible{outline:2px solid #e5c8ff;outline-offset:2px}
.context-task-create:disabled,.context-task-filter:disabled{opacity:.55;cursor:wait}
.context-task[data-task-status=done]>.context-icon{color:#a9d8c0}
.room-context-panel .context-task-status{color:#aec1d1}
.task-status-control{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:9px}
.task-status-control select{min-height:34px;max-width:100%;padding:5px 28px 5px 8px;color:#f1e8f7;background:#263445;border:1px solid #8e779f;border-radius:7px;font-size:12px}
.task-status-feedback{font-size:11px;color:#edcaaa}
.context-task-pages{margin-top:10px}
@media(max-width:480px){.task-list-toolbar{align-items:flex-start}.task-status-control select{min-height:40px}.context-task-create,.context-task-filter{min-height:40px}}

.context-task-record-note{display:block;font-size:10px;line-height:1.5;color:#afc2d4;margin-top:3px}
/* Unified attachment manager; folder placement changes metadata, never access. */
.room-context-panel .context-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.room-context-panel{display:flex;flex-direction:column;min-height:0;flex:1}
.room-context-panel>.context-storage{margin-top:auto;padding-top:10px;flex-shrink:0}
.room-context-column>.room-context-panel{flex:1;min-height:0;overflow:auto}
.room-storage-compact{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;line-height:1.4;color:#8ca7bb;border-top:1px solid #263847;padding:7px 2px}
.room-storage-compact .room-storage-manage{padding:3px 6px;min-height:26px;font-size:10px;margin:0;background:transparent;border:0}
.room-file-manager{min-width:0;padding:2px 0 10px}
.file-manager-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:8px}
.file-manager-toolbar :is(button,select,input){font-size:11px;min-height:29px;min-width:0;padding:4px 6px;background:#152635;border:1px solid #314555;border-radius:5px;color:#c8dbe9}
.file-manager-toolbar .file-manager-search{flex:1 1 120px;width:100px}
.file-manager-toolbar select{max-width:110px}
.file-manager-layout{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:9px;min-height:180px}
.file-manager-layout[data-tree=false]{grid-template-columns:minmax(0,1fr)}
.file-manager-tree{border-right:1px solid #293d4d;padding-right:6px;min-width:0}
.file-manager-tree[hidden]{display:none}
.file-manager-tree .file-folder{display:block;width:100%;text-align:left;padding:6px 5px;background:transparent;color:#aec6d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;min-height:30px}
.file-manager-tree .file-folder[aria-current=true]{background:#263c4f;color:#edf5fc;border-radius:5px}
.file-tree-row{display:flex;min-width:0;align-items:center}.file-tree-row>button:first-child{width:18px;flex-shrink:0;background:transparent;color:#8da6bb;padding:2px;min-height:28px}
.file-folder-create{display:flex;flex-direction:column;gap:5px;margin-top:12px}.file-folder-create :is(input,button){width:100%;min-width:0;font-size:10px;padding:5px;min-height:29px}
.file-manager-content{min-width:0}.file-manager-path{font-size:11px;color:#afc9dd;margin:3px 0 9px;overflow-wrap:anywhere}
.file-manager-items{display:grid;gap:6px}.file-manager-items[data-view=grid]{grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr))}
.file-manager-item{min-width:0;padding:7px;background:#10202d;border:1px solid #263b4a;border-radius:6px;overflow:hidden}
.file-manager-item .file-card{padding:0!important;margin:0!important;border:0;background:transparent!important;flex-wrap:wrap;min-width:0}.file-manager-item .file-card-info{min-width:0}.file-manager-item .file-card-info strong{font-size:11px}.file-manager-item .file-card button{font-size:10px;padding:4px;min-height:26px}
.file-type-label{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#6f9ab8;font-size:15px;line-height:1;margin-bottom:3px}.file-type-label svg{width:16px;height:16px}.file-manager-name{display:block;max-width:100%;padding:0;background:transparent;color:#d2e7f7;font-size:11px;text-align:left;overflow-wrap:anywhere}
.file-manager-item small{display:block;color:#849db1;font-size:10px;margin-top:3px}.file-manager-item select{display:block;width:100%;min-width:0;font-size:10px;padding:3px;margin-top:7px;background:#1b3041;color:#bdd4e5;border:1px solid #365063;border-radius:4px}
.file-manager-preview{height:90px;overflow:hidden;margin-bottom:5px;display:flex;align-items:center;justify-content:center}.file-manager-preview img{max-height:90px;width:100%;object-fit:contain}.file-manager-note,.file-manager-error{font-size:10px;color:#98afc1;line-height:1.5}.file-manager-error{color:#e7b7a4}.file-manager-error button{margin:4px;font-size:11px}
.room-file-manager :is(button,input,select):focus-visible{outline:2px solid #b395c9;outline-offset:2px}
.file-cloud-form{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 10px;padding:10px;border:1px solid #365063;border-radius:7px;background:#10202d;min-width:0}.file-cloud-form strong{font-size:12px}.file-cloud-form label{display:grid;gap:4px;font-size:11px;color:#afc9dd}.file-cloud-form :is(input,select){box-sizing:border-box;width:100%;min-width:0;padding:7px;background:#1b3041;color:#d2e7f7;border:1px solid #365063;border-radius:4px}.file-cloud-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.file-cloud-actions button{font-size:11px;min-height:28px;padding:4px 7px}.file-manager-item .file-cloud-badge{display:inline-block;color:#9acbd8;margin:0 0 4px 5px}.file-cloud-domain{overflow-wrap:anywhere}.file-cloud-form button:disabled{opacity:.5;cursor:wait}


/* A single compact task surface: two text lines, avatar stack, status. */
.room-context-panel .context-tasks{box-sizing:border-box;min-width:0;padding:10px;background:#14202dcc;border:1px solid #405065;border-radius:10px}
.room-context-panel .context-task{display:grid;grid-template-columns:minmax(0,1fr) minmax(44px,72px) 100px;align-items:center;gap:6px;padding:4px 0;min-height:44px}
.room-context-panel .context-task:last-child{border-bottom:0}
.room-context-panel .context-task-body{position:relative;min-width:0;padding:3px 0}
.room-context-panel .context-task-title{width:100%;min-width:0;min-height:0;max-height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}
.room-context-panel button.context-task-title::after{content:'';position:absolute;inset:0;min-height:44px}
.room-context-panel .context-task-meta{display:flex;gap:6px;min-width:0;height:16px;line-height:16px;color:#aec1d1;overflow:hidden;white-space:nowrap;font-size:10px}
.room-context-panel .context-task-record-note{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:10px;line-height:16px}
.room-context-panel .context-task-time{flex:none}
.room-context-panel .context-task-people{min-width:0;display:flex;justify-content:center}
.room-context-panel .context-assignment-compact{position:relative;display:flex;justify-content:center;flex-wrap:nowrap;gap:0;margin:0;min-height:44px;min-width:44px;max-width:72px;align-items:center}
.room-context-panel .context-assignment-compact .assignment-cat{flex:0 1 28px;min-width:0;overflow:visible}
.room-context-panel .context-assignment-compact .assignment-cat+.assignment-cat{margin-left:-9px}
.room-context-panel .context-assignment-compact .assignment-avatar{width:26px;height:26px;background:#14202d;box-shadow:0 0 0 2px #14202d}
.room-context-panel .context-assignment-compact .assignment-cat-copy,.room-context-panel .context-assignment-compact .assignment-empty,.room-context-panel .context-assignment-compact .assignment-unavailable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.room-context-panel .context-assignment-compact:has(.assignment-empty)::before,.room-context-panel .context-assignment-compact:has(.assignment-unavailable):not(:has(.assignment-cat))::before{content:'?';display:grid;place-items:center;width:26px;height:26px;border:1px dashed #72869a;border-radius:50%;font-size:12px;color:#bed0e0}
.room-context-panel .context-assignment-compact .assignment-edit{position:absolute;inset:0;min-width:44px;min-height:44px;padding:0;font-size:0;border:0;background:transparent;border-radius:7px}
.room-context-panel .context-assignment-compact .assignment-edit:hover{background:#c7b6ef18}
.room-context-panel .context-assignment-compact .assignment-edit:focus-visible{outline:2px solid #e5c8ff;outline-offset:1px}
.room-context-panel .context-task>.task-status-control{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;min-width:0}
.room-context-panel .context-task .task-status-control select{box-sizing:border-box;width:100%;min-height:44px;padding:4px 2px;font-size:11px}
.room-context-panel .context-task .task-status-feedback:empty{display:none}
.room-context-panel .context-task .task-status-feedback{font-size:10px;overflow-wrap:anywhere}
.room-context-panel .context-task>.context-task-status{text-align:right;font-size:11px}
@media(max-width:480px){.room-context-panel .context-tasks{padding:8px}.room-context-panel .context-task{grid-template-columns:minmax(0,1fr) 52px 84px;gap:4px}.room-context-panel .context-assignment-compact{max-width:52px}.room-context-panel .context-task-meta{gap:4px}.room-context-panel .context-task-toolbar{margin:4px 0 6px}.room-context-panel .context-task-create,.room-context-panel .context-task-filter{min-height:44px}}
.room-context-panel .context-assignment-compact .assignment-cat[hidden]{display:none}
.room-context-panel .context-assignment-more{flex:none;z-index:1;margin-left:-7px;display:grid;place-items:center;min-width:22px;height:24px;background:#263445;border:1px solid #72869a;border-radius:50%;font-size:10px;color:#e1e9f2;pointer-events:none}
.room-context-panel .context-assignment-compact .assignment-edit{z-index:2}
/* Completion rules are a fixed overlay, never another column of wrapping copy. */
.completion-rule-icon{display:none}
.room-context-panel .context-assignment-compact .completion-rule{position:absolute;right:0;bottom:1px;z-index:3;box-sizing:border-box;display:grid;place-items:center;width:18px;height:18px;margin:0;padding:1px;line-height:1;border:1px solid #72869a;border-radius:6px;background:#263445;color:#e1e9f2}
.room-context-panel .context-assignment-compact .completion-rule-icon{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.room-context-panel .context-assignment-compact .completion-rule-copy,.room-context-panel .context-task .task-status-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Task controls share one compact, wrapping toolbar; results own their footer. */
.room-context-panel .context-task-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;margin:0;padding:0 0 8px;border-bottom:1px solid #405065}
.room-context-panel .context-task-filters{display:flex;flex-wrap:nowrap;gap:2px;min-width:0}
.room-context-panel .context-task-filter{min-width:44px;min-height:44px;padding:6px 8px;white-space:nowrap}
.room-context-panel .context-task-actions{display:flex;flex-wrap:nowrap;gap:0;margin-left:auto;flex-shrink:0}
.room-context-panel .context-task-icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;color:#bdd0e1;background:transparent;border:1px solid transparent;border-radius:7px}
.room-context-panel .context-task-icon:hover,.room-context-panel .context-task-icon[aria-expanded=true]{background:#253647;border-color:#6a8096}
.room-context-panel .context-task-icon[aria-pressed=true]{color:#eedbff;background:#463554}
.room-context-panel .context-task-icon:focus-visible,.room-context-panel .context-task-tool-control:focus-visible{outline:2px solid #e5c8ff;outline-offset:2px}
.room-context-panel .context-task-icon.context-task-create{color:#fbf5ff;background:#614478;border-color:#b395c9;margin-left:4px}
.room-context-panel .context-task-tools{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 0;border-bottom:1px solid #405065}
.room-context-panel .context-task-tools[hidden]{display:none}
.room-context-panel .context-task-tool-label{flex-shrink:0;font-size:11px;color:#b6c8d8}
.room-context-panel .context-task-tool-control{box-sizing:border-box;flex:1;min-width:0;max-width:100%;min-height:44px;padding:8px;border:1px solid #60748a;border-radius:7px;background:#101e2c;color:#e3edf7;font:inherit;font-size:12px}
.room-context-panel .context-task-load-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 0;font-size:11px;color:#b6c8d8}
.room-context-panel .context-task-retry{min-height:44px}
.room-context-panel .context-task-pages{justify-content:center;margin-top:8px;padding-top:8px;border-top:1px solid #405065}
@media(max-width:480px){.room-context-panel .context-task-toolbar{margin:0}.room-context-panel .context-task-filter{padding-inline:6px}}

/* Keep enough task text visible in a narrow room column. */
.room-context-panel .context-task-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;max-height:36px;overflow-wrap:anywhere}
.room-context-panel .context-task-assignee-name{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c5d7e7}
.room-context-panel .context-task-assignee-name+.context-task-record-note{display:none}
/* Respond to the actual column width, including small landscape desktops. */
.room-context-panel .context-tasks{container-type:inline-size;container-name:room-tasks}
@container room-tasks (max-width:360px){
 .room-context-panel .context-task{grid-template-columns:minmax(0,1fr) 44px 84px;gap:4px}
 .room-context-panel .context-assignment-compact{max-width:44px}
}
@container room-tasks (max-width:280px){
 .room-context-panel .context-task{grid-template-columns:minmax(0,1fr) 84px;grid-template-rows:auto auto;gap:0 8px;padding-block:8px}
 .room-context-panel .context-task-body{grid-column:1/-1}
 .room-context-panel .context-task-people{grid-column:1;justify-content:flex-start}
 .room-context-panel .context-task>.task-status-control,.room-context-panel .context-task>.context-task-status{grid-column:2;grid-row:2}
}

.file-directory-create{padding:12px;margin-top:10px;border:1px solid #57768b;border-radius:8px;background:#172c3b}.file-directory-create p{font-size:12px;overflow-wrap:anywhere}.file-directory-create label{display:grid;gap:6px;font-size:12px}.file-directory-create input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;background:#0c171e;color:#edf2f4;border:1px solid #57768b;border-radius:6px;padding:8px}.file-directory-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.file-directory-actions button{min-height:44px;padding:8px 12px}.file-directory-create :focus-visible{outline:2px solid #8ac7b0;outline-offset:2px}

/* Shared file browser: the inline panel and management dialog use these same rows. */
.file-manager-header{display:flex;align-items:center;gap:6px;min-width:0;margin:4px 0 8px}
.file-manager-header>button,.file-manager-tabs button{flex:none;min-height:44px;padding:6px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#b6cad9;font-size:12px;white-space:nowrap}
.file-manager-header>button{border-color:#365064}.file-manager-tabs{display:flex;min-width:0;overflow-x:auto;gap:2px;scrollbar-width:thin;flex:1}
.file-manager-tabs button[aria-pressed=true]{background:#304b61;border-color:#739bbb;color:#fff;font-weight:700;box-shadow:inset 0 -3px #a6c9e5}
.file-manager-usage{flex:none;color:#aebfcc;font-size:11px;white-space:nowrap}
.file-manager-toolbar :is(button,select,input){min-height:36px}.file-manager-toolbar .file-manager-search{flex:1 1 150px}
.file-manager-selection{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#253e51;padding:6px 8px;border-radius:7px;margin-bottom:8px;color:#e4f2ff;font-size:12px}.file-manager-selection button{min-height:36px;padding:5px 10px}
.file-manager-selection input,.file-row-check{width:18px;height:18px;accent-color:#86b4d5}
.file-manager-layout{grid-template-columns:minmax(100px,150px) minmax(0,1fr)}
.file-manager-items{gap:0}.file-manager-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 36px;grid-template-rows:24px 24px;column-gap:10px;align-items:center;padding:9px 6px;border:0;border-bottom:1px solid #293f50;border-radius:0;background:transparent;overflow:visible;min-height:66px;box-sizing:border-box}
.file-manager-item:hover,.file-manager-item:focus-within{background:#203647}.file-manager-item[data-selected=true]{background:#27465e}
.file-manager-item>.file-type-label{grid-column:1;grid-row:1/3;width:40px;height:40px;margin:0;border-radius:7px;background:#253e50;color:#a1c7e2;font-size:26px}.file-type-label svg{width:25px;height:25px}
.file-row-top{grid-column:2/4;grid-row:1;display:flex;align-items:center;gap:12px;min-width:0}.file-row-bottom{grid-column:2;grid-row:2;display:flex;gap:10px;align-items:center;min-width:0;color:#a3b9ca;font-size:11px}
.file-manager-item .file-manager-name{display:block;flex:1;min-width:0;max-width:100%;border:0;background:transparent!important;padding:0!important;min-height:24px;font-size:12px;font-weight:600;color:#e0edf5;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;line-height:24px;text-decoration:none}
.file-row-size{flex:none;color:#afc4d4;font-size:11px}.file-row-owner{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row-date{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-manager-item .file-row-more{grid-column:3;grid-row:2;min-width:36px;min-height:32px;padding:0;background:transparent;border:0;font-size:22px;color:#c8deee;opacity:0;border-radius:4px}
.file-manager-item:is(:hover,:focus-within) .file-row-more,.file-row-more[aria-expanded=true]{opacity:1}
.file-manager-item:has(.file-row-check){grid-template-columns:20px 40px minmax(0,1fr) 36px}.file-row-check{grid-column:1;grid-row:1/3;margin:0}.file-manager-item:has(.file-row-check)>.file-type-label{grid-column:2}.file-manager-item:has(.file-row-check) .file-row-top{grid-column:3/5}.file-manager-item:has(.file-row-check) .file-row-bottom{grid-column:3}.file-manager-item:has(.file-row-check) .file-row-more{grid-column:4}
.file-row-menu{position:absolute;right:5px;top:calc(100% - 4px);z-index:20;min-width:140px;padding:5px;border:1px solid #67839a;border-radius:8px;background:#192d3d;box-shadow:0 8px 24px #0006}.file-row-menu button{display:block;width:100%;text-align:left;min-height:44px;border:0;background:transparent;color:#e1edf7;padding:6px 12px}.file-row-menu button:hover{background:#2f4b60}.file-row-menu .file-delete-action{color:#ffbfc1}
.file-move-form,.file-directory-create{display:grid;gap:10px;margin:8px 0;padding:12px;border:1px solid #6b8aa1;border-radius:8px;background:#193044}.file-move-form :is(select,button),.file-directory-create :is(input,button){min-height:40px;min-width:0}.file-move-form select{width:100%}.file-directory-actions{display:flex;justify-content:flex-end;gap:8px}.file-directory-create p{margin:0;font-size:12px;overflow-wrap:anywhere}.file-directory-create label{display:grid;gap:6px}
.file-manager-feedback{font-size:12px;color:#a7d9b7}.file-manager-error{font-size:12px}
.file-manager-items[data-view=grid]{gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.file-manager-items[data-view=grid] .file-manager-item:has(.file-manager-preview){grid-template-rows:100px 24px 24px}.file-manager-items[data-view=grid] .file-manager-preview{grid-column:1/-1;grid-row:1;height:96px;margin:0}.file-manager-items[data-view=grid] .file-manager-item:has(.file-manager-preview)>.file-type-label{display:none}.file-manager-items[data-view=grid] .file-manager-item:has(.file-manager-preview) .file-row-top{grid-column:1/-1;grid-row:2}.file-manager-items[data-view=grid] .file-manager-item:has(.file-manager-preview) .file-row-bottom{grid-column:1/3;grid-row:3}.file-manager-items[data-view=grid] .file-manager-item:has(.file-manager-preview) .file-row-more{grid-row:3;grid-column:3}.file-manager-preview img{max-height:96px}
@media(hover:none),(pointer:coarse){.file-manager-item .file-row-more{opacity:1;min-height:44px}.file-manager-header>button,.file-manager-tabs button,.file-manager-toolbar :is(button,select,input){min-height:44px}}
@media(max-width:480px){.file-manager-header{gap:3px}.file-manager-header>button,.file-manager-tabs button{padding-inline:7px;font-size:11px}.file-manager-item{column-gap:7px}.file-row-bottom{gap:6px}.file-manager-layout{grid-template-columns:minmax(80px,100px) minmax(0,1fr)}}

.file-manager-item>.file-type-label{position:relative;overflow:hidden;background:#253746;color:#afc9dc;border:1px solid #466073;box-sizing:border-box}
.file-type-label svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.file-type-label .file-format-tag{position:absolute;bottom:2px;left:2px;right:2px;text-align:center;font:700 8px/11px system-ui,sans-serif;color:#f7fafc;background:#425a70;border-radius:2px;letter-spacing:.3px}
.file-type-label[data-format=pdf] .file-format-tag{background:#a74345}.file-type-label:is([data-format=doc],[data-format=txt],[data-format=md]) .file-format-tag{background:#326398}.file-type-label:is([data-format=xls],[data-format=csv]) .file-format-tag{background:#317957}.file-type-label[data-format=ppt] .file-format-tag{background:#9b5636}.file-type-label:is([data-format=zip],[data-format=rar],[data-format="7z"]) .file-format-tag{background:#7a6940}
.file-thumbnail-media{display:none;position:absolute;inset:0;width:100%;height:100%;background:#172936}.file-type-label[data-preview=true] .file-thumbnail-media{display:block}.file-thumbnail-media>:first-child{display:contents!important}.file-thumbnail-media>:first-child>*:not(img){display:none!important}.file-thumbnail-media img{display:block!important;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:5px;cursor:zoom-in}