@font-face{
font-family:Sora;
src:url('../fonts/sora-regular.woff2') format('woff2');
font-weight:400;
font-display:swap}
.table-responsive{
position:relative;
max-width:100%}
.illustration-caption{
display:none}
@font-face{
font-family:Sora;
src:url('../fonts/sora-semibold.woff2') format('woff2');
font-weight:600 800;
font-display:swap}
:root{
--org-primary:#1B3A8B;
--color-primary:var(--org-primary);
--color-accent:#F5B800;
--navy:#122A66;
--surface:#F3F6FB;
--card:#fff;
--text:#16233D;
--muted:#738198;
--border:#E3E9F2;
--soft:#F8FAFD;
--sidebar-width:244px;
--bs-font-sans-serif:Sora,'Segoe UI',sans-serif;
--bs-body-font-family:var(--bs-font-sans-serif);
--bs-body-color:var(--text);
--bs-body-bg:var(--surface);
--bs-border-color:var(--border)}
[data-theme=dark]{
--surface:#0E1626;
--card:#1A2438;
--text:#E6ECF5;
--muted:#A3B0C5;
--border:#2B3852;
--soft:#202D44;
--color-primary:#82ABF2;
--bs-body-color:var(--text);
--bs-body-bg:var(--surface)}
*{
box-sizing:border-box}
body{
font-family:var(--bs-font-sans-serif);
font-size:13px;
line-height:1.65;
background:var(--surface);
color:var(--text);
margin:0}
a{
text-decoration:none;
color:var(--color-primary)}
a:hover{
color:var(--color-primary)}
button,input,select,textarea{
font:inherit}
button,a,input,select,textarea{
outline-offset:4px}
a:focus-visible,button:focus-visible{
outline:3px solid #5d91e0}
h1,h2,h3,h4,p{
margin-top:0}
h1,h2,h3{
font-weight:600}
h1{
font-size:26px;
line-height:1.4;
letter-spacing:-.9px;
margin:0 0 7px}
h2{
font-size:15px;
letter-spacing:-.3px;
margin:0}
h3{
font-size:13px}
p{
color:var(--muted)}
svg.icon{
width:19px;
height:19px;
flex-shrink:0;
vertical-align:middle}
.tiny-icon{
width:12px!important;
height:12px!important;
margin-left:4px}
.muted{
color:var(--muted)}
.nowrap{
white-space:nowrap}
.skip-link{
position:fixed;
top:-100px;
left:260px;
z-index:3000;
padding:12px;
background:var(--card)}
.skip-link:focus{
top:10px}
.initial-loading{
display:grid;
min-height:100vh;
place-content:center;
justify-items:center;
gap:20px}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:7px;
font-size:12px;
font-weight:600;
padding:10px 15px;
min-height:39px;
white-space:nowrap;
position:relative}
.btn .icon{
width:16px;
height:16px}
.btn-primary{
--bs-btn-bg:var(--org-primary);
--bs-btn-border-color:var(--org-primary);
--bs-btn-hover-bg:var(--navy);
--bs-btn-hover-border-color:var(--navy);
--bs-btn-active-bg:var(--navy);
--bs-btn-active-border-color:var(--navy);
--bs-btn-color:#fff;
--bs-btn-hover-color:#fff}
.btn-light{
--bs-btn-bg:var(--card);
--bs-btn-border-color:var(--border);
--bs-btn-color:var(--text);
--bs-btn-hover-bg:var(--soft);
--bs-btn-hover-color:var(--text);
--bs-btn-hover-border-color:#a4b3cb}
.btn-text{
color:var(--color-primary);
border:0;
background:none;
padding-left:0;
padding-right:0}
.btn-sm{
font-size:12px;
min-height:30px;
padding:6px 10px}
.btn-danger-soft{
color:#c7464f;
border:1px solid #edcbd0;
background:rgba(229,72,77,.06)}
.icon-button{
width:34px;
height:34px;
display:inline-grid;
place-items:center;
border:0;
background:transparent;
border-radius:7px;
color:var(--muted);
position:relative;
flex-shrink:0}
.icon-button:hover,.icon-button[aria-pressed=true]{
background:var(--soft);
color:var(--color-primary)}
.icon-button[aria-pressed=true] .icon{
fill:rgba(245,184,0,.18);
stroke:#bd8b04}
.is-loading{
pointer-events:none}
.is-loading>:not(.visually-hidden){
visibility:hidden}
.is-loading:after{
content:'';
width:15px;
height:15px;
border:2px solid currentColor;
border-right-color:transparent;
border-radius:50%;
position:absolute;
inset:0;
margin:auto;
animation:spin .65s linear infinite}
@keyframes spin{
to{
transform:rotate(360deg)}
}
.sidebar{
position:fixed;
top:0;
bottom:0;
left:0;
width:var(--sidebar-width);
background:var(--navy);
color:#d7e3ff;
display:flex;
flex-direction:column;
padding:29px 17px 16px;
z-index:1030;
overflow-y:auto}
.brand{
display:flex;
align-items:center;
gap:9px;
color:white;
padding:0 6px 28px}
.brand:hover{
color:white}
.brand strong{
display:block;
font-size:20px;
letter-spacing:-.8px;
line-height:1.3}
.brand span{
display:block;
font-size:11px;
color:#b2c3e7;
margin-top:3px;
letter-spacing:.25px}
.org-switch{
position:relative;
display:flex;
align-items:center;
gap:10px;
padding:12px;
background:rgba(255,255,255,.055);
border:1px solid rgba(255,255,255,.12);
border-radius:8px;
margin-bottom:23px}
.org-avatar{
width:33px;
height:34px;
background:#fff;
border-radius:6px;
display:grid;
place-items:center;
color:#1B3A8B;
font-weight:600;
font-size:12px}
.org-switch>div{
flex:1;
min-width:0}
.org-switch label{
display:block;
color:#adbfe4;
font-size:11px;
line-height:1.6}
.org-switch select{
appearance:none;
background:transparent;
color:white;
border:0;
width:100%;
font-size:13px;
font-weight:600;
padding:0;
cursor:pointer;
outline-offset:2px}
.org-switch option{
color:#16233D;
background:white}
.org-switch>.icon{
width:13px;
position:absolute;
right:12px;
bottom:19px;
pointer-events:none}
.nav-section{
display:block;
color:#9fb4dc;
font-size:11px;
margin:17px 12px 10px}
.nav-item{
display:flex;
align-items:center;
gap:11px;
padding:10px 13px;
margin:3px 0;
color:#c5d2ed;
border-radius:6px;
font-size:12px;
min-height:40px;
border-left:2px solid transparent;
transition:background .15s}
.nav-item>.icon{
width:18px;
height:18px}
.nav-item:hover{
color:white;
background:rgba(255,255,255,.07)}
.nav-item.active{
color:var(--color-accent);
background:rgba(245,184,0,.1);
border-left-color:var(--color-accent)}
.nav-count{
margin-left:auto;
font-size:11px;
padding:0 6px;
border-radius:4px;
background:rgba(255,255,255,.1)}
.sidebar-bottom{
margin-top:auto;
padding-top:24px}
.storage-widget{
margin:10px 10px 20px}
.storage-widget>div:first-child{
display:flex;
gap:8px;
align-items:center;
font-size:12px}
.storage-widget .icon{
width:15px}
.storage-track{
height:4px;
border-radius:9px;
background:rgba(255,255,255,.14);
margin:13px 0 9px;
overflow:hidden}
.storage-track span{
display:block;
height:100%;
background:var(--color-accent)}
.storage-widget p{
font-size:12px;
color:#e0e9fa;
margin:0}
.storage-widget p span{
color:#a3b8df}
.storage-widget small{
font-size:10px;
color:#9bafd2}
.legacy-product-credit{
display:flex;
align-items:center;
gap:9px;
border-top:1px solid rgba(255,255,255,.12);
margin:14px 10px 0;
padding-top:16px;
color:#98afd7;
font-size:10px}
.legacy-product-credit img{
background:white;
border-radius:4px;
padding:3px;
height:24px;
object-fit:contain}
.app-main{
margin-left:var(--sidebar-width);
min-height:100vh;
display:flex;
flex-direction:column}
.topbar{
height:79px;
background:var(--card);
border-bottom:1px solid var(--border);
display:flex;
align-items:center;
padding:0 32px;
gap:25px}
.topbar-context{
display:flex;
align-items:center;
gap:10px;
font-size:12px;
white-space:nowrap}
.topbar-context>svg:first-child{
color:var(--muted);
width:16px}
.topbar-context>svg:nth-child(3){
width:11px;
color:#b2bdcf}
.topbar-context strong{
font-weight:600}
.topbar-context>span{
color:var(--muted)}
.global-search{
margin-left:auto;
display:flex;
align-items:center;
gap:9px;
color:#91a0b4;
min-width:0}
.global-search input{
border:0;
background:transparent;
outline:0;
font-size:12px;
width:215px;
color:var(--text)}
.global-search input::placeholder{
color:var(--muted)}
.global-search>.icon{
width:16px}
.global-search kbd{
font:9px var(--bs-font-sans-serif);
background:var(--soft);
border:1px solid var(--border);
color:var(--muted);
padding:2px 5px;
white-space:nowrap}
.topbar-actions{
display:flex;
align-items:center;
gap:6px}
.topbar-divider{
height:25px;
width:1px;
background:var(--border);
margin:0 12px}
.profile-button{
border:0;
background:none;
display:flex;
align-items:center;
gap:9px;
text-align:left;
color:var(--text);
padding:0;
position:relative}
.avatar{
width:35px;
height:35px;
border-radius:50%;
display:inline-grid;
place-items:center;
background:#e9eef9;
color:#32528c;
font-size:12px;
font-weight:600;
flex-shrink:0}
.profile-text strong{
display:block;
font-size:12px}
.profile-text small{
display:block;
font-size:10px;
color:var(--muted);
max-width:135px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.profile-button>.icon{
width:12px}
.topbar [data-action=menu]{
display:none}
#main-content{
padding:30px 32px 24px;
flex:1;
width:100%;
max-width:1740px;
margin:0 auto;
outline:0}
.page-heading{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:25px}
.page-heading>div:first-child{
min-width:0}
.page-heading h1{
overflow-wrap:anywhere}
.page-heading p{
font-size:12px;
margin:0}
.page-actions{
display:flex;
gap:10px;
flex-shrink:0}
.app-footer{
display:flex;
justify-content:space-between;
padding:15px 32px;
border-top:1px solid var(--border);
color:var(--muted);
font-size:11px;
gap:12px}
.app-footer>span{
display:flex;
align-items:center;
gap:8px}
.footer-dot{
display:inline-block;
width:3px;
height:3px;
border-radius:50%;
background:#aebbd1}
.demo-dot{
width:6px;
height:6px;
border-radius:50%;
background:#c09230}
.sidebar-scrim{
display:none}
.welcome-panel{
position:relative;
display:flex;
justify-content:space-between;
border:1px solid #dae4f5;
border-radius:10px;
min-height:225px;
padding:28px 32px;
background:#eaf0fb;
overflow:hidden;
margin-bottom:24px}
.welcome-content{
z-index:1}
.welcome-chip{
display:inline-block;
font-size:11px;
color:#41629c;
background:rgba(255,255,255,.6);
padding:3px 9px;
border-radius:4px;
margin-bottom:11px}
.welcome-panel h2{
font-size:24px;
line-height:1.5;
color:#18366d;
letter-spacing:-.8px}
.welcome-panel p{
font-size:12px;
line-height:1.8;
color:#627c9f;
margin:10px 0 13px}
.welcome-link{
font-size:12px;
font-weight:600;
color:#214985;
display:flex;
gap:10px;
align-items:center}
.welcome-link .icon{
width:16px}
.archive-illustration{
width:300px;
position:relative;
flex-shrink:0;
margin-right:30px}
.illustration-orbit{
position:absolute;
border:1px solid #d9e4f8;
border-radius:50%;
width:250px;
height:250px;
top:-15px;
right:0}
.orbit-two{
width:310px;
height:310px;
top:-45px;
right:-30px}
.illustration-paper{
position:absolute;
width:95px;
height:120px;
background:#fff;
border:1px solid #ccd9ef;
border-radius:7px;
left:110px;
top:5px}
.paper-back{
transform:rotate(14deg);
left:132px;
top:4px;
background:#d4e1f9}
.paper-front{
transform:rotate(-8deg);
padding:22px 15px;
box-shadow:0 4px 7px #152c6020}
.paper-front span{
display:block;
background:#dce5f5;
height:4px;
margin-bottom:10px;
width:90%}
.paper-front span:nth-child(2){
width:60%}
.paper-front i{
width:21px;
height:21px;
display:grid;
place-items:center;
background:#e5f4ec;
color:#358869;
border-radius:50%;
margin-top:14px}
.paper-front i .icon{
width:12px}
.illustration-folder{
position:absolute;
top:73px;
left:75px;
width:152px;
height:107px;
background:#e7ad13;
border-radius:0 9px 9px 9px;
transform:rotate(-6deg);
box-shadow:0 10px 20px #213a671a}
.illustration-folder>span{
position:absolute;
top:-12px;
left:0;
width:63px;
height:20px;
background:#e7ad13;
border-radius:7px 10px 0 0}
.illustration-folder:before{
content:'';
position:absolute;
inset:6px -7px -2px 7px;
background:#f5c94b;
border-radius:7px;
transform:skew(-7deg)}
.illustration-folder img{
position:absolute;
left:63px;
top:25px;
width:45px;
opacity:.4}
.floating-label{
position:absolute;
right:-7px;
top:7px;
padding:7px 12px;
font-size:11px;
background:white;
box-shadow:0 3px 10px #213a6710;
border-radius:6px;
z-index:4;
color:#52706e;
display:flex;
align-items:center;
gap:7px;
transform:rotate(4deg)}
.floating-label .icon{
width:14px;
color:#4e9b82}
.illustration-caption{
position:absolute;
bottom:-2px;
left:63px;
font-size:10px;
color:#6c84a9}
.stats-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
margin-bottom:29px}
.stat-item{
background:var(--card);
border:1px solid var(--border);
border-radius:8px;
padding:17px 19px 16px}
.stat-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
font-size:12px;
color:var(--muted);
min-height:32px}
.stat-icon{
display:grid;
place-items:center;
width:32px;
height:32px;
border-radius:7px}
.stat-icon .icon{
width:17px}
.stat-item>strong{
font-size:29px;
font-weight:600;
display:block;
line-height:1.25;
margin:4px 0 10px;
letter-spacing:-1px}
.stat-item>small{
font-size:10px;
color:var(--muted)}
.tint-blue{
background:#eaf0fd;
color:#4673c5}
.tint-green{
background:#e8f5ee;
color:#38967e}
.tint-gold{
background:#fff6dd;
color:#c89727}
.tint-purple{
background:#f1ecfb;
color:#9575c7}
.tint-orange{
background:#fcf0e9;
color:#d4884e}
.tint-sky{
background:#e7f4fa;
color:#459ec1}
.dashboard-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 285px;
gap:25px;
margin-bottom:27px}
.section-heading{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
margin-bottom:18px}
.section-heading p{
font-size:11px;
margin:5px 0 0}
.section-heading>.icon{
width:17px;
color:var(--muted)}
.text-link{
display:inline-flex;
align-items:center;
gap:7px;
font-size:11px;
white-space:nowrap;
font-weight:600}
.text-link .icon{
width:14px}
.departments-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:13px}
.department-card{
display:block;
padding:17px 15px 0;
background:var(--card);
border:1px solid var(--border);
border-radius:8px;
color:var(--text);
transition:border-color .15s}
.department-card:hover{
color:var(--text);
border-color:#98afce}
.department-top{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:14px}
.department-top>.icon{
width:13px;
color:#b0bed0}
.department-icon{
width:35px;
height:35px;
display:inline-grid;
place-items:center;
border-radius:8px}
.department-icon .icon{
width:19px}
.department-card h3{
font-size:12px;
line-height:1.5;
margin:0 0 5px}
.department-card p{
font-size:10px;
min-height:30px;
line-height:1.8;
margin-bottom:11px}
.department-bottom{
border-top:1px solid var(--border);
padding:11px 0;
display:flex;
align-items:center;
justify-content:space-between;
gap:6px;
font-size:10px;
color:var(--muted)}
.department-bottom span:first-child{
display:flex;
align-items:center;
gap:5px}
.department-bottom .icon{
width:12px;
height:12px}
.activity-panel{
border:1px solid var(--border);
background:var(--card);
border-radius:8px;
padding:20px 19px 15px}
.activity-panel .section-heading{
margin-bottom:20px}
.activity-panel h2{
font-size:13px}
.activity-list{
list-style:none;
margin:0;
padding:0}
.activity-list li{
display:flex;
gap:10px;
position:relative;
padding-bottom:18px}
.activity-list li:not(:last-child):before{
content:'';
position:absolute;
left:13px;
width:1px;
top:27px;
bottom:0;
background:var(--border)}
.activity-marker{
width:28px;
height:28px;
border-radius:50%;
display:grid;
place-items:center;
background:var(--soft);
color:#6b84a9;
flex-shrink:0}
.activity-marker .icon{
width:13px}
.activity-list strong{
font-size:11px;
display:block}
.activity-list p{
font-size:11px;
margin:0 0 2px}
.activity-target{
font-size:10px;
color:var(--color-primary);
display:block;
overflow-wrap:anywhere}
.activity-list small{
font-size:10px;
display:block;
margin-top:4px;
color:var(--muted)}
.activity-more{
display:flex;
align-items:center;
justify-content:space-between;
font-size:11px;
padding:11px 0 16px;
border-top:1px solid var(--border)}
.activity-more .icon{
width:14px}
.access-note{
display:flex;
align-items:flex-start;
gap:9px;
background:var(--soft);
border-radius:6px;
padding:12px}
.access-note>.icon{
color:#718bae;
width:17px;
margin-top:2px}
.access-note strong{
font-size:11px}
.access-note p{
font-size:10px;
line-height:1.7;
margin:4px 0 0}
.recent-panel{
border:1px solid var(--border);
background:var(--card);
border-radius:8px;
overflow:hidden}
.recent-panel .section-heading{
padding:20px 20px 0}
.archive-table{
--bs-table-color:var(--text);
--bs-table-bg:transparent;
margin:0;
vertical-align:middle;
font-size:12px}
.archive-table thead th{
background:var(--soft);
font-size:11px;
font-weight:400;
color:var(--muted);
padding:11px 17px;
border-top:1px solid var(--border);
border-bottom:1px solid var(--border);
white-space:nowrap}
.archive-table tbody td{
padding:13px 17px;
border-color:var(--border)}
.archive-table tbody tr:last-child td{
border-bottom:0}
.archive-table tbody tr:hover{
background:var(--soft)}
.file-cell{
display:flex;
align-items:center;
gap:11px}
.file-cell>div{
min-width:0}
.document-name{
display:block;
font-weight:600;
font-size:12px;
color:var(--text);
overflow-wrap:anywhere;
line-height:1.7}
.document-name:hover{
color:var(--color-primary)}
.file-cell>div>span{
display:block;
font-size:10px;
color:var(--muted);
margin-top:2px}
.separator{
padding:0 3px;
color:#b7c3d4}
.file-icon{
width:32px;
height:39px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:2px;
background:#eaf0fc;
border-radius:5px;
color:#5581ce;
flex-shrink:0}
.file-icon .icon{
width:17px;
height:17px}
.file-icon small{
font-size:7px;
font-weight:600;
line-height:1}
.type-pdf{
background:#fcf0ed;
color:#d67264}
.type-xlsx{
background:#e9f5ed;
color:#4c9c74}
.type-jpg,.type-png,.type-jpeg{
background:#f4edfc;
color:#9f70c4}
.department-tag{
font-size:10px;
color:var(--muted);
background:var(--soft);
padding:4px 7px;
border-radius:4px;
border:1px solid var(--border);
white-space:nowrap}
.cell-date{
font-size:11px;
display:block;
white-space:nowrap}
.cell-meta{
display:block;
color:var(--muted);
font-size:10px;
margin-top:3px}
.status-badge{
display:inline-flex;
align-items:center;
gap:5px;
font-size:10px;
border-radius:4px;
padding:3px 7px;
white-space:nowrap}
.status-badge>span{
width:4px;
height:4px;
background:currentColor;
border-radius:50%}
.status-success{
color:#388663;
background:#eef7f1}
.status-warning{
color:#b88927;
background:#fff7e4}
.status-neutral{
color:var(--muted);
background:var(--soft)}
.classification-note{
display:flex;
align-items:center;
gap:9px;
font-size:10px;
margin:20px 0 0;
color:var(--muted)}
.classification-note>.icon{
width:14px}
.classification-note>span:last-child{
margin-left:auto;
display:flex;
gap:6px;
align-items:center}
.classification-note .icon{
width:10px}
.archive-breadcrumb{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
font-size:12px;
margin-bottom:20px}
.archive-breadcrumb>a{
display:flex;
align-items:center;
gap:7px;
color:var(--muted)}
.archive-breadcrumb>a[aria-current=page]{
color:var(--text);
font-weight:600}
.archive-breadcrumb>.icon{
width:11px;
color:var(--muted)}
.explorer-layout{
display:flex;
gap:22px;
align-items:flex-start}
.folder-tree{
background:var(--card);
border:1px solid var(--border);
border-radius:8px;
width:206px;
flex-shrink:0;
padding:18px 10px}
.folder-tree h2{
font-size:12px;
padding:0 8px 15px}
.folder-tree>a{
display:flex;
align-items:center;
gap:8px;
padding:9px 8px;
font-size:11px;
color:var(--muted);
border-radius:5px;
line-height:1.6}
.folder-tree>a:hover,.folder-tree>a.selected{
background:var(--soft);
color:var(--color-primary)}
.folder-tree .icon{
width:15px;
height:15px}
.folder-tree .tree-root{
font-size:11px;
margin-bottom:9px}
.folder-tree .tree-child{
margin-left:calc(var(--depth) * 6px + 7px);
padding-left:8px;
border-left:1px solid var(--border);
border-radius:0;
font-size:10px}
.tree-info{
padding:16px 9px 0;
margin:15px 0 0;
border-top:1px solid var(--border);
display:flex;
align-items:flex-start;
gap:8px;
color:var(--muted)}
.tree-info p{
font-size:10px;
line-height:1.7;
margin:0}
.explorer-content{
flex:1;
min-width:0}
.explorer-content>.section-heading{
margin-bottom:12px}
.explorer-content>.section-heading h2{
font-size:13px}
.folder-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin-bottom:24px}
.folder-card{
display:flex;
align-items:center;
gap:10px;
padding:16px 13px;
border:1px solid var(--border);
background:var(--card);
border-radius:8px;
min-width:0}
.folder-card>.icon:first-child{
color:#d1a12f;
fill:#fff3cd;
width:27px;
height:27px}
.folder-card>div{
min-width:0}
.folder-card strong{
font-size:12px;
display:block;
color:var(--text);
overflow-wrap:anywhere}
.folder-card span{
font-size:10px;
color:var(--muted)}
.folder-card>.icon:last-child{
margin-left:auto;
width:12px;
color:#adb9c9}
.folder-card:hover{
border-color:#a1b4d0}
.document-panel,.panel{
background:var(--card);
border:1px solid var(--border);
border-radius:8px;
overflow:hidden}
.explorer-toolbar{
padding:19px 18px;
display:flex;
align-items:center;
justify-content:space-between}
.explorer-toolbar>div:first-child{
display:flex;
gap:10px;
align-items:center}
.explorer-toolbar h2{
font-size:13px}
.explorer-toolbar span{
font-size:11px;
color:var(--muted)}
.view-toggle{
display:flex;
gap:3px;
background:var(--soft);
padding:2px;
border-radius:5px}
.view-toggle .icon-button{
width:28px;
height:28px}
.view-toggle [aria-pressed=true]{
background:var(--card);
border:1px solid var(--border)}
.view-toggle .icon{
width:15px;
height:15px;
fill:none!important}
.filters{
display:flex;
flex-wrap:wrap;
gap:9px;
padding:0 18px 17px}
.filters .form-select{
font-size:11px;
width:auto;
max-width:190px;
min-height:35px;
padding-left:10px}
.filter-search{
position:relative;
flex:1;
min-width:160px}
.filter-search .icon{
position:absolute;
top:11px;
left:10px;
width:14px;
height:14px;
color:var(--muted)}
.filter-search .form-control{
padding-left:32px;
font-size:11px;
min-height:35px}
.form-control,.form-select{
font-size:12px;
min-height:40px;
background-color:var(--card);
color:var(--text);
border-color:var(--border);
border-radius:6px}
.form-control:focus,.form-select:focus{
background-color:var(--card);
color:var(--text);
border-color:#8eaddb;
box-shadow:0 0 0 3px #426aab15}
.form-label{
font-size:12px;
font-weight:600;
margin-bottom:7px}
.results-toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:10px 18px;
border-top:1px solid var(--border);
font-size:10px;
color:var(--muted)}
.results-toolbar>span{
max-width:65%;
overflow-wrap:anywhere}
.results-toolbar label{
display:flex;
gap:6px;
align-items:center;
white-space:nowrap}
.results-toolbar select{
background:transparent;
border:0;
color:var(--text);
font-size:10px;
max-width:100px}
.pagination-bar{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 18px;
border-top:1px solid var(--border);
gap:10px;
font-size:11px;
color:var(--muted)}
.pagination-bar nav{
display:flex;
align-items:center;
gap:12px}
.pagination-bar .btn{
font-size:10px}
.document-grid{
padding:18px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:15px}
.document-card{
border:1px solid var(--border);
border-radius:8px;
overflow:hidden}
.document-card-preview{
display:grid;
place-items:center;
background:var(--soft);
height:118px;
border-bottom:1px solid var(--border)}
.document-card-preview .file-icon{
transform:scale(1.6)}
.document-card>div{
padding:13px}
.document-card p{
font-size:10px;
margin:5px 0 14px}
.document-card-bottom{
display:flex;
align-items:center;
justify-content:space-between;
gap:5px}
.document-card-bottom small{
font-size:9px;
color:var(--muted)}
.empty-state{
padding:65px 25px;
text-align:center;
min-height:240px}
.empty-state>.icon{
width:44px;
height:44px;
color:#99aecb;
margin-bottom:20px}
.empty-state h3{
font-size:16px}
.empty-state p{
font-size:12px;
margin:12px auto 20px;
max-width:440px}
.document-detail-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 288px;
gap:22px}
.document-preview{
border:1px solid var(--border);
border-radius:8px;
overflow:hidden;
align-self:start}
.preview-toolbar{
background:var(--card);
padding:14px 20px;
border-bottom:1px solid var(--border);
display:flex;
justify-content:space-between;
gap:12px;
align-items:center;
font-size:12px}
.preview-toolbar>span{
display:flex;
gap:9px;
align-items:center}
.preview-toolbar .file-icon{
width:25px;
height:30px}
.preview-mode{
font-size:10px;
color:var(--muted)}
.preview-mode .icon{
width:12px}
.document-canvas{
background:#e9edf4;
padding:30px;
min-height:590px;
overflow:auto}
.paper-preview{
background:white;
color:#25354e;
padding:40px;
max-width:650px;
margin:auto;
box-shadow:0 2px 10px #16233d0b;
min-height:620px}
.paper-letterhead{
border-bottom:2px solid #deb235;
padding-bottom:18px;
margin-bottom:27px;
display:flex;
justify-content:space-between;
align-items:center;
gap:15px}
.paper-letterhead strong{
color:#1b3a8b;
font-size:18px}
.paper-letterhead span{
font-size:10px;
color:#8290a4}
.paper-content{
white-space:pre-wrap;
font-size:12px;
line-height:2}
.paper-content:first-line{
font-size:19px;
font-weight:600;
line-height:2.5}
.paper-preview footer{
border-top:1px solid #e3e9f2;
margin-top:35px;
padding-top:14px;
color:#8d98a7;
font-size:10px}
.preview-footnote{
background:var(--card);
padding:14px 20px;
display:flex;
align-items:center;
gap:8px;
color:var(--muted);
font-size:11px}
.preview-footnote .icon{
width:14px}
.document-inspector{
background:var(--card);
border:1px solid var(--border);
border-radius:8px;
align-self:start}
.inspector-block{
padding:20px;
border-bottom:1px solid var(--border)}
.inspector-block:last-child{
border:0}
.inspector-block h2{
font-size:13px;
margin-bottom:20px;
display:flex;
justify-content:space-between;
align-items:center}
.inspector-block dl{
margin:0}
.inspector-block dt{
font-size:10px;
color:var(--muted);
font-weight:400;
margin:14px 0 4px}
.inspector-block dd{
font-size:12px;
margin:0;
overflow-wrap:anywhere}
.inspector-block dd>.icon{
width:13px}
.permission-pills{
display:flex;
flex-wrap:wrap;
gap:5px}
.permission-pills>span{
font-size:10px;
padding:2px 6px;
border:1px solid var(--border);
border-radius:4px;
background:var(--soft)}
.count-pill{
background:var(--soft);
border-radius:4px;
padding:2px 7px;
font-size:11px}
.version-list{
list-style:none;
margin:0;
padding:0}
.version-list li{
padding:0 0 20px 16px;
border-left:1px solid var(--border);
position:relative;
margin-left:4px}
.version-list li:before{
content:'';
width:7px;
height:7px;
background:#93aaca;
position:absolute;
top:6px;
left:-4px;
border-radius:50%}
.version-list li:first-child:before{
background:var(--color-primary)}
.version-list li:last-child{
padding-bottom:0}
.version-list li>div{
display:flex;
align-items:center;
gap:9px}
.version-list strong{
font-size:12px}
.current-version{
font-size:9px;
color:#397c66;
background:#eaf6ef;
padding:1px 5px;
border-radius:4px}
.version-list p{
font-size:11px;
margin:7px 0 4px}
.version-list small{
font-size:10px;
color:var(--muted)}
.version-list .btn{
display:flex;
font-size:10px;
margin-top:3px}
.spreadsheet-preview{
background:white;
color:#25354e;
min-width:450px;
border:1px solid #cad3de}
.spreadsheet-preview .table{
font-family:'Segoe UI',sans-serif;
font-size:12px;
--bs-table-bg:white;
--bs-table-color:#263750}
.spreadsheet-preview td,.spreadsheet-preview th{
border:1px solid #dde3eb;
padding:10px}
.spreadsheet-preview th{
background:#eff3f6;
text-align:center;
color:#79899a}
.spreadsheet-preview tbody tr:first-child td{
font-weight:600;
color:#246948;
background:#edf6f0}
.sheet-title{
padding:15px;
font-size:12px;
border-bottom:1px solid #d8e2db}
.sheet-tab{
display:inline-block;
padding:8px 20px;
border-bottom:3px solid #399275;
background:#edf6f0;
font-size:11px;
color:#26794e}
.import-placeholder{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
min-height:400px;
text-align:center;
padding:30px}
.import-placeholder h2{
margin-top:22px}
.import-placeholder p{
max-width:400px;
font-size:12px;
margin:14px 0 0}
.import-placeholder .file-icon{
transform:scale(1.5)}
.inline-notice{
display:flex;
align-items:center;
gap:10px;
background:#eaf1fc;
border:1px solid #d7e3f7;
color:#48688f;
padding:14px 18px;
border-radius:7px;
font-size:12px;
margin-bottom:24px}
.inline-notice.warning{
background:#fff6e3;
color:#a87d29;
border-color:#ecdfb8}
.person-cell{
display:flex;
align-items:center;
gap:10px;
min-width:145px}
.person-cell strong{
display:block;
font-size:12px}
.person-cell small{
display:block;
color:var(--muted);
font-size:11px;
margin-top:3px}
.role-cards{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
margin-bottom:24px}
.role-cards article{
background:var(--card);
border:1px solid var(--border);
border-radius:8px;
padding:22px}
.role-symbol{
width:35px;
height:35px;
display:grid;
place-items:center;
border-radius:7px;
margin-bottom:15px}
.role-cards h2{
font-size:13px;
min-height:35px;
line-height:1.7}
.role-cards p{
font-size:12px;
margin:7px 0}
.role-cards small{
font-size:11px;
line-height:1.8;
color:var(--muted)}
.panel>.section-heading{
padding:20px 22px 0}
.permission-table{
font-size:12px;
--bs-table-bg:transparent;
--bs-table-color:var(--text);
vertical-align:middle}
.permission-table td,.permission-table th{
padding:15px 20px;
border-color:var(--border)}
.permission-table th:first-child{
width:32%;
font-weight:400}
.permission-table thead{
background:var(--soft)}
.permission-table thead th{
font-size:11px;
font-weight:600}
.permission-table th:not(:first-child),.permission-table td{
text-align:center;
width:17%}
.form-check-input{
width:17px;
height:17px;
border-color:#b4c3d8}
.form-check-input:checked{
background-color:var(--org-primary);
border-color:var(--org-primary)}
.panel-footnote{
font-size:11px;
padding:7px 22px 16px;
margin:0}
.access-explainer{
display:flex;
align-items:center;
gap:17px;
background:var(--card);
padding:22px;
border:1px solid var(--border);
border-radius:8px;
margin-bottom:23px}
.access-explainer>span{
width:45px;
height:45px;
border-radius:8px;
display:grid;
place-items:center;
flex-shrink:0}
.access-explainer h2{
font-size:13px}
.access-explainer p{
margin:6px 0 0;
font-size:12px;
max-width:740px}
.access-row{
display:grid;
grid-template-columns:220px 1fr 155px;
gap:20px;
padding:21px 22px;
border-top:1px solid var(--border);
align-items:center}
.scope-path{
display:flex;
gap:9px;
align-items:center;
color:var(--muted);
font-size:12px}
.scope-path .icon{
color:#b6954f}
.access-row>.muted{
font-size:11px;
text-align:center}
.audit-filter{
display:flex;
align-items:center;
gap:15px;
padding:20px}
.audit-filter label{
font-size:12px;
white-space:nowrap}
.audit-filter input{
max-width:380px}
.audit-action{
display:flex;
align-items:center;
gap:7px;
font-size:11px}
.audit-action .icon{
width:14px;
height:14px;
color:#7a96b9}
.settings-layout{
display:grid;
grid-template-columns:1fr 300px;
gap:25px;
align-items:start}
.settings-form{
padding:24px}
.settings-form>.section-heading{
padding:0;
margin-bottom:25px}
.color-field{
border:1px solid var(--border);
padding:8px 12px;
display:flex;
align-items:center;
gap:12px;
border-radius:6px}
.color-field span{
font-size:11px;
color:var(--muted)}
.color-field input{
height:27px;
width:38px;
border:0;
padding:0;
background:transparent}
.form-footer{
display:flex;
justify-content:flex-end;
border-top:1px solid var(--border);
padding-top:20px;
margin-top:25px}
.brand-preview,.reset-panel{
padding:24px;
margin-bottom:20px}
.brand-preview img{
width:100%;
margin:5px 0 26px;
background:white;
border-radius:5px;
padding:10px}
.brand-preview h2,.reset-panel h2{
font-size:13px}
.brand-preview p,.reset-panel p{
font-size:12px;
margin:12px 0 18px}
.help-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
margin-bottom:23px}
.help-card{
padding:25px}
.help-card h2{
margin:17px 0 10px;
font-size:13px}
.help-card p{
font-size:12px;
line-height:1.9;
margin:0}
.modal-dialog{
--bs-modal-width:700px}
.modal-content{
border-radius:11px;
border:1px solid var(--border);
background:var(--card);
overflow:hidden;
box-shadow:0 18px 60px #0a1c4c25}
.modal-header{
padding:23px 26px;
border-bottom:1px solid var(--border);
align-items:flex-start}
.modal-eyebrow{
display:block;
font-size:11px;
color:var(--muted);
margin-bottom:5px}
.modal-title{
font-size:19px;
line-height:1.5}
.modal-body{
padding:24px 26px;
max-height:68vh;
overflow:auto}
.modal-footer{
padding:17px 26px;
border-top:1px solid var(--border)}
.modal-section-title{
font-size:13px;
font-weight:600;
margin:20px 0 16px}
.profile-options{
display:grid;
gap:10px}
.profile-option{
display:flex;
align-items:center;
gap:13px;
text-align:left;
padding:15px;
border:1px solid var(--border);
border-radius:7px;
background:var(--card);
color:var(--text);
width:100%;
position:relative}
.profile-option>span:nth-child(2){
flex:1}
.profile-option strong{
font-size:13px;
display:block}
.profile-option>span>span{
font-size:12px;
display:block;
color:var(--muted);
margin:2px 0}
.profile-option small{
font-size:11px;
color:var(--muted)}
.profile-option.selected{
border-color:#789bd2;
background:var(--soft)}
.profile-option>.icon{
width:17px;
color:#7093c9}
.dropzone{
border:1.5px dashed #acbcd5;
border-radius:8px;
background:var(--soft);
min-height:178px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:7px;
cursor:pointer;
position:relative;
padding:20px;
text-align:center;
overflow:hidden}
.dropzone>.icon{
width:30px;
height:30px;
margin-bottom:7px;
color:#6b8cbf}
.dropzone strong{
font-size:12px}
.dropzone span{
font-size:12px;
color:var(--muted)}
.dropzone small{
font-size:11px;
color:var(--muted)}
.dropzone input{
position:absolute;
inset:0;
opacity:0;
width:100%;
height:100%;
cursor:pointer}
.dropzone:focus-within,.dropzone.drag-over{
outline:2px solid #6688c0;
background:#eaf1fc}
.form-note{
font-size:11px;
line-height:1.8;
padding:12px;
background:var(--soft);
border-radius:5px;
margin:19px 0 0}
.document-editor{
min-height:320px;
font-size:12px;
line-height:1.9;
resize:vertical}
.editor-document-name{
display:flex;
align-items:center;
gap:8px;
border-bottom:1px solid var(--border);
padding-bottom:15px;
margin-bottom:18px;
font-size:12px}
.editor-document-name span{
margin-left:auto;
color:var(--muted);
font-size:11px}
.editable-sheet td{
padding:0}
.editable-sheet .form-control{
border-radius:0;
min-width:85px;
font-size:12px}
.editable-sheet td:first-child .form-control{
min-width:210px}
.notification-list article{
display:flex;
gap:15px;
padding:15px 0;
border-bottom:1px solid var(--border)}
.notification-list article>.icon{
width:30px;
height:30px;
padding:5px;
background:var(--soft);
color:#7a95bd;
border-radius:6px}
.notification-list strong{
font-size:12px}
.notification-list p{
font-size:12px;
margin:4px 0}
.notification-list small{
font-size:11px;
color:var(--muted)}
.toast{
background:var(--card);
border:1px solid var(--border);
border-radius:8px;
font-size:12px;
box-shadow:0 7px 25px #18335e17}
.toast-body{
display:flex;
align-items:center;
gap:12px;
padding:15px}
.toast-body>span:nth-child(2){
flex:1}
.toast-symbol{
color:#428970}
.toast-symbol.danger{
color:#ce5757}
.toast-symbol.warning{
color:#bc8c28}
.toast-container{
z-index:2000}
.toast .btn-close{
flex-shrink:0}
[data-theme=dark] .sidebar{
background:#0b1425}
[data-theme=dark] .welcome-panel{
background:#1e2e4b;
border-color:#304365}
[data-theme=dark] .welcome-panel h2{
color:#d5e2fc}
[data-theme=dark] .welcome-panel p{
color:#a3b5d1}
[data-theme=dark] .welcome-chip{
color:#b3c9ef;
background:#2b3e5f}
[data-theme=dark] .welcome-link{
color:#a8c6fc}
[data-theme=dark] .illustration-orbit{
border-color:#344664}
[data-theme=dark] .illustration-caption{
color:#a6b9d8}
[data-theme=dark] .document-canvas{
background:#111c2e}
[data-theme=dark] .inline-notice{
background:#223555;
border-color:#314866;
color:#aec7eb}
[data-theme=dark] .avatar{
background:#2b3e60;
color:#c0d2f1}
[data-theme=dark] .status-success{
background:#1e3b34;
color:#8bc3a9}
[data-theme=dark] .status-warning{
background:#3b3421;
color:#dfbd65}
[data-theme=dark] .tint-blue,[data-theme=dark] .tint-gold,[data-theme=dark] .tint-purple,[data-theme=dark] .tint-green,[data-theme=dark] .tint-sky,[data-theme=dark] .tint-orange{
background:#24334b}
[data-theme=dark] .form-select option{
background:#1a2438}
@media(min-width:1600px){
body{
font-size:13px}
#main-content{
padding:35px 45px}
.dashboard-grid{
grid-template-columns:minmax(0,1fr) 320px}
.welcome-panel{
padding:32px 38px}
.welcome-panel h2{
font-size:28px}
.department-card{
padding:22px 20px 0}
.department-card h3{
font-size:13px}
.department-card p{
font-size:12px;
min-height:37px}
.department-bottom{
font-size:11px}
.stat-item>small{
font-size:11px}
.stat-top{
font-size:12px}
.activity-list strong{
font-size:12px}
.activity-list p{
font-size:12px}
.activity-target{
font-size:11px}
.activity-list small{
font-size:11px}
.activity-list li{
padding-bottom:24px}
.archive-table{
font-size:12px}
.document-name{
font-size:12px}
.section-heading p{
font-size:12px}
}
@media(max-width:1270px){
:root{
--sidebar-width:224px}
.topbar{
padding:0 24px;
gap:12px}
.topbar-context>span{
display:none}
.global-search input{
width:185px}
.global-search kbd{
display:none}
#main-content{
padding:25px 24px}
.topbar-divider{
margin:0 7px}
.dashboard-grid{
grid-template-columns:minmax(0,1fr) 260px;
gap:18px}
.departments-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.department-card p{
min-height:auto}
.stats-grid{
gap:12px}
.stat-item{
padding:14px}
.stat-top{
font-size:11px}
.welcome-panel h2{
font-size:22px}
.archive-illustration{
margin-right:0;
width:250px}
.classification-note>span:last-child{
display:none}
.activity-list li{
padding-bottom:30px}
.activity-target{
font-size:11px}
.activity-more{
margin-top:10px}
.access-note{
margin-top:10px}
.folder-tree{
width:180px}
.folder-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.document-detail-layout{
grid-template-columns:minmax(0,1fr) 255px}
.document-canvas{
padding:20px}
.paper-preview{
padding:27px}
.settings-layout{
grid-template-columns:1fr 260px}
.help-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.access-row{
grid-template-columns:180px 1fr 145px;
gap:10px}
.role-cards{
gap:12px}
.role-cards article{
padding:17px}
}
@media(max-width:1050px){
:root{
--sidebar-width:205px}
.sidebar{
padding:23px 12px}
.brand{
gap:5px;
padding-left:2px}
.brand strong{
font-size:18px}
.brand img{
width:38px}
.nav-item{
font-size:12px;
padding:10px;
gap:9px}
.nav-item>.icon{
width:16px}
.topbar-context{
display:none}
.global-search{
margin-left:0;
flex:1}
.topbar-actions{
margin-left:auto}
.topbar{
padding:0 20px}
#main-content{
padding:25px 20px}
.welcome-panel{
padding:25px}
.archive-illustration{
transform:scale(.88);
transform-origin:right center;
width:190px}
.welcome-panel h2{
font-size:20px}
.welcome-panel p{
font-size:11px}
.stats-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.stat-top{
font-size:12px}
.stat-item>small{
font-size:11px}
.stat-item>strong{
font-size:28px}
.dashboard-grid{
grid-template-columns:minmax(0,1fr) 235px;
gap:17px}
.department-card{
padding:14px 12px 0}
.department-card h3{
font-size:12px}
.department-bottom{
font-size:9px}
.activity-panel{
padding:17px 14px}
.folder-tree{
display:none}
.folder-grid{
grid-template-columns:repeat(3,minmax(0,1fr))}
.document-detail-layout{
grid-template-columns:1fr}
.document-inspector{
display:grid;
grid-template-columns:1fr 1fr}
.document-inspector .inspector-block:last-child{
grid-column:1/-1}
.document-canvas{
min-height:400px}
.page-actions{
flex-wrap:wrap;
justify-content:flex-end}
.page-heading{
align-items:flex-start}
h1{
font-size:23px}
.role-cards{
grid-template-columns:repeat(2,minmax(0,1fr))}
.role-cards h2{
min-height:auto}
.settings-layout{
grid-template-columns:1fr}
.settings-layout>aside{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px}
.access-row{
grid-template-columns:1fr 130px}
.access-row .scope-path{
grid-column:1;
grid-row:2}
.access-row>.btn,.access-row>.muted{
grid-column:2;
grid-row:1/3}
.app-footer{
padding:14px 20px;
font-size:10px}
.profile-text{
display:none}
}
@media(max-width:780px){
:root{
--sidebar-width:230px}
.sidebar{
transform:translateX(-100%);
transition:transform .2s}
.menu-open .sidebar{
transform:translateX(0)}
.menu-open .sidebar-scrim{
display:block;
position:fixed;
inset:0;
background:#0d1b3655;
z-index:1025}
.app-main{
margin-left:0}
.topbar{
height:66px;
padding:0 18px;
gap:13px}
.topbar [data-action=menu]{
display:inline-grid}
.topbar-actions{
gap:3px}
.global-search input{
width:100%;
min-width:0}
.global-search{
min-width:0}
.topbar-divider{
display:none}
.profile-button>.icon{
display:none}
.topbar-actions>[data-action=notifications]{
display:none}
#main-content{
padding:23px 18px}
.dashboard-grid{
grid-template-columns:minmax(0,1fr) 245px;
gap:18px}
.stats-grid{
gap:12px}
.page-heading p{
font-size:12px}
.archive-illustration{
transform:scale(.86);
width:220px;
margin-right:20px}
.welcome-panel{
min-height:220px}
.welcome-panel h2{
font-size:21px}
.departments-grid{
gap:10px}
.brand strong{
font-size:20px}
.sidebar .brand img{
width:42px}
.nav-item{
font-size:12px}
.folder-grid{
grid-template-columns:repeat(3,minmax(0,1fr))}
.app-footer{
padding:14px 18px}
.page-actions .btn{
font-size:12px}
.permission-table td,.permission-table th{
padding:13px 10px}
.settings-layout>aside{
gap:15px}
.topbar-context{
display:none}
}
@media(max-width:580px){
.global-search input{
font-size:11px}
.topbar{
gap:5px;
padding:0 12px}
.global-search>.icon{
display:none}
.topbar-actions .icon-button{
width:31px}
.avatar{
width:31px;
height:31px;
font-size:11px}
#main-content{
padding:22px 15px}
.page-heading{
gap:15px;
flex-wrap:wrap;
margin-bottom:21px}
.page-heading h1{
font-size:24px}
.page-heading p{
max-width:310px;
line-height:1.8}
.page-actions{
justify-content:flex-start;
gap:8px}
.page-actions .btn{
min-height:37px}
.welcome-panel{
padding:22px 21px;
min-height:235px}
.welcome-panel h2{
font-size:20px;
line-height:1.5}
.welcome-panel p{
font-size:11px;
max-width:230px;
margin-top:12px}
.welcome-chip{
font-size:10px;
margin-bottom:13px}
.archive-illustration{
display:none}
.welcome-link{
margin-top:16px}
.stats-grid{
gap:11px;
margin-bottom:26px}
.stat-item{
padding:13px}
.stat-top{
font-size:11px;
align-items:flex-start;
line-height:1.7}
.stat-icon{
width:25px;
height:25px;
flex-shrink:0}
.stat-icon .icon{
width:14px}
.stat-item>strong{
font-size:27px;
margin:7px 0 9px}
.stat-item>small{
font-size:10px;
line-height:1.8;
display:block;
min-height:28px}
.dashboard-grid{
grid-template-columns:1fr}
.departments-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px}
.department-card{
padding:16px 14px 0}
.department-card h3{
font-size:12px}
.department-card p{
font-size:11px;
min-height:33px}
.department-bottom{
font-size:10px;
padding:12px 0}
.section-heading h2{
font-size:14px}
.section-heading p{
font-size:11px}
.activity-panel{
padding:20px;
margin-top:5px}
.activity-list li{
padding-bottom:20px}
.activity-list strong{
font-size:12px}
.activity-list p{
font-size:12px}
.activity-list small{
font-size:11px}
.activity-target{
font-size:11px}
.activity-list li>div{
width:100%}
.activity-more{
font-size:12px}
.access-note{
padding:14px}
.access-note strong{
font-size:12px}
.access-note p{
font-size:11px}
.recent-panel .section-heading{
padding:17px 15px 0}
.archive-table{
min-width:640px}
.archive-table tbody td{
padding:12px 14px}
.recent-panel .archive-table{
min-width:620px}
.app-footer{
flex-direction:column;
font-size:10px;
gap:7px;
padding:15px}
.classification-note{
line-height:1.7;
font-size:10px}
.folder-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px}
.folder-card{
padding:13px 10px;
gap:8px}
.folder-card>.icon:first-child{
width:22px}
.folder-card strong{
font-size:11px}
.folder-card>.icon:last-child{
display:none}
.explorer-toolbar{
padding:17px 13px}
.explorer-toolbar h2{
font-size:12px}
.explorer-toolbar span{
font-size:10px}
.filters{
padding:0 13px 15px;
gap:8px}
.filter-search{
flex-basis:100%}
.filters .form-select{
flex:1;
max-width:none;
min-width:90px;
font-size:10px;
padding-right:25px}
.results-toolbar{
padding:10px 13px;
align-items:flex-start}
.pagination-bar{
padding:13px;
flex-direction:column;
gap:13px}
.pagination-bar nav{
gap:14px}
.pagination-bar .btn{
font-size:11px}
.document-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
padding:12px;
gap:10px}
.document-card>div{
padding:10px}
.document-card-bottom{
flex-wrap:wrap}
.document-card-preview{
height:95px}
.document-card .document-name{
font-size:11px}
.document-inspector{
grid-template-columns:1fr}
.document-detail-layout{
gap:16px}
.document-canvas{
padding:15px}
.paper-preview{
padding:20px;
min-height:530px}
.paper-content{
font-size:12px}
.paper-content:first-line{
font-size:16px}
.preview-toolbar{
padding:12px;
font-size:11px}
.preview-mode{
font-size:9px}
.preview-footnote{
padding:13px;
font-size:10px}
.paper-letterhead{
gap:8px}
.paper-letterhead strong{
font-size:15px}
.paper-letterhead span{
font-size:9px}
.document-preview .page-heading h1{
font-size:20px}
.role-cards{
gap:10px}
.role-cards article{
padding:15px}
.role-cards h2{
font-size:12px;
min-height:38px}
.role-cards small{
font-size:11px}
.panel>.section-heading{
padding:17px 15px 0;
flex-wrap:wrap}
.permission-table{
min-width:580px}
.access-explainer{
padding:17px;
align-items:flex-start;
gap:12px}
.access-explainer h2{
font-size:13px}
.access-explainer p{
font-size:11px}
.access-row{
padding:17px 15px;
gap:12px;
grid-template-columns:1fr}
.access-row .scope-path{
grid-row:auto}
.access-row>.btn,.access-row>.muted{
grid-column:1;
grid-row:auto;
justify-self:start}
.audit-filter{
flex-wrap:wrap;
padding:17px 15px;
gap:10px}
.audit-filter label{
width:100%}
.audit-filter input{
width:70%;
font-size:12px}
.settings-layout>aside{
grid-template-columns:1fr;
gap:0}
.settings-form{
padding:20px}
.help-grid{
grid-template-columns:1fr;
gap:15px}
.help-card{
padding:22px}
.help-card p{
font-size:12px}
.modal-dialog{
margin:12px}
.modal-header{
padding:19px}
.modal-body{
padding:19px;
max-height:66vh}
.modal-footer{
padding:14px 19px}
.modal-title{
font-size:17px}
.profile-option{
padding:12px;
gap:10px}
.profile-option strong{
font-size:12px}
.profile-option>span>span{
font-size:11px}
.profile-option small{
font-size:10px}
.dropzone{
min-height:160px;
padding:15px}
.dropzone strong{
font-size:12px}
.editor-document-name{
font-size:12px;
flex-wrap:wrap}
.editor-document-name span{
font-size:10px}
.document-editor{
min-height:290px}
.toast-container{
max-width:100%}
.toast{
max-width:calc(100vw - 30px)}
}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{
animation-duration:.01ms!important;
transition-duration:.01ms!important;
scroll-behavior:auto!important}
}
@media print{
.sidebar,.topbar,.app-footer,.page-actions,.document-inspector,.preview-toolbar,.preview-footnote,.toast-container{
display:none!important}
.app-main{
margin:0}
.document-detail-layout{
display:block}
#main-content{
padding:0}
.document-canvas{
padding:0;
background:white}
.paper-preview{
box-shadow:none;
max-width:none}
.document-preview{
border:0}
}