/* Ulakbulut — Telefonda E-posta Kurulumu görsel rehberi
   Kaynak tasarım: "Ulakbulut Mobil Kurulum" tasarım paketi (Main/Panel/Telefon.dc.html).
   Tüm seçiciler .mk altında; panelin Tailwind stilleriyle çakışmaz. */

.mk{--bg:#F8FAFC;--card:#FFFFFF;--ink:#1E293B;--ink2:#475569;--line:#E2E8F0;--navy:#0F2044;--acc:#2563EB;--link:#1D4ED8;--soft:#EFF6FF;--soft-ink:#1E3A8A;--warn-bg:#FEF3C7;--warn:#92400E;--ok:#047857;--ok-ink:#065F46;--ok-bg:#D1FAE5;--err:#B91C1C;--err-bg:#FEE2E2;--info-bg:#E0E7FF;--info:#1E3A8A;--panel:#FFFFFF;
  font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.5;color:var(--ink);display:flex;flex-direction:column;gap:28px}
.mk.dk{--bg:#0B1222;--card:#111C33;--ink:#E2E8F0;--ink2:#A3B1C6;--line:#26344F;--navy:#08142E;--link:#93C5FD;--soft:#172554;--soft-ink:#C7D2FE;--warn-bg:#3A2A0A;--warn:#FCD34D;--ok:#6EE7B7;--ok-ink:#6EE7B7;--ok-bg:#062E24;--err:#FCA5A5;--err-bg:#3B1111;--info-bg:#1E2A55;--info:#C7D2FE;--panel:#111C33}
.mk *,.mk *::before,.mk *::after{box-sizing:border-box}
.mk h2,.mk h3,.mk p{margin:0}
.mk a{color:var(--link)}
.mk button{font-family:inherit}
.mk .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.mk .mk-card{background:var(--card);border:1px solid var(--line);border-radius:16px}
.mk .sec{display:flex;flex-direction:column;gap:12px}
.mk .sec-h{font-size:21px;font-weight:800;line-height:1.3;color:var(--ink)}
.mk .muted{color:var(--ink2)}
.mk .small{font-size:13px}

/* Durum bildirimi */
.mk .mk-notice{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45}
.mk .mk-notice.misafir{background:var(--warn-bg);color:var(--warn)}
.mk .mk-notice.girisli{background:var(--ok-bg);color:var(--ok-ink)}
.mk .mk-notice .row{display:flex;gap:10px;align-items:flex-start}
.mk .mk-notice svg{flex:none;margin-top:1px}
.mk .mk-notice a{color:inherit;font-weight:700}
.mk .mk-notice label{display:flex;flex-direction:column;gap:4px;font-weight:600}
.mk .mk-sel{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:500 15px Inter,system-ui,sans-serif;max-width:100%}

/* Butonlar */
.mk .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;border:0;background:#2563EB;color:#fff;font:600 16px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;text-align:center}
.mk .btn:hover{background:#1D4ED8;color:#fff}
.mk .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.mk .btn.ghost:hover{background:var(--soft)}
.mk .btn:disabled{opacity:.45;cursor:default}
.mk .btn:focus-visible,.mk .cpy:focus-visible,.mk .tab:focus-visible,.mk .mth:focus-visible,.mk .acc:focus-visible{outline:3px solid #93C5FD;outline-offset:2px}
.mk .cpy{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.mk .cpy.ok{background:#047857;border-color:#047857;color:#fff}
.mk .pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:12px;font-weight:700}

/* Bilgileriniz kartı */
.mk .bilgi{padding:18px 16px;display:flex;flex-direction:column;gap:4px}
.mk .bilgi-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.mk .bilgi-top h2{font-size:19px;font-weight:800}
.mk .bilgi-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.mk .bilgi-row .l{font-size:13px;color:var(--ink2)}
.mk .bilgi-row .v{font-size:15px;font-weight:600;overflow-wrap:anywhere}

/* Platform ve yöntem */
.mk .tabs{display:flex;gap:10px}
.mk .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;border-radius:14px;border:2px solid var(--line);background:var(--card);color:var(--ink);font:700 16px Inter,system-ui,sans-serif;cursor:pointer}
.mk .tab.on{border-color:#2563EB;background:var(--soft);color:var(--soft-ink)}
.mk .mths{display:grid;gap:12px}
.mk .mth{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;padding:16px;border-radius:14px;border:2px solid var(--line);background:var(--card);color:var(--ink);font:400 14px/1.45 Inter,system-ui,sans-serif;cursor:pointer}
.mk .mth.on{border-color:#2563EB;background:var(--soft)}
.mk .mth .t{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:17px;font-weight:700}
.mk .mth .pm{display:flex;flex-direction:column;gap:2px;font-size:13px}
.mk .plus{color:var(--ok);font-weight:700}.mk .minus{color:var(--err);font-weight:700}

/* Adım akışı */
.mk .mini{position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:6px;padding:10px 10px 10px 14px;border-radius:14px;background:var(--navy);color:#fff;box-shadow:0 6px 18px rgba(15,32,68,.25)}
.mk .mini-row{display:flex;align-items:center;gap:10px}
.mk .mini-row .l{flex:none;width:62px;font-size:12px;color:#C7D2FE}
.mk .mini-row .v{flex:1;min-width:0;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.mk .mini-row button{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.mk .mini-row button.ok{background:#047857}
.mk .prog-top{display:flex;justify-content:space-between;font-size:14px;font-weight:600}
.mk .prog{height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.mk .prog>div{height:8px;border-radius:4px;background:#2563EB;transition:width .25s}
.mk .stage{padding:18px 16px 22px;display:flex;flex-direction:column;align-items:center;gap:16px}
.mk .stage-cap{width:100%;max-width:440px}
.mk .navs{display:flex;gap:10px}
.mk .navs .ghost{flex:1}.mk .navs .btn:not(.ghost){flex:2}
.mk .navs-yan{display:none}
.mk .done{padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.mk .done h3{font-size:22px;font-weight:800}
@media (min-width:860px){
  .mk .mths{grid-template-columns:1fr 1fr}
  .mk .stage{flex-direction:row;align-items:flex-start;justify-content:center;gap:32px;padding:24px}
  .mk .stage-cap{flex:1;max-width:400px;position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
  .mk .navs-yan{display:flex}
  .mk .navs-alt{display:none}
}

/* Akordeon + tablo + destek */
.mk .acc-item{overflow:hidden}
.mk .acc{width:100%;display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 14px;border:0;background:transparent;color:var(--ink);font:600 15px/1.35 Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
.mk .acc .ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:16px;font-weight:800}
.mk .acc svg{flex:none;transition:transform .2s}
.mk .acc[aria-expanded="true"] svg{transform:rotate(180deg)}
.mk .acc-body{padding:0 14px 16px;display:flex;flex-direction:column;gap:12px;align-items:center}
.mk .acc-body p{align-self:stretch;font-size:15px;color:var(--ink2)}
.mk .apps-h,.mk .apps-r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 14px}
.mk .apps-h{font-size:13px;font-weight:700;color:var(--ink2);background:var(--soft);padding:10px 14px}
.mk .apps-r{border-top:1px solid var(--line);font-size:14px}
.mk .destek{padding:20px 16px;display:flex;flex-direction:column;gap:12px;background:var(--navy);border-color:var(--navy);color:#fff}
.mk .destek h2{font-size:19px;font-weight:800;color:#fff}
.mk .destek p{font-size:15px;color:#C7D2FE}
.mk .destek .btn.ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.mk .destek .btn.ghost:hover{background:rgba(255,255,255,.08)}
.mk .destek-btns{display:flex;flex-direction:column;gap:10px}
@media (min-width:600px){.mk .destek-btns{flex-direction:row}.mk .destek-btns .btn{flex:1}}

/* ── Telefon ekranı bileşeni ─────────────────────────────── */
.mk .tf{--t-ink:var(--ink);--t-ink2:var(--ink2)}
.mk .cap{width:100%;display:flex;flex-direction:column;gap:10px}
.mk .cap-tx{margin:0;font-size:17px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.mk .b{font-weight:700}
.mk .note{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.mk .note-i{flex:none;width:20px;height:20px;margin-top:1px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}
.mk .n-warn{background:var(--warn-bg);color:var(--warn)}.mk .n-warn .note-i{background:#D97706}
.mk .n-ok{background:var(--ok-bg);color:var(--ok-ink)}.mk .n-ok .note-i{background:#059669}
.mk .n-err{background:var(--err-bg);color:var(--err)}.mk .n-err .note-i{background:#DC2626}
.mk .n-info{background:var(--info-bg);color:var(--info)}.mk .n-info .note-i{background:#2563EB}
.mk .copy{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.mk .copy-x{flex:1;min-width:0;display:flex;flex-direction:column}
.mk .copy-l{font-size:12px;color:var(--ink2)}
.mk .copy-v{font:600 14px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);overflow-wrap:anywhere}
.mk .copy-b{flex:none;min-height:44px;min-width:96px;padding:0 12px;border:0;border-radius:9px;background:#2563EB;color:#fff;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.mk .copy-b.ok{background:#047857}

.mk .ph-wrap{flex:none}
.mk .ph-in{transform-origin:top left}
.mk .ph{padding:10px;background:#0B0B0D;box-shadow:inset 0 0 0 2px #2A2A2E,0 18px 40px rgba(15,32,68,.18)}
.mk .ph.ios{border-radius:58px}
.mk .ph.and{border-radius:46px}
.mk .scr{position:relative;overflow:hidden;font-family:Inter,system-ui,sans-serif;text-align:left;line-height:normal}
.mk .ios{--s-bg:#F2F2F7;--s-card:#FFFFFF;--s-tx:#000000;--s-tx2:#6C6C70;--s-sep:#C6C6C8;--s-tint:#0A66D0;--s-fill:rgba(118,118,128,.12);--s-alert:#F2F2F4}
.mk.dk .ios{--s-bg:#000000;--s-card:#1C1C1E;--s-tx:#FFFFFF;--s-tx2:#98989F;--s-sep:#38383A;--s-tint:#3B9BFF;--s-fill:rgba(118,118,128,.24);--s-alert:#2C2C2E}
.mk .ios .scr{width:390px;height:844px;border-radius:48px;background:var(--s-bg);color:var(--s-tx)}
.mk .i-island{position:absolute;top:11px;left:50%;width:124px;height:36px;margin-left:-62px;border-radius:18px;background:#000}
.mk .i-nav{display:flex;align-items:center;gap:6px;height:98px;padding:54px 12px 0}
.mk .i-nl,.mk .i-nr{flex:1;min-width:0;display:flex;align-items:center;font-size:17px}
.mk .i-nr{justify-content:flex-end}
.mk .i-nt{flex:none;max-width:190px;font-size:17px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk .i-tint{color:var(--s-tint)}
.mk .i-back{display:inline-flex;align-items:center;gap:2px;color:var(--s-tint)}
.mk .i-act{position:relative;padding:6px 10px;color:var(--s-tint);font-weight:600}
.mk .i-act.dim{opacity:.4}
.mk .i-large{font-size:34px;font-weight:700;letter-spacing:-.5px;padding:0 16px 10px}
.mk .i-search{display:flex;align-items:center;gap:6px;margin:0 16px 20px;height:36px;padding:0 8px;border-radius:10px;background:var(--s-fill);color:var(--s-tx2);font-size:17px}
.mk .i-seg{display:flex;margin:4px 16px 22px;padding:2px;border-radius:9px;background:var(--s-fill)}
.mk .i-sg{position:relative;flex:1;text-align:center;padding:7px 0;font-size:14px;font-weight:500;border-radius:7px}
.mk .i-sg.on{background:var(--s-card);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.mk .i-grp{margin:0 16px 22px}
.mk .i-gh{font-size:13px;color:var(--s-tx2);padding:0 16px 6px}
.mk .i-gf{font-size:13px;color:var(--s-tx2);padding:6px 16px 0;line-height:1.35}
.mk .i-card{position:relative;background:var(--s-card);border-radius:12px}
.mk .i-row{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:7px 16px;font-size:17px;border-top:.5px solid var(--s-sep)}
.mk .i-row.first{border-top:0}
.mk .i-ic{flex:none;width:30px;height:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}
.mk .i-lb{flex:1;min-width:0;line-height:1.25}
.mk .i-sub{display:block;font-size:13px;color:var(--s-tx2);margin-top:2px}
.mk .i-val{flex:none;color:var(--s-tx2)}
.mk .i-chev{flex:none;color:var(--s-tx2);opacity:.7}
.mk .i-fl{flex:none;width:112px}
.mk .i-fv{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.3}
.mk .i-fv.phd{color:var(--s-tx2)}
.mk .i-sw{flex:none;position:relative;width:51px;height:31px;border-radius:16px;background:#E3E3E6}
.mk.dk .i-sw{background:#39393D}
.mk .i-sw.on{background:#34C759}
.mk .i-knob{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:14px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.mk .i-sw.on .i-knob{left:22px}
.mk .i-brand{flex:1;text-align:center;font-size:21px;font-weight:600;padding:9px 0;letter-spacing:-.2px}
.mk .i-av{flex:none;width:58px;height:58px;border-radius:29px;background:#8E8E93;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}
.mk .i-dim{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}
.mk .i-alert{width:270px;border-radius:14px;background:var(--s-alert);text-align:center}
.mk .i-at{font-size:17px;font-weight:600;padding:20px 16px 4px;line-height:1.3}
.mk .i-am{font-size:13px;line-height:1.4;padding:0 16px 18px;overflow-wrap:anywhere}
.mk .i-ab{position:relative;display:block;padding:11px 8px;font-size:17px;color:var(--s-tint);border-top:.5px solid var(--s-sep)}
.mk .i-ab.bold{font-weight:600}
.mk .i-abtns.h{display:flex}.mk .i-abtns.h .i-ab{flex:1}
.mk .i-abtns.h .i-ab.sep{border-left:.5px solid var(--s-sep)}

.mk .and{--s-bg:#FFFFFF;--s-surf:#EEF2F8;--s-tx:#1F1F1F;--s-tx2:#444746;--s-line:#747775;--s-pri:#0B57D0;--s-onpri:#FFFFFF;--s-div:#E1E3E1;--s-fab:#C2E7FF}
.mk.dk .and{--s-bg:#131314;--s-surf:#1E1F20;--s-tx:#E3E3E3;--s-tx2:#C4C7C5;--s-line:#8E918F;--s-pri:#A8C7FA;--s-onpri:#062E6F;--s-div:#444746;--s-fab:#004A77}
.mk .and .scr{width:412px;height:915px;border-radius:36px;background:var(--s-bg);color:var(--s-tx)}
.mk .a-cam{position:absolute;top:14px;left:50%;margin-left:-7px;width:14px;height:14px;border-radius:7px;background:#000}
.mk .a-top{height:40px}
.mk .a-search{position:relative;display:flex;align-items:center;gap:14px;margin:4px 16px 8px;height:56px;padding:0 10px 0 16px;border-radius:28px;background:var(--s-surf);color:var(--s-tx2);font-size:16px}
.mk .a-av{position:relative;margin-left:auto;width:34px;height:34px;border-radius:17px;background:#6D4FB3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px}
.mk .a-av.hl-tap{box-shadow:0 0 0 3px #fff,0 0 0 6px #2563EB;background-color:#6D4FB3}
.mk .a-lbl{font-size:13px;color:var(--s-tx2);padding:10px 20px 6px}
.mk .a-mail{display:flex;gap:14px;padding:10px 20px;align-items:flex-start}
.mk .a-mav{flex:none;width:40px;height:40px;border-radius:20px}
.mk .a-sk{display:flex;flex-direction:column;gap:8px;flex:1;padding-top:3px}
.mk .a-sk span{display:block;height:10px;border-radius:5px;background:var(--s-div)}
.mk .a-fab{position:absolute;right:16px;bottom:28px;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px;border-radius:16px;background:var(--s-fab);color:var(--s-tx);font-weight:600;font-size:15px;box-shadow:0 3px 8px rgba(0,0,0,.15)}
.mk .a-bar{display:flex;align-items:center;gap:20px;height:64px;padding:0 16px;font-size:22px;overflow-wrap:anywhere}
.mk .a-setup{padding:12px 24px 0}
.mk .a-logo{width:44px;height:44px;border-radius:12px;background:var(--s-surf);display:flex;align-items:center;justify-content:center;color:var(--s-pri);margin-bottom:18px}
.mk .a-h{font-size:28px;line-height:36px;margin-bottom:6px;overflow-wrap:anywhere}
.mk .a-sub{font-size:15px;color:var(--s-tx2);margin-bottom:6px;overflow-wrap:anywhere}
.mk .a-items{display:flex;flex-direction:column;gap:18px;margin-top:20px}
.mk .a-field{position:relative;display:flex;align-items:center;gap:8px;min-height:56px;padding:8px 14px 8px 16px;border:1px solid var(--s-line);border-radius:4px;font-size:16px}
.mk .a-field.hl-type{border:2px solid #2563EB;box-shadow:none;background-color:rgba(37,99,235,.06);border-radius:4px}
.mk .a-fl{position:absolute;top:-9px;left:12px;padding:0 4px;background:var(--s-bg);font-size:12px;color:var(--s-tx2);line-height:16px}
.mk .a-fv{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.3}
.mk .a-opts{display:flex;flex-direction:column;margin:18px -24px 0}
.mk .a-opt{position:relative;display:flex;align-items:center;gap:16px;min-height:62px;padding:0 24px;font-size:16px;border-bottom:1px solid var(--s-div)}
.mk .a-oi{flex:none;width:36px;height:36px;border-radius:18px;background:var(--s-surf);color:var(--s-pri);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.mk .a-rad,.mk .a-chk{position:relative;display:flex;align-items:center;gap:16px;min-height:48px;padding:4px 10px;font-size:16px;line-height:1.35}
.mk .a-rc{flex:none;position:relative;width:20px;height:20px;border-radius:10px;border:2px solid var(--s-tx2)}
.mk .a-rc.on{border-color:var(--s-pri)}
.mk .a-rc.on::after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:5px;background:var(--s-pri)}
.mk .a-cb{flex:none;width:18px;height:18px;border-radius:2px;border:2px solid var(--s-tx2);display:flex;align-items:center;justify-content:center;color:var(--s-onpri)}
.mk .a-cb.on{background:var(--s-pri);border-color:var(--s-pri)}
.mk .a-tx{font-size:14px;color:var(--s-tx2);line-height:1.45;margin:0}
.mk .a-btns{position:absolute;left:24px;right:24px;bottom:30px;display:flex;align-items:center;justify-content:space-between}
.mk .a-tb{position:relative;color:var(--s-pri);font-weight:600;font-size:15px;padding:10px 14px;border-radius:20px}
.mk .a-fb{position:relative;margin-left:auto;background:var(--s-pri);color:var(--s-onpri);font-weight:600;font-size:15px;padding:10px 24px;border-radius:20px}
.mk .a-fb.hl-tap{box-shadow:0 0 0 3px var(--s-bg),0 0 0 6px #2563EB;background-color:var(--s-pri)}
.mk .a-dim{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}
.mk .a-dlg{width:316px;padding:24px;border-radius:28px;background:var(--s-surf)}
.mk .a-dt{font-size:22px;line-height:30px;margin-bottom:14px}
.mk .a-dm{font-size:14px;line-height:20px;color:var(--s-tx2);overflow-wrap:anywhere}
.mk .a-dbs{display:flex;justify-content:flex-end;gap:6px;margin-top:22px;flex-wrap:wrap}
.mk .a-sheet{position:absolute;top:52px;left:12px;right:12px;padding:16px 0 10px;border-radius:28px;background:var(--s-surf)}
.mk .a-sh-acc{display:flex;gap:14px;align-items:center;padding:8px 22px 14px}
.mk .a-sh-btn{display:inline-block;margin:0 22px 12px 76px;padding:8px 16px;border:1px solid var(--s-line);border-radius:20px;font-size:14px;font-weight:500}
.mk .a-sh-it{position:relative;display:flex;align-items:center;gap:18px;min-height:56px;padding:0 16px;margin:0 8px;font-size:15px}
.mk .a-div{height:1px;background:var(--s-div);margin:4px 0}
.mk .a-empty{padding:150px 40px 0;text-align:center;color:var(--s-tx2);font-size:16px;line-height:1.5;white-space:pre-line}
.mk .a-plus{position:absolute;right:20px;bottom:32px;width:56px;height:56px;border-radius:16px;background:var(--s-fab);display:flex;align-items:center;justify-content:center;color:var(--s-tx)}
.mk .a-plus.hl-tap{box-shadow:0 0 0 3px var(--s-bg),0 0 0 6px #2563EB;background-color:var(--s-fab)}
.mk .hl-tap{box-shadow:inset 0 0 0 3px #2563EB;background-color:rgba(37,99,235,.13);border-radius:10px}
.mk .hl-type{box-shadow:inset 0 0 0 2px #2563EB;background-color:rgba(37,99,235,.07);border-radius:10px}
.mk .hl-no{box-shadow:inset 0 0 0 3px #DC2626;background-color:rgba(220,38,38,.12);border-radius:10px}
.mk .hl-grp{box-shadow:0 0 0 3px #2563EB}
.mk .bdg{position:absolute;z-index:3;top:-11px;left:-11px;width:24px;height:24px;border-radius:12px;background:#2563EB;color:#fff;font:700 13px/24px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
.mk .bdg.no{background:#DC2626}
.mk .cp-ic{flex:none;color:#2563EB}

@media (prefers-reduced-motion:reduce){.mk *{transition:none!important}}