/* v3.3.3: header shows only the name, centred beside the mascot, never under the buttons. */
.app-header{display:flex!important;align-items:center!important;gap:10px}
.app-header .brand{display:flex!important;align-items:center!important;gap:10px;flex:1 1 auto;min-width:0}
.app-header .brand-text{display:flex;align-items:center;min-width:0}
.app-header .brand-name{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.15;font-size:17px}
.app-header .header-tools{flex:0 0 auto}
@media (max-width:430px){.app-header .brand-name{font-size:15px!important}.app-header .brand-image{width:40px!important;height:40px!important}.app-header .header-tools{gap:4px!important}.app-header .header-icon,.app-header .header-refresh{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}}
@media (max-width:370px){.app-header .brand-name{font-size:14px!important}}
/* In-app confirm / text dialog (replaces window.confirm/prompt). */
.ask-dialog{max-width:min(380px,calc(100vw - 32px));width:100%;border:1px solid #a7f3d033;border-radius:22px;background:#141b33;color:var(--ink);padding:22px}
.ask-dialog::backdrop{background:#04060fcc}
.ask-dialog h2{margin:0 0 10px;font-size:20px}.ask-dialog p{margin:0 0 18px;line-height:1.45}
.ask-dialog label{display:grid;gap:8px;margin-bottom:18px}
.ask-dialog .actions{display:flex;gap:10px}.ask-dialog .actions button{flex:1;min-height:48px}
.crew-card-delete{display:flex;align-items:center;gap:8px;margin:14px auto 0;min-height:44px;color:#f9a8d4}
.crew-card-delete svg{width:18px;height:18px}