/* Team Management Academy — design tokens & identity (navy / gold / ivory). Loaded after all other v128 styles. */
:root{
  --tma-navy:#092630;--tma-navy-2:#173944;--tma-gold:#D5B261;--tma-gold-dark:#A68B4A;
  --tma-ivory:#F5F1E7;--tma-white:#FFFFFF;--tma-ink:#263238;
  --tma-blue:var(--tma-navy-2);--tma-sky:var(--tma-ivory);--tma-gray:var(--tma-ivory);--tma-text:var(--tma-ink);--tma-teal:var(--tma-gold-dark);
  --zp-bg:var(--tma-ivory);--zp-ink:var(--tma-navy);--zp-ink-2:var(--tma-ink);--zp-blue:var(--tma-navy-2);--zp-blue-600:var(--tma-navy);
  --zp-gold:var(--tma-gold);--zp-navy:var(--tma-navy);--zp-teal:var(--tma-gold-dark);--zp-focus:var(--tma-gold-dark);
  --tma-grad-gold:linear-gradient(180deg,#E3C77F 0%,#D5B261 55%,#C9A455 100%);
}
body{background:var(--tma-ivory);color:var(--tma-ink)}
a{color:var(--tma-navy-2)}a:hover{color:var(--tma-navy);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--tma-gold-dark);outline-offset:2px}
/* header: navy */
.zp-header{background:rgba(9,38,48,.97);border-bottom:2px solid var(--tma-gold);box-shadow:0 4px 18px rgba(9,38,48,.25)}
.zp-header .zp-brand b,.zp-header .zp-brand{color:#fff}.zp-header .zp-brand small{color:#E7DDC0}
.zp-nav a{color:#E9EEF0}.zp-nav a:hover{color:var(--tma-gold);background:rgba(255,255,255,.06)}
.zp-nav a[aria-current=page]{color:var(--tma-gold);border-bottom:3px solid var(--tma-gold)}
.zp-header .zp-btn:not(.primary){--b:transparent;--c:#fff;border-color:rgba(213,178,97,.6);box-shadow:none}
.zp-header .zp-btn:not(.primary):hover{--b:rgba(255,255,255,.08);box-shadow:none;color:var(--tma-gold)}
.zp-header .zp-menu-btn,.zp-header .zp-lang{color:#fff}
/* buttons: gold gradient, navy text (contrast >= 8:1) */
.zp-btn.primary{--b:var(--tma-gold);--c:var(--tma-navy);background:var(--tma-grad-gold);border-color:var(--tma-gold-dark);box-shadow:0 6px 16px rgba(9,38,48,.22)}
.zp-btn.primary:hover{background:linear-gradient(180deg,#EBD08C,#D9B866);color:var(--tma-navy)}
.zp-btn.primary:active{box-shadow:inset 2px 2px 6px rgba(9,38,48,.3)}
.zp-btn.primary.loading::after{border-color:rgba(9,38,48,.3);border-top-color:var(--tma-navy)}
.zp-btn.text{--c:var(--tma-navy-2)}
/* sections alternate ivory / white */
.tma-hero{background:linear-gradient(180deg,var(--tma-navy) 0%,var(--tma-navy-2) 100%);color:#fff}
.tma-hero h1{color:#fff}.tma-hero h1 em{color:var(--tma-gold)}.tma-hero .lead{color:#E9EEF0}
.tma-hero .tma-search{background:#fff;color:var(--tma-ink)}
.tma-alt{background:var(--tma-ivory)}
section:nth-of-type(odd):not(.tma-hero):not(.tma-alt){background:#fff}
.hm-sec-head h2,.tma-svc h3,.tma-steps h3{color:var(--tma-navy)}
.tma-svc,.tma-steps li,.tma-pkg,.zp-card{border:1px solid #E6DFC9;box-shadow:0 4px 16px rgba(9,38,48,.07)}
.tma-pkg.pop{outline:2px solid var(--tma-gold)}.tma-pkg .pr{color:var(--tma-navy-2)}
.tma-steps .num{background:var(--tma-navy-2);color:var(--tma-gold)}
.tma-chips a{border-color:#DDD5BF}.tma-chips a:hover{border-color:var(--tma-gold-dark);color:var(--tma-navy)}
.tma-room{background:var(--tma-navy)}.tma-room .r-body span{background:var(--tma-navy-2)}
.zp-ft{background:var(--tma-navy);border-top:3px solid var(--tma-gold)}
.zp-ft h4{color:var(--tma-gold)}
.zp-input,.zp-select,input,select,textarea{border-color:var(--zp-line)}
/* ===== mobile / tablet hardening ===== */
html,body{max-width:100%;overflow-x:clip}
.zp-header .zp-wrap{min-width:0}.zp-header-actions{min-width:0;flex-wrap:nowrap}
@media(max-width:640px){
  .zp-header-actions [data-auth]{display:none}           /* login/register live in the menu drawer on phones */
  .zp-header-actions{gap:6px}.zp-lang{padding-inline:10px}.zp-brand{min-width:0}
}
.zp-bottom{grid-auto-columns:minmax(0,1fr)}
.zp-bottom a{min-width:0;padding-inline:2px;text-align:center;font-size:.6875rem;line-height:1.25}
.zp-bottom a>span:not(.ic),.zp-bottom a>b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zp-bottom{background:rgba(9,38,48,.98);border-top:2px solid var(--tma-gold)}
.zp-bottom a{color:#E9EEF0}.zp-bottom a[aria-current=page]{background:rgba(213,178,97,.16);color:var(--tma-gold);box-shadow:none}
/* touch targets >= 44px */
.zp-iconbtn,.zp-btn,.zp-lang,.zp-menu-btn,.zp-nav a{min-height:44px}.zp-iconbtn,.zp-menu-btn{min-width:44px}
.zp-btn.sm{min-height:44px}
table{max-width:100%}.zp-table-wrap,.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:560px){input,select,textarea{font-size:16px}} /* no iOS zoom on focus */
.zp-ft a{min-height:44px;display:flex;align-items:center}.zp-tab{min-height:44px}
.tma-svc a,.tma-card a.zp-btn,.tma-chips a{min-height:44px;display:inline-flex;align-items:center}
.tma-svc .ico{background:var(--tma-navy-2)!important;color:var(--tma-gold)!important}
.zp-header .zp-iconbtn,.zp-header .zp-menu-btn{background:transparent;color:#fff;border:1.5px solid rgba(213,178,97,.6);box-shadow:none}
.zp-header .zp-iconbtn:hover{background:rgba(255,255,255,.08);color:var(--tma-gold)}
.zp-header .zp-avatar{background:var(--tma-gold);color:var(--tma-navy)}.zp-header .zp-user .nm{color:#fff}
.zp-logo-img{background:transparent}
.zp-bottom{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-columns:minmax(0,1fr);width:100%;max-width:100vw;left:0;right:0;box-sizing:border-box}
.zp-bottom a{width:auto;overflow:hidden}
.zp-table-wrap{max-width:100%;position:relative;contain:paint}
/* reserve space for JS-injected shell to avoid layout shift (CLS) */
#zp-header{min-height:68px;display:block}#zp-footer{min-height:420px}@media(min-width:900px){#zp-footer{min-height:300px}}
.tma-hero-art{aspect-ratio:1150/883}.tma-hero-art img{aspect-ratio:1150/883}
#svcGrid,#tchGrid,#pkgGrid{min-height:260px}
.tc-badge.demo{background:#F4E7BE;color:#5A4410;border:1px solid #D5B261;font-weight:700}

/* ===== Shared mobile shell: unified bottom nav, notification dot, floating academy assistant ===== */
.tma-bnav a{position:relative}
.tma-bnav a svg{width:22px;height:22px}
.tma-dot{position:absolute;top:4px;inset-inline-end:calc(50% - 22px);min-width:16px;height:16px;border-radius:8px;background:var(--tma-gold);color:var(--tma-navy);font-size:.625rem;font-weight:700;display:grid;place-items:center;padding:0 4px}
body.tma-has-bnav{padding-bottom:calc(var(--zp-bottom-h,64px) + 16px)}
.tma-asst{position:fixed;inset-inline-start:14px;bottom:16px;z-index:60;display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:calc(100vw - 28px)}
@media(max-width:1023.98px){.tma-asst.above-nav,.tma-asst{bottom:calc(var(--zp-bottom-h,64px) + 14px + env(safe-area-inset-bottom,0px))}}
.tma-asst-fab{width:52px;height:52px;border-radius:50%;border:2px solid var(--tma-gold);background:var(--tma-navy);color:var(--tma-gold);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(9,38,48,.35);order:2}
.tma-asst-fab:focus-visible{outline:3px solid var(--tma-gold);outline-offset:3px}
.tma-asst-panel{order:1;width:min(320px,calc(100vw - 28px));background:#fff;border:1px solid #e3dcc8;border-top:4px solid var(--tma-gold);border-radius:18px;box-shadow:0 12px 32px rgba(9,38,48,.25);padding:12px;color:var(--tma-ink)}
.tma-asst-panel[hidden]{display:none}
.tma-asst-head{display:flex;align-items:center;gap:8px;color:var(--tma-navy)}
.tma-asst-head b{flex:1}
.tma-asst-mark{width:30px;height:30px;border-radius:50%;background:var(--tma-navy);color:var(--tma-gold);display:grid;place-items:center}
.tma-asst-x{width:36px;height:36px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:var(--tma-navy);display:grid;place-items:center}
.tma-asst-x:hover,.tma-asst-x:focus-visible{background:var(--tma-ivory);outline:2px solid var(--tma-navy)}
.tma-asst-msg{margin:8px 0 10px;font-size:.9rem;line-height:1.7}
.tma-asst-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tma-act{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border-radius:12px;border:1px solid #e3dcc8;background:var(--tma-ivory);color:var(--tma-navy);text-decoration:none;font-size:.85rem}
.tma-act:hover,.tma-act:focus-visible{border-color:var(--tma-gold);outline:2px solid var(--tma-navy);outline-offset:1px}
.tma-act.wa{background:#e8f6ee;color:#0b5d32;border-color:#b6e0c7}
.tma-act svg{flex:none}
@media print{.tma-asst,.tma-bnav{display:none!important}}
/* footer follow-us */
.zp-ft-follow{margin-top:14px}.zp-ft-follow h4{margin:0 0 8px;color:var(--tma-gold)}
.zp-ft-soc{display:flex;flex-wrap:wrap;gap:8px}
.zp-ft-soc .zp-soc{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#F5F1E7;border:1px solid rgba(213,178,97,.5)}
.zp-ft-soc .zp-soc:hover,.zp-ft-soc .zp-soc:focus-visible{background:var(--tma-gold);color:var(--tma-navy);outline:2px solid #fff;outline-offset:2px}