/* v0.1.9: compact previews, understandable access and short navigation motion. */
.calm-explorer .list-visual{display:flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:var(--tint)}
.calm-explorer .list-visual .image-visual{width:100%;height:100%;position:relative}.calm-explorer .list-visual .file-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:9px}.calm-explorer .list-visual .document-art{width:30px;height:35px;border-radius:5px;padding:3px;gap:0;box-shadow:none}.calm-explorer .list-visual .document-art>.icon{width:17px;height:17px}.calm-explorer .list-visual .document-art>b{font-size:7px}.calm-explorer .list-visual .folder-art{width:38px;height:34px}
.public-link-indicator{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);background:var(--tint);color:var(--accent);border-radius:7px;padding:4px 6px;font-size:10px;cursor:pointer;max-width:100%;white-space:nowrap}.public-link-indicator .icon{width:13px;height:13px;flex-shrink:0}.grid-file>.public-link-indicator{margin:6px 38px 0 0;align-self:flex-start}.calm-explorer .files-table .public-link-indicator{flex-shrink:0}.public-link-indicator:focus-visible,.shared-folder-summary button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.shared-hub{padding:0 24px 12px;border-bottom:1px solid var(--border)}.shared-hub>p{color:var(--muted);font-size:12px;margin:0 0 12px}.shared-hub .shared-tabs{padding:0;border:0;margin:0 0 12px}.shared-scopes{display:flex;gap:6px;flex-wrap:wrap}.shared-scopes .btn{padding:6px 10px;min-height:32px;font-size:11px;border-radius:9px}.shared-scopes .btn.active{color:var(--accent);background:var(--tint);border-color:var(--accent)}.shared-scopes .btn>span{font-size:10px;opacity:.8;padding-left:3px}
.shared-folder-summary{margin-top:10px;padding-top:9px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;min-width:0}.shared-folder-summary small{font-size:10px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.shared-folder-summary button{display:flex;align-items:center;gap:6px;padding:4px 0;border:0;background:transparent;color:var(--accent);cursor:pointer;font-size:11px;text-align:left}.shared-folder-summary .icon{width:14px;height:14px;flex-shrink:0}.shared-folder-summary button .icon:last-child{margin-left:auto;width:12px}.shared-folder-summary.in-list{border:0;margin:0;padding:0;min-width:130px}.calm-explorer .grid-file:has(.shared-folder-summary){height:auto;min-height:240px;padding-bottom:12px}.calm-explorer .files-table .file-name{min-width:0}.calm-explorer .files-table .file-open{min-width:0;overflow:hidden;text-overflow:ellipsis}.calm-explorer .files-table .in-list{margin-left:auto}
.access-modal .members-section{margin-bottom:18px}.access-modal h3{font-size:14px;margin:0 0 10px}.access-modal .access-resource{margin-bottom:18px}.access-modal #access-add-form{padding:18px;border:1px solid var(--border);background:var(--bg);border-radius:14px}.access-modal #access-add-form .form-actions{margin-top:14px}.access-modal .permission-guide{margin:4px 0 8px}.permission-guide>summary{cursor:pointer;font-size:12px;color:var(--accent)}.link-scope-notice{display:flex;gap:10px;color:var(--muted);background:var(--tint);border-radius:10px;padding:12px;margin-bottom:14px}.link-scope-notice>.icon{flex:0 0 20px;color:var(--accent)}.link-scope-notice p{margin:0;font-size:12px;line-height:1.6}.link-scope-notice strong{color:var(--text);overflow-wrap:anywhere}.links-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 8px}.links-heading h3{margin:0}.public-link-item{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.public-link-item>.link-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;background:var(--tint);border-radius:9px;color:var(--accent)}.public-link-item>span:nth-child(2){flex:1;min-width:0}.public-link-item strong,.public-link-item small{display:block}.public-link-item small{font-size:11px;line-height:1.6;color:var(--muted)}.public-link-item .btn{font-size:11px;min-height:32px;padding:6px 10px}.public-link-item.expired{opacity:.7}.share-empty{font-size:12px;line-height:1.6;color:var(--muted)}.share-result p{font-size:12px;margin:6px 0}.access-modal .access-person-info{min-width:0}.access-modal .access-person-info strong,.access-modal .access-person-info small{overflow-wrap:anywhere}
.calm-explorer .files-scroll{overscroll-behavior:contain;scrollbar-gutter:stable}.structured-shell .nav-btn,.calm-explorer .btn,.calm-explorer .grid-file,.calm-explorer .files-table tbody tr{transition:background-color 120ms ease,border-color 120ms ease,box-shadow 120ms ease}.calm-explorer .grid-file:hover{transform:none}.calm-explorer #file-results{animation:page-arrive 130ms ease-out}.calm-explorer #file-results:has(:focus-visible){animation:none}.main-content[aria-busy=true]{cursor:progress}.main-content[aria-busy=true] #file-results{opacity:.65;transition:opacity 100ms ease}
@keyframes page-arrive{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
.main-content>.structured-explorer{animation:none}#modal[open]:not(.viewer-modal){animation:dialog-arrive 120ms ease-out;opacity:1}
@keyframes dialog-arrive{from{transform:translateY(4px)}to{transform:none}}
@media(max-width:1100px){.calm-explorer .shared-folder-summary.in-list{display:none}.calm-explorer.details-mobile-open .explorer-workspace{z-index:80}.calm-explorer.details-mobile-open .file-details{z-index:90}}
@media(max-width:760px){.shared-hub{padding:0 14px 10px}.shared-hub>p{font-size:11px}.shared-scopes{gap:4px}.shared-scopes .btn{padding:6px 8px;font-size:10px}.calm-explorer .list-visual{flex-basis:36px;width:36px;height:36px}.calm-explorer .files-table .public-link-indicator span{display:none}.access-modal #access-add-form{padding:12px}.public-link-item{flex-wrap:wrap}.public-link-item small{font-size:10px}.calm-explorer .grid-file:has(.shared-folder-summary){min-height:225px}}
@media(prefers-reduced-motion:reduce){.calm-explorer #file-results{animation:none}.structured-shell .nav-btn,.calm-explorer .btn,.calm-explorer .grid-file,.calm-explorer .files-table tbody tr,.main-content[aria-busy=true] #file-results{transition:none}}