/* ═══ БРЭНДИЙН ӨНГӨ — ИМУЗ Амжилтын лого ирэхэд зөвхөн эдгээрийг солино ═══ */
  :root{
    /* IMUZ Success LLC логооос шууд авсан өнгө */
    --red:#EB0722;        /* логоны улаан */
    --red-deep:#B80519;
    --red-tint:#FDE6E9;
    --blue:#054175;       /* логоны хөх */
    --blue-mid:#1A5E9A;
    --blue-deep:#032C50;
    --blue-tint:#E4EDF5;
    --blue-soft:#F2F7FB;

    --paper:#FFFFFF;
    --bg:#F5F8FB;
    --line:#D3DFE9;
    --line-soft:#E8EFF5;
    --ink:#032C50;
    --muted:#55708A;

    --ok:#0E7C61;    --ok-bg:#E2F3EE;   --ok-line:#B9E0D4;
    --warn:#B87200;  --warn-bg:#FBF0DC; --warn-line:#EFD9AE;
    --bad:#C0071C;   --bad-bg:#FDE6E9;  --bad-line:#F5C2C8;

    --sans:"Segoe UI","Noto Sans","Helvetica Neue",Arial,sans-serif;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.58;-webkit-font-smoothing:antialiased}
  h1,h2,h3,h4{margin:0;font-weight:680;letter-spacing:-.014em;line-height:1.2}
  h1{font-size:31px} h2{font-size:22px} h3{font-size:17px}
  p{margin:0 0 11px}
  button{font-family:inherit;font-size:14px;cursor:pointer}
  input,select,textarea{font-family:inherit;font-size:15px}

  .btn{border:1px solid var(--blue);background:var(--blue);color:#fff;padding:10px 17px;border-radius:8px;font-weight:600;transition:background .12s}
  .btn:hover{background:var(--blue-deep)}
  .btn.ghost{background:#fff;color:var(--blue)}
  .btn.ghost:hover{background:var(--blue-tint)}
  .btn.red{background:var(--red);border-color:var(--red)}
  .btn.red:hover{background:var(--red-deep)}
  .btn.quiet{background:transparent;border-color:transparent;color:var(--muted);padding:7px 9px}
  .btn.quiet:hover{background:var(--blue-tint);color:var(--ink)}
  .btn.sm{padding:6px 12px;font-size:13px}
  .btn[disabled]{opacity:.4;cursor:not-allowed}
  .btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:2px}

  .wrap{max-width:1140px;margin:0 auto;padding:0 22px}
  .card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:22px}
  .card+.card{margin-top:16px}
  .muted{color:var(--muted)} .tiny{font-size:12.5px}
  .row{display:flex;gap:16px;flex-wrap:wrap} .grow{flex:1 1 250px;min-width:0}
  label{display:block;font-size:13.5px;color:var(--muted);margin-bottom:5px}
  .field{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
  .field:focus{border-color:var(--blue-mid);outline:none;box-shadow:0 0 0 3px rgba(46,90,174,.14)}

  /* ═══ Толгой ═══ */
  header.top{background:var(--blue);color:#fff;padding:17px 0;border-bottom:5px solid var(--red)}
  header.top .wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .logo{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff}
  .logo .word{font-size:32px;font-weight:780;letter-spacing:-.035em;line-height:1}
  .logo .sub{font-size:14.5px;color:#9FB8D0;margin-top:5px;font-weight:500}
  .top .spacer{flex:1}
  .navtop{display:flex;gap:3px;flex-wrap:wrap}
  .navtop button{border:0;background:transparent;color:#C3D5E6;padding:9px 15px;border-radius:7px;font-weight:600;font-size:15px}
  .navtop button:hover{background:rgba(255,255,255,.1);color:#fff}
  .navtop button[aria-current="true"]{background:#fff;color:var(--blue-deep)}
  .navtop button.cta{background:var(--red);color:#fff}
  .navtop button.cta:hover{background:var(--red-deep)}

  /* ═══ Хажуугийн цэс ═══ */
  .shell{display:flex;gap:26px;padding:26px 0 70px;align-items:flex-start}
  nav.rail{width:212px;flex:0 0 212px;position:sticky;top:18px}
  nav.rail button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:9px 13px;border-radius:8px;font-weight:600;margin-bottom:2px}
  nav.rail button:hover{background:var(--blue-tint);color:var(--ink)}
  nav.rail button[aria-current="true"]{background:var(--blue);color:#fff}
  nav.rail .note{margin-top:16px;padding:13px;border:1px solid var(--line);border-radius:10px;font-size:12.5px;color:var(--muted);background:#fff}
  main.body{flex:1;min-width:0}
  .full{padding:0 0 70px}

  /* ═══ Нүүр ═══ */
  .hero{background:linear-gradient(150deg,var(--blue-deep) 0%, var(--blue) 58%, #0A5A9E 100%);color:#fff;padding:58px 0 52px}
  .hero h1{font-size:44px;max-width:19ch;line-height:1.1}
  .hero p.lead{font-size:18px;color:#CBD9EE;max-width:56ch;margin:16px 0 26px}
  .hero .acts{display:flex;gap:11px;flex-wrap:wrap}
  .statband{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}
  .statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}
  .bigstat .n{font-size:38px;font-weight:750;letter-spacing:-.03em;color:var(--red);line-height:1}
  .bigstat .t{font-size:13.5px;color:var(--ink);margin-top:6px}
  .bigstat .src{font-size:11.5px;color:var(--muted);margin-top:5px}
  .band{padding:52px 0}
  .band.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .kicker{font-size:13px;font-weight:700;color:var(--red);margin-bottom:9px}
  .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(198px,1fr));gap:14px;margin-top:22px}
  .step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;position:relative}
  .step .sn{width:29px;height:29px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;margin-bottom:11px}
  .band.alt .step{background:var(--blue-soft)}

  /* ═══ Бүрэлдэхүүн ═══ */
  .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:12px}
  .stat{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}
  .stat .k{font-size:13px;color:var(--muted);margin-bottom:4px}
  .stat .v{font-size:31px;font-weight:700;letter-spacing:-.025em;line-height:1.08}
  .stat .s{font-size:12.5px;color:var(--muted);margin-top:4px}
  .stat.ok{background:var(--ok-bg);border-color:var(--ok-line)} .stat.ok .v{color:var(--ok)}
  .stat.warn{background:var(--warn-bg);border-color:var(--warn-line)} .stat.warn .v{color:var(--warn)}
  .stat.bad{background:var(--bad-bg);border-color:var(--bad-line)} .stat.bad .v{color:var(--bad)}

  .bar{height:9px;background:var(--blue-tint);border-radius:5px;overflow:hidden}
  .bar span{display:block;height:100%;border-radius:5px;background:var(--blue-mid)}

  table{width:100%;border-collapse:collapse}
  th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line-soft);font-size:14px;vertical-align:middle}
  th{font-size:12.5px;color:var(--muted);font-weight:650;background:var(--blue-soft)}
  tr.hidden-seg td{color:var(--muted);background:repeating-linear-gradient(45deg,#fff,#fff 7px,var(--blue-tint) 7px,var(--blue-tint) 14px)}

  .pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:650;background:var(--blue-tint);color:var(--blue)}
  .pill.ok{background:var(--ok-bg);color:var(--ok)}
  .pill.warn{background:var(--warn-bg);color:var(--warn)}
  .pill.bad{background:var(--bad-bg);color:var(--bad)}
  .pill.lock{background:#EEF1F6;color:var(--muted)}
  .pill.red{background:var(--red-tint);color:var(--red-deep)}

  .privacy{border:1px solid var(--line);border-left:5px solid var(--red);border-radius:13px;background:linear-gradient(180deg,#fff,var(--red-tint));padding:20px 22px}
  .pgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  @media(max-width:720px){.pgrid{grid-template-columns:1fr}}
  .plist{margin:0;padding:0;list-style:none}
  .plist li{display:flex;gap:9px;align-items:flex-start;padding:5px 0;font-size:13.5px}
  .mark{width:18px;height:18px;border-radius:5px;flex:0 0 18px;display:grid;place-items:center;font-size:11px;color:#fff;margin-top:2px}
  .mark.yes{background:var(--ok)} .mark.no{background:var(--red)}

  .phase{border:1px solid var(--line);border-radius:13px;padding:19px 21px;background:#fff;margin-bottom:13px}
  .phase.current{border-color:var(--blue);box-shadow:0 0 0 3px rgba(19,60,139,.09)}
  .phase.locked{background:#FCFDFE;color:var(--muted)}
  .phase .head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
  .phase .num{font-size:13px;font-weight:750;color:var(--red)}
  .phase.locked .num{color:var(--muted)}
  .task{border-bottom:1px solid var(--line-soft);padding:11px 0}
  .task:last-child{border-bottom:0}
  .task .trow{display:flex;gap:10px;align-items:flex-start}
  .task input[type=checkbox]{margin-top:4px;width:17px;height:17px;accent-color:var(--blue)}
  .task.done .tt{text-decoration:line-through;color:var(--muted)}
  .files{margin:8px 0 0 27px}
  .filerow{display:flex;gap:8px;align-items:center;font-size:13px;padding:3px 0}
  .modcard{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}
  .modcard.locked{background:#FCFDFE}

  .plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:13px}
  .plan{border:1px solid var(--line);border-radius:13px;padding:18px;background:#fff}
  .plan.match{border-color:var(--red);box-shadow:0 0 0 3px rgba(214,39,58,.1)}
  .plan .price{font-size:25px;font-weight:720;letter-spacing:-.025em;margin:9px 0 2px}

  /* ═══ Судалгаа ═══ */
  .survey{max-width:760px;margin:0 auto}
  .dimhead{border-radius:12px;padding:16px 19px;color:#fff;margin-bottom:4px}
  .qitem{border-bottom:1px solid var(--line-soft);padding:16px 0}
  .qitem:last-child{border-bottom:0}
  .qtext{margin-bottom:10px;font-size:15.5px}
  .qhint{font-size:12.5px;color:var(--muted);margin-bottom:9px}
  .scale{display:flex;gap:6px;flex-wrap:wrap}
  .scale label{flex:1 1 0;min-width:62px;margin:0;text-align:center;border:1.5px solid var(--line);border-radius:9px;padding:9px 4px;cursor:pointer;font-size:12.5px;color:var(--ink);background:#fff}
  .scale input{position:absolute;opacity:0;width:0;height:0}
  .scale label:hover{border-color:var(--blue-mid)}
  .scale label.sel[data-v="1"]{background:#B3162C;border-color:#B3162C;color:#fff}
  .scale label.sel[data-v="2"]{background:#D9705A;border-color:#D9705A;color:#fff}
  .scale label.sel[data-v="3"]{background:#B8862B;border-color:#B8862B;color:#fff}
  .scale label.sel[data-v="4"]{background:#3E7FBF;border-color:#3E7FBF;color:#fff}
  .scale label.sel[data-v="5"]{background:#0E7C61;border-color:#0E7C61;color:#fff}
  .stickynote{position:sticky;bottom:0;background:var(--blue-deep);color:#CBD9EE;padding:12px 17px;border-radius:11px;font-size:13px;margin-top:18px;display:flex;gap:10px;align-items:center}
  .progress{height:6px;background:var(--blue-tint);border-radius:4px;margin:14px 0 20px;overflow:hidden}
  .progress span{display:block;height:100%;background:var(--red);transition:width .2s}

  .empty{border:1px dashed var(--line);border-radius:13px;padding:30px;text-align:center;color:var(--muted);background:#fff}
  .toast{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;background:var(--blue-deep);color:#fff;padding:12px 19px;border-radius:10px;font-size:14px;z-index:60;box-shadow:0 8px 26px rgba(12,37,87,.28)}
  .sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:15px;flex-wrap:wrap}
  .sechead p{margin:5px 0 0;max-width:66ch}

  .art{border:1px solid var(--line);border-radius:13px;background:#fff;padding:20px;margin-bottom:13px}
  .byline{display:flex;gap:11px;align-items:center;margin-bottom:11px}
  .av{width:42px;height:42px;border-radius:50%;background:var(--blue-tint);color:var(--blue);display:grid;place-items:center;font-weight:700;font-size:15px;flex:0 0 42px}
  .artbody{display:none;border-top:1px solid var(--line-soft);margin-top:13px;padding-top:13px}
  .artbody.open{display:block}

  .gstep{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px 20px;margin-bottom:12px}
  .gstep .gn{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--red);color:#fff;font-weight:700;font-size:13px;margin-right:10px}

  #printarea{display:none}
  @media print{
    body{background:#fff}
    header.top,nav.rail,.sechead,.card,.hero,.band,.statband{display:none!important}
    #printarea{display:block!important}
    .slip{border:1px dashed #888;border-radius:8px;padding:14px;margin:0 0 8px;width:48%;display:inline-block;vertical-align:top}
    .slip .c{font-family:ui-monospace,monospace;font-size:22px;font-weight:700;letter-spacing:.14em}
  }
  @media (prefers-reduced-motion:reduce){*{transition:none!important}}
  @media(max-width:880px){
    .shell{flex-direction:column}
    nav.rail{position:static;width:100%;flex:1 1 auto;display:flex;gap:6px;overflow-x:auto}
    nav.rail button{width:auto;white-space:nowrap} nav.rail .note{display:none}
    .hero h1{font-size:33px}
  }
  /* ═══ RETENIQ · зөвлөхийн ажлын хэсэг ═══ */
  .rq-lockbar{border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:12px;background:var(--blue-soft);padding:12px 16px;font-size:13.5px;margin-bottom:14px}
  .rq-lockbar.warn{border-left-color:var(--warn);background:var(--warn-bg)}
  .rq-grid{display:grid;grid-template-columns:232px 1fr;gap:20px;align-items:start}
  .rq-steps{display:flex;flex-direction:column;gap:5px;position:sticky;top:14px;max-height:88vh;overflow:auto}
  .rq-steps button{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;color:var(--muted);padding:9px 12px;border-radius:9px;font-weight:600;font-size:13px;line-height:1.3}
  .rq-steps button small{display:block;font-weight:500;font-size:11.5px;opacity:.8;margin-top:2px}
  .rq-steps button:hover{border-color:var(--blue-mid);color:var(--ink)}
  .rq-steps button[data-done="1"]{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok)}
  .rq-steps button[aria-current="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
  .rq-quote{margin-top:9px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--blue-soft)}
  .rq-chk{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--ink);font-size:13px;cursor:pointer}
  .rq-modal{position:fixed;inset:0;background:rgba(12,37,87,.5);display:grid;place-items:center;padding:20px;z-index:80}
  .rq-modal-box{background:#fff;border-radius:14px;padding:22px;max-width:660px;width:100%;max-height:86vh;overflow:auto}
  table .pill{white-space:nowrap}
  blockquote{margin:6px 0;padding:6px 12px;border-left:3px solid var(--line);font-size:13.5px}
  .rpt{font-size:14.5px}
  .rpt .blk{border:1px solid var(--line);border-radius:13px;padding:18px 20px;margin-bottom:12px;background:#fff}
  .rpt .kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
  .rpt .brow{display:flex;gap:12px;align-items:center;margin:9px 0}
  .rpt .brow .lb{flex:0 0 42%;font-size:13.5px}
  .rpt .brow .bar{flex:1}
  .rpt .brow .pc{flex:0 0 54px;text-align:right;font-weight:650}
  @media print{
    body.rq-printing header.top,body.rq-printing #app{display:none!important}
    body.rq-printing #printarea{display:block!important}
    .rpt .blk{break-inside:avoid;border:1px solid #bbb}
    .rpt .stat{break-inside:avoid}
  }
  @media(max-width:880px){
    .shell>main.body{min-width:0;width:100%;max-width:100%}
    .rpt table,.card table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
    .rpt .brow .lb{flex-basis:38%}
    .rq-grid{grid-template-columns:1fr}
    .rq-steps{position:static;max-height:none;flex-direction:row;overflow-x:auto}
    .rq-steps button{min-width:160px}
  }

  a.btn{display:inline-block;text-decoration:none}