.global-search{display:flex;align-items:center;width:clamp(280px,22vw,420px);max-width:420px;min-width:0;border:1px solid var(--line);border-radius:999px;background:var(--bg);overflow:hidden}.global-search input{flex:1;width:100%;min-width:0;border:0;outline-offset:-3px;background:transparent;color:var(--ink);font:inherit;padding:9px 12px}.global-search button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:0;background:transparent;color:var(--ink);cursor:pointer}.global-search svg{width:20px;height:20px}.search-mobile{display:none!important}.section-head>div{min-width:0;overflow-wrap:anywhere}@media(max-width:1200px){.global-search{display:none}.search-mobile{display:inline-flex!important}}@media(max-width:480px){.header-actions{gap:4px}.header-actions .header-icon{width:30px;height:32px}.system-name small{display:none}}
/* Compact mobile header: one row, including search and language controls. */
@media(max-width:760px){
 .topbar{height:64px;min-height:64px;padding:10px;gap:8px;flex-wrap:nowrap;justify-content:space-between;align-items:center}
 .topbar .brand-group{width:auto;min-width:0;flex:1 1 auto;gap:6px;margin:0}
 .topbar .brand{min-width:0;flex:1 1 auto}
 .topbar .brand picture{min-width:0;width:100%}
 .topbar .brand picture img{width:clamp(70px,calc(100vw - 250px),240px);height:auto;max-width:100%;max-height:40px;object-fit:contain}
 .topbar .menu-toggle{width:30px;height:32px;min-width:30px;flex-shrink:0;padding:4px}
 .topbar .header-actions{width:auto;max-width:none;min-width:0;flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end;gap:4px}
 .topbar .header-actions .header-icon,.topbar .theme-toggle{width:30px;height:32px;min-width:30px;padding:4px;flex-shrink:0}
 .topbar .header-actions svg{width:17px;height:17px}
 .topbar .language-switch{padding:2px;gap:0;flex-shrink:0}
 .topbar .language-switch button{font-size:10px;min-height:28px;padding:3px 4px;gap:3px;white-space:nowrap}
 .topbar .language-switch img{width:14px;height:14px}
 .topbar .system-name,.topbar .user-avatar,.topbar .user-label{display:none}
 .topbar .header-actions .btn{font-size:10px;padding:5px 7px;white-space:nowrap}
 .topbar .header-actions form.inline{margin:0}
}
@media(max-width:359px){.topbar{padding:8px;gap:4px}.topbar .header-actions{gap:3px}.topbar .language-switch button{font-size:0;gap:0;padding:4px 5px}.topbar .language-switch img{width:17px;height:17px}}

/* Align theme SVG geometrically; let the card border follow its radius. */
.topbar .theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0}
.topbar .theme-toggle svg{display:block;width:19px;height:19px;margin:0;flex:none}
.stat-card{border-left:4px solid var(--accent);overflow:hidden}
.stat-card::before{display:none}

/* Narrow procurement pages: keep heading and filters readable. */
@media(max-width:480px){
 .compact-heading h1{font-size:clamp(15px,4.4vw,21px);line-height:1.55;letter-spacing:-.2px}
 .procurement-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px 8px;align-items:end}
 .procurement-toolbar .field.grow{grid-column:1/-1;width:100%;min-width:0}
 .procurement-toolbar .field{min-width:0;width:100%}
 .procurement-toolbar input,.procurement-toolbar select{width:100%;min-width:0;font-size:12px;padding:10px 8px}
 .procurement-toolbar .btn{width:auto;min-width:0;min-height:43px;font-size:11px;padding:8px 10px;gap:4px;white-space:nowrap}
 .procurement-toolbar .btn svg{width:16px;height:16px}
 .plan-group-jumps .group-jump{padding:8px;gap:5px;font-size:10px}
 .plan-group-jumps .group-jump span{overflow-wrap:normal;word-break:normal}
}

@media(max-width:480px){
 .explore-heading{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}
 .explore-heading>div{flex:1 1 auto;min-width:0}
 .explore-heading h2{font-size:clamp(13px,3.9vw,18px);line-height:1.6;white-space:nowrap;letter-spacing:-.2px}
 .explore-heading>.badge{flex:0 0 auto;white-space:nowrap;font-size:9px;padding:5px 7px;line-height:1.5}
 .explore-heading .intro-line{font-size:8px;letter-spacing:1px}
}
/* Focus belongs to the complete search capsule, not the inner input. */
.global-search:focus-within{border-color:#7088c5;box-shadow:0 0 0 3px rgb(54 86 160 / 16%)}
.global-search input:focus,.global-search input:focus-visible{outline:none;border:0;box-shadow:none}
.dark .global-search:focus-within{border-color:#9fb6f1;box-shadow:0 0 0 3px rgb(159 182 241 / 20%)}

a.stat-card{color:inherit;text-decoration:none;transition:box-shadow .2s,border-color .2s}a.stat-card:hover{box-shadow:0 5px 18px #304d8f20}a.stat-card:focus-visible{outline:3px solid #d4aa42;outline-offset:3px}.update-status{text-align:right;font-size:12px;margin:10px 0 0}.archive-year-links{display:grid;gap:8px;margin:16px 0}.archive-year-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:13px}.archive-year-links a span{white-space:nowrap;font-size:11px;color:var(--muted)}.archive-year-links a:hover{background:var(--bg)}.archive-year-links svg{width:15px;height:15px}.backup-table{width:100%;border-collapse:collapse}.backup-table td,.backup-table th{text-align:left;border-bottom:1px solid var(--line);padding:12px;overflow-wrap:anywhere}.maintenance-list{display:grid;gap:12px}.maintenance-list .actions{flex-wrap:wrap}@media(max-width:600px){.backup-table{font-size:12px}.backup-table td,.backup-table th{padding:8px}.backup-table .btn{font-size:11px;padding:6px 10px}}