:root{--bg:#f9fafb;--surf:#ffffff;--surf2:#f3f4f6;--bord:#e5e7eb;--txt:#0f172a;--muted:#64748b;--acc:#ff6200;--acc-end:#ff0000;--brand-gradient:linear-gradient(135deg,#ff6200 0%,#ff4500 50%,#ff0000 100%);--ok:#15803d;--warn:#92400e;--err:#B91C1C;--r:10px;--rs:7px;}
[data-theme="dark"]{--bg:#0d0d14;--surf:#16161f;--surf2:#1f1f2e;--bord:#2e2e45;--txt:#eeeef8;--muted:#7777a0;}
[data-theme="dark"] .help-modal{background:#16161f;color:#eeeef8;}
[data-theme="dark"] .help-head{background:rgba(22,22,31,.96);}
[data-theme="dark"] .help-sec{background:rgba(255,255,255,.04);border-color:var(--bord);}
[data-theme="dark"] .help-sec p{color:#a0a0c0;}
[data-theme="dark"] .help-ex{background:rgba(255,98,0,.1);border-color:rgba(255,98,0,.2);color:#c0c0e0;}
[data-theme="dark"] .exp-dd{background:#16161f;}
[data-theme="dark"] .exp-dd button{color:var(--txt);}
[data-theme="dark"] .exp-dd button:hover{background:var(--surf2);}
[data-theme="dark"] .zoom-box,[data-theme="dark"] .mini-box{background:rgba(22,22,31,.92);}
[data-theme="dark"] .mini-map{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;}
header{display:flex;align-items:center;gap:7px;padding:7px 13px;background:var(--surf);border-bottom:1px solid var(--bord);flex-shrink:0;flex-wrap:wrap;}
.logo{font-size:14px;font-weight:800;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;}
.hs{width:1px;height:16px;background:var(--bord);flex-shrink:0;}
select.hc,button.hc{background:var(--surf2);border:1px solid var(--bord);color:var(--txt);border-radius:var(--rs);padding:4px 9px;font-size:11px;cursor:pointer;}
select.hc:focus,button.hc:focus{outline:none;border-color:var(--acc);}
button.hc:hover{border-color:var(--acc);}
button.hc.on{border-color:var(--acc);color:var(--acc);background:rgba(255,98,0,.12);}
.badge{font-size:10px;color:var(--muted);background:var(--surf2);padding:2px 7px;border-radius:999px;border:1px solid var(--bord);}
.ml{margin-left:auto;}
.controls{display:flex;align-items:center;gap:6px;padding:7px 13px;background:var(--surf);border-bottom:1px solid var(--bord);flex-shrink:0;flex-wrap:wrap;}
.iw{flex:1;min-width:150px;}
textarea#inp{width:100%;background:var(--surf2);border:1px solid var(--bord);color:var(--txt);border-radius:var(--rs);padding:6px 10px;font-size:12px;resize:none;height:34px;min-height:34px;max-height:68px;line-height:1.45;font-family:inherit;transition:border-color .2s;}
textarea#inp:focus{outline:none;border-color:var(--acc);}
textarea#inp::placeholder{color:var(--muted);}
.bg{display:flex;gap:5px;align-items:center;flex-wrap:wrap;position:relative;}
.btn{border:none;border-radius:var(--rs);padding:5px 11px;font-size:11px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;white-space:nowrap;}
.btn:hover{opacity:.82;} .btn:active{transform:scale(.96);} .btn:disabled{opacity:.35;cursor:not-allowed;}
.bp{background:var(--acc);color:#fff;}
.bs{background:var(--surf2);color:var(--txt);border:1px solid var(--bord);}
.bd{background:transparent;color:var(--err);border:1px solid var(--err);}
.exp-wrap{position:relative;}
.exp-btn{background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--rs);padding:5px 11px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(255,69,0,.25);}
.exp-btn:hover{opacity:.82;} .exp-btn:disabled{opacity:.35;cursor:not-allowed;}
.exp-dd{display:none;position:absolute;top:calc(100% + 4px);right:0;background:#ffffff;border:1px solid var(--bord);border-radius:var(--r);min-width:210px;z-index:500;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.12);}
.exp-dd.open{display:block;}
.exp-dd button{display:block;width:100%;padding:7px 13px;background:none;border:none;color:var(--txt);font-size:11px;cursor:pointer;text-align:left;}
.exp-dd button:hover{background:var(--bord);}
.exp-dd .sep{height:1px;background:var(--bord);margin:2px 0;}
.sbar{display:flex;align-items:center;gap:6px;padding:3px 13px;min-height:22px;background:var(--surf);border-bottom:1px solid var(--bord);flex-shrink:0;}
.sdot{width:5px;height:5px;border-radius:50%;background:var(--muted);flex-shrink:0;transition:background .2s;}
#stxt{font-size:10px;color:var(--muted);transition:color .2s;}
.sbar.ok .sdot{background:var(--ok);} .sbar.ok #stxt{color:var(--ok);}
.sbar.warn .sdot{background:var(--warn);} .sbar.warn #stxt{color:var(--warn);}
.sbar.err .sdot{background:var(--err);} .sbar.err #stxt{color:var(--err);}
.help-ov{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:700;}
.help-ov[hidden]{display:none !important;}
.help-modal{width:min(680px,100%);max-height:min(80vh,760px);overflow:auto;background:#ffffff;border:1px solid var(--bord);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.15);}
.help-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--bord);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);}
.help-head h2{font-size:16px;line-height:1.2;}
.help-body{padding:18px;display:grid;gap:14px;}
.help-sec{padding:12px 13px;border:1px solid var(--bord);border-radius:12px;background:rgba(0,0,0,.02);}
.help-sec h3{font-size:12px;margin-bottom:6px;color:var(--txt);}
.help-sec p{font-size:12px;line-height:1.6;color:#334155;}
.help-ex{margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(255,98,0,.08);border:1px solid rgba(255,98,0,.18);color:#334155;}
.cwrap{flex:1;padding:11px;overflow:hidden;display:flex;position:relative;max-height:calc(100vh - 120px);}
#wc{flex:1;position:relative;border-radius:var(--r);overflow:auto;transition:background .3s;scrollbar-width:thin;cursor:grab;}
#wc.panning{cursor:grabbing;user-select:none;}
#ws{position:relative;transform-origin:top left;}
.nav-panel{position:absolute;right:20px;bottom:20px;display:grid;gap:10px;z-index:350;pointer-events:none;}
.zoom-box,.mini-box{pointer-events:auto;background:rgba(255,255,255,.92);border:1px solid var(--bord);border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.1);backdrop-filter:blur(10px);}
.zoom-box{display:flex;align-items:center;gap:6px;padding:8px;}
.zoom-box .hc{min-width:38px;height:32px;padding:0 8px;font-size:12px;}
.zoom-val{min-width:52px;text-align:center;font-size:11px;font-weight:700;color:var(--txt);}
.mini-box{padding:10px;display:grid;gap:8px;}
.mini-head{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.mini-map{width:180px;height:120px;position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.01));border:1px solid var(--bord);cursor:pointer;}
.mini-cloud{position:absolute;inset:0;}
.mini-pill{position:absolute;border-radius:999px;opacity:.8;}
.mini-viewport{position:absolute;border:2px solid var(--acc);border-radius:8px;background:rgba(255,98,0,.1);box-shadow:0 0 0 1px rgba(255,98,0,.15) inset;pointer-events:none;}
.mini-map{touch-action:none;}
.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;}
.eico{font-size:38px;opacity:.22;}
.empty p{font-size:12px;color:var(--muted);text-align:center;max-width:250px;line-height:1.6;}
.lovo{display:none;position:absolute;inset:0;background:rgba(249,250,251,.65);align-items:center;justify-content:center;font-size:11px;color:var(--muted);border-radius:var(--r);backdrop-filter:blur(2px);z-index:200;}
.lovo.on{display:flex;}
.spin{width:15px;height:15px;border:2px solid var(--bord);border-top-color:var(--acc);border-radius:50%;animation:sp .7s linear infinite;margin-right:7px;}
@keyframes sp{to{transform:rotate(360deg)}}
/* PILLS */
.pill{position:absolute;display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;font-weight:700;letter-spacing:.01em;transition:transform .15s;}
.pill.dragging{cursor:grabbing;z-index:200;opacity:.85;box-shadow:0 8px 28px rgba(0,0,0,.3)!important;animation:none!important;transform:none;}
.pill.selected{outline:2px dashed var(--acc);outline-offset:3px;z-index:30;}
.pill.pinned{outline:2px dashed rgba(255,98,0,.5);outline-offset:2px;}
.pill:focus{outline:2px solid var(--acc);outline-offset:2px;z-index:30;}
.pill:focus .pctop{display:flex;}
.pill:focus .pcbot{display:flex;}
.pill-lbl{pointer-events:none;white-space:nowrap;}
.pctop{position:absolute;top:-7px;left:0;right:0;display:none;justify-content:space-between;padding:0 2px;z-index:20;}
.pill:hover .pctop{display:flex;}
.pcbot{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);display:none;gap:3px;align-items:center;z-index:20;}
.pill:hover .pcbot{display:flex;}
.pc{width:15px;height:15px;border-radius:50%;border:none;font-size:8px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;}
.pc-del{background:#ff3333;color:#fff;}
.pc-pin{background:rgba(100,116,139,.7);color:#fff;font-size:7px;}
.pc-pin.on{background:var(--acc);color:#fff;}
.pc-w{background:rgba(0,0,0,.45);color:#fff;font-size:10px;padding:0 5px;border-radius:99px;height:13px;cursor:pointer;border:none;white-space:nowrap;}
.pc-w:hover{background:rgba(0,0,0,.6);}
.wlbl{background:rgba(0,0,0,.4);color:#fff;font-size:8px;padding:1px 5px;border-radius:99px;pointer-events:none;}
.pill .einp{position:absolute;inset:0;background:rgba(255,255,255,.92);border:2px solid var(--acc);border-radius:inherit;padding:2px 8px;font-size:inherit;font-weight:700;color:var(--txt);text-align:center;width:100%;outline:none;z-index:100;}
@keyframes pi{from{opacity:0;transform:scale(.18);}to{opacity:1;transform:scale(1);}}
@media(prefers-reduced-motion:reduce){.pill{animation:none!important;opacity:1!important;}}
/* SETTINGS */
.spanel{position:absolute;top:0;right:0;bottom:0;width:258px;background:var(--surf);border-left:1px solid var(--bord);z-index:400;overflow-y:auto;transform:translateX(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);padding:12px;}
.spanel.open{transform:translateX(0);}
.sp-head{font-size:12px;font-weight:700;margin-bottom:11px;display:flex;justify-content:space-between;align-items:center;}
.sp-x{background:none;border:none;color:var(--muted);font-size:15px;cursor:pointer;padding:1px 5px;}
.sp-x:hover{color:var(--txt);}
.sp-sec{margin-bottom:13px;}
.sp-lbl{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;}
.sp-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:7px;}
.sp-row label{font-size:11px;color:var(--txt);flex-shrink:0;}
.sp-row .val{font-size:11px;color:var(--acc);min-width:28px;text-align:right;flex-shrink:0;}
.sp-row input[type=range]{flex:1;accent-color:var(--acc);}
.sp-row input[type=color]{width:28px;height:22px;border:1px solid var(--bord);border-radius:4px;cursor:pointer;background:none;padding:0;}
.sp-row input[type=checkbox]{accent-color:var(--acc);width:13px;height:13px;cursor:pointer;}
.sp-row select{background:var(--surf2);border:1px solid var(--bord);color:var(--txt);border-radius:4px;padding:3px 6px;font-size:11px;}
.sp-help{font-size:10px;color:var(--muted);line-height:1.55;}
.sp-reset{width:100%;padding:6px;background:var(--surf2);border:1px solid var(--bord);color:var(--muted);border-radius:var(--rs);font-size:11px;cursor:pointer;margin-top:5px;}
.sp-reset:hover{color:var(--err);border-color:var(--err);}

/* PRESENTATION MODE */
body.presentation header,
body.presentation .controls,
body.presentation .sbar,
body.presentation .nav-panel,
body.presentation .spanel{display:none!important;}
body.presentation .cwrap{padding:0;}
body.presentation #wc{border-radius:0;}

/* Presentation exit button */
.pres-exit{position:fixed;top:16px;right:16px;z-index:9999;background:rgba(0,0,0,.55);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;opacity:0;transition:opacity .3s;backdrop-filter:blur(6px);}
.pres-exit:hover{opacity:1!important;background:rgba(255,50,50,.8);}
body.presentation .pres-exit{display:block;}
body.presentation .cwrap:hover .pres-exit{opacity:.7;}
.pres-exit[hidden]{display:none!important;}

/* CUSTOM PALETTE */
.pal-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.pal-item{display:flex;align-items:center;gap:2px;}
.pal-swatch{width:26px;height:22px;border:1px solid var(--bord);border-radius:4px;cursor:pointer;padding:0;background:none;}
.pal-del{width:16px;height:16px;border:none;background:rgba(255,51,51,.15);color:#ff3333;border-radius:50%;font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;}
.pal-del:hover{background:#ff3333;color:#fff;}
.pal-add,.pal-clr{border:1px dashed var(--bord);background:none;color:var(--muted);border-radius:var(--rs);padding:3px 8px;font-size:10px;cursor:pointer;}
.pal-add:hover,.pal-clr:hover{border-color:var(--acc);color:var(--acc);}

/* POST-IT GROUPS */
.postit{position:absolute;min-width:160px;background:var(--surf);border:1px solid var(--bord);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:50;cursor:default;font-family:'Inter',-apple-system,sans-serif;overflow:visible;transition:box-shadow .2s,outline .15s;}
.postit:hover{box-shadow:0 6px 24px rgba(0,0,0,.18);}
.postit.drop-target{outline:2px solid var(--acc);outline-offset:-1px;box-shadow:0 0 0 4px rgba(255,98,0,.2),0 6px 24px rgba(0,0,0,.18);animation:dropPulse .6s ease infinite;}
@keyframes dropPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 4px rgba(255,98,0,.2),0 6px 24px rgba(0,0,0,.18);}50%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(255,98,0,.3),0 8px 32px rgba(0,0,0,.22);}}
.postit-head{display:flex;align-items:center;gap:6px;padding:7px 10px;cursor:grab;user-select:none;border-bottom:1px solid var(--bord);background:var(--surf2);}
.postit-head.dragging{cursor:grabbing;}
.postit.minimized .postit-head{border-bottom:none;}
.postit-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.postit-name{flex:1;font-size:11px;font-weight:700;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;}
.postit-ctrl{display:flex;gap:3px;align-items:center;}
.postit-btn{width:18px;height:18px;border:none;border-radius:4px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;}
.postit-btn:hover{background:var(--bord);color:var(--txt);}
.postit-btn.del:hover{background:rgba(255,51,51,.15);color:#ff3333;}
.postit-col{width:18px;height:18px;border:1px solid var(--bord);border-radius:4px;cursor:pointer;padding:0;background:none;flex-shrink:0;}
.postit-body{padding:6px 10px;max-height:300px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain;}
.postit.minimized .postit-body{display:none;}
.postit-empty{font-size:10px;color:var(--muted);font-style:italic;padding:4px 0;text-align:center;}
.postit-word{display:flex;align-items:center;gap:5px;padding:3px 0;font-size:10px;color:var(--txt);border-bottom:1px solid rgba(0,0,0,.04);}
.postit-word:last-child{border-bottom:none;}
.postit-wdot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.postit-word-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.postit-word-rm{width:14px;height:14px;border:none;background:transparent;color:var(--muted);font-size:9px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;}
.postit-word-rm:hover{background:rgba(255,51,51,.15);color:#ff3333;}
.postit-ninp{width:100%;background:transparent;border:none;font-size:11px;font-weight:700;color:var(--txt);outline:none;padding:0;font-family:inherit;}
.postit-cloud{display:flex;flex-wrap:wrap;gap:4px;align-items:center;align-content:flex-start;}
.postit-chip{display:inline-block;padding:2px 7px;border-radius:6px;color:#fff;font-weight:700;white-space:nowrap;cursor:default;line-height:1.4;}
.postit-resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;opacity:.3;transition:opacity .2s;}
.postit-resize::after{content:'';position:absolute;right:3px;bottom:3px;width:6px;height:6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);}
.postit-resize:hover{opacity:.8;}
.postit.minimized .postit-resize{display:none;}
[data-theme="dark"] .postit{box-shadow:0 4px 16px rgba(0,0,0,.35);}
[data-theme="dark"] .postit-word{border-bottom-color:rgba(255,255,255,.04);}
body.presentation .postit{display:none!important;}

/* VIEW SELECTOR */
select.vsel{border-color:var(--acc);color:var(--acc);font-weight:700;}

/* SELECTION BAR */
.sel-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:var(--surf);border:1px solid var(--bord);border-radius:var(--r);padding:6px 14px;box-shadow:0 6px 24px rgba(0,0,0,.18);z-index:600;font-size:11px;white-space:nowrap;}
.sel-lbl{font-weight:700;color:var(--acc);}
.sel-grp{background:var(--surf2);border:1px solid var(--bord);color:var(--txt);border-radius:var(--rs);padding:3px 8px;font-size:11px;cursor:pointer;}
.sel-clr{background:transparent;border:1px solid var(--bord);color:var(--muted);border-radius:var(--rs);padding:3px 8px;font-size:11px;cursor:pointer;}
.sel-clr:hover{border-color:var(--err);color:var(--err);}

@media (max-width:720px){
body{overflow:auto;}
.help-ov{padding:10px;align-items:flex-start;}
.help-modal{max-height:calc(100vh - 20px);}
.help-head{padding:14px;}
.help-body{padding:14px;}
header,.controls,.sbar{padding-left:10px;padding-right:10px;}
.controls{align-items:stretch;}
.iw{min-width:100%;}
.bg{width:100%;}
.nav-panel{right:12px;bottom:12px;}
.mini-map{width:140px;height:96px;}
.btn,.exp-btn{flex:1;justify-content:center;}
.exp-wrap{flex:1;}
.exp-dd{right:auto;left:0;min-width:100%;}
.cwrap{padding:8px;min-height:55vh;}
.spanel{width:min(100%,320px);}
}

/* ── Breadcrumb (top) ──────────────────────── */
.ndp-breadcrumb{padding:6px 13px;font-size:12px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--muted);background:var(--surf);border-bottom:1px solid var(--bord);}
.ndp-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;}
.ndp-breadcrumb li::after{content:"›";margin-left:6px;color:var(--bord);}
.ndp-breadcrumb li:last-child::after{display:none;}
.ndp-breadcrumb a{color:var(--acc);text-decoration:none;font-weight:500;}
.ndp-breadcrumb a:hover{text-decoration:underline;}

/* ── Floating Newsletter Widget ─────────────── */
.nl-float{position:fixed;bottom:20px;left:20px;z-index:500;font-family:'Inter',-apple-system,sans-serif;}
.nl-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;color:#fff;background:var(--brand-gradient);border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 16px rgba(255,69,0,.3);transition:transform .2s ease,box-shadow .2s ease;}
.nl-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,69,0,.4);}
.nl-trigger[aria-expanded="true"]{display:none;}
.nl-panel{width:300px;background:var(--surf);border:1px solid var(--bord);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.15);padding:0;overflow:hidden;}
.nl-panel[hidden]{display:none;}
.nl-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--bord);background:var(--surf2);}
.nl-panel-title{font-size:13px;font-weight:800;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nl-panel-close{background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer;padding:2px 4px;line-height:1;}
.nl-panel-close:hover{color:var(--txt);}
.nl-panel-desc{font-size:12px;color:var(--muted);line-height:1.55;padding:12px 14px 0;}
.nl-panel-desc strong{color:var(--txt);}
.nl-float .nl-form{padding:10px 14px 0;display:grid;gap:8px;}
.nl-float .nl-input{width:100%;padding:8px 12px;font-size:13px;font-family:inherit;font-weight:500;border-radius:var(--rs);border:1.5px solid var(--bord);background:var(--surf2);color:var(--txt);outline:none;transition:border-color .2s,box-shadow .2s;}
.nl-float .nl-input:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(255,98,0,.15);}
.nl-float .nl-input::placeholder{color:var(--muted);}
.nl-float .nl-privacy{display:flex;align-items:flex-start;gap:6px;text-align:left;}
.nl-float .nl-checkbox{margin-top:2px;accent-color:var(--acc);flex-shrink:0;}
.nl-float .nl-privacy-label{font-size:11px;color:var(--muted);line-height:1.4;}
.nl-float .nl-privacy-label a{color:var(--acc);text-decoration:underline;}
.nl-float .nl-btn{width:100%;padding:8px;font-size:13px;font-weight:700;color:#fff;background:var(--brand-gradient);border:none;border-radius:var(--rs);cursor:pointer;transition:transform .15s,box-shadow .15s;}
.nl-float .nl-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,69,0,.3);}
.nl-float .nl-status{font-size:12px;color:var(--ok);padding:0 14px;min-height:16px;}
.nl-panel-footer{font-size:11px;color:var(--muted);text-align:center;padding:8px 14px 12px;border-top:1px solid var(--bord);margin-top:8px;}
.nl-panel-footer a{color:var(--acc);text-decoration:none;font-weight:600;}
.nl-panel-footer a:hover{text-decoration:underline;}

/* Dark mode overrides for floating widget */
[data-theme="dark"] .nl-panel{background:var(--surf);box-shadow:0 8px 32px rgba(0,0,0,.4);}
[data-theme="dark"] .nl-trigger{box-shadow:0 4px 16px rgba(255,69,0,.2);}

/* Hide widget in presentation mode */
body.presentation .nl-float{display:none!important;}
body.presentation .ndp-breadcrumb{display:none!important;}

/* ── Utility ───────────────────────────────── */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ── Widget responsive ──────────────────────── */
@media(max-width:500px){
.nl-float{bottom:12px;left:12px;right:12px;}
.nl-panel{width:auto;}
}

@media (hover:none){
.pill:active .pctop,.pill:active .pcbot{display:flex;}
.pc{min-width:22px;min-height:22px;}
.pc-w{height:18px;padding:0 7px;}
}