.app-header{display:grid;grid-template-columns:minmax(0,1fr) 202px;align-items:start;gap:16px;padding:14px 22px;height:auto;min-height:72px}
.app-header .header-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;min-height:44px}
.app-header .header-controls>nav{flex:1;min-width:0}
.app-header button,.app-header select{min-height:44px}
.app-header .view-switch{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:9px;width:202px;min-height:44px;padding:9px 12px;border:1px solid #244940;border-radius:9px;background:#244940;color:#fff;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:none;touch-action:manipulation;box-shadow:0 2px 5px #17382c16;transition:background .15s}
.app-header .view-switch:hover{background:#173b32}.app-header .view-switch:focus-visible{outline:3px solid #a87935;outline-offset:3px}
.view-switch svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.app-header{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px 12px}.app-header .header-controls{grid-column:1;grid-row:2;gap:6px}.app-header .view-switch{grid-column:1;grid-row:1;justify-self:end}}
@media(prefers-reduced-motion:reduce){.app-header .view-switch{transition:none}}