@import url("/nsx-type.css?v=3"); /* paint premium layer on first load (no flash); ns-visuals.js re-applies it last */
  :root{
    --bg:#05060a; --panel:#0d0f16; --panel-2:#11141d; --panel-3:#161a25;
    --border:#323b4d; --text:#f7f9fc; --text-dim:#aab2c5; --text-faint:#7c84a0;
    --accent:#4fb3ff; --accent-dim:#153347; --ai:#a78bfa; --ai-dim:#251f3d;
    --amber:#e0b04a; --amber-dim:#3a2f16; --green:#3ecf8e; --green-dim:#123326;
    --red:#f0616b; --red-dim:#3a1a1e; --radius:12px; --radius-sm:8px;
  }
  *{box-sizing:border-box;}
  body{margin:0;background:var(--bg);color:var(--text);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;}
  a{color:inherit;}
  button{font-family:inherit;cursor:pointer;}
  input,textarea,select{font-family:inherit;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px;outline:none;}
  input:focus,textarea:focus,select:focus{border-color:var(--accent);}
  ::placeholder{color:var(--text-faint);}
  #app[hidden]{display:none;}
  #app{display:flex;min-height:100vh;}

  /* Sidebar */
  #sidebar{width:230px;flex-shrink:0;background:#0a0e15;border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow-y:auto;}
  .brand{display:flex;align-items:center;gap:10px;padding:2px 4px 10px;}
  .brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--ai));display:flex;align-items:center;justify-content:center;font-weight:700;color:#0a0e15;font-size:16px;flex-shrink:0;}
  .brand-name{font-weight:600;font-size:15px;line-height:1.2;}
  .brand-sub{color:var(--text-faint);font-size:11px;}
  .search-box{display:flex;align-items:center;justify-content:space-between;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text-faint);font-size:12px;}
  .kbd{font-size:10px;border:1px solid var(--border);border-radius:4px;padding:1px 5px;}
  .nav-group-label{font-size:10px;letter-spacing:.06em;color:var(--text-faint);text-transform:uppercase;margin:10px 4px 2px;}
  .nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:13px;text-decoration:none;cursor:pointer;}
  .nav-item:hover{background:var(--panel-2);color:var(--text);}
  .nav-item.active{background:var(--panel-3);color:var(--text);box-shadow:inset 2px 0 0 var(--accent);}
  .nav-dot{width:6px;height:6px;border-radius:50%;background:var(--text-faint);flex-shrink:0;}
  .nav-item.active .nav-dot{background:var(--accent);}
  .nav-hr{border:none;border-top:1px solid var(--border);margin:8px 0;}

  /* Main */
  #main-scroll{flex:1;min-width:0;height:100vh;overflow-y:auto;}
  #topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;border-bottom:1px solid var(--border);color:var(--text-faint);font-size:12px;letter-spacing:.03em;position:sticky;top:0;background:rgba(8,11,17,.9);backdrop-filter:blur(6px);z-index:5;}
  #topbar .crumb{display:flex;align-items:center;gap:8px;}
  #topbar .crumb .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);}
  #main{padding:26px;max-width:1200px;}

  .card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;}
  .card + .card{margin-top:16px;}
  .grid{display:grid;gap:14px;}
  .grid-6{grid-template-columns:repeat(6,1fr);}
  .grid-3{grid-template-columns:repeat(3,1fr);}
  .grid-2{grid-template-columns:repeat(2,1fr);}
  @media(max-width:1000px){.grid-6{grid-template-columns:repeat(2,1fr);}.grid-3{grid-template-columns:1fr;}.grid-2{grid-template-columns:1fr;}}


  .eyebrow{color:var(--accent);font-size:11px;letter-spacing:.05em;font-weight:600;}
  .eyebrow.ai{color:var(--ai);}
  h1.page-title{font-size:26px;margin:6px 0 6px;font-weight:600;}
  .page-desc{color:var(--text-dim);font-size:13px;max-width:640px;line-height:1.5;}

  .stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px;}
  .stat-label{color:var(--text-faint);font-size:11px;margin-bottom:6px;}
  .stat-value{font-size:22px;font-weight:600;}
  .stat-sub{color:var(--text-faint);font-size:11px;margin-top:4px;}

  .badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.03em;padding:3px 8px;border-radius:5px;}
  .badge.high{background:var(--amber-dim);color:var(--amber);}
  .badge.normal{background:var(--panel-3);color:var(--text-dim);}
  .badge.low{background:var(--green-dim);color:var(--green);}
  .badge.ai{background:var(--ai-dim);color:var(--ai);}
  .tag{font-size:11px;color:var(--text-faint);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:2px 8px;}

  .btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;}
  .btn:hover{border-color:var(--text-faint);}
  .btn-primary{background:var(--accent);color:#04121e;border:none;font-weight:600;}
  .btn-primary:hover{filter:brightness(1.08);}
  .btn-ai{background:var(--ai);color:#150f26;border:none;font-weight:600;}
  .btn-ai:hover{filter:brightness(1.1);}
  .btn-danger{background:transparent;border:1px solid var(--red);color:var(--red);}
  .btn-sm{padding:5px 10px;font-size:12px;}
  .btn:disabled{opacity:.5;cursor:default;}

  .task-row{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);}
  .task-row + .task-row{margin-top:10px;}
  .checkbox{width:18px;height:18px;border-radius:5px;border:1px solid var(--text-faint);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;}
  .checkbox.done{background:var(--green);border-color:var(--green);color:#04241a;font-weight:700;font-size:12px;}
  .task-title{font-weight:600;font-size:13.5px;}
  .task-title.done{text-decoration:line-through;color:var(--text-faint);}
  .task-desc{color:var(--text-dim);font-size:12px;margin-top:3px;}
  .task-meta{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}

  .progress-bar{height:7px;background:var(--panel-3);border-radius:5px;overflow:hidden;}
  .progress-fill{height:100%;background:var(--accent);border-radius:5px;}
  .progress-fill.ai{background:var(--ai);}
  .progress-fill.green{background:var(--green);}

  .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  .between{justify-content:space-between;}
  .muted{color:var(--text-dim);}
  .faint{color:var(--text-faint);font-size:12px;}
  .section-title{font-size:15px;font-weight:600;margin-bottom:2px;}
  .field-label{font-size:11px;color:var(--text-faint);margin-bottom:4px;display:block;}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .empty-state{text-align:center;padding:40px 10px;color:var(--text-faint);border:1px dashed var(--border);border-radius:var(--radius);}
  textarea{width:100%;resize:vertical;min-height:70px;}
  .genbody{white-space:pre-wrap;line-height:1.6;font-size:13px;color:var(--text);}
  .spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--panel-3);border-top-color:var(--ai);animation:spin .7s linear infinite;display:inline-block;vertical-align:middle;}
  @keyframes spin{to{transform:rotate(360deg);}}
  .ring-wrap{position:relative;width:96px;height:96px;flex-shrink:0;}
  .ring-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px;font-weight:700;}
  .ring-num small{font-size:8px;font-weight:500;color:var(--text-faint);text-align:center;line-height:1.2;margin-top:2px;}
  .pill-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
  .pill-tab{padding:7px 14px;border-radius:20px;border:1px solid var(--border);background:var(--panel);color:var(--text-dim);font-size:12px;font-family:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;}
  .pill-tab:hover{background:var(--panel-2);color:var(--text);}
  .pill-tab.active{background:var(--accent-dim);color:#fff;border-color:var(--accent);box-shadow:0 0 0 1px rgba(14,165,233,.18) inset;}
  button.pill-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
  .plan-card{border:1px solid var(--border);border-radius:var(--radius);padding:20px;flex:1;background:var(--panel);position:relative;}
  .plan-card.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);}
  .plan-card.best{border-color:var(--ai);}
  .plan-feat{font-size:12.5px;color:var(--text-dim);margin:6px 0;display:flex;gap:8px;}
  .toggle{width:34px;height:19px;border-radius:20px;background:var(--panel-3);position:relative;flex-shrink:0;border:1px solid var(--border);}
  .toggle.on{background:var(--accent-dim);border-color:var(--accent);}
  .toggle .knob{width:14px;height:14px;border-radius:50%;background:var(--text-faint);position:absolute;top:2px;left:2px;transition:.15s;}
  .toggle.on .knob{background:var(--accent);left:17px;}
  ::-webkit-scrollbar{width:9px;height:9px;}
  ::-webkit-scrollbar-thumb{background:var(--panel-3);border-radius:5px;}
  ::-webkit-scrollbar-track{background:transparent;}

  /* Auth gate */
  #authgate[hidden]{display:none;}
  #authgate{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:56px;padding:20px;flex-wrap:wrap;}
  .auth-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px;}
  .auth-tabs{display:flex;gap:6px;margin-bottom:18px;}
  .auth-tab{flex:1;text-align:center;padding:8px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:13px;border:1px solid var(--border);}
  .auth-tab.active{background:var(--panel-3);color:var(--text);border-color:var(--accent);}
  .auth-field{margin-bottom:12px;}
  .auth-field label{display:block;font-size:11px;color:var(--text-faint);margin-bottom:4px;}
  .auth-field input{width:100%;}
  .auth-error{color:var(--red);font-size:12.5px;margin-bottom:10px;min-height:1em;}
  .auth-submit{width:100%;background:var(--accent);color:#08131f;border:none;border-radius:var(--radius-sm);padding:10px;font-weight:600;font-size:13.5px;}
  .auth-submit:disabled{opacity:.6;cursor:default;}
  .authgate-info{max-width:460px;padding:20px;}
  .authgate-info .eyebrow{color:var(--accent);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
  .authgate-info h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 14px;color:var(--text);}
  .authgate-info p.lead{color:var(--text-dim);font-size:16px;line-height:1.6;margin:0 0 22px;}
  .authgate-feature{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;color:var(--text-dim);font-size:14.5px;line-height:1.5;}
  .authgate-feature .dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px;}
  .authgate-feature b{color:var(--text);}
  @media (max-width:860px){#authgate{flex-direction:column;gap:32px;padding:32px 20px;}.authgate-info{text-align:center;padding:0;}.authgate-feature{text-align:left;}}
  /* Mobile nav — off-canvas sidebar drawer, hidden on desktop */
  #nav-toggle{display:none;background:none;border:1px solid var(--border);border-radius:8px;padding:5px 9px;color:var(--text);font-size:16px;line-height:1;flex-shrink:0;}
  #sidebar-backdrop{display:none;}
  @media(max-width:860px){
    #app{display:block;}
    #sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .22s ease;z-index:110;width:min(88vw,340px);padding:22px 18px;}
    #sidebar .nav-item{min-height:48px;padding:13px 14px;font-size:15px;line-height:1.35;}
    #sidebar .nav-group-label{font-size:11px;margin:14px 8px 4px;}
    #sidebar .brand-name{font-size:18px;}
    #sidebar .brand-mark{width:42px;height:42px;}
    #app.nav-open #sidebar{transform:translateX(0);box-shadow:12px 0 32px rgba(0,0,0,.45);}
    #sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(4,6,10,.6);z-index:100;}
    #app.nav-open #sidebar-backdrop{display:block;}
    #main-scroll{width:100%;height:auto;min-height:100dvh;overflow:visible;}
    #app{min-height:100dvh;}
    body{overflow-x:hidden;}
    #nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;font-size:24px;padding:8px;}
    #topbar{padding:12px 14px;}
    #main{padding:16px;}
  }
  @media(max-width:640px){
    #topbar{padding:10px 12px;}
    #topbar .crumb{gap:6px;font-size:11px;}
    #topbar .crumb .dot,#crumb-text{display:none;}
    #topbar .topbar-logout{display:none;}
    #main{padding:14px;}
    h1.page-title{font-size:21px;margin:5px 0 5px;}
    .card{padding:16px;}
    .grid-6{grid-template-columns:repeat(2,1fr);}
    .form-grid{grid-template-columns:1fr;}
    #profile-chip{display:none;}
    #topbar .mobile-billing-link{display:inline-flex;}
    .billing-grid{grid-template-columns:1fr;}
    .billing-plan{padding:18px;min-width:0;}
    .billing-plan .billing-plan-action{min-height:48px;font-size:15px;}
    .billing-manage{width:100%;min-height:44px;}
  }
  .mobile-signout{display:none;width:100%;background:none;border:0;text-align:left;font-family:inherit;}
  @media(max-width:860px){.mobile-signout{display:flex;}}
  .mobile-billing-link{display:none;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;white-space:nowrap;}
  .billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;align-items:stretch;}
  .billing-plan{display:flex;flex-direction:column;min-width:0;}
  .billing-plan .billing-plan-action{margin:14px 0 0;width:100%;min-height:44px;}
  .billing-plan details{margin-top:14px;color:var(--text-dim);}
  .billing-plan summary{cursor:pointer;min-height:32px;}
  .billing-plan .plan-feat{line-height:1.45;}
  @media(max-width:640px){.billing-grid{grid-template-columns:1fr;}}
  @media(max-width:420px){
    .grid-6{grid-template-columns:1fr;}
  }

/* ============================= AI EMPLOYEES MODULE ============================= */
.ae-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.ae-card {
  background: #1a1a2e;
  border: 1px solid #2a2a4a;
  border-radius: 12px;
  padding: 20px;
  position: relative;
  transition: border-color 0.2s;
}
.ae-card:hover { border-color: #4f46e5; }
.ae-card.active { border-color: #22c55e44; }
.ae-card.paused { border-color: #f59e0b44; opacity: 0.8; }
.ae-avatar {
  width: 48px; height: 48px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
  margin-bottom: 12px;
}
.ae-role-badge {
  font-size: 11px; font-weight: 600; letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 3px 8px; border-radius: 20px;
  display: inline-block; margin-bottom: 8px;
}
.ae-name { font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.ae-status-line {
  font-size: 12px; color: #888;
  display: flex; align-items: center; gap: 6px;
  margin-bottom: 14px;
}
.ae-status-dot {
  width: 7px; height: 7px; border-radius: 50%;
}
.ae-status-dot.active { background: #22c55e; box-shadow: 0 0 6px #22c55e; }
.ae-status-dot.paused { background: #f59e0b; }
.ae-status-dot.idle { background: #666; }
.ae-stat-row {
  display: flex; gap: 16px;
  font-size: 12px; color: #aaa;
  margin-bottom: 14px;
}
.ae-stat strong { display: block; font-size: 16px; color: #fff; font-weight: 700; }
.ae-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.ae-btn {
  padding: 6px 12px; border-radius: 6px; border: none;
  font-size: 12px; font-weight: 600; cursor: pointer;
  transition: opacity 0.15s;
}
.ae-btn:hover { opacity: 0.85; }
.ae-btn-run { background: #4f46e5; color: #fff; }
.ae-btn-pause { background: #374151; color: #d1d5db; }
.ae-btn-fire { background: transparent; color: #ef4444; border: 1px solid #ef444444; }
.ae-btn-config { background: #374151; color: #d1d5db; }
.ae-role-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  margin-top: 16px;
}
.ae-role-card {
  background: #12122a;
  border: 1px dashed #2a2a4a;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
.ae-role-card:hover { border-color: #4f46e5; background: #1a1a3e; }
.ae-role-icon { font-size: 28px; margin-bottom: 10px; }
.ae-role-title { font-size: 14px; font-weight: 700; margin-bottom: 4px; }
.ae-role-desc { font-size: 12px; color: #888; line-height: 1.4; }
.ae-feed { margin-top: 24px; }
.ae-feed-item {
  display: flex; gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #1a1a2e;
  font-size: 13px;
}
.ae-feed-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.ae-feed-body { flex: 1; }
.ae-feed-name { font-weight: 700; color: #a78bfa; }
.ae-feed-action { color: #d1d5db; }
.ae-feed-time { font-size: 11px; color: #666; margin-top: 2px; }
.ae-feed-result {
  display: inline-block; margin-top: 4px;
  font-size: 11px; padding: 2px 8px; border-radius: 4px;
}
.ae-feed-result.success { background: #22c55e22; color: #86efac; }
.ae-feed-result.running { background: #4f46e522; color: #a78bfa; }
.ae-feed-result.error { background: #ef444422; color: #fca5a5; }
.ae-modal-overlay {
  position: fixed; inset: 0;
  background: #00000088; backdrop-filter: blur(4px);
  z-index: 1000;
  display: flex; align-items: center; justify-content: center;
}
.ae-modal {
  background: #0f0f23;
  border: 1px solid #2a2a4a;
  border-radius: 16px;
  padding: 28px;
  width: 480px; max-width: 95vw;
  max-height: 85vh; overflow-y: auto;
}
.ae-modal h3 { font-size: 20px; margin-bottom: 20px; }
.ae-field { margin-bottom: 16px; }
.ae-field label { display: block; font-size: 12px; color: #888; margin-bottom: 6px; font-weight: 600; letter-spacing: 0.03em; }
.ae-field input, .ae-field select, .ae-field textarea {
  width: 100%; padding: 10px 12px;
  background: #1a1a2e; border: 1px solid #2a2a4a;
  border-radius: 8px; color: #fff; font-size: 14px;
  box-sizing: border-box;
}
.ae-field input:focus, .ae-field select:focus { outline: none; border-color: #4f46e5; }
.ae-modal-footer { display: flex; gap: 10px; justify-content: flex-end; margin-top: 24px; }
.ae-modal-cancel { background: #374151; color: #d1d5db; }
.ae-modal-save { background: #4f46e5; color: #fff; }
.ae-settings-note {
  background: #1a1a2e; border: 1px solid #2a2a4a;
  border-radius: 8px; padding: 12px; font-size: 12px; color: #888;
  margin-top: 8px;
}
.ae-settings-note strong { color: #a78bfa; }


  /* Module description pop-up */
  .nav-info{margin-left:auto;flex:0 0 auto;width:18px;height:18px;border-radius:50%;border:1px solid var(--border);color:var(--text-faint);font:italic 600 11px/16px Georgia,serif;text-align:center;opacity:.55;transition:opacity .15s,color .15s,border-color .15s;cursor:help}
  .nav-item:hover .nav-info,.nav-info:focus{opacity:1;color:var(--accent);border-color:var(--accent);outline:none}
  .ns-mi-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;animation:nsMiFade .15s ease}
  .ns-mi{position:relative;width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:16px;padding:26px 26px 22px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:nsMiUp .18s ease}
  .ns-mi-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--text-dim);font-size:18px;line-height:1}
  .ns-mi-x:hover{color:var(--text);border-color:var(--text-faint)}
  .ns-mi-eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:600;margin-bottom:8px}
  .ns-mi h2{margin:0 0 4px;font-size:22px;color:var(--text)}
  .ns-mi-tag{color:var(--amber);font-size:14px;margin-bottom:12px}
  .ns-mi-what{color:var(--text-dim);line-height:1.6;margin:0 0 16px}
  .ns-mi-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px}
  .ns-mi-list{margin:0 0 16px;padding:0;list-style:none}
  .ns-mi-list li{position:relative;padding-left:22px;margin-bottom:8px;color:var(--text);line-height:1.5}
  .ns-mi-list li::before{content:"";position:absolute;left:2px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--green-dim);border:1px solid var(--green)}
  .ns-mi-tip{background:var(--panel-3);border-left:2px solid var(--amber);border-radius:0 8px 8px 0;padding:10px 12px;color:var(--text-dim);font-size:13px;line-height:1.5}
  .ns-mi-tip b{color:var(--amber);margin-right:6px}
  .ns-mi-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
  @keyframes nsMiFade{from{opacity:0}to{opacity:1}}
  @keyframes nsMiUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  @media (max-width:640px){.ns-mi{padding:22px 18px 18px}.ns-mi h2{font-size:19px}.ns-mi-actions .btn{flex:1}}
  @media (prefers-reduced-motion:reduce){.ns-mi-backdrop,.ns-mi{animation:none}}

  /* Toasts */
  #ns-toasts{position:fixed;right:18px;bottom:18px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 36px));pointer-events:none}
  .ns-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:12px 12px 12px 14px;box-shadow:0 18px 40px rgba(0,0,0,.5);color:var(--text);font-size:13px;line-height:1.45;animation:nsToastIn .2s ease}
  .ns-toast.out{opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
  .ns-toast-msg{flex:1;white-space:pre-line;word-break:break-word}
  .ns-toast-ic{flex:0 0 18px;height:18px;border-radius:50%;margin-top:1px;background:var(--accent-dim);border:1px solid var(--accent);position:relative}
  .ns-toast-ic::after{content:"i";position:absolute;inset:0;font:italic 700 11px/16px Georgia,serif;text-align:center;color:var(--accent)}
  .ns-toast-success{border-left-color:var(--green)} .ns-toast-success .ns-toast-ic{background:var(--green-dim);border-color:var(--green)} .ns-toast-success .ns-toast-ic::after{content:"✓";font:700 11px/16px Inter,sans-serif;color:var(--green)}
  .ns-toast-error{border-left-color:var(--red)} .ns-toast-error .ns-toast-ic{background:var(--red-dim);border-color:var(--red)} .ns-toast-error .ns-toast-ic::after{content:"!";font:700 11px/16px Inter,sans-serif;color:var(--red)}
  .ns-toast-warn{border-left-color:var(--amber)} .ns-toast-warn .ns-toast-ic{background:var(--amber-dim);border-color:var(--amber)} .ns-toast-warn .ns-toast-ic::after{content:"!";font:700 11px/16px Inter,sans-serif;color:var(--amber)}
  .ns-toast-x{flex:0 0 auto;background:transparent;border:0;color:var(--text-faint);font-size:16px;line-height:1;padding:0 2px}
  .ns-toast-x:hover{color:var(--text)}
  @keyframes nsToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  /* Top progress bar */
  #ns-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:10001;pointer-events:none;opacity:0;transition:opacity .25s}
  #ns-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--amber));box-shadow:0 0 8px var(--accent)}
  #ns-progress.on{opacity:1} #ns-progress.on span{width:85%;transition:width 8s cubic-bezier(.1,.6,.2,1)}
  #ns-progress.finish{opacity:0} #ns-progress.finish span{width:100%;transition:width .2s ease}
  /* Guided empty states */
  .empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;line-height:1.5;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
  .ns-empty-ic{width:38px;height:38px;border-radius:50%;border:1px dashed var(--border);background:var(--panel-3);position:relative}
  .ns-empty-ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%) rotate(45deg);border:2px solid var(--text-faint);border-radius:2px}
  .ns-empty-go{margin-top:2px}
  @media (max-width:640px){#ns-toasts{left:12px;right:12px;bottom:12px;max-width:none}}
  @media (prefers-reduced-motion:reduce){.ns-toast{animation:none}#ns-progress span{transition:none!important}}

/* Native dropdowns: give the option list a solid dark background so every option is readable
   (options inherited light text over a transparent/white popup, so only the hovered one showed). */
select { color-scheme: dark; }
select option, select optgroup { background-color: #111319; color: #f7f8fa; }
select option:checked { background-color: #1d2a3a; color: #ffffff; }
select option:disabled { color: #8b93a1; }