.workspace-page .app-navbar,.workspace-page.matrix-page .app-navbar{gap:16px;height:auto;min-height:48px;padding:8px 24px 8px 12px}.workspace-page .app-navbar>button:first-child{flex:0 0 28px;place-items:center;width:28px;height:28px;margin-inline-end:20px;padding:0;display:grid}.workspace-page.matrix-page .app-navbar{grid-template-columns:48px minmax(0,1fr) 32px;align-items:start;display:grid}.workspace-page.matrix-page .app-navbar>button:first-child{margin-block-start:6px}.workspace-page.matrix-page .app-navbar>.dt-document-toolbar{grid-area:1/3;margin-block-start:4px}.workspace-page.matrix-page .app-navbar>.error-text{grid-column:2}.nav-pickers{flex-wrap:wrap;align-items:center;gap:12px 16px;min-width:0;display:flex}.app-navbar .nav-picker{flex-shrink:1;width:280px;min-width:0;display:flex;position:relative}.workspace-page.matrix-page .app-navbar .nav-picker{flex:0 235px;min-width:min(100%,155px)}.nav-picker input{border:1.5px solid var(--theme-accent-border);width:100%;min-width:0;height:40px;color:var(--theme-text);box-shadow:0 2px 8px var(--theme-shadow-soft), 0 1px 3px #0000000a;text-overflow:ellipsis;background:#fff;border-radius:8px;padding:0 30px 0 10px;font:500 .88rem Sarabun,sans-serif}.matrix-page .nav-picker input{border-radius:12px}.nav-picker[aria-current] input{border-color:var(--theme-accent);font-weight:700}.nav-picker input:focus-visible{outline:2px solid var(--theme-primary);outline-offset:1px}.app-navbar .nav-picker button{width:30px;box-shadow:none;background:0 0;place-items:center;padding:0;display:grid;position:absolute;inset:0 0 0 auto}.nav-picker:focus-within{z-index:8}.nav-picker-options{overscroll-behavior:contain;border:1px solid var(--theme-accent-light);background:#fff;border-radius:8px;max-height:min(320px,50dvh);font-size:.88rem;position:absolute;inset:calc(100% + 4px) 0 auto;overflow-y:auto;box-shadow:0 4px 14px #0000001f}.nav-picker-options>div{overflow-wrap:anywhere;align-items:center;min-height:40px;padding:9px 12px;display:flex}.nav-picker-options [role=option]{cursor:pointer}.nav-picker-options [aria-selected=true]{color:var(--theme-primary);font-weight:700}.nav-picker-options [data-highlighted],.nav-picker-options [role=option]:hover{background:var(--theme-hover-bg)}.nav-picker-empty{color:var(--theme-text-muted)}.workspace-page:not(.matrix-page) .workspace-panel{margin-top:20px;border-color:var(--theme-accent-border);background:var(--theme-page-bg);box-shadow:0 4px 20px -2px var(--theme-shadow-soft), 0 2px 6px -1px #00000008;border-radius:16px;margin-inline:6% 2.5%}.workspace-panel .workspace-title h1{color:var(--theme-primary);font-size:24px;line-height:1.2}.workspace-panel .workspace-title{padding-bottom:13.6px}.workspace-list-page{position:relative}.workspace-list-toolbar{position:absolute;inset-block-start:8px;inset-inline-end:24px}.workspace-list-toolbar:has(.action-dropdown[open]){z-index:5}.workspace-list-toolbar .action-dropdown>summary{border:1.5px solid var(--theme-accent-border,#fcd34d);width:32px;height:32px;color:var(--theme-primary,#1e3a8a);background:#fffbeb;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid}.workspace-page.matrix-page .matrix-surface{margin:12px 2.5% 28px 6%}@media (max-width:700px){.workspace-page:not(.matrix-page) .workspace-panel{margin:12px}}@media (max-width:600px){.workspace-list-toolbar{inset-inline-end:10px}.workspace-page .app-navbar,.workspace-page.matrix-page .app-navbar{gap:8px;padding-inline:10px}.workspace-page .app-navbar>button:first-child{margin-inline-end:0}.workspace-page.matrix-page .app-navbar{grid-template-columns:28px minmax(0,1fr) 32px}.workspace-page.matrix-page .app-navbar .nav-picker{flex-basis:100%;min-width:0}.workspace-page.matrix-page .matrix-surface{margin-inline:12px}.workspace-page:not(.matrix-page) .app-navbar .nav-picker{width:min(280px,100vw - 100px)}.workspace-list-page .app-navbar .nav-picker{max-width:calc(100vw - 108px)}.workspace-panel .workspace-title h1{font-size:20px}}