/* iTeamHQ Mobile v0.22.5 — global polish, presentation only. */
:root{--hq-dialog-shadow:0 24px 80px rgba(0,0,0,.64);--hq-focus:rgba(203,154,255,.85)}
/* Modal and profile surfaces retain existing event handlers and ids. */
.modal-backdrop{background:rgba(6,5,12,.79);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:max(16px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
.modal{border-radius:22px;border:1px solid rgba(196,148,244,.26);background:linear-gradient(160deg,#292039,#171220 70%);box-shadow:var(--hq-dialog-shadow);max-height:calc(100dvh - max(42px,env(safe-area-inset-top,0px)) - max(28px,env(safe-area-inset-bottom,0px)));overflow-y:auto;overscroll-behavior:contain}
.modal-top{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#292039 75%,rgba(41,32,57,.94));border-bottom:1px solid rgba(196,148,244,.15);padding-bottom:12px}
.modal .field,.modal input,.modal textarea,.modal select{max-width:100%}
.modal input,.modal textarea,.modal select{border-radius:12px;background:#120f1c;border:1px solid rgba(191,149,233,.3);color:#f5effb}
.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#c49bfa;outline:2px solid rgba(196,155,250,.15);outline-offset:1px}
.profile-hero,.profile-banner{border-radius:20px;overflow:hidden;border:1px solid rgba(189,145,233,.22);background:linear-gradient(120deg,#38244b,#1a1427)}
.profile-fields{display:grid;gap:12px;min-width:0}.profile-fields>*{min-width:0}
.notification-list{display:grid;gap:10px}.notification-row{border-radius:15px;border:1px solid rgba(182,140,227,.18);background:linear-gradient(130deg,#251c32,#191521);padding:14px;overflow-wrap:anywhere}
.notification-row.is-unread{border-color:rgba(185,125,255,.5);background:linear-gradient(120deg,#342244,#211729)}
.notification-date{font-size:12px;color:#b9a9c8;font-variant-numeric:tabular-nums}.notification-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.inline-error,[role="alert"]{overflow-wrap:anywhere}.inline-error{color:#ffb2c2;background:rgba(233,77,116,.09);border:1px solid rgba(233,100,134,.27);padding:10px 12px;border-radius:12px;line-height:1.45}
.hq-empty,.league-empty,.chat-empty,.roster-empty{color:#bfb1ce;line-height:1.6}
button:disabled,.button:disabled,[aria-disabled="true"]{opacity:.56;cursor:not-allowed;filter:saturate(.7)}
button:not(:disabled),.button:not(:disabled){transition:transform .16s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
button:not(:disabled):active,.button:not(:disabled):active{transform:scale(.975)}
button:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--hq-focus);outline-offset:3px}
.update-toast{box-shadow:0 20px 65px rgba(0,0,0,.64);border-color:rgba(198,154,254,.55);bottom:calc(14px + env(safe-area-inset-bottom,0px))}
@media(max-width:390px){.modal{border-radius:16px}.notification-controls>.button{flex:1;min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}