/* Meja Kerja v0.6 — layout and interaction polish */
:root{--rail:232px;--top:66px;--content:1420px;--shadow:4px 4px 0 rgba(35,39,34,.055);--shadow-lg:10px 10px 0 rgba(35,39,34,.09)}
html{scroll-padding-top:calc(var(--top) + 18px)}
body{letter-spacing:-.006em}.icon-fallback{font-style:normal;font-weight:700;line-height:1;display:inline-grid;place-items:center}.btn .icon-fallback,.rail-link .icon-fallback{font-size:17px}

/* Shared sidebar */
.shell{grid-template-columns:var(--rail) minmax(0,1fr)}
.rail{width:var(--rail);padding:14px 12px;align-items:stretch;gap:0;background:color-mix(in srgb,var(--paper) 97%,transparent);overflow-x:hidden}
.brand{width:100%;height:62px;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-start;gap:11px;background:transparent;margin:0 0 9px;padding:3px 5px 12px}
.brand::before,.brand::after,.brand>i{display:none!important}.brand-mark{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line-strong);background:var(--yellow-soft);display:grid;place-items:center;position:relative;overflow:hidden}.brand-mark b{font:750 21px/1 Georgia,serif;letter-spacing:-.08em}.brand-mark i{position:absolute;right:-8px;bottom:-8px;width:25px;height:25px;border-radius:50%;background:var(--cyan-soft);border:1px solid var(--line)}.brand-copy{min-width:0;display:grid;gap:2px}.brand-copy strong{font-size:15px;letter-spacing:-.025em}.brand-copy small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-nav{display:flex;flex-direction:column;min-height:0}.rail-group{width:auto;text-align:left;padding:14px 9px 6px;font-size:7px;letter-spacing:.16em}.rail-link{width:100%;min-height:46px;border-radius:7px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;justify-content:stretch;gap:8px;padding:5px 7px;color:var(--muted);text-align:left}.rail-link>svg{width:18px;height:18px;margin:auto}.rail-link .rail-text{min-width:0;display:grid;gap:2px}.rail-link .rail-text b{font-size:11px;color:currentColor;line-height:1.1}.rail-link .rail-text small{font-size:7.5px;color:var(--quiet);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-link:hover{background:var(--paper-2);border-color:var(--line);transform:none}.rail-link.active{background:var(--paper-2);color:var(--ink);border-color:var(--line-strong)}.rail-link.active::before{left:-13px;width:4px;height:26px;background:var(--blue)}.rail-link.active>svg{color:var(--blue)}.rail-link.active .rail-text small{color:var(--muted)}.mobile-more{display:none}.sidebar-foot{height:30px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:10px 6px 0;font:800 7px/1 ui-monospace,monospace;color:var(--quiet)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}

/* Topbar and page */
.workspace{grid-column:2}.topbar{grid-template-columns:minmax(160px,.7fr) minmax(280px,620px) auto;padding:0 20px;gap:16px}.crumb{display:flex;align-items:center;gap:6px;font-size:10px}.crumb svg{width:12px;height:12px}.crumb span{color:var(--quiet)}.global-search{border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.search-copy{flex:1;text-align:left;color:var(--quiet);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.power-btn.good{background:var(--green-soft);border-color:var(--green);color:var(--ink)}.power-state{min-width:26px;border-left:1px solid var(--line);padding-left:7px;font:800 7px/1 ui-monospace,monospace;color:var(--muted)}.power-btn.good .power-state{color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,var(--line))}.page{max-width:var(--content);padding:28px clamp(18px,2.3vw,34px) 62px}.page-head{align-items:flex-start;margin:4px 0 24px;gap:22px}.page-copy{min-width:0;max-width:900px}.page-title{font-size:clamp(34px,4.2vw,62px);line-height:.94;margin:7px 0 10px;overflow-wrap:anywhere}.lede{margin:0;max-width:820px;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.page-actions{justify-content:flex-end;max-width:520px}.card{box-shadow:var(--shadow);border-radius:9px}.card.flat{box-shadow:none}.btn{border-radius:7px}.tree-item{width:100%;display:flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;border-radius:6px;text-align:left;color:var(--muted);font-size:11px;line-height:1.2}.tree-item svg{width:17px;height:17px;flex:0 0 auto}.tree-item:hover{background:var(--paper-2);color:var(--ink)}.tree-item.active{background:var(--blue-soft);border-color:var(--blue);color:var(--ink);font-weight:650}.tree-item.active svg{color:var(--blue)}

/* Quick settings / drawers */
.quick-panel,.notification-drawer{border-radius:10px;width:360px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:7px}.quick-tile{min-height:76px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px;text-align:left}.quick-tile svg{width:18px;height:18px}.quick-tile b{font-size:10px}.quick-tile small{font-size:8px;color:var(--muted)}.quick-tile:hover,.quick-tile.active{border-color:var(--blue);background:var(--blue-soft)}
.apps-drawer{position:fixed;inset:0;z-index:1900;pointer-events:none;visibility:hidden}.apps-drawer.open{pointer-events:auto;visibility:visible}.drawer-scrim{position:absolute;inset:0;border:0;background:rgba(20,23,20,.28);opacity:0;transition:.2s}.apps-drawer.open .drawer-scrim{opacity:1}.apps-sheet{position:absolute;left:50%;bottom:0;width:min(680px,100%);max-height:min(78dvh,680px);overflow:auto;transform:translate(-50%,102%);background:var(--paper);border:1px solid var(--line-strong);border-bottom:0;border-radius:18px 18px 0 0;padding:8px 14px 24px;transition:.25s var(--ease);box-shadow:0 -18px 60px rgba(20,23,20,.12)}.apps-drawer.open .apps-sheet{transform:translate(-50%,0)}.sheet-handle{width:44px;height:4px;border-radius:99px;background:var(--line-strong);margin:2px auto 14px}.apps-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-menu-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--line);background:var(--paper-2);padding:9px;border-radius:8px}.app-menu-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);border-radius:7px}.app-menu-icon svg{width:19px}.app-menu-item b{font-size:11px}.app-menu-item small{display:block;font-size:8px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Settings: fix the screenshot issue */
.settings-layout{grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.settings-nav{display:flex!important;flex-direction:column;gap:3px;position:sticky;top:calc(var(--top) + 14px);padding:10px;border-radius:8px;box-shadow:none}.settings-nav .eyebrow{padding:3px 7px 7px}.settings-nav .tree-item{min-height:40px}.settings-anchor{scroll-margin-top:calc(var(--top) + 16px);overflow:visible}.settings-anchor h2{margin-top:5px}.setting-item:last-child{border-bottom:0}.theme-chip{width:100%;max-width:150px}.settings-anchor [data-theme-option]{min-height:130px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.settings-anchor [data-theme-option] .theme-chip{height:54px}.toggle{flex:0 0 auto}

/* App polish */
.app-launcher{grid-template-columns:repeat(6,minmax(120px,1fr))}.app-tile{border-radius:8px}.kanban-col,.task,.file-browser,.file-tree,.office-side,.office-stage,.reader-library,.reader-stage,.calendar-host,.graph-host,.canvas-board{border-radius:8px}.task{border-color:var(--line);box-shadow:2px 2px 0 rgba(35,39,34,.04)}.task:hover{border-color:var(--line-strong)}.file-card{border-radius:7px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-item{border-radius:7px}.editor-pane,.preview-pane{border-radius:8px}.reader-tools{background:color-mix(in srgb,var(--paper) 90%,transparent);padding:6px;border-radius:8px}.office-tabs{padding-bottom:4px}.table-wrap{border-radius:7px}.toast{opacity:0;transform:translateY(7px);transition:.18s}.toast.show{opacity:1;transform:none}

/* Tabulator adapts to e-paper */
.tabulator{border:1px solid var(--line)!important;background:var(--paper)!important;color:var(--ink)!important;font-size:11px!important}.tabulator .tabulator-header{background:var(--paper-2)!important;border-bottom-color:var(--line)!important;color:var(--muted)!important}.tabulator .tabulator-header .tabulator-col,.tabulator-row{background:var(--paper)!important;border-color:var(--line)!important}.tabulator-row:nth-child(even){background:var(--paper-2)!important}.tabulator-row:hover{background:var(--blue-soft)!important}.tabulator-cell{border-color:var(--line)!important}
/* FullCalendar adapts to e-paper */
.fc{font-size:11px}.fc .fc-button{border-radius:6px!important;box-shadow:none!important}.fc .fc-toolbar-title{font-size:17px!important}.fc .fc-scrollgrid,.fc-theme-standard td,.fc-theme-standard th{border-color:var(--line)!important}.fc .fc-col-header-cell{background:var(--paper-2)}
/* Plyr pigment */
.plyr{--plyr-color-main:var(--red);--plyr-video-background:#171a17;--plyr-menu-background:var(--paper);--plyr-menu-color:var(--ink);border-radius:7px;overflow:hidden}

@media(max-width:1120px){:root{--rail:82px}.brand{height:58px;padding:5px 0 12px;justify-content:center}.brand-copy,.rail-link .rail-text,.sidebar-foot span:last-child{display:none}.brand-mark{width:38px}.rail-link{grid-template-columns:1fr;width:56px;align-self:center;padding:5px}.rail-group{text-align:center;padding-inline:0}.rail-link.active::before{left:-14px}.sidebar-foot{justify-content:center}.settings-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:920px){
 :root{--rail:0px;--top:62px}.shell{display:block;padding-bottom:74px}.workspace{margin:0}.rail{top:auto;right:0;width:auto;height:70px;display:block;border-right:0;border-top:1px solid var(--line);padding:6px 7px;overflow:visible}.brand,.rail-group,.rail-spacer,.sidebar-foot{display:none}.rail-nav{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.rail-link{display:none;width:auto;min-width:0;min-height:56px;grid-template-columns:1fr;grid-template-rows:22px 14px;gap:2px;padding:4px 2px;justify-items:center;text-align:center;border-radius:6px}.rail-link.primary-app,.mobile-more{display:grid}.rail-link .rail-text{display:block}.rail-link .rail-text b{display:block;font-size:7px;white-space:nowrap}.rail-link .rail-text small{display:none}.rail-link.active::before{left:50%;top:-7px;width:24px;height:3px;transform:translateX(-50%)}.mobile-more{border:1px solid transparent;background:transparent}.topbar{grid-template-columns:minmax(0,1fr) auto;padding:0 10px;gap:7px}.crumb{display:none}.global-search{height:40px}.top-actions{gap:4px}.statusbar{left:0;bottom:70px}.page{padding:20px 12px 104px}.page-head{gap:14px}.page-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;flex-wrap:nowrap}.page-actions>*{flex:0 0 auto}.settings-layout{grid-template-columns:1fr;gap:10px}.settings-nav{position:sticky;top:calc(var(--top) + 6px);z-index:40;display:flex!important;flex-direction:row;overflow-x:auto;gap:5px;padding:6px;background:color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(8px)}.settings-nav .eyebrow{display:none}.settings-nav .tree-item{width:auto;min-width:max-content;min-height:36px;padding:7px 9px;font-size:9px;white-space:nowrap}.settings-nav .tree-item svg{width:15px;height:15px}.settings-anchor{scroll-margin-top:calc(var(--top) + 60px)}.settings-anchor .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.notification-drawer,.quick-panel{top:calc(var(--top) + 6px);right:8px;left:8px;width:auto}.app-launcher{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:680px){
 .page-title{font-size:clamp(36px,12vw,52px);line-height:.96}.lede{font-size:12px;line-height:1.55;max-width:100%}.page-head{margin-bottom:18px}.top-actions .label-hide,.power-state{display:none}.global-search .kbd{display:none}.search-copy{font-size:10px}.settings-anchor .grid-3{grid-template-columns:1fr}.setting-item{align-items:flex-start;flex-direction:column}.setting-item>.row,.setting-item>.btn,.setting-item>.toggle,.setting-item>.pill{align-self:stretch}.setting-item>.toggle{align-self:flex-start}.theme-chip{max-width:none}.apps-menu-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}.app-launcher{grid-template-columns:repeat(3,1fr)}.reader-stage{padding:16px}.reader-page h1{font-size:30px}.calendar-host{padding:5px}.fc .fc-toolbar{flex-direction:column;align-items:stretch;gap:7px}.fc .fc-toolbar-chunk{display:flex;justify-content:center}.fc .fc-toolbar-title{text-align:center}.gallery-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:420px){
 .page{padding-left:10px;padding-right:10px}.page-title{font-size:38px}.page-actions .btn{padding-inline:10px}.topbar{grid-template-columns:minmax(0,1fr) auto}.global-search{padding-inline:9px}.search-copy{max-width:118px}.top-actions .optional{display:none}.apps-menu-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.settings-nav{margin-inline:-4px}.settings-anchor{padding:13px}.settings-anchor .grid-4{grid-template-columns:1fr 1fr}.app-launcher{grid-template-columns:repeat(2,1fr)}.rail-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.rail-link .rail-text b{font-size:6.5px}
}

/* v0.6.1 functional component polish */
.minw0{min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-field{min-height:40px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper-2);border-radius:7px;padding:0 10px;min-width:0}.search-field svg{width:16px;height:16px;color:var(--muted);flex:0 0 auto}.search-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}.search-field.compact{height:36px;min-height:36px;width:min(310px,34vw)}.select.compact{height:36px;min-height:36px;width:auto;padding-right:28px}
.modal-dialog{width:min(520px,calc(100vw - 24px));max-width:none;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);padding:0;border-radius:11px;box-shadow:var(--shadow-lg)}.modal-dialog::backdrop{background:rgba(20,23,20,.28);backdrop-filter:blur(2px)}.dialog-card{padding:16px;display:grid;gap:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;border-top:1px solid var(--line);padding-top:12px}.field-label{display:grid;gap:6px;font-size:9px;font-weight:750;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.field-label .input,.field-label .select{font-size:11px;text-transform:none;letter-spacing:0;color:var(--ink)}

/* Files */
.files-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;align-items:start}.file-tree{position:sticky;top:calc(var(--top) + 14px);padding:10px;max-height:calc(100dvh - var(--top) - 28px);overflow:auto}.tree-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center}.tree-row .tree-item{min-width:0}.tree-row .tree-item span:not(.count){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-more{width:28px;height:28px;padding:0}.file-tree-tip{padding:4px 7px 8px;line-height:1.55}.file-drop{min-height:105px}.file-browser{overflow:hidden}.file-toolbar{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid var(--line);background:var(--paper)}.file-toolbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto;min-width:0}.file-empty{margin:10px}.file-preview{overflow:hidden}.file-preview-head{gap:14px;align-items:flex-start}.file-preview-image{max-width:100%;max-height:460px;display:block;margin:auto;object-fit:contain}.file-preview-video{width:100%;max-height:460px;background:#111}.file-text-preview{white-space:pre-wrap;max-height:460px;overflow:auto;padding:14px;background:var(--paper-2);border:1px solid var(--line);border-radius:7px;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.breadcrumbs{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;white-space:nowrap}.crumb-btn{border:0;background:transparent;color:var(--muted);font:700 9px/1 inherit;padding:5px;border-radius:5px}.crumb-btn:hover{background:var(--paper-2);color:var(--ink)}.crumb-sep{color:var(--quiet)}

/* Settings rebuilt for narrow screens */
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.theme-option{min-height:128px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);padding:10px;text-align:left;display:flex;flex-direction:column;gap:7px;color:var(--ink)}.theme-option:hover{border-color:var(--line-strong)}.theme-option.active{border-color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue)}.theme-option span{font-size:8px;color:var(--muted)}.theme-chip.graphite{background:#20251f;padding:4px}.storage-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.storage-stats>div{border:1px solid var(--line);background:var(--paper-2);padding:12px;border-radius:7px}.storage-stats span{font-size:8px;color:var(--muted)}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.integration-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);padding:10px;border-radius:8px;text-align:left}.integration-card>svg{width:20px;height:20px}.integration-card div{min-width:0;display:grid;gap:2px}.integration-card span{font-size:8px;color:var(--muted)}.integration-card em{font:800 8px/1 ui-monospace,monospace;color:var(--blue);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-card.good{border-color:var(--green);background:var(--green-soft)}.integration-card.danger{border-color:var(--red)}.dev-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.dev-summary>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:8px;padding:9px 10px;border-bottom:1px solid var(--line);background:var(--paper-2)}.dev-summary>div:nth-last-child(-n+2){border-bottom:0}.dev-summary span{font-size:8px;color:var(--muted)}.dev-summary b{font-size:9px}.lib-test-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.lib-card{min-height:92px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}.lib-card svg{width:19px;height:19px}.lib-card b{font-size:10px}.lib-card.good{border-color:var(--green);background:var(--green-soft)}.lib-card.danger{border-color:var(--red)}.lib-card.loading svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* Calendar */
.calendar-shell{overflow:hidden}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.calendar-period{min-width:170px;text-align:center}.segmented{display:flex;align-items:center;border:1px solid var(--line);background:var(--paper-2);padding:3px;border-radius:7px}.seg{border:0;background:transparent;color:var(--muted);padding:7px 10px;border-radius:5px;font:750 9px/1 inherit}.seg.active{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong)}.calendar-native{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:480px}.calendar-day{min-width:0;border-right:1px solid var(--line);background:var(--paper)}.calendar-day:last-child{border-right:0}.calendar-day>header,.month-day>header{display:flex;align-items:center;justify-content:space-between;padding:9px;border-bottom:1px solid var(--line);background:var(--paper-2)}.calendar-day.today>header,.month-day.today>header{background:var(--yellow-soft)}.calendar-day-body{padding:7px;display:grid;align-content:start;gap:6px;min-height:430px}.calendar-event{width:100%;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);border-radius:6px;padding:7px;text-align:left;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 6px;align-items:center}.calendar-event b{font-size:9px;overflow:hidden;text-overflow:ellipsis}.calendar-event small{grid-column:2;font-size:7px;color:var(--muted)}.calendar-event.kind-meeting{border-left:3px solid var(--cyan)}.calendar-event.kind-focus{border-left:3px solid var(--violet)}.calendar-event.kind-review{border-left:3px solid var(--green)}.calendar-event.kind-personal{border-left:3px solid var(--yellow)}.calendar-event.compact{padding:4px 5px;display:flex;gap:4px;margin-bottom:3px}.calendar-event.compact .mono{display:none}.calendar-empty{border:1px dashed var(--line);background:transparent;color:var(--quiet);min-height:42px;border-radius:6px}.month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line);background:var(--paper-2)}.month-weekdays b{font-size:8px;color:var(--muted);padding:7px;text-align:center}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.month-day{min-height:110px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding-bottom:5px;overflow:hidden}.month-day:nth-child(7n){border-right:0}.month-day.outside{opacity:.42}.month-day>div{padding:4px}.month-day>header{padding:5px 7px;background:transparent}.month-day>header span{font-size:9px;font-weight:800}

/* Reader discovery */
.reader-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:12px 0}.book-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.book-result{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;gap:8px;align-items:center;border:1px solid var(--line);background:var(--paper-2);padding:8px;border-radius:7px;min-width:0}.book-cover{width:48px;height:64px;display:grid;place-items:center;border:1px solid var(--line);background:var(--yellow-soft);overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover}.book-cover svg{width:19px}.book-result b{font-size:9px;display:block;overflow:hidden;text-overflow:ellipsis}.api-credit{margin-top:8px}.api-credit a,.api-attribution a{color:var(--blue);text-decoration:underline}.api-attribution{margin-top:10px;padding:7px 9px;border:1px solid var(--line);background:var(--paper-2);border-radius:6px}

/* Office */
.spreadsheet-toolbar{margin-bottom:10px}.advanced-grid{min-height:520px}.slide-deck{display:grid;gap:10px}.slide-card{min-height:260px}.tabulator .tabulator-footer{background:var(--paper-2)!important;border-color:var(--line)!important}

@media(max-width:1050px){.files-layout{grid-template-columns:1fr}.file-tree{display:none!important}.book-results{grid-template-columns:repeat(2,minmax(0,1fr))}.lib-test-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.file-toolbar{align-items:stretch;flex-direction:column}.file-toolbar-actions{width:100%;margin-left:0;overflow-x:auto}.search-field.compact{width:min(100%,340px);flex:1 0 220px}.storage-stats{grid-template-columns:1fr 1fr}.integration-grid{grid-template-columns:1fr}.lib-test-grid{grid-template-columns:1fr 1fr}.theme-grid{grid-template-columns:1fr}.calendar-native{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.calendar-day{flex:0 0 min(72vw,280px);scroll-snap-align:start}.month-day{min-height:82px}.calendar-event.compact b{font-size:7px}.book-results{grid-template-columns:1fr}.reader-search{grid-template-columns:1fr}.reader-search .btn{justify-self:start}.dev-summary{grid-template-columns:1fr}.dev-summary>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.dev-summary>div:last-child{border-bottom:0}}
@media(max-width:480px){.storage-stats{grid-template-columns:1fr 1fr}.lib-test-grid{grid-template-columns:1fr 1fr}.settings-nav{scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav .tree-item{min-height:38px}.settings-nav .tree-item span{font-size:8px}.integration-card{grid-template-columns:32px minmax(0,1fr);}.integration-card em{grid-column:2}.month-weekdays b{font-size:7px;padding:5px 1px}.month-day{min-height:72px}.month-day .calendar-event{display:none}.month-day:has(.calendar-event)::after{content:'•';display:block;color:var(--blue);padding-left:8px}.file-preview-head{display:block}.file-preview-head .toolbar-scroll{margin-top:10px}}

/* Compact folder chooser replaces the hidden tree on tablet/mobile. */
.mobile-folder-select{display:none}
@media(max-width:1050px){.mobile-folder-select{display:block;min-width:180px;max-width:260px}}
@media(max-width:760px){.mobile-folder-select{flex:0 0 min(72vw,260px)}}