.ui-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}
#breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.file-main{border:0;background:transparent;text-align:left;color:inherit;padding:0;cursor:pointer}
.file-copy strong,.file-copy small,.history-row strong,.history-row small,.share-info strong,.share-info small{display:block}
.file-copy strong,.share-info strong{overflow-wrap:anywhere}.file-copy small,.share-info small,.history-row small{color:var(--sub);font-size:.77rem}
.file-tag{display:flex;align-items:center;gap:.3rem}.file-head>span{line-height:1.2}
.file-row.selected{background:#f6f0fc}.file-row:not(.file-head):hover{background:#faf7fc}
.dialog-heading,.history-row,.share-line,.photo-nav{display:flex;align-items:center;gap:.65rem}
.dialog-heading{justify-content:space-between;align-items:flex-start}.dialog-heading h2{overflow-wrap:anywhere}
.dialog-body>input,.dialog-body>button{margin-top:.8rem}
.dialog-body>input,.form-field>input,.form-field>select,.dialog-form>input{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:8px;background:white;padding:.72rem;font:inherit}
.form-field,.dialog-form{display:grid;gap:.65rem}
.dialog-sub{color:var(--sub);font-size:.91rem}.form-field{font-weight:600}
.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.55rem}
.history-list{margin-top:1rem}.history-row,.share-line{padding:12px 4px;border-bottom:1px solid var(--line)}
.history-row>div,.share-info{flex:1;min-width:0}.share-line{padding:14px}
.dialog-error{color:#962d4c}.dialog-error:empty{display:none}
#dialog.photo-dialog{max-width:min(880px,95vw);width:880px}
.photo-stage img{display:block;max-width:100%;max-height:58vh;object-fit:contain}
.photo-nav{justify-content:center;margin-top:12px;flex-wrap:wrap}.drop-active{outline:3px dashed #8054a2;outline-offset:-6px}
.ui-icon svg{display:block}.grid-view .empty-state{grid-column:1/-1}

.vault-check{display:flex;gap:.6rem;align-items:center}
.vault-check input{width:1.1rem;height:1.1rem;flex:none}
.arrival-notice:not([hidden]){display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:12px;margin-bottom:1rem;background:#f3eff8;border-radius:8px}

#mobile-path{display:none;position:relative;min-width:0;max-width:100%;color:var(--sub)}
#mobile-path summary{display:flex;align-items:center;gap:5px;min-height:42px;cursor:pointer;list-style:none;font-size:13px;font-weight:600}
#mobile-path summary::-webkit-details-marker{display:none}
#mobile-path summary:focus-visible{outline:2px solid var(--plum);outline-offset:2px}
#path-current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mobile-path[open] summary>i{transform:rotate(180deg)}
#path-options{position:absolute;top:100%;left:0;z-index:5;width:min(18rem,calc(100vw - 5rem));max-height:min(60vh,24rem);overflow:auto;padding:5px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 20px #24152e20}
.path-option{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:6px 9px;border-radius:6px;text-align:left;overflow-wrap:anywhere;font-size:13px}
.path-option:hover,.path-option:focus-visible{background:var(--soft)}
.path-option[aria-current]{color:var(--plum);font-weight:650}
.path-option .ui-icon:last-child:not(:first-child){margin-left:auto}
#vault-status{padding:6px 2px;min-height:32px;flex:none}
#vault-status:hover span{text-decoration:underline;text-underline-offset:3px}
#vault-status[data-state="unknown"] .indicator,#vault-status[data-state="offline"] .indicator{background:#8a8290;box-shadow:0 0 0 3px #eeeaf0}
#vault-status[data-state="limited"] .indicator{background:#a46a1c;box-shadow:0 0 0 3px #f5e9d6}
#inbox-preference{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-10px 0 16px;font-size:12px;color:var(--sub)}
#inbox-preference label{display:inline-flex;align-items:center;gap:7px;min-height:30px;cursor:pointer}
#inbox-preference input{accent-color:var(--plum);margin:0}
#inbox-preference .text-button{font-size:12px}
.file-icon.app-tile{background:var(--tile-paper,#e8edf5);color:var(--tile-ink,#30527c)}
.app-mark{display:grid;place-items:center;min-width:24px;min-height:24px;padding:0 3px;box-sizing:border-box;border-radius:4px;background:var(--tile-ink,#30527c);color:var(--mark-text,white);font:700 12px/1 system-ui,sans-serif;letter-spacing:-.03em;box-shadow:2px 2px 0 0 var(--tile-shadow,#a9b9cd)}
.app-tile.word,.app-tile.outlook,.app-tile.writer,.app-tile.docs{--tile-paper:#e4edfc;--tile-ink:#1857a5;--tile-shadow:#94b6ea}
.app-tile.excel,.app-tile.table,.app-tile.numbers{--tile-paper:#e1f2e9;--tile-ink:#156641;--tile-shadow:#91c5a9}
.app-tile.powerpoint,.app-tile.pages{--tile-paper:#fae9df;--tile-ink:#a63e23;--tile-shadow:#e7ac94}
.app-tile.pdf{--tile-paper:#fae6e5;--tile-ink:#b52e30;--tile-shadow:#e5a3a1}
.app-tile.photoshop,.app-tile.lightroom{--tile-paper:#deeff8;--tile-ink:#092e4a;--mark-text:#7cd5ff;--tile-shadow:#93bed5}
.app-tile.illustrator{--tile-paper:#fff0d8;--tile-ink:#452707;--mark-text:#ffb54d;--tile-shadow:#dfbe80}
.app-tile.indesign{--tile-paper:#f9e4ef;--tile-ink:#591b38;--mark-text:#ffa6d2;--tile-shadow:#d5a4bd}
.app-tile.premiere,.app-tile.design{--tile-paper:#eee8fc;--tile-ink:#43316f;--mark-text:#e0ccff;--tile-shadow:#baa9d8}
.app-tile.keynote,.app-tile.vector{--tile-paper:#e2f0fa;--tile-ink:#215a87;--tile-shadow:#92bada}
.app-tile.android{--tile-paper:#e6f2db;--tile-ink:#325b28;--tile-shadow:#accd91}
.app-tile.raw,.app-tile.archive,.app-tile.slides{--tile-paper:#f5eada;--tile-ink:#775423;--tile-shadow:#ccb78e}
.app-tile.text,.app-tile.code{--tile-paper:#e9e8ef;--tile-ink:#514b60;--tile-shadow:#b5adbf}
.app-tile.photo{--tile-paper:#e3efe9;--tile-ink:#29684f;--tile-shadow:#accfbf}
.app-tile.music,.app-tile.video{--tile-paper:#f5e6ee;--tile-ink:#783a60;--tile-shadow:#cda2be}