/* Стили профиля для кабинета консультанта. СОБИРАЕТСЯ АВТОМАТИЧЕСКИ
   из cabinet.html — руками не править: правки затрутся.
   Обновить:  venv\Scripts\python.exe tools\build_profile_css.py */
:root{
  --paper-2:#FFFFFF; --paper-3:#EAEAE6; --card:#FFFFFF;
  --ink-soft:rgba(17,17,17,.64); --ink-3:rgba(17,17,17,.45);
  --line-strong:rgba(17,17,17,.22); --line2:rgba(17,17,17,.055);
  --dim:rgba(17,17,17,.64); --dim2:rgba(17,17,17,.45);
  --indigo:#111111; --indigo-2:#111111; --gold:#111111; --accent:#E5484D; --risk:#E5484D;
  --main:#111111; --adj:#111111; --ind:#111111; --wide:#E5484D; --ai:#111111;
  --prof:#E5484D; --prof-2:#E5484D; --prof-bg:#FFFFFF;
  --shadow:0 4px 16px -10px rgba(17,17,17,.22); --serif:var(--disp); --r:16px;
}
/* Внутри профиля — ровно те же базовый кегль и оттенки серого, что в кабинете клиента.
   Задаём их на самом профиле, а не на :root: снаружи у кабинета консультанта свои
   значения, и профиль не должен перекрашивать его целиком. */
.dash{
  font-size:15.5px;
  --muted:rgba(17,17,17,.45); --ink-2:rgba(17,17,17,.64); --ink-soft:rgba(17,17,17,.64);
  --line:rgba(17,17,17,.12); --line-2:rgba(17,17,17,.22); --paper:#FAFAF7;
}

  .hint{font-size:.84rem;color:var(--muted);margin-top:5px}

  
  #loading .loader p.hint{height:3.4em;min-height:3.4em;display:flex;align-items:center;justify-content:center;text-align:center;margin:0 auto 4px;max-width:52ch}

  .comp{display:flex;align-items:center;gap:16px;margin:14px 0}

  .comp .lab{width:240px;font-family:var(--serif);font-size:1rem;font-weight:600}

  .comp .bar{flex:1;height:8px;background:var(--paper-3);border-radius:1px;overflow:hidden}

  .comp .bar i{display:block;height:100%;background:var(--ok)}

  .comp .bar.risk i{background:var(--accent)}

  .comp .val{width:40px;text-align:right;font-family:var(--mono);font-weight:700;font-size:.95rem}

  
  .oc-intro{font-size:.88rem;color:var(--ink-2);line-height:1.55;margin:0 0 12px}

  .ocw{font-size:.845rem;color:var(--ink-2);line-height:1.5;margin-top:5px}

  .oc-sum{margin:14px 0 0;padding:12px 14px;background:color-mix(in srgb,var(--adj) 8%,#fff);
    border:1px solid color-mix(in srgb,var(--adj) 26%,var(--line));border-radius:12px;
    font-size:.9rem;line-height:1.6}

  .bet .lab{font-family:var(--mono);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:700}

  .dsc-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px}
@media(max-width:700px){
.dsc-cols{grid-template-columns:1fr;gap:12px}
}

  .dsc-h{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
    color:var(--muted);margin-bottom:8px}

  .dsc-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}

  .dsc-let{font-family:var(--disp,var(--mono));font-weight:800;font-size:.95rem;flex:0 0 14px}

  .dsc-nm{font-size:.82rem;color:var(--ink-2);flex:0 0 104px}
@media(max-width:560px){
.dsc-nm{flex-basis:82px;font-size:.76rem}
}

  .dsc-bar{flex:1;height:9px;background:rgba(17,17,17,.07);border-radius:5px;overflow:hidden;min-width:40px}

  .dsc-bar i{display:block;height:100%;border-radius:5px;transition:width .5s}

  .dsc-val{flex:0 0 26px;text-align:right;font-family:var(--mono);font-size:.78rem;color:var(--ink)}

  .dsc-note{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}

  .dsi{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}

  .dsi-h{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
    color:var(--muted);margin:12px 0 8px}

  .dsi-row{display:flex;gap:10px;margin-bottom:10px}

  .dsi-let{font-weight:800;font-size:1rem;flex:0 0 16px;line-height:1.35}

  .dsi-row b{font-size:.88rem;color:var(--ink)}

  .dsi-row p{margin:2px 0 0;font-size:.88rem;line-height:1.5;color:var(--ink-2)}

  .dsi-pair{background:var(--paper-3);border-radius:12px;padding:11px 14px}

  .dsi-pair p{margin:3px 0 0;font-size:.9rem;line-height:1.5;color:var(--ink-2)}

  .bell .dot{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent);color:#fff;
    font-family:var(--mono);font-size:.66rem;font-weight:700;display:none;align-items:center;justify-content:center;line-height:1}

  .bell.has .dot{display:flex}

  
  .talents-sec .tal-chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px}

  
  .tal-themes{display:flex;flex-direction:column;gap:8px;margin:4px 0 14px}

  .tlt-card{display:flex;gap:12px;align-items:flex-start;background:color-mix(in srgb,var(--gold) 12%,var(--paper));border:1px solid color-mix(in srgb,var(--gold) 32%,var(--line));border-left:4px solid var(--gold);border-radius:11px;padding:11px 14px}

  .tlt-card:first-child{background:color-mix(in srgb,var(--gold) 19%,var(--paper))}

  .tlt-rank{font-family:var(--mono);font-weight:800;font-size:1.05rem;color:var(--gold);flex:0 0 auto;line-height:1.45}

  .tlt-name{font-family:var(--serif);font-weight:600;font-size:1.0rem;line-height:1.45;color:var(--ink)}

  .comp .lab{font-family:var(--sans);font-weight:600}

  .comp .bar{height:9px;border-radius:100px;background:var(--paper-3)}

  .comp .bar i{border-radius:100px;background:linear-gradient(90deg,#111111,var(--ok))}

  .comp .bar.risk i{background:linear-gradient(90deg,#E5484D,var(--accent))}

  
  .comp .bar.over i{background:linear-gradient(90deg,#111111 0 78%,var(--accent) 78% 100%)}

  .ov-card{border-color:color-mix(in srgb,var(--accent) 26%,var(--line))}

  .talents-sec .tal-chips,.dcard.talents-sec .tal-chips{display:flex;flex-direction:column;gap:8px;margin:2px 0 14px}

  .dash{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:24px}

  .dcol{display:flex;flex-direction:column;gap:14px;min-width:0}

  .dcard{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}

  .dcard>h3{font-family:var(--serif);font-weight:700;font-size:1.08rem;letter-spacing:-.01em;display:flex;align-items:center;gap:9px;margin:0 0 13px}

  .dcard>h3 .dot{width:9px;height:9px;border-radius:3px;flex:none}

  .dcard .comp:first-of-type{margin-top:0}

  .dcom{color:var(--muted);font-size:.85rem;line-height:1.45;margin:-6px 0 14px}

  .dcard p{color:var(--ink-soft);font-size:.93rem;line-height:1.5;margin:0}

  .tns-sub{color:var(--ink-3);font-size:.8rem;line-height:1.45;margin:0 0 12px !important}

  .tns-row{margin-bottom:13px}

  .tns-row:last-child{margin-bottom:0}

  .tns-lab{display:inline-block;font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:3px 9px;border-radius:100px;margin-bottom:6px}

  .tns-lab.drain{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#fff)}

  .tns-lab.grow{color:var(--main);background:color-mix(in srgb,var(--main) 12%,#fff)}

  .tns-card{border-color:color-mix(in srgb,var(--gold) 28%,var(--line))}

  .bs-card{border-color:color-mix(in srgb,var(--wide) 30%,var(--line))}

  .pp-card{border-color:color-mix(in srgb,var(--accent) 26%,var(--line))}

  .lf-card{border-color:color-mix(in srgb,var(--main) 26%,var(--line))}

  .gl-card{border-color:color-mix(in srgb,var(--ok) 30%,var(--line))}

  
  .ld-card{border-color:color-mix(in srgb,var(--ind) 30%,var(--line))}

  .ld-style{font-family:var(--head,inherit);font-size:1.18rem;font-weight:700;color:var(--ind);margin:2px 0 12px;line-height:1.25}

  .rs-rel{font-size:.82rem;color:var(--ink-2);line-height:1.45;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line)}

  
  .dcard.feat{background:linear-gradient(160deg,#FFFFFF,#FAFAF7);border-color:rgba(17,17,17,.20);position:relative;overflow:hidden}

  .dcard.feat::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:conic-gradient(from 0deg,var(--main),var(--indigo),var(--gold),var(--main));filter:blur(60px);opacity:.16}

  .feat-intro{font-size:.84rem;color:var(--muted);font-style:italic;margin:-6px 0 12px;position:relative;z-index:1}

  .dlayers{position:relative;z-index:1}

  .dlayer{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-top:1px dashed var(--line)}

  .dlayer:first-child{border-top:none}

  .dlayer .lk{font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ai);padding-top:2px}

  .dlayer .lt{font-size:.93rem;color:var(--ink-soft);line-height:1.5}

  .dlayer .lt b{color:var(--ink);font-weight:700}

  .talrow{margin-top:10px}

  .talrow .tl{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:3px}

  .talrow p{font-size:.92rem;color:var(--ink-soft)}

  .ddev{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}

  .ddev li{font-size:.92rem;color:var(--ink-soft);line-height:1.45;padding-left:20px;position:relative}

  .ddev li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:3px;background:var(--prof-2)}

  .ddev li b{color:var(--ink)}

  .docean{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}

  .oc .octop{display:flex;justify-content:space-between;margin-bottom:5px}

  .oc .onm{font-size:.84rem;font-weight:600}

  .oc .ov{font-family:var(--serif);font-weight:700;font-size:.84rem;color:var(--adj)}

  .oc .octrack{height:8px;background:var(--paper-3);border-radius:100px;overflow:hidden}

  .oc .octrack i{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,#111111,var(--adj))}

  
  .dmot{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}

  .mo .motop{display:flex;justify-content:space-between;margin-bottom:5px}

  .mo .onm{font-size:.84rem;font-weight:600;text-transform:lowercase}

  .mo .ov{font-family:var(--serif);font-weight:700;font-size:.84rem;color:var(--gold)}

  .mo .octrack{height:8px;background:var(--paper-3);border-radius:100px;overflow:hidden}

  .mo .octrack i{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,#111111,var(--gold))}

  .mo .ocw{font-size:.78rem;color:var(--ink-soft);line-height:1.45;margin-top:5px}
@media(max-width:1100px){
.dash{grid-template-columns:1fr}
.docean{grid-template-columns:1fr}
.dmot{grid-template-columns:1fr}
}

  .pv-add-h{font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;
    color:#2F62C4;margin-bottom:8px}

  .pv-add-i{font-size:.93rem;line-height:1.6;color:var(--ink-2);margin-bottom:9px}

  .pv-add-i:last-child{margin-bottom:0}

  .pv-add-q{font-size:.85rem;color:var(--muted);font-style:italic;margin-bottom:3px}
@media(max-width:560px){

    .dcard{padding:16px 14px}
}
@media(max-width:430px){

    .dcard{padding:14px 12px}

    .dash{grid-template-columns:1fr!important}
}

  
  .evo{border-bottom:1.5px dotted currentColor;cursor:help;transition:background .15s}

  .evo:hover,.evo:focus{background:color-mix(in srgb,currentColor 10%,transparent);outline:none}

  
  
  .dcard>h3{position:relative}

  
  .pw-blur{filter:blur(4.6px);user-select:none;pointer-events:none;color:var(--ink-2);opacity:.55;
    display:inline;line-height:1.6;letter-spacing:.02em}

  .pw-row{margin:8px 0}

  .dcard.pw-locked{position:relative}

  .dcard.pw-locked::after{content:'🔒 Откроется после оплаты';position:absolute;right:14px;top:14px;
    font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;
    color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:3px 8px}

  .pw-code .hint{flex:1 0 100%;font-size:.8rem;margin:0}

  .dcard.collapsed>h3::after{transform:translateY(-50%) rotate(-90deg)}

  .dcard.collapsed>h3{margin-bottom:0}

  .dcard.collapsed>*:not(h3):not(.kmeta){display:none!important}

  .dcard.collapsed>.kmeta .kcar{transform:rotate(-90deg)}

  .bl-auto .hint{font-size:.78rem;flex:1 0 100%;padding-left:22px}
.evo{border-bottom-color:#2F62C4}
.evo-v0,.evo-v1,.evo-v2,.evo-v3,.evo-v4,.evo-v5{border-bottom-color:#2F62C4}
.evo:hover,.evo:focus{background:rgba(47,98,196,.10)}