/* ==========================================================
   SUPERCHARTS - LIGHT PROFESSIONAL DASHBOARD
   Presentation layer only. Existing PHP IDs/names/classes
   are intentionally preserved.
   ========================================================== */



*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  padding:0;
  background:#f5f7fb;
  color:#172033;
  font-family:var(--font);
  font-size:14px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}

a{color:#2563eb;}

/* Header — clean fintech / investment-dashboard style */
.header{
  width:100%;
  height:68px;
  padding:0 30px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #dfe5ec;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:0 1px 8px rgba(15,23,42,.045);
  backdrop-filter:blur(10px);
}
.brand{display:flex;align-items:center;gap:12px;min-width:0;}
.brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;}
.brand-mark{
  width:30px;height:30px;border-radius:8px;
  display:flex;align-items:flex-end;justify-content:center;gap:3px;
  padding:7px 6px;
  background:linear-gradient(145deg,#1d4ed8,#3b82f6);
  box-shadow:0 5px 12px rgba(37,99,235,.20);
}
.brand-mark i{display:block;width:3px;border-radius:2px;background:#fff;}
.brand-mark i:nth-child(1){height:7px;}
.brand-mark i:nth-child(2){height:12px;}
.brand-mark i:nth-child(3){height:16px;}
.brand-name{font-size:20px;font-weight:850;letter-spacing:.045em;color:#172033;line-height:1;}
.brand-name span{color:#2563eb;}
.brand-tagline{
  font-size:9px;font-weight:750;letter-spacing:.14em;color:#94a3b8;
  padding-left:12px;border-left:1px solid #e2e8f0;white-space:nowrap;
}
.nav{display:flex;align-items:center;gap:8px;}
.nav-link{
  text-decoration:none;color:#64748b;font-size:13px;font-weight:650;
  padding:9px 13px;border-radius:8px;transition:.15s ease;
}
.nav-link:hover{color:#1d4ed8;background:#eff6ff;}
.nav-link.active{color:#1d4ed8;background:#eff6ff;}

.page-shell{
  width:100%;
  max-width:1800px;
  margin:0 auto;
  padding:20px 24px 50px;
}
.subtitle{
  margin:0 0 16px;
  color:#64748b;
  font-size:13px;
  font-weight:500;
  letter-spacing:.02em;
}

/* Main discovery card */
.filter-card{
  width:100%;
  background:#ffffff;
  border:1px solid #dfe5ec;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
  overflow:hidden;
  margin:0 0 20px;
}
.card-title{
  height:52px;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:9px;
  border-bottom:1px solid #dfe5ec;
  font-size:17px;
  font-weight:750;
  color:#172033;
}
.filter-icon{
  color:#2563eb;
  font-size:19px;
  line-height:1;
}

/* IMPORTANT: this is the actual two-column layout */
.filter-layout{
  display:grid !important;
  grid-template-columns:240px minmax(0,1fr);
  align-items:stretch;
  width:100%;
}

/* Left sidebar */
.quick-actions{
  min-width:0;
  padding:18px 16px;
  background:#f8fafc;
  border-right:1px solid #dfe5ec;
}
.quick-actions-title{
  margin:0 0 12px;
  color:#334155;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.quick-action-item{
  margin:0 0 9px;
  padding:0;
}
.quick-action-item:last-child{margin-bottom:0;}
.quick-action-item label{
  display:block;
  margin:0 0 5px;
  color:#475569;
  font-size:11px;
  font-weight:700;
}
.quick-action-item select,
.quick-action-item input[type=button],
.quick-action-item input[type=submit]{
  width:100% !important;
  min-width:0 !important;
}

/* Primary filters */
.primary-filters{
  min-width:0;
  padding:18px 20px 16px;
  background:#fff;
}
.filter-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(160px,1fr));
  gap:14px 16px;
  width:100%;
}
.filter-field{min-width:0;}
.filter-field label{
  display:block;
  margin:0 0 6px;
  color:#334155;
  font-size:12px;
  font-weight:700;
}
.filter-field label span{font-weight:500;color:#64748b;}
.filter-field select{width:100%;}
.mcap-field{grid-column:1 / -1;}
.mcap-inputs{
  display:flex;
  align-items:center;
  gap:9px;
  max-width:520px;
}
.mcap-inputs input{width:190px !important;min-width:0 !important;}
.mcap-inputs span{color:#64748b;font-size:12px;font-weight:600;}
.filter-hint{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #eef2f7;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#64748b;
  font-size:11px;
}
.filter-status{font-weight:700;color:#94a3b8;}

/* All form controls */
select,
input[type=number],
input[type=text]{
  height:38px;
  padding:0 11px;
  background:#fff;
  color:#172033;
  border:1px solid #cbd5e1;
  border-radius:8px;
  font-family:var(--font);
  font-size:13px;
  outline:none;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
select:hover,
input[type=number]:hover,
input[type=text]:hover{border-color:#94a3b8;}
select:focus,
input[type=number]:focus,
input[type=text]:focus{
  border-color:#60a5fa;
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
}

input[type=submit],
input[type=button],
.button{
  height:38px;
  padding:0 13px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  background:#fff;
  color:#334155;
  font-family:var(--font);
  font-size:12px;
  font-weight:650;
  cursor:pointer;
  transition:.15s ease;
}
input[type=submit]:hover,
input[type=button]:hover,
.button:hover{
  background:#f8fafc;
  border-color:#94a3b8;
  transform:translateY(-1px);
}
input[name=iwatch]{background:#f0fdf4;border-color:#bbf7d0;color:#15803d;}
input[name=ifii]{background:var(--orange-soft);border-color:#fed7aa;color:var(--orange);}
input[name=ipo]{background:var(--cyan-soft);border-color:#a5f3fc;color:var(--cyan);}
input[name=myalerts]{background:var(--purple-soft);border-color:#ddd6fe;color:var(--purple);}
input[name=Reset]{background:#fff;color:#64748b;}
input[name=prev],input[name=next]{background:#2563eb;border-color:#2563eb;color:#fff;}
input[name=prev]:hover,input[name=next]:hover{background:#1d4ed8;border-color:#1d4ed8;}

.action-message{min-height:0;margin-top:3px;color:#dc2626;font-size:11px;}

/* Results navigation / disclaimer */
.page-shell > table,
.page-shell table{max-width:100%;}
.page-shell > table:first-of-type{width:100% !important;}
.page-shell table[border="0"]{border-collapse:collapse;}
.page-shell i{
  color:#64748b;
  font-size:12px;
}

/* Stock heading */
.stock-row-head{
  display:table-row !important;
  padding:0 !important;
  border-top:0 !important;
}
.stock-row-head td{
  padding:18px 4px 8px !important;
  border:none !important;
}
.stock-symbol{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding-left:12px;
  color:#172033;
  font-family:var(--font);
  font-size:18px;
  font-weight:800;
  letter-spacing:.01em;
  position:relative;
}
.stock-symbol:before{
  content:"";
  position:absolute;
  left:0;
  top:5px;
  bottom:5px;
  width:4px;
  border-radius:4px;
  background:#2563eb;
}

/* ==========================================================
   CHARTS - critical fix
   The original markup uses <tr><td><div class=chart-box>.
   Force the row to behave as a 3-column chart grid and make
   every cell a normal block with equal width.
   ========================================================== */
.chart-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
.chart-cell{
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  vertical-align:top !important;
  overflow:hidden;
}
.chart-note{
  min-height:25px;
  padding:2px 3px 6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:#64748b;
  font-size:11px;
  white-space:nowrap;
}
.live-link{
  color:#2563eb;
  font-weight:650;
  text-decoration:none;
}
.live-link:hover{text-decoration:underline;}
.chart-box{
  width:100% !important;
  min-width:0 !important;
  height:310px;
  background:#fff;
  border:1px solid #dfe5ec;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(15,23,42,.05);
}
.chart-title{
  height:36px;
  padding:0 12px;
  display:flex;
  align-items:center;
  background:#f8fafc;
  border-bottom:1px solid #e8edf3;
  color:#475569;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.chart-container{
  display:block;
  width:100% !important;
  height:274px !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden;
}
.chart-container > div,
.chart-container canvas{
  max-width:100% !important;
}

/* Stock information below charts */
.indlb{
  display:block;
  width:100%;
  margin:12px 0 4px;
  padding:15px 16px;
  background:#fff;
  border:1px solid #dfe5ec;
  border-radius:10px;
  box-shadow:0 1px 5px rgba(15,23,42,.035);
}
.indlb table{width:100% !important;border-collapse:collapse;}
.indlb td{
  padding:5px 14px;
  vertical-align:top;
  border:0 !important;
  color:#64748b;
  font-size:12px;
}
.indlb b{color:#334155;font-size:12px;}
.indlb a{color:#2563eb;text-decoration:none;font-weight:650;}
.indlb a:hover{text-decoration:underline;}
.indlb img{cursor:pointer;vertical-align:middle;}
.indlb hr{border:0;border-top:1px solid #eef2f7;margin:14px 0;}
.indlb select,.indlb input[type=number]{height:34px;min-width:0;}

/* Page Prev/Next */
input[name=prev],input[name=next]{
  min-width:72px;
  box-shadow:0 2px 5px rgba(15,23,42,.12) !important;
}

hr{border:0;border-top:1px solid #dfe5ec;margin:18px 0;}
font[color="Red"],font[color="red"]{color:#dc2626 !important;}
font[color="black"]{color:#15803d !important;}

/* Footer */
.site-footer{
  margin-top:28px;
  padding:18px 30px;
  background:#fff;
  border-top:1px solid #dfe5ec;
  color:#94a3b8;
}
.footer-inner{
  max-width:1800px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  font-size:11px;
}
.footer-links{display:flex;gap:12px;}
.footer-links a{color:#94a3b8;text-decoration:none;}
.footer-links a:hover{color:#2563eb;}

/* Remove legacy table spacing that causes huge blank areas */
.page-shell table,
.page-shell tbody,
.page-shell tr,
.page-shell td{max-width:100%;}
.page-shell td{border-color:transparent;}

@media (max-width:1100px){
  .filter-layout{grid-template-columns:210px minmax(0,1fr) !important;}
  .filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr)) !important;}
  .chart-row{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important;}
  .chart-box{height:280px;}
  .chart-container{height:244px !important;}
}

@media (max-width:800px){
  .header{padding:0 16px;}
  .nav{gap:15px;}
  .page-shell{padding:15px 12px 35px;}
  .filter-layout{grid-template-columns:1fr !important;}
  .quick-actions{border-right:0;border-bottom:1px solid #dfe5ec;}
  .quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;}
  .quick-actions-title{grid-column:1/-1;margin-bottom:0;}
  .quick-action-item{margin:0;}
  .filter-grid{grid-template-columns:1fr !important;}
  .mcap-field{grid-column:auto;}
  .chart-row{grid-template-columns:1fr !important;}
  .chart-box{height:300px;}
  .chart-container{height:264px !important;}
  .footer-inner{flex-direction:column;align-items:flex-start;}
}

/* ==========================================================
   V3 DASHBOARD LAYOUT
   Permanent left navigation + compact one-line filters.
   ========================================================== */

:root{ --sidebar-width:228px; }

body{ overflow-x:hidden; }

/* Give the entire working area room for the permanent sidebar */
.page-shell{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:18px 22px 45px calc(var(--sidebar-width) + 24px) !important;
}

/* Permanent left panel */
.quick-actions{
  position:fixed !important;
  left:0 !important;
  top:62px !important;
  bottom:0 !important;
  width:var(--sidebar-width) !important;
  height:auto !important;
  z-index:90 !important;
  overflow-y:auto !important;
  padding:20px 15px !important;
  background:#ffffff !important;
  border-right:1px solid #dfe5ec !important;
  box-shadow:2px 0 10px rgba(15,23,42,.035) !important;
}

.quick-actions-title{
  margin:0 0 16px !important;
  padding:0 1px 10px !important;
  border-bottom:1px solid #edf1f5 !important;
  font-size:11px !important;
}

.quick-action-item{
  margin:0 0 10px !important;
}

/* Sidebar controls should be compact and consistent */
.quick-action-item select,
.quick-action-item input[type=button],
.quick-action-item input[type=submit]{
  width:100% !important;
  height:38px !important;
}

/* The main discovery card becomes a simple content area */
.filter-card{
  margin:0 0 8px !important;
  border-radius:10px !important;
  box-shadow:none !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
}

.card-title{
  height:42px !important;
  padding:0 2px !important;
  border-bottom:0 !important;
  font-size:16px !important;
}

/* The quick actions have been promoted to the permanent sidebar */
.filter-layout{
  display:block !important;
}

/* Primary filters: ONE horizontal row */
.primary-filters{
  width:100% !important;
  padding:13px 0 10px !important;
  background:#fff !important;
  border:1px solid #dfe5ec !important;
  border-radius:10px !important;
  box-shadow:0 1px 5px rgba(15,23,42,.035) !important;
}

.filter-grid{
  display:grid !important;
  grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(285px,1.15fr) !important;
  gap:12px !important;
  align-items:end !important;
}

.filter-field{ min-width:0 !important; }
.mcap-field{ grid-column:auto !important; }

.filter-field label{
  margin-bottom:5px !important;
  font-size:11px !important;
}

.filter-field select{
  width:100% !important;
  height:36px !important;
}

.mcap-inputs{
  max-width:none !important;
  width:100% !important;
  gap:7px !important;
}

.mcap-inputs input{
  width:calc(50% - 10px) !important;
  height:36px !important;
}

.mcap-inputs span{ white-space:nowrap; }

.filter-hint{
  margin:10px 0 0 !important;
  padding:8px 0 0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Remove the large blank vertical area below filters */
.page-shell > form > table:first-of-type{
  margin-top:0 !important;
}

/* Compact EOD/navigation strip */
.page-shell > form > table:first-of-type td{
  padding-top:3px !important;
  padding-bottom:3px !important;
}

/* Hide the redundant greeting in the results header area */
#Uname{
  font-size:12px !important;
}

/* Stock list starts immediately after the filter/navigation strip */
.stock-row-head td{
  padding-top:12px !important;
}

.stock-symbol{ font-size:18px !important; }

.chart-row{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:0 !important;
}

.chart-box{
  height:300px !important;
}

.chart-container{
  height:264px !important;
}

/* Keep chart area visually close to the filter */
.page-shell hr{
  margin:8px 0 !important;
}

/* On narrower desktop screens, keep the four filters compact */
@media (max-width:1200px){
  :root{ --sidebar-width:210px; }
  .page-shell{
    padding-left:calc(var(--sidebar-width) + 18px) !important;
    padding-right:16px !important;
  }
  .filter-grid{
    grid-template-columns:repeat(4,minmax(120px,1fr)) !important;
  }
  .mcap-inputs input{width:calc(50% - 9px) !important;}
}

@media (max-width:850px){
  :root{ --sidebar-width:0px; }
  .quick-actions{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    border-right:0 !important;
    border-bottom:1px solid #dfe5ec !important;
    box-shadow:none !important;
  }
  .page-shell{
    padding:14px 12px 35px !important;
  }
  .filter-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .mcap-field{grid-column:1/-1 !important;}
  .chart-row{grid-template-columns:1fr !important;}
}


/* V4 filter refinements */
.filter-grid{
  grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(285px,1.35fr) 78px !important;
  align-items:end !important;
  gap:14px !important;
}
.filter-reset input[name="Reset"]{
  width:100% !important;
  height:38px !important;
  padding:0 14px !important;
  background:#f8fafc !important;
  border:1px solid #cbd5e1 !important;
  color:#475569 !important;
  font-weight:700 !important;
}
.filter-reset input[name="Reset"]:hover{
  background:#eff6ff !important;
  border-color:#93c5fd !important;
  color:#1d4ed8 !important;
  transform:none !important;
}
.filter-reset .action-message{min-height:0;}

@media (max-width:1100px){
  .filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr)) !important;}
  .filter-reset{grid-column:auto !important;}
}
@media (max-width:760px){
  .brand-tagline{display:none;}
  .header{height:60px;padding:0 16px;}
  .brand-name{font-size:18px;}
  .filter-grid{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:520px){
  .filter-grid{grid-template-columns:1fr !important;}
}

/* ==========================================================
   V5 — CLEAN WEBFLOW-STYLE FINTECH UI
   Minimal palette, restrained accents, stronger hierarchy.
   ========================================================== */

:root{
  --sidebar-width:220px;
  --ink:#172033;
  --ink-soft:#475569;
  --muted:#64748b;
  --line:#e2e8f0;
  --line-soft:#edf2f7;
  --panel:#ffffff;
  --panel-soft:#f8fafc;
  --accent:#2563eb;
  --accent-soft:#eff6ff;
}

/* Header: brand left, primary nav centered, account/social actions right */
.header{
  height:64px !important;
  padding:0 28px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  gap:24px !important;
  background:#fff !important;
  border-bottom:1px solid var(--line) !important;
  box-shadow:0 1px 5px rgba(15,23,42,.035) !important;
}
.brand{justify-self:start !important;}
.brand-mark{
  width:28px !important;
  height:28px !important;
  border-radius:7px !important;
  background:#172033 !important;
  box-shadow:none !important;
}
.brand-name{
  font-size:19px !important;
  letter-spacing:.035em !important;
}
.brand-tagline{
  color:#94a3b8 !important;
  border-left-color:#e2e8f0 !important;
}
.nav-center{
  justify-self:center !important;
  gap:4px !important;
}
.nav-link{
  color:#64748b !important;
  padding:8px 12px !important;
  border-radius:6px !important;
  font-size:12px !important;
  font-weight:650 !important;
}
.nav-link:hover,
.nav-link.active{
  color:#172033 !important;
  background:#f8fafc !important;
}
.nav-link.active{position:relative;}
.nav-link.active:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:1px;
  height:2px;
  background:var(--accent);
  border-radius:2px;
}
.header-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:7px;
}
.social-link{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#64748b;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  border-radius:6px;
}
.social-link:hover{
  color:#172033;
  background:#f8fafc;
}
.auth-link{
  color:#475569;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  padding:8px 10px;
}
.auth-link:hover{color:#172033;}
.auth-button{
  height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 15px;
  border-radius:6px;
  background:#172033;
  border:1px solid #172033;
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
}
.auth-button:hover{background:#0f172a;}

/* Permanent sidebar — neutral, structured, Webflow-style */
.quick-actions{
  width:var(--sidebar-width) !important;
  background:#fff !important;
  border-right:1px solid var(--line) !important;
  box-shadow:none !important;
  padding:22px 16px !important;
}
.quick-actions-title{
  color:#172033 !important;
  font-size:10px !important;
  letter-spacing:.12em !important;
  margin:0 0 18px !important;
  padding:0 4px 12px !important;
  border-bottom:1px solid var(--line-soft) !important;
}
.quick-actions-title:before{
  content:"";
  display:inline-block;
  width:3px;
  height:11px;
  margin-right:7px;
  vertical-align:-1px;
  background:var(--accent);
  border-radius:2px;
}
.quick-action-item{
  margin:0 0 5px !important;
}
.quick-action-item label{
  color:#64748b !important;
  font-size:10px !important;
  font-weight:700 !important;
  margin:11px 4px 5px !important;
}
.quick-action-item select,
.quick-action-item input[type=button],
.quick-action-item input[type=submit]{
  height:36px !important;
  background:#fff !important;
  border:1px solid transparent !important;
  color:#334155 !important;
  box-shadow:none !important;
  text-align:left;
}
.quick-action-item select:hover,
.quick-action-item input[type=button]:hover,
.quick-action-item input[type=submit]:hover{
  background:#f8fafc !important;
  border-color:#e2e8f0 !important;
  color:#172033 !important;
  transform:none !important;
}
/* Remove the old multi-colour action treatment */
.quick-actions input[name=iwatch],
.quick-actions input[name=ifii],
.quick-actions input[name=ipo],
.quick-actions input[name=myalerts],
.quick-actions input[name=Reset]{
  background:#fff !important;
  border-color:transparent !important;
  color:#334155 !important;
}
.quick-actions input[name=iwatch]:hover,
.quick-actions input[name=ifii]:hover,
.quick-actions input[name=ipo]:hover,
.quick-actions input[name=myalerts]:hover{
  background:#f8fafc !important;
  border-color:#e2e8f0 !important;
  color:#172033 !important;
}
.quick-actions input[name=iwatch]:before{content:"";}

/* Main filter: clean, compact and flat */
.primary-filters{
  border:1px solid var(--line) !important;
  box-shadow:none !important;
  border-radius:8px !important;
  padding:12px 14px 11px !important;
}
.filter-grid{gap:10px !important;}
.filter-field label{color:#475569 !important;}
.filter-reset input[name=Reset]{
  background:#172033 !important;
  color:#fff !important;
  border-color:#172033 !important;
  border-radius:7px !important;
}
.filter-reset input[name=Reset]:hover{
  background:#0f172a !important;
  border-color:#0f172a !important;
  color:#fff !important;
}

/* Stock watchlist control */
.stock-watch-control{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-height:34px;
  margin:0 0 8px;
}
.stock-watch-label{
  color:#94a3b8;
  font-size:11px;
  font-weight:600;
}
.watch-toggle{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  height:30px;
  padding:0 10px;
  border:1px solid #dbe2ea;
  border-radius:6px;
  background:#fff;
  color:#64748b;
  font-family:var(--font);
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s,transform .15s;
}
.watch-toggle:hover{
  background:#f8fafc;
  border-color:#cbd5e1;
  color:#172033;
  transform:translateY(-1px);
}
.watch-toggle.is-watched{
  background:#f8fafc;
  border-color:#94a3b8;
  color:#172033;
}
.watch-star{
  font-size:16px;
  line-height:1;
}
.watch-toggle.is-watched .watch-star{font-size:14px;}
.watch-text{line-height:1;}

/* Keep sidebar below header and page content aligned */
.quick-actions{top:64px !important;}
.page-shell{
  padding-left:calc(var(--sidebar-width) + 24px) !important;
  padding-top:18px !important;
}

@media (max-width:1100px){
  :root{--sidebar-width:205px;}
  .header{grid-template-columns:auto 1fr auto !important;padding:0 18px !important;}
  .brand-tagline{display:none;}
  .nav-link{padding:8px 8px !important;}
  .header-actions{gap:3px;}
}

@media (max-width:850px){
  .header{
    height:auto !important;
    min-height:60px;
    grid-template-columns:1fr auto !important;
    padding:10px 14px !important;
  }
  .nav-center{
    grid-column:1/-1;
    grid-row:2;
    justify-self:start !important;
    overflow-x:auto;
    width:100%;
  }
  .header-actions{grid-column:2;grid-row:1;}
  .social-link{display:none;}
  .quick-actions{top:60px !important;}
}

/* ==========================================================
   SEO / CONTENT INTRO
   Visible, useful content for visitors and crawlers.
   ========================================================== */
.seo-intro{
  margin:0 0 14px;
  padding:0 2px;
  max-width:1100px;
}
.seo-intro h1{
  margin:0 0 5px;
  font-size:20px;
  line-height:1.25;
  font-weight:750;
  letter-spacing:-.015em;
  color:#172033;
}
.seo-intro p{
  margin:0;
  max-width:1050px;
  color:#64748b;
  font-size:12px;
  line-height:1.6;
}
.seo-intro strong{
  color:#334155;
  font-weight:650;
}

@media (max-width:900px){
  .seo-intro h1{font-size:18px;}
  .seo-intro p{font-size:12px;}
}

/* ==========================================================
   SUPERCHARTS V7 — RESEARCH TERMINAL / WEBFLOW-STYLE UI
   Visual layer only. Existing PHP/data/filter logic is preserved.
   ========================================================== */
:root{
  --sc-blue:#2563eb;
  --sc-blue-soft:#eff6ff;
  --sc-ink:#172033;
  --sc-muted:#64748b;
  --sc-border:#e7ebf1;
  --sc-panel:#ffffff;
  --sc-bg:#f7f9fc;
  --sc-sidebar:#fbfcfe;
  --sidebar-width:224px;
}

html,body{background:var(--sc-bg)!important;color:var(--sc-ink)!important;}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;}

/* Header */
.header{
  height:68px!important;
  padding:0 28px!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--sc-border)!important;
  box-shadow:0 1px 10px rgba(15,23,42,.035)!important;
  display:grid!important;
  grid-template-columns:280px 1fr auto!important;
  gap:20px!important;
  position:sticky!important;
  top:0!important;
  z-index:100!important;
}
.brand{min-width:0!important;}
.brand-name{font-size:19px!important;letter-spacing:.04em!important;color:#172033!important;}
.brand-name span{color:var(--sc-blue)!important;}
.brand-tagline{font-size:9px!important;color:#94a3b8!important;letter-spacing:.14em!important;margin-left:10px!important;}
.brand-mark{width:24px!important;height:24px!important;}
.brand-mark i{background:var(--sc-blue)!important;}
.nav-center{justify-content:center!important;gap:30px!important;}
.nav-link{color:#64748b!important;font-size:13px!important;font-weight:600!important;}
.nav-link:hover,.nav-link.active{color:var(--sc-blue)!important;}
.nav-link.active:after{background:var(--sc-blue)!important;}
.header-actions{gap:8px!important;}
.social-link{width:32px!important;height:32px!important;border:1px solid var(--sc-border)!important;color:#64748b!important;background:#fff!important;}
.auth-link{color:#334155!important;border:0!important;background:transparent!important;padding:8px 10px!important;}
.auth-button{background:var(--sc-blue)!important;border:1px solid var(--sc-blue)!important;border-radius:7px!important;padding:9px 15px!important;color:#fff!important;box-shadow:none!important;}

/* Main shell */
.page-shell{
  max-width:none!important;
  margin:0!important;
  padding:24px 30px 60px calc(var(--sidebar-width) + 30px)!important;
}
.page-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:30px!important;
  margin:2px 0 15px!important;
}
.eyebrow{font-size:10px!important;font-weight:700!important;letter-spacing:.14em!important;color:#94a3b8!important;margin:0 0 4px!important;}
.page-heading h1{font-size:23px!important;line-height:1.2!important;margin:0!important;color:#172033!important;letter-spacing:-.02em!important;}
.heading-note{font-size:12px!important;color:#7b8798!important;margin:0 0 2px!important;text-align:right!important;}

/* Full-height left navigation */
.quick-actions{
  position:fixed!important;
  left:0!important;
  top:68px!important;
  bottom:0!important;
  width:var(--sidebar-width)!important;
  padding:25px 17px!important;
  background:var(--sc-sidebar)!important;
  border-right:1px solid var(--sc-border)!important;
  overflow-y:auto!important;
  z-index:60!important;
}
.sidebar-section-title{
  margin:0 8px 13px!important;
  color:#9aa6b6!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
.quick-action-item{
  margin:3px 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.quick-action-item input[type=button],
.quick-action-item input[type=submit]{
  width:100%!important;
  height:38px!important;
  text-align:left!important;
  padding:0 11px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:600!important;
  box-shadow:none!important;
  transform:none!important;
}
.quick-action-item input:hover{
  background:#f0f5ff!important;
  border-color:#e3ecff!important;
  color:var(--sc-blue)!important;
}
.quick-action-item label{
  display:block!important;
  padding:7px 11px 5px!important;
  color:#94a3b8!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.quick-action-item select{
  width:100%!important;
  height:36px!important;
  margin:0 0 5px!important;
  border:1px solid var(--sc-border)!important;
  background:#fff!important;
  color:#475569!important;
  border-radius:7px!important;
  font-size:11px!important;
}
.side-icon{color:var(--sc-blue)!important;font-size:13px!important;}
.action-message{padding-left:11px!important;font-size:10px!important;color:#dc2626!important;}
.quick-actions:after{
  content:"Market research • NSE / BSE";
  display:block!important;
  margin:25px 8px 0!important;
  padding-top:15px!important;
  border-top:1px solid var(--sc-border)!important;
  color:#a1acbb!important;
  font-size:9px!important;
  line-height:1.5!important;
}

/* Filter becomes a compact research toolbar */
.filter-card{
  margin:0 0 13px!important;
  padding:13px 16px!important;
  border:1px solid var(--sc-border)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 1px 5px rgba(15,23,42,.025)!important;
}
.card-title{display:none!important;}
.filter-layout{display:block!important;}
.primary-filters{width:100%!important;}
.filter-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr 1.5fr auto!important;
  gap:9px!important;
  align-items:end!important;
}
.filter-field label{font-size:10px!important;color:#8a96a6!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:5px!important;}
.filter-field select,.mcap-inputs input{
  height:36px!important;
  min-width:0!important;
  width:100%!important;
  border:1px solid #e0e6ee!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:12px!important;
}
.mcap-inputs{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:6px!important;align-items:center!important;}
.mcap-inputs span{font-size:11px!important;color:#94a3b8!important;}
.filter-reset input[name=Reset]{height:36px!important;width:78px!important;border:1px solid #dbe3ee!important;background:#fff!important;color:#475569!important;border-radius:6px!important;box-shadow:none!important;}
.filter-reset input[name=Reset]:hover{border-color:#bfd2f8!important;background:var(--sc-blue-soft)!important;color:var(--sc-blue)!important;}
.filter-hint{display:none!important;}

/* Stock list */
.stock-row-head{padding:15px 2px 7px!important;border:0!important;background:transparent!important;}
.stock-symbol{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:17px!important;font-weight:750!important;color:#172033!important;padding-left:0!important;}
.stock-symbol:before{display:none!important;}
.chart-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important;}
.chart-cell{min-width:0!important;padding:0!important;}
.chart-note{height:25px!important;margin:0!important;padding:0 4px!important;color:#8b96a5!important;font-size:10px!important;}
.chart-title{padding:8px 11px!important;background:#fbfcfe!important;border-bottom:1px solid #edf0f4!important;color:#64748b!important;font-size:10px!important;letter-spacing:.08em!important;}
.chart-box{background:#fff!important;border:1px solid var(--sc-border)!important;border-radius:8px!important;box-shadow:0 1px 5px rgba(15,23,42,.035)!important;}
.chart-box:hover{border-color:#d5e0f1!important;box-shadow:0 3px 12px rgba(15,23,42,.055)!important;}
.chart-container{height:255px!important;background:#fff!important;}
.live-link{color:var(--sc-blue)!important;font-size:10px!important;}

/* Information row below charts */
.indlb{margin:9px 0 14px!important;padding:12px 14px!important;background:#fff!important;border:1px solid var(--sc-border)!important;border-radius:8px!important;box-shadow:none!important;}
.indlb td{color:#64748b!important;font-size:11px!important;}
.indlb b{color:#334155!important;font-size:11px!important;}
.indlb a{color:var(--sc-blue)!important;}
.stock-watch-control{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;}
.stock-watch-label{font-size:10px!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
.watch-toggle{height:30px!important;padding:0 10px!important;border:1px solid #dbe3ee!important;background:#fff!important;color:#475569!important;border-radius:6px!important;font-size:11px!important;font-weight:650!important;cursor:pointer!important;box-shadow:none!important;}
.watch-toggle:hover{border-color:#b9cff7!important;background:#f5f8ff!important;color:var(--sc-blue)!important;}
.watch-toggle.is-watched{border-color:#bfd2f8!important;background:#eff6ff!important;color:var(--sc-blue)!important;}
.watch-star{font-size:13px!important;vertical-align:-1px!important;margin-right:4px!important;}

/* Results pagination */
.page-shell input[name=prev],.page-shell input[name=next]{height:36px!important;border-radius:6px!important;background:#fff!important;color:#475569!important;border:1px solid #dbe3ee!important;box-shadow:none!important;}
.page-shell input[name=prev]:hover,.page-shell input[name=next]:hover{background:#eff6ff!important;color:var(--sc-blue)!important;border-color:#bfd2f8!important;}

/* Responsive */
@media(max-width:1100px){
  :root{--sidebar-width:205px;}
  .page-shell{padding-left:calc(var(--sidebar-width) + 20px)!important;padding-right:18px!important;}
  .header{grid-template-columns:220px 1fr auto!important;padding:0 18px!important;}
  .brand-tagline{display:none!important;}
  .nav-center{gap:16px!important;}
  .filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .filter-reset{grid-column:auto!important;}
}
@media(max-width:820px){
  :root{--sidebar-width:0px;}
  .header{height:auto!important;min-height:62px!important;grid-template-columns:1fr auto!important;padding:10px 14px!important;}
  .nav-center{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:2px!important;}
  .header-actions{grid-column:2;grid-row:1;}
  .page-shell{padding:18px 14px 40px!important;}
  .quick-actions{position:relative!important;top:auto!important;bottom:auto!important;width:auto!important;border-right:0!important;border-bottom:1px solid var(--sc-border)!important;}
  .filter-layout{display:block!important;}
  .filter-grid{grid-template-columns:1fr 1fr!important;}
  .chart-row{grid-template-columns:1fr!important;}
  .page-heading{display:block!important;}
  .heading-note{text-align:left!important;margin-top:6px!important;}
}


/* V7.1 AI + Earnings placeholders */
.brand-tagline em{font-style:normal;color:#2563eb;font-weight:700;margin-left:5px;}
.ai-note{display:block;margin-top:5px;color:#64748b;font-size:11px;font-weight:600;}
.stock-heading-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;}
.stock-market-label{margin-left:10px;color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.stock-earnings-placeholder{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc;}
.earnings-label{color:#475569;font-size:11px;font-weight:700;}
.earnings-coming{color:#2563eb;font-size:10px;font-weight:650;}
.footer-ai{color:#2563eb;font-weight:700;}
@media(max-width:800px){.stock-heading-wrap{align-items:flex-start;flex-direction:column;gap:8px}.stock-earnings-placeholder{width:100%;justify-content:space-between}.brand-tagline em{display:none}.nav-center{overflow-x:auto;max-width:55vw}}


/* ==========================================================
   V7.2 — BREAKOUT HIGHLIGHT + INSTITUTIONAL BUYING PANEL
   Responsive across desktop, tablet and mobile.
   ========================================================== */

/* Breakout stocks: restrained, professional highlight */
.stock-row-head.breakout-stock{
  position:relative!important;
  margin-top:8px!important;
  padding:13px 12px 8px!important;
  border-left:3px solid #2563eb!important;
  background:linear-gradient(90deg,#f7faff 0%,#fff 72%)!important;
  border-radius:8px 8px 0 0!important;
}
.breakout-stock .stock-symbol{
  color:#1d4ed8!important;
}
.breakout-badge{
  display:inline-flex!important;
  align-items:center!important;
  height:20px!important;
  margin-left:9px!important;
  padding:0 7px!important;
  border:1px solid #bfdbfe!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  color:#1d4ed8!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  vertical-align:2px!important;
}
.breakout-stock + .chart-row .chart-box{
  border-top-color:#c7d9f8!important;
}
.breakout-stock + .chart-row .chart-title{
  background:#f8fbff!important;
}

/* Yesterday's FII / DII / Superstar panel */
.sidebar-divider{
  height:1px!important;
  margin:18px 7px 17px!important;
  background:#e7ebf1!important;
}
.flow-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.flow-item{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:50px!important;
  padding:8px 10px!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:#334155!important;
  background:transparent!important;
  transition:all .15s ease!important;
}
.flow-item:hover{
  background:#f5f8fd!important;
  border-color:#e4eaf2!important;
}
.flow-item b{
  display:block!important;
  font-size:11px!important;
  font-weight:700!important;
  color:#334155!important;
}
.flow-item small{
  display:block!important;
  margin-top:2px!important;
  color:#94a3b8!important;
  font-size:9px!important;
  line-height:1.25!important;
}
.flow-arrow{
  color:#94a3b8!important;
  font-size:14px!important;
  flex:0 0 auto!important;
}
.flow-item:hover .flow-arrow{
  color:#2563eb!important;
}

/* Desktop: 3 charts */
.chart-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* Never allow chart contents to force horizontal overflow */
.chart-cell,.chart-box,.chart-container{
  min-width:0!important;
  max-width:100%!important;
}
.chart-container canvas,
.chart-container svg{
  max-width:100%!important;
}

/* Tablet: preserve comparison without squeezing charts */
@media (max-width:1200px){
  .page-shell{
    padding-right:18px!important;
  }
  .chart-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .chart-row .chart-cell:last-child:nth-child(3){
    grid-column:1 / -1!important;
  }
}

/* Smaller tablets */
@media (max-width:900px){
  .header{
    height:auto!important;
    min-height:64px!important;
    padding:9px 14px!important;
    display:grid!important;
    grid-template-columns:minmax(180px,1fr) auto!important;
    row-gap:6px!important;
  }
  .brand-tagline{display:none!important;}
  .nav-center{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    padding-bottom:3px!important;
    scrollbar-width:none!important;
  }
  .nav-center::-webkit-scrollbar{display:none!important;}
  .header-actions{
    grid-column:2!important;
    grid-row:1!important;
  }
  .page-heading{
    display:block!important;
    margin-bottom:12px!important;
  }
  .heading-note{
    margin-top:5px!important;
    text-align:left!important;
  }
}

/* Mobile: sidebar becomes a compact horizontal discovery strip */
@media (max-width:820px){
  .page-shell{
    padding:14px 12px 34px!important;
    overflow-x:hidden!important;
  }
  .quick-actions{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    padding:12px!important;
    border-right:0!important;
    border-bottom:1px solid var(--sc-border)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:7px!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
  }
  .sidebar-section-title{
    flex:0 0 auto!important;
    margin:9px 5px 0!important;
  }
  .quick-action-item{
    flex:0 0 auto!important;
    width:auto!important;
  }
  .quick-action-item input[type=button],
  .quick-action-item input[type=submit]{
    width:auto!important;
    min-width:116px!important;
    height:34px!important;
    padding:0 10px!important;
    text-align:center!important;
  }
  .quick-action-item label{
    padding:0!important;
    margin:0 0 4px!important;
    text-align:left!important;
  }
  .quick-action-item select{
    width:155px!important;
    height:34px!important;
    margin:0!important;
  }
  .sidebar-divider{
    display:none!important;
  }
  .flow-panel{
    flex-direction:row!important;
    gap:6px!important;
    flex:0 0 auto!important;
  }
  .flow-item{
    min-width:150px!important;
    height:44px!important;
    padding:6px 9px!important;
    background:#fff!important;
    border:1px solid #e4e9f0!important;
  }
  .quick-actions:after{display:none!important;}

  .filter-card{
    margin-top:10px!important;
  }
  .filter-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .chart-row{
    grid-template-columns:1fr!important;
  }
  .chart-row .chart-cell:last-child:nth-child(3){
    grid-column:auto!important;
  }
  .chart-container{
    height:260px!important;
  }
  .stock-row-head.breakout-stock{
    margin-top:7px!important;
  }
}

/* Small phones */
@media (max-width:560px){
  .header{
    grid-template-columns:1fr auto!important;
  }
  .brand-name{font-size:17px!important;}
  .brand-mark{width:27px!important;height:27px!important;}
  .header-actions .social-link{
    display:none!important;
  }
  .auth-link{
    padding:7px 7px!important;
    font-size:11px!important;
  }
  .auth-button{
    padding:7px 10px!important;
    font-size:11px!important;
  }
  .nav-link{
    padding:7px 9px!important;
    font-size:11px!important;
  }
  .page-heading h1{
    font-size:19px!important;
  }
  .filter-grid{
    grid-template-columns:1fr!important;
  }
  .filter-reset{
    width:100%!important;
  }
  .filter-reset input[name=Reset]{
    width:100%!important;
  }
  .stock-heading-wrap{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  .stock-earnings-placeholder{
    width:100%!important;
    justify-content:space-between!important;
  }
  .breakout-badge{
    margin-left:6px!important;
  }
  .chart-container{
    height:245px!important;
  }
  .indlb{
    overflow-x:auto!important;
  }
}

/* Very small phones */
@media (max-width:380px){
  .header-actions .auth-link{
    display:none!important;
  }
  .flow-item{
    min-width:138px!important;
  }
  .quick-action-item input[type=button],
  .quick-action-item input[type=submit]{
    min-width:105px!important;
  }
}


/* V7.3 — Predefined Scanner navigation */
.nav-scanner-link{
  position:relative!important;
}
.nav-scanner-link::after{
  content:"SCANNERS";
  display:inline-flex;
  align-items:center;
  margin-left:6px;
  padding:2px 5px;
  border:1px solid #dbe7f6;
  border-radius:999px;
  color:#2563eb;
  background:#f5f9ff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  vertical-align:2px;
}
@media (max-width:560px){
  .nav-scanner-link::after{display:none;}
}

/* V7.3 — Combined institutional/superstar buying item */
.combined-buying{
  min-height:54px!important;
}
.combined-buying b{
  color:#1e293b!important;
}
.combined-buying small{
  color:#64748b!important;
}


/* V7.4 — Predefined Scanners menu */
.scanner-menu{
  display:none;
  position:absolute;
  top:64px;
  left:50%;
  transform:translateX(-50%);
  z-index:1000;
  width:min(680px,calc(100vw - 28px));
  padding:10px;
  background:#fff;
  border:1px solid #e5eaf1;
  border-radius:12px;
  box-shadow:0 12px 35px rgba(15,23,42,.10);
}
.scanner-menu.is-open{display:block;}
.scanner-menu-inner{
  display:grid;
  grid-template-columns:150px repeat(3,minmax(0,1fr));
  gap:6px;
  align-items:stretch;
}
.scanner-menu-title{
  display:flex;
  align-items:center;
  padding:8px 10px;
  color:#64748b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.scanner-menu-item{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:9px;
  color:#334155;
  text-decoration:none;
  border:1px solid transparent;
  border-radius:8px;
}
.scanner-menu-item:hover{
  background:#f6f9fd;
  border-color:#e4eaf2;
}
.scanner-menu-icon{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  flex:0 0 25px;
  border-radius:7px;
  background:#eff6ff;
  color:#2563eb;
  font-weight:800;
}
.scanner-menu-item strong{
  display:block;
  font-size:10px;
  white-space:nowrap;
}
.scanner-menu-item small{
  display:block;
  margin-top:2px;
  color:#94a3b8;
  font-size:8px;
}
@media (max-width:900px){
  .scanner-menu{
    top:96px;
    left:12px;
    right:12px;
    width:auto;
    transform:none;
  }
  .scanner-menu-inner{
    grid-template-columns:1fr 1fr;
  }
  .scanner-menu-title{
    grid-column:1 / -1;
  }
}
@media (max-width:560px){
  .scanner-menu{
    top:110px;
  }
  .scanner-menu-inner{
    grid-template-columns:1fr;
  }
  .scanner-menu-title{
    grid-column:auto;
  }
}

/* V7.5 Featured Predefined Screeners */
.featured-title{margin-bottom:10px!important;}
.featured-screener{display:grid!important;grid-template-columns:30px minmax(0,1fr) 16px!important;align-items:center!important;gap:9px!important;min-height:58px!important;margin:5px 0!important;padding:9px!important;color:#1e293b!important;text-decoration:none!important;background:#f8fbff!important;border:1px solid #dce8f7!important;border-radius:9px!important;transition:all .15s ease!important;}
.featured-screener:hover{background:#f1f7ff!important;border-color:#bfd5f3!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(37,99,235,.06)!important;}
.featured-icon{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:#eaf3ff!important;color:#2563eb!important;font-size:13px!important;font-weight:800!important;}
.featured-copy{min-width:0!important;}.featured-copy strong{display:block!important;color:#1e293b!important;font-size:11px!important;line-height:1.25!important;}.featured-copy small{display:block!important;margin-top:3px!important;color:#64748b!important;font-size:9px!important;}.featured-arrow{color:#94a3b8!important;font-size:14px!important;}.featured-screener:hover .featured-arrow{color:#2563eb!important;}


/* V7.8 — Breakout submenu uses the original PHP POST parameter: bos */
.featured-submenu button{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:8px 10px;
  margin:0;
  border:0;
  color:#475569;
  background:#ffffff;
  font-family:inherit;
  font-size:10px;
  line-height:1.25;
  text-align:left;
  text-decoration:none;
  border-radius:5px;
  cursor:pointer;
}
.featured-submenu button:hover{
  color:#2563eb;
  background:#f5f9ff;
}
.featured-submenu button:focus{
  outline:2px solid #bfdbfe;
  outline-offset:-2px;
}

/* V7.9 — Explicit featured screener toggle */
.featured-screener-wrap{
  display:block!important;
  margin:5px 0!important;
}
.featured-screener-wrap .featured-toggle{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 16px!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:9px!important;
  box-sizing:border-box!important;
  border:1px solid #dce8f7!important;
  border-radius:9px!important;
  background:#f8fbff!important;
  color:#1e293b!important;
  font-family:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.featured-screener-wrap .featured-toggle:hover{
  background:#f1f7ff!important;
  border-color:#bfd5f3!important;
}
.featured-screener-wrap:not(.is-open) .featured-submenu{
  display:none!important;
}
.featured-screener-wrap.is-open .featured-submenu{
  display:block!important;
}
.featured-screener-wrap.is-open .featured-toggle{
  border-radius:9px 9px 0 0!important;
  background:#f1f7ff!important;
  border-color:#bfd5f3!important;
}
.featured-screener-wrap.is-open .featured-arrow{
  transform:none!important;
}

/* V7.10 — Clean featured screener layout */
.featured-screener-wrap{
  display:block!important;
  width:100%!important;
  margin:5px 0!important;
}
.featured-screener-wrap .featured-toggle{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:9px 10px!important;
  box-sizing:border-box!important;
  border:1px solid #cbdcf3!important;
  border-radius:9px!important;
  background:#f7faff!important;
  color:#1e293b!important;
  font-family:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.featured-screener-wrap .featured-toggle:hover{
  background:#f1f7ff!important;
  border-color:#b7cfee!important;
}
.featured-screener-wrap:not(.is-open) .featured-submenu{
  display:none!important;
}
.featured-screener-wrap.is-open .featured-submenu{
  display:block!important;
}
.featured-screener-wrap.is-open .featured-toggle{
  border-radius:9px 9px 0 0!important;
  background:#f1f7ff!important;
  border-color:#b7cfee!important;
}
.featured-screener-wrap .featured-copy strong{
  font-size:11px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
.featured-screener-wrap .featured-copy small{
  font-size:9px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.featured-submenu{
  width:100%!important;
  margin:0!important;
  padding:4px 6px 6px 48px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #b7cfee!important;
  border-top:0!important;
  border-radius:0 0 9px 9px!important;
}
.featured-submenu button{
  display:block!important;
  width:100%!important;
  min-height:32px!important;
  box-sizing:border-box!important;
  padding:6px 8px!important;
  margin:0!important;
  border:0!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#475569!important;
  font-family:inherit!important;
  font-size:10px!important;
  line-height:1.25!important;
  text-align:left!important;
  white-space:normal!important;
  cursor:pointer!important;
}
.featured-submenu button:hover{
  color:#2563eb!important;
  background:#f5f9ff!important;
}
.featured-arrow{
  text-align:center!important;
  font-size:12px!important;
}
@media (max-width:820px){
  .featured-submenu{
    padding-left:10px!important;
  }
}

/* V7.12 — Make all featured screener submenu items consistent */
.featured-submenu .featured-submenu-link{
  display:block!important;
  width:100%!important;
  min-height:32px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:7px 8px!important;
  border:0!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#475569!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-align:left!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  cursor:pointer!important;
}
.featured-submenu .featured-submenu-link:hover{
  color:#2563eb!important;
  background:#f5f9ff!important;
  text-decoration:none!important;
}
.featured-submenu .featured-submenu-link:visited{
  color:#475569!important;
  text-decoration:none!important;
}
.featured-submenu .featured-submenu-link:focus{
  outline:2px solid #bfdbfe!important;
  outline-offset:-2px!important;
  text-decoration:none!important;
}

/* Keep both open and closed featured cards compact and aligned */
.featured-screener-wrap .featured-toggle{
  min-height:58px!important;
}
.featured-screener-wrap .featured-copy{
  min-width:0!important;
  overflow:hidden!important;
}
.featured-screener-wrap .featured-copy strong,
.featured-screener-wrap .featured-copy small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.featured-screener-wrap .featured-copy strong{
  white-space:normal!important;
}
.featured-screener-wrap .featured-copy small{
  white-space:nowrap!important;
}
.featured-screener-wrap .featured-arrow{
  width:18px!important;
  flex:none!important;
}

/* Consistent submenu geometry */
.featured-screener-wrap .featured-submenu{
  padding:4px 6px 6px 48px!important;
}
@media (max-width:820px){
  .featured-screener-wrap .featured-submenu{
    padding:4px 6px 6px 10px!important;
  }
}

/* =========================================================
   V7.16 — Professional NSE Bulk / Block Deals
   Original query/data logic retained
   ========================================================= */

.stock-bulk-deals{
    width:100%;
    box-sizing:border-box;
    margin:12px 0 4px;
    background:#ffffff;
    border:1px solid #e2e8f0;
    border-radius:10px;
    overflow:hidden;
}

.stock-bulk-deals-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:11px 13px;
    background:#f8fafc;
    border-bottom:1px solid #e8edf3;
}

.stock-bulk-deals-title{
    color:#172033;
    font-size:12px;
    font-weight:750;
    line-height:1.3;
}

.stock-bulk-deals-subtitle{
    margin-top:2px;
    color:#94a3b8;
    font-size:9px;
}

.stock-bulk-deals-table-wrap{
    width:100%;
    overflow-x:auto;
}

.stock-bulk-deals-table{
    width:100%;
    min-width:520px;
    border-collapse:collapse;
    table-layout:fixed;
}

.stock-bulk-deals-table th{
    padding:8px 12px;
    background:#ffffff;
    color:#94a3b8;
    border-bottom:1px solid #edf1f5;
    font-size:8px;
    font-weight:750;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.stock-bulk-deals-table th:nth-child(1){width:20%;}
.stock-bulk-deals-table th:nth-child(2){width:42%;}
.stock-bulk-deals-table th:nth-child(3){width:18%;}
.stock-bulk-deals-table th:nth-child(4){width:20%;text-align:right;}

.stock-bulk-deals-table td{
    padding:8px 12px;
    color:#475569;
    border-bottom:1px solid #f0f3f6;
    font-size:9px;
    line-height:1.25;
    vertical-align:middle;
}

.stock-bulk-deals-table tr:last-child td{
    border-bottom:0;
}

.stock-bulk-deals-table tr:hover td{
    background:#f8fbff;
}

.bulk-date{
    white-space:nowrap;
    color:#64748b!important;
}

.bulk-investor{
    color:#1e293b!important;
    font-weight:650;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.bulk-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:45px;
    padding:3px 7px;
    border-radius:4px;
    font-size:8px;
    font-weight:800;
    letter-spacing:.03em;
}

.bulk-action.bulk-buy{
    color:#15803d;
    background:#f0fdf4;
    border:1px solid #bbf7d0;
}

.bulk-action.bulk-sell{
    color:#dc2626;
    background:#fef2f2;
    border:1px solid #fecaca;
}

.bulk-action.bulk-neutral{
    color:#172033;
    background:#f8fafc;
    border:1px solid #d7dee8;
}

.bulk-quantity{
    text-align:right;
    font-weight:750;
    font-variant-numeric:tabular-nums;
}

.bulk-quantity.bulk-buy{
    color:#15803d!important;
}

.bulk-quantity.bulk-sell{
    color:#dc2626!important;
}

.bulk-quantity.bulk-neutral{
    color:#172033!important;
}

.stock-bulk-deals-empty{
    padding:18px 12px;
    color:#94a3b8;
    font-size:9px;
    text-align:center;
}

@media (max-width:700px){
    .stock-bulk-deals-table{
        min-width:520px;
    }
}

/* =========================================================
   V7.17 — Compact stock information row
   Keep Bulk/Block Deals compact without squeezing
   Financial Data / Watchlist / Alerts.
   ========================================================= */

.indlb > table{
    width:100%!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
}

/* Bulk deals */
.indlb > table > tbody > tr > .bulk-deals-cell{
    width:68%!important;
    max-width:68%!important;
    padding:4px 8px!important;
    vertical-align:top!important;
    box-sizing:border-box!important;
}

/* Financial links / results */
.indlb > table > tbody > tr > .financial-cell{
    width:12%!important;
    max-width:12%!important;
    min-width:125px!important;
    padding:8px 10px!important;
    vertical-align:top!important;
    box-sizing:border-box!important;
}

/* Watchlist + Add Alert */
.indlb > table > tbody > tr > .stock-actions-cell{
    width:20%!important;
    max-width:20%!important;
    min-width:235px!important;
    padding:8px 10px!important;
    vertical-align:top!important;
    box-sizing:border-box!important;
}

/* Compact bulk panel */
.stock-bulk-deals{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:7px!important;
    box-shadow:none!important;
}

.stock-bulk-deals-header{
    padding:7px 10px!important;
}

.stock-bulk-deals-title{
    font-size:10px!important;
    line-height:1.2!important;
}

.stock-bulk-deals-subtitle{
    font-size:7px!important;
    margin-top:1px!important;
}

/* Make the rows compact and scrollable instead of consuming the
   entire vertical space of the stock card. */
.stock-bulk-deals-table-wrap{
    max-height:175px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
}

.stock-bulk-deals-table{
    min-width:0!important;
    width:100%!important;
    table-layout:fixed!important;
}

.stock-bulk-deals-table th{
    padding:5px 7px!important;
    font-size:7px!important;
}

.stock-bulk-deals-table td{
    padding:5px 7px!important;
    font-size:8px!important;
    line-height:1.1!important;
}

.stock-bulk-deals-table th:nth-child(1){
    width:20%!important;
}
.stock-bulk-deals-table th:nth-child(2){
    width:43%!important;
}
.stock-bulk-deals-table th:nth-child(3){
    width:17%!important;
}
.stock-bulk-deals-table th:nth-child(4){
    width:20%!important;
}

.bulk-action{
    min-width:38px!important;
    padding:2px 5px!important;
    font-size:7px!important;
}

.bulk-investor{
    font-size:8px!important;
}

.bulk-quantity{
    font-size:8px!important;
}

/* Don't let the alert controls become tiny. */
.stock-actions-cell .stock-watch-control{
    justify-content:flex-start!important;
    margin-bottom:8px!important;
}

.stock-actions-cell .stock-watch-label{
    font-size:9px!important;
}

.stock-actions-cell select{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}

.stock-actions-cell input[type="text"],
.stock-actions-cell input[type="number"]{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}

/* Financial data should remain readable */
.financial-cell a{
    display:inline-block!important;
    max-width:100%!important;
    line-height:1.25!important;
}

/* Tablet */
@media (max-width:1100px){
    .indlb > table > tbody > tr > .bulk-deals-cell{
        width:62%!important;
        max-width:62%!important;
    }

    .indlb > table > tbody > tr > .financial-cell{
        width:15%!important;
        max-width:15%!important;
        min-width:110px!important;
    }

    .indlb > table > tbody > tr > .stock-actions-cell{
        width:23%!important;
        max-width:23%!important;
        min-width:205px!important;
    }
}

/* Mobile: stack the three sections rather than squeezing them. */
@media (max-width:700px){
    .indlb > table{
        table-layout:auto!important;
    }

    .indlb > table > tbody > tr > .bulk-deals-cell,
    .indlb > table > tbody > tr > .financial-cell,
    .indlb > table > tbody > tr > .stock-actions-cell{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
    }

    .stock-bulk-deals-table-wrap{
        max-height:180px!important;
    }

    .stock-actions-cell select{
        width:100%!important;
    }
}

/* V7.18 — compact Bulk/Block UI; original data query retained */
.indlb > table{
    width:100%!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
}
.indlb > table > tbody > tr > td:nth-child(1){
    width:68%!important; max-width:68%!important;
    box-sizing:border-box!important; vertical-align:top!important;
    padding:4px 8px!important;
}
.indlb > table > tbody > tr > td:nth-child(2){
    width:13%!important; min-width:125px!important;
    box-sizing:border-box!important; vertical-align:top!important;
    padding:8px 10px!important;
}
.indlb > table > tbody > tr > td:nth-child(3){
    width:19%!important; min-width:225px!important;
    box-sizing:border-box!important; vertical-align:top!important;
    padding:8px 10px!important;
}
.stock-bulk-deals{
    width:100%!important; margin:0!important;
    border-radius:7px!important; box-shadow:none!important;
}
.stock-bulk-deals-header{padding:6px 9px!important;}
.stock-bulk-deals-title{font-size:10px!important;line-height:1.2!important;}
.stock-bulk-deals-subtitle{font-size:7px!important;margin-top:1px!important;}
.stock-bulk-deals-table-wrap{
    max-height:165px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
}
.stock-bulk-deals-table{
    width:100%!important; min-width:0!important;
    table-layout:fixed!important;
}
.stock-bulk-deals-table th{padding:4px 6px!important;font-size:7px!important;}
.stock-bulk-deals-table td{padding:4px 6px!important;font-size:8px!important;line-height:1.1!important;}
.stock-bulk-deals-table th:nth-child(1){width:20%!important;}
.stock-bulk-deals-table th:nth-child(2){width:43%!important;}
.stock-bulk-deals-table th:nth-child(3){width:17%!important;}
.stock-bulk-deals-table th:nth-child(4){width:20%!important;text-align:right!important;}
.bulk-investor{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.bulk-action{min-width:38px!important;padding:2px 5px!important;font-size:7px!important;}
.bulk-quantity{font-size:8px!important;text-align:right!important;}
.stock-actions-cell select,.stock-actions-cell input{max-width:100%!important;box-sizing:border-box!important;}
@media (max-width:1100px){
    .indlb > table > tbody > tr > td:nth-child(1){width:62%!important;max-width:62%!important;}
    .indlb > table > tbody > tr > td:nth-child(2){width:15%!important;min-width:110px!important;}
    .indlb > table > tbody > tr > td:nth-child(3){width:23%!important;min-width:205px!important;}
}
@media (max-width:700px){
    .indlb > table{table-layout:auto!important;}
    .indlb > table > tbody > tr > td{
        display:block!important;width:100%!important;max-width:none!important;min-width:0!important;
    }
    .stock-bulk-deals-table-wrap{max-height:180px!important;}
}

/* =========================================================
   V7.19 — Preserve Financial / Alerts controls
   and keep Financial Data compact
   ========================================================= */

/* The stock information row contains:
   1. Bulk/Block Deals
   2. Financial Data / Results
   3. Watchlist / Alerts
*/
.indlb > table > tbody > tr > .bulk-deals-cell{
    width:70%!important;
    max-width:70%!important;
    min-width:0!important;
    padding:3px 7px!important;
    vertical-align:top!important;
}

.indlb > table > tbody > tr > .financial-cell{
    width:10%!important;
    max-width:10%!important;
    min-width:105px!important;
    padding:7px 7px!important;
    vertical-align:top!important;
    box-sizing:border-box!important;
}

.indlb > table > tbody > tr > .stock-actions-cell{
    width:20%!important;
    max-width:20%!important;
    min-width:245px!important;
    padding:7px 7px!important;
    vertical-align:top!important;
    box-sizing:border-box!important;
}

/* Small Financial Data / Results panel */
.financial-cell{
    font-size:8px!important;
    line-height:1.25!important;
    color:#64748b!important;
    overflow:hidden!important;
}

.financial-cell a{
    display:block!important;
    width:100%!important;
    font-size:9px!important;
    font-weight:700!important;
    line-height:1.15!important;
    color:#2563eb!important;
    text-decoration:none!important;
    overflow-wrap:anywhere!important;
    margin-bottom:5px!important;
}

.financial-cell b{
    display:block!important;
    font-size:8px!important;
    margin-bottom:2px!important;
    color:#334155!important;
}

.financial-cell div{
    font-size:7px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* Keep Watchlist + Alert area usable */
.stock-actions-cell{
    overflow:visible!important;
}

.stock-actions-cell .stock-watch-control{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    width:100%!important;
    margin:0 0 7px!important;
    white-space:nowrap!important;
}

.stock-actions-cell .stock-watch-label{
    flex:0 0 auto!important;
    font-size:8px!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
}

.stock-actions-cell .watch-toggle{
    flex:0 0 auto!important;
    white-space:nowrap!important;
}

.stock-actions-cell > div[align="right"]{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    align-items:center!important;
    column-gap:5px!important;
    row-gap:5px!important;
    width:100%!important;
    box-sizing:border-box!important;
}

.stock-actions-cell > div[align="right"] > b{
    grid-column:1!important;
    grid-row:1!important;
    font-size:8px!important;
    white-space:nowrap!important;
}

.stock-actions-cell > div[align="right"] > select{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    padding:3px 6px!important;
    font-size:9px!important;
    box-sizing:border-box!important;
}

.stock-actions-cell > div[align="right"] > input[type="number"]{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    padding:3px 6px!important;
    font-size:9px!important;
    box-sizing:border-box!important;
}

.stock-actions-cell > div[align="right"] > input[type="button"]{
    grid-column:2!important;
    grid-row:3!important;
    justify-self:end!important;
    width:auto!important;
    min-width:48px!important;
    height:30px!important;
    padding:3px 10px!important;
    font-size:9px!important;
    box-sizing:border-box!important;
}

/* Compact FII/DII/Superstar research item in left panel */
.combined-buying{
    min-height:42px!important;
    padding:7px 9px!important;
}

.combined-buying b{
    font-size:9px!important;
    line-height:1.2!important;
}

.combined-buying small{
    font-size:7px!important;
    line-height:1.2!important;
}

/* Keep bulk deal area compact */
.stock-bulk-deals-table-wrap{
    max-height:155px!important;
}

@media (max-width:1100px){
    .indlb > table > tbody > tr > .bulk-deals-cell{
        width:64%!important;
        max-width:64%!important;
    }

    .indlb > table > tbody > tr > .financial-cell{
        width:13%!important;
        max-width:13%!important;
        min-width:100px!important;
    }

    .indlb > table > tbody > tr > .stock-actions-cell{
        width:23%!important;
        max-width:23%!important;
        min-width:220px!important;
    }
}

@media (max-width:700px){
    .indlb > table{
        table-layout:auto!important;
    }

    .indlb > table > tbody > tr > .bulk-deals-cell,
    .indlb > table > tbody > tr > .financial-cell,
    .indlb > table > tbody > tr > .stock-actions-cell{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
    }

    .financial-cell a{
        max-width:180px!important;
    }

    .stock-actions-cell > div[align="right"]{
        grid-template-columns:90px minmax(0,1fr)!important;
    }
}

/* =========================================================
   V7.20 — Narrow columns, restore readable font sizes
   ========================================================= */

/* Give the bulk-deals area more room and narrow the two
   supporting columns without shrinking their typography. */
.indlb > table > tbody > tr > .bulk-deals-cell{
    width:74%!important;
    max-width:74%!important;
    min-width:0!important;
}

.indlb > table > tbody > tr > .financial-cell{
    width:8%!important;
    max-width:8%!important;
    min-width:95px!important;
    padding:7px 6px!important;
}

/* Keep Alerts usable, but don't let the column become oversized. */
.indlb > table > tbody > tr > .stock-actions-cell{
    width:18%!important;
    max-width:18%!important;
    min-width:225px!important;
    padding:7px 6px!important;
}

/* Restore readable typography — use width/wrapping, not tiny fonts. */
.financial-cell{
    font-size:9px!important;
}

.financial-cell a{
    font-size:10px!important;
    line-height:1.2!important;
    margin-bottom:5px!important;
}

.financial-cell b{
    font-size:9px!important;
}

.financial-cell div{
    font-size:8px!important;
    line-height:1.3!important;
    white-space:normal!important;
}

.stock-actions-cell .stock-watch-label{
    font-size:9px!important;
}

.stock-actions-cell > div[align="right"] > b{
    font-size:9px!important;
}

.stock-actions-cell > div[align="right"] > select{
    font-size:10px!important;
}

.stock-actions-cell > div[align="right"] > input[type="number"]{
    font-size:10px!important;
}

.stock-actions-cell > div[align="right"] > input[type="button"]{
    font-size:10px!important;
}

/* Keep the Bulk/Block table readable as well. */
.stock-bulk-deals-table th{
    font-size:8px!important;
    padding:5px 7px!important;
}

.stock-bulk-deals-table td{
    font-size:9px!important;
    padding:5px 7px!important;
}

.bulk-investor{
    font-size:9px!important;
}

.bulk-action{
    font-size:8px!important;
}

.bulk-quantity{
    font-size:9px!important;
}

/* Tablet */
@media (max-width:1100px){
    .indlb > table > tbody > tr > .bulk-deals-cell{
        width:68%!important;
        max-width:68%!important;
    }

    .indlb > table > tbody > tr > .financial-cell{
        width:10%!important;
        max-width:10%!important;
        min-width:90px!important;
    }

    .indlb > table > tbody > tr > .stock-actions-cell{
        width:22%!important;
        max-width:22%!important;
        min-width:210px!important;
    }
}

/* =========================================================
   V7.21 — Tighter Bulk/Block table columns
   ========================================================= */

.stock-bulk-deals-table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
}

.stock-bulk-deals-table th:nth-child(1),
.stock-bulk-deals-table td:nth-child(1){
    width:13%!important;
}

.stock-bulk-deals-table th:nth-child(2),
.stock-bulk-deals-table td:nth-child(2){
    width:57%!important;
}

.stock-bulk-deals-table th:nth-child(3),
.stock-bulk-deals-table td:nth-child(3){
    width:11%!important;
}

.stock-bulk-deals-table th:nth-child(4),
.stock-bulk-deals-table td:nth-child(4){
    width:19%!important;
    text-align:right!important;
}

/* Keep readable text but use the available width efficiently. */
.stock-bulk-deals-table th{
    padding:5px 6px!important;
    white-space:nowrap!important;
}

.stock-bulk-deals-table td{
    padding:5px 6px!important;
}

.bulk-date{
    white-space:nowrap!important;
}

.bulk-investor{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.bulk-action{
    min-width:0!important;
    padding:3px 5px!important;
    white-space:nowrap!important;
}

.bulk-quantity{
    white-space:nowrap!important;
    text-align:right!important;
}

/* At smaller desktop/tablet widths, make the date/action even tighter. */
@media (max-width:1100px){
    .stock-bulk-deals-table th:nth-child(1),
    .stock-bulk-deals-table td:nth-child(1){
        width:14%!important;
    }

    .stock-bulk-deals-table th:nth-child(2),
    .stock-bulk-deals-table td:nth-child(2){
        width:55%!important;
    }

    .stock-bulk-deals-table th:nth-child(3),
    .stock-bulk-deals-table td:nth-child(3){
        width:12%!important;
    }

    .stock-bulk-deals-table th:nth-child(4),
    .stock-bulk-deals-table td:nth-child(4){
        width:19%!important;
    }
}

/* =========================================================
   V7.22 — FIX STOCK INFO ROW LAYOUT
   Compact columns without shrinking fonts or collapsing
   Financial Data / Watchlist / Alerts.
   ========================================================= */

/* Stop the nested HTML table from distributing huge empty
   spaces across its three cells. */
.indlb > table{
    width:100%!important;
    border-collapse:collapse!important;
    border-spacing:0!important;
    table-layout:auto!important;
}

/* Desktop: explicitly control the three sections. */
.indlb > table > tbody > tr{
    display:grid!important;
    grid-template-columns:minmax(0, 1fr) 125px 250px!important;
    align-items:start!important;
    width:100%!important;
}

.indlb > table > tbody > tr > td.bulk-deals-cell{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:4px 7px!important;
    box-sizing:border-box!important;
}

.indlb > table > tbody > tr > td.financial-cell{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:7px 6px!important;
    box-sizing:border-box!important;
}

.indlb > table > tbody > tr > td.stock-actions-cell{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:7px 6px!important;
    box-sizing:border-box!important;
}

/* Compact bulk table itself — no artificial percentage gaps. */
.stock-bulk-deals-table{
    width:auto!important;
    min-width:0!important;
    table-layout:auto!important;
}

.stock-bulk-deals-table th,
.stock-bulk-deals-table td{
    white-space:nowrap!important;
}

.stock-bulk-deals-table th:nth-child(1),
.stock-bulk-deals-table td:nth-child(1){
    width:92px!important;
}

.stock-bulk-deals-table th:nth-child(2),
.stock-bulk-deals-table td:nth-child(2){
    width:360px!important;
    max-width:360px!important;
}

.stock-bulk-deals-table th:nth-child(3),
.stock-bulk-deals-table td:nth-child(3){
    width:72px!important;
}

.stock-bulk-deals-table th:nth-child(4),
.stock-bulk-deals-table td:nth-child(4){
    width:105px!important;
    text-align:right!important;
}

.bulk-investor{
    max-width:360px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.bulk-date{
    width:92px!important;
}

.bulk-action{
    display:inline-flex!important;
}

/* Financial data gets a fixed compact column rather than being
   squeezed by the Bulk table. */
.financial-cell{
    overflow:hidden!important;
}

.financial-cell a{
    display:block!important;
    font-size:10px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
}

.financial-cell b{
    font-size:9px!important;
}

.financial-cell div{
    font-size:8px!important;
    white-space:normal!important;
    line-height:1.25!important;
}

/* Alerts must stay fully inside their dedicated column. */
.stock-actions-cell{
    overflow:visible!important;
}

.stock-actions-cell .stock-watch-control{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    box-sizing:border-box!important;
}

.stock-actions-cell .stock-watch-label{
    font-size:9px!important;
    white-space:nowrap!important;
}

.stock-actions-cell > div[align="right"]{
    width:100%!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:5px!important;
    align-items:center!important;
    box-sizing:border-box!important;
}

.stock-actions-cell > div[align="right"] > b{
    grid-column:1!important;
    font-size:9px!important;
    white-space:nowrap!important;
}

.stock-actions-cell > div[align="right"] > select{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    font-size:10px!important;
}

.stock-actions-cell > div[align="right"] > input[type="number"]{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    font-size:10px!important;
}

.stock-actions-cell > div[align="right"] > input[type="button"]{
    grid-column:2!important;
    justify-self:end!important;
    width:auto!important;
    font-size:10px!important;
}

/* Tablet */
@media (max-width:1100px){
    .indlb > table > tbody > tr{
        grid-template-columns:minmax(0,1fr) 105px 220px!important;
    }

    .stock-bulk-deals-table th:nth-child(2),
    .stock-bulk-deals-table td:nth-child(2){
        width:300px!important;
        max-width:300px!important;
    }
}

/* Mobile */
@media (max-width:700px){
    .indlb > table > tbody > tr{
        display:block!important;
        width:100%!important;
    }

    .indlb > table > tbody > tr > td.bulk-deals-cell,
    .indlb > table > tbody > tr > td.financial-cell,
    .indlb > table > tbody > tr > td.stock-actions-cell{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
    }

    .stock-bulk-deals-table{
        width:100%!important;
    }

    .stock-bulk-deals-table th:nth-child(2),
    .stock-bulk-deals-table td:nth-child(2){
        width:auto!important;
        max-width:none!important;
    }
}

/* V7.23 — Superstar Buying uses the existing superstar.php page */
.featured-screener[href="superstar.php"]{
    text-decoration:none!important;
    cursor:pointer!important;
}
.featured-screener[href="superstar.php"]:hover{
    text-decoration:none!important;
}

/* =========================================================
   FONT-ONLY UPDATE — SciMath-inspired typography
   Added without changing layout, colours or component logic.
   ========================================================= */

:root{
  --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

html,body{
  font-family:var(--font)!important;
  font-size:14px!important;
  line-height:1.45!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}

.brand-name{font-size:20px!important;font-weight:800!important;letter-spacing:.02em!important;}
.brand-tagline{font-size:10px!important;font-weight:650!important;letter-spacing:.10em!important;}
.nav-link{font-size:13px!important;font-weight:600!important;}

.page-heading h1{font-size:24px!important;font-weight:800!important;letter-spacing:-.02em!important;}
.eyebrow{font-size:10px!important;font-weight:750!important;letter-spacing:.12em!important;}
.heading-note,.subtitle{font-size:13px!important;line-height:1.5!important;}

.sidebar-section-title{font-size:11px!important;font-weight:750!important;letter-spacing:.10em!important;}
.quick-actions-title{font-size:11px!important;font-weight:750!important;}
.quick-action-item label{font-size:11px!important;font-weight:650!important;}
.quick-action-item input[type=button],
.quick-action-item input[type=submit],
.quick-action-item select{font-size:13px!important;}

.filter-field label{font-size:12px!important;font-weight:650!important;}
.filter-field select,
.mcap-inputs input{font-size:14px!important;}

.stock-symbol{font-size:19px!important;font-weight:800!important;}
.stock-market-label{font-size:11px!important;font-weight:650!important;}
.stock-earnings-placeholder{font-size:12px!important;}
.earnings-label{font-size:12px!important;font-weight:700!important;}
.earnings-coming{font-size:11px!important;}

.chart-title{font-size:11px!important;font-weight:750!important;letter-spacing:.05em!important;}
.chart-note{font-size:11px!important;}
.live-link{font-size:11px!important;font-weight:650!important;}

.indlb td{font-size:12px!important;}
.indlb b{font-size:12px!important;}

.stock-watch-label{font-size:11px!important;}
.watch-toggle{font-size:12px!important;font-weight:650!important;}
.watch-star{font-size:14px!important;}

.flow-item b{font-size:12px!important;font-weight:700!important;}
.flow-item small{font-size:10px!important;}
.flow-arrow{font-size:14px!important;}

.breakout-badge{font-size:9px!important;}

.ai-note{font-size:11px!important;}
.footer-inner{font-size:11px!important;}
.footer-ai{font-size:11px!important;}

select,
input[type=number],
input[type=text],
input[type=submit],
input[type=button],
button,
textarea{
  font-family:var(--font)!important;
}

/* ==========================================================
   TYPOGRAPHY V2 — DRAMATIC UPGRADE
   Bigger headlines, readable data, strong hierarchy.
   The font family alone is subtle; what actually looks
   professional is size contrast + weight contrast + spacing.
   ========================================================== */

/* ── 1. Font system ──────────────────────────────────────── */
:root {
  --font: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont,
          'Segoe UI', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}

html, body {
  font-family: var(--font) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* ── 2. Header / Brand ───────────────────────────────────── */
.header {
  height: 66px !important;
}

.brand-name {
  font-family: var(--font) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  line-height: 1 !important;
}

.brand-tagline {
  font-family: var(--font) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: #94a3b8 !important;
}

/* ── 3. Navigation ───────────────────────────────────────── */
.nav-link {
  font-family: var(--font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.auth-link {
  font-family: var(--font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.auth-button {
  font-family: var(--font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
}

/* ── 4. Page heading — make it BIG ──────────────────────── */
.eyebrow {
  font-family: var(--font) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}

.page-heading h1 {
  font-family: var(--font) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: -.04em !important;
  line-height: 1.1 !important;
  color: #0f172a !important;
}

.heading-note {
  font-family: var(--font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -.005em !important;
}

/* ── 5. Sidebar labels ───────────────────────────────────── */
.sidebar-section-title,
.quick-actions-title {
  font-family: var(--font) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.quick-action-item label {
  font-family: var(--font) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.quick-action-item input[type=button],
.quick-action-item input[type=submit] {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
}

.quick-action-item select {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
}

/* ── 6. Featured screener cards ─────────────────────────── */
.featured-copy strong {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  line-height: 1.3 !important;
}

.featured-copy small {
  font-family: var(--font) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.featured-submenu button,
.featured-submenu-link {
  font-family: var(--font) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

/* ── 7. FII/DII flow panel ───────────────────────────────── */
.flow-item b {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}

.flow-item small {
  font-family: var(--font) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

/* ── 8. Filter bar ───────────────────────────────────────── */
.filter-field label {
  font-family: var(--font) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

select,
input[type=number],
input[type=text] {
  font-family: var(--font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

input[type=submit],
input[type=button] {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

.filter-hint {
  font-family: var(--font) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
}

/* ── 9. Stock symbol — much bigger & bolder ──────────────── */
.stock-symbol {
  font-family: var(--font) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  color: #0f172a !important;
}

.stock-market-label {
  font-family: var(--font) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #94a3b8 !important;
}

.breakout-badge {
  font-family: var(--font) !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.earnings-label {
  font-family: var(--font) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.earnings-coming {
  font-family: var(--font) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* ── 10. Chart titles ────────────────────────────────────── */
.chart-title {
  font-family: var(--font) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.chart-note {
  font-family: var(--font) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.live-link {
  font-family: var(--font) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* ── 11. Info panel — increase all the tiny text ─────────── */
.indlb td {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

.indlb b {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

.indlb a {
  font-family: var(--font) !important;
  font-weight: 600 !important;
}

/* ── 12. Bulk/Block deals — 8px was unreadable ───────────── */
.stock-bulk-deals-title {
  font-family: var(--font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}

.stock-bulk-deals-subtitle {
  font-family: var(--font) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.stock-bulk-deals-table th {
  font-family: var(--font) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  padding: 8px 10px !important;
}

.stock-bulk-deals-table td {
  font-family: var(--font) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  padding: 7px 10px !important;
}

.bulk-investor {
  font-family: var(--font) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.bulk-action {
  font-family: var(--font) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  padding: 3px 8px !important;
  border-radius: 5px !important;
}

.bulk-quantity {
  font-family: var(--font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
}

/* ── 13. Watchlist / alert controls ──────────────────────── */
.watch-toggle {
  font-family: var(--font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.stock-watch-label {
  font-family: var(--font) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.stock-actions-cell select,
.stock-actions-cell input[type=number] {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
}

.stock-actions-cell input[type=button] {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

/* ── 14. Scanner menu ────────────────────────────────────── */
.scanner-menu-title {
  font-family: var(--font) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.scanner-menu-item strong {
  font-family: var(--font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}

.scanner-menu-item small {
  font-family: var(--font) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

/* ── 15. Disclaimer / note text ──────────────────────────── */
.page-shell i {
  font-family: var(--font) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  color: #64748b !important;
}

/* ── 16. SEO intro ───────────────────────────────────────── */
.seo-intro h1 {
  font-family: var(--font) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  line-height: 1.2 !important;
}

.seo-intro p {
  font-family: var(--font) !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

/* ── 17. Footer ──────────────────────────────────────────── */
.footer-inner,
.footer-links a {
  font-family: var(--font) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* ── 18. All buttons & form elements fallback ────────────── */
select, input, button, textarea {
  font-family: var(--font) !important;
}

/* ==========================================================
   SIDEBAR CONSISTENCY FIX
   Unify Featured Screeners + Discovery buttons + Research
   flow items into one visual language. Currently 4 different
   treatments — reducing to 1 consistent sidebar item style.
   ========================================================== */

/* ── Section titles: all identical ──────────────────────── */
.sidebar-section-title,
.quick-actions-title,
.featured-title {
  font-family: var(--font) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #94a3b8 !important;
  margin: 18px 4px 10px !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}

/* First section title needs less top margin */
.featured-title {
  margin-top: 4px !important;
}

/* ── Featured screener toggle cards ──────────────────────── */
.featured-screener-wrap .featured-toggle {
  min-height: 48px !important;
  padding: 10px 11px !important;
  border: 1px solid #e4ecf7 !important;
  border-radius: 8px !important;
  background: #f7faff !important;
  gap: 10px !important;
}

.featured-screener-wrap .featured-toggle:hover {
  background: #eef4ff !important;
  border-color: #c5d8f5 !important;
}

/* Standalone featured screener (What Superstars Bought) */
a.featured-screener {
  min-height: 48px !important;
  padding: 10px 11px !important;
  gap: 10px !important;
  border-radius: 8px !important;
  border: 1px solid #e4ecf7 !important;
  background: #f7faff !important;
  align-items: center !important;
}

a.featured-screener:hover {
  background: #eef4ff !important;
  border-color: #c5d8f5 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Featured icon: all same size */
.featured-icon {
  width: 28px !important;
  height: 28px !important;
  font-size: 13px !important;
  border-radius: 7px !important;
  flex: 0 0 28px !important;
  background: #e8f0fd !important;
  color: #2563eb !important;
}

/* Featured copy: consistent sizing */
.featured-copy strong {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  line-height: 1.3 !important;
  color: #1e293b !important;
  white-space: normal !important;   /* allow wrap but control it */
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.featured-copy small {
  font-family: var(--font) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: #64748b !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.featured-arrow {
  font-size: 13px !important;
  color: #94a3b8 !important;
  flex: 0 0 16px !important;
  text-align: center !important;
}

/* ── Discovery buttons: match featured card style ─────────── */
.quick-action-item.sidebar-action input[type=button],
.quick-action-item input[type=button],
.quick-action-item input[type=submit] {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  color: #334155 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  padding: 0 11px !important;
  height: 38px !important;
  text-align: left !important;
  width: 100% !important;
  transition: background .12s, border-color .12s, color .12s !important;
}

.quick-action-item input[type=button]:hover,
.quick-action-item input[type=submit]:hover {
  background: #f0f5ff !important;
  border-color: #dce8fb !important;
  color: #1d4ed8 !important;
  transform: none !important;
}

/* Override old coloured watchlist/bulk/ipo/alerts buttons in sidebar */
.quick-actions input[name=iwatch],
.quick-actions input[name=ifii],
.quick-actions input[name=ipo],
.quick-actions input[name=myalerts] {
  background: transparent !important;
  border-color: transparent !important;
  color: #334155 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

.quick-actions input[name=iwatch]:hover,
.quick-actions input[name=ifii]:hover,
.quick-actions input[name=ipo]:hover,
.quick-actions input[name=myalerts]:hover {
  background: #f0f5ff !important;
  border-color: #dce8fb !important;
  color: #1d4ed8 !important;
}

/* ── Research flow items: match the same height/text ─────── */
.flow-item {
  min-height: 48px !important;
  padding: 10px 11px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  gap: 8px !important;
}

.flow-item:hover {
  background: #f0f5ff !important;
  border-color: #dce8fb !important;
}

.flow-item b {
  font-family: var(--font) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: #1e293b !important;
  white-space: normal !important;
  line-height: 1.3 !important;
}

.flow-item small {
  font-family: var(--font) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  line-height: 1.3 !important;
  margin-top: 2px !important;
}

.flow-arrow {
  font-size: 13px !important;
  color: #94a3b8 !important;
  flex: 0 0 auto !important;
}

.flow-item:hover .flow-arrow {
  color: #2563eb !important;
}

/* ── Sidebar divider spacing ─────────────────────────────── */
.sidebar-divider {
  margin: 14px 4px !important;
  height: 1px !important;
  background: #edf1f7 !important;
}

/* ── Submenu items ───────────────────────────────────────── */
.featured-submenu {
  padding: 4px 8px 8px 10px !important;
  background: #f7faff !important;
  border: 1px solid #dce8f7 !important;
  border-top: 0 !important;
  border-radius: 0 0 8px 8px !important;
}

.featured-submenu button,
.featured-submenu .featured-submenu-link {
  font-family: var(--font) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  line-height: 1.45 !important;
  border-radius: 5px !important;
  padding: 6px 9px !important;
  min-height: 32px !important;
}

.featured-submenu button:hover,
.featured-submenu .featured-submenu-link:hover {
  color: #1d4ed8 !important;
  background: #e8f0fd !important;
}

/* ==========================================================
   SUPERCHARTS USP SECTION
   Additive only — preserves the existing site structure.
   ========================================================== */
.sc-value-proposition{
  margin:4px 0 18px;
  padding:22px 24px 20px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  box-shadow:0 4px 18px rgba(15,23,42,.045);
}
.sc-value-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  padding-bottom:18px;
  border-bottom:1px solid #edf2f7;
}
.sc-value-eyebrow{
  margin:0 0 5px;
  color:#2563eb;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.14em;
}
.sc-value-header h2{
  margin:0;
  color:#172033;
  font-size:24px;
  line-height:1.2;
  letter-spacing:-.025em;
}
.sc-value-header>p{
  max-width:510px;
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.55;
}
.sc-usp-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.sc-usp-card{
  display:flex;
  gap:13px;
  min-width:0;
  padding:18px;
  background:#fbfcfe;
  border:1px solid #e7ebf1;
  border-radius:11px;
}
.sc-usp-primary{
  background:#f8fbff;
  border-color:#bfdbfe;
}
.sc-usp-icon{
  flex:0 0 36px;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:#eff6ff;
  color:#2563eb;
  font-size:20px;
  font-weight:800;
}
.sc-usp-content{min-width:0}
.sc-usp-number{
  display:block;
  margin-bottom:3px;
  color:#94a3b8;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.sc-usp-content h3{
  margin:0 0 10px;
  color:#172033;
  font-size:17px;
  line-height:1.25;
}
.sc-usp-content p{
  margin:9px 0 10px;
  color:#64748b;
  font-size:12.5px;
  line-height:1.55;
}
.sc-usp-content strong{
  display:block;
  color:#334155;
  font-size:12px;
  line-height:1.4;
}
.sc-timeframe-pills,
.sc-breakout-tags,
.sc-retest-flow{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  align-items:center;
}
.sc-timeframe-pills span{
  padding:5px 8px;
  border:1px solid #bfdbfe;
  border-radius:5px;
  background:#fff;
  color:#1d4ed8;
  font-size:10px;
  font-weight:800;
}
.sc-breakout-tags span,
.sc-retest-flow span{
  padding:5px 8px;
  border-radius:5px;
  background:#fff;
  border:1px solid #e2e8f0;
  color:#475569;
  font-size:10px;
  font-weight:700;
}
.sc-retest-flow b{
  color:#94a3b8;
  font-size:12px;
}
.sc-free-strip{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
  padding:12px 14px;
  border-radius:9px;
  background:#172033;
  color:#fff;
}
.sc-free-badge{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:5px;
  background:#2563eb;
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}
.sc-free-strip>div:nth-child(2){
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.sc-free-strip strong{font-size:12px}
.sc-free-strip>div:nth-child(2) span{
  color:#cbd5e1;
  font-size:11px;
}
.sc-free-journey{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.sc-free-journey span{
  color:#fff;
  font-size:9px;
  font-weight:800;
}
.sc-free-journey b{
  color:#93c5fd;
  font-size:12px;
}
@media(max-width:1200px){
  .sc-value-header{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
  .sc-usp-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
  .sc-value-proposition{padding:18px 14px}
  .sc-value-header h2{font-size:21px}
  .sc-free-strip{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .sc-free-journey{
    width:100%;
    margin-left:0;
  }
}


/* ==========================================================
   CHART HEIGHT ONLY
   Increase the actual chart plotting area without changing
   chart width, grid, dashboard layout, or container width.
   ========================================================== */
.chart-box{
  height:356px !important;
  overflow:visible !important;
}

.chart-container{
  height:320px !important;
  width:100% !important;
  overflow:visible !important;
}