.app-header{box-sizing:border-box;display:flex;flex:none;align-items:center;justify-content:space-between;gap:18px;height:auto;min-height:78px;padding:14px 24px;background:#162b3b;color:#fff;border:0;border-bottom:4px solid #24a49b;margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif}
.app-header .app-brand{font-size:11px;font-weight:800;letter-spacing:.15em;color:#7ae1d7;line-height:1.5}
.app-header h1{font-size:21px;line-height:1.3;letter-spacing:-.025em;color:#fff;margin:3px 0 0;font-weight:700}
.app-header .app-navigation{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:8px;height:auto;padding:0;margin:0;border:0;overflow:visible;background:transparent}
.app-header .app-button,.editor-actions .app-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:40px;padding:8px 13px;border:1px solid #547180;border-radius:7px;background:#244454;color:#fff;text-decoration:none;white-space:nowrap;font:650 13px/1.4 'Segoe UI',sans-serif;cursor:pointer;margin:0}
.app-header .app-button:hover,.editor-actions .app-button:hover{background:#355c6c;border-color:#81c9ca}
.app-header .app-button[aria-current=page]{background:#087e8b;border-color:#56c9c5;box-shadow:inset 0 -2px #7ae1d7}
.app-header .app-button:focus-visible,.editor-actions .app-button:focus-visible{outline:3px solid #7ae1d7;outline-offset:3px}
.editor-actions{display:flex;flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:6px 12px;background:#162b3b;color:#c3d4dd}.editor-actions>span{margin-right:auto;font-size:12px}.editor-actions .app-button{min-height:30px;padding:4px 10px;font-size:12px}
@media(max-width:800px){.app-header{flex-wrap:wrap;padding:12px 16px;gap:10px}.app-header h1{font-size:19px}.app-header .app-navigation{flex-wrap:wrap}.app-header .app-button{min-height:36px;padding:7px 10px;font-size:12px}}