/* showroom/agent_profile.html — styles of this page. Extracted from the template; loaded where the <style> block used to be, so the cascade is unchanged. */
:root{--a5:rgb(var(--ac-500,16 185 129));--a6:rgb(var(--ac-600,5 150 105));--a4:rgb(var(--ac-400,52 211 153));--a3:rgb(var(--ac-300,110 231 183));
      --aw:rgb(var(--ac-500,16 185 129)/.12);--ink-on-a:rgb(var(--ac-950,2 44 34));
      --bg:#eef2f6;--sf:#fff;--sf2:#f8fafc;--ln:#e2e8f0;--ink:#0f172a;--ink2:#475569;--mut:#64748b;--shadow:0 18px 40px -26px rgba(15,23,42,.35)}
.dark{--bg:rgb(var(--nv-020617,2 6 23));--sf:rgb(var(--nv-0b1222,11 18 34));--sf2:rgb(var(--nv-0f172a,15 23 42));--ln:rgb(var(--nv-1e293b,30 41 59));
      --ink:rgb(var(--nv-f1f5f9,241 245 249));--ink2:rgb(var(--nv-cbd5e1,203 213 225));--mut:rgb(var(--nv-94a3b8,148 163 184));--shadow:0 18px 40px -26px rgba(0,0,0,.7)}
*{box-sizing:border-box}
html,body{background:var(--bg);margin:0}
body{font-family:Vazirmatn,Vazir,Tahoma,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.8;overflow-x:hidden;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
@media (min-width:960px){body{padding-bottom:0}}
a{color:inherit}
svg{flex-shrink:0}
.w4{width:16px;height:16px}.w5{width:20px;height:20px}.w3{width:14px;height:14px}
.ap{max-width:1180px;margin:0 auto;padding:0 16px 32px}
.ap-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 16px;margin:0 -16px;
        background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.ap-brand{display:flex;align-items:center;min-height:44px;gap:9px;min-width:0;flex:1;text-decoration:none}
.ap-brand .lg{width:36px;height:36px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--a5);color:#fff;font-weight:900}
.ap-brand b{display:block;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-brand small{display:block;font-size:12px;font-weight:700;color:var(--mut);line-height:1.4}
.ap-ib{width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;
       background:var(--sf);border:1px solid var(--ln);color:var(--ink2)}
.ap-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--mut);margin:14px 2px 10px;font-weight:600}
.ap-crumb i,.ap-crumb svg{width:12px;height:12px;opacity:.6}
.box{background:var(--sf);border:1px solid var(--ln);border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.ap-hero{display:grid;gap:18px}
@media (min-width:960px){.ap-hero{grid-template-columns:300px minmax(0,1fr);padding:24px}}
.ap-id{text-align:center;display:flex;flex-direction:column;align-items:center}
@media (min-width:960px){.ap-id{border-left:1px solid var(--ln);padding-left:22px}}
.ap-av{position:relative;width:148px;height:148px;margin:4px auto 0}
.ap-av .ph{width:148px;height:148px;border-radius:50%;object-fit:cover;display:block;border:4px solid var(--sf);box-shadow:0 0 0 3px var(--a5),0 18px 34px -14px rgb(var(--ac-500,16 185 129)/.6)}
.ap-av .ini{width:148px;height:148px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--a4),var(--a6));box-shadow:0 0 0 3px var(--a5)}
.ap-badge{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
          background:var(--sf);border:1px solid var(--ln);border-radius:999px;padding:4px 12px 4px 10px;font-size:12px;font-weight:900;box-shadow:0 8px 18px -10px rgba(15,23,42,.4)}
.ap-badge .k{width:20px;height:20px;border-radius:50%;background:var(--a5);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.ap-badge .k svg{width:12px;height:12px}
.ap-id h1{margin:24px 0 0;font-size:24px;font-weight:900;line-height:1.5}
.ap-role{margin:2px 0 0;font-size:13px;color:var(--ink2);font-weight:700}
.ap-ag{margin:2px 0 0;font-size:12.5px;color:var(--a6);font-weight:800}
.dark .ap-ag{color:var(--a4)}
.ap-head{margin:12px 0 0;font-size:14px;font-weight:800;line-height:1.9;color:var(--ink);max-width:28em}
.ap-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800;background:var(--sf2);border:1px solid var(--ln);color:var(--ink2)}
.chip.ac{background:var(--aw);border-color:transparent;color:var(--a6)}
.dark .chip.ac{color:var(--a4)}
.chip svg{width:13px;height:13px}
.ap-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:46px;padding:0 14px;border-radius:14px;font:800 13.5px Vazirmatn,Tahoma,sans-serif;
     text-decoration:none;cursor:pointer;border:1px solid var(--ln);background:var(--sf2);color:var(--ink);white-space:nowrap;min-width:0}
.btn.pr{background:var(--a5);border-color:var(--a5);color:#fff}
.btn.full{grid-column:1/-1}
.btn:disabled{opacity:.6;cursor:wait}
.ap-work{min-width:0;display:flex;flex-direction:column}
.ap-rh{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.ap-rh h2{flex:1;margin:0;font-size:15px;font-weight:900}
.ap-rh h2 small{font-size:12px;color:var(--mut);font-weight:700;margin-right:6px}
.arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--ln);background:var(--sf);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.arrow:disabled{opacity:.35;cursor:default}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,78%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-width:none;overscroll-behavior-x:contain}
.rail::-webkit-scrollbar{display:none}
@media (min-width:640px){.rail{grid-auto-columns:calc((100% - 24px)/2.2)}}
@media (min-width:1100px){.rail{grid-auto-columns:calc((100% - 24px)/3)}}
.pc{scroll-snap-align:start;border:1px solid var(--ln);border-radius:18px;overflow:hidden;background:var(--sf);text-decoration:none;display:flex;flex-direction:column;min-width:0;transition:transform .15s,box-shadow .15s}
a.pc:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.pc .im{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,var(--sf2),var(--ln));overflow:hidden}
.pc .im img{width:100%;height:100%;object-fit:cover;display:block}
.pc .im .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mut)}
.pc .im .ph svg{width:36px;height:36px;opacity:.5}
.pc .tag{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:12px;font-weight:900}
.pc .bd{padding:10px 12px 12px;min-width:0}
.pc .t{font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc .m{font-size:12px;color:var(--ink2);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc .m b{color:var(--ink)}
.pc .s{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);font-weight:700;margin-top:3px}
.pc .s i.dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;display:inline-block}
.pc .p{font-size:13px;font-weight:900;color:var(--a6);margin-top:2px}
.dark .pc .p{color:var(--a4)}
.empty{border:1px dashed var(--ln);border-radius:18px;padding:26px 16px;text-align:center;color:var(--mut);font-size:13px;font-weight:700}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
@media (min-width:640px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.st{text-align:center;padding:10px 6px;border-radius:16px;background:var(--sf2);border:1px solid var(--ln);min-width:0}
.st b{display:block;font-size:20px;font-weight:900;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st small{display:block;font-size:12px;color:var(--mut);font-weight:700}
.st-note{font-size:12px;color:var(--mut);margin:8px 2px 0;display:flex;align-items:center;gap:5px}
.ap-grid{display:grid;gap:14px;margin-top:14px}
@media (min-width:960px){.ap-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.ap-side{position:sticky;top:76px}}
.ap-main{display:grid;gap:14px;min-width:0}
.h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:900}
.h2 svg{color:var(--a5);width:18px;height:18px}
.about p{margin:0 0 10px;font-size:14px;line-height:2.1;color:var(--ink2)}
.about .lead{font-size:14.5px;font-weight:900;color:var(--ink);margin-bottom:8px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:12px}
.fact{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:14px;background:var(--sf2);border:1px solid var(--ln);min-width:0}
.fact .ic{width:34px;height:34px;border-radius:11px;background:var(--aw);color:var(--a6);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dark .fact .ic{color:var(--a4)}
.fact small{display:block;font-size:12px;color:var(--mut);font-weight:700;line-height:1.5}
.fact b{display:block;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wrapchips{display:flex;flex-wrap:wrap;gap:7px}
.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.medals{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.md{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:14px;background:var(--sf2);border:1px solid var(--ln);min-width:0}
.md .ic{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.md .ic svg{width:16px;height:16px}
.md b{font-size:12px;font-weight:900;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-bronze{background:#b45309}.t-silver{background:#64748b}.t-gold{background:#d97706}.t-diamond{background:#0891b2}
.t-legend{background:linear-gradient(135deg,#7c3aed,#0891b2);box-shadow:0 0 12px rgba(124,58,237,.55)}
.ay-tier-chip{display:inline-flex;align-items:center;gap:5px;margin:2px auto 4px;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:900;color:#fff}
.ay-tier-chip.gd{background:linear-gradient(90deg,#b7791f,#f3c74d,#b7791f);color:#3b2604}
.ay-tier-chip.lg{background:linear-gradient(90deg,#7c3aed,#0891b2);box-shadow:0 4px 16px rgba(124,58,237,.45)}
.ay-tier-chip.amb-g{background:linear-gradient(90deg,#92400e,#fbbf24,#fde68a,#fbbf24,#92400e);background-size:200% 100%;color:#3b2604;animation:ayShine 4s linear infinite}
.ay-tier-chip.amb-l{background:linear-gradient(90deg,#1d4ed8,#7c3aed,#d4a017,#1d4ed8);background-size:300% 100%;animation:ayShine 5s linear infinite;box-shadow:0 4px 18px rgba(29,78,216,.45)}
.ay-vtick{display:inline-flex;width:.95em;height:.95em;vertical-align:-.12em;margin-inline-start:6px;filter:drop-shadow(0 2px 6px rgba(29,78,216,.45))}
.ay-vtick svg{width:100%;height:100%;animation:ayTick 6s ease-in-out infinite}
@keyframes ayShine{to{background-position:-200% 0}}
@keyframes ayTick{0%,88%,100%{transform:scale(1)}94%{transform:scale(1.14)}}
@media (prefers-reduced-motion:reduce){.ay-tier-chip.amb-g,.ay-tier-chip.amb-l,.ay-vtick svg{animation:none}}
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.tm{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:var(--sf2);border:1px solid var(--ln);text-decoration:none;min-width:0}
.tm img,.tm .i{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--aw);color:var(--a6);display:flex;align-items:center;justify-content:center;font-weight:900}
.tm b{display:block;font-size:12.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm small{display:block;font-size:12px;color:var(--mut);font-weight:700}
.cf h2{margin:0 0 4px;font-size:17px;font-weight:900;line-height:1.6}
.cf .sub{margin:0 0 12px;font-size:12px;color:var(--mut);font-weight:600}
.lb{display:block;font-size:12px;font-weight:800;margin:10px 2px 5px;color:var(--ink2)}
.in{width:100%;border:1px solid var(--ln);background:var(--sf2);color:var(--ink);border-radius:13px;padding:10px 12px;font:600 16px Vazirmatn,Tahoma,sans-serif;outline:0}
.in:focus{border-color:var(--a5);box-shadow:0 0 0 3px var(--aw)}
textarea.in{resize:vertical;min-height:84px;line-height:1.9}
.seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.seg button{height:44px;border-radius:11px;border:1px solid var(--ln);background:var(--sf2);color:var(--ink2);font:800 13px Vazirmatn,Tahoma,sans-serif;cursor:pointer}
.seg button.on{background:var(--aw);border-color:var(--a5);color:var(--a6)}
.dark .seg button.on{color:var(--a4)}
.trap{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;pointer-events:none}
#contact{position:relative}
.cf .alt{display:grid;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ln)}
.row{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 10px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:700;color:var(--ink2);min-width:0}
.row:hover{background:var(--sf2)}
.row svg{color:var(--a5)}
.row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.done{text-align:center;padding:18px 6px}
.done .ok{width:62px;height:62px;border-radius:50%;background:var(--aw);color:var(--a5);display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px}
.done h3{margin:0;font-size:16px;font-weight:900}
.done p{margin:6px 0 0;font-size:13px;color:var(--ink2)}
.err{margin-top:8px;font-size:12px;color:#e11d48;font-weight:700;min-height:1px}
.foot{text-align:center;font-size:12px;color:var(--mut);margin-top:22px;font-weight:600}
.foot a{color:var(--a6);font-weight:800;text-decoration:none}
.dark .foot a{color:var(--a4)}
.bar{position:fixed;inset:auto 0 0 0;z-index:45;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
     background:color-mix(in srgb,var(--sf) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--ln)}
.bar.one{grid-template-columns:1fr}
@media (min-width:960px){.bar{display:none}}
.nums{font-feature-settings:"ss01"}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}

/* responsive audit */
.lb small{font-size:12px}
.foot a{display:inline-flex;align-items:center;min-height:44px}

/* iPhone PWA: the panel pages set the status bar to black-translucent and iOS draws every page under it; the sticky bar starts below it (env() is 0 elsewhere) */
.ap-top{padding-top:calc(10px + env(safe-area-inset-top,0px))}