/* Team Management Academy — brand layer (approved palette) */
:root{--tma-blue:#1555D4;--tma-navy:#10254A;--tma-sky:#EAF2FF;--tma-teal:#13A88A;--tma-gold:#FFB547;--tma-gray:#F5F7FB;--tma-text:#24344D}
body{background:#fff;color:var(--tma-text);font-family:var(--zp-font)}
html[dir=ltr] body{font-family:"Cairo","Segoe UI",Arial,sans-serif}
.zp-header{background:#fff;box-shadow:0 2px 14px rgba(16,37,74,.07)}
.zp-logo-img{width:42px;height:42px;border-radius:12px;flex:none}
.zp-brand b{color:var(--tma-navy)}.zp-brand small{color:var(--tma-text)}
.zp-nav a[aria-current=page]{color:var(--tma-blue);background:transparent;box-shadow:none;border-bottom:3px solid var(--tma-blue);border-radius:0}
.zp-nav{gap:2px;margin-inline-start:6px}.zp-nav a{padding:8px 9px;font-size:.875rem;white-space:nowrap}
@media(min-width:900px) and (max-width:1499px){.zp-nav{display:none}.zp-menu-btn{display:grid!important}}
@media(min-width:1500px){.zp-nav{display:flex}.zp-menu-btn{display:none!important}}
.zp-header .zp-wrap{max-width:1400px}
@media(min-width:900px){.tma-hero .hm-hero-grid{grid-template-columns:.85fr 1.15fr}}
.zp-header-actions{flex:none}.zp-nav{flex:1 1 auto;min-width:0}
.zp-lang{gap:6px;min-height:40px}
.zp-btn.primary{background:var(--tma-blue)}
/* hero */
.tma-hero{background:linear-gradient(180deg,var(--tma-sky),#fff);padding-block:20px 36px}
.tma-hero .hm-hero-grid{align-items:center}
.tma-hero h1{color:var(--tma-navy);font-weight:700}.tma-hero h1 em{color:var(--tma-blue);display:block}
.tma-hero .lead{color:var(--tma-text)}
.tma-search{display:grid;gap:12px;padding:16px;grid-template-columns:1fr;box-shadow:0 10px 30px rgba(21,85,212,.12)}
@media(min-width:700px){.tma-search{grid-template-columns:1fr 1fr 1fr}.tma-search .zp-btn{grid-column:1/-1}}
.tma-search .zp-select{min-width:0;width:100%}
.tma-hero-art img{width:100%;height:auto;display:block;border-radius:24px;box-shadow:0 18px 44px rgba(16,37,74,.22);aspect-ratio:auto;object-fit:contain}
@media(max-width:700px){.tma-hero-art img{aspect-ratio:1150/883}}
.tma-alt{background:var(--tma-gray)}
.hm-sec-head h2{color:var(--tma-navy)}
.tma-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.tma-svc{background:#fff;border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(16,37,74,.08);display:grid;gap:8px;align-content:start}
.tma-svc .ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff}
.tma-svc h3{margin:0;color:var(--tma-navy);font-size:1.0625rem}.tma-svc p{margin:0;color:var(--tma-text);font-size:.9375rem}
.tma-badge{justify-self:start;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:99px}
.tma-badge.ready{background:#DDF6EE;color:#0B6B55}.tma-badge.beta{background:#FFF0D2;color:#7A4B00}.tma-badge.soon{background:#E8ECF4;color:#3B4F72}
.tma-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.tma-steps li{background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 16px rgba(16,37,74,.07)}
.tma-steps .num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--tma-blue);color:#fff;font-weight:700}
.tma-steps h3{margin:10px 0 4px;color:var(--tma-navy);font-size:1.0625rem}.tma-steps p{margin:0;font-size:.9375rem}
.tma-chips{display:flex;flex-wrap:wrap;gap:10px}.tma-chips a{background:#fff;border:1px solid #cfdcf3;border-radius:99px;padding:8px 16px;text-decoration:none;color:var(--tma-navy);font-weight:600}
.tma-chips a:hover{border-color:var(--tma-blue);color:var(--tma-blue)}
.tma-pkgs{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.tma-pkg{background:#fff;border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(16,37,74,.08);display:grid;gap:6px;text-align:center}
.tma-pkg.pop{outline:2px solid var(--tma-gold)}.tma-pkg .pr{font-size:1.75rem;font-weight:700;color:var(--tma-blue)}.tma-pkg .old{text-decoration:line-through;color:#6b7a95}
.tma-two{display:grid;gap:24px;align-items:center}@media(min-width:900px){.tma-two{grid-template-columns:1fr 1fr}}
.tma-feat{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.tma-feat li{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#fff;border-radius:12px;padding:10px 14px}
.tma-room{background:var(--tma-navy);border-radius:20px;padding:14px;aspect-ratio:16/10;display:grid;grid-template-rows:auto 1fr;gap:10px}
.tma-room .r-top{display:flex;gap:6px}.tma-room .r-top i{width:10px;height:10px;border-radius:50%;background:var(--tma-gold)}
.tma-room .r-body{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tma-room .r-body span{background:#1d3a6b;border-radius:10px}
.tma-join{display:grid;gap:20px}@media(min-width:900px){.tma-join{grid-template-columns:1fr 2fr;align-items:center}}
.tma-join-cards{display:grid;gap:14px}@media(min-width:700px){.tma-join-cards{grid-template-columns:1fr 1fr}}
.tma-join-cards .zp-card{display:grid;gap:10px;align-content:start}
/* footer */
.zp-ft{background:var(--tma-navy);color:#dbe6fb;margin-top:0}
.zp-ft a,.zp-ft .zp-brand,.zp-ft .zp-brand b{color:#fff}.zp-ft .zp-brand small{color:#b8c9ea}
.zp-ft-grid{display:grid;gap:24px;padding-block:32px 16px}@media(min-width:900px){.zp-ft-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.zp-ft h4{color:#fff;margin:0 0 10px}.zp-ft a,.zp-ft .zp-ft-soft{display:block;padding:3px 0;text-decoration:none;font-size:.9375rem}.zp-ft a:hover{text-decoration:underline}
.zp-ft .zp-ft-soft{color:#9fb3d9;cursor:default}.zp-ft-brand p{font-size:.9375rem;margin:10px 0;max-width:36em}
.zp-ft-bottom{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;border-top:1px solid #29406c;padding-block:14px 22px;font-size:.875rem}
.zp-ft-pay{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.zp-ft-pay h4{margin:0;font-size:.875rem}.zp-pay-chip{background:#fff;color:var(--tma-navy);padding:3px 10px;border-radius:8px;font-weight:700;font-size:.8125rem;margin-inline-end:6px}
.zp-ft-soc{display:flex;gap:8px}.zp-ft-legal{display:grid;gap:2px;font-size:.8125rem;margin-top:8px;color:#b8c9ea}
@media(max-width:560px){.zp-brand div{display:block!important}.zp-header .zp-brand div small{display:none}}
html[dir=ltr] .hm-cta,html[dir=ltr] .zp-header-actions{direction:ltr}
/* advanced teacher filters */
.tma-filters{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:640px){.tma-filters{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.tma-filters{grid-template-columns:repeat(4,1fr)}}
.tma-filters .tp-more{display:none}.tma-filters.open .tp-more{display:grid}
.tma-filters .tp-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
.tc-chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.tc-chip{background:var(--tma-sky);color:var(--tma-blue);font-size:.75rem;font-weight:700;border-radius:99px;padding:3px 10px}
.tma-checks{display:flex;flex-wrap:wrap;gap:8px}.tma-check{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #cfdcf3;border-radius:99px;padding:6px 14px;cursor:pointer}
.tma-check input{accent-color:var(--tma-blue)}
.tma-ready{list-style:none;padding:0;margin:8px 0 14px;display:grid;gap:6px}.tma-ready li{display:flex;gap:8px;align-items:center;color:#6b7a95}.tma-ready li.ok{color:#0B6B55;font-weight:600}
.tma-docs{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.tma-docs li{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--tma-gray);border-radius:12px;padding:8px 12px}
/* panels */
.tp-wrap{display:grid;gap:16px;margin-top:20px}.tp-sec .tp-h{display:flex;gap:8px;align-items:center;font-size:1.1rem;margin:0 0 12px}.tp-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.tp-list li{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;background:var(--tma-gray,#F4F7FB);border-radius:14px;padding:12px 14px}
.tp-inline,.tp-form{display:grid;gap:8px;min-width:min(100%,320px)}.tp-bar{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.tp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:12px}.tp-stat{background:#EAF2FF;border-radius:14px;padding:12px;text-align:center}.tp-stat b{display:block;font-size:1.4rem;color:#10254A}.tp-stat span{font-size:.85rem;color:#4a5a78}
.tp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tp-pk{border:1px solid #cfdcf3;border-radius:16px;padding:14px;display:grid;gap:6px}.tp-price{font-weight:700;color:#1555D4}
.tp-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;direction:ltr}.tp-stars label{cursor:pointer;font-size:1.6rem;color:#c8d2e6;position:relative}.tp-stars input{position:absolute;opacity:0}
.tp-stars label:has(input:checked),.tp-stars label:has(input:checked)~label,.tp-stars label:hover,.tp-stars label:hover~label{color:#FFB547}.tp-stars label:focus-within{outline:2px solid #1555D4;border-radius:6px}
.tp-methods{display:flex;gap:10px;flex-wrap:wrap}.tp-m{display:flex;gap:8px;align-items:center;border:1px solid #13A88A;border-radius:99px;padding:6px 14px;color:#0B6B55}.tp-bank{display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.tp-bank dt{color:#6b7a95}
.tp-kid{background:#fff;border-radius:14px;padding:12px}.tp-adv{margin-top:12px}.tp-sub{background:#fff;border-radius:10px;padding:8px;white-space:pre-wrap}.zp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media print{.zp-header,.zp-side,.zp-bottom,#zp-footer,.tp-bar{display:none!important}}
@media(max-width:560px){.zp-header .zp-brand>div{display:none!important}.zp-header .zp-wrap{padding-inline:12px}.zp-header-actions{gap:6px}.zp-lang{padding:0 10px}}
.tp-acts{display:flex;gap:6px;flex-wrap:wrap}
.tma-svc h3 a{color:inherit;text-decoration:none}.tma-svc h3 a:hover{text-decoration:underline}

/* ZP / SAR / USD equivalents */
.fx-eq{display:block;font-weight:500;font-size:.78em;color:var(--zp-muted,#5b6b86);margin-top:2px;line-height:1.35}
.tc-price .fx-eq,.tma-pkg .fx-eq{display:block}
.fx-rate{display:inline-flex;gap:6px;align-items:center;background:#EAF2FF;color:#10254A;border:1px solid #c9dcff;border-radius:999px;padding:4px 12px;font-weight:700;font-size:.85rem}
.fx-switch{display:inline-flex;gap:4px;margin-inline-start:8px}
.fx-switch button{border:1px solid #c9dcff;background:#fff;color:#10254A;border-radius:999px;padding:3px 10px;font-size:.78rem;cursor:pointer}
.fx-switch button[aria-pressed="true"]{background:#1555D4;color:#fff;border-color:#1555D4}
.fx-quote{background:#EAF2FF;border-radius:12px;padding:10px 14px;margin:8px 0;font-weight:600;color:#10254A}
.fx-hist-filters{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.fx-hist-filters button{border:1px solid #c9dcff;background:#fff;border-radius:999px;padding:4px 12px;cursor:pointer}
.fx-hist-filters button[aria-pressed="true"]{background:#1555D4;color:#fff;border-color:#1555D4}
.fx-lim{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.fx-eq-big{font-size:1.15rem;font-weight:700;color:#10254A;margin:2px 0 6px}
.fx-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.wl-grid>*{min-width:0}.fx-switch{flex-wrap:wrap;margin-inline-start:0}.fx-rate{white-space:normal;max-width:100%}
.wl-tx .pd-item{flex-wrap:wrap}.wl-tx .pd-item .zp-num{max-width:100%;overflow-wrap:anywhere}
.wl-grid{grid-template-columns:minmax(0,1fr)}@media(min-width:1000px){.wl-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.wl-addr b{overflow-wrap:anywhere;word-break:break-all}
.zp-page{grid-template-columns:minmax(0,1fr)}.zp-page>*{min-width:0}
.tp-wrap,.tp-sec,.tp-body{min-width:0;max-width:100%}.tp-bank dd{overflow-wrap:anywhere}.tp-form .zp-input,.tp-inline .zp-input{min-width:0;max-width:100%}.tp-methods{flex-wrap:wrap}
.tp-q{border:1px solid #c9dcff;border-radius:12px;padding:10px 12px;margin:8px 0;display:grid;gap:6px;min-width:0}.tp-q legend{font-weight:700;padding:0 6px}
.tp-review{padding-inline-start:20px;display:grid;gap:8px}.tp-review .ok{color:#0B6B55}.tp-review .bad{color:#9b1c1c}.tp-sublist{list-style:none;padding:0;margin:6px 0}