/* Clear hierarchy, readable controls and calmer surfaces. */
.app-header{background-image:linear-gradient(110deg,#163f35,#10382f);box-shadow:none}
.app-header:before{display:none}
.app-header .brand p{font-size:12px;line-height:1.7;color:#d7e4dc}
.app-header .header-identity{background:#ffffff09;border-color:#ffffff25;border-inline-start-color:#cbb47e}
.header-identity-name>strong{font-size:14px;line-height:1.7}
.header-employee-number>span{font-size:11px;color:#d5e1d8}
.header-employee-number>bdi{font-size:13px}
.app-header .header-actions{gap:10px;flex-wrap:wrap}
.app-header .header-actions>.btn,.app-header .report-launch{font-size:13px;line-height:1.5;min-height:46px}
.app-header .report-launch{display:flex;align-items:center;justify-content:center;gap:7px}
.toolbar{height:auto;gap:12px;background:#fffdf9;padding-block:14px}
.search{height:46px;border-color:#c6d1c7;background:#fff}
.search input{font-size:16px;height:44px}
.search input::placeholder{color:#64776b;font-size:13px}
.view-tabs{padding:4px}
.view-tabs button{font-size:13px;min-height:40px;flex:1}
.filter{height:46px;border-color:#ccd5c9}
.filter select{font-size:14px;min-height:44px;min-width:0;width:100%;max-width:190px}
.export-btn{min-height:46px;font-size:13px}
.field-tools{padding-block:5px;background:#f2f5ef;gap:14px}
.coordinate-launch,.field-task-launch{min-height:44px}
.coordinate-launch strong,.field-task-launch{font-size:13px}
.camp-item-text>span{font-size:15px;line-height:1.7}
.camp-item{padding:16px 13px;box-shadow:none}
.modal-header h2{line-height:1.6}
.notification-tabs button{font-size:14px;min-height:44px}
html[data-theme="dark"] .app-header{background-image:linear-gradient(110deg,#173a30,#102a24)}
html[data-theme="dark"] .toolbar{background:#142820}
html[data-theme="dark"] .search,html[data-theme="dark"] .filter{background:#1c352a;border-color:#4d6856}
html[data-theme="dark"] .search input::placeholder{color:#bfd0c1}
html[data-theme="dark"] .field-tools{background:#1a3026;border-color:#415a48}
@media(max-width:760px){
 .app-header{padding:16px 14px 12px;gap:12px}
 .app-header .brand h1{font-size:23px;line-height:1.4}
 .app-header .brand p{font-size:11px}
 .app-header .header-identity{padding:9px 11px;gap:12px}
 .header-identity-name>strong{font-size:13px}
 .header-employee-number>span{font-size:10px}
 .header-employee-number>bdi{font-size:12px}
 .app-header .header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%}
 .app-header .header-account-actions{grid-column:1/-1;order:0;display:flex;flex-wrap:wrap;width:100%;margin:0;gap:9px;padding-bottom:9px;border-bottom:1px solid #ffffff20}
 .app-header .report-launch{margin-inline-start:auto;font-size:13px;padding:10px 14px}
 .app-header .header-actions>.btn{width:100%;justify-content:center;font-size:13px;padding:10px 8px;min-height:46px}
 .app-header .header-actions>.btn-cream{grid-column:1;grid-row:2}
 .app-header .header-actions>.header-import{grid-column:2;grid-row:2}
 .access-staff .app-header .header-actions>.btn-cream{grid-column:1/-1}
 .toolbar{padding:12px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
 .toolbar .search{height:48px;grid-area:1/1/2/5;max-width:none}
 .search input{height:46px;font-size:16px}
 .search input::placeholder{font-size:13px}
 .toolbar .view-tabs{grid-area:2/1/3/4;width:100%;justify-self:stretch}
 .toolbar .view-tabs button{font-size:13px;padding:7px;min-height:40px}
 .toolbar .export-btn{grid-area:2/4/3/5;padding:8px 5px;font-size:12px;justify-content:center}
 .toolbar .filter{height:46px;padding-inline:10px;min-width:0;gap:6px}
 .filter select{font-size:14px;max-width:100%}
 .toolbar .filter>svg{flex-shrink:0;width:16px;height:16px}
 .access-staff .toolbar .view-tabs,.access-viewer .toolbar .view-tabs{grid-column:1/-1}
 .field-tools{padding:5px 12px;gap:10px}
 .coordinate-launch strong,.field-task-launch{font-size:13px}
 .coordinate-launch>span{display:none}
 .field-task-launch{padding-inline:12px 0}
 .map-title{font-size:11px;box-shadow:0 2px 8px #183b3210}
 .camp-item-text>span{font-size:14px}
 .camp-item{padding:14px 12px}
}
@media(max-width:359px){
 .app-header .brand h1{font-size:20px}
 .app-header .report-launch{padding-inline:10px;font-size:12px}
 .header-identity{align-items:flex-start}
 .header-identity-name>strong{font-size:12px}
 .search input::placeholder{font-size:12px}
 .toolbar .filter{padding-inline:7px;gap:4px}
 .filter select{font-size:13px}
}