/* ==========================================================================
   FindNTrade — Terminal Theme
   Design language: a quiet instrument panel, not a dashboard template.
   Amber is the single working accent (the phosphor-glow of old trading
   terminals); green/red are reserved strictly for gain/loss so they always
   mean something. Figures set in a monospace face so digits line up like
   they would on a real ticker.
   ========================================================================== */

:root{
  /* surfaces */
  --bg:#0b111a;
  --bg-soft:#0e1520;
  --panel:#131b26;
  --panel2:#192331;
  --panel-elevated:#1d2937;
  --field:#0c131d;

  /* lines */
  --line:#233144;
  --line-soft:#1a2635;
  --line-strong:#3a4a60;

  /* type */
  --text:#f0efe9;
  --text-dim:#c5cdd6;
  --muted:#93a0af;
  --faint:#697b90;

  /* accent — amber phosphor */
  --accent:#e6a94e;
  --accent-strong:#ffc267;
  --accent-dim:#916a34;
  --accent-soft:rgba(230,169,78,.12);
  --accent-soft-strong:rgba(230,169,78,.2);
  --on-accent:#23180a;

  /* signal colours — gain/loss only */
  --good:#3ecf8e;
  --good-soft:rgba(62,207,142,.12);
  --good-line:#2c5a46;
  --danger:#f2657c;
  --danger-soft:rgba(242,101,124,.12);
  --danger-line:#6b2f3a;

  --radius-sm:7px;
  --radius:11px;
  --radius-lg:15px;
  --shadow-1:0 1px 0 rgba(255,255,255,.02) inset, 0 10px 30px -18px rgba(0,0,0,.7);
  --shadow-2:0 24px 70px -20px rgba(0,0,0,.65);
  --font-ui:'Inter',-apple-system,'Segoe UI',Arial,sans-serif;
  --font-display:'Space Grotesk','Inter',sans-serif;
  --font-mono:'JetBrains Mono','SF Mono',Consolas,monospace;
}

*{box-sizing:border-box}
::selection{background:var(--accent-soft-strong);color:#fff}

html{color-scheme:dark}

body{
  margin:0;
  min-height:100vh;
  background:var(--bg);
  background-attachment:fixed;
  color:var(--text);
  font-family:var(--font-ui);
  font-size:14.5px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#242b38;border-radius:99px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:#323d4e}
:focus-visible{outline:2px solid var(--accent-dim);outline-offset:2px;border-radius:4px}

/* ---------------------------------------------------------------------- */
/* Shell / Sidebar                                                        */
/* ---------------------------------------------------------------------- */
.app-shell{display:flex;min-height:100vh}

.sidebar{
  position:fixed;inset:0 auto 0 0;width:246px;
  background:#0e1621;
  border-right:1px solid var(--line-soft);
  padding:22px 14px 24px;overflow:auto;
  z-index:10;
}
.brand{
  font-family:var(--font-display);
  font-weight:700;font-size:15px;letter-spacing:.09em;
  padding:6px 10px 22px;margin-bottom:8px;
  border-bottom:1px solid var(--line-soft);
  display:flex;align-items:center;gap:9px;color:var(--text);
}
.brand-mark{width:27px;height:27px;flex:none;display:block}
.brand-name{font-weight:760!important;color:var(--text)!important;letter-spacing:-.01em!important;font-size:17px}
.brand-name>span{font-weight:760!important;color:var(--accent-strong)!important;letter-spacing:-.01em!important}

.nav-label{
  font-family:var(--font-mono);
  font-size:10px;letter-spacing:.14em;color:var(--faint);
  padding:20px 12px 8px;font-weight:600;
}
nav a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  color:var(--text-dim);text-decoration:none;
  padding:10px 12px;border-radius:8px;margin:2px 0;
  font-size:13.5px;font-weight:500;
  border:1px solid transparent;
  position:relative;
  transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;
}
nav a:hover{background:#141a24;color:var(--text);transform:translateX(1px)}
nav a.active{
  background:var(--accent-soft);
  color:#fbe4b8;border-color:rgba(227,165,63,.22);
}
nav a.active::before{
  content:"";position:absolute;left:-14px;top:50%;translate:0 -50%;
  width:3px;height:16px;border-radius:3px;background:var(--accent);
}
nav a b{
  font-family:var(--font-mono);font-size:11px;color:var(--muted);
  font-weight:600;background:#0d1119;border:1px solid var(--line);
  padding:1px 6px;border-radius:99px;
}
nav a.active b{color:var(--accent-strong);border-color:rgba(227,165,63,.25);background:rgba(227,165,63,.08)}
.daily-link{border:1px solid #2a2213!important;background:rgba(227,165,63,.04)!important}
.daily-link.active{border-color:rgba(227,165,63,.35)!important}

.main{margin-left:246px;width:calc(100% - 246px);padding:30px 42px 54px;max-width:1560px}

/* ---------------------------------------------------------------------- */
/* Typography                                                             */
/* ---------------------------------------------------------------------- */
.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.eyebrow{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;
  color:var(--accent);margin-bottom:7px;font-weight:600;
}
h1{font-family:var(--font-display);font-size:28px;font-weight:700;margin:0 0 5px;letter-spacing:-.01em;color:#fff}
h2{font-family:var(--font-display);font-size:17px;font-weight:600;margin:0 0 6px;color:#f4f7fb}
p{margin:0;color:var(--muted)}
.page-head>div>p{max-width:620px;font-size:12.5px;line-height:1.45}

/* ---------------------------------------------------------------------- */
/* Stat cards                                                             */
/* ---------------------------------------------------------------------- */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.card{
  background:var(--panel);
  border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 17px;text-decoration:none;color:var(--text);
  min-height:96px;display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:var(--shadow-1);
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
  position:relative;overflow:hidden;
}
.card::after{
  content:"";position:absolute;inset:0 0 auto 0;height:2px;
  background:var(--accent);
  opacity:0;transition:opacity .18s ease;
}
.card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:var(--shadow-2)}
.card:hover::after{opacity:.7}
.card span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.card strong{font-family:var(--font-mono);font-size:28px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff}
.card small{color:var(--faint);font-size:11.5px}

/* ---------------------------------------------------------------------- */
/* Panels                                                                 */
/* ---------------------------------------------------------------------- */
.panel{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:19px;margin-bottom:16px;box-shadow:var(--shadow-1);
}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:14px}
.panel-head p{margin-top:3px;font-size:11.5px;line-height:1.4}
.panel-head a{color:var(--accent);text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}
.panel-head a:hover{color:var(--accent-strong)}

/* ---------------------------------------------------------------------- */
/* Tables                                                                 */
/* ---------------------------------------------------------------------- */
.table-scroll{overflow:auto;border-radius:var(--radius-sm)}
table{width:100%;border-collapse:collapse;min-width:650px}
th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line-soft);white-space:nowrap}
th{
  font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.1em;color:var(--faint);font-weight:600;
  background:var(--bg-soft);position:sticky;top:0;
}
tbody tr{cursor:pointer;transition:background .12s ease}
tbody tr:hover{background:var(--panel2)}
tbody tr:last-child td{border-bottom:0}
td{font-variant-numeric:tabular-nums}
.stock-name{font-weight:650;color:#f6f9fc}
.stock-name small{display:block;color:var(--muted);font-weight:400;margin-top:3px;font-family:var(--font-mono);font-size:11px}

.check{
  display:inline-flex;align-items:center;justify-content:center;
  width:23px;height:23px;border-radius:50%;
  background:var(--good-soft);color:var(--good);font-weight:800;
  border:1px solid var(--good-line);
}
.pill{
  display:inline-block;padding:4px 9px;border-radius:999px;
  background:#171d29;color:#a9c9e6;font-size:10.5px;font-weight:700;
  border:1px solid var(--line);letter-spacing:.03em;
}

/* ---------------------------------------------------------------------- */
/* Buttons                                                                */
/* ---------------------------------------------------------------------- */
.button{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:1px solid transparent;
  background:var(--accent);
  color:var(--on-accent);text-decoration:none;font-weight:700;
  padding:10px 16px;border-radius:8px;cursor:pointer;font-size:13.5px;
  font-family:var(--font-ui);
  box-shadow:none;
  transition:filter .15s ease,transform .15s ease,box-shadow .15s ease;
}
.button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.button:active{transform:translateY(0)}
.button.secondary{
  background:var(--panel-elevated);color:var(--text-dim);
  border-color:var(--line-strong);box-shadow:none;
}
.button.secondary:hover{background:#1c222d;color:#fff}
.button.danger{border:1px solid var(--danger-line);background:rgba(242,101,124,.1);color:#ffcdd6;box-shadow:none}
.button.danger:hover{background:rgba(242,101,124,.18);border-color:#8a3f4c}
.button.small{padding:7px 11px;font-size:11.5px}
.button:disabled,.add-trade-actions .button:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}

.icon-button{border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer;transition:color .15s ease}
.icon-button:hover{color:var(--text)}

/* ---------------------------------------------------------------------- */
/* Search / toolbar                                                       */
/* ---------------------------------------------------------------------- */
.toolbar{display:flex;gap:12px;margin-bottom:16px}
.search{position:relative;flex:1}
.search input{
  width:100%;background:var(--field);border:1px solid var(--line);color:var(--text);
  border-radius:9px;padding:12px 42px 12px 14px;outline:none;font-size:13.5px;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.search input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}
.search span{position:absolute;right:14px;top:9px;color:var(--muted);font-size:20px}

.list-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.table-search{
  width:min(420px,100%);box-sizing:border-box;background:var(--field);color:var(--text);
  border:1px solid var(--line);border-radius:8px;padding:11px 13px;outline:none;font-size:13.5px;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.table-search:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}
.search-count{font-size:12px;color:var(--muted);font-family:var(--font-mono)}

/* ---------------------------------------------------------------------- */
/* Add-box / dropdown forms                                               */
/* ---------------------------------------------------------------------- */
.add-box{position:relative}
.add-box summary{list-style:none;cursor:pointer}
.add-box[open] summary{display:none}
.add-form{
  position:absolute;right:0;top:0;z-index:5;width:330px;
  background:var(--panel-elevated);border:1px solid var(--line-strong);
  border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-2);
}
.add-form label,.form-grid label{display:block;color:var(--muted);font-size:12px;margin-bottom:12px;font-weight:500}
.add-form input,.form-grid input{
  display:block;width:100%;margin-top:6px;padding:10px 11px;
  background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:7px;
  font-family:var(--font-ui);outline:none;transition:border-color .15s ease;
}
.add-form input:focus,.form-grid input:focus{border-color:var(--accent-dim)}
.add-form .button{margin-top:6px}
.detail-grid{max-width:850px}
.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}

/* ---------------------------------------------------------------------- */
/* Toggles                                                                */
/* ---------------------------------------------------------------------- */
.toggles{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:12px}
.toggle{cursor:pointer}
.toggle input{display:none}
.toggle span{
  display:block;text-align:center;padding:14px;border:1px solid var(--line);
  background:var(--field);border-radius:9px;color:var(--text-dim);
  font-size:13px;font-weight:600;transition:all .15s ease;
}
.toggle input:checked+span{border-color:var(--good-line);background:var(--good-soft);color:var(--good)}
.save{margin-top:2px}

/* ---------------------------------------------------------------------- */
/* Empty / flash states                                                   */
/* ---------------------------------------------------------------------- */
.empty{text-align:center;color:var(--muted);padding:50px 20px;font-size:13.5px}
.flash-wrap{position:sticky;top:15px;z-index:20}
.flash{
  padding:12px 16px;border-radius:9px;margin-bottom:10px;
  background:var(--panel-elevated);border:1px solid var(--line-strong);
  font-size:13.5px;box-shadow:var(--shadow-1);
}
.flash.success{border-color:var(--good-line);color:#aef2cd;background:rgba(62,207,142,.08)}
.flash.error{border-color:var(--danger-line);color:#ffc3cd;background:rgba(242,101,124,.08)}

/* ---------------------------------------------------------------------- */
/* Stock link + inline flag                                               */
/* ---------------------------------------------------------------------- */
.stock-link{color:inherit;text-decoration:none}
.stock-link:hover{color:var(--accent)}
.inline-flag{display:flex;align-items:center;justify-content:flex-start;margin:0;padding:0}
.inline-flag input.classification-check{display:block;width:19px;height:19px;margin:0;padding:0;appearance:auto;accent-color:var(--good);cursor:pointer;pointer-events:auto}

/* ---------------------------------------------------------------------- */
/* Auto-toggle switch + trade form                                        */
/* ---------------------------------------------------------------------- */
.auto-toggle{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-weight:650;cursor:pointer;font-size:13.5px}
.auto-toggle input{display:none}
.auto-toggle i{width:48px;height:27px;border-radius:20px;background:var(--line);border:1px solid var(--line-strong);position:relative;transition:background .2s ease}
.auto-toggle i:after{content:"";position:absolute;width:21px;height:21px;left:2px;top:2px;border-radius:50%;background:#8b98a8;transition:.2s ease}
.auto-toggle input:checked+i{background:var(--good-soft);border-color:var(--good-line)}
.auto-toggle input:checked+i:after{left:23px;background:var(--good)}

.trade-form{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;align-items:end}
.trade-form label{color:var(--muted);font-size:12px;font-weight:500}
.trade-form input,.trade-form select{
  display:block;width:100%;margin-top:6px;padding:10px 11px;
  background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:7px;
  outline:none;transition:border-color .15s ease;font-family:var(--font-ui);
}
.trade-form input:focus,.trade-form select:focus{border-color:var(--accent-dim)}
.live-points{font-family:var(--font-mono);font-weight:700}
@media(max-width:1100px){.trade-form{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.trade-form{grid-template-columns:1fr}}

/* ---------------------------------------------------------------------- */
/* Nearest-entry panel + process grid                                     */
/* ---------------------------------------------------------------------- */
.nearest-entry-panel{margin-top:18px}
.panel-badge{
  display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;
  background:var(--accent-soft);color:var(--accent-strong);font-size:11px;font-weight:700;
  border:1px solid rgba(227,165,63,.25);font-family:var(--font-mono);
}
.nearest-distance{font-family:var(--font-mono);font-weight:700;color:var(--accent-strong)}

.process-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}
.process-grid>div{padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--field);display:flex;justify-content:space-between}
.process-grid span{color:var(--good);font-weight:750;font-family:var(--font-mono)}
@media(max-width:700px){.process-grid{grid-template-columns:1fr}}

/* ---------------------------------------------------------------------- */
/* Selects / scanner form / progress                                      */
/* ---------------------------------------------------------------------- */
select,option{color-scheme:dark;background:var(--field);color:var(--text)}
.scanner-form{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:14px;align-items:end}
.scanner-form label{color:var(--muted);font-size:12px;font-weight:500}
.scanner-form select,.scanner-form input{
  display:block;width:100%;margin-top:6px;padding:10px 11px;
  background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:7px;
  outline:none;transition:border-color .15s ease;
}
.scanner-form select:focus,.scanner-form input:focus{border-color:var(--accent-dim)}

.scan-progress{margin-top:18px;padding:16px;background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm)}
.progress-meta,.progress-sub{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-family:var(--font-mono)}
.progress-meta strong{color:var(--text)}
.progress-track{height:11px;background:#161b24;border-radius:99px;overflow:hidden;margin:10px 0;border:1px solid var(--line-soft)}
.progress-bar{height:100%;background:var(--accent);transition:width .25s ease}
.scan-result-count{font-size:13px;font-weight:700;color:var(--accent);margin-top:10px;font-family:var(--font-mono)}
.scan-message{margin-top:10px;color:var(--muted);font-size:13px}
.zone-scanner-action-form{margin:0}

/* sticky action column in wide tables */
.zone-action-col{position:sticky;right:0;background:var(--panel);z-index:2;box-shadow:-10px 0 16px rgba(0,0,0,.28)}
tbody tr:hover .zone-action-col{background:var(--panel2)}
.zone-actions{display:flex;gap:7px}

/* ---------------------------------------------------------------------- */
/* Add-zone / edit-trade popovers                                         */
/* ---------------------------------------------------------------------- */
.add-zone{position:relative}
.add-zone summary,.edit-trade summary{list-style:none;cursor:pointer}
.mini-trade-form{
  position:absolute;right:0;top:36px;z-index:20;width:300px;
  background:var(--panel-elevated);border:1px solid var(--line-strong);
  border-radius:var(--radius);padding:15px;box-shadow:var(--shadow-2);
}
.mini-trade-form label{display:block;color:var(--muted);font-size:12px;margin-bottom:9px;font-weight:500}
.mini-trade-form input,.mini-trade-form select{
  display:block;width:100%;margin-top:5px;padding:9px 10px;
  background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:7px;outline:none;
}
.mini-zone-values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:12px}
.mini-zone-values span{background:var(--field);border:1px solid var(--line);padding:7px;border-radius:6px;color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.05em}
.mini-zone-values b{display:block;color:var(--text);font-size:12.5px;margin-top:3px;font-family:var(--font-mono);font-weight:600}
.added-badge{display:inline-flex;padding:8px 11px;border-radius:8px;background:var(--good-soft);color:var(--good);font-weight:750;border:1px solid var(--good-line)}

.edit-trade{position:relative}
.edit-form{position:fixed;right:35px;top:80px;width:340px;max-height:80vh;overflow:auto}
.edit-actions{margin-top:5px}

@media(max-width:1000px){.scanner-form{grid-template-columns:1fr 1fr}.zone-action-col{position:static;box-shadow:none}}
@media(max-width:650px){.scanner-form{grid-template-columns:1fr}.mini-trade-form{right:0;width:280px}.edit-form{right:10px;top:70px;width:calc(100vw - 20px)}}

/* ---------------------------------------------------------------------- */
/* Trade Markings stock picker                                            */
/* ---------------------------------------------------------------------- */
.stock-picker-field{min-width:240px;grid-column:span 1}
.stock-picker{position:relative;margin-top:6px;flex:none}
.stock-picker .stock-picker-input{
  width:100%;background:var(--field);border:1px solid var(--line);color:var(--text);
  border-radius:9px;padding:12px 40px 12px 14px;outline:none;margin:0!important;
  transition:border-color .15s ease;
}
.stock-picker .stock-picker-input:focus{border-color:var(--accent-dim)}
.stock-picker-icon{position:absolute;right:14px;top:8px;color:var(--muted);font-size:20px;pointer-events:none}
.stock-picker-menu{
  position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:100;
  background:var(--panel-elevated);border:1px solid var(--line-strong);border-radius:9px;
  box-shadow:var(--shadow-2);max-height:300px;overflow:auto;padding:5px;
}
.stock-picker-option{
  display:flex;width:100%;gap:10px;align-items:center;border:0;background:transparent;
  color:var(--text);padding:10px 10px;border-radius:7px;text-align:left;cursor:pointer;
}
.stock-picker-option:hover,.stock-picker-option.is-active{background:#1b2230}
.stock-picker-option strong{min-width:90px;color:var(--accent);font-family:var(--font-mono)}
.stock-picker-option span{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stock-picker-empty{padding:12px;color:var(--muted);font-size:12px}
@media(max-width:1100px){.stock-picker-field{grid-column:auto}}

.manual-stock-field{min-width:280px}
.manual-stock-picker{position:relative}
.manual-zone-form{align-items:start}
.manual-zone-form .add-trade-stock-search{height:42px;font-size:14px}
.manual-zone-form .add-trade-results{top:47px}

/* ---------------------------------------------------------------------- */
/* Zone Scanner "Add to Trade" modal                                      */
/* ---------------------------------------------------------------------- */
.zone-trade-modal[hidden]{display:none!important}
.zone-trade-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px}
.zone-trade-backdrop{position:absolute;inset:0;background:rgba(3,4,6,.78);backdrop-filter:blur(4px)}
.zone-trade-dialog{
  position:relative;width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;
  background:var(--panel);border:1px solid var(--line-strong);
  border-radius:var(--radius-lg);box-shadow:0 30px 90px rgba(0,0,0,.6);padding:24px;
}
.zone-trade-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.zone-trade-dialog-head h2{margin:2px 0 6px}
.zone-trade-dialog-head p{margin:0;color:var(--muted)}
.modal-close{width:36px;height:36px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-elevated);color:var(--text-dim);font-size:22px;line-height:1;cursor:pointer;transition:all .15s ease}
.modal-close:hover{background:#232b38;color:#fff}
.zone-trade-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.zone-trade-summary>div{background:var(--field);border:1px solid var(--line);border-radius:9px;padding:12px}
.zone-trade-summary span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-bottom:6px}
.zone-trade-summary strong{font-size:15px;color:var(--text);font-family:var(--font-mono)}
.mini-trade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mini-trade-grid label{display:flex;flex-direction:column;gap:6px;color:var(--text-dim);font-size:12px;font-weight:500}
.mini-trade-grid input,.mini-trade-grid select{
  width:100%;box-sizing:border-box;background:var(--field)!important;color:var(--text)!important;
  border:1px solid var(--line-strong)!important;border-radius:7px;padding:10px 11px;outline:none;
}
.mini-trade-grid input:focus,.mini-trade-grid select:focus{border-color:var(--accent-dim)!important}
.zone-trade-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
body.zone-modal-open{overflow:hidden}
@media(max-width:700px){.zone-trade-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-trade-grid{grid-template-columns:1fr}.zone-trade-dialog{padding:18px}}

.delete-trade-form{margin-top:8px}
.pnl-dashboard-cards .card strong,.pnl-cards .card strong{font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------------------- */
/* Add Trade section                                                      */
/* ---------------------------------------------------------------------- */
.add-trade-panel{padding:26px}
.add-trade-head{margin-bottom:22px}
.add-trade-stock-row{max-width:760px;margin-bottom:22px}
.add-trade-stock-label{display:block;color:var(--text-dim);font-size:12px;font-weight:650;margin-bottom:7px}
.add-trade-stock-picker{position:relative}
.add-trade-search-wrap{position:relative}
.add-trade-stock-search{
  width:100%;height:48px;padding:0 46px 0 42px;background:var(--field);color:var(--text);
  border:1px solid var(--line);border-radius:9px;outline:none;font-size:14.5px;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.add-trade-stock-search:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}
.add-trade-search-icon{position:absolute;left:14px;top:11px;color:var(--muted);font-size:22px;z-index:1;pointer-events:none}
.add-trade-clear{position:absolute;right:9px;top:7px;width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:22px;border-radius:7px;cursor:pointer;transition:all .15s ease}
.add-trade-clear:hover{background:#182331;color:#fff}
.add-trade-results{
  position:absolute;left:0;right:0;top:53px;z-index:50;background:var(--panel-elevated);
  border:1px solid var(--line-strong);border-radius:9px;box-shadow:var(--shadow-2);
  max-height:320px;overflow:auto;padding:5px;
}
.add-trade-result{display:flex;width:100%;align-items:center;gap:14px;border:0;background:transparent;color:var(--text);padding:11px 12px;border-radius:7px;text-align:left;cursor:pointer}
.add-trade-result:hover,.add-trade-result.active{background:#1b2230}
.add-trade-result-symbol{width:105px;font-weight:700;color:var(--accent);flex:none;font-family:var(--font-mono)}
.add-trade-result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim)}
.add-trade-result-empty{padding:14px 12px;color:var(--muted);font-size:13px}
.add-trade-selected{height:48px;border:1px solid var(--good-line);background:var(--good-soft);border-radius:9px;padding:7px 10px 7px 14px;display:flex;align-items:center;justify-content:space-between}
.add-trade-selected div{display:flex;align-items:baseline;gap:12px;min-width:0}
.add-trade-selected strong{color:var(--good);font-size:14px;font-family:var(--font-mono)}
.add-trade-selected span{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.add-trade-selected button{border:1px solid var(--line-strong);background:var(--panel-elevated);color:var(--text-dim);padding:7px 11px;border-radius:7px;cursor:pointer;transition:all .15s ease}
.add-trade-selected button:hover{background:#232b38;color:#fff}
.add-trade-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}
.add-trade-grid label{color:var(--muted);font-size:12px;font-weight:500}
.add-trade-grid input,.add-trade-grid select{
  display:block;width:100%;margin-top:6px;padding:11px;background:var(--field);color:var(--text);
  border:1px solid var(--line);border-radius:7px;outline:none;transition:border-color .15s ease;
}
.add-trade-grid input:focus,.add-trade-grid select:focus{border-color:var(--accent-dim)}
.add-trade-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.add-trade-actions span{font-size:12px;color:var(--muted)}
@media(max-width:1100px){.add-trade-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:600px){
  .add-trade-grid{grid-template-columns:1fr}
  .add-trade-actions{align-items:stretch;flex-direction:column}
  .add-trade-actions .button{width:100%}
  .add-trade-selected div{gap:7px;flex-direction:column;align-items:flex-start}
}

/* ---------------------------------------------------------------------- */
/* Scanner overview / marked-trade filters                                */
/* ---------------------------------------------------------------------- */
.scanner-overview{padding:16px 20px}
.scanner-glance{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.scanner-glance>div{background:var(--field);border:1px solid var(--line);border-radius:9px;padding:12px 14px;min-height:66px;display:flex;flex-direction:column;justify-content:space-between}
.scanner-glance span{font-size:10px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase}
.scanner-glance strong{font-size:20px;font-family:var(--font-mono);font-weight:600}

.trade-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.trade-filters .table-search{margin:0;width:300px}
.trade-filters select{background:var(--field);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;padding:10px 12px}
.trade-filters input[type="number"]{background:var(--field);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;padding:10px 12px;min-height:39px;outline:none;font:inherit}
.trade-filters input[type="number"]:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}
.filter-number{display:flex;align-items:center;gap:8px;background:var(--field);border:1px solid var(--line-strong);border-radius:8px;padding:0 10px;color:var(--text-dim);font-size:12px;white-space:nowrap;min-height:41px}
.filter-number input[type="number"]{border:0!important;box-shadow:none!important;background:transparent!important;padding:10px 0!important;min-height:0!important;width:118px;color:var(--text)}
.filter-number:focus-within{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}
.screener-filters{padding:2px 0}
.gtt-cell{text-align:center}
.gtt-check{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}
@media(max-width:900px){.scanner-glance{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.scanner-glance{grid-template-columns:1fr 1fr}.trade-filters .table-search{width:100%}.trade-filters select{flex:1;min-width:120px}}

.nse-refresh-box{min-width:220px}
.refresh-status{font-size:12px;color:var(--muted);margin-top:8px;font-family:var(--font-mono)}
.refresh-progress{height:7px;background:var(--field);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-top:8px}
.refresh-progress-bar{height:100%;width:0;background:var(--accent);transition:width .25s ease}
.nse-refresh-box .button:disabled{opacity:.6;cursor:wait}

/* ---------------------------------------------------------------------- */
/* Responsive                                                             */
/* ---------------------------------------------------------------------- */
@media(max-width:900px){
  .sidebar{width:196px}
  .main{margin-left:196px;width:calc(100% - 196px);padding:26px 22px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .form-grid{grid-template-columns:1fr}
  .toggles{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .sidebar{position:static;width:100%;min-height:auto}
  .app-shell{display:block}
  .main{margin:0;width:100%;padding:20px 14px}
  .sidebar nav{display:grid;grid-template-columns:1fr 1fr}
  .nav-label{grid-column:1/-1}
  .cards{grid-template-columns:1fr 1fr}
  .page-head{align-items:start}
  .page-head h1{font-size:25px}
}

/* Zone Scanner: keep row actions visible while horizontally scrolling results */
.zone-table .zone-action-col{
  position:sticky !important;
  right:0;
  min-width:180px;
  width:180px;
  background:var(--panel);
  z-index:8;
  box-shadow:-12px 0 18px rgba(0,0,0,.35);
}
.zone-table thead .zone-action-col{
  z-index:12;
  background:var(--bg-soft);
}
.zone-table tbody tr:hover .zone-action-col{background:var(--panel2)}
.zone-table .zone-actions{display:flex;align-items:center;gap:8px;min-width:160px}
.zone-table .zone-actions .button{flex:1;justify-content:center}
.table-scroll:has(.zone-table){position:relative}

@media(max-width:1000px){
  .zone-table .zone-action-col{
    position:sticky !important;
    right:0;
    min-width:168px;
    width:168px;
    box-shadow:-10px 0 16px rgba(0,0,0,.35);
  }
}


/* Zone Scanner: actions are pinned to the LEFT so they are immediately visible without horizontal scrolling */
.table-scroll:has(.zone-table){overflow-x:auto;overflow-y:visible}
.zone-table .zone-action-col{
  position:sticky !important;
  left:0 !important;
  right:auto !important;
  min-width:180px;
  width:180px;
  background:var(--panel);
  z-index:20;
  box-shadow:12px 0 18px rgba(0,0,0,.35);
}
.zone-table thead .zone-action-col{z-index:30;background:var(--bg-soft)}
.zone-table tbody tr:hover .zone-action-col{background:var(--panel2)}
@media(max-width:1000px){.zone-table .zone-action-col{position:sticky !important;left:0 !important;right:auto !important;min-width:168px;width:168px}}
/* Zone Screener: keep action buttons permanently visible without horizontal scrolling */
#zoneScreenerTable .screener-action-col{
  position:sticky !important;
  left:0 !important;
  right:auto !important;
  min-width:205px;
  width:205px;
  background:var(--panel);
  z-index:40;
  box-shadow:12px 0 18px rgba(0,0,0,.35);
}
#zoneScreenerTable thead .screener-action-col{z-index:50;background:var(--bg-soft)}
#zoneScreenerTable tbody tr:hover .screener-action-col{background:var(--panel2)}
#zoneScreenerTable .screener-action-col .zone-actions{display:flex;gap:8px;align-items:center;min-width:190px}
#zoneScreenerTable .screener-action-col .button{flex:1;white-space:nowrap;justify-content:center}

/* ---------------------------------------------------------------------- */
/* Compact actions + top table scroller                                  */
/* ---------------------------------------------------------------------- */
.action-col{
  position:sticky;
  right:0;
  z-index:3;
  background:var(--panel);
  box-shadow:-8px 0 14px rgba(0,0,0,.22);
}
thead .action-col{z-index:5;background:var(--bg-soft)}
tbody tr:hover .action-col{background:var(--panel2)}
.screener-action-col,.action-col{min-width:1px}
.zone-actions{gap:5px}
.zone-actions .button,.action-col .button{padding:5px 8px;font-size:10.5px;border-radius:6px}
.table-scroll-top{
  overflow-x:auto;
  overflow-y:hidden;
  height:8px;
  margin:0 0 3px;
  border-radius:99px;
  scrollbar-width:thin;
}
.table-scroll-top-inner{height:1px}
.table-scroll-top::-webkit-scrollbar{height:7px}
.table-scroll-top::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}
.table-scroll-top::-webkit-scrollbar-track{background:var(--field);border-radius:99px}
.panel-head-actions{display:flex;align-items:center;gap:12px}
@media(max-width:1000px){
  .action-col{position:sticky;right:0}
}

/* ---------------------------------------------------------------------- */
/* GTF Eye visual scanner                                                  */
/* ---------------------------------------------------------------------- */
.gtf-eye-page{min-height:100%;padding-bottom:28px}
.gtf-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;margin-bottom:20px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:radial-gradient(circle at 75% 15%,rgba(255,196,67,.12),transparent 32%),linear-gradient(135deg,#0b2630,#071c25 70%);overflow:hidden}
.gtf-hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-120px;top:-210px;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.018)}
.gtf-hero h1{margin:3px 0 7px;font-size:34px;letter-spacing:-1.2px}.gtf-hero h1 span{font-weight:500;opacity:.75}.gtf-live{margin:0;color:var(--muted);font-size:13px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#31c46b;margin-right:7px;box-shadow:0 0 12px rgba(49,196,107,.7)}
.gtf-hero-tools{position:relative;z-index:2;display:flex;align-items:center;gap:18px}.gtf-hero-badge{position:relative;z-index:2;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800;letter-spacing:1px;background:rgba(255,255,255,.06)}
.gtf-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:8px}.gtf-filter-block{text-align:center}.gtf-segment{display:grid;border:1px solid rgba(255,255,255,.42);border-radius:11px;overflow:hidden;background:rgba(6,26,34,.65);min-height:60px}.gtf-segment-btn{display:flex;align-items:center;justify-content:center;padding:14px 16px;color:#f4f6f7;font-weight:700;text-decoration:none;transition:.15s}.gtf-segment-btn+.gtf-segment-btn{border-left:1px solid rgba(255,255,255,.32)}.gtf-segment-btn.selected{background:#ffd14d;color:#0c171b}.gtf-label{font-size:12px;color:var(--muted);margin-top:8px}
.gtf-timeframes{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px 0 22px}.gtf-time-btn,.gtf-reset{border:1px solid rgba(255,255,255,.09);background:rgba(9,43,51,.9);color:var(--text);padding:11px 20px;border-radius:7px;text-decoration:none;font-weight:700;font-size:13px}.gtf-time-btn.active{background:#30b968;color:#06170e;border-color:#30b968}.gtf-reset{margin-left:14px;background:#ffd14d;color:#111;border-color:#ffd14d}
.gtf-results-panel{padding:18px}.gtf-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.gtf-results-head h2{margin:3px 0 0}.gtf-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gtf-stock-card{min-height:178px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:18px 19px;border:1px solid var(--line-strong);border-radius:11px;background:var(--panel);text-decoration:none;color:var(--text);box-shadow:none;transition:transform .15s,border-color .15s,box-shadow .15s}.gtf-stock-card:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:2px;background:var(--accent);opacity:.65}.gtf-stock-card:hover{transform:translateY(-2px);border-color:rgba(230,169,78,.72);box-shadow:0 10px 25px rgba(0,0,0,.24)}.gtf-stock-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gtf-card-top{display:flex;justify-content:space-between;align-items:center;min-height:22px}.gtf-card-index{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.04em}.gtf-status{font-size:9px;letter-spacing:.65px;font-weight:800;text-transform:uppercase;padding:4px 7px;border:1px solid var(--line);border-radius:5px;background:var(--field);color:var(--muted)}.gtf-status:first-letter{text-transform:uppercase}.gtf-status.in-zone{border-color:rgba(64,196,139,.35);background:rgba(64,196,139,.08);color:var(--success)}.gtf-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 0 18px}.gtf-card-symbol{min-width:0;margin:0;font-size:22px;font-weight:800;letter-spacing:.01em;overflow-wrap:anywhere}.gtf-new{flex:0 0 auto;font-size:8px;letter-spacing:.7px;color:var(--success);border:1px solid rgba(64,196,139,.45);background:rgba(64,196,139,.08);border-radius:5px;padding:3px 6px;font-weight:800}.gtf-card-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line)}.gtf-card-levels span,.gtf-card-levels strong{display:block}.gtf-card-levels span{margin-bottom:5px;color:var(--muted);font-size:9px}.gtf-card-levels strong{font-family:var(--font-mono);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.gtf-empty{text-align:center;padding:55px 20px}.gtf-empty-icon{font-size:40px;opacity:.4}.gtf-empty h3{margin:7px 0}.gtf-empty p{max-width:550px;margin:0 auto 18px;color:var(--muted)}
@media(max-width:1200px){.gtf-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.gtf-filter-grid{grid-template-columns:1fr}.gtf-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gtf-hero{padding:22px}.gtf-hero h1{font-size:28px}}@media(max-width:600px){.gtf-card-grid{grid-template-columns:1fr}.gtf-timeframes{justify-content:flex-start}.gtf-reset{margin-left:0}.gtf-hero-badge{display:none}}

.lifecycle-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lifecycle-filters input{min-width:260px}.lifecycle-filters select{min-width:150px}.inline-form{display:inline-flex;margin:0}.cycle-select{display:flex;gap:6px;flex-wrap:wrap}.lifecycle-track{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:22px 0}.life-step{padding:10px 8px;border:1px solid var(--border,#2a2f3a);border-radius:10px;text-align:center;font-size:12px;opacity:.5}.life-step.active{opacity:1;font-weight:700}.lifecycle-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 24px}.lifecycle-stats>div{padding:14px;border:1px solid var(--border,#2a2f3a);border-radius:10px}.lifecycle-stats span{display:block;font-size:11px;opacity:.65;margin-bottom:5px}.lifecycle-stats strong{font-size:14px}.gtf-segment.cycle-select{min-height:38px}
@media(max-width:900px){.lifecycle-track{grid-template-columns:repeat(4,1fr)}.lifecycle-stats{grid-template-columns:repeat(2,1fr)}}
.gtf-cycle-form{margin:0}.gtf-cycle-form select{width:100%;min-width:150px;padding:10px 12px;border-radius:10px;border:1px solid var(--border,#2a2f3a);background:inherit;color:inherit;font:inherit}.gtf-card-top .gtf-status{margin-left:auto}

/* Rebuilt Marked Trades controls */
.marked-trades-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-elevated)}
.marked-trades-toolbar select{min-height:40px;background:var(--field);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;padding:9px 12px;outline:none;font:inherit}
.marked-trades-toolbar select:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}
.marked-trade-search{position:relative;width:320px;min-width:220px}
.marked-trade-search input{width:100%;height:40px;box-sizing:border-box;padding:0 38px 0 38px;background:var(--field);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;outline:none;font:inherit}
.marked-trade-search input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}
.filter-icon{position:absolute;left:13px;top:8px;color:var(--muted);font-size:20px;pointer-events:none}
.filter-clear{position:absolute;right:6px;top:4px;width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:21px;border-radius:6px;cursor:pointer}
.filter-clear:hover{background:#182331;color:#fff}
.marked-trades-toolbar .search-count{margin-left:auto;color:var(--muted);font-size:12px;font-family:var(--font-mono)}
@media(max-width:600px){.marked-trade-search{width:100%}.marked-trades-toolbar select{flex:1;min-width:120px}.marked-trades-toolbar .search-count{margin-left:0}}

/* Zone/path brand refresh: consistent slate surfaces with a restrained amber action color. */
.brand{gap:8px;padding-left:9px}
.brand-mark{width:28px;height:28px}
.gtf-hero{border-color:var(--line-strong);background:var(--panel2)}
.gtf-hero:after{display:none}
.gtf-hero-badge{border-color:var(--line-strong);background:rgba(255,255,255,.035)}
.gtf-segment{border-color:var(--line-strong);background:var(--field)}
.gtf-segment-btn{color:var(--text-dim)}
.gtf-segment-btn+.gtf-segment-btn{border-color:var(--line)}
.gtf-segment-btn.selected{background:var(--accent);color:var(--on-accent)}
.gtf-time-btn,.gtf-reset{border-color:var(--line);background:var(--panel2);color:var(--text-dim)}
.gtf-time-btn:hover{border-color:var(--line-strong);color:var(--text)}
.gtf-time-btn.active,.gtf-reset{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.gtf-stock-card{border-color:var(--line-strong);background:var(--panel);box-shadow:none}
.gtf-stock-card:hover{border-color:rgba(230,169,78,.72);box-shadow:0 10px 25px rgba(0,0,0,.24)}
.gtf-status{background:var(--accent-soft);color:var(--accent-strong)}
.auth-page{background:var(--bg);color:var(--text)}
.auth-card{border-color:var(--line-strong);background:var(--panel);box-shadow:0 20px 48px rgba(0,0,0,.3)}
.auth-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.1em}
.auth-brand .brand-mark{width:32px;height:32px}
.auth-brand i{font-style:normal;font-weight:400;color:var(--muted)}
.auth-tagline{margin:7px 0 22px;color:var(--muted);font-size:12px;line-height:1.5}
.live-dot{box-shadow:none}

/* Shared grouped zone cards: one primary result per stock, compact secondary zones. */
.zone-group-card{padding:0;overflow:visible}.zone-card-main{display:flex;flex:1;flex-direction:column;padding:18px 19px;color:inherit;text-decoration:none}.zone-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.zone-card-meta span{padding:3px 6px;border:1px solid var(--line);border-radius:5px}.zone-card-more{border-top:1px solid var(--line);background:var(--field)}.zone-card-more summary{padding:9px 18px;color:var(--accent-strong);font-size:10px;cursor:pointer;list-style:none}.zone-card-more summary::-webkit-details-marker{display:none}.zone-card-more-list{display:grid;padding:0 10px 10px;gap:5px}.zone-card-more-list a{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:6px;color:var(--text-dim);text-decoration:none;font-size:9px}.zone-card-more-list b{font-family:var(--font-mono);font-weight:600}.zone-card-more-list a:hover{border-color:var(--accent-dim);color:var(--text)}