@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

:root{
  --brand:#1E7BD6;
  --brand-2:#3B8FE0;
  --brand-ink:#0B3E75;
  --ink:#0F172A;
  --muted:#64748B;
  --line:#E2E8F0;
  --bg:#F1F5F9;
  --card:#FFFFFF;
  --ok:#16A34A;
  --warn:#F59E0B;
  --danger:#DC2626;
  --shadow: 0 20px 60px rgba(15,23,42,.18);
  --radius:14px;
  --font: "Manrope","Golos Text","Inter","SF Pro Display","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%;font:15px/1.5 var(--font);color:var(--ink);background:#FFFFFF;-webkit-font-smoothing:antialiased}
button,input,select{font-family:var(--font)}

.stage{display:grid;grid-template-rows:auto 1fr auto auto;height:100cqh;background:#FFFFFF;color:var(--ink)}

/* Chrome */
.topbar{display:flex;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid var(--line);background:#FFFFFF}
.brand{height:22px}
.scene-title{font-weight:600;font-size:14px;color:var(--ink);flex:1;text-align:center;letter-spacing:.2px}
.scene-counter{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}

/* Canvas — fills viewport, no letterbox; scene-mount fits inside */
.canvas{position:relative;overflow:hidden;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
.scene-mount{position:relative;width:1600px;height:900px;flex:none;transform:scale(var(--scale,1));transform-origin:center center;container-type:inline-size;background:#FFFFFF;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.10)}

.spotlight{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .35s ease}
.spotlight.on{opacity:1}
.spot-veil{fill:rgba(4,8,16,.55)}

.tooltip{position:absolute;max-width:340px;background:#0F1E36;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 14px;box-shadow:0 12px 40px rgba(15,23,42,.35);opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:5;font-size:14px;line-height:1.45}
.tooltip.on{opacity:1;transform:translateY(0)}
.tooltip-arrow{position:absolute;width:12px;height:12px;background:inherit;border:inherit;transform:rotate(45deg);border-right:none;border-bottom:none}
.tooltip[data-side="top"] .tooltip-arrow{bottom:-7px;left:22px;transform:rotate(225deg)}
.tooltip[data-side="bottom"] .tooltip-arrow{top:-7px;left:22px}
.tooltip[data-side="left"] .tooltip-arrow{right:-7px;top:16px;transform:rotate(135deg)}
.tooltip[data-side="right"] .tooltip-arrow{left:-7px;top:16px;transform:rotate(-45deg)}

.subtitle{display:none}

/* Timeline markers on progress bar */
.progress{position:relative}
.progress-markers{position:absolute;inset:0;pointer-events:none}
.progress-marker{position:absolute;top:-4px;bottom:-4px;width:2px;background:rgba(15,23,42,.35);pointer-events:auto;cursor:pointer;transition:background .15s ease,transform .15s ease}
.progress-marker:hover,.progress-marker.active{background:var(--brand);transform:scaleX(2)}
.progress-marker-tip{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#0F1E36;color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.progress-marker:hover .progress-marker-tip{opacity:1}

.controls{display:flex;align-items:center;gap:10px;padding:12px 22px 16px;border-top:1px solid var(--line);background:#FFFFFF}
.btn{background:#F1F5F9;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-width:38px;cursor:pointer;transition:background .15s ease,transform .05s ease}
.btn:hover{background:#E2E8F0}
.btn:active{transform:scale(.97)}
.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand-2);padding:8px 16px;font-weight:600;min-width:44px}
.btn.primary:hover{background:var(--brand-2)}
.btn.small{padding:6px 10px;min-width:0}
.btn.edit-toggle{background:#EEF4FB;color:var(--brand);border-color:#BBD8F5;font-weight:800;padding:8px 16px;white-space:nowrap}
.btn.edit-toggle:hover{background:#DBEAFE}
.progress{flex:1;height:6px;background:#E2E8F0;border-radius:999px;overflow:hidden;cursor:pointer}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));width:0%;transition:width .15s linear}
.time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;min-width:82px;text-align:right}
.rate{background:#F1F5F9;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:7px 8px;font-size:13px}

/* ==================================================
   Scene · Intro title (Frame 20)
   ================================================== */
.intro-title{background:#FFFFFF;display:flex;align-items:center;justify-content:center;padding:0 12cqw}
.intro-title .it-inner{display:flex;flex-direction:column;gap:56px;max-width:1200px;width:100%}
.intro-title .it-logo{width:420px;height:auto;display:block}
.intro-title .it-lead{margin:0;font-size:56px;line-height:1.35;font-weight:500;color:#111827;letter-spacing:-0.01em}
.intro-title .it-lead strong{font-weight:800;color:#0F172A}

.mock{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;font-family:var(--font);color:var(--ink)}

/* ==================================================
   Scene · Landing (Frame_1 reconstruction)
   ================================================== */
.landing{
  background:
    radial-gradient(1200px 700px at 50% 62%, rgba(30,123,214,.28) 0%, rgba(30,123,214,0) 60%),
    radial-gradient(900px 500px at 50% 78%, rgba(59,143,224,.18) 0%, rgba(59,143,224,0) 65%),
    linear-gradient(180deg,#050B1A 0%,#071634 55%,#0B1E44 100%);
  color:#E8EEF7;
  display:flex;flex-direction:column;
}

/* Top bar */
.ln-top{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;
  padding:22px clamp(28px,4cqw,64px) 0;gap:32px;
}
.ln-logo{display:flex;align-items:center;gap:10px;color:#fff}
.ln-dots{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;width:20px;height:20px}
.ln-dots i{background:#fff;border-radius:99px;width:100%;height:100%;display:block}
.ln-brand{font-size:22px;font-weight:700;letter-spacing:-.3px}
.ln-nav{display:flex;gap:26px;justify-content:center;color:#D6DEEC;font-size:14px;font-weight:500}
.ln-nav a{display:inline-flex;align-items:center;gap:4px;cursor:default;transition:color .15s}
.ln-nav a:hover{color:#fff}
.ln-caret{font-size:9px;opacity:.7}
.ln-actions{display:flex;gap:14px;align-items:center}
.ln-login{color:#fff;font-size:15px;font-weight:500;padding:8px 4px;cursor:default}
.ln-signup{color:#22C55E;border:1.5px solid #22C55E;border-radius:99px;padding:9px 22px;font-size:14px;font-weight:600;cursor:default;transition:all .15s}
.ln-signup:hover{background:#22C55E;color:#0B1E44}

.ln-contacts{
  display:flex;justify-content:flex-end;gap:14px;
  padding:6px clamp(28px,4cqw,64px) 0;
  color:#B4C0D6;font-size:13.5px;font-weight:500;
}
.ln-contacts .dot{opacity:.4}

/* Hero */
.ln-hero{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 24px 40px;position:relative}
.ln-kicker{color:#93A5C2;font-size:12.5px;letter-spacing:2.2px;font-weight:600;margin-bottom:16px}
.ln-h1{margin:0 0 30px;font-size:clamp(38px,4.8cqw,68px);font-weight:700;line-height:1.05;letter-spacing:-1.5px;color:#fff}

/* Diagram */
.ln-diagram{
  position:relative;
  width:min(1100px,92%);
  height:clamp(280px,34cqh,380px);
  margin-bottom:36px;
}
.ln-line{position:absolute;top:50%;height:1px;background:linear-gradient(90deg,rgba(180,199,231,0),rgba(180,199,231,.55) 50%,rgba(180,199,231,0));transform:translateY(-50%)}
.ln-line-l{left:6%;right:52%}
.ln-line-r{left:52%;right:6%}

.ln-card{
  position:absolute;display:flex;align-items:center;gap:14px;
  padding:16px 22px;
  background:linear-gradient(180deg,rgba(20,40,80,.85),rgba(10,22,48,.85));
  border:1px solid rgba(120,150,200,.22);
  border-radius:14px;
  color:#E8EEF7;font-size:15px;font-weight:600;line-height:1.25;
  box-shadow:0 20px 40px rgba(0,10,30,.4);
  min-width:230px;
  backdrop-filter:blur(4px);
}
.ln-card-icon{font-size:22px;filter:grayscale(.1)}
.ln-card-tl{left:2%;top:8%}
.ln-card-tr{right:2%;top:8%}
.ln-card-bl{left:2%;bottom:8%}
.ln-card-br{right:2%;bottom:8%}

/* Center emblem */
.ln-emblem{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#3E9AF0 0%,#1E7BD6 55%,#0B3E75 100%);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 60px rgba(30,123,214,.55),0 0 120px rgba(30,123,214,.25),inset 0 -20px 40px rgba(0,20,60,.4);
}
.ln-emblem-dots{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;width:88px;height:88px}
.ln-emblem-dots i{background:#fff;border-radius:99px;box-shadow:0 4px 12px rgba(0,0,0,.2)}

/* CTA */
.ln-cta-panel{margin-top:14px;padding:18px 22px;background:linear-gradient(180deg,rgba(14,30,66,.55),rgba(9,20,46,.65));border:1px solid rgba(120,150,200,.22);border-radius:22px;box-shadow:0 20px 40px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:14px;min-width:560px}
.ln-cta{display:flex;gap:14px;justify-content:center}
.ln-cta-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.ln-earn{color:#C7D2E4;font-size:13px;line-height:1.4;text-align:left}
.ln-btn{padding:14px 34px;border-radius:99px;font-size:13px;font-weight:800;letter-spacing:1.2px;border:none;cursor:default;transition:transform .1s}
.ln-btn:hover{transform:translateY(-1px)}
.ln-btn-primary{background:#1E7BD6;color:#fff;box-shadow:0 12px 30px rgba(30,123,214,.5)}
.ln-btn-ghost{background:#fff;color:#0B1E44;box-shadow:0 12px 30px rgba(255,255,255,.15)}
.ln-btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.75);padding:12px 28px}

/* Responsive small */
@container (max-width:900px){
  .ln-nav{display:none}
  .ln-contacts{display:none}
  .ln-card{min-width:140px;font-size:13px;padding:12px 14px}
  .ln-emblem{width:140px;height:140px}
  .ln-emblem-dots{width:60px;height:60px}
}

/* ==================================================
   Scene · Intro (Frame_19/20 reconstruction)
   ================================================== */
.intro{background:#FFFFFF;color:#0B1E44;display:flex;flex-direction:column;padding:44px clamp(48px,7cqw,120px)}
.in-top{padding-bottom:8px}
.in-brand{color:#1E7BD6}
.in-lead{font-size:clamp(22px,2.3cqw,34px);font-weight:500;line-height:1.35;letter-spacing:-.4px;max-width:1000px;margin:20px 0 40px;color:#0B1E44}
.in-lead b{font-weight:800;color:#0B1E44}
.in-points{display:flex;flex-direction:column;gap:26px;max-width:1080px}
.in-point{display:grid;grid-template-columns:96px 1fr;gap:26px;align-items:center;padding:6px 0}
.in-ico{width:96px;height:96px;border-radius:18px;background:#0B1E44;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 12px 28px rgba(11,30,68,.18)}
.in-ico::after{content:"";position:absolute;top:10px;right:10px;width:14px;height:14px;background:radial-gradient(circle at 30% 30%,#F59E0B,#EA580C);border-radius:50%;box-shadow:0 0 0 3px rgba(245,158,11,.15)}
.in-ico svg{width:52px;height:52px}
.in-text{font-size:clamp(15px,1.35cqw,20px);line-height:1.55;color:#1F2A44}
.in-text b{color:#0B1E44;font-weight:800}
.in-text u{text-decoration:underline;text-decoration-color:#1E7BD6;text-underline-offset:3px;font-weight:700;color:#0B3E75}

@container (max-width:900px){
  .in-point{grid-template-columns:64px 1fr;gap:16px}
  .in-ico{width:64px;height:64px}
  .in-ico svg{width:34px;height:34px}
}

/* ==================================================
   Scene · Outro (Frame_25 — farewell)
   ================================================== */
.outro{background:#FFFFFF;color:#0B1E44;display:flex;align-items:center;justify-content:flex-start;padding:0 clamp(48px,8cqw,140px)}
.ou-inner{max-width:1100px;width:100%}
.ou-logo{display:flex;align-items:center;gap:18px;margin-bottom:clamp(40px,7cqh,90px)}
.ou-dots{display:inline-grid;grid-template-columns:repeat(2,1fr);gap:6px;width:64px;height:64px}
.ou-dots i{background:#1E7BD6;border-radius:50%;display:block}
.ou-brand{font-size:clamp(56px,7cqw,96px);font-weight:800;color:#1E7BD6;letter-spacing:-2px;line-height:1}
.ou-title{font-size:clamp(30px,3.4cqw,52px);font-weight:600;color:#0B1E44;margin:0 0 clamp(24px,4cqh,48px);letter-spacing:-.5px}
.ou-text{font-size:clamp(22px,2.2cqw,34px);font-weight:400;line-height:1.4;color:#0B1E44;max-width:960px;margin:0}
.ou-text b{color:#1E7BD6;font-weight:700}

@container (max-width:900px){
  .ou-dots{width:44px;height:44px;gap:4px}
  .ou-brand{font-size:44px}
}

/* ==================================================
   Scene · Registration modal (image-2 reconstruction)
   ================================================== */
.reg-scene{background:#F1F5F9;font-family:var(--font);color:var(--ink);display:block;position:absolute;inset:0;overflow:hidden}

/* Faded app behind */
.rg-app{position:absolute;inset:0;filter:blur(1.2px) saturate(.9);opacity:.55;pointer-events:none}
.rg-topbar{display:flex;align-items:center;gap:22px;padding:12px 24px;background:#fff;border-bottom:1px solid #E2E8F0}
.rg-grid-ic{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:22px;height:22px}
.rg-grid-ic i{background:#94A3B8;border-radius:2px;display:block}
.rg-logo{display:flex;align-items:center;gap:8px}
.rg-brand{color:#1E7BD6;font-weight:800;font-size:22px;letter-spacing:-.5px}
.rg-nav{display:flex;gap:22px;font-size:14px;color:#334155;flex:1}
.rg-nav-item b{color:#94A3B8;font-weight:600}
.rg-nav-active{color:#1E7BD6;font-weight:700;border-bottom:2px solid #1E7BD6;padding-bottom:6px}
.rg-badge-new{background:#F59E0B;color:#fff;font-size:10px;font-weight:800;padding:2px 5px;border-radius:4px;margin-left:4px;font-style:normal;letter-spacing:.3px}
.rg-top-actions{display:flex;gap:10px}
.rg-chip{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:6px 10px;font-size:13px;color:#475569}
.rg-body-blur{position:absolute;top:56px;left:0;right:0;bottom:0;background:
  linear-gradient(180deg,rgba(241,245,249,.4),rgba(241,245,249,.9)),
  repeating-linear-gradient(0deg,transparent 0 32px,rgba(148,163,184,.12) 32px 33px)}

/* Modal */
.rg-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,94cqw);background:#fff;border-radius:14px;box-shadow:0 30px 80px rgba(2,6,23,.35);padding:0 0 4px}
.rg-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#1E7BD6;color:#fff;border-radius:14px 14px 0 0}
.rg-modal-head h3{margin:0;font-size:20px;font-weight:700}
.rg-close{font-size:22px;line-height:1;opacity:.85;cursor:pointer}

.rg-tabs{display:flex;gap:24px;padding:14px 24px 0;border-bottom:1px solid #E2E8F0}
.rg-tab{padding:10px 4px 12px;font-size:14.5px;color:#64748B;cursor:pointer;border-bottom:2px solid transparent;font-weight:600}
.rg-tab-active{color:#1E7BD6;border-bottom-color:#1E7BD6}

.rg-roles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:18px 24px 12px}
.rg-role{border:1px solid #E2E8F0;border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#fff;color:#334155;cursor:pointer;transition:all .2s ease}
.rg-role-ic{width:28px;height:28px;color:#94A3B8;display:flex;align-items:center;justify-content:center}
.rg-role-t{font-size:12.5px;font-weight:800;letter-spacing:.3px;color:#334155}
.rg-role-s{font-size:12px;color:#64748B}
.rg-role-active{background:#1E7BD6;color:#fff;border-color:#1E7BD6;box-shadow:0 8px 22px rgba(30,123,214,.35)}
.rg-role-active .rg-role-ic,.rg-role-active .rg-role-t,.rg-role-active .rg-role-s{color:#fff}

.rg-switch-row{display:flex;align-items:center;gap:12px;padding:6px 24px 14px}
.rg-switch{width:34px;height:20px;border-radius:999px;background:#CBD5E1;position:relative;display:inline-block}
.rg-switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.rg-switch-txt{font-size:13.5px;color:#475569}

.rg-form{padding:6px 24px 8px;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.rg-form-left{grid-column:1}
.rg-hint{grid-column:2;background:#FEF3C7;border:1px solid #FDE68A;border-radius:10px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;align-self:end}
.rg-hint-ic{width:20px;height:20px;border-radius:50%;background:#F59E0B;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;font-style:italic;flex:none}
.rg-hint b{display:block;color:#92400E;font-size:13.5px;margin-bottom:2px}
.rg-hint p{margin:0;color:#78350F;font-size:12.5px;line-height:1.4}
.rg-row-2{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.rg-full{grid-column:1 / -1}
.rg-lbl{display:block;font-size:12.5px;color:#0F172A;margin-bottom:6px;font-weight:600}
.rg-lbl em{color:#DC2626;font-style:normal;margin-left:2px}
.rg-input{width:100%;padding:9px 12px;border:1px solid #CBD5E1;border-radius:8px;font-size:13.5px;background:#fff;color:#0F172A;outline:none}
.rg-input::placeholder{color:#94A3B8}
.rg-input:focus{border-color:#1E7BD6;box-shadow:0 0 0 3px rgba(30,123,214,.15)}
.rg-agree{grid-column:1 / -1;display:flex;gap:10px;align-items:flex-start;padding-top:2px}
.rg-check{width:16px;height:16px;border:1.5px solid #94A3B8;border-radius:3px;background:#fff;flex:none;margin-top:2px;display:inline-block}
.rg-agree p{margin:0;font-size:12.5px;line-height:1.45;color:#475569}
.rg-agree a{color:#1E7BD6;text-decoration:underline;text-decoration-color:rgba(30,123,214,.4);text-underline-offset:2px}

.rg-actions{display:flex;justify-content:center;gap:14px;padding:18px 24px 22px}
.rg-btn{padding:9px 18px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font)}
.rg-btn-ghost{background:#fff;color:#475569;border-color:#CBD5E1}
.rg-btn-primary{background:#1E7BD6;color:#fff;box-shadow:0 8px 22px rgba(30,123,214,.35)}

@container (max-width:820px){
  .rg-nav,.rg-top-actions{display:none}
  .rg-roles{grid-template-columns:1fr;gap:8px}
  .rg-form{grid-template-columns:1fr}
  .rg-hint{grid-column:1}
  .rg-row-2{grid-template-columns:1fr}
}




/* ==================================================
   Shared Pooling app chrome (topbar + siderail)
   ================================================== */
.p-shell{position:absolute;inset:0;display:grid;grid-template-columns:64px 1fr;grid-template-rows:64px 1fr;background:#F5F8FC;font-family:var(--font);color:#0F172A}
.p-shell.no-rail{grid-template-columns:1fr}
.p-topbar{grid-column:1 / -1;display:flex;align-items:center;gap:22px;padding:0 22px;background:#fff;border-bottom:1px solid #E2E8F0}
.p-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:22px;height:22px}
.p-apps i{background:#94A3B8;border-radius:2px;display:block}
.p-brand{display:flex;align-items:center;gap:8px;margin-right:6px}
.p-brand-dots{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;width:22px;height:22px}
.p-brand-dots i{background:#1E7BD6;border-radius:50%;display:block}
.p-brand-name{color:#1E7BD6;font-weight:800;font-size:22px;letter-spacing:-.5px}
.p-nav{display:flex;gap:22px;font-size:14px;color:#334155;flex:1;align-items:center}
.p-nav a{display:inline-flex;align-items:center;gap:4px;cursor:default;color:inherit}
.p-nav .active{color:#1E7BD6;font-weight:700;position:relative}
.p-nav .active::after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:#1E7BD6;border-radius:2px}
.p-nav .badge-new{background:#F59E0B;color:#fff;font-size:10px;font-weight:800;padding:2px 5px;border-radius:4px;margin-left:4px}
.p-top-actions{display:flex;gap:10px;align-items:center}
.p-chip{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:6px 10px;font-size:13px;color:#475569;display:inline-flex;align-items:center;gap:6px}
.p-user{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #E2E8F0;border-radius:8px;background:#fff;font-size:13px}
.p-user-avatar{width:24px;height:24px;border-radius:50%;background:#EEF2F8;color:#1E7BD6;display:grid;place-items:center;font-weight:700;font-size:11px}
.p-user-role{color:#94A3B8;font-size:11px;display:block}

.p-siderail{grid-column:1;grid-row:2;background:#fff;border-right:1px solid #E2E8F0;padding:14px 8px;display:flex;flex-direction:column;gap:8px;align-items:center}
.p-rail-btn{width:44px;height:44px;border-radius:10px;background:#F1F5F9;display:grid;place-items:center;color:#64748B;font-size:18px;position:relative}
.p-rail-btn.active{background:#1E7BD6;color:#fff}
.p-rail-badge{position:absolute;top:-4px;right:-4px;background:#22C55E;color:#fff;font-size:10px;font-weight:700;border-radius:99px;padding:2px 6px;min-width:18px;text-align:center}

.p-main{grid-column:2;grid-row:2;padding:24px 32px;overflow:hidden}
.p-shell.no-rail .p-main{grid-column:1}
.p-h1{font-size:26px;font-weight:800;color:#0F172A;margin:0 0 18px;letter-spacing:-.3px}

/* Filters row (Мои заявки / Торги) */
.pf-tabs{display:inline-flex;background:#EEF2F8;border-radius:10px;padding:3px;gap:2px;margin-bottom:14px}
.pf-tab{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;color:#64748B;display:inline-flex;align-items:center;gap:6px;cursor:default}
.pf-tab.active{background:#1E7BD6;color:#fff;box-shadow:0 4px 12px rgba(30,123,214,.25)}
.pf-tab .count{background:rgba(255,255,255,.25);border-radius:99px;padding:1px 7px;font-size:11px}
.pf-tabs.plain .pf-tab.active{background:#fff;color:#0F172A;box-shadow:0 2px 8px rgba(0,0,0,.06)}

.pf-grid{display:grid;grid-template-columns:repeat(3,1fr) 220px;gap:14px 16px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px 18px;margin-bottom:14px}
.pf-cell label{display:block;font-size:11px;color:#64748B;font-weight:600;margin-bottom:5px;text-transform:none}
.pf-cell input,.pf-cell select,.pf-cell .pf-fake{width:100%;padding:8px 10px;border:1px solid #CBD5E1;border-radius:8px;font-size:13px;background:#fff;color:#334155;min-height:34px}
.pf-fake{display:flex;align-items:center;gap:6px;color:#94A3B8}
.pf-chips{display:flex;flex-wrap:wrap;gap:4px}
.pf-chip{background:#F1F5F9;border-radius:6px;padding:3px 8px;font-size:12px;color:#334155;display:inline-flex;gap:4px;align-items:center}
.pf-chip.status-warn{background:#FEF3C7;color:#92400E}
.pf-chip.status-info{background:#DBEAFE;color:#1E40AF}

/* Table */
.p-table{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden}
.p-thead,.p-trow{display:grid;grid-template-columns:1.2fr .7fr .8fr .8fr 1.2fr 1.2fr 1fr .7fr 1fr;gap:12px;padding:12px 16px;align-items:center;font-size:12.5px}
.p-thead{background:#F8FAFC;color:#64748B;font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #E2E8F0}
.p-trow{border-top:1px solid #F1F5F9;color:#334155}
.p-trow:first-child{border-top:none}
.p-trow strong{color:#0F172A;font-weight:700}
.p-price{color:#0F172A;font-weight:800}
.p-status{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px}
.p-status.warn{background:#FEF3C7;color:#B45309}
.p-status.info{background:#DBEAFE;color:#1E40AF}
.p-status.ok{background:#DCFCE7;color:#166534}
.p-status.gray{background:#F1F5F9;color:#475569}

/* Modal shell (used for Auction / Card / Upload etc.) */
.p-modal-back{position:absolute;inset:0;background:rgba(15,23,42,.35);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:4}
.p-modal{background:#fff;border-radius:14px;box-shadow:0 40px 100px rgba(2,6,23,.4);width:min(1100px,96%);max-height:88%;overflow:hidden;display:flex;flex-direction:column}
.p-modal-lg{width:min(1300px,97%)}
.p-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#1E7BD6;color:#fff}
.p-modal-head h3{margin:0;font-size:18px;font-weight:700;letter-spacing:.2px}
.p-modal-head.light{background:#fff;color:#0F172A;border-bottom:1px solid #E2E8F0}
.p-modal-close{font-size:20px;line-height:1;opacity:.9;cursor:pointer}
.p-modal-body{padding:22px 26px;overflow:auto}

/* Empty state (Frame_4) */
.empty-state{display:flex;flex-direction:column;align-items:center;padding:60px 20px 20px;text-align:center}
.empty-state-ic{font-size:80px;margin-bottom:14px}
.empty-state h3{margin:0 0 6px;font-size:22px;color:#0F172A}
.empty-state p{margin:0 0 18px;color:#475569;font-size:14px;max-width:520px;line-height:1.5}
.empty-state .p-btn{background:#1E7BD6;color:#fff;border:none;padding:11px 22px;border-radius:8px;font-size:14px;font-weight:700}

/* LK (personal cabinet) — no left rail */
.lk-content{max-width:1100px;margin:0 auto;padding:8px 4px}
.lk-tabs{display:flex;gap:28px;border-bottom:1px solid #E2E8F0;margin-bottom:20px}
.lk-tab{padding:10px 0 12px;font-size:14.5px;color:#64748B;border-bottom:2px solid transparent;font-weight:600}
.lk-tab.active{color:#1E7BD6;border-bottom-color:#1E7BD6;font-weight:700}
.lk-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;margin-bottom:14px;overflow:hidden}
.lk-card-head{background:#EEF4FB;padding:10px 18px;font-size:12px;font-weight:800;color:#1E7BD6;letter-spacing:.6px;text-transform:uppercase}
.lk-card-body{padding:16px 18px}
.lk-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}
.lk-row.cols-3{grid-template-columns:repeat(3,1fr)}
.lk-field label{display:block;font-size:12px;color:#64748B;font-weight:600;margin-bottom:5px}
.lk-field input,.lk-field .lk-fake{width:100%;padding:9px 12px;border:1px solid #CBD5E1;border-radius:8px;font-size:13.5px;background:#fff;color:#0F172A;min-height:38px}
.lk-field.hl input{border-color:#1E7BD6;box-shadow:0 0 0 3px rgba(30,123,214,.15)}
.lk-upload{border:1.5px dashed #93B7DE;border-radius:10px;padding:22px 12px;text-align:center;color:#1E7BD6;font-size:13.5px;font-weight:600;background:#F8FBFF}
.lk-upload small{display:block;color:#64748B;font-size:11.5px;font-weight:500;margin-top:4px}
.lk-save{margin-top:20px;background:#1E7BD6;color:#fff;padding:11px 22px;border-radius:8px;font-size:14px;font-weight:700;border:none;display:inline-block}

/* Мой доход cards */
.income-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.income-card{background:linear-gradient(180deg,#EEF4FB 0%,#F8FBFF 100%);border:1px solid #DCE6F2;border-radius:14px;padding:20px}
.income-card-ic{width:56px;height:56px;border-radius:14px;background:#1E7BD6;display:grid;place-items:center;color:#fff;font-size:24px;margin-bottom:14px;box-shadow:0 8px 20px rgba(30,123,214,.25)}
.income-card h4{margin:0 0 6px;font-size:17px;font-weight:800;color:#0F172A;letter-spacing:-.2px}
.income-card p{margin:0 0 14px;color:#475569;font-size:13px;line-height:1.4}
.income-card .p-btn{background:#1E7BD6;color:#fff;border:none;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px}

/* Auction modal specifics */
.auc-grid{display:grid;grid-template-columns:1fr 340px;gap:0}
.auc-left{padding:22px 26px;border-right:1px solid #E2E8F0}
.auc-right{padding:20px 22px;background:#F8FBFF}
.auc-side-h{font-size:15px;font-weight:800;color:#0F172A;margin:0 0 12px}
.auc-side-line{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#334155;margin-bottom:8px}
.auc-side-line b{color:#0F172A}
.auc-tabs{display:flex;gap:0;border-bottom:1px solid #E2E8F0;margin-bottom:14px}
.auc-tab{padding:10px 18px;font-size:13px;font-weight:700;color:#94A3B8;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:6px}
.auc-tab.active{color:#1E7BD6;border-bottom-color:#1E7BD6;background:linear-gradient(180deg,#EEF4FB,transparent)}
.auc-hint{text-align:center;color:#475569;font-size:13.5px;line-height:1.5;margin:10px 0 18px}
.auc-hint b{color:#0F172A}
.auc-panel{background:#F8FBFF;border:1px solid #DCE6F2;border-radius:12px;padding:18px 20px}
.auc-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.auc-panel-head h4{margin:0;font-size:15px;font-weight:800;color:#0F172A;display:inline-flex;align-items:center;gap:8px}
.auc-timer{color:#1E7BD6;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.auc-key{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.auc-key .k{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:10px 14px}
.auc-key .k small{display:block;font-size:11.5px;color:#64748B;margin-bottom:2px}
.auc-key .k b{font-size:15px;color:#0F172A}
.auc-key .k.top{background:#1E7BD6;color:#fff;border-color:#1E7BD6}
.auc-key .k.top small,.auc-key .k.top b{color:#fff}
.auc-bid-row{text-align:center;margin-top:8px}
.auc-bid-row h5{color:#1E7BD6;font-size:14px;margin:0 0 8px;font-weight:700}
.auc-bid-input{display:inline-flex;align-items:center;gap:0;border:1px solid #CBD5E1;border-radius:8px;overflow:hidden;background:#fff}
.auc-bid-input input{border:none;padding:10px 14px;font-size:16px;font-weight:800;color:#0F172A;width:140px;text-align:center;outline:none}
.auc-bid-input .sp{display:flex;flex-direction:column;border-left:1px solid #E2E8F0}
.auc-bid-input .sp span{padding:2px 6px;font-size:9px;color:#94A3B8}
.auc-note{color:#64748B;font-size:12px;margin-top:8px}
.auc-actions{display:flex;justify-content:center;gap:10px;padding:14px 20px 4px;background:#fff;border-top:1px solid #F1F5F9}
.auc-actions .p-btn{padding:10px 22px;border-radius:8px;font-size:14px;font-weight:700;border:none;cursor:pointer}
.auc-actions .p-btn-primary{background:#1E7BD6;color:#fff}
.auc-actions .p-btn-ghost{background:#fff;color:#475569;border:1px solid #CBD5E1}

/* Card of shipment (steps) */
.card-shell{padding:0}
.card-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:14px 20px 0;background:#fff;border-bottom:1px solid #E2E8F0}
.card-tab{padding:12px 8px 14px;font-size:13px;color:#94A3B8;font-weight:700;text-align:center;border-bottom:3px solid transparent;display:flex;flex-direction:column;align-items:center;gap:6px}
.card-tab .num{width:24px;height:24px;border-radius:50%;background:#EEF2F8;color:#94A3B8;display:grid;place-items:center;font-size:12px;font-weight:800}
.card-tab.done .num{background:#22C55E;color:#fff}
.card-tab.done{color:#0F172A}
.card-tab.active{color:#1E7BD6;border-bottom-color:#1E7BD6}
.card-tab.active .num{background:#1E7BD6;color:#fff}
.card-body{padding:22px 26px;background:#fff}
.card-field{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:14px}
.card-field.full{grid-template-columns:1fr}
.card-field label{display:block;font-size:12px;color:#64748B;font-weight:600;margin-bottom:5px}
.card-field .val{padding:10px 12px;border:1px solid #E2E8F0;border-radius:8px;font-size:13.5px;color:#0F172A;background:#F8FAFC;min-height:38px;display:flex;align-items:center}
.card-driver,.card-ts{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:#F0FDF4;border:1px solid #BBF7D0}
.card-driver-av{width:42px;height:42px;border-radius:50%;background:#22C55E;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}
.card-driver-body{flex:1;font-size:13px;color:#334155}
.card-driver-body b{color:#0F172A;font-size:14px}
.card-driver-actions{display:flex;gap:8px}
.card-driver-actions .p-btn{background:#fff;border:1px solid #CBD5E1;color:#334155;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}
.card-sec-h{font-size:13px;font-weight:700;color:#0F172A;margin:18px 0 8px}

/* Docs upload modal */
.doc-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.doc-col label{display:block;font-size:14px;font-weight:700;color:#0F172A;margin-bottom:8px}
.doc-drop{border:1px dashed #CBD5E1;border-radius:10px;padding:20px;background:#F8FAFC;text-align:center;color:#94A3B8;font-size:13px;margin-bottom:10px}
.doc-add{background:#fff;border:1px solid #1E7BD6;color:#1E7BD6;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px}

/* Margin calc slide (Frame_24) */
.margin-scene{position:absolute;inset:0;padding:48px 60px;background:linear-gradient(180deg,#F8FBFF 0%,#EEF4FB 100%);display:flex;flex-direction:column;gap:22px;overflow:hidden}
.margin-h1{font-size:38px;font-weight:800;color:#0F172A;margin:0;letter-spacing:-.5px}
.margin-lead{font-size:17px;color:#475569;margin:0;max-width:900px;line-height:1.5}
.margin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:6px}
.margin-card{background:#fff;border:1px solid #DCE6F2;border-radius:14px;padding:22px 20px;box-shadow:0 12px 30px rgba(30,123,214,.08)}
.margin-card small{display:block;font-size:12px;color:#64748B;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}
.margin-card .num{font-size:32px;font-weight:800;color:#0F172A;letter-spacing:-.5px;display:block}
.margin-card .num.brand{color:#1E7BD6}
.margin-card .num.ok{color:#16A34A}
.margin-card p{margin:8px 0 0;font-size:12.5px;color:#64748B;line-height:1.4}
.margin-formula{background:#1E7BD6;color:#fff;border-radius:14px;padding:22px 26px;font-size:18px;font-weight:700;display:flex;align-items:center;gap:18px;box-shadow:0 20px 40px rgba(30,123,214,.25)}
.margin-formula .op{font-size:26px;opacity:.7}
.margin-formula .eq{background:rgba(255,255,255,.18);padding:6px 14px;border-radius:8px}

/* Landing sign-up modal variant (Frame_3 — small blue-header login) */
.reg-mini-scene{position:absolute;inset:0;background:#F5F8FC}
.reg-mini-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,90%);background:#fff;border-radius:12px;box-shadow:0 30px 80px rgba(2,6,23,.35);overflow:hidden}
.reg-mini-head{background:#1E7BD6;color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center}
.reg-mini-head h3{margin:0;font-size:17px;font-weight:700}
.reg-mini-tabs{display:flex;gap:24px;padding:14px 24px 0;border-bottom:1px solid #E2E8F0}
.reg-mini-tab{padding:10px 4px 12px;font-size:14px;color:#64748B;font-weight:600;border-bottom:2px solid transparent}
.reg-mini-tab.active{color:#1E7BD6;border-bottom-color:#1E7BD6}
.reg-mini-roles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:18px 24px 6px}
.reg-mini-role{border:1px solid #E2E8F0;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#334155;font-weight:800;letter-spacing:.3px}
.reg-mini-role small{color:#64748B;font-weight:500;font-size:12px;letter-spacing:0;text-transform:none}
.reg-mini-role.active{background:#1E7BD6;color:#fff;border-color:#1E7BD6;box-shadow:0 8px 22px rgba(30,123,214,.25)}
.reg-mini-role.active small{color:#fff;opacity:.9}
.reg-mini-form{padding:14px 24px 6px;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.reg-mini-form .full{grid-column:1 / -1}
.reg-mini-lbl{display:block;font-size:12.5px;color:#0F172A;font-weight:600;margin-bottom:5px}
.reg-mini-lbl em{color:#DC2626;font-style:normal;margin-left:2px}
.reg-mini-inp{width:100%;padding:9px 12px;border:1px solid #CBD5E1;border-radius:8px;font-size:13.5px;color:#0F172A;background:#fff}
.reg-mini-inp.filled{color:#0F172A}
.reg-mini-inp::placeholder{color:#94A3B8}
.reg-mini-hint-yellow{background:#FEF9E7;border:1px solid #FDE68A;border-radius:8px;padding:12px 14px;display:flex;gap:10px;font-size:12.5px;color:#78350F;line-height:1.4;margin:6px 24px 6px;align-items:flex-start}
.reg-mini-hint-yellow .ic{width:20px;height:20px;background:#F59E0B;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}
.reg-mini-agree{padding:12px 24px 4px;display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:#475569;line-height:1.45}
.reg-mini-agree a{color:#1E7BD6;text-decoration:underline}
.reg-mini-check{width:16px;height:16px;border:1.5px solid #94A3B8;border-radius:3px;background:#fff;flex:none;margin-top:2px;display:inline-block}
.reg-mini-check.on{background:#1E7BD6;border-color:#1E7BD6;position:relative}
.reg-mini-check.on::after{content:"✓";position:absolute;inset:0;color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;line-height:1}
.reg-mini-actions{display:flex;justify-content:center;gap:14px;padding:18px 24px 22px}
.reg-mini-btn{padding:9px 22px;border-radius:8px;font-size:13.5px;font-weight:700;border:1px solid transparent;cursor:pointer}
.reg-mini-btn.ghost{background:#fff;color:#475569;border-color:#CBD5E1}
.reg-mini-btn.prim{background:#1E7BD6;color:#fff}


/* ==================================================
   Editor drawer
   ================================================== */
.stage.editing{grid-template-columns:1fr 460px}
.stage.editing .topbar,.stage.editing .canvas,.stage.editing .subtitle,.stage.editing .controls{grid-column:1}
.editor{display:none;grid-column:2;grid-row:1/5;border-left:1px solid var(--line);background:#F8FAFC;flex-direction:column;min-height:0;overflow:hidden}
.stage.editing .editor{display:flex}
.editor-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}
.editor-actions{display:flex;gap:6px}
.editor-tabs{display:flex;gap:4px;padding:8px 12px 0;background:#fff;border-bottom:1px solid var(--line)}
.editor-tab{background:transparent;border:none;padding:8px 12px;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;font-weight:600}
.editor-tab.active{color:var(--brand);border-bottom-color:var(--brand)}
.editor-body{flex:1;overflow:auto;padding:14px 16px}
.editor-pane{display:none;flex-direction:column;gap:10px}
.editor-pane.active{display:flex}
.editor-pane label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.editor-pane input,.editor-pane textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-family:var(--font);font-size:13.5px;background:#fff;color:var(--ink)}
.editor-pane textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;resize:vertical}
.editor-pane input:focus,.editor-pane textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(30,123,214,.15)}
.editor-foot{padding:10px 16px;font-size:11.5px;color:var(--muted);border-top:1px solid var(--line);background:#fff}
#editBtn.on{background:var(--brand);color:#fff;border-color:var(--brand-2)}
.scene-mount.inline-editing [data-pooling-editable="true"]{cursor:text;outline:1px dashed rgba(30,123,214,.28);outline-offset:2px;border-radius:3px}
.scene-mount.inline-editing [data-pooling-editable="true"]:focus{outline:2px solid rgba(30,123,214,.75);background:rgba(219,234,254,.55)}

/* ==================================================
   Real Pooling screen · Block 9 reconstruction
   ================================================== */
.p9-screen{background:#fff;color:#172033;font-family:var(--font)}
.p9-shell{position:absolute;inset:0;display:grid;grid-template-columns:54px 1fr;grid-template-rows:64px 1fr;background:#fff;overflow:hidden}
.p9-topbar{grid-column:1 / -1;display:flex;align-items:center;height:64px;background:#fff;border-bottom:1px solid #BFD6EF;padding:0 10px;gap:16px;white-space:nowrap}
.p9-app-dots{width:26px;height:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 8px 0 3px;flex:none}
.p9-app-dots i{width:4px;height:4px;background:#5D6B7A;border-radius:50%;align-self:center;justify-self:center}
.p9-logo{display:flex;align-items:center;gap:8px;color:#1267B3;font-size:35px;font-weight:700;letter-spacing:-1.7px;line-height:1;flex:none}
.p9-logo-dots{width:30px;height:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;flex:none}.p9-logo-dots i{background:#1267B3;border-radius:50%}
.p9-nav{display:flex;align-items:center;gap:0;min-width:0;flex:1;height:100%;font-size:13px;color:#111827}.p9-nav a{height:100%;display:flex;align-items:center;padding:0 9px;border-left:1px solid transparent;color:#111827;line-height:1.2}.p9-nav a.active{color:#1267B3;border-bottom:2px solid #1267B3}.p9-nav b{font-weight:500;color:#111827;margin-left:4px}.p9-nav em{background:#009E45;color:#fff;font-size:10px;font-style:normal;font-weight:900;border-radius:4px;padding:2px 4px;margin-left:4px}.p9-nav .p9-pool{justify-content:center;text-align:center;border-left:1px solid #B7C5D8;border-right:1px solid #B7C5D8;min-width:58px}
.p9-top-actions{display:flex;align-items:center;gap:8px;flex:none}.p9-soft-btn{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 15px;background:#E7F3FF;color:#1580E8;border-radius:18px;font-size:13px;font-weight:800}.p9-round{width:36px;height:36px;border-radius:50%;background:#1682E5;color:#fff;display:grid;place-items:center;font-size:17px}.p9-p-icon{width:36px;height:36px;border-radius:10px;background:radial-gradient(circle at 70% 28%,#9B5CFF 0 23%,#fff 24% 35%,#396CE8 36% 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}.p9-gear{font-size:30px;color:#1267B3;line-height:1}.p9-user{height:48px;min-width:264px;border:1px solid #98C4EF;background:#D8EAFD;border-radius:24px;display:flex;align-items:center;gap:10px;padding:0 16px 0 8px;font-size:13px;line-height:1.15}.p9-user-avatar{width:36px;height:36px;border-radius:50%;border:3px solid #fff;background:#1267B3;color:#1267B3;box-shadow:0 0 0 2px #1267B3;display:grid;place-items:center}.p9-user small{display:block}.p9-user b{margin-left:auto;color:#1267B3}
.p9-rail{grid-column:1;grid-row:2;background:#F6FAFF;border-right:1px solid #CADCEF;display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:12px}.p9-rail-line{width:32px;height:1px;background:#BFD2E5;margin-bottom:14px}.p9-rail-btn{width:35px;height:35px;border-radius:7px;background:#0783ED;color:#fff;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:800;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.08);position:relative}.p9-rail-btn.active{background:#1267B3}.p9-rail-btn.has-badge i{position:absolute;top:-8px;right:-10px;background:#00A64A;color:#fff;border-radius:99px;padding:2px 7px;font-size:9px;font-style:normal}
.p9-main{grid-column:2;grid-row:2;position:relative;background:#fff;overflow:hidden}.p9-filter-band{background:#F3F7FC;border-bottom:1px solid #CFE0F2}.p9-heading-row{height:55px;display:flex;align-items:center;padding:0 25px;gap:18px;background:#E8F2FC}.p9-heading-row h1{font-size:24px;line-height:1;font-weight:800;color:#1267B3;margin:0}.p9-search{width:184px;height:34px;background:#fff;border:1px solid #C9D3DF;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#A6B2C0;font-size:13px}.p9-heading-spacer{flex:1}.p9-export{height:36px;min-width:172px;border:1.5px solid #1677D2;background:#fff;border-radius:18px;color:#111827;font-weight:800;font-size:13px}.p9-new{height:36px;min-width:172px;border:none;background:#3E9AF5;color:#fff;border-radius:18px;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:11px}.p9-new span{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.65);display:grid;place-items:center;font-size:22px;line-height:1}
.p9-filters{height:220px;display:grid;grid-template-columns:250px 250px 250px 250px 250px 1fr;gap:12px;padding:18px 22px}.p9-filter label{display:block;font-size:13px;color:#0F172A;margin:0 0 4px}.p9-filter label.sub{margin-top:12px}.p9-type-tabs{height:36px;display:flex;align-items:center;background:#E2E8F0;border-radius:7px;padding:3px;gap:6px}.p9-type-tabs span{height:30px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:800;color:#29384A}.p9-type-tabs span.on{background:#318BEA;color:#fff;box-shadow:0 2px 4px rgba(18,103,179,.22)}.p9-type-tabs b{background:#00A64A;color:#fff;border-radius:12px;padding:2px 10px;font-size:12px}.p9-field{height:34px;background:#fff;border:1px solid #C9D3DF;border-radius:6px;color:#A4AFBC;font-size:13px;display:flex;align-items:center;padding:0 12px}.p9-field.filled{color:#0F172A}.p9-field.select{justify-content:space-between}.p9-field.select::after{content:"⌄";color:#B2BAC6}.p9-chipbox{height:90px;background:#fff;border:1px solid #C9D3DF;border-radius:6px;padding:8px 10px;display:flex;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:7px;position:relative}.p9-chipbox span{height:25px;background:#F1F3F5;border-radius:13px;display:inline-flex;align-items:center;padding:0 10px;font-size:13px;color:#111827}.p9-chipbox span.warn{background:#FFF0D7;color:#FA7A12}.p9-chipbox span.info{background:#DFF0FC;color:#2B85D3}.p9-chipbox>b{position:absolute;right:10px;top:37px;color:#576575;font-size:18px}.p9-chipbox small{position:absolute;left:12px;bottom:8px;color:#A5B0BC;font-size:13px}.p9-chipbox.compact{height:90px}.p9-filter.action-col{display:flex;flex-direction:column;justify-content:center;gap:26px;padding-left:2px}.p9-reset{height:30px;border:none;background:#DCE9F8;color:#257CDA;border-radius:16px;font-size:13px;font-weight:700}.p9-more{height:30px;border:1.5px solid #2584E7;background:#fff;color:#2584E7;border-radius:16px;font-size:13px}
.p9-list{height:calc(100% - 276px);background:#fff}.p9-list-tools{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 36px}.p9-switches{display:flex;gap:24px;color:#3F4752;font-size:13px}.p9-switches span{display:flex;align-items:center;gap:8px}.p9-switches i{width:35px;height:18px;border-radius:99px;background:#C7C9CC;position:relative}.p9-switches i::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.22)}.p9-switches b{width:13px;height:13px;background:#3A9BFF;color:#fff;border-radius:50%;display:inline-grid;place-items:center;font-size:9px}.p9-pages{display:flex;align-items:center;gap:10px;color:#111827;font-size:13px}.p9-pages button{width:36px;height:36px;border:none;border-radius:6px;background:#E9F3FE;color:#1479D7;font-size:28px;line-height:1}.p9-pages button:disabled{opacity:.35;color:#A3B2C2}
.p9-table-head,.p9-row{display:grid;grid-template-columns:30px 220px 130px 130px 130px 160px 165px 150px 100px 150px 62px;align-items:center;column-gap:0;padding:0 26px;font-size:13px}.p9-table-head{height:42px;color:#414A55;border-bottom:1px solid #CFE0F2}.p9-table-head .check,.p9-row .check{width:17px;height:17px;border:1px solid #D5DCE6;border-radius:3px;background:#fff}.p9-row{height:98px;border-bottom:1px solid #CFE0F2;color:#526074;position:relative}.p9-row::before{content:"";position:absolute;left:26px;top:0;bottom:0;width:3px;border-radius:2px}.p9-row.blue::before{background:#087FE2}.p9-row.yellow::before{background:#FFC400}.p9-row b{color:#101820}.p9-row a{color:#2876C7;text-decoration:underline;font-weight:700}.p9-row em.state{display:flex;width:max-content;margin-top:6px;border-radius:5px;padding:3px 8px;font-style:normal;font-size:11px}.p9-row em.state.blue{background:#E2F1FD;color:#2B79B9}.p9-row em.state.warn{background:#FFF0C7;color:#D78600}.p9-row strong{display:block;margin-top:7px;color:#C93D3D;font-size:12px}.p9-row mark{display:block;background:transparent;color:#F04747;font-size:12px;font-weight:800;margin-top:2px}.p9-row i{display:inline-flex;background:#E7F2FD;border:1px solid #C7DEF5;border-radius:5px;color:#247CC4;font-size:11px;font-style:normal;font-weight:800;padding:2px 8px;margin-top:3px}.p9-icons{color:#1076C9;font-size:20px;letter-spacing:7px}.p9-chat{position:absolute;right:25px;bottom:25px;width:68px;height:68px;background:#0058D8;border-radius:50%;box-shadow:0 8px 24px rgba(0,88,216,.35);display:grid;place-items:center;color:#fff;font-size:35px}
.p9-blue-banner{height:39px;background:#1264AE;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 24px;font-size:12px}.p9-with-banner .p9-filters,.p9-auctions .p9-filters{height:186px}.p9-with-banner .p9-list,.p9-auctions .p9-list{height:calc(100% - 280px)}.p9-pages .map{width:160px;height:34px;border:none;border-radius:17px;background:#E2F0FE;color:#1882E9;font-size:12px;font-weight:800;margin-right:20px}.p9-table-head.auction,.p9-row.auction{grid-template-columns:30px 150px 70px 110px 130px 130px 155px 155px 130px 90px 150px 128px}.p9-row.auction{height:116px}.p9-row.auction::before{background:#B3B3B3}.p9-row.auction button{width:118px;border:none;background:#4098F2;color:#fff;border-radius:7px;padding:7px 4px;font-size:11px;font-weight:800;margin-bottom:6px}.p9-row.auction button.ghost{background:#fff;color:#1267B3;border:1px solid #C8DDF4}.p9-row .mini-icons{color:#3695F4;font-size:13px;letter-spacing:8px}

.income-screen{background:#fff;color:#14233A}.income-shell{position:absolute;inset:0;display:grid;grid-template-columns:52px 1fr;grid-template-rows:58px 1fr 74px;background:#fff;font-family:var(--font)}.income-top{grid-column:1 / -1;border-bottom:2px solid #245BFF;display:flex;align-items:center;padding:0 16px 0 70px;gap:28px}.income-top .p9-logo{font-size:31px}.income-nav{display:flex;gap:0;align-items:center;justify-content:center;flex:1;height:100%;font-size:14px;color:#222B3A}.income-nav a{height:100%;display:flex;align-items:center;padding:0 14px;border-left:1px solid #CBD5E1}.income-nav a.active{color:#2358F5;border-bottom:3px solid #2358F5}.income-admin{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:700}.income-admin b{background:#E41D48;color:#fff;border-radius:10px;padding:3px 8px;font-size:11px}.income-avatar{width:38px;height:38px;border:2px solid #245BFF;border-radius:50%;display:grid;place-items:center;color:#245BFF}.income-rail{grid-column:1;grid-row:1 / 4;background:#EAF6FF;border-right:1px solid #D6E6F4;padding-top:66px;display:flex;flex-direction:column;align-items:center;gap:13px}.income-main{grid-column:2;grid-row:2;padding:55px 78px 0;background:#fff;overflow:hidden}.income-main h1{font-size:25px;margin:0 0 24px;font-weight:600;color:#1A2A40}.income-cards-real{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:25px}.income-card-real{height:250px;border:1px solid #8FC2FF;background:#EAF4FF;border-radius:13px;padding:29px 30px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto 1fr auto;column-gap:22px}.income-card-real .ic{width:58px;height:58px;background:#285AEF;border-radius:10px;color:#fff;display:grid;place-items:center;font-size:26px;grid-row:1 / 3}.income-card-real h2{margin:3px 0 10px;font-size:25px;line-height:1.18;color:#06132A;font-weight:900}.income-card-real p{margin:0;font-size:16px;line-height:1.45;color:#384B66}.income-card-real .line{grid-column:1 / -1;height:1px;background:#C9DDEF;margin:20px 0 15px}.income-card-real button{grid-column:1 / -1;justify-self:center;background:#285AEF;color:#fff;border:none;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:800}.income-table-card{background:#fff;border-radius:16px;box-shadow:0 10px 38px rgba(17,34,60,.08);padding:36px 26px 32px;margin:0 10px}.income-table{width:100%;border-collapse:separate;border-spacing:0 12px;font-size:14px}.income-table th{text-align:left;color:#6F7B8F;font-size:12px;text-transform:uppercase;border-bottom:2px solid #315AF4;padding:0 18px 12px}.income-table td{background:#fff;padding:18px;color:#253247}.income-table tr.data td{box-shadow:0 4px 18px rgba(17,34,60,.06)}.income-table tr.hl td{background:#EEF9FF}.income-status{display:inline-flex;border-radius:5px;padding:4px 9px;font-size:11px;font-weight:800;color:#fff;background:#204AEF}.income-status.ok{background:#139850}.income-status.warn{background:#FFD400;color:#222}.income-actions{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-radius:12px}.income-actions span{color:#7B8494;font-size:13px}.income-actions select{height:42px;border:1px solid #E2E8F0;border-radius:10px;background:#fff;padding:0 14px;color:#2C3749;font-size:14px}.income-actions button{height:36px;border:1px solid #315AF4;border-radius:18px;background:#fff;color:#315AF4;padding:0 15px;font-weight:800;font-size:12px}.income-actions button.danger{border-color:#FF6D78;color:#EF424F}.income-footer{grid-column:2;grid-row:3;border-top:1px solid #E5EAF0;display:flex;align-items:center;justify-content:space-between;padding:0 64px;color:#1A2A40;font-size:12px}.income-footer .brand{font-size:20px;color:#1267B3;font-weight:800}

.doc-screen{background:#fff}.doc-dim{position:absolute;inset:0;background:rgba(0,0,0,.46);display:flex;align-items:flex-start;justify-content:center;padding-top:86px}.doc-modal-real{width:1200px;height:412px;background:#fff;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.32);overflow:hidden}.doc-head-real{height:76px;border-bottom:1px solid #E6E9EE;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.doc-head-real h2{margin:0;font-size:22px;color:#10182B}.doc-head-real span{font-size:34px;color:#737B86}.doc-body-real{height:222px;padding:34px 32px;border-bottom:1px solid #EEF1F4}.doc-body-real p{margin:0 0 19px;color:#8993A2;font-size:13px}.doc-cols-real{display:grid;grid-template-columns:1fr 1fr;gap:16px}.doc-col-real label{display:block;margin-bottom:9px;font-weight:800;font-size:13px;color:#313B4C}.doc-file-real{height:49px;border:1px solid #DCE1E8;border-radius:6px;background:#FAFBFC;color:#8792A0;display:flex;align-items:center;padding:0 12px;font-size:13px}.doc-add-real{margin-top:9px;height:34px;border:1.5px solid #315AF4;background:#fff;color:#315AF4;border-radius:17px;padding:0 17px;font-weight:800;font-size:13px}.doc-actions-real{height:114px;display:flex;align-items:center;justify-content:flex-end;padding-right:28px}.doc-actions-real button{height:46px;border:none;background:#204AEF;color:#fff;border-radius:23px;padding:0 34px;font-weight:900;font-size:14px;box-shadow:0 9px 20px rgba(32,74,239,.35)}

.ship-real{background:#fff}.ship-dim{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-start;justify-content:center;padding-top:58px}.ship-modal-real{width:1535px;height:735px;background:#fff;border-radius:13px;box-shadow:0 22px 70px rgba(0,0,0,.35);overflow:hidden;display:grid;grid-template-columns:1fr 284px;grid-template-rows:75px 52px 1fr 52px}.ship-head-real{grid-column:1 / -1;background:#F4FAFF;border-bottom:1px solid #DCE8F5;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.ship-head-real small{display:block;color:#55708E;font-size:12px;margin-bottom:2px}.ship-head-real h2{margin:0;color:#0D2A4A;font-size:18px}.ship-head-actions{display:flex;align-items:center;gap:10px}.ship-head-actions button{height:30px;border:1px solid #C9DDF4;background:#fff;color:#1267B3;border-radius:6px;padding:0 12px;font-size:12px}.ship-head-actions em{font-style:normal;background:#E7F2FD;color:#1B70BE;border-radius:7px;padding:6px 10px;font-size:12px}.ship-tabs-real{grid-column:1 / 2;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #E1E7EF}.ship-tab-real{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#98A4B4;font-size:11px}.ship-tab-real b{width:20px;height:20px;border-radius:50%;background:#E6EBF1;color:#9AA5B4;display:grid;place-items:center;margin-bottom:2px}.ship-tab-real.done{color:#16A36A}.ship-tab-real.done b{background:#18B56F;color:#fff}.ship-tab-real.active{color:#1267B3;border-bottom:2px solid #1267B3}.ship-body-real{grid-column:1;grid-row:3;overflow:hidden;padding:18px 20px;background:#fff}.ship-ad-real{grid-column:2;grid-row:2 / 5;border-left:1px solid #E2E8F0;padding:14px;background:#fff;overflow:hidden}.ship-ad-box{height:335px;border-radius:8px;background:#F2F7FA;margin-bottom:14px;display:grid;place-items:center;text-align:center;color:#0A0A0A;font-weight:900;font-size:30px;line-height:1.2}.ship-ad-box.small{height:270px;background:linear-gradient(180deg,#EAF6FF,#D6EAF8);font-size:29px}.ship-foot-real{grid-column:1;grid-row:4;border-top:1px solid #EEF2F6;background:#FAFCFF;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.ship-foot-real button{height:34px;border:1px solid #CBD5E1;background:#fff;border-radius:7px;padding:0 18px;color:#4B5565}.ship-foot-real button.primary{background:#1267B3;color:#fff;border-color:#1267B3}.ship-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ship-field-real label{display:block;color:#34455C;font-size:12px;margin-bottom:5px}.ship-value-real{height:34px;border:1px solid #DCE2EA;border-radius:7px;background:#fff;color:#1C293B;display:flex;align-items:center;padding:0 12px;font-size:13px}.ship-value-real.muted{background:#F7F9FB}.ship-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.ship-doc{border:1px solid #E2E8F0;border-radius:7px;padding:10px 12px;color:#4D5A6C;font-size:12px}.ship-doc b{display:block;color:#1D2736;font-size:13px}.ship-line{height:1px;background:#E4EBF3;margin:14px -20px}.ship-card-row{border:1px solid #91C4FF;background:#EAF4FF;border-radius:9px;padding:13px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#2B3A4C}.ship-card-row.green{border-color:#80E1A6;background:#ECFFF4}.ship-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ship-choice{border:1px solid #DCE2EA;border-radius:8px;padding:12px;color:#2B3A4C}.ship-choice.active{border-color:#1267B3;background:#EEF6FF;color:#1267B3}

/* ATI.SU external frames — full-bleed screenshots */
.ati-frame{background:#F1F5F9;display:flex;align-items:center;justify-content:center;padding:0}
.ati-frame img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}

/* Pooling "Договор не заключен" empty state */
.p9-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 20px 0}
.p9-empty-illust{width:340px;height:auto;display:block;margin-bottom:22px;user-select:none;pointer-events:none}
.p9-empty-title{margin:0 0 12px;font-size:20px;font-weight:800;color:#111827}
.p9-empty-text{margin:0 0 22px;font-size:14px;line-height:1.55;color:#334155}
.p9-empty-text b{color:#0F172A}
.p9-empty-cta{height:44px;padding:0 26px;background:#3E9AF5;color:#fff;border:none;border-radius:22px;font-size:14px;font-weight:800;box-shadow:0 6px 18px rgba(62,154,245,.35)}

/* Placement overrides for income/doc screens */
.income-top{grid-row:1}
.income-main{grid-column:2;grid-row:2}
.income-footer{grid-column:2;grid-row:3}

/* Auction FTL modal (slide-10b) */
.auc-screen{background:#EAF0F7;font-family:var(--font)}
.auc-dim{position:absolute;inset:0;background:rgba(10,25,50,.28);display:flex;align-items:flex-start;justify-content:center;padding-top:36px}
.auc-modal{width:1420px;max-height:820px;background:#fff;border-radius:12px;box-shadow:0 30px 80px rgba(0,20,60,.35);overflow:hidden;display:flex;flex-direction:column}
.auc-head{height:60px;background:#2585E4;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 26px}
.auc-head h2{margin:0;font-size:18px;font-weight:800;letter-spacing:.3px}
.auc-close{font-size:20px;cursor:default;opacity:.9}
.auc-body{display:grid;grid-template-columns:1fr 440px;gap:0;flex:1;overflow:hidden}
.auc-left{padding:20px 26px 26px;overflow:auto}
.auc-tabs{display:flex;gap:0;border-bottom:1px solid #E1E7EF}
.auc-tab{background:transparent;border:none;padding:12px 18px;font-size:14px;font-weight:700;color:#7A8494;display:flex;align-items:center;gap:8px;cursor:default;border-bottom:3px solid transparent}
.auc-tab .ic{width:26px;height:26px;border-radius:6px;background:#E7F0FA;color:#7A8494;display:grid;place-items:center;font-size:14px}
.auc-tab.active{color:#1267B3;border-bottom-color:#1267B3}
.auc-tab.active .ic{background:#1267B3;color:#fff}
.auc-hint{text-align:center;color:#4C5766;font-size:13px;line-height:1.5;padding:18px 20px 16px}
.auc-hint b{color:#0F172A}
.auc-card{border:1px solid #DAE4F0;border-radius:10px;background:#F7FAFE;padding:20px 22px}
.auc-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.auc-card-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:#0F172A}
.auc-card-title .ic{width:30px;height:30px;border-radius:7px;background:#1267B3;color:#fff;display:grid;place-items:center;font-size:15px}
.auc-timer{color:#3A9E48;font-size:15px;font-weight:800;display:flex;align-items:center;gap:6px}
.auc-block{margin-bottom:14px}
.auc-label{font-size:13px;font-weight:800;color:#0F172A;margin-bottom:8px}
.auc-contacts{display:flex;gap:22px;font-size:13px;color:#334155;flex-wrap:wrap}
.auc-comment{font-size:13px;color:#334155}
.auc-price-row{display:flex;justify-content:space-between;align-items:flex-start;margin:14px 0 6px;gap:24px}
.auc-top-pill{display:inline-flex;align-items:center;gap:6px;background:#1976DA;color:#fff;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:800}
.auc-price-col{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#334155}
.auc-price-col b{color:#0F172A}
.auc-start{font-size:13px;color:#334155;margin-bottom:14px}
.auc-start b{color:#0F172A}
.auc-start .muted,.muted{color:#8A94A6}
.auc-bid{margin-top:10px;text-align:center}
.auc-bid-title{color:#1267B3;font-weight:800;font-size:14px;margin-bottom:10px}
.auc-bid-input{display:inline-flex;align-items:center;border:1px solid #CBD5E1;background:#fff;border-radius:8px;padding:6px 8px;gap:6px;width:220px;justify-content:space-between}
.auc-bid-input input{border:none;outline:none;font-size:16px;color:#0F172A;font-weight:600;width:150px;background:transparent}
.auc-bid-input .spin{font-size:10px;color:#8A94A6;line-height:1;text-align:center}
.center{text-align:center}
.small{font-size:12px}
.auc-nds{margin-top:16px;background:#E7F1FB;border:1px solid #C6DDF5;color:#1267B3;padding:10px 16px;border-radius:8px;font-size:12px;text-align:center}
.auc-right{background:#F7FAFE;border-left:1px solid #E1E7EF;padding:20px 22px;overflow:auto}
.auc-side-title{color:#0F172A;font-size:15px;font-weight:800;margin-bottom:12px}
.auc-side-row{font-size:13px;color:#334155;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.auc-side-block{margin-top:14px}
.auc-pin{color:#22B573;font-weight:800;font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.auc-side-text{font-size:12px;color:#334155;line-height:1.5;margin-bottom:6px}
.auc-side-text b{color:#0F172A}
.auc-doc-btn{width:100%;height:38px;margin-top:10px;background:#2585E4;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}
.auc-doc-btn.primary{background:#1267B3}

/* Auction FTL — Встречное предложение (slide-13) */
.auc-warn{background:#FFF7DA;border:1px solid #F3E3A0;color:#0F172A;font-weight:800;font-size:12.5px;padding:10px 14px;border-radius:6px;letter-spacing:.3px}
.auc-start{display:flex;justify-content:space-around;text-align:center;margin:14px 0}
.auc-rec{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;background:#EAF3FC;border:1px solid #CFE0F3;border-radius:10px;padding:14px 18px;margin-top:6px}
.auc-rec-lbl{color:#1267B3;font-weight:800;font-size:14px;letter-spacing:.4px}
.auc-rec-val{font-size:20px;font-weight:800;color:#0F172A;line-height:1.1;text-align:right}
.auc-rec-sub{font-size:11px;color:#8A94A6;font-weight:500;margin-top:2px}
.auc-rec-btn{background:#fff;border:1px solid #CBD5E1;border-radius:20px;padding:8px 22px;font-size:13px;font-weight:700;color:#0F172A}

/* --- Edit mode gate --- */
#editBtn{display:none}
body.edit-enabled #editBtn{display:inline-flex}
#editLogoutBtn{margin-left:4px}

#editLoginOverlay{position:fixed;inset:0;background:rgba(15,23,42,.72);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.edit-login-card{background:#fff;border-radius:16px;padding:28px 30px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:var(--font)}
.edit-login-card h2{margin:0 0 6px;font-size:20px;color:var(--ink)}
.edit-login-card p{margin:0 0 18px;color:var(--muted);font-size:13.5px}
#editLoginForm{display:flex;flex-direction:column;gap:12px}
#editLoginForm label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
#editLoginForm input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-family:var(--font);font-size:14px;color:var(--ink);background:#fff}
#editLoginForm input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(30,123,214,.18)}
.edit-login-err{color:#B91C1C;font-size:13px;background:#FEF2F2;border:1px solid #FECACA;padding:8px 10px;border-radius:8px}
.edit-login-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}