:root{
    --blue:#3C76FE; --blue-2:#2E5FE0; --blue-lite:#EAF0FF; --blue-sky:#7AA0FF;
    --shell:#39456A; --shell-2:#434F78; --shell-line:rgba(255,255,255,.09);
    --page:#EEF1F8; --card:#FFFFFF; --line:#EAEDF4;
    --ink:#1B2A4E; --body:#5A6683; --muted:#6B7690;
    --green:#26C57F; --green-d:#12A566; --orange:#FF8A4C; --purple:#8B5CF6; --purple-d:#6D45D6; --amber:#F5B740; --red:#F0553B; --pink:#FF5C87;
    --gridline:#EEF1F7; --red-bg:#FFF1EC; --amber-ink:#B98413;
    /* Статусын гадаргуу — ганц ногоон/шар/улаан tint (near-miss пастель гараар бүү холь) */
    --green-bg:#E9FBF2; --green-line:#BEEFD6; --amber-bg:#FFF7E8; --amber-line:#F6E3B4; --red-line:#FAD3C8; --line-2:#D5DDEC;
    /* VIP/алт (зочны loyalty — нэг л алтан гадаргуу) */
    --gold-ink:#8A5A00; --gold-bg:#FFF0D2; --gold-line:#F5D89A;
    --r:16px; --r-sm:12px; --r-md:14px; --sh:0 6px 22px -12px rgba(28,42,80,.20);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  [hidden]{display:none!important}
  body{font-family:'Inter',system-ui,sans-serif;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}
  /* Тоонуудын эгнээ (monospace биш — Inter + tabular-nums, монгол ө/ү бүрэн дэмжинэ) */
  .mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv01" 1}
  .num{font-variant-numeric:tabular-nums;font-weight:700}
  .app{display:grid;grid-template-columns:242px 1fr;min-height:100vh}
  html,body{overflow-x:clip}
  html{-webkit-text-size-adjust:100%}
  .cmdbar>*,.ops>*,.kpis>*,.grid>*{min-width:0}
  a{text-decoration:none}

  /* Sidebar */
  .side{background:var(--shell);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
  .side .brand{display:flex;align-items:center;height:60px;padding:0 20px;border-bottom:1px solid var(--shell-line)}
  .side .brand img{height:26px}
  .side .hotel{margin:14px 12px 8px;padding:10px 11px;background:rgba(255,255,255,.08);border:1px solid var(--shell-line);border-radius:13px;display:flex;align-items:center;gap:10px;cursor:pointer}
  .side .hotel:hover{background:rgba(255,255,255,.13)}
  .side .hotel .ava{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5E8CFF,#3C76FE);display:grid;place-items:center;font-weight:700;font-size:14px;flex:0 0 auto}
  .side .hotel .nm{font-size:13.5px;font-weight:700;line-height:1.2}
  .side .hotel .sub{font-size:11px;color:rgba(255,255,255,.55);margin-top:2px}
  .side nav{padding:6px 12px;overflow-y:auto;flex:1}
  .side nav::-webkit-scrollbar{width:0}
  .side .grp{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.4);margin:15px 12px 6px;font-weight:700}
  .side a.nv,.side .nvmode{display:flex;align-items:center;gap:12px;padding:9.5px 12px;border-radius:11px;color:rgba(255,255,255,.74);font-size:14px;font-weight:500;margin-bottom:2px;transition:.15s}
  .side a.nv svg,.side .nvmode svg{width:19px;height:19px;stroke:currentColor;opacity:.9}
  .side a.nv:hover,.side .nvmode:hover{background:rgba(255,255,255,.07);color:#fff}
  .side .nvmode{width:100%;background:none;border:none;text-align:left;font:inherit;font-size:14px;cursor:pointer;opacity:.62;margin-top:6px}
  .side a.nv.on{background:linear-gradient(135deg,#4E86FF,#2E5FE0);color:#fff;font-weight:600;box-shadow:0 8px 18px -8px rgba(46,95,224,.7)}
  .side a.nv .badge{margin-left:auto;background:var(--orange);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:20px}
  .side a.nv .ndot{margin-left:auto;width:8px;height:8px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 3px rgba(255,255,255,.06)}
  .side a.nv .ndot.warn{background:#F5B740}
  .side a.nv .ndot.info{background:#4E86FF}
  .side a.nv .ndot.bad{background:var(--red,#F0553B)}
  .side .foot{padding:12px 14px;border-top:1px solid var(--shell-line);display:flex;align-items:center;gap:10px}
  .side .foot .ava{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:13px;font-weight:700}
  .side .foot .nm{font-size:13px;font-weight:700}
  .side .foot .sub{font-size:11px;color:rgba(255,255,255,.55)}

  /* Topbar */
  .main{display:flex;flex-direction:column;min-width:0}
  .top{height:60px;background:var(--shell-2);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:20}
  .top .search{flex:0 1 260px;max-width:260px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:9px 14px;color:rgba(255,255,255,.8);font-size:13.5px}
  .top .search svg{width:16px;height:16px;stroke:rgba(255,255,255,.8)}
  .top .sp{flex:1}
  .top .lang{color:rgba(255,255,255,.75);font-size:13px;font-weight:600;padding:0 4px;cursor:pointer}
  .top .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;position:relative;cursor:pointer}
  .top .ic svg{width:18px;height:18px;stroke:#fff;opacity:.9}
  .top .ic:hover{background:rgba(255,255,255,.1)}
  .top .ic .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--orange);border:2px solid var(--shell-2)}
  .btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:11px;background:#fff;color:var(--blue);font-size:13.5px;font-weight:700;border:none;cursor:pointer;box-shadow:0 6px 16px -8px rgba(0,0,0,.3)}
  .btn svg{width:16px;height:16px;stroke:var(--blue)}
  .toplogo{display:none}

  .content{padding:20px 24px 44px;max-width:1440px}
  .phead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}
  .phead h1{font-size:24px;font-weight:800;letter-spacing:-.025em;line-height:1.15}
  /* Гарчгийн доод туслах тэкст — СТАНДАРТ (өмнө порт-дэлгэц бүрд давхардаж, шинэ дэлгэцэд гээгдэж байсан) */
  .phead .sub{color:var(--muted);font-size:13.5px;font-weight:500;margin-top:4px;line-height:1.5;max-width:760px}
  .phead .sub .live{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(38,197,127,.2);display:inline-block;vertical-align:middle}
  .phead .date{color:var(--muted);font-size:13.5px;font-weight:500;margin-top:5px;display:flex;align-items:center;gap:7px}
  .phead .date .sepdot{width:3px;height:3px;border-radius:50%;background:#C2CAD9;display:inline-block}
  .phead .date .ci{width:15px;height:15px;stroke:var(--muted);fill:none;stroke-width:1.8}
  .seg{display:flex;background:#fff;border-radius:12px;padding:4px;box-shadow:var(--sh)}
  .seg button{border:none;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--body);padding:7px 15px;border-radius:9px;cursor:pointer}
  .seg button.on{background:var(--blue);color:#fff}
  /* Полиш — tile-ууд амьд, tactile */
  .op,.kpi,.alert{transition:transform .16s ease, box-shadow .16s ease}
  @media(hover:hover){
    .op:hover,.kpi:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(28,42,80,.30)}
    .alert:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(28,42,80,.26)}
  }
  .op:active,.kpi:active{transform:scale(.985)}
  .btn:active{transform:scale(.96)}
  .side a.nv:active,.top .ic:active{background:rgba(255,255,255,.12)}
  .card .ch a:hover{text-decoration:underline}
  .side a.nv,.top .ic,.btn{transition:all .15s ease}

  /* Zone 0: alerts */
  /* Ink command bar (Option E) — зүүн цэстэй ижил slate, премиум */
  .cmdbar{display:flex;background:var(--shell);border-radius:14px;overflow:hidden;box-shadow:var(--sh);margin-bottom:16px}
  .cmdbar .s{flex:1;padding:14px 22px;cursor:pointer;transition:background .15s;min-width:0}
  .cmdbar .s:hover{background:rgba(255,255,255,.05)}
  .cmdbar .s+.s{border-left:1px solid rgba(255,255,255,.1)}
  .cmdbar .s b{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.01em}
  .cmdbar .s span{display:block;font-size:12px;color:rgba(255,255,255,.62);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cmdbar .warn b{color:#FFC24D} .cmdbar .ok b{color:#5FE0A9}

  /* Zone 1: ops tiles */
  .ops{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px}
  .op{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:15px 16px}
  .op .h{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;font-weight:600}
  .op .h svg{width:16px;height:16px;stroke:var(--muted)}
  .op .v{font-size:28px;font-weight:800;margin-top:7px;letter-spacing:-.01em;display:flex;align-items:baseline;gap:8px}
  .op .v .rem{font-size:13px;font-weight:700;color:var(--blue);background:var(--blue-lite);padding:2px 8px;border-radius:7px}
  .op .v .rem.done{color:var(--green-d);background:rgba(38,197,127,.12)}

  /* KPI row */
  .kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px}
  .kpi{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:15px 16px}
  .kpi .t{display:flex;align-items:center;justify-content:space-between}
  .kpi .lbl{font-size:12px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:5px}
  .kpi .lbl .q{width:14px;height:14px;border-radius:50%;background:var(--page);color:var(--muted);font-size:9px;display:grid;place-items:center;font-weight:700}
  .kpi .dl{font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:7px}
  .kpi .dl.up{color:var(--green-d);background:rgba(38,197,127,.12)} .kpi .dl.dn{color:var(--red);background:rgba(240,85,59,.1)}
  .kpi .v{font-size:26px;font-weight:800;margin-top:9px;letter-spacing:-.01em}
  .kpi .spark{margin-top:8px;height:30px;width:100%}

  .card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh)}
  .card .ch{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 2px}
  .card .ch h3{font-size:15px;font-weight:700}
  .card .ch .rt{display:flex;align-items:center;gap:12px}
  .card .ch a{color:var(--blue);font-size:12.5px;font-weight:700}
  .card .ch .leg2{display:flex;gap:12px;font-size:11.5px;color:var(--body);font-weight:600}
  .card .ch .leg2 i{width:14px;height:3px;border-radius:2px;display:inline-block;margin-right:5px;vertical-align:middle}
  .cb{padding:14px 18px 18px}
  .tabs{display:flex;gap:3px;margin:8px 18px 0;background:var(--page);border-radius:11px;padding:4px;width:max-content}
  .tabs button{border:none;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--body);padding:6px 12px;border-radius:8px;cursor:pointer}
  .tabs button.on{background:var(--blue);color:#fff}

  .grid{display:grid;gap:16px}
  .g-3-2{grid-template-columns:1.55fr 1fr}
  .g-2{grid-template-columns:1fr 1fr}

  /* reservation rows */
  .row{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}
  .row:last-child{border:none}
  .row .ava{width:36px;height:36px;border-radius:11px;background:var(--blue-lite);color:var(--blue);display:grid;place-items:center;font-weight:700;font-size:12.5px;flex:0 0 auto}
  .row .nm{font-size:13.5px;font-weight:700}
  .row .mt{font-size:11.5px;color:var(--muted)}
  .tag{margin-left:auto;font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;white-space:nowrap}
  .tag.g{background:var(--green-bg);color:var(--green-d)} .tag.b{background:var(--blue-lite);color:var(--blue)} .tag.a{background:var(--amber-bg);color:var(--amber-ink)}

  .blue{background:linear-gradient(150deg,#4E86FF,#2E5FE0);color:#fff;border-radius:var(--r);padding:18px;box-shadow:0 14px 28px -14px rgba(46,95,224,.7)}
  .blue h3{font-size:14px;font-weight:600;opacity:.9}
  .blue .big{font-size:34px;font-weight:800;line-height:1.05;margin-top:5px}
  .blue .sub{font-size:12px;opacity:.85;margin-top:3px}
  .blue .prog{margin-top:12px}
  .blue .prog .tt{display:flex;justify-content:space-between;font-size:12px;opacity:.9;margin-bottom:5px}
  .blue .prog .track{height:7px;background:rgba(255,255,255,.24);border-radius:6px;overflow:hidden}
  .blue .prog .track span{display:block;height:100%;background:#fff;border-radius:6px}

  /* notes/tasks */
  .note{background:#FFFDF4;border:1px solid #F2E9C9;border-radius:11px;padding:11px 13px;margin-bottom:9px}
  .note .m{font-size:13px;color:#5c5024;line-height:1.45}
  .note .meta{font-size:11px;color:#a89a66;margin-top:5px}
  .task{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
  .task:last-child{border:none}
  .task .box{width:18px;height:18px;border-radius:6px;border:2px solid var(--line);flex:0 0 auto}
  .task .box.miss{border-color:var(--red);background:rgba(240,85,59,.08)}
  .task .tx{font-size:13px;font-weight:600}
  .task .mt{font-size:11px;color:var(--muted)}
  .task .who{margin-left:auto;width:26px;height:26px;border-radius:50%;background:var(--blue-lite);color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:700}

  /* housekeeping grid */
  .rooms{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}
  .rm{aspect-ratio:1;border-radius:8px;display:grid;place-items:center;font-size:10.5px;font-weight:700;font-family:'Inter',system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#fff}
  .rm.clean{background:var(--green)} .rm.dirty{background:var(--red)} .rm.ooo{background:#C2CAD9} .rm.occ{background:var(--blue)}
  .rmleg{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--body);margin-top:14px}
  .rmleg div{display:flex;align-items:center;gap:6px} .rmleg i{width:10px;height:10px;border-radius:3px}

  /* donut */
  .donut{display:flex;align-items:center;gap:16px}
  .ring{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
  .ring .in{width:70px;height:70px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}
  .ring .in b{font-size:19px;font-weight:800} .ring .in small{font-size:10px;color:var(--muted);display:block}
  .leg{display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--body);flex:1}
  .leg div{display:flex;align-items:center;gap:9px;padding:1px 0} .leg i{width:10px;height:10px;border-radius:3px;flex:0 0 auto} .leg b{color:var(--ink);margin-left:auto;font-weight:700}
  /* SVG donut — зайтай сегмент, голлосон төв */
  .dnt{position:relative;width:112px;height:112px;flex:0 0 auto}
  .dnt svg{display:block}
  .dnt .ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
  .dnt .ctr b{font-size:20px;font-weight:800;line-height:1;color:var(--ink);letter-spacing:-.01em}
  .dnt .ctr small{font-size:10px;color:var(--muted);margin-top:3px;font-weight:500}

  table{width:100%;border-collapse:collapse}
  th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;padding:0 0 10px}
  td{padding:8px 0;border-top:1px solid var(--line);font-size:13px;color:var(--body)}
  td.n{text-align:right;color:var(--ink);font-weight:600}
  td.nm{color:var(--ink);font-weight:600}
  .chdot{width:8px;height:8px;border-radius:3px;display:inline-block;margin-right:9px;vertical-align:middle}
  .tdl{font-size:10.5px;font-weight:700;margin-left:6px;white-space:nowrap}
  .tdl.up{color:var(--green-d)} .tdl.dn{color:var(--red)}
  td.hl{color:var(--ink);font-weight:700}
  .sectitle{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin:28px 2px 14px}
  .sectitle::before{content:"";width:3px;height:14px;background:var(--blue);border-radius:2px;flex:0 0 auto}
  .sectitle::after{content:"";flex:1;height:1px;background:var(--line)}
  /* Channel logos (жинхэнэ, жижиг цэвэрхэн) */
  .clogo{width:17px;height:17px;flex:0 0 auto;margin-right:10px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
  .clogo.mask{background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
  .clogo img{width:100%;height:100%;object-fit:contain}
  .clogo.agoda{background:#5C2FC2;color:#fff;border-radius:5px;font-size:10px;font-weight:800;font-style:italic}
  .leg .clogo{margin-right:0}
  /* Эвхэгддэг зүүн цэс */
  .app{transition:grid-template-columns .22s ease}
  .app.collapsed{grid-template-columns:74px 1fr}
  .side{overflow-x:hidden}
  .side .brand .mark{display:none;height:28px}
  .side .brand{cursor:pointer;justify-content:space-between}
  .side .brand .clp{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:rgba(255,255,255,.55);flex:0 0 auto}
  .side .brand:hover .clp{color:#fff;background:rgba(255,255,255,.1)}
  .side .brand .clp svg{width:18px;height:18px}
  .app.collapsed .side .brand .clp{display:none}
  .app.collapsed .side .brand{justify-content:center;padding:0}
  .app.collapsed .side .brand .full{display:none}
  .app.collapsed .side .brand .mark{display:block}
  .app.collapsed .side .grp{height:1px;font-size:0;margin:14px 16px;background:rgba(255,255,255,.09);overflow:hidden}
  .app.collapsed .side nav{display:flex;flex-direction:column;align-items:center}
  .app.collapsed .side a.nv{justify-content:center;align-items:center;gap:0;padding:0;font-size:0;position:relative;margin:3px 0;width:44px;height:44px;border-radius:13px}
  .app.collapsed .side a.nv .badge{position:absolute;top:6px;right:7px;font-size:0;width:8px;height:8px;padding:0;min-width:0}
  .app.collapsed .side a.nv .ndot{position:absolute;top:7px;right:8px;margin:0}
  .app.collapsed .side .foot{justify-content:center}
  .app.collapsed .side .foot > div:not(.ava),.app.collapsed .side .foot > svg{display:none}
  .burger{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
  .burger:hover{background:rgba(255,255,255,.1)}
  .burger svg{width:20px;height:20px;stroke:#fff;opacity:.9}
  /* ===== Mobile / tablet responsive ===== */
  .mnav{display:none;place-items:center;width:38px;height:38px;border-radius:11px;cursor:pointer;flex:0 0 auto}
  .mnav svg{width:23px;height:23px;stroke:#fff}
  .mnav:hover{background:rgba(255,255,255,.1)}
  .backdrop{display:none}
  @media(max-width:1080px){
    .app{grid-template-columns:1fr}
    .side{position:fixed;top:0;left:0;height:100dvh;width:272px;transform:translateX(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);z-index:200;box-shadow:0 0 60px rgba(0,0,0,.4)}
    .app.navopen .side{transform:none}
    .mnav{display:grid}
    .side .brand .clp{display:none}
    .backdrop{display:block;position:fixed;inset:0;background:rgba(11,17,32,.5);z-index:150;opacity:0;pointer-events:none;transition:opacity .26s}
    .app.navopen .backdrop{opacity:1;pointer-events:auto}
    /* drawer нь үргэлж бүтэн — collapse-г үл тоомсорло */
    .app.collapsed{grid-template-columns:1fr}
    .app.collapsed .side{width:272px}
    .app.collapsed .side .brand{justify-content:flex-start;padding:0 20px}
    .app.collapsed .side .brand .full{display:block}.app.collapsed .side .brand .mark{display:none}
    .app.collapsed .side .grp{height:auto;font-size:10px;margin:15px 12px 6px;background:none;overflow:visible}
    .app.collapsed .side nav{display:block}
    .app.collapsed .side a.nv{justify-content:flex-start;gap:12px;padding:9.5px 12px;font-size:14px;width:auto;height:auto;border-radius:11px;margin:0 0 2px}
    .app.collapsed .side a.nv .badge{position:static;font-size:11px;width:auto;height:auto;min-width:0;padding:1px 7px;margin-left:auto}
    .app.collapsed .side .foot{justify-content:flex-start}
    .app.collapsed .side .foot>div:not(.ava){display:block}
    /* сүлжээнүүд */
    .content{padding:16px 16px 40px}
    .ops{grid-template-columns:repeat(3,1fr)}
    .kpis{grid-template-columns:repeat(3,1fr)}
    .g-3-2,.g-2{grid-template-columns:1fr}
    .top{padding:0 14px;gap:10px}
    .top{padding-top:env(safe-area-inset-top)}
    .side{padding-top:env(safe-area-inset-top)}
    .toplogo{display:block;height:23px;flex:0 0 auto}
  }
  @media(max-width:680px){
    .ops{grid-template-columns:repeat(2,1fr)}
    .kpis{grid-template-columns:repeat(2,1fr)}
    .cmdbar{display:grid;grid-template-columns:1fr 1fr}
    .cmdbar .s+.s{border-left:none}
    .cmdbar .s{border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}
    .cmdbar .s:nth-child(-n+2){border-top:none}
    .cmdbar .s:nth-child(odd){border-left:none}
    .content{padding:14px 12px 34px}
    .phead h1,h1{font-size:21px}
    .tabs{width:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:8px 12px 0}
    .tabs::-webkit-scrollbar{display:none}
    .tabs button{flex:0 0 auto}
    .row>div:not(.ava){min-width:0;flex:1}
    .row .nm,.row .mt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .flashscroll{min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
    .flashscroll table{min-width:420px}
    .flashscroll td.n{white-space:nowrap}
  }
  @media(max-width:440px){
    .ops,.kpis{grid-template-columns:1fr 1fr}
    .top .search{font-size:0;flex:0 0 auto;width:40px;max-width:40px;padding:9px;justify-content:center}
    .top .search svg{margin:0}
    .top .sp{flex:1}
    .top .btn{font-size:0;width:40px;padding:0;justify-content:center;gap:0}
    .btn svg{margin:0}
  }
  /* ===== Гар утасны доод цэс (mobile bottom tab bar) ===== */
  .tabbar{display:none}
  @media(max-width:768px){
    .mnav{display:none}
    .content{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
    .tabbar{display:grid;grid-template-columns:repeat(5,1fr);
      position:fixed;left:0;right:0;bottom:0;z-index:120;
      background:#fff;border-top:1px solid var(--line);border-radius:20px 20px 0 0;
      padding:6px 4px env(safe-area-inset-bottom);
      box-shadow:0 -10px 34px -14px rgba(28,42,80,.30)}
    .tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
      min-height:52px;color:var(--muted);font-family:inherit;font-size:10.5px;font-weight:700;
      letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}
    .tabbar a::before{content:"";position:absolute;top:3px;left:50%;
      width:56px;height:30px;border-radius:15px;background:var(--blue-lite);
      transform:translateX(-50%) scale(.7);opacity:0;
      transition:opacity .2s,transform .22s cubic-bezier(.34,1.4,.5,1)}
    .tabbar a.on::before{opacity:1;transform:translateX(-50%) scale(1)}
    .tabbar a svg{position:relative;z-index:1;width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;transition:transform .15s}
    .tabbar a span{position:relative;z-index:1;line-height:1;white-space:nowrap}
    .tabbar a.on{color:var(--blue)}
    .tabbar a.on svg{stroke-width:2}
    .tabbar a:not(.on):active::before{background:var(--page);opacity:1;transform:translateX(-50%) scale(1)}
    .tabbar a:active svg{transform:scale(.88)}
    /* Төвийн өргөгдсөн «+ Шинэ захиалга» */
    .tabbar .tb-new{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;border:none;background:none;font-family:inherit;font-size:10.5px;font-weight:700;letter-spacing:-.01em;color:var(--blue);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0}
    .tabbar .tb-new .fab{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;margin-top:-22px;background:linear-gradient(135deg,#4E86FF,#2E5FE0);box-shadow:0 10px 22px -8px rgba(46,95,224,.7);border:3px solid #fff;transition:transform .14s}
    .tabbar .tb-new .fab svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2.6}
    .tabbar .tb-new:active .fab{transform:scale(.92)}
    .tabbar .tb-new .l{line-height:1}
  }
  /* ===== Property switcher ===== */
  .side .hotel{appearance:none;-webkit-appearance:none;width:100%;font:inherit;color:#fff;text-align:left}
  .side .hotel .ava{position:relative;background:linear-gradient(135deg,#5E8CFF,var(--pc,#3C76FE))}
  .side .hotel .chev{transition:transform .18s}
  .side .hotel[aria-expanded="true"] .chev{transform:rotate(180deg)}
  .ava .sdot,.pm-ava .sdot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--shell)}
  .pm-ava .sdot{border-color:#fff}
  .ava .sdot.ok,.pm-ava .sdot.ok{background:var(--green)} .ava .sdot.warn,.pm-ava .sdot.warn{background:var(--amber)} .ava .sdot.off,.pm-ava .sdot.off{background:var(--muted)}
  /* topbar property switcher */
  .top .hotel{appearance:none;-webkit-appearance:none;display:flex;align-items:center;gap:9px;height:40px;padding:0 9px 0 6px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.05);cursor:pointer;font:inherit;color:rgba(255,255,255,.55);flex:0 0 auto;max-width:212px;transition:background .15s,border-color .15s}
  .top .hotel:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.18)}
  .top .hotel[aria-expanded="true"]{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22)}
  .top .hotel .ava{position:relative;width:28px;height:28px;border-radius:8px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;background:var(--pc,#3C76FE);color:#fff;font-weight:800;font-size:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
  .top .hotel .ava img{width:100%;height:100%;object-fit:cover;display:block}
  .top .hotel .ava.co{background:rgba(255,255,255,.12)}
  .top .hotel .ava.co img{object-fit:contain;padding:5px}
  .top .hotel .txt{min-width:0;text-align:left;line-height:1.1}
  .top .hotel .nm{font-size:12.5px;font-weight:600;letter-spacing:-.01em;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top .hotel .sub{font-size:10px;color:rgba(255,255,255,.5);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top .hotel .chev{flex:0 0 auto;transition:transform .18s;opacity:.8}
  .top .hotel[aria-expanded="true"] .chev{transform:rotate(180deg)}
  @media(max-width:768px){.top .hotel .txt{display:none}.top .hotel{max-width:none;padding:0 8px}.top .search{display:none}}
  .propmenu{position:fixed;width:300px;max-width:calc(100vw - 24px);background:#fff;border-radius:16px;box-shadow:0 24px 48px -18px rgba(11,17,32,.55);z-index:300;overflow:hidden;color:var(--ink);animation:pmIn .16s ease}
  @keyframes pmIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .pm-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 6px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
  .pm-head b{color:var(--ink);font-size:12px}
  .pm-owner{padding:0 16px 8px;font-size:11.5px;color:var(--muted);font-weight:500;border-bottom:1px solid var(--line);margin-bottom:6px}
  .pm-owner b{color:var(--body);font-weight:700}
  .pm-search{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:0 11px;height:38px;background:var(--page);border-radius:10px}
  .pm-search svg{width:15px;height:15px;stroke:var(--muted);fill:none}
  .pm-search input{border:none;outline:none;background:none;font:inherit;font-size:13.5px;font-weight:500;flex:1;color:var(--ink)}
  .pm-list{max-height:300px;overflow-y:auto;padding:0 8px}
  .pm-row{display:flex;align-items:center;gap:11px;width:100%;border:none;background:none;font:inherit;padding:9px 10px;border-radius:11px;cursor:pointer;text-align:left;transition:background .12s}
  .pm-row:hover{background:var(--page)}
  .pm-row.on{background:var(--blue-lite)}
  .pm-ava{position:relative;width:34px;height:34px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#5E8CFF,var(--pc,#3C76FE));color:#fff;font-weight:700;font-size:14px}
  .pm-tx{flex:1;min-width:0}
  .pm-tx b{display:block;font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pm-tx em{font-style:normal;font-size:11.5px;font-weight:500;color:var(--muted)}
  .pm-tx em.warn{color:var(--amber-ink)}
  .pm-chk{width:18px;height:18px;flex:0 0 auto;stroke:var(--blue);fill:none}
  .pm-foot{border-top:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:2px}
  .pm-act{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;font:inherit;font-size:13.5px;font-weight:700;color:var(--blue);padding:10px;border-radius:10px;cursor:pointer;text-align:left}
  .pm-act svg{width:17px;height:17px;stroke:var(--blue);fill:none}
  .pm-act:hover{background:var(--blue-lite)}
  .pm-act.ghost{color:var(--body)} .pm-act.ghost svg{stroke:var(--body)}
  .pm-act.ghost:hover{background:var(--page)}
  #userBtn{cursor:pointer}
  .side .foot{appearance:none;-webkit-appearance:none;background:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}
  .side .foot .footchev{margin-left:auto;flex:0 0 auto;transition:transform .18s}
  .side .foot[aria-expanded="true"] .footchev{transform:rotate(180deg)}
  .side .foot:hover{filter:brightness(1.14)}
  /* toast */
  .toasts{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:400;display:flex;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:400px;pointer-events:none}
  .toast{display:flex;align-items:center;gap:11px;background:var(--ink);color:#fff;border-radius:12px;padding:12px 15px;box-shadow:0 14px 34px -10px rgba(0,0,0,.4);opacity:0;transform:translateY(12px);transition:.3s}
  .toast.in{opacity:1;transform:none}
  .toast .ti{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;flex:0 0 auto;background:var(--green)}
  .toast.warn .ti{background:var(--amber)} .toast.err .ti{background:var(--red)}
  .toast .tt{font-size:13.5px;font-weight:700}

/* ── Дундын компонент (дизайн нийцэл — бүх хуудас ашиглана) ── */
.demo-badge{display:inline-block;vertical-align:middle;margin-left:8px;padding:3px 9px;border-radius:999px;background:var(--blue-lite);color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.04em}
.pbtn{border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:13px;font-weight:700;padding:9px 15px;border-radius:11px;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:7px;justify-content:center}
.pbtn:hover{border-color:var(--blue);color:var(--blue)}
.pbtn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.pbtn.primary:hover{background:var(--blue-2)}
.pbtn.danger{color:var(--red);border-color:var(--line)}
.pbtn.danger:hover{border-color:var(--red);background:var(--red-bg)}
.srch{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);padding:11px 15px;margin-bottom:16px}
.srch svg{width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:2;flex:0 0 auto}
.srch input{border:0;outline:0;font:inherit;font-size:14px;color:var(--ink);width:100%;background:transparent}
/* Модулийн таб (Санхүү / Тохиргоо доторх дэд дэлгэц хооронд шилжих) */
.modtabs{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:5px;margin-bottom:18px;overflow-x:auto}
.modtabs button{border:0;background:none;font:inherit;font-size:13.5px;font-weight:700;color:var(--body);padding:9px 16px;border-radius:10px;cursor:pointer;white-space:nowrap}
.modtabs button.on{background:var(--blue);color:#fff}
.modtabs button:not(.on):hover{background:var(--page)}

/* ── Дундын примитив (2026-08 дизайн-нийцлийн аудитаар proto.css руу дэвшүүлсэн) ── */
/* Статус чип нэмэлт өнгө (одоо байгаа .tag.g/.b/.a-тай нэг хэл) */
.tag.r{background:var(--red-bg);color:var(--red)}
.tag.n{background:var(--page);color:var(--muted)}
/* Улаан callout (одоо байгаа .note шар callout-ын хувилбар) */
.note.r{background:var(--red-bg);border-color:var(--red-line)}
.note.r .m{color:var(--red)}
/* Жижиг товч (.pbtn-ийн жижиг хэмжээ) */
.pbtn.sm{height:26px;padding:0 11px;font-size:11.5px;border-radius:9px}
/* Хэсгийн гарчиг — том үсэгт eyebrow (өмнө settings.css-д scoped байсан) */
.set-sech{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:22px 2px 10px}
.set-sech:first-child{margin-top:2px}
/* Стандарт талбар (өмнө settings.css-д scoped байсан) */
.fld{margin-bottom:14px}.fld.full{grid-column:1/-1}
.fld label{display:block;font-size:12.5px;font-weight:700;color:var(--body);margin-bottom:6px}
.fld input,.fld select,.fld textarea{width:100%;height:44px;border:1px solid var(--line);border-radius:11px;font:inherit;font-size:14px;font-weight:600;padding:0 14px;color:var(--ink);outline:none;background:#fff}
.fld textarea{height:auto;padding:11px 14px;line-height:1.5;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(60,118,254,.12)}
.fld input[readonly]{background:var(--page);color:var(--body);cursor:default}
/* Компакт баннер + явцын цэг + алхмын мөр (өмнө p-home.js-д scoped байсан setup-guide хэл) */
.sg-banner{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);padding:8px 9px 8px 13px;transition:border-color .14s}
.sg-banner:hover{border-color:var(--line-2)}
.sg-dots{display:flex;gap:5px;flex:0 0 auto;align-items:center}
.sg-dot{width:6px;height:6px;border-radius:50%;background:var(--line-2);transition:.2s}
.sg-dot.done{background:var(--green)}
.sg-dot.next{background:var(--blue);box-shadow:0 0 0 3px rgba(60,118,254,.16)}
.sg-line{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.sg-line em{font-style:normal;font-weight:500;color:var(--muted)}
.sg-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 13px;border:none;border-radius:8px;background:var(--blue);color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .14s}
.sg-cta:hover{background:var(--blue-2)}
.sg-cta svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.4}
.sg-ico{flex:0 0 auto;width:28px;height:28px;border:none;background:none;border-radius:7px;color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:.14s}
.sg-ico:hover{background:var(--page);color:var(--body)}
.sg-ico svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s}
.sg-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:7px 8px;cursor:pointer;font:inherit;transition:background .12s}
.sg-item:hover{background:var(--page)}
.sg-di{width:24px;height:24px;border-radius:7px;flex:0 0 auto;display:grid;place-items:center;background:var(--page);border:1px solid var(--line);color:var(--body)}
.sg-di svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9}
.sg-item.done .sg-di{background:var(--green-bg);border-color:transparent;color:var(--green-d)}
.sg-item.done .sg-di svg{stroke-width:2.6}
.sg-item.next .sg-di{background:var(--blue);border-color:var(--blue);color:#fff}
.sg-il{flex:1;min-width:0;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-il b{font-weight:700;color:var(--ink)}
.sg-il em{font-style:normal;font-weight:500;color:var(--muted);margin-left:7px}
.sg-item.done .sg-il b{color:var(--body)}
.sg-ist{flex:0 0 auto;font-size:11.5px;font-weight:700;color:var(--muted);opacity:.55}
.sg-item.done .sg-ist{color:var(--green-d);opacity:1}
.sg-item.next .sg-ist{color:var(--blue-2);opacity:1}
/* Key/value мөр (гэрээ/төлөв/дэлгэрэнгүй жагсаалт) */
.an-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}
.an-row:last-child{border-bottom:none}
.an-row .an-k{font-size:12.5px;color:var(--muted);font-weight:600;flex:0 0 auto}
.an-row .an-v{font-size:13px;color:var(--ink);font-weight:700;text-align:right;letter-spacing:-.01em}
.an-row .an-v small{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin-top:1px}
.an-chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
.an-chips .tag{margin-left:0}

/* ── Дундын примитив — 2026-08-12 иж бүрэн дизайн аудитаар дэвшүүлсэн ──
   Шинэ дэлгэц эдгээрийг ШУУД ашиглана; local хуулбар/дуураймал ХОРИГЛОНО. */
/* Хуудасны толгойн цэнхэр товч (өмнө 13 дэлгэцийн CSS-д давхардаж байсан) */
.btn.primary{background:var(--blue);color:#fff}
.btn.primary svg{stroke:#fff}
/* Хяналтын мөр — phead доорх шүүлтүүр/товчны эгнээ */
.ctrls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ctrls>*{min-width:0}
/* Toggle switch */
.tgl{width:40px;height:23px;border-radius:20px;background:var(--line-2);position:relative;cursor:pointer;flex:0 0 auto;transition:background .2s}
.tgl::after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.tgl.on{background:var(--green)}.tgl.on::after{left:19px}
/* KPI туслах мөр */
.kpi .kpi-sub{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:4px}
.kpi .kpi-sub.ok{color:var(--green-d)} .kpi .kpi-sub.warn{color:var(--amber-ink)} .kpi .kpi-sub.bad{color:var(--red)}
/* Хоосон төлөв */
.empty{text-align:center;color:var(--muted);padding:48px 20px;font-weight:600;grid-column:1/-1}
/* Баруун талын drawer кит (өмнө guests/invoices/channels/partners-д давхардаж байсан) */
.ov-back{position:fixed;inset:0;background:rgba(11,17,32,.5);z-index:290;opacity:0;pointer-events:none;transition:opacity .25s}
.ov-back.show{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;height:100dvh;width:440px;max-width:94vw;background:var(--page);z-index:300;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-20px 0 50px -12px rgba(28,42,80,.4);display:flex;flex-direction:column}
.drawer.show{transform:none}
.dr-h{background:var(--card);padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:12px}
.dr-h .av{width:44px;height:44px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,#5E8CFF,#3C76FE)}
.dr-h .nm{font-size:17px;font-weight:800}
.dr-h .sb{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:2px}
.dr-x{margin-left:auto;border:none;background:var(--page);width:34px;height:34px;border-radius:9px;font-size:16px;color:var(--body);cursor:pointer;flex:0 0 auto}
.dr-body{flex:1;overflow-y:auto;padding:16px 18px calc(24px + env(safe-area-inset-bottom))}
.dcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px}
.dcard h4{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:11px}
.li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;font-size:13.5px;border-top:1px solid var(--gridline)}
.li:first-of-type{border-top:none}
.li .d{color:var(--body);font-weight:600}
.li .a{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.dact{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}
.dact button{flex:1;min-width:120px;height:44px;border-radius:11px;border:1px solid var(--line);background:var(--card);font:inherit;font-size:13.5px;font-weight:700;color:var(--body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s}
.dact button:hover{border-color:var(--blue);color:var(--blue)}
.dact button svg{width:16px;height:16px;stroke:currentColor}
.dact button.p{background:var(--blue);color:#fff;border-color:var(--blue)}
.dact button.p:hover{background:var(--blue-2);color:#fff}
.dact button.danger{color:var(--red)}
.dact button.danger:hover{border-color:var(--red);background:var(--red-bg);color:var(--red)}
.dact button.gold{background:var(--gold-bg);border-color:var(--gold-line);color:var(--gold-ink)}
.dact button.gold svg{fill:var(--gold-ink);stroke:none}
/* Доод sheet кит (мобайл үйлдлийн хуудас) */
.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,100%);width:100%;max-width:460px;background:#fff;border-radius:20px 20px 0 0;z-index:300;transition:transform .28s cubic-bezier(.4,0,.2,1);padding:8px 18px calc(20px + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;box-shadow:0 -20px 50px -12px rgba(28,42,80,.4)}
.sheet.show{transform:translate(-50%,0)}
.grab{width:38px;height:4px;border-radius:3px;background:var(--line-2);margin:2px auto 12px}
.sh-h{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.sh-t{font-size:17px;font-weight:800}
.sh-s{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:2px}
.sh-x{border:none;background:var(--page);width:32px;height:32px;border-radius:9px;font-size:15px;color:var(--body);cursor:pointer;flex:0 0 auto}
/* Компанийн хүснэгт — CO_CONTRACT канон (co-hotels-оос дэвшүүлсэн) */
.htbl-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:16px}
.htbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:820px}
.htbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--line)}
.htbl th.r,.htbl td.r{text-align:right}
.htbl td{padding:12px 14px;border-bottom:1px solid var(--gridline);vertical-align:middle}
.htbl tbody tr:last-child td{border-bottom:0}
.htbl tbody tr{cursor:pointer;transition:.12s}
.htbl tbody tr:hover{background:var(--blue-lite)}
.htbl .htl{display:flex;align-items:center;gap:10px}
.htbl .htl .ava{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#5E8CFF,#3C76FE);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex:0 0 auto}
/* Funnel — ХАВТГАЙ токен өнгө (data-viz bar-т gradient/glow ХОРИГЛОНО) */
.funnel{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.frow{display:flex;align-items:center;gap:12px}
.frow .fname{width:150px;flex:0 0 auto;font-size:12.5px;font-weight:600;color:var(--body);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.frow .ftrack{flex:1;min-width:0}
.frow .fbar{height:32px;min-width:44px;border-radius:9px;background:var(--blue-2);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;font-variant-numeric:tabular-nums}
.frow.win .fbar{background:var(--green-d)}
.frow .fpct{width:52px;flex:0 0 auto;text-align:right;font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
/* Сувгийн мөр + нэгж шошго (co-home/co-analytics/night-audit хамтын хэл) */
.chn{padding:14px 18px 6px;display:flex;flex-direction:column;gap:13px}
.chrow{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;gap:12px}
.chrow .cl{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink);min-width:0}
.chrow .cl img{width:16px;height:16px;border-radius:4px;object-fit:cover;flex:0 0 auto}
.chrow .cl .wglobe{width:16px;height:16px;flex:0 0 auto;stroke:var(--muted);fill:none;stroke-width:1.8}
.gunit{font-size:11.5px;color:var(--muted);font-weight:600}
.gunit b{color:var(--body)}

/* Демо буудлын шошго (property switcher) — демо/бодитыг андуурахгүй (P0-6) */
.pm-demo{display:inline-block;vertical-align:middle;margin-left:7px;padding:1px 7px;border-radius:6px;background:var(--blue-lite);color:var(--blue-2);font-size:9.5px;font-weight:800;letter-spacing:.04em}