/* CariRelasi Professional Business Theme — presentation layer only. */
:root{
  --navy:#0b1f3a;--navy-2:#133a67;--blue:#2256d9;--blue-2:#1647c4;--blue-soft:#eef4ff;
  --ink:#17243b;--muted:#66758a;--line:#e2e8f0;--line-strong:#d5deea;--bg:#f7f9fc;--card:#fff;
  --ok:#087a55;--ok-bg:#eaf8f2;--warn:#9a6400;--warn-bg:#fff6df;--bad:#b42318;--bad-bg:#fff0ee;
  --violet:#5b43c4;--violet-bg:#f1efff;--radius:14px;--radius-lg:22px;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 10px 28px rgba(15,23,42,.055);
  --shadow-hover:0 2px 5px rgba(15,23,42,.06),0 18px 42px rgba(15,23,42,.10);
  --font:Inter,"Plus Jakarta Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 8% 0%,rgba(34,86,217,.045),transparent 28rem),var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
::selection{background:#dbe8ff;color:var(--navy)}
.shell{width:min(1240px,100% - 40px)}.section{padding:64px 0}.section-sm{padding:38px 0}.help{color:var(--muted);font-size:13.5px}
h1,h2,h3,h4{color:var(--ink);letter-spacing:-.025em;font-weight:760}h1{font-size:clamp(30px,3.4vw,48px)}h2{font-size:clamp(23px,2.1vw,32px)}h3{font-size:17px}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:.16em;color:var(--blue);margin-bottom:10px}.eyebrow::before{content:"";width:16px;height:2px;border-radius:99px;background:currentColor;opacity:.7}.eyebrow-light{color:#b7ceff}
.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(213,222,234,.82);box-shadow:0 1px 0 rgba(15,23,42,.02);backdrop-filter:blur(14px) saturate(140%)}
.topbar-inner{min-height:72px;padding:10px 0}.brand{gap:11px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--navy),#1d58a0);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 20px rgba(11,31,58,.17);font-size:13px;letter-spacing:.04em}.brand-text strong{font-size:16px;letter-spacing:-.02em}.brand-text small{font-size:10.5px;letter-spacing:.01em;color:#7a8799}
.topnav{gap:5px}.topnav>a:not(.btn){padding:9px 11px;border-radius:9px;color:#3c4b62;font-weight:650}.topnav>a:not(.btn):hover{background:#f2f6fb;color:var(--navy);text-decoration:none}.topnav .btn{margin-left:5px}.icon-link{width:38px;height:38px;display:grid;place-items:center;padding:0!important}.nav-toggle{border-color:var(--line-strong);box-shadow:0 1px 2px rgba(15,23,42,.05)}
.btn{min-height:42px;padding:10px 17px;border-radius:10px;background:linear-gradient(180deg,#2c60df,var(--blue));border-color:#1f50c7;box-shadow:0 1px 2px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.18);font-weight:720;letter-spacing:-.005em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.btn:hover{background:linear-gradient(180deg,#2557d1,#1748bd);box-shadow:0 5px 14px rgba(34,86,217,.22);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-sm{min-height:34px;padding:7px 12px;border-radius:8px}.btn-lg{min-height:50px;padding:13px 21px;border-radius:11px}.btn-ghost{background:#fff;color:#324056;border-color:var(--line-strong);box-shadow:0 1px 2px rgba(15,23,42,.035)}.btn-ghost:hover{background:#f8fafc;color:var(--navy);border-color:#c8d3e1;box-shadow:0 4px 12px rgba(15,23,42,.07)}.btn-danger{background:linear-gradient(180deg,#c23a30,var(--bad));border-color:#a61e15}
.card,.form-card,.kpi,.stat-card,.thread-list,.chat-panel,.table-wrap{border-color:var(--line);box-shadow:var(--shadow)}.card{border-radius:16px;padding:23px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}a.card:hover,.biz-card:hover,.prod-card:hover,.match-card:hover{border-color:#d3deed;box-shadow:var(--shadow-hover);transform:translateY(-2px);text-decoration:none}.card.soft{background:linear-gradient(145deg,#f4f8ff 0%,#fff 72%);border-color:#dce7f6}.grid{gap:20px}.section-head{margin:32px 0 18px;align-items:flex-end}.section-head>div>p{max-width:680px}
.field label{font-size:12.8px;color:#334155;letter-spacing:.005em}input[type=text],input[type=email],input[type=password],input[type=url],input[type=date],input[type=number],input[type=search],select,textarea{min-height:44px;border-color:var(--line-strong);border-radius:10px;background:#fff;box-shadow:inset 0 1px 1px rgba(15,23,42,.018);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea{min-height:110px}input::placeholder,textarea::placeholder{color:#9aa7b7}input:focus,select:focus,textarea:focus{outline:0;border-color:#6d93ef;box-shadow:0 0 0 3px rgba(34,86,217,.12);background:#fff}input[type=file]{border-color:var(--line-strong);background:#f8fafc;padding:11px}.form-card{border-radius:18px;padding:28px}fieldset{border-color:var(--line-strong);background:#fbfcfe}.choice{border-color:var(--line-strong);background:#fff}.choice:hover{border-color:#b9cae5;background:#f8fbff}.password-toggle{background:#edf2f8;color:#3d4b61}.toolbar,.filter-bar{border-color:var(--line);box-shadow:0 6px 20px rgba(15,23,42,.035);background:#fff}.toolbar{padding:17px;border-radius:15px}.filter-bar{padding:13px;border-radius:13px}
.badge,.chip,.trust{border:1px solid transparent}.chip{background:#f0f5ff;color:#244b96;border-color:#dce7fa;padding:4px 9px}.notice{background:#f1f6ff;border-color:#cfdef9;color:#294564}.alert{border-radius:11px}.empty-state{background:#fff;border-color:#cfd9e6;padding:40px 26px}
.table-wrap{border-radius:14px;background:#fff}th,td{padding:13px 15px}th{background:#f8fafc;color:#64748b;font-size:10.5px;letter-spacing:.075em;border-bottom-color:#e6ebf2}td{border-bottom-color:#edf1f5}tbody tr{transition:background .12s ease}tbody tr:hover{background:#f9fbfe}tr.row-best{background:#f2fbf7}
.hero{position:relative;overflow:hidden;color:var(--ink);background:radial-gradient(circle at 86% 10%,rgba(34,86,217,.12),transparent 27rem),radial-gradient(circle at 70% 105%,rgba(8,122,85,.08),transparent 22rem),linear-gradient(180deg,#fbfdff 0%,#f2f6fc 100%);padding:76px 0 42px;border-bottom:1px solid var(--line)}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(36,75,150,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,75,150,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 85%)}.hero .shell{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:58px;align-items:center}.hero-copy{max-width:720px}.hero h1{max-width:15ch;margin-bottom:18px;color:var(--navy);font-size:clamp(38px,4.5vw,62px);line-height:1.07;letter-spacing:-.045em}.hero-accent{color:var(--blue)}.hero p{max-width:62ch;color:#5a6b82;font-size:17px;line-height:1.72}.hero .eyebrow-light{color:var(--blue)}.hero-actions{margin-top:26px;gap:10px}.hero .btn-ghost{background:#fff;color:#324056;border-color:var(--line-strong)}.hero .btn-ghost:hover{background:#f8fafc;color:var(--navy);border-color:#c6d2e1}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#526176;font-size:12.5px;font-weight:650}.hero-proof span{display:inline-flex;align-items:center;gap:7px}.hero-proof span::before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e9f7f1;color:var(--ok);font-size:11px;font-weight:900}
.hero-panel{position:relative;background:#fff;border:1px solid #d9e3f0;border-radius:20px;box-shadow:0 24px 60px rgba(11,31,58,.12);padding:22px}.hero-panel::after{content:"";position:absolute;inset:11px -11px -11px 11px;z-index:-1;border:1px solid rgba(34,86,217,.12);border-radius:20px;background:rgba(238,244,255,.6)}.hero-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #edf1f6}.hero-panel-head strong{font-size:14px;color:var(--navy)}.hero-panel-head span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ok);background:var(--ok-bg);padding:5px 8px;border-radius:999px}.hero-flow{display:grid;gap:0;margin-top:9px}.hero-flow-item{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;position:relative}.hero-flow-item:not(:last-child)::after{content:"";position:absolute;left:18px;top:47px;bottom:-4px;width:1px;background:#dbe4f0}.hero-flow-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:var(--blue);font-weight:850;font-size:13px}.hero-flow-item strong{display:block;font-size:13.5px;margin-bottom:2px}.hero-flow-item small{display:block;color:var(--muted);font-size:12px;line-height:1.5}.hero-panel-note{display:flex;gap:9px;align-items:flex-start;margin-top:10px;padding:12px;border-radius:11px;background:#f7fafc;border:1px solid #e5ebf2;font-size:11.5px;color:#58677b}.hero-panel-note b{color:var(--navy)}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:52px;padding:0;border:1px solid #dce5ef;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(15,23,42,.045)}.hero-stats div{padding:19px 22px;min-width:0}.hero-stats div+div{border-left:1px solid #e5ebf2}.hero-stats div strong{font-size:25px;color:var(--navy);line-height:1.1}.hero-stats div span{display:block;color:#718097;font-size:11.5px;margin-top:4px}
.home-intro{background:#fff;border-bottom:1px solid var(--line)}.home-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.home-intro-copy p{color:var(--muted);max-width:58ch}.business-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.business-point{padding:18px;border-radius:14px;background:#f8fafc;border:1px solid var(--line)}.business-point b{display:block;color:var(--navy);font-size:13.5px;margin-bottom:5px}.business-point span{display:block;color:var(--muted);font-size:12.5px;line-height:1.55}
.process-card{position:relative;padding-top:56px!important;min-height:220px}.process-num{position:absolute;top:22px;left:22px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#edf3ff;border:1px solid #d7e4fb;color:var(--blue);font-size:11.5px;font-weight:900}.process-card h3{font-size:16px}.process-card p{font-size:13px;line-height:1.65}
.solutions-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.solution-card{padding:0;overflow:hidden}.solution-top{height:5px;background:linear-gradient(90deg,var(--blue),#5b89ed)}.solution-body{padding:24px}.solution-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);font-weight:850;margin-bottom:16px}.solution-card p{color:var(--muted);font-size:13.5px}
.home-cta{position:relative;overflow:hidden;text-align:center;padding:48px 32px!important;background:linear-gradient(135deg,var(--navy),#143f70)!important;border-color:transparent!important;box-shadow:0 20px 46px rgba(11,31,58,.14)!important}.home-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(91,137,237,.35),transparent 22rem)}.home-cta>*{position:relative}.home-cta h2,.home-cta .eyebrow{color:#fff}.home-cta .help{color:#c6d5e7}.home-cta .btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}.home-cta .btn-ghost:hover{background:rgba(255,255,255,.15);color:#fff}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),#153e6c);padding:52px 0;border-bottom:1px solid rgba(255,255,255,.08)}.page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 35%,rgba(85,136,238,.3),transparent 26rem);pointer-events:none}.page-hero .shell{position:relative;z-index:1}.page-hero h1{color:#fff;max-width:760px;font-size:clamp(30px,3.4vw,43px)}.page-hero p{color:#c3d2e5;max-width:720px;font-size:15px}
.biz-card{border-radius:17px}.biz-cover{height:145px;background:linear-gradient(135deg,#e8eef7,#f5f8fc)}.biz-body{padding:20px}.biz-logo{width:56px;height:56px;border-radius:14px;border-width:4px;margin-top:-48px}.biz-card h3{font-size:17px;margin-top:3px}.biz-foot{border-top:1px solid #edf1f5;margin-top:15px;padding-top:14px}.prod-card{border-radius:17px}.prod-img{height:180px;background:#f1f4f8}.profile-cover{height:250px;border-radius:20px;background:linear-gradient(135deg,#e7edf6,#f6f8fb)}.profile-logo{border-radius:18px}.match-score{background:#eaf8f2;border:1px solid #cfece0}
.dash{grid-template-columns:262px minmax(0,1fr);gap:28px;padding:30px 0 50px}.sidebar{border-color:#dfe6ef;border-radius:16px;padding:12px;top:88px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.sidebar-head{padding:9px 8px 16px;margin-bottom:7px}.sidebar-label{color:#8290a3;padding:14px 10px 5px}.sidebar a{padding:10px 11px;border-radius:9px;color:#425067;font-size:13px;font-weight:650}.sidebar a:hover{background:#f2f6fb;color:var(--navy)}.sidebar a.active{background:#eef4ff;color:#17479c;box-shadow:inset 3px 0 0 var(--blue)}.sidebar a.active .pill{background:var(--blue);color:#fff}.sidebar .pill{background:#eaf0f8;color:#46566d}
.hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),#174675);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:30px;box-shadow:0 16px 38px rgba(11,31,58,.15)}.hero-card::after{content:"";position:absolute;right:-80px;top:-110px;width:310px;height:310px;border-radius:50%;background:rgba(75,127,232,.18);pointer-events:none}.hero-card>*{position:relative;z-index:1}.hero-card h1{color:#fff;font-size:28px}.hero-card p{color:#c7d7ea}.health{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.09);backdrop-filter:blur(6px)}.health div strong{color:#fff}.kpis{gap:15px}.kpi{border-radius:14px;padding:18px}.kpi strong{font-size:22px;color:var(--navy)}.stat-card{border-radius:14px;padding:18px}.stat-card:hover{border-color:#bcd0ee;box-shadow:var(--shadow-hover)}.steps{gap:13px}.step{border-color:var(--line);border-radius:12px;padding:15px}.step:hover{border-color:#b5c8e5;background:#fbfdff}.action-card{min-height:104px;padding:20px}.action-card .ico{width:44px;height:44px;border:1px solid #dce7fb;background:#eff4ff;color:#2756b3}
.doc-card{border-radius:17px}.doc-total{background:#f8fafc;border-color:var(--line)}.thread-list,.chat-panel{border-radius:15px}.thread{padding:15px}.thread.active{background:#edf4ff;box-shadow:inset 3px 0 0 var(--blue)}.chat-head{background:#fbfcfe;border-radius:15px 15px 0 0}.bubble{background:#f0f4f8;border:1px solid #e6ebf1}.bubble.mine{background:#2557d1;border-color:#2557d1}
.auth{min-height:calc(100vh - 72px);background:#fff}.auth-side{position:relative;overflow:hidden;background:linear-gradient(145deg,#0a1c35,#123d6b);padding:70px clamp(28px,5vw,72px)}.auth-side::after{content:"";position:absolute;right:-180px;top:-100px;width:500px;height:500px;border-radius:50%;background:rgba(70,126,235,.14)}.auth-side>*{position:relative;z-index:1}.auth-side h1{color:#fff;font-size:clamp(32px,4vw,46px);max-width:11ch}.auth-side p{color:#c5d5e8;max-width:54ch}.auth-side .trust-list{color:#c7d8ec;gap:12px}.auth-main{background:linear-gradient(180deg,#fff,#f8fafc);padding:54px 28px}.auth-card{max-width:460px}.auth-card h2{font-size:26px;margin-bottom:20px}
.admin-nav{border-radius:13px;padding:6px;gap:4px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.admin-nav a{padding:9px 13px;border-radius:8px;color:#49586e;font-size:12.8px}.admin-nav a.active{background:#edf3ff;color:#17469a;box-shadow:inset 0 0 0 1px #d8e4fa}.admin-nav a:hover{background:#f4f7fb;color:var(--navy)}
.site-footer{margin-top:74px;padding:52px 0 22px;background:linear-gradient(145deg,#08182e,#0d2748);color:#b9c8db}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:44px}.footer-grid>div:first-child{min-width:min(100%,280px)}.footer-grid p{max-width:380px;color:#b9c8db;font-size:13.5px}.footer-grid h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff}.footer-grid a{color:#b9c8db;font-size:13px;padding:2px 0}.footer-grid a:hover{color:#fff;text-decoration:none}.footer-base{color:#8498b2;border-top-color:rgba(255,255,255,.1);padding-top:18px}
:focus-visible{outline:3px solid rgba(34,86,217,.27);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:1040px){.hero-grid{grid-template-columns:1fr;gap:34px}.hero-copy{max-width:760px}.hero h1{max-width:14ch}.hero-panel{max-width:720px}.home-intro-grid{grid-template-columns:1fr;gap:28px}.business-points{grid-template-columns:repeat(3,1fr)}.dash{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:3px}.sidebar-head,.sidebar-label{grid-column:1/-1}}
@media(max-width:760px){.shell{width:min(100% - 28px,1240px)}.section{padding:48px 0}.section-sm{padding:30px 0}.topbar-inner{min-height:64px}.brand-text small{display:none}.topnav{padding:8px 14px 14px;box-shadow:0 16px 32px rgba(15,23,42,.10)}.topnav>a:not(.btn){padding:11px 8px;border-radius:8px}.topnav .btn{margin:6px 0 0}.hero{padding:54px 0 30px}.hero h1{font-size:clamp(35px,10vw,48px);max-width:none}.hero p{font-size:15.5px}.hero-panel{padding:18px}.hero-stats{grid-template-columns:repeat(2,1fr);margin-top:34px}.hero-stats div:nth-child(3){border-left:0;border-top:1px solid #e5ebf2}.hero-stats div:nth-child(4){border-top:1px solid #e5ebf2}.business-points{grid-template-columns:1fr}.grid-2,.grid-3,.grid-4,.kpis,.steps,.form-row,.toolbar{grid-template-columns:1fr}.page-hero{padding:42px 0}.hero-card{grid-template-columns:1fr;padding:24px}.health{width:100%}.auth-side{padding:44px 24px}.auth-side h1{max-width:none}.auth-main{padding:36px 18px}.footer-grid{grid-template-columns:1fr;gap:28px}.site-footer{margin-top:54px;padding-top:42px}}
@media(max-width:480px){.hero-actions,.card-actions{align-items:stretch}.hero-actions .btn,.home-cta .btn{width:100%}.hero-stats{grid-template-columns:1fr}.hero-stats div+div{border-left:0;border-top:1px solid #e5ebf2}.hero-stats div:nth-child(3){border-top:1px solid #e5ebf2}.hero-panel-note{font-size:11px}.card,.form-card{padding:19px}.home-cta{padding:38px 20px!important}}
@media print{body{background:#fff}.topbar,.site-footer{display:none!important}}

/* ---------------------------------------------------------------------
   v6.3 — tambahan
   --------------------------------------------------------------------- */

/* Huruf Plus Jakarta Sans kini benar-benar dimuat di layout.
   Tumpukan cadangan tetap ada bila jaringan pengguna memblokir Google Fonts. */
:root{--font:"Plus Jakarta Sans",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}

/* Lompat ke konten: pengguna papan ketik tidak perlu menelusuri
   seluruh menu sebelum sampai ke isi halaman. */
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;padding:12px 18px;background:var(--navy);color:#fff;
  border-radius:0 0 10px 0;font-weight:700;font-size:13.5px}
.skip-link:focus{left:0;text-decoration:none}

/* Footer kini memuat lima kolom tautan. */
.footer-grid{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}
.footer-grid>div:first-child{grid-column:span 2;min-width:min(100%,300px)}
.footer-grid a{display:block}
@media(max-width:760px){.footer-grid>div:first-child{grid-column:auto}}

/* Kartu indeks kategori dan daerah. */
.grid a.card h3{margin-bottom:4px;color:var(--navy)}
.grid a.card:hover h3{color:var(--blue)}

/* Panel admin memakai sidebar tegak, sama seperti dashboard anggota.
   Sebelumnya tujuh menu berjejer mendatar dan terpotong di layar sempit. */
.dash-admin{padding:30px 0 50px}
.dash-main{min-width:0}                 /* tabel lebar menggulir di dalam kolomnya sendiri */
.sidebar-admin .sidebar-head small{color:var(--blue);font-weight:750}
.sidebar-admin a.active{background:linear-gradient(180deg,var(--navy-2),var(--navy));color:#fff;box-shadow:none}
.sidebar-admin a.active .ico{color:#fff}
.sidebar-admin .pill{background:var(--warn-bg);color:var(--warn);font-weight:800}
.sidebar-admin a.active .pill{background:#fff;color:var(--navy)}

/* Di bawah 1040px sidebar berubah menjadi kisi menu yang mengalir ke bawah,
   jadi tetap terbaca di tablet dan ponsel. */
@media(max-width:1040px){
  .dash-admin{padding:20px 0 40px}
  .sidebar-admin{margin-bottom:18px}
}

/* ------- Dasbor admin ------- */
.stat-card{display:flex;flex-direction:column;gap:2px}
.stat-card small{margin-top:4px;font-size:11.5px;line-height:1.45}
.stat-card strong{font-size:27px;line-height:1.15;color:var(--navy)}

/* Tabel ringkas di dalam kartu: tanpa bingkai, angka rata kanan. */
table.mini,table.queue-table{width:100%;border-collapse:collapse;margin-top:6px}
table.mini td,table.queue-table td{padding:9px 0;border-bottom:1px solid #eef2f7;font-size:13.5px;vertical-align:middle}
table.mini tr:last-child td,table.queue-table tr:last-child td{border-bottom:0}
table.mini td.num,table.queue-table td.num{text-align:right;font-weight:800;color:var(--navy);white-space:nowrap}
table.queue-table td.act{text-align:right;width:92px}
table.queue-table tr.is-zero td{color:var(--muted)}
table.queue-table tr.is-zero td.num{color:var(--muted);font-weight:650}

/* Diagram batang pendaftaran: murni CSS, tanpa pustaka tambahan. */
.spark{display:flex;align-items:flex-end;gap:10px;margin-top:16px;min-height:150px}
.spark-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}
.spark-col b{font-size:12.5px;font-weight:800;color:var(--navy)}
.spark-col i{display:block;width:100%;max-width:46px;border-radius:7px 7px 3px 3px;
  background:linear-gradient(180deg,#4a7ce8,var(--blue))}
.spark-col span{font-size:11px;color:var(--muted);font-weight:650}

/* CariRelasi Admin Control Center */
.sidebar-admin{max-height:calc(100vh - 105px);overflow-y:auto;scrollbar-width:thin}
.admin-command-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#0b1f3a,#174675);border-radius:16px;padding:20px 22px;margin:18px 0 22px;color:#fff;box-shadow:0 12px 30px rgba(11,31,58,.14)}
.admin-command-banner strong{display:block;font-size:18px;margin:3px 0}.admin-command-banner small{display:block;color:#cfdeef;max-width:820px}.admin-command-banner .eyebrow{color:#9fc0ff}
.admin-inline-form{display:grid;grid-template-columns:minmax(120px,1fr);gap:6px;min-width:180px}.admin-inline-form input,.admin-inline-form select{min-width:0}
.role-checks{display:flex;flex-wrap:wrap;gap:6px 10px;min-width:340px}.role-checks label{font-size:12px;white-space:nowrap}
.dash-admin .table-wrap table{min-width:860px}.dash-admin .table-wrap{overflow:auto}
@media(max-width:1040px){.sidebar-admin{max-height:none;overflow:visible}.admin-command-banner{align-items:flex-start;flex-direction:column}.role-checks{min-width:260px}}

/* CariRelasi 1.0 full control center additions */
.inline-form{display:grid;grid-template-columns:minmax(90px,1fr);gap:6px;min-width:180px}.inline-form input,.inline-form select{min-width:0}.input-sm{min-height:36px!important;padding:7px 9px!important;font-size:12px!important}.sidebar-admin .sidebar-label{margin-top:18px}.dash-admin .table-wrap table td form{margin:0}.dash-admin .action-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}.dash-admin .action-card span{color:var(--muted);font-size:13px}.dash-admin .mono{word-break:break-word}