/* KarirLuar v2.2.0 — alat persiapan (kalkulator, kesiapan, cover letter, tracker, harga) */
.kl-sr,.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Cap "Bukan agen" */
.kl-stamp{display:inline-block;margin:0 0 14px;padding:5px 12px;border:2px solid #B3261E;border-radius:6px;color:#B3261E;font-size:13px;font-weight:800;line-height:1.3;transform:rotate(-1.5deg)}

/* Tombol alat */
.kl-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:2px solid var(--kl-blue);border-radius:12px;background:transparent;color:var(--kl-blue-dark);font:700 14px/1 "DM Sans",sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.kl-tool-btn:hover{background:#EAF4FC}
.kl-tool-btn.is-primary{background:var(--kl-blue);color:#fff}
.kl-tool-btn.is-primary:hover{background:var(--kl-blue-dark);border-color:var(--kl-blue-dark)}
.kl-tool-btn.is-on{background:#1D7A4F;border-color:#1D7A4F;color:#fff}
.kl-tool-btn.is-block{display:flex;width:100%}
.kl-tool-btn:focus-visible,.kl-tool-page select:focus-visible,.kl-tool-page textarea:focus-visible{outline:3px solid var(--kl-blue-bright);outline-offset:2px}

/* Halaman alat */
.kl-tool-inner{max-width:920px}
.kl-tool-head{margin:6px 0 18px}
.kl-tool-head h1{margin:6px 0 8px}
.kl-tool-head h1 em{color:var(--kl-blue);font-style:normal}
.kl-tool-lead{margin:0;color:#53687a;font-size:16px;line-height:1.6;max-width:60ch}
.kl-back{display:inline-block;margin-bottom:10px;color:var(--kl-blue-dark);font-weight:700;text-decoration:none}
.kl-back:hover{text-decoration:underline}
.kl-check{display:flex;align-items:flex-start;gap:10px;margin:8px 0;font-size:14px;line-height:1.5;cursor:pointer}
.kl-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--kl-blue)}

/* Kalkulator */
.kl-calc{background:#fff;border:1px solid #D7E0E8;border-radius:20px;padding:20px;margin:14px 0;box-shadow:0 8px 28px rgba(15,20,25,.05)}
.kl-calc-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:14px}
.kl-calc-controls label{font-size:13px;font-weight:700;color:#3E5262}
.kl-calc-controls select,.kl-letter-controls select,.kl-report select,.kl-kit-grid select,.kl-kit-grid input{min-height:44px;padding:0 12px;border:1px solid #D7E0E8;border-radius:12px;background:#F4F8FB;font:500 15px "DM Sans",sans-serif;color:var(--kl-ink);max-width:100%}
.kl-table-wrap{overflow-x:auto}
.kl-table{width:100%;border-collapse:collapse;font-size:14px}
.kl-table th,.kl-table td{padding:11px 8px;border-top:1px solid #E3EAF0;text-align:left;vertical-align:top}
.kl-table th{border-top:0;color:#6B7F90;font-size:11px;letter-spacing:.8px;text-transform:uppercase}
.kl-table .num{text-align:right;white-space:nowrap}
.kl-table tr.is-off{opacity:.45}
.kl-table .kl-warn-row{background:#FDECEA}
.kl-table .kl-warn-row td{color:#8E1F18;font-weight:600}
.kl-src{display:block;margin-top:2px;color:#6B7F90;font-size:12px}
.kl-total{display:grid;gap:4px;margin-top:14px;padding-top:14px;border-top:2px solid #E3EAF0}
.kl-total span{color:#53687a;font-size:13px}
.kl-total strong{font-size:clamp(24px,5vw,34px);line-height:1.15;color:var(--kl-ink)}
.kl-total small{color:#6B7F90;font-size:12px}
.kl-callout{display:flex;gap:12px;align-items:flex-start;margin:18px 0;padding:16px;border:1px solid #F0C4BF;border-radius:16px;background:#FDF3F1;color:#5B1A15}
.kl-callout svg{flex:none;width:22px;height:22px;color:#B3261E}
.kl-callout strong{display:block;margin-bottom:4px;font-size:15px}
.kl-callout p{margin:0;font-size:14px;line-height:1.6}

/* Cover letter */
.kl-letter{background:#fff;border:1px solid #D7E0E8;border-radius:20px;padding:20px;margin:14px 0}
.kl-letter-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px}
.kl-letter-controls label{display:grid;gap:4px;font-size:13px;font-weight:700;color:#3E5262}
.kl-letter textarea{width:100%;min-height:300px;resize:vertical;padding:14px;border:1px solid #D7E0E8;border-radius:14px;background:#F9FBFD;font:400 15px/1.7 "DM Sans",sans-serif;color:var(--kl-ink)}
.kl-wc{margin:8px 0 0;color:#6B7F90;font-size:12px}
.kl-letter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.kl-toast{color:#1D7A4F;font-size:13px;font-weight:700}
.kl-checklist{margin:18px 0;padding:18px 20px;background:#fff;border:1px solid #D7E0E8;border-radius:20px}
.kl-checklist h2{margin:0 0 6px;font-size:17px}

/* Harga */
.kl-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:18px 0}
.kl-plan{position:relative;display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid #D7E0E8;border-radius:22px}
.kl-plan.is-featured{border:2px solid var(--kl-blue);box-shadow:0 12px 34px rgba(10,114,190,.14)}
.kl-plan h2{margin:0;font-size:22px}
.kl-plan-sub{margin:4px 0 14px;color:#53687a;font-size:14px}
.kl-plan-price{margin:0 0 16px;font-size:30px;font-weight:800;line-height:1.1}
.kl-plan-price small{display:block;margin-top:4px;font-size:13px;font-weight:600;color:#6B7F90}
.kl-plan ul{flex:1;margin:0 0 20px;padding:14px 0 0;list-style:none;border-top:2px dashed #D7E0E8;display:grid;gap:10px;align-content:start}
.kl-plan li{display:flex;gap:8px;font-size:14px;line-height:1.5}
.kl-plan li svg{flex:none;width:16px;height:16px;margin-top:3px;color:var(--kl-blue)}
.kl-plan-badge{position:absolute;top:16px;right:16px;padding:4px 10px;border-radius:99px;background:var(--kl-blue);color:#fff;font-size:11px;font-weight:800}
.kl-fine{color:#6B7F90;font-size:12.5px}

/* Cek Kesiapan (panel detail) */
.kl-ready{margin-top:16px;padding:14px;border:1px solid #D7E0E8;border-radius:14px;background:#F4F8FB;color:var(--kl-ink)}
.kl-ready .detail-subtitle{margin-top:0}
.kl-ready-score{display:flex;align-items:baseline;gap:8px}
.kl-ready-score strong{font-size:30px;line-height:1}
.kl-ready-score span{color:#53687a;font-size:12px}
.kl-ready-bar{height:9px;margin:10px 0;border-radius:99px;background:#D7E0E8;overflow:hidden}
.kl-ready-bar i{display:block;height:100%;border-radius:99px;background:var(--kl-blue)}
.kl-ready-list{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:12.5px;line-height:1.5}
.kl-ready-list li{display:flex;gap:8px}
.kl-ready-list li>span[aria-hidden]{flex:none;font-weight:800}
.kl-ready-list .is-ok>span[aria-hidden]{color:#1D7A4F}
.kl-ready-list .is-no>span[aria-hidden]{color:#B3261E}
.kl-ready-next,.kl-ready-note,.kl-ready-empty{margin:10px 0 0;font-size:12px;line-height:1.55;color:#53687a}
.kl-ready-next span{color:#A86400;font-weight:800}
.kl-ready-note a,.kl-ready-link{color:var(--kl-blue-dark);font-weight:700}
.kl-ready-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;text-decoration:none}
.kl-ready-link svg{width:14px;height:14px}
.kl-ready.is-teaser{background:#fff;border-style:dashed}

/* Alat di panel detail */
.kl-job-tools{display:grid;gap:10px;margin-top:14px}
.kl-job-tools .subscribe-notice{margin:0}
.kl-inline-form{margin:0}
.kl-inline-form .kl-tool-btn{width:100%}
.kl-report{border:1px solid #D7E0E8;border-radius:12px;background:#fff;padding:0}
.kl-report summary{padding:11px 14px;cursor:pointer;color:#6B7F90;font-size:12.5px;font-weight:600}
.kl-report form{display:grid;gap:8px;padding:0 14px 14px}
.kl-report label{font-size:12px;font-weight:700;color:#3E5262}
.kl-report select,.kl-report textarea{width:100%}
.kl-report textarea{padding:10px;border:1px solid #D7E0E8;border-radius:12px;background:#F4F8FB;font:400 14px "DM Sans",sans-serif}

/* Dashboard */
.kl-meter{display:grid;gap:8px;margin:10px 0 16px}
.kl-meter strong{display:block;font-size:16px}
.kl-meter span{color:#53687a;font-size:13px}
.kl-kit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 14px;margin-bottom:12px}
.kl-kit-grid label{display:block;margin-bottom:4px}
.kl-kit-grid input,.kl-kit-grid select{width:100%}
.kl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}
.kl-stats div{padding:12px;border:1px solid #D7E0E8;border-radius:14px;background:#F4F8FB}
.kl-stats b{display:block;font-size:26px;line-height:1.1}
.kl-stats span{color:#53687a;font-size:12px}
.kl-pills{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.kl-pills span{padding:3px 10px;border:1px solid #D7E0E8;border-radius:99px;color:#53687a;font-size:12px}
.kl-track-list{margin:0;padding:0;list-style:none}
.kl-track-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #E3EAF0}
.kl-track-info{display:grid;gap:2px;min-width:0}
.kl-track-info a{color:var(--kl-ink);text-decoration:none}
.kl-track-info span{color:#6B7F90;font-size:12.5px}
.kl-track-form{display:flex;gap:8px;align-items:center;margin:0}
.kl-track-form select{min-height:40px;padding:0 10px;border:1px solid #D7E0E8;border-radius:10px;background:#F4F8FB;font:600 14px "DM Sans",sans-serif}
.kl-track-form button{min-height:40px;padding:0 12px;border:1px solid var(--kl-blue);border-radius:10px;background:transparent;color:var(--kl-blue-dark);font:700 13px "DM Sans",sans-serif;cursor:pointer}
.kl-track-form button.is-ghost{border-color:#D7E0E8;color:#6B7F90}

/* Beranda */
.home-tools{background:#fff;padding:72px 0}
.kl-tool-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.kl-tool-card{display:block;padding:24px;border:1px solid #D7E0E8;border-radius:22px;background:#F4F8FB;color:var(--kl-ink);text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
.kl-tool-card:hover{transform:translateY(-2px);border-color:#7DB8E3;box-shadow:0 12px 30px rgba(10,114,190,.12)}
.kl-tool-ico{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:12px;background:#E1EEF9;color:var(--kl-blue-dark)}
.kl-tool-ico svg{width:20px;height:20px}
.kl-tool-card h3{margin:0 0 6px;font-size:19px}
.kl-tool-card p{margin:0;color:#53687a;font-size:14px;line-height:1.6}
.home-faq{background:#f4f8fb;padding:72px 0}
.kl-faq{margin-top:28px;max-width:820px;background:#fff;border:1px solid #D7E0E8;border-radius:20px;padding:6px 22px}
.kl-faq details{padding:16px 0;border-top:1px solid #E3EAF0}
.kl-faq details:first-child{border-top:0}
.kl-faq summary{cursor:pointer;font-size:16px;font-weight:700}
.kl-faq p{margin:10px 0 0;color:#53687a;font-size:14.5px;line-height:1.7}

/* Footer */
.footer-disclaimer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;width:min(1180px,100% - 40px);margin:0 auto;padding:18px 0 28px;border-top:1px solid rgba(228,241,251,.14);color:#9DB8CC;font-size:12.5px;line-height:1.65}
.footer-disclaimer p{flex:1 1 520px;margin:0}
.footer-disclaimer strong{color:#fff}
.footer-disclaimer nav{display:flex;gap:16px;align-items:flex-start}
.footer-disclaimer a{color:#CFE3F3;text-decoration:underline}

@media(max-width:1100px){.kl-tool-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.kl-tool-cards{grid-template-columns:1fr}.home-tools,.home-faq{padding:52px 0}}
@media(max-width:600px){
  .kl-calc,.kl-letter,.kl-checklist{padding:16px;border-radius:16px}
  .kl-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}.kl-stats b{font-size:22px}
  .kl-track-form{width:100%}.kl-track-form select{flex:1}
  .kl-tool-btn{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.kl-tool-card,.kl-tool-btn{transition:none}.kl-tool-card:hover{transform:none}}
.kl-kit-form button[type=submit]{margin-top:4px}
.kl-dash-tools .dash-help{margin-top:14px}
@media(max-width:600px){
  .kl-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .kl-table,.kl-table tbody{display:block}
  .kl-table tr{display:block;padding:12px 0;border-top:1px solid #E3EAF0}
  .kl-table td{display:block;padding:1px 8px;border:0}
  .kl-table td:nth-child(2){color:#6B7F90;font-size:12px}
  .kl-table .num{text-align:left;white-space:normal;font-weight:700;margin-top:2px}
  .kl-table .kl-warn-row{padding:12px 0;border-radius:10px}
}
.footer-disclaimer{width:min(1190px,calc(100% - 56px))}
@media(max-width:600px){.footer-disclaimer{width:min(100% - 30px,540px)}}

/* Paket & harga (v2.3.0) */
.kl-seg{display:inline-flex;margin:4px 0 6px;padding:4px;border:1px solid #D7E0E8;border-radius:99px;background:#fff}
.kl-seg button{min-height:38px;padding:0 18px;border:0;border-radius:99px;background:transparent;color:#53687a;font:700 14px "DM Sans",sans-serif;cursor:pointer}
.kl-seg button[aria-pressed="true"]{background:var(--kl-blue);color:#fff}
.kl-plan-price s{color:#8A9BA9;font-size:16px;font-weight:600}
.kl-plan-promo{margin-left:4px;padding:2px 8px;border-radius:99px;background:#E6F4EC;color:#1D7A4F;font-size:11px;font-style:normal;font-weight:800;vertical-align:middle}
.kl-plan-na{color:#6B7F90;font-size:13px;font-weight:600}
.kl-plan-feat{display:flex;flex:1;justify-content:space-between;gap:10px}
.kl-plan-feat b{color:var(--kl-ink);font-weight:700;text-align:right}
.kl-plan li.is-off{color:#8A9BA9}
.kl-plan li .kl-x{flex:none;width:16px;text-align:center;font-weight:800}
.kl-plan-choice{margin:0 0 12px;padding:10px 12px;border:1px solid #A9D3F2;border-radius:12px;background:#EAF4FC;font-size:13px}
.kl-plans.is-3m [data-price-for="1m"],.kl-plans.is-1m [data-price-for="3m"]{display:none}


/* CV khusus member */
.kl-lock{max-width:640px;padding:24px;border:1px solid #D7E0E8;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(15,20,25,.05)}
.kl-lock-formats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.kl-lock-formats span{padding:6px 12px;border-radius:99px;background:#EAF4FC;color:var(--kl-blue-dark);font-size:13px;font-weight:700}
.kl-lock-list{margin:0 0 20px;padding-left:20px;color:#3E5262;line-height:1.8}
.kl-lock .kl-tool-btn{margin:0 8px 8px 0}

/* v2.4.0 — Artikel */
.kl-tool-inner.is-wide{max-width:1120px}
.kl-art-filter{display:flex;gap:10px;margin:0 0 14px;max-width:520px}
.kl-art-filter input[type=search]{flex:1;min-height:44px;padding:0 14px;border:1px solid #D7E0E8;border-radius:12px;background:#fff;font:500 15px "DM Sans",sans-serif;color:var(--kl-ink)}
.kl-art-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.kl-art-cats a,.kl-art-pages a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #D7E0E8;border-radius:99px;background:#fff;color:#3E5262;font-size:14px;font-weight:700;text-decoration:none}
.kl-art-cats a.is-on,.kl-art-pages a.is-on{background:var(--kl-blue);border-color:var(--kl-blue);color:#fff}
.kl-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kl-art-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #D7E0E8;border-radius:20px;background:#fff;transition:transform .15s,box-shadow .15s}
.kl-art-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(10,114,190,.12)}
.kl-art-thumb{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#0A72BE,#1D9BE0);overflow:hidden}
.kl-art-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.kl-art-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(255,255,255,.85);font:800 44px "DM Sans",sans-serif;letter-spacing:2px}
.kl-art-body{display:flex;flex-direction:column;gap:8px;padding:18px;flex:1}
.kl-art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;color:#6B7F90;font-size:12.5px}
.kl-art-cat{padding:3px 10px;border-radius:99px;background:#EAF4FC;color:var(--kl-blue-dark);font-weight:800;text-decoration:none}
.kl-art-body h2{margin:0;font-size:19px;line-height:1.3}
.kl-art-body h2 a{color:var(--kl-ink);text-decoration:none}
.kl-art-body p:not(.kl-art-meta){margin:0;color:#53687a;font-size:14.5px;line-height:1.6}
.kl-art-more{margin-top:auto;color:var(--kl-blue-dark);font-weight:800;text-decoration:none}
.kl-art-pages{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
.kl-art-empty{padding:30px;border:1px dashed #C4D1DC;border-radius:16px;color:#53687a;text-align:center}
.kl-art-inner{max-width:780px}
.kl-art-single h1{margin:10px 0 18px;font-size:clamp(28px,5vw,40px);line-height:1.15}
.kl-art-hero{margin:0 0 22px}.kl-art-hero img{width:100%;height:auto;border-radius:18px}
.kl-prose{font-size:17px;line-height:1.8;color:#22313F}
.kl-prose h2{margin:32px 0 10px;font-size:25px}.kl-prose h3{margin:26px 0 8px;font-size:20px}
.kl-prose p,.kl-prose ul,.kl-prose ol{margin:0 0 16px}.kl-prose li{margin:4px 0}
.kl-prose a{color:var(--kl-blue-dark)}.kl-prose img{max-width:100%;height:auto;border-radius:12px}
.kl-prose blockquote{margin:20px 0;padding:6px 18px;border-left:4px solid var(--kl-blue);color:#3E5262;background:#F4F8FB;border-radius:0 12px 12px 0}
.kl-art-cta{margin:30px 0 14px}.kl-art-cta .kl-tool-btn{margin:10px 8px 0 0}
.kl-art-related{margin:36px 0 0}.kl-art-related h2{font-size:22px}
.kl-art-related .kl-art-grid,.kl-art-grid.is-compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
@media(max-width:900px){.kl-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.kl-art-grid{grid-template-columns:1fr}.kl-prose{font-size:16px}}

/* v2.4.0 — kalkulator semua negara */
.kl-calc-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;align-items:end}
.kl-calc-3 label{display:block;margin:0 0 4px}
.kl-calc-3 select{width:100%}
.kl-calc-3 .kl-calc-opt{grid-column:1/-1;margin:0;display:flex}
.kl-visa-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start;margin:6px 0 14px}
.kl-visa-head h2{margin:6px 0 4px;font-size:22px}
.kl-visa-head p{margin:0;color:#53687a;font-size:14px}
.kl-visa-code{display:inline-block;padding:4px 10px;border-radius:8px;background:var(--kl-blue);color:#fff;font:800 13px "DM Sans",sans-serif;letter-spacing:.5px}
.kl-src a{color:var(--kl-blue-dark)}
@media(max-width:700px){.kl-calc-3{grid-template-columns:1fr}}
.kl-tool-btn[hidden],.kl-calc [hidden]{display:none!important}
.kl-art-thumb,.kl-art-thumb:hover,.kl-art-ph{text-decoration:none}

/* v2.4.0 — Dashboard Kandidat */
.account-shell.is-dash .account-inner{max-width:1240px}
.kl-dash{--dn:#1D4A86;--dn-soft:#E7EDF7;display:grid;grid-template-columns:230px minmax(0,1fr);gap:0;border:1px solid #E1E5EE;border-radius:20px;background:#F7F8FC;overflow:hidden;min-height:560px;font-family:"DM Sans","Plus Jakarta Sans",sans-serif}
.kl-dash-side{padding:22px 14px;border-right:1px solid #E1E5EE;background:#F1F3F9}
.kl-dash-brand{margin:0 0 16px 10px;color:var(--dn);font-size:20px;font-weight:800;letter-spacing:-.2px}
.kl-dash-side nav{display:flex;flex-direction:column;gap:3px;position:sticky;top:84px}
.kl-dash-side a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:#2B3A4D;font-size:15px;font-weight:600;text-decoration:none}
.kl-dash-side a:hover{background:#E8ECF5}
.kl-dash-side a.is-active{background:#fff;color:var(--dn);box-shadow:0 1px 4px rgba(20,40,80,.1)}
.kl-dash-ico{flex:none;color:#4A5D78}.kl-dash-side a.is-active .kl-dash-ico{color:var(--dn)}
.kl-dash-main{min-width:0;padding:26px 28px 34px}
.kl-dash-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 20px}
.kl-dash-top h1{margin:0;font-size:clamp(26px,4vw,32px);line-height:1.15;color:#111B2B}
.kl-dash-top p{margin:6px 0 0;color:#5B6B80;font-size:15px}
.kl-dash-top-actions{display:flex;gap:8px;flex-wrap:wrap}
.kl-dash-badge{display:inline-flex;align-items:center;height:32px;padding:0 16px;border-radius:99px;background:var(--dn);color:#fff;font-size:13.5px;font-weight:800;white-space:nowrap}
.kl-dash-card{display:block;margin:0 0 16px;padding:20px 22px;border:1px solid #E1E5EE;border-radius:16px;background:#fff;color:#111B2B;text-decoration:none}
.kl-dash-card h2{margin:0;font-size:19px;line-height:1.3}
.kl-dash-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px}
.kl-dash-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:1.5px solid var(--dn);border-radius:12px;background:transparent;color:var(--dn);font:700 14px "DM Sans",sans-serif;text-decoration:none;cursor:pointer}
.kl-dash-btn:hover{background:var(--dn-soft)}
.kl-dash-btn.is-solid{background:var(--dn);color:#fff}.kl-dash-btn.is-solid:hover{background:#163B6D}
.kl-dash-btn.is-danger{border-color:#D9A5A0;color:#9A2B2B}.kl-dash-btn.is-danger:hover{background:#FDECEA}
.kl-dash-link{color:var(--dn);font-weight:700;font-size:14px}
.kl-dash-bar{height:8px;border-radius:99px;background:#DDE2EC;overflow:hidden}
.kl-dash-bar i{display:block;height:100%;border-radius:99px;background:var(--dn)}
.kl-dash-muted{margin:10px 0 0;color:#5B6B80;font-size:14.5px;line-height:1.6}
.kl-dash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 16px}
.kl-dash-stats .kl-dash-card{margin:0}
.kl-dash-stat b{display:block;font-size:30px;line-height:1.1}.kl-dash-stat span{color:#5B6B80;font-size:14px}
.kl-dash-stat:hover{border-color:#B7C6DE}
.kl-dash-jobs{list-style:none;margin:0;padding:0}
.kl-dash-jobs li{border-top:1px solid #EDF0F6}.kl-dash-jobs li:first-child{border-top:0}
.kl-dash-jobs a{display:block;padding:14px 0;color:inherit;text-decoration:none}
.kl-dash-jobs strong{display:block;font-size:17px;color:#111B2B}
.kl-dash-jobs span{display:block;margin-top:2px;color:#5B6B80;font-size:14px}
.kl-dash-ok{display:block;margin-top:3px;color:#1D7A4F;font-size:13px;font-style:normal;font-weight:700}
.kl-dash-jobs.is-actions li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0}
.kl-dash-jobs.is-actions li div strong{font-size:16px}
.kl-dash-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kl-dash-cards .kl-dash-card{margin:0}
.kl-dash-main .dash-card{border-radius:16px;margin:0 0 16px}
.kl-dash-main .dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kl-dash-main .dashboard-grid .dash-wide{grid-column:1/-1}
.kl-dash-main .kl-art-grid.is-compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media(max-width:900px){
  .kl-dash{grid-template-columns:1fr;border-radius:16px}
  .kl-dash-side{padding:10px;border-right:0;border-bottom:1px solid #E1E5EE;overflow-x:auto}
  .kl-dash-brand{display:none}
  .kl-dash-side nav{flex-direction:row;position:static;gap:6px}
  .kl-dash-side a{flex:none;padding:9px 12px;font-size:14px;white-space:nowrap}
  .kl-dash-main{padding:18px 16px 26px}
  .kl-dash-stats{grid-template-columns:1fr}
  .kl-dash-cards,.kl-dash-main .dashboard-grid{grid-template-columns:1fr}
}


