/* TradeForm OS v5.1 — product shell and dashboard system */
:root{
  --tf-os-navy:#081127;
  --tf-os-navy-2:#0D1832;
  --tf-os-teal:#39D8C2;
  --tf-os-paper:#F4F5F8;
  --tf-os-surface:#FFFFFF;
  --tf-os-line:#E2E6EE;
  --tf-os-text:#0B1328;
  --tf-os-muted:#68738B;
  --tf-os-radius:16px;
  --tf-os-shadow:0 12px 34px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.04);
  --tf-os-shadow-hover:0 18px 44px rgba(15,23,42,.12),0 4px 12px rgba(15,23,42,.06);
}

body.qsp-body:not(.qsp-theme-dark){background:var(--tf-os-paper)!important;color:var(--tf-os-text)}
.qsp-main{max-width:1540px!important;padding:32px 38px 64px!important}
.qsp-app{grid-template-columns:232px minmax(0,1fr)!important}

/* App chrome */
.qsp-topbar{height:66px!important;background:#fff!important;border-bottom:1px solid var(--tf-os-line)!important;box-shadow:none!important;color:var(--tf-os-text)!important}
.qsp-topbar .qsp-brand{color:var(--tf-os-text)!important;font-size:14px!important;letter-spacing:-.01em!important}
.qsp-topbar .qsp-user{color:var(--tf-os-text)!important}
.qsp-topbar .qsp-user a{color:var(--tf-os-muted)!important}
.qsp-theme-toggle,.qsp-bell{background:#fff!important;border:1px solid var(--tf-os-line)!important;color:var(--tf-os-text)!important;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.qsp-avatar{background:var(--tf-os-teal)!important;color:#071B19!important;box-shadow:0 0 0 3px rgba(57,216,194,.14)}

.tf-os-sidebar{padding:18px 14px 14px!important;background:#fff!important;border-right:1px solid var(--tf-os-line)!important;gap:0!important}
.tf-os-sidebar .qsp-sd-scroll{padding-bottom:18px}
.tf-workspace-label{display:flex;align-items:center;gap:9px;margin:2px 8px 22px;color:#313B52;font-size:12px;font-weight:700}
.tf-workspace-mark{width:8px;height:8px;border-radius:50%;background:var(--tf-os-teal);box-shadow:0 0 0 5px rgba(57,216,194,.13)}
.tf-nav-group{margin:0 0 17px!important}
.tf-nav-group .qsp-sd-heading{padding:0 10px 7px!important;font-size:9px!important;letter-spacing:.17em!important;text-transform:uppercase;color:#9AA3B5!important;font-weight:800!important}
.tf-os-sidebar .qsp-sd-item{min-height:39px!important;padding:8px 10px!important;margin:2px 0!important;border-radius:10px!important;color:#536078!important;font-size:13px!important;font-weight:600!important;transition:background .16s ease,color .16s ease,transform .16s ease!important}
.tf-os-sidebar .qsp-sd-item:hover{background:#F3F6F8!important;color:var(--tf-os-text)!important;transform:translateX(1px)}
.tf-os-sidebar .qsp-sd-item.active{background:var(--tf-os-navy)!important;color:#fff!important;box-shadow:0 8px 20px rgba(8,17,39,.16)!important}
.tf-os-sidebar .qsp-sd-item.active:before{display:none!important}
.tf-os-sidebar .qsp-sd-item.active .qsp-sd-ic{background:rgba(57,216,194,.14)!important;color:var(--tf-os-teal)!important}
.tf-os-sidebar .qsp-sd-ic{width:28px!important;height:28px!important;border-radius:8px!important;display:grid!important;place-items:center!important;color:#7A859C!important}
.tf-coming-group{border-top:1px solid var(--tf-os-line);padding-top:17px}
.tf-coming-row{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;color:#98A1B2;font-size:10px;line-height:1.35}
.tf-soon{font-size:8px;letter-spacing:.1em;text-transform:uppercase;border:1px solid #DCE1E9;border-radius:999px;padding:2px 5px;height:max-content;color:#8791A4}
.tf-sidebar-bottom{margin-top:auto;border-top:1px solid var(--tf-os-line);padding-top:10px}
.tf-sidebar-bottom .qsp-sd-row{padding:8px 10px!important}
.tf-sidebar-bottom .qsp-sd-footer{padding:9px 10px 0!important;color:#A0A8B7!important;font-size:9px!important}

/* Dashboard header */
.tf-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:2px 0 24px;padding:0 2px}
.tf-dashboard-head .eyebrow,.tf-section-kicker{display:block;color:#179E8D;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}
.tf-dashboard-head .eyebrow .pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--tf-os-teal);margin-right:7px;box-shadow:0 0 0 5px rgba(57,216,194,.12)}
.tf-dashboard-head h1{margin:0;color:var(--tf-os-text);font-size:34px;line-height:1.08;letter-spacing:-.04em;font-weight:750}
.tf-dashboard-head p{margin:7px 0 0;color:var(--tf-os-muted);font-size:14px}
.tf-dashboard-head .hero-cta{display:inline-flex;align-items:center;gap:8px;background:#fff!important;color:var(--tf-os-text)!important;border:1px solid var(--tf-os-line)!important;border-radius:10px!important;padding:10px 14px!important;font-size:12px!important;font-weight:700!important;box-shadow:0 5px 14px rgba(15,23,42,.05)!important}
.tf-dashboard-head .hero-cta:hover{border-color:#BFC7D5!important;box-shadow:0 8px 20px rgba(15,23,42,.08)!important;transform:translateY(-1px)}

/* Surface system */
body.qsp-body:not(.qsp-theme-dark) .qsp-card,
body.qsp-body:not(.qsp-theme-dark) .qsp-over-card,
body.qsp-body:not(.qsp-theme-dark) .qsp-table-wrap{background:var(--tf-os-surface)!important;border:1px solid var(--tf-os-line)!important;border-radius:var(--tf-os-radius)!important;box-shadow:var(--tf-os-shadow)!important}
.qsp-card{padding:22px!important;margin-bottom:18px!important}
.qsp-card .qsp-card-head{margin-bottom:16px!important}
.qsp-card h2,.tf-command-head h2,.tf-section-heading h2{font-size:18px!important;line-height:1.2!important;letter-spacing:-.025em!important;color:var(--tf-os-text)!important}
.qsp-card .qsp-card-sub{font-size:12px!important;color:var(--tf-os-muted)!important;margin-top:5px!important}
.qsp-btn.secondary{background:#fff!important;color:var(--tf-os-text)!important;border:1px solid var(--tf-os-line)!important;border-radius:9px!important;box-shadow:0 3px 10px rgba(15,23,42,.04)!important;padding:9px 12px!important}
.qsp-btn.secondary:hover{border-color:#AEB8C9!important;color:#0A776B!important;transform:translateY(-1px)}

/* Priority layout */
.tf-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.72fr);gap:18px;align-items:stretch;margin-bottom:22px}
.tf-focus-card{margin:0!important;min-width:0;position:relative;overflow:hidden}
.tf-focus-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--tf-os-teal),#188F83)}
.tf-focus-card .qsp-table-wrap{box-shadow:none!important;border-radius:12px!important}
.tf-command-panel{background:linear-gradient(145deg,var(--tf-os-navy),var(--tf-os-navy-2) 70%,#123B3A);border-radius:var(--tf-os-radius);padding:22px;box-shadow:0 22px 50px rgba(8,17,39,.20);color:#fff;overflow:hidden;position:relative}
.tf-command-panel:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-110px;top:-110px;background:rgba(57,216,194,.11);filter:blur(2px)}
.tf-command-head{position:relative;z-index:1;margin-bottom:15px}.tf-command-head h2{color:#fff!important;margin:0}.tf-command-head .tf-section-kicker{color:var(--tf-os-teal)}
.tf-command{position:relative;z-index:1;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-top:1px solid rgba(255,255,255,.09);color:#fff;text-decoration:none;transition:padding .16s ease,color .16s ease}
.tf-command:hover{padding-left:4px;color:var(--tf-os-teal)}
.tf-command-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(57,216,194,.12);color:var(--tf-os-teal);font-weight:800;font-size:17px}
.tf-command strong{display:block;font-size:12px;line-height:1.2;color:inherit}.tf-command small{display:block;color:#9DA9C2;font-size:10px;margin-top:3px}.tf-command b{font-size:15px;font-weight:500}

/* Metrics */
.tf-metrics-section{margin:0 0 22px}
.tf-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 2px 12px}
.tf-section-heading h2{margin:0}.tf-section-heading a{color:#536078;text-decoration:none;font-size:11px;font-weight:700}.tf-section-heading a:hover{color:#148D7F}
.qsp-overview{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin-bottom:0!important}
.qsp-over-card{min-height:136px!important;padding:18px!important;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.qsp-over-card:hover{transform:translateY(-2px);box-shadow:var(--tf-os-shadow-hover)!important;border-color:#CBD2DE!important}
.qsp-over-card .ribbon{height:3px!important;top:0!important;left:0!important;right:0!important;border-radius:16px 16px 0 0!important}
.qsp-over-card .lbl{font-size:9px!important;letter-spacing:.13em!important;color:#7C879B!important;margin-top:12px!important}
.qsp-over-card .val{font-size:27px!important;letter-spacing:-.04em!important;color:var(--tf-os-text)!important;margin-top:5px!important}
.qsp-over-card .sub{font-size:10px!important;color:#8D96A7!important}

/* Tables and pipeline */
.tf-pipeline-card,.tf-activity-card{margin-top:0!important}
.qsp-toolbar{background:#F7F8FA!important;border:1px solid var(--tf-os-line)!important;border-radius:12px!important;padding:10px!important;margin-bottom:12px!important}
.qsp-input,.qsp-select{border-radius:9px!important;border-color:#DDE2EA!important;background:#fff!important;min-height:39px!important}
.qsp-input:focus,.qsp-select:focus{border-color:#55CBBB!important;box-shadow:0 0 0 4px rgba(57,216,194,.12)!important}
.qsp-table-wrap{box-shadow:none!important;overflow:hidden}
.qsp-table thead th{background:#F7F8FA!important;color:#8A94A7!important;font-size:9px!important;letter-spacing:.12em!important;padding:12px 14px!important}
.qsp-table tbody td{padding:14px!important;border-bottom-color:#EEF0F4!important;font-size:12px!important}
.qsp-table tbody tr{transition:background .15s ease}.qsp-table tbody tr:hover{background:#F8FAFB!important}
.qsp-activity{padding-top:2px}

/* Dark mode */
body.qsp-theme-dark .qsp-topbar,body.qsp-theme-dark .tf-os-sidebar{background:#091126!important;border-color:#1C2945!important}
body.qsp-theme-dark .qsp-main{background:#070D1D}
body.qsp-theme-dark .tf-dashboard-head h1,body.qsp-theme-dark .qsp-card h2,body.qsp-theme-dark .tf-section-heading h2{color:#F4F7FF!important}
body.qsp-theme-dark .tf-dashboard-head p{color:#8F9AB3}
body.qsp-theme-dark .tf-dashboard-head .hero-cta{background:#101B33!important;color:#EAF0FF!important;border-color:#22304E!important}
body.qsp-theme-dark .tf-os-sidebar .qsp-sd-item{color:#AAB4CC!important}
body.qsp-theme-dark .tf-os-sidebar .qsp-sd-item:hover{background:#111C34!important;color:#fff!important}
body.qsp-theme-dark .tf-coming-group,body.qsp-theme-dark .tf-sidebar-bottom{border-color:#1C2945}
body.qsp-theme-dark .qsp-toolbar{background:#0D1730!important;border-color:#22304E!important}

@media(max-width:1180px){
  .qsp-overview{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .tf-dashboard-grid{grid-template-columns:1fr}
  .tf-command-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .tf-command-head{grid-column:1/-1}.tf-command{border:1px solid rgba(255,255,255,.09);padding:12px;border-radius:12px;grid-template-columns:34px 1fr}.tf-command b{display:none}
}
@media(max-width:900px){
  .qsp-app{grid-template-columns:1fr!important}.qsp-main{padding:22px 18px 96px!important}
  .tf-coming-group{display:none}
}
@media(max-width:680px){
  .qsp-main{padding:18px 14px 100px!important}
  .tf-dashboard-head{align-items:flex-start;margin-bottom:18px}.tf-dashboard-head h1{font-size:27px}.tf-dashboard-head p{font-size:12px;max-width:260px}.tf-dashboard-head .hero-cta{padding:9px 10px!important}.tf-dashboard-head .hero-cta svg{margin:0}.tf-dashboard-head .hero-cta{font-size:0!important}.tf-dashboard-head .hero-cta svg{width:17px;height:17px}
  .tf-dashboard-grid{gap:14px;margin-bottom:18px}.qsp-card{padding:17px!important;border-radius:14px!important}.tf-focus-card .qsp-card-head{align-items:flex-start}.tf-card-link{display:none!important}
  .tf-command-panel{display:block;padding:18px;border-radius:14px}.tf-command{grid-template-columns:34px 1fr auto;border:0;border-top:1px solid rgba(255,255,255,.09);border-radius:0;padding:12px 0}.tf-command b{display:block}
  .qsp-overview{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.qsp-over-card{min-height:118px!important;padding:14px!important}.qsp-over-card .val{font-size:24px!important}
  .tf-section-heading{margin-bottom:10px}.tf-section-heading h2{font-size:17px!important}
  .qsp-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important}.qsp-toolbar .qsp-input{grid-column:1/-1}
  .tf-pipeline-card .qsp-table-wrap{border:0!important;background:transparent!important;box-shadow:none!important}
  .qsp-card h2{font-size:17px!important}
}

/* v5.1.1 layout + theme contrast corrections */
.qsp-main{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
}

/* Keep the workspace visually centred inside the available app column. */
.qsp-main > *{
  width:100%;
  max-width:1480px;
  margin-left:auto;
  margin-right:auto;
}

/* Dark mode must invert every interactive surface, not only the page shell. */
body.qsp-theme-dark{
  --tf-os-surface:#101A34;
  --tf-os-line:#263553;
  --tf-os-text:#F5F7FC;
  --tf-os-muted:#A5B0C7;
  --tf-os-shadow:0 14px 34px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.18);
  --tf-os-shadow-hover:0 18px 44px rgba(0,0,0,.30),0 4px 12px rgba(0,0,0,.20);
  color:var(--tf-os-text)!important;
}
body.qsp-theme-dark .qsp-main{background:#070D1D!important}
body.qsp-theme-dark .qsp-card,
body.qsp-theme-dark .qsp-over-card,
body.qsp-theme-dark .qsp-table-wrap{
  background:var(--tf-os-surface)!important;
  border-color:var(--tf-os-line)!important;
  color:var(--tf-os-text)!important;
  box-shadow:var(--tf-os-shadow)!important;
}
body.qsp-theme-dark .qsp-card h2,
body.qsp-theme-dark .qsp-card h3,
body.qsp-theme-dark .qsp-card strong,
body.qsp-theme-dark .qsp-name,
body.qsp-theme-dark .qsp-over-card .val,
body.qsp-theme-dark .qsp-activity-item .ai-t,
body.qsp-theme-dark .tf-dashboard-head h1,
body.qsp-theme-dark .tf-section-heading h2{
  color:var(--tf-os-text)!important;
}
body.qsp-theme-dark .qsp-card-sub,
body.qsp-theme-dark .qsp-over-card .lbl,
body.qsp-theme-dark .qsp-over-card .sub,
body.qsp-theme-dark .qsp-empty,
body.qsp-theme-dark .qsp-desc,
body.qsp-theme-dark .qsp-activity-item .ai-time,
body.qsp-theme-dark .tf-dashboard-head p{
  color:var(--tf-os-muted)!important;
}
body.qsp-theme-dark .qsp-btn.secondary,
body.qsp-theme-dark .tf-dashboard-head .hero-cta,
body.qsp-theme-dark .qsp-refresh,
body.qsp-theme-dark .qsp-page-btn,
body.qsp-theme-dark .qsp-icon-btn{
  background:#17223D!important;
  border-color:#334363!important;
  color:#F5F7FC!important;
  box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
}
body.qsp-theme-dark .qsp-btn.secondary:hover,
body.qsp-theme-dark .tf-dashboard-head .hero-cta:hover,
body.qsp-theme-dark .qsp-refresh:hover,
body.qsp-theme-dark .qsp-page-btn:hover:not(:disabled),
body.qsp-theme-dark .qsp-icon-btn:hover{
  background:#1D2A49!important;
  border-color:var(--tf-os-teal)!important;
  color:var(--tf-os-teal)!important;
}
body.qsp-theme-dark .qsp-btn:disabled,
body.qsp-theme-dark .qsp-btn.is-disabled{
  background:#1A2338!important;
  border-color:#2B3650!important;
  color:#7F8AA3!important;
  opacity:.72!important;
}
body.qsp-theme-dark .qsp-toolbar,
body.qsp-theme-dark .qsp-table thead th{
  background:#0C1630!important;
  border-color:var(--tf-os-line)!important;
  color:#AAB5CB!important;
}
body.qsp-theme-dark .qsp-table tbody td{border-bottom-color:#22304B!important;color:#E8EDF8!important}
body.qsp-theme-dark .qsp-table tbody tr:hover{background:#14203A!important}
body.qsp-theme-dark .qsp-input,
body.qsp-theme-dark .qsp-select,
body.qsp-theme-dark input,
body.qsp-theme-dark select,
body.qsp-theme-dark textarea{
  background:#0C1630!important;
  border-color:#2B3958!important;
  color:#F5F7FC!important;
}
body.qsp-theme-dark .qsp-input::placeholder,
body.qsp-theme-dark input::placeholder,
body.qsp-theme-dark textarea::placeholder{color:#77839C!important}
body.qsp-theme-dark .qsp-over-card:hover{border-color:#425273!important}

@media(max-width:900px){
  .qsp-main > *{max-width:none}
}


/* ============================================================
   v5.1.2 — chrome, modal and theme reliability fixes
   ============================================================ */

/* The top bar should read as one continuous app surface. */
.qsp-topbar{
  border-bottom:0!important;
  box-shadow:0 1px 0 rgba(15,23,42,.055)!important;
}
body.qsp-theme-dark .qsp-topbar{
  border-bottom:0!important;
  box-shadow:0 1px 0 rgba(255,255,255,.055)!important;
}

/* PWA install control must remain legible in every theme. */
.qsp-topbar .qsp-install-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border-radius:9px!important;
  border:1px solid #CBD3DF!important;
  background:#FFFFFF!important;
  color:#0B1328!important;
  box-shadow:0 2px 8px rgba(15,23,42,.06)!important;
  line-height:1!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.qsp-topbar .qsp-install-btn:hover{
  border-color:#39D8C2!important;
  background:#F0FDFA!important;
  color:#0F766E!important;
}
body.qsp-theme-dark .qsp-topbar .qsp-install-btn{
  background:#17223D!important;
  border-color:#3A4968!important;
  color:#F7F9FD!important;
  box-shadow:0 4px 14px rgba(0,0,0,.22)!important;
}
body.qsp-theme-dark .qsp-topbar .qsp-install-btn:hover{
  background:#20304F!important;
  border-color:#39D8C2!important;
  color:#5EEAD4!important;
}
.qsp-install-btn[hidden]{display:none!important}

/* Full-viewport modal fog. Modals are also moved to body by portal.js. */
body > .qsp-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  margin:0!important;
  z-index:100000!important;
  overflow:auto!important;
  background:rgba(8,14,28,.62)!important;
  backdrop-filter:blur(13px) saturate(.82)!important;
  -webkit-backdrop-filter:blur(13px) saturate(.82)!important;
}
body.qsp-theme-dark > .qsp-modal{
  background:rgba(1,5,14,.76)!important;
  backdrop-filter:blur(14px) saturate(.72)!important;
  -webkit-backdrop-filter:blur(14px) saturate(.72)!important;
}
body.qsp-modal-open{overflow:hidden!important}

/* Quote builder and all modal controls need complete dark-mode treatment. */
body.qsp-theme-dark .qsp-modal-box,
body.qsp-theme-dark .qi-doc-box,
body.qsp-theme-dark .qi-company-box{
  background:#0F1930!important;
  border:1px solid #2A3958!important;
  color:#F5F7FC!important;
  box-shadow:0 34px 100px rgba(0,0,0,.68)!important;
}
body.qsp-theme-dark .qi-doc-head,
body.qsp-theme-dark .qi-doc-footer,
body.qsp-theme-dark .qi-builder-main,
body.qsp-theme-dark .qi-builder-side,
body.qsp-theme-dark .qi-section,
body.qsp-theme-dark .qi-summary-card,
body.qsp-theme-dark .qi-company-grid{
  background:#0F1930!important;
  border-color:#2A3958!important;
  color:#F5F7FC!important;
}
body.qsp-theme-dark .qi-builder-side{background:#0B1428!important}
body.qsp-theme-dark .qi-section,
body.qsp-theme-dark .qi-summary-card{background:#121E37!important}
body.qsp-theme-dark .qi-doc-head h2,
body.qsp-theme-dark .qi-section h3,
body.qsp-theme-dark .qi-summary-card h3,
body.qsp-theme-dark .qi-live-total,
body.qsp-theme-dark .qi-review-head h3,
body.qsp-theme-dark .qi-review-head>strong{
  color:#F7F9FD!important;
}
body.qsp-theme-dark .qi-doc-head p,
body.qsp-theme-dark .qi-help,
body.qsp-theme-dark .qi-summary-row,
body.qsp-theme-dark .qi-review-head p,
body.qsp-theme-dark .qi-review-head span,
body.qsp-theme-dark .qi-review-section h4{
  color:#A8B3C9!important;
}
body.qsp-theme-dark .qi-steps{
  background:#0B1428!important;
  border-color:#2A3958!important;
}
body.qsp-theme-dark .qi-step{color:#A8B3C9!important}
body.qsp-theme-dark .qi-step.active{color:#F7F9FD!important;border-color:#39D8C2!important}
body.qsp-theme-dark .qi-step .num{background:#24324E!important;color:#DDE5F4!important}
body.qsp-theme-dark .qi-step.active .num{background:#39D8C2!important;color:#05221D!important}
body.qsp-theme-dark .qi-doc-footer{
  background:#0B1428!important;
  border-top-color:#2A3958!important;
}

/* Buttons: explicit contrast instead of relying on inherited theme colours. */
body.qsp-theme-dark .qsp-btn,
body.qsp-theme-dark button.qsp-btn{
  background:#19BFA9!important;
  border-color:#19BFA9!important;
  color:#041A17!important;
  text-shadow:none!important;
}
body.qsp-theme-dark .qsp-btn:hover,
body.qsp-theme-dark button.qsp-btn:hover{
  background:#39D8C2!important;
  border-color:#39D8C2!important;
  color:#031512!important;
}
body.qsp-theme-dark .qsp-btn.secondary,
body.qsp-theme-dark .qsp-btn.ghost,
body.qsp-theme-dark button.qsp-btn.secondary,
body.qsp-theme-dark button.qsp-btn.ghost{
  background:#182541!important;
  border-color:#3A4968!important;
  color:#F4F7FC!important;
}
body.qsp-theme-dark .qsp-btn.secondary:hover,
body.qsp-theme-dark .qsp-btn.ghost:hover,
body.qsp-theme-dark button.qsp-btn.secondary:hover,
body.qsp-theme-dark button.qsp-btn.ghost:hover{
  background:#223250!important;
  border-color:#39D8C2!important;
  color:#5EEAD4!important;
}
body.qsp-theme-dark .qsp-btn:disabled,
body.qsp-theme-dark button.qsp-btn:disabled{
  background:#172036!important;
  border-color:#2A3550!important;
  color:#75819A!important;
  opacity:1!important;
}

/* Inputs and native controls in the builder. */
body.qsp-theme-dark .qi-doc-box input,
body.qsp-theme-dark .qi-doc-box select,
body.qsp-theme-dark .qi-doc-box textarea,
body.qsp-theme-dark .qi-company-box input,
body.qsp-theme-dark .qi-company-box select,
body.qsp-theme-dark .qi-company-box textarea{
  background:#0A1429!important;
  border-color:#334363!important;
  color:#F4F7FC!important;
}
body.qsp-theme-dark .qi-doc-box input::placeholder,
body.qsp-theme-dark .qi-doc-box textarea::placeholder{
  color:#75819A!important;
}
body.qsp-theme-dark .qi-doc-box input:focus,
body.qsp-theme-dark .qi-doc-box select:focus,
body.qsp-theme-dark .qi-doc-box textarea:focus{
  border-color:#39D8C2!important;
  box-shadow:0 0 0 4px rgba(57,216,194,.14)!important;
}

/* Remove legacy sidebar appearance controls if stale cached markup survives. */
.qsp-sd-appearance-row{display:none!important}

@media(max-width:640px){
  body > .qsp-modal{height:100dvh!important;padding:8px!important}
  .qsp-topbar .qsp-install-btn{display:none!important}
}

/* TradeForm OS 5.2 — Customers & Jobs */
.tf-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.tf-page-head h1{margin:4px 0 5px;font-size:34px;line-height:1.05}.tf-page-head p{margin:0;color:var(--qsp-muted,#64748b)}.tf-work-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.tf-work-stat{padding:18px 20px;border:1px solid rgba(15,23,42,.09);border-radius:16px;background:linear-gradient(145deg,#fff,#fbfcfe);box-shadow:0 10px 30px rgba(15,23,42,.06)}.tf-work-stat span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.tf-work-stat strong{display:block;margin-top:8px;font-size:28px;color:#07132c}.tf-work-card{padding:0;overflow:hidden}.tf-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid rgba(15,23,42,.08)}.tf-card-head h2{margin:3px 0 0;font-size:21px}.tf-work-search{max-width:300px}.tf-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.tf-customer-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045);transition:.18s ease}.tf-customer-card:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,23,42,.08)}.tf-customer-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#d9faf4;color:#087f72;font-weight:800}.tf-customer-title{display:flex;align-items:center;gap:8px}.tf-customer-title h3,.tf-job-title h3{margin:0;font-size:15px}.tf-customer-main p,.tf-job-copy p{margin:4px 0;color:#64748b;font-size:12px}.tf-customer-meta{display:flex;gap:12px;flex-wrap:wrap}.tf-customer-meta a{font-size:12px;color:#334155;text-decoration:none}.tf-customer-value{text-align:right}.tf-customer-value span{display:block;font-size:11px;color:#64748b}.tf-customer-value strong{display:block;margin-top:5px}.tf-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#eef2f7;color:#475569}.tf-status.active,.tf-status.completed{background:#dcfce7;color:#166534}.tf-status.in_progress{background:#dbeafe;color:#1d4ed8}.tf-status.scheduled{background:#e0f2fe;color:#0369a1}.tf-status.awaiting{background:#fef3c7;color:#92400e}.tf-status.cancelled{background:#fee2e2;color:#991b1b}.tf-work-filters{display:flex;gap:9px}.tf-job-list{padding:10px 18px 18px}.tf-job-row{display:grid;grid-template-columns:4px minmax(0,1fr) 160px 150px;align-items:center;gap:16px;padding:15px 10px;border-bottom:1px solid rgba(15,23,42,.07)}.tf-job-row:last-child{border-bottom:0}.tf-job-status-mark{height:42px;border-radius:999px;background:#38bdf8}.tf-job-status-mark.in_progress{background:#3b82f6}.tf-job-status-mark.awaiting{background:#f59e0b}.tf-job-status-mark.completed{background:#22c55e}.tf-job-status-mark.cancelled{background:#ef4444}.tf-job-title{display:flex;align-items:center;gap:9px}.tf-job-dates{text-align:right}.tf-job-dates span{display:block;font-size:11px;color:#64748b}.tf-job-dates strong{display:block;margin-top:4px}.tf-job-modal-box{max-width:720px}.tf-job-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px}.tf-job-form label{display:grid;gap:7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#475569}.tf-span-2{grid-column:1/-1}
.qsp-theme-dark .tf-work-stat,.qsp-theme-dark .tf-customer-card{background:linear-gradient(145deg,#101c38,#0e1932);border-color:#263654}.qsp-theme-dark .tf-work-stat strong,.qsp-theme-dark .tf-customer-title h3,.qsp-theme-dark .tf-job-title h3{color:#fff}.qsp-theme-dark .tf-customer-main p,.qsp-theme-dark .tf-job-copy p,.qsp-theme-dark .tf-work-stat span,.qsp-theme-dark .tf-job-dates span{color:#91a2c4}.qsp-theme-dark .tf-customer-meta a{color:#c4d2ee}.qsp-theme-dark .tf-card-head,.qsp-theme-dark .tf-job-row{border-color:#263654}
@media(max-width:900px){.tf-customer-grid{grid-template-columns:1fr}.tf-job-row{grid-template-columns:4px 1fr auto}.tf-job-dates{display:none}.tf-job-status{grid-column:2/4;width:100%}.tf-work-summary{grid-template-columns:1fr 1fr 1fr}}@media(max-width:640px){.tf-page-head{align-items:flex-start;flex-direction:column}.tf-page-head h1{font-size:29px}.tf-work-summary{grid-template-columns:1fr}.tf-card-head{align-items:flex-start;flex-direction:column}.tf-work-search,.tf-work-filters{width:100%;max-width:none}.tf-work-filters{flex-direction:column}.tf-customer-card{grid-template-columns:auto 1fr}.tf-customer-value{grid-column:2;text-align:left}.tf-job-form{grid-template-columns:1fr}.tf-span-2{grid-column:auto}}


/* TradeForm OS 5.2.1 — useful customer workspace and proper empty state */
.tf-page-actions{display:flex;gap:10px;align-items:center}.tf-card-sub{margin:6px 0 0;color:#64748b;font-size:12px}.tf-customer-value .tf-customer-job{margin-top:10px;padding:7px 10px;font-size:10px}.tf-customer-meta span{font-size:12px;color:#94a3b8}.tf-empty-work{grid-column:1/-1;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:46px 24px;border:1px dashed rgba(15,23,42,.16);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.94))}.tf-empty-work .tf-empty-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#d9faf4;color:#087f72;font-size:22px;box-shadow:0 10px 30px rgba(20,184,166,.14)}.tf-empty-work h3{margin:16px 0 7px;font-size:20px}.tf-empty-work p{max-width:500px;margin:0 0 20px;color:#64748b;line-height:1.65}.tf-empty-work>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.qsp-theme-dark .tf-card-sub{color:#91a2c4}.qsp-theme-dark .tf-empty-work{background:linear-gradient(145deg,#101c38,#0b1730);border-color:#2d4165}.qsp-theme-dark .tf-empty-work h3{color:#fff}.qsp-theme-dark .tf-empty-work p{color:#9eacc6}
@media(max-width:640px){.tf-page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.tf-page-actions .qsp-btn{justify-content:center}.tf-empty-work{min-height:280px;padding:36px 18px}}

/* TradeForm OS 5.3 — customer and job workspaces */
.tf-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.tf-customer-card{cursor:pointer}.tf-customer-card:focus-visible,.tf-job-row:focus-visible{outline:3px solid rgba(20,184,166,.28);outline-offset:2px}.tf-job-row{cursor:pointer}.tf-job-row-actions{display:flex;align-items:center;gap:8px}.tf-job-row-actions .tf-job-open{white-space:nowrap}.tf-workspace-modal{z-index:100000}.tf-workspace-modal-box{width:min(1180px,calc(100vw - 42px));max-width:1180px;height:min(880px,calc(100vh - 34px));display:flex;flex-direction:column;overflow:hidden}.tf-workspace-modal-head{flex:0 0 auto}.tf-workspace-body{flex:1;overflow:auto;padding:24px;background:linear-gradient(180deg,#f7f9fc 0,#f1f5f9 100%)}.tf-workspace-loading{min-height:360px;display:grid;place-items:center;color:#64748b;font-weight:700}.tf-workspace-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#07132c 0%,#0d2142 68%,#0d514f 130%);color:#fff;box-shadow:0 18px 48px rgba(15,23,42,.18);overflow:hidden;position:relative}.tf-workspace-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-115px;background:rgba(45,212,191,.1)}.tf-workspace-hero h2{margin:3px 0 5px;font-size:27px;color:#fff}.tf-workspace-hero p{margin:0;color:#aebbd4}.tf-workspace-hero .tf-eyebrow{color:#45ddca}.tf-workspace-hero-actions{display:flex;gap:9px;align-items:center;position:relative;z-index:1}.tf-customer-avatar.large,.tf-job-hero-icon{width:62px;height:62px;border-radius:18px;font-size:22px;position:relative;z-index:1}.tf-job-hero-icon{display:grid;place-items:center;background:linear-gradient(145deg,#35dbc6,#0d988b);color:#04152b;font-weight:900}.tf-workspace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.tf-workspace-stats>div{padding:16px 18px;border:1px solid rgba(15,23,42,.08);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.055)}.tf-workspace-stats span{display:block;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.tf-workspace-stats strong{display:block;margin-top:7px;color:#07132c;font-size:20px}.tf-workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tf-workspace-panel{padding:20px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05);min-width:0}.tf-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(15,23,42,.08)}.tf-panel-head h3{margin:3px 0 0;font-size:17px}.tf-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.tf-detail-list>div{padding:12px 0;border-bottom:1px solid rgba(15,23,42,.065)}.tf-detail-list span,.tf-note-box>span{display:block;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tf-detail-list strong{display:block;margin-top:5px;color:#172033;font-size:13px;overflow-wrap:anywhere}.tf-note-box{margin-top:16px;padding:15px;border-radius:13px;background:#f6f8fb;border:1px solid rgba(15,23,42,.06)}.tf-note-box p{margin:7px 0 0;color:#475569;line-height:1.6;white-space:pre-wrap}.tf-related-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border:0;border-bottom:1px solid rgba(15,23,42,.07);background:transparent;text-decoration:none;text-align:left;color:inherit;cursor:pointer}.tf-related-row:last-child{border-bottom:0}.tf-related-row:hover strong{color:#0f9f91}.tf-related-row>span:nth-child(2) strong,.tf-related-row>span:nth-child(3) b{display:block;font-size:13px}.tf-related-row small{display:block;margin-top:3px;color:#64748b;font-size:11px}.tf-related-row>span:last-child{text-align:right}.tf-related-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#dcfaf5;color:#0b8f82;font-weight:900}.tf-related-row .tf-job-status-mark{width:5px;height:36px}.tf-workspace-empty{padding:24px 10px;color:#748198;text-align:center;font-size:12px}.tf-workspace-activity{position:relative}.tf-activity-row{display:grid;grid-template-columns:10px 1fr;gap:12px;padding:10px 0}.tf-activity-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 0 4px rgba(45,212,191,.12)}.tf-activity-row strong{display:block;font-size:12px;text-transform:capitalize}.tf-activity-row small{display:block;margin-top:3px;color:#64748b;font-size:10px}.tf-job-form.compact{padding:0}.tf-work-toast{position:fixed;right:24px;bottom:24px;z-index:100500;padding:12px 17px;border-radius:12px;background:#07132c;color:#fff;box-shadow:0 18px 40px rgba(15,23,42,.24);font-size:12px;font-weight:700;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s ease}.tf-work-toast.show{transform:none;opacity:1}.tf-status.archived{background:#e2e8f0;color:#475569}
.qsp-theme-dark .tf-workspace-body{background:linear-gradient(180deg,#081226,#071022)}.qsp-theme-dark .tf-workspace-stats>div,.qsp-theme-dark .tf-workspace-panel{background:linear-gradient(145deg,#101c38,#0d1830);border-color:#263654;box-shadow:0 12px 30px rgba(0,0,0,.18)}.qsp-theme-dark .tf-workspace-stats strong,.qsp-theme-dark .tf-panel-head h3,.qsp-theme-dark .tf-detail-list strong,.qsp-theme-dark .tf-related-row strong,.qsp-theme-dark .tf-related-row b,.qsp-theme-dark .tf-activity-row strong{color:#fff}.qsp-theme-dark .tf-workspace-stats span,.qsp-theme-dark .tf-detail-list span,.qsp-theme-dark .tf-related-row small,.qsp-theme-dark .tf-activity-row small,.qsp-theme-dark .tf-workspace-empty{color:#91a2c4}.qsp-theme-dark .tf-panel-head,.qsp-theme-dark .tf-related-row,.qsp-theme-dark .tf-detail-list>div{border-color:#263654}.qsp-theme-dark .tf-note-box{background:#0a1630;border-color:#263654}.qsp-theme-dark .tf-note-box p{color:#b9c7df}.qsp-theme-dark .tf-related-icon{background:#103831;color:#50dfca}
@media(max-width:900px){.tf-workspace-modal-box{width:calc(100vw - 18px);height:calc(100vh - 18px)}.tf-workspace-body{padding:14px}.tf-workspace-hero{grid-template-columns:auto 1fr}.tf-workspace-hero-actions{grid-column:1/-1}.tf-workspace-stats{grid-template-columns:1fr 1fr}.tf-workspace-grid{grid-template-columns:1fr}.tf-workspace-grid>.tf-span-2{grid-column:auto}.tf-job-row-actions{grid-column:2/4;width:100%}.tf-job-row-actions .qsp-select{flex:1}}
@media(max-width:620px){.tf-workspace-modal-box{width:100vw;height:100vh;max-height:none;border-radius:0}.tf-workspace-body{padding:12px}.tf-workspace-hero{padding:18px;grid-template-columns:1fr}.tf-workspace-hero .tf-customer-avatar,.tf-job-hero-icon{display:none}.tf-workspace-hero h2{font-size:22px}.tf-workspace-hero-actions{display:grid;grid-template-columns:1fr 1fr}.tf-workspace-hero-actions>*{justify-content:center}.tf-workspace-stats{grid-template-columns:1fr 1fr}.tf-workspace-stats>div{padding:14px}.tf-workspace-panel{padding:16px}.tf-detail-list{grid-template-columns:1fr}.tf-panel-head{align-items:flex-start}.tf-card-actions{justify-content:flex-start}.tf-customer-value{grid-column:1/-1}.tf-job-row-actions{grid-column:1/-1}.tf-job-row{grid-template-columns:4px 1fr}.tf-job-copy{min-width:0}}
/* v5.4 Finance & payment tracking */
.qi-finance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.qi-finance-stat{background:var(--qsp-surface,#fff);border:1px solid var(--qsp-border,#dfe5ec);border-radius:14px;padding:18px;box-shadow:0 8px 28px rgba(15,23,42,.06)}.qi-finance-stat span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--qsp-muted,#64748b)}.qi-finance-stat strong{display:block;font-size:26px;line-height:1.1;margin:9px 0 6px;color:var(--qsp-text,#0f172a)}.qi-finance-stat small{color:var(--qsp-muted,#64748b)}.qi-payment-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#eef2f7;color:#334155}.qi-payment-status.s-paid{background:#dcfce7;color:#166534}.qi-payment-status.s-part-paid{background:#fef3c7;color:#92400e}.qi-payment-status.s-unpaid{background:#fee2e2;color:#991b1b}.qi-balance{display:block;margin-top:5px;color:var(--qsp-muted,#64748b)}.qi-payment-box{max-width:650px}.qi-payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--qsp-border,#dfe5ec);border-bottom:1px solid var(--qsp-border,#dfe5ec)}.qi-payment-summary>div{padding:18px 22px;background:var(--qsp-surface,#fff)}.qi-payment-summary span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--qsp-muted,#64748b);font-weight:800}.qi-payment-summary strong{display:block;font-size:20px;margin-top:6px;color:var(--qsp-text,#0f172a)}
body.qsp-dark .qi-finance-stat,body.qsp-dark .qi-payment-summary>div{background:#111c38;border-color:#2a3a5d}body.qsp-dark .qi-finance-stat strong,body.qsp-dark .qi-payment-summary strong{color:#fff}body.qsp-dark .qi-payment-status.s-unpaid{background:rgba(239,68,68,.15);color:#fca5a5}body.qsp-dark .qi-payment-status.s-part-paid{background:rgba(245,158,11,.15);color:#fcd34d}body.qsp-dark .qi-payment-status.s-paid{background:rgba(34,197,94,.15);color:#86efac}
@media(max-width:900px){.qi-finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.qi-finance-summary{grid-template-columns:1fr 1fr;gap:10px}.qi-finance-stat{padding:14px}.qi-finance-stat strong{font-size:21px}.qi-payment-summary{grid-template-columns:1fr}.qi-actions .qsp-btn{margin:3px 0}}
/* TradeForm OS 5.5 — intelligence layer */
.tf-search-open{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--qsp-border,#dce3ed);border-radius:10px;background:var(--qsp-surface,#fff);color:var(--qsp-ink,#07132c);font:700 12px/1 Inter,sans-serif;cursor:pointer}.tf-search-open kbd{padding:2px 6px;border:1px solid currentColor;border-radius:6px;opacity:.55;font:600 10px Inter,sans-serif}.tf-search-open:hover{border-color:#2dd4bf;box-shadow:0 6px 18px rgba(15,23,42,.08)}
.tf-command-search{position:fixed;inset:0;z-index:100500;display:grid;place-items:start center;padding-top:min(15vh,130px);background:rgba(3,10,25,.66);backdrop-filter:blur(14px);opacity:0;transition:.16s ease}.tf-command-search.open{opacity:1}.tf-command-search[hidden]{display:none}.tf-command-search-box{width:min(720px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:#fff;box-shadow:0 32px 100px rgba(0,0,0,.35)}.tf-search-field{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #e7ebf1}.tf-search-field>span{font-size:21px;color:#14b8a6}.tf-search-field input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font:600 18px Inter,sans-serif;color:#07132c}.tf-search-field button{border:0;background:#eef2f7;border-radius:8px;padding:7px 9px;color:#64748b;cursor:pointer}.tf-search-results{max-height:min(60vh,580px);overflow:auto;padding:8px}.tf-search-hint{padding:34px;text-align:center;color:#7a879a}.tf-search-result{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:12px;color:#07132c;text-decoration:none}.tf-search-result:hover,.tf-search-result:focus{background:#f0fdfa;outline:0}.tf-search-result-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e7faf7;color:#0f9f91;font-weight:900}.tf-search-result small,.tf-search-result em{display:block;color:#718096;font-size:10px;font-style:normal}.tf-search-result strong{display:block;margin:2px 0;font-size:13px}.tf-search-result>b{color:#93a0b3}
.tf-focus-shell{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:14px}.tf-focus-list{display:flex;flex-direction:column;gap:8px}.tf-focus-item,.tf-focus-clear{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 15px;border:1px solid #e3e8f0;border-radius:14px;background:#fff;text-decoration:none;color:#07132c;transition:.16s ease}.tf-focus-item:hover{transform:translateY(-1px);border-color:#b9d8d3;box-shadow:0 10px 22px rgba(15,23,42,.07)}.tf-focus-icon,.tf-focus-clear>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e8faf7;color:#0e9f90;font-size:17px;font-weight:900}.tf-focus-copy strong,.tf-focus-clear strong{display:block;font-size:13px}.tf-focus-copy small,.tf-focus-clear small{display:block;margin-top:3px;color:#708097;font-size:11px}.tf-focus-arrow{color:#8694a8}.tf-focus-item.tone-urgent .tf-focus-icon{background:#fff0ed;color:#dc4c39}.tf-focus-item.tone-attention .tf-focus-icon{background:#fff7df;color:#c77b00}.tf-focus-meta{align-self:stretch;padding:16px;border-radius:15px;background:linear-gradient(145deg,#07132c,#0d2940);color:#b8c7d8;font-size:11px;line-height:1.6}.tf-focus-meta:before{content:'Business pulse';display:block;margin-bottom:8px;color:#40dbc7;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.tf-activity-event{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 3px;border-bottom:1px solid rgba(15,23,42,.07);color:inherit;text-decoration:none}.tf-activity-event:last-child{border-bottom:0}.tf-activity-event-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e7faf7;color:#0e9f90;font-weight:900}.tf-activity-event strong{display:block;color:var(--qsp-ink,#07132c);font-size:12px}.tf-activity-event small{display:block;margin-top:3px;color:#7b899d;font-size:10px}.tf-activity-event>b{color:#9aa6b7}.tf-activity-event:hover strong{color:#0e9f90}
body.qsp-theme-dark .tf-search-open{background:#101c38;border-color:#2b3a59;color:#fff}body.qsp-theme-dark .tf-command-search-box{background:#0d1830;border-color:#2b3a59}body.qsp-theme-dark .tf-search-field{border-color:#263654}body.qsp-theme-dark .tf-search-field input{color:#fff!important}body.qsp-theme-dark .tf-search-field button{background:#182641;color:#b8c7dd}body.qsp-theme-dark .tf-search-result{color:#fff}body.qsp-theme-dark .tf-search-result:hover{background:#102a31}body.qsp-theme-dark .tf-focus-item,body.qsp-theme-dark .tf-focus-clear{background:#101c38;border-color:#263654;color:#fff}body.qsp-theme-dark .tf-focus-copy small,body.qsp-theme-dark .tf-focus-clear small{color:#91a2c4}body.qsp-theme-dark .tf-activity-event{border-color:#263654}body.qsp-theme-dark .tf-activity-event strong{color:#fff}
@media(max-width:820px){.tf-search-open span{display:none}.tf-search-open kbd{display:none}.tf-focus-shell{grid-template-columns:1fr}.tf-focus-meta{min-height:65px}.tf-command-search{padding-top:9vh}.tf-search-field input{font-size:15px}}
.tf-followups-detail{margin-top:14px}.tf-followups-detail:has(.qsp-empty){display:none}
/* TradeForm OS v5.6 Resources */
.tf-resources-title{align-items:flex-end}.tf-resource-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.tf-resource-stats>div{background:var(--qsp-card,#fff);border:1px solid var(--qsp-border,#e5e7eb);border-radius:16px;padding:18px}.tf-resource-stats span{display:block;font-size:12px;color:var(--qsp-muted,#64748b);margin-bottom:5px}.tf-resource-stats strong{font-size:24px}.tf-resource-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 190px 170px;gap:12px;margin-bottom:18px}.tf-resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tf-resource-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--qsp-card,#fff);border:1px solid var(--qsp-border,#e5e7eb);border-radius:18px;overflow:hidden}.tf-resource-preview{height:150px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(20,184,166,.13),rgba(15,23,42,.05));text-decoration:none}.tf-resource-preview span{display:grid;place-items:center;width:62px;height:62px;border-radius:15px;background:var(--qsp-card,#fff);border:1px solid var(--qsp-border,#e5e7eb);font-size:12px;font-weight:800;letter-spacing:.08em;color:#0f766e}.tf-resource-copy{padding:16px;min-width:0}.tf-resource-head{display:flex;justify-content:space-between;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--qsp-muted,#64748b)}.tf-resource-category{color:#0f766e;font-weight:700}.tf-resource-copy h3{font-size:17px;margin:10px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-resource-copy p{font-size:12px;color:var(--qsp-muted,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-resource-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:11px;color:var(--qsp-muted,#64748b)}.tf-resource-meta span:not(:last-child):after{content:'·';margin-left:8px}.tf-resource-tags{margin-top:10px;font-size:11px;color:#0f766e}.tf-resource-actions{display:flex;gap:8px;align-items:center;padding:0 16px 16px;margin-top:auto}.tf-resource-actions .qsp-btn{padding:8px 10px;font-size:12px}.tf-resource-delete{margin-left:auto;border:0;background:transparent;font-size:20px;color:#94a3b8;cursor:pointer}.tf-resource-modal{max-width:650px}.tf-resource-drop{display:grid;place-items:center;text-align:center;border:1.5px dashed #94a3b8;border-radius:16px;padding:35px 20px;cursor:pointer;background:rgba(20,184,166,.05);margin:18px 0}.tf-resource-drop input{position:absolute;opacity:0;pointer-events:none}.tf-resource-drop span{font-size:12px;color:var(--qsp-muted,#64748b);margin-top:5px}.tf-resource-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tf-resource-modal label{display:grid;gap:6px;font-size:12px;font-weight:600}.tf-resource-modal>form>label{margin:12px 0}.tf-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:900px){.tf-resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-resource-toolbar{grid-template-columns:1fr 1fr}.tf-resource-toolbar input{grid-column:1/-1}}@media(max-width:620px){.tf-resource-stats{grid-template-columns:1fr}.tf-resources-grid{grid-template-columns:1fr}.tf-resource-toolbar,.tf-resource-fields{grid-template-columns:1fr}.tf-resource-toolbar input{grid-column:auto}.tf-resources-title{align-items:flex-start}.tf-resources-title .qsp-btn{width:100%;margin-top:12px}}

/* v5.7.0 Job Workspace */
.tf-workspace-tabs{display:flex;gap:6px;margin:16px 0;padding:6px;border:1px solid rgba(15,23,42,.08);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.04);overflow:auto}.tf-workspace-tabs button{border:0;background:transparent;color:#64748b;padding:10px 16px;border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.tf-workspace-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:99px;background:#eef2f7;font-size:10px}.tf-workspace-tabs button.active{background:#07132c;color:#fff}.tf-workspace-tabs button.active span{background:rgba(45,212,191,.18);color:#55e6d3}.tf-workspace-tab{display:none}.tf-workspace-tab.active{display:block}.tf-panel-actions{display:flex;align-items:center;gap:8px}.tf-job-dropzone{display:grid;grid-template-columns:minmax(200px,1fr) 180px minmax(180px,1fr) auto;gap:10px;align-items:center;padding:18px;margin-bottom:18px;border:1.5px dashed rgba(15,159,145,.42);border-radius:16px;background:linear-gradient(145deg,#f4fffd,#f8fafc);cursor:pointer;transition:.18s ease}.tf-job-dropzone.dragging{border-color:#0f9f91;background:#e5fbf7;transform:translateY(-1px)}.tf-job-dropzone>div:first-of-type strong,.tf-job-dropzone>div:first-of-type span{display:block}.tf-job-dropzone>div:first-of-type strong{color:#07132c;font-size:14px}.tf-job-dropzone>div:first-of-type span{margin-top:4px;color:#64748b;font-size:11px}.tf-job-upload-status{grid-column:1/-1;min-height:14px;color:#0f766e;font-size:11px;font-weight:700}.tf-job-files-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tf-job-file{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:13px;align-items:center;padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:15px;background:#fff}.tf-job-file-preview{position:relative;width:72px;height:64px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#eef8f6;color:#0f766e;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.05em}.tf-job-file-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tf-job-file-copy{min-width:0}.tf-job-file-copy h4{margin:5px 0 3px;color:#111827;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-job-file-copy p,.tf-job-file-copy small{display:block;margin:0;color:#64748b;font-size:10px}.tf-job-file-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.tf-job-file-actions .qsp-btn{padding:7px 9px;font-size:10px}.tf-job-file-delete{border:0;background:transparent;color:#b42318;font-size:10px;font-weight:800;cursor:pointer}.tf-job-file-delete:disabled{color:#94a3b8;cursor:not-allowed}.tf-job-files-empty strong,.tf-job-files-empty span{display:block}.tf-job-files-empty span{margin-top:5px}.tf-activity-row p{margin:3px 0 0;color:#475569;font-size:11px}.tf-workspace-activity-full .tf-activity-row{padding:14px 0;border-bottom:1px solid rgba(15,23,42,.07)}.tf-workspace-activity-full .tf-activity-row:last-child{border-bottom:0}.qsp-theme-dark .tf-workspace-tabs,.qsp-theme-dark .tf-job-file{background:#0d1830;border-color:#263654}.qsp-theme-dark .tf-workspace-tabs button{color:#91a2c4}.qsp-theme-dark .tf-workspace-tabs button.active{background:#152444;color:#fff}.qsp-theme-dark .tf-job-dropzone{background:#0a1630;border-color:#285e59}.qsp-theme-dark .tf-job-dropzone>div:first-of-type strong,.qsp-theme-dark .tf-job-file-copy h4{color:#fff}.qsp-theme-dark .tf-job-dropzone>div:first-of-type span,.qsp-theme-dark .tf-job-file-copy p,.qsp-theme-dark .tf-job-file-copy small,.qsp-theme-dark .tf-activity-row p{color:#91a2c4}.qsp-theme-dark .tf-job-file-preview{background:#103831;color:#50dfca}
@media(max-width:1050px){.tf-job-dropzone{grid-template-columns:1fr 1fr}.tf-job-dropzone>div:first-of-type{grid-column:1/-1}.tf-job-files-grid{grid-template-columns:1fr}}
@media(max-width:620px){.tf-workspace-tabs{position:sticky;top:0;z-index:3}.tf-panel-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.tf-job-dropzone{grid-template-columns:1fr}.tf-job-dropzone>*{width:100%}.tf-job-dropzone>div:first-of-type,.tf-job-upload-status{grid-column:auto}.tf-job-file{grid-template-columns:58px minmax(0,1fr)}.tf-job-file-preview{width:58px;height:58px}.tf-job-file-actions{grid-column:1/-1;flex-direction:row}.tf-job-file-actions>*{flex:1;text-align:center}.tf-workspace-hero-actions{grid-template-columns:1fr 1fr}}


/* TradeForm OS v5.8 global command search */
.tf-search-group{padding:4px 0 8px}
.tf-search-group+.tf-search-group{border-top:1px solid #edf1f6}
.tf-search-group-title{padding:10px 12px 6px;color:#8a97a9;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tf-search-result{grid-template-columns:42px minmax(0,1fr) auto 18px}
.tf-search-result.active{background:#f0fdfa}
.tf-search-result-copy{min-width:0}
.tf-search-result-copy strong,.tf-search-result-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tf-search-result-badge{max-width:120px;padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tf-search-result-arrow{color:#a1adbd;font-size:13px}
.tf-search-result-icon.customer{background:#eaf2ff;color:#3267c8}
.tf-search-result-icon.job{background:#e7faf7;color:#0f9f91}
.tf-search-result-icon.lead{background:#fff4df;color:#ad6a00}
.tf-search-result-icon.resource{background:#f1eefe;color:#6f52c7}
.tf-search-result-icon.quote{background:#ecfdf3;color:#14804a}
.tf-search-result-icon.invoice{background:#fff0ed;color:#c84d3a}
.tf-search-empty,.tf-search-loading{display:flex;min-height:150px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:28px;text-align:center;color:#7a879a}
.tf-search-empty strong{color:#24324a;font-size:14px}
.tf-search-empty span{max-width:440px;font-size:11px;line-height:1.55}
.tf-search-loading span{width:22px;height:22px;border:2px solid #d7e3e1;border-top-color:#14b8a6;border-radius:50%;animation:tf-search-spin .7s linear infinite}
@keyframes tf-search-spin{to{transform:rotate(360deg)}}
body.qsp-theme-dark .tf-search-group+.tf-search-group{border-color:#263654}
body.qsp-theme-dark .tf-search-result.active{background:#102a31}
body.qsp-theme-dark .tf-search-result-badge{background:#17243f;color:#a9b6cd}
body.qsp-theme-dark .tf-search-empty strong{color:#fff}
@media(max-width:620px){
  .tf-command-search{padding-top:4vh}
  .tf-command-search-box{width:calc(100vw - 18px);border-radius:16px}
  .tf-search-results{max-height:72vh}
  .tf-search-result{grid-template-columns:38px minmax(0,1fr) auto;padding:10px 8px}
  .tf-search-result-icon{width:36px;height:36px}
  .tf-search-result-arrow{display:none}
  .tf-search-result-badge{max-width:78px}
}

/* v5.9 Planner */
.tf-planner-head-actions,.tf-planner-toolbar,.tf-planner-nav,.tf-planner-controls,.tf-view-switch{display:flex;align-items:center;gap:10px}.tf-planner-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.tf-planner-card{padding:0;overflow:hidden}.tf-planner-toolbar{justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--qsp-border,#e5e7eb)}.tf-planner-nav h2{margin:0;min-width:210px}.tf-view-switch{padding:3px;border:1px solid var(--qsp-border,#e5e7eb);border-radius:10px}.tf-view-switch button{border:0;background:transparent;padding:8px 12px;border-radius:7px;cursor:pointer;color:inherit}.tf-view-switch button.active{background:var(--qsp-surface-2,#eef2f4);font-weight:700}.tf-plan-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--qsp-border,#e5e7eb)}.tf-plan-weekdays span{padding:10px 12px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--qsp-muted,#64748b)}.tf-plan-month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.tf-plan-day{min-height:145px;padding:9px;border-right:1px solid var(--qsp-border,#e5e7eb);border-bottom:1px solid var(--qsp-border,#e5e7eb);background:var(--qsp-card,#fff)}.tf-plan-day:nth-child(7n){border-right:0}.tf-plan-day.other{opacity:.45}.tf-plan-day.today{box-shadow:inset 0 0 0 2px #14b8a6}.tf-plan-day>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px}.tf-plan-day>header b{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#0f766e}.tf-plan-job{display:grid;width:100%;text-align:left;border:0;border-left:3px solid #64748b;border-radius:7px;padding:7px 8px;margin:0 0 6px;background:var(--qsp-surface-2,#f4f6f8);color:inherit;cursor:pointer;overflow:hidden}.tf-plan-job.status-in_progress{border-left-color:#14b8a6}.tf-plan-job.status-completed{border-left-color:#22c55e}.tf-plan-job.status-awaiting{border-left-color:#f59e0b}.tf-plan-job.status-cancelled{border-left-color:#ef4444;opacity:.65}.tf-plan-job strong,.tf-plan-job small,.tf-plan-job em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-plan-job strong{font-size:12px}.tf-plan-job small,.tf-plan-job em,.tf-plan-time{font-size:10px;color:var(--qsp-muted,#64748b);font-style:normal}.tf-plan-agenda{padding:12px}.tf-plan-agenda-day{border:1px solid var(--qsp-border,#e5e7eb);border-radius:12px;margin-bottom:12px;overflow:hidden}.tf-plan-agenda-day>header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--qsp-surface-2,#f4f6f8)}.tf-plan-agenda-day>div{padding:12px;display:grid;gap:8px}.tf-plan-agenda-day .tf-plan-job{margin:0;grid-template-columns:70px 1fr 1fr 1fr;align-items:center}.tf-plan-add{border:0;background:transparent;color:#0f766e;font-weight:700;cursor:pointer}.tf-plan-empty{padding:18px;color:var(--qsp-muted,#64748b);text-align:center}.tf-planner-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tf-planner-form label{display:grid;gap:7px;font-size:13px;font-weight:600}.tf-planner-modal-box{max-width:720px}
@media(max-width:900px){.tf-planner-summary{grid-template-columns:1fr 1fr}.tf-planner-toolbar{align-items:flex-start;flex-direction:column}.tf-planner-controls{width:100%;justify-content:space-between}.tf-plan-month-grid{display:block}.tf-plan-weekdays{display:none}.tf-plan-day{min-height:auto;border-right:0}.tf-plan-day.other{display:none}.tf-plan-day>header{font-size:15px}.tf-plan-day>div:empty:after{content:'No jobs';color:var(--qsp-muted,#64748b);font-size:12px}.tf-plan-job{grid-template-columns:55px 1fr 1fr;align-items:center}.tf-plan-job em{display:none}}
@media(max-width:600px){.tf-planner-summary{grid-template-columns:1fr 1fr}.tf-planner-head-actions{width:100%}.tf-planner-head-actions>*{flex:1}.tf-planner-controls{align-items:stretch;flex-direction:column}.tf-view-switch{justify-content:space-between}.tf-view-switch button{flex:1}.tf-planner-form{grid-template-columns:1fr}.tf-planner-form .tf-span-2{grid-column:auto}.tf-plan-agenda-day .tf-plan-job{grid-template-columns:55px 1fr}.tf-plan-agenda-day .tf-plan-job small,.tf-plan-agenda-day .tf-plan-job em{display:none}}
.tf-planner-backlog-card{margin-top:18px}.tf-planner-backlog{display:grid;gap:8px;padding:0 20px 20px}.tf-backlog-job{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;width:100%;padding:13px 14px;border:1px solid var(--qsp-border,#e5e7eb);border-radius:10px;background:var(--qsp-card,#fff);color:inherit;text-align:left;cursor:pointer}.tf-backlog-job span{display:grid;gap:3px}.tf-backlog-job small,.tf-backlog-job em{font-size:12px;color:var(--qsp-muted,#64748b);font-style:normal}.tf-backlog-job b{font-size:12px;color:#0f766e}@media(max-width:600px){.tf-backlog-job{grid-template-columns:1fr auto}.tf-backlog-job em{display:none}}


/* v5.10.0 — dashboard schedule and reminders */
.tf-today-schedule{margin:0 0 22px}.tf-agenda-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.tf-agenda-summary span{display:flex;flex-direction:column;padding:14px 16px;border:1px solid var(--qsp-border,#e5e7eb);border-radius:12px;background:var(--qsp-surface-2,#f8fafc)}.tf-agenda-summary strong{font-size:24px;line-height:1}.tf-agenda-summary small{margin-top:6px;color:var(--qsp-muted,#64748b)}.tf-agenda-list{display:grid;gap:8px}.tf-agenda-row{display:grid;grid-template-columns:88px minmax(0,1fr) 150px 24px;align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--qsp-border,#e5e7eb);border-radius:12px;color:inherit;text-decoration:none;transition:.18s ease}.tf-agenda-row:hover{transform:translateY(-1px);border-color:#14b8a6}.tf-agenda-row.overdue{border-left:3px solid #ef4444}.tf-agenda-time{display:flex;flex-direction:column;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--qsp-muted,#64748b)}.tf-agenda-time b{font-size:13px;letter-spacing:0;text-transform:none;color:var(--qsp-text,#0f172a);margin-top:3px}.tf-agenda-main{min-width:0;display:flex;flex-direction:column}.tf-agenda-main strong,.tf-agenda-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-agenda-main small,.tf-agenda-assignee{color:var(--qsp-muted,#64748b);font-size:12px}.tf-agenda-assignee{text-align:right}.tf-agenda-arrow{font-size:18px}.qsp-theme-dark .tf-agenda-summary span{background:rgba(255,255,255,.035)}@media(max-width:760px){.tf-agenda-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-agenda-row{grid-template-columns:68px minmax(0,1fr) 20px}.tf-agenda-assignee{display:none}}
/* Reviews — v5.11.0 */
.tf-reviews-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.tf-review-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.tf-review-stats>div{background:var(--qsp-card,#fff);border:1px solid var(--qsp-border,#e6e8ec);border-radius:16px;padding:18px}.tf-review-stats span{display:block;font-size:12px;color:var(--qsp-muted,#667085);text-transform:uppercase;letter-spacing:.08em}.tf-review-stats strong{display:block;margin-top:8px;font-size:26px}.tf-review-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px 190px;gap:12px;padding:14px;margin-bottom:16px}.tf-reviews-list{display:grid;gap:12px}.tf-review-card{display:flex;justify-content:space-between;gap:20px;padding:20px}.tf-review-card-main{min-width:0}.tf-review-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tf-review-platform{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--qsp-muted,#667085)}.tf-review-card h3{margin:0 0 5px;font-size:18px}.tf-review-card p{margin:0;color:var(--qsp-muted,#667085)}.tf-review-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:var(--qsp-muted,#667085)}.tf-review-stars{letter-spacing:2px;color:#d79200}.tf-review-unrated{color:var(--qsp-muted,#667085)}.tf-review-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tf-review-empty{text-align:center;padding:48px 24px}.tf-review-modal-box{max-width:760px}.tf-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tf-review-grid label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--qsp-muted,#667085)}.tf-review-grid .tf-review-span{grid-column:1/-1}.tf-review-copy-actions{display:flex;gap:10px;margin-top:14px}.qsp-btn.danger{border-color:#e8b4b4;color:#a12b2b;background:transparent}
@media(max-width:800px){.tf-reviews-title{align-items:flex-start;flex-direction:column}.tf-review-stats{grid-template-columns:1fr 1fr}.tf-review-toolbar{grid-template-columns:1fr}.tf-review-card{flex-direction:column}.tf-review-card-actions{justify-content:flex-start}.tf-review-grid{grid-template-columns:1fr}.tf-review-grid .tf-review-span{grid-column:auto}}

/* TradeForm OS v5.12 Website Hub */
.tf-web-title{align-items:flex-end}.tf-web-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.tf-web-stats>div{padding:18px 20px;border:1px solid var(--qsp-border,#e3e7eb);border-radius:16px;background:var(--qsp-card,#fff)}.tf-web-stats span{display:block;font-size:12px;color:var(--qsp-muted,#6b7280);margin-bottom:8px}.tf-web-stats strong{font-size:27px;line-height:1}.tf-web-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px;margin-bottom:14px}.tf-web-intro h2{margin:5px 0 8px}.tf-web-intro p{max-width:720px;margin:0;color:var(--qsp-muted,#667085)}.tf-web-legend{display:flex;gap:14px;white-space:nowrap;font-size:12px;color:var(--qsp-muted,#667085)}.tf-web-legend span{display:flex;align-items:center;gap:6px}.tf-web-legend i{width:8px;height:8px;border-radius:50%;background:#98a2b3}.tf-web-legend i.healthy{background:#16a34a}.tf-web-legend i.attention{background:#dc2626}.tf-web-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 200px auto;gap:12px;padding:14px;margin-bottom:14px}.tf-web-list{display:grid;gap:14px}.tf-web-card{padding:22px}.tf-web-card-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.tf-web-card-head h3{font-size:22px;margin:9px 0 4px}.tf-web-card-head a{font-size:13px;color:var(--qsp-muted,#667085);word-break:break-all}.tf-web-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tf-web-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--qsp-border,#e5e7eb);border:1px solid var(--qsp-border,#e5e7eb);border-radius:13px;overflow:hidden;margin:20px 0 14px}.tf-web-metrics>div{background:var(--qsp-card,#fff);padding:14px}.tf-web-metrics span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--qsp-muted,#667085);margin-bottom:6px}.tf-web-metrics strong{font-size:14px}.tf-web-signals{display:flex;gap:8px;flex-wrap:wrap}.tf-web-signal{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(220,38,38,.08);color:#b42318}.tf-web-signal.ok{background:rgba(22,163,74,.09);color:#15803d}.tf-web-host{margin:13px 0 0;color:var(--qsp-muted,#667085);font-size:12px}.tf-web-empty{text-align:center;padding:48px 24px}.tf-web-modal-box{max-width:720px}.tf-web-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tf-web-form-grid label{display:grid;gap:7px;font-size:12px;font-weight:600}.tf-web-span{grid-column:1/-1}.tf-status.healthy{background:rgba(22,163,74,.1);color:#15803d}.tf-status.attention{background:rgba(220,38,38,.1);color:#b42318}.tf-status.unchecked{background:rgba(107,114,128,.12);color:var(--qsp-muted,#667085)}
@media(max-width:900px){.tf-web-stats,.tf-web-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-web-intro{align-items:flex-start;flex-direction:column}.tf-web-toolbar{grid-template-columns:1fr 1fr}.tf-web-toolbar .qsp-input{grid-column:1/-1}}
@media(max-width:640px){.tf-web-title,.tf-web-card-head{align-items:stretch;flex-direction:column}.tf-web-stats{grid-template-columns:1fr 1fr}.tf-web-card-actions{justify-content:flex-start}.tf-web-metrics,.tf-web-form-grid,.tf-web-toolbar{grid-template-columns:1fr}.tf-web-toolbar .qsp-input,.tf-web-span{grid-column:auto}.tf-web-legend{white-space:normal;flex-wrap:wrap}}

/* TradeForm OS v5.13 — SEO Hub */
.tf-seo-title{align-items:flex-end}.tf-seo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.tf-seo-stats>div{background:var(--qsp-card,#fff);border:1px solid var(--qsp-border,#e6e8ec);border-radius:16px;padding:18px}.tf-seo-stats span{display:block;font-size:12px;color:var(--qsp-muted,#667085);margin-bottom:8px}.tf-seo-stats strong{font-size:26px;letter-spacing:-.03em}.tf-seo-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px}.tf-seo-intro h2,.tf-seo-section-head h2{margin:4px 0 8px}.tf-seo-intro p,.tf-seo-section-head p{margin:0;color:var(--qsp-muted,#667085);max-width:760px}.tf-seo-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto;gap:12px;margin-bottom:16px}.tf-seo-sites{display:grid;gap:16px;margin-bottom:22px}.tf-seo-card{padding:22px}.tf-seo-card-head{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:18px;align-items:center}.tf-seo-site-id h3{margin:9px 0 4px;font-size:21px}.tf-seo-site-id a{font-size:13px;color:var(--qsp-muted,#667085);word-break:break-all}.tf-seo-score{height:92px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--qsp-border,#e6e8ec);background:var(--qsp-soft,#f7f8fa)}.tf-seo-score strong{font-size:30px;line-height:1}.tf-seo-score span{font-size:11px;margin-top:7px;color:var(--qsp-muted,#667085)}.tf-seo-score.strong strong{color:#0f9f6e}.tf-seo-score.warning strong{color:#b7791f}.tf-seo-score.critical strong{color:#d14343}.tf-seo-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.tf-seo-summary>div{padding:12px 14px;border:1px solid var(--qsp-border,#e6e8ec);border-radius:12px}.tf-seo-summary span{display:block;font-size:11px;color:var(--qsp-muted,#667085);margin-bottom:5px}.tf-seo-summary strong{font-size:14px}.tf-seo-tests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tf-seo-test{display:flex;gap:10px;padding:12px;border-radius:12px;background:var(--qsp-soft,#f7f8fa);border:1px solid transparent}.tf-seo-test-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-weight:700}.tf-seo-test strong{display:block;font-size:13px}.tf-seo-test small{display:block;margin-top:3px;color:var(--qsp-muted,#667085);line-height:1.4}.tf-seo-test.passed .tf-seo-test-mark{background:#e7f8f1;color:#0f9f6e}.tf-seo-test.warning .tf-seo-test-mark{background:#fff4d6;color:#a86800}.tf-seo-test.critical .tf-seo-test-mark{background:#fdeaea;color:#c93434}.tf-seo-no-audit{padding:18px 0 2px;color:var(--qsp-muted,#667085)}.tf-seo-keywords-panel{padding:22px}.tf-seo-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.tf-seo-keyword-table{overflow:auto}.tf-seo-keyword-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(130px,.8fr) minmax(110px,.7fr) 100px 170px;gap:12px;align-items:center;padding:13px 8px;border-top:1px solid var(--qsp-border,#e6e8ec);min-width:800px}.tf-seo-keyword-row.head{border-top:0;padding-top:0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--qsp-muted,#667085)}.tf-seo-keyword-row>span:first-child strong{display:block}.tf-seo-keyword-row>span:first-child a{display:block;font-size:11px;margin-top:4px}.tf-seo-keyword-row>span:last-child{display:flex;gap:7px}.tf-seo-rank{display:inline-flex;padding:6px 9px;border-radius:999px;font-weight:700;font-size:12px}.tf-seo-rank.up{background:#e7f8f1;color:#0f9f6e}.tf-seo-rank.down{background:#fdeaea;color:#c93434}.tf-seo-rank.flat,.tf-seo-rank.unknown{background:var(--qsp-soft,#f2f4f7);color:var(--qsp-muted,#667085)}.tf-seo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tf-seo-form-grid label{font-size:12px;font-weight:600}.tf-seo-form-grid .qsp-input,.tf-seo-form-grid .qsp-select{margin-top:7px;width:100%}.tf-seo-span{grid-column:1/-1}.tf-seo-modal-box{max-width:720px}.tf-status.healthy{background:#e7f8f1;color:#0f7d58}.tf-status.warning{background:#fff4d6;color:#946000}.tf-status.critical{background:#fdeaea;color:#ba2d2d}.tf-status.unchecked{background:var(--qsp-soft,#f2f4f7);color:var(--qsp-muted,#667085)}
@media(max-width:900px){.tf-seo-stats{grid-template-columns:repeat(2,1fr)}.tf-seo-card-head{grid-template-columns:1fr auto}.tf-seo-card-head .tf-seo-score{grid-row:1/3;grid-column:2}.tf-seo-card-head .tf-seo-audit{grid-column:1/-1}.tf-seo-tests{grid-template-columns:1fr}.tf-seo-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.tf-seo-title,.tf-seo-intro,.tf-seo-section-head{align-items:stretch;flex-direction:column}.tf-seo-stats{grid-template-columns:1fr 1fr;gap:9px}.tf-seo-stats>div{padding:14px}.tf-seo-stats strong{font-size:21px}.tf-seo-toolbar{grid-template-columns:1fr}.tf-seo-card{padding:16px}.tf-seo-card-head{grid-template-columns:1fr}.tf-seo-card-head .tf-seo-score{grid-row:auto;grid-column:auto;height:76px}.tf-seo-summary{grid-template-columns:1fr 1fr}.tf-seo-form-grid{grid-template-columns:1fr}.tf-seo-span{grid-column:auto}}


/* TradeForm OS v5.14 — Ads Hub */
.tf-ads-title{align-items:flex-end}.tf-ads-periodbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;margin-bottom:14px}.tf-ads-periodbar strong{display:block;margin-top:4px}.tf-ads-periodbar .qsp-input{width:190px}.tf-ads-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.tf-ads-stats>div{background:var(--qsp-card,#fff);border:1px solid var(--qsp-border,#e6e8ec);border-radius:16px;padding:18px}.tf-ads-stats span{display:block;font-size:12px;color:var(--qsp-muted,#667085);margin-bottom:8px}.tf-ads-stats strong{font-size:26px;letter-spacing:-.03em}.tf-ads-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;margin-bottom:14px}.tf-ads-intro h2{margin:5px 0 8px}.tf-ads-intro p{margin:0;max-width:760px;color:var(--qsp-muted,#667085)}.tf-ads-mini{min-width:150px;padding:14px 18px;border:1px solid var(--qsp-border,#e6e8ec);border-radius:14px;text-align:right}.tf-ads-mini span{display:block;font-size:11px;color:var(--qsp-muted,#667085);margin-bottom:6px}.tf-ads-mini strong{font-size:25px}.tf-ads-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px 170px;gap:12px;padding:14px;margin-bottom:14px}.tf-ads-list{display:grid;gap:14px}.tf-ads-card{padding:22px}.tf-ads-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.tf-ads-card-head h3{font-size:21px;margin:9px 0 5px}.tf-ads-card-head p{margin:0;color:var(--qsp-muted,#667085);font-size:13px}.tf-ads-card-actions{display:flex;gap:8px}.tf-ads-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tf-ads-platform{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;padding:6px 9px;border-radius:999px;background:var(--qsp-soft,#f2f4f7);color:var(--qsp-muted,#667085)}.tf-ads-platform.google_ads{background:#e9f2ff;color:#1557b0}.tf-ads-platform.meta_ads{background:#eeeafe;color:#5b3cc4}.tf-ads-platform.microsoft_ads{background:#e7f8f1;color:#0f7d58}.tf-status.active{background:#e7f8f1;color:#0f7d58}.tf-status.paused{background:#fff4d6;color:#946000}.tf-status.ended{background:#f2f4f7;color:#667085}.tf-status.draft{background:#e9f2ff;color:#1557b0}.tf-ads-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--qsp-border,#e6e8ec);border:1px solid var(--qsp-border,#e6e8ec);border-radius:13px;overflow:hidden;margin-top:18px}.tf-ads-metrics>div{padding:13px;background:var(--qsp-card,#fff)}.tf-ads-metrics span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--qsp-muted,#667085);margin-bottom:6px}.tf-ads-metrics strong{font-size:14px}.tf-ads-notes{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--qsp-border,#e6e8ec);color:var(--qsp-muted,#667085);font-size:13px;line-height:1.55}.tf-ads-empty{text-align:center;padding:48px 24px}.tf-ads-modal-box{max-width:820px}.tf-ads-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tf-ads-form-grid label{display:grid;gap:7px;font-size:12px;font-weight:600}.tf-ads-span{grid-column:1/-1}
@media(max-width:980px){.tf-ads-metrics{grid-template-columns:repeat(3,1fr)}.tf-ads-toolbar{grid-template-columns:1fr 1fr}.tf-ads-toolbar .qsp-input{grid-column:1/-1}}
@media(max-width:640px){.tf-ads-title,.tf-ads-intro,.tf-ads-card-head,.tf-ads-periodbar{align-items:stretch;flex-direction:column}.tf-ads-stats{grid-template-columns:1fr 1fr;gap:9px}.tf-ads-stats>div{padding:14px}.tf-ads-stats strong{font-size:21px}.tf-ads-periodbar .qsp-input{width:100%}.tf-ads-mini{text-align:left}.tf-ads-toolbar,.tf-ads-form-grid{grid-template-columns:1fr}.tf-ads-toolbar .qsp-input,.tf-ads-span{grid-column:auto}.tf-ads-metrics{grid-template-columns:1fr 1fr}.tf-ads-card-actions{justify-content:flex-start}}

/* ========================================================================== 
   TradeForm OS 5.14.1 — premium UI consistency pass
   ========================================================================== */
:root {
  --qsp-premium-radius-sm: 10px;
  --qsp-premium-radius: 14px;
  --qsp-premium-radius-lg: 20px;
  --qsp-premium-shadow-sm: 0 1px 2px rgba(15,23,42,.05), 0 8px 24px rgba(15,23,42,.05);
  --qsp-premium-shadow: 0 18px 50px rgba(15,23,42,.09);
  --qsp-premium-border: rgba(148,163,184,.22);
  --qsp-premium-focus: 0 0 0 3px rgba(20,184,166,.18);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

.qsp-card, .os-card, .tf-card, .portal-card,
[class*="summary-card"], [class*="metric-card"], [class*="stat-card"] {
  border-radius: var(--qsp-premium-radius-lg);
  border-color: var(--qsp-premium-border);
  box-shadow: var(--qsp-premium-shadow-sm);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

@media (hover:hover) {
  .qsp-card:hover, .os-card:hover, .tf-card:hover, .portal-card:hover,
  [class*="summary-card"]:hover, [class*="metric-card"]:hover, [class*="stat-card"]:hover {
    transform: translateY(-1px);
    box-shadow: var(--qsp-premium-shadow);
  }
}

button, .button, [role="button"], input[type="submit"], input[type="button"],
a[class*="btn"], a[class*="button"] {
  min-height: 42px;
  border-radius: var(--qsp-premium-radius-sm);
  font-weight: 650;
  letter-spacing: -.01em;
  transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease, border-color .14s ease, opacity .14s ease;
}
button:active, .button:active, [role="button"]:active,
a[class*="btn"]:active, a[class*="button"]:active { transform: translateY(1px); }
button:focus-visible, .button:focus-visible, [role="button"]:focus-visible,
a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: none !important;
  box-shadow: var(--qsp-premium-focus) !important;
}
button:disabled, input:disabled, select:disabled, textarea:disabled,
[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }

input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  min-height: 44px;
  border-radius: var(--qsp-premium-radius-sm) !important;
  border-color: var(--qsp-premium-border) !important;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
textarea { min-height: 112px; resize: vertical; }
label { font-weight: 650; letter-spacing: -.01em; }

.qsp-table-scroll { width: 100%; overflow-x: auto; border-radius: var(--qsp-premium-radius); -webkit-overflow-scrolling: touch; }
.qsp-table-scroll:focus-visible { box-shadow: var(--qsp-premium-focus); }
table { border-collapse: separate; border-spacing: 0; }
thead th { font-size: 11px; letter-spacing: .075em; text-transform: uppercase; white-space: nowrap; }
tbody tr { transition: background-color .14s ease; }

[role="dialog"], .modal, .qsp-modal {
  border-radius: var(--qsp-premium-radius-lg);
  box-shadow: 0 30px 90px rgba(2,6,23,.24);
}

.qsp-premium-empty {
  border: 1px dashed rgba(148,163,184,.36);
  border-radius: var(--qsp-premium-radius-lg);
  padding: clamp(28px, 5vw, 56px);
  text-align: center;
  background: linear-gradient(180deg, rgba(248,250,252,.72), rgba(248,250,252,.28));
}

.qsp-is-loading { position: relative; pointer-events: none; opacity: .78; }
.qsp-is-loading::after {
  content: "";
  display: inline-block;
  width: 14px; height: 14px;
  margin-left: 9px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 999px;
  vertical-align: -2px;
  animation: qsp-premium-spin .65s linear infinite;
}
@keyframes qsp-premium-spin { to { transform: rotate(360deg); } }

/* More deliberate page rhythm and readable content width. */
main, .qsp-main, .portal-main, .os-main { scroll-margin-top: 24px; }
.qsp-page-header, .page-header, [class*="page-heading"] { margin-bottom: clamp(20px, 3vw, 32px); }
.qsp-page-header h1, .page-header h1, [class*="page-heading"] h1 { letter-spacing: -.035em; line-height: 1.04; }

/* Mobile: preserve breathing room and touch comfort. */
@media (max-width: 782px) {
  button, .button, [role="button"], input[type="submit"], a[class*="btn"], a[class*="button"] { min-height: 46px; }
  input:not([type="checkbox"]):not([type="radio"]), select { min-height: 48px; }
  [role="dialog"], .modal, .qsp-modal { max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 24px); }
  .qsp-card, .os-card, .tf-card, .portal-card { border-radius: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (prefers-color-scheme: dark) {
  .qsp-premium-empty { background: linear-gradient(180deg, rgba(30,41,59,.44), rgba(15,23,42,.18)); }
}

/* ========================================================================== 
   TradeForm OS 5.14.2 — shared page grid and alignment pass
   ========================================================================== */
.tf-page-frame{
  width:100%;
  max-width:1240px;
  margin-inline:auto;
}

/* One consistent page-header component across legacy and newer modules. */
.tf-page-frame > .qsp-page-title,
.tf-page-frame > .tf-page-head{
  width:100%;
  min-height:68px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 22px;
}
.tf-page-frame > .qsp-page-title h1,
.tf-page-frame > .tf-page-head h1{
  margin:4px 0 6px!important;
  font-size:32px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
.tf-page-frame > .qsp-page-title .qsp-sub,
.tf-page-frame > .tf-page-head p{
  margin:0!important;
  max-width:720px;
  color:var(--tf-os-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
}

/* Shared KPI row geometry. */
.tf-planner-summary,
.qi-finance-summary,
.tf-web-stats,
.tf-review-stats,
.tf-resource-stats,
.tf-seo-stats,
.tf-ads-stats{
  width:100%;
  gap:12px!important;
  margin:0 0 18px!important;
}
.tf-planner-summary > div,
.qi-finance-summary > div,
.tf-web-stats > div,
.tf-review-stats > div,
.tf-resource-stats > div,
.tf-seo-stats > div,
.tf-ads-stats > div{
  min-height:94px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:17px 18px!important;
  border:1px solid var(--tf-os-line)!important;
  border-radius:14px!important;
  background:var(--tf-os-surface)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
}
.tf-planner-summary span,
.qi-finance-summary span,
.tf-web-stats span,
.tf-review-stats span,
.tf-resource-stats span,
.tf-seo-stats span,
.tf-ads-stats span{
  margin:0 0 8px!important;
  font-size:9px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#7C879B!important;
}
.tf-planner-summary strong,
.qi-finance-summary strong,
.tf-web-stats strong,
.tf-review-stats strong,
.tf-resource-stats strong,
.tf-seo-stats strong,
.tf-ads-stats strong{
  margin:0!important;
  font-size:24px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  color:var(--tf-os-text)!important;
}
.qi-finance-summary small{margin-top:7px;color:var(--tf-os-muted);font-size:11px;line-height:1.3}

/* Every module now uses the same toolbar footprint and alignment. */
.tf-page-frame > .qsp-card.tf-review-toolbar,
.tf-page-frame > .qsp-card.tf-resource-toolbar,
.tf-page-frame > .qsp-card.tf-web-toolbar,
.tf-page-frame > .qsp-card.tf-seo-toolbar,
.tf-page-frame > .qsp-card.tf-ads-toolbar,
.qsp-page-quotes .qsp-toolbar{
  width:100%;
  min-height:64px;
  align-items:center;
  padding:12px 14px!important;
  margin:0 0 14px!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
  transform:none!important;
}
.tf-review-toolbar:hover,
.tf-resource-toolbar:hover,
.tf-web-toolbar:hover,
.tf-seo-toolbar:hover,
.tf-ads-toolbar:hover{transform:none!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important}

/* Align all primary content surfaces to the same page edges. */
.tf-planner-card,
.tf-planner-backlog-card,
.qsp-page-quotes .qsp-card,
.tf-web-intro,
.tf-web-list,
.tf-reviews-list,
.tf-resources-grid,
.tf-seo-intro,
.tf-seo-sites,
.tf-seo-keywords-panel,
.tf-ads-periodbar,
.tf-ads-intro,
.tf-ads-list{
  width:100%;
}

/* Quotes was visually denser than the other pages. */
.qsp-page-quotes > .tf-page-frame > .qsp-card{
  padding:14px!important;
}
.qsp-page-quotes .qsp-table-wrap{
  border-radius:12px!important;
}
.qsp-page-quotes .qsp-table tbody td{
  vertical-align:middle;
}
.qsp-page-quotes .qi-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

/* Resource cards should begin on the exact toolbar edge and scale cleanly. */
.tf-resources-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important}
.tf-resource-card{min-height:330px;box-shadow:0 8px 24px rgba(15,23,42,.045)}

/* Sparse review/website lists still retain a deliberate full-width canvas. */
.tf-reviews-list:has(> .qsp-empty),
.tf-web-list:has(> .qsp-empty),
.tf-resources-grid:has(> .qsp-empty){display:block}

body.qsp-theme-dark .tf-planner-summary > div,
body.qsp-theme-dark .qi-finance-summary > div,
body.qsp-theme-dark .tf-web-stats > div,
body.qsp-theme-dark .tf-review-stats > div,
body.qsp-theme-dark .tf-resource-stats > div,
body.qsp-theme-dark .tf-seo-stats > div,
body.qsp-theme-dark .tf-ads-stats > div{
  background:#101A31!important;
  border-color:#24324E!important;
}
body.qsp-theme-dark .tf-planner-summary strong,
body.qsp-theme-dark .qi-finance-summary strong,
body.qsp-theme-dark .tf-web-stats strong,
body.qsp-theme-dark .tf-review-stats strong,
body.qsp-theme-dark .tf-resource-stats strong,
body.qsp-theme-dark .tf-seo-stats strong,
body.qsp-theme-dark .tf-ads-stats strong{color:#fff!important}

@media(max-width:900px){
  .tf-page-frame{max-width:none}
  .tf-page-frame > .qsp-page-title,
  .tf-page-frame > .tf-page-head{align-items:flex-start}
}
@media(max-width:640px){
  .tf-page-frame > .qsp-page-title,
  .tf-page-frame > .tf-page-head{min-height:0;flex-direction:column;gap:14px}
  .tf-page-frame > .qsp-page-title h1,
  .tf-page-frame > .tf-page-head h1{font-size:28px!important}
  .tf-page-frame > .qsp-page-title > :last-child,
  .tf-page-frame > .tf-page-head > :last-child{width:100%}
  .tf-page-frame > .qsp-page-title > :last-child .qsp-btn,
  .tf-page-frame > .tf-page-head > :last-child .qsp-btn,
  .tf-page-frame > .qsp-page-title > .qsp-btn{justify-content:center}
}

/* ============================================================
   v5.15.0 — Premium workflow UX
   Stronger hierarchy, richer surfaces and faster daily actions.
   ============================================================ */
:root{
  --tf-os-accent:#2EDBC4;
  --tf-os-accent-deep:#0F9F8D;
  --tf-os-blue:#3B82F6;
  --tf-os-purple:#8B5CF6;
  --tf-os-orange:#F97316;
  --tf-os-red:#EF4444;
  --tf-os-success:#10B981;
  --tf-os-sidebar:#07132D;
  --tf-os-sidebar-2:#0B1E42;
}

/* A more premium app frame */
body.qsp-body:not(.qsp-theme-dark){
  background:
    radial-gradient(circle at 82% -8%,rgba(46,219,196,.10),transparent 28%),
    linear-gradient(180deg,#F7F9FC 0,#F3F5F9 46%,#F5F7FA 100%)!important;
}
.qsp-main{padding-top:34px!important}
.tf-page-frame{position:relative}

/* Dark navigation creates a clear workspace/content split. */
.tf-os-sidebar{
  background:linear-gradient(180deg,var(--tf-os-sidebar),var(--tf-os-sidebar-2) 58%,#071329)!important;
  border-right:0!important;
  box-shadow:12px 0 36px rgba(7,19,45,.10)!important;
}
.tf-workspace-label{color:#F8FAFF!important;margin-bottom:18px!important}
.tf-workspace-mark{box-shadow:0 0 0 5px rgba(46,219,196,.12)!important}
.tf-nav-group{margin-bottom:13px!important;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.07)}
.tf-nav-group:last-of-type{border-bottom:0}
.tf-nav-group .qsp-sd-heading{color:#7383A4!important;padding-left:12px!important;font-size:8px!important}
.tf-os-sidebar .qsp-sd-item{color:#B5C0D7!important;padding:7px 9px!important}
.tf-os-sidebar .qsp-sd-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:none!important}
.tf-os-sidebar .qsp-sd-item.active{
  background:linear-gradient(90deg,rgba(46,219,196,.18),rgba(46,219,196,.08))!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--tf-os-accent),0 8px 22px rgba(0,0,0,.15)!important;
}
.tf-os-sidebar .qsp-sd-ic{color:#8290AE!important}
.tf-os-sidebar .qsp-sd-item.active .qsp-sd-ic{color:var(--tf-os-accent)!important;background:rgba(46,219,196,.11)!important}
.tf-coming-group{border-top:0!important;border-bottom:0!important;background:rgba(255,255,255,.035);border-radius:11px;padding:10px 5px!important;margin:3px 0 10px!important}
.tf-coming-row{color:#7583A0!important}
.tf-soon{border-color:rgba(46,219,196,.22)!important;color:#66E6D4!important;background:rgba(46,219,196,.08)}
.tf-sidebar-bottom{border-top-color:rgba(255,255,255,.08)!important}
.tf-sidebar-bottom .qsp-sd-footer{color:#667594!important}

/* Page headers become a consistent, useful command area. */
.tf-page-head,.qsp-page-title,.tf-dashboard-head{
  position:relative;
  padding:3px 4px 22px!important;
  margin-bottom:22px!important;
  border-bottom:1px solid rgba(148,163,184,.22);
}
.tf-page-head:after,.qsp-page-title:after,.tf-dashboard-head:after{
  content:"";position:absolute;left:4px;bottom:-1px;width:58px;height:2px;border-radius:99px;
  background:linear-gradient(90deg,var(--tf-os-accent),var(--tf-os-blue));
}
.tf-page-head h1,.qsp-page-title h1,.tf-dashboard-head h1{font-weight:760!important;letter-spacing:-.045em!important}
.tf-eyebrow,.tf-section-kicker,.tf-dashboard-head .eyebrow{color:var(--tf-os-accent-deep)!important}
.qsp-sub,.tf-page-head p,.tf-dashboard-head p{color:#68758E!important;max-width:720px}

/* Buttons should feel actionable, not flat. */
.qsp-btn{font-weight:700!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important}
.qsp-btn.primary{
  background:linear-gradient(135deg,#35DEC7,#20C9B3)!important;
  border:1px solid #20BFA9!important;color:#06231F!important;
  box-shadow:0 8px 18px rgba(32,201,179,.22)!important;
}
.qsp-btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(32,201,179,.30)!important;filter:saturate(1.05)}
.qsp-btn.danger,.qsp-btn.qsp-danger{box-shadow:0 6px 14px rgba(239,68,68,.13)!important}

/* Richer surfaces and clearer depth. */
body.qsp-body:not(.qsp-theme-dark) .qsp-card,
body.qsp-body:not(.qsp-theme-dark) .qsp-over-card,
body.qsp-body:not(.qsp-theme-dark) .qsp-table-wrap{
  border-color:#E5EAF1!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025),0 12px 32px rgba(15,23,42,.065)!important;
}
.qsp-card{transition:border-color .18s ease,box-shadow .18s ease}
.qsp-card:hover{border-color:#DCE3ED!important}
.qsp-card-head h2{font-weight:730!important}

/* KPI/stat cards now scan faster and have meaningful visual identity. */
.tf-work-stat,.tf-review-stats>div,.tf-resource-stats>div,.tf-web-stats>div,.tf-seo-stats>div,.tf-ads-stats>div{
  position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#FBFCFE)!important;
  border-color:#E3E9F1!important;box-shadow:0 9px 25px rgba(15,23,42,.055)!important;
}
.tf-work-stat:before,.tf-review-stats>div:before,.tf-resource-stats>div:before,.tf-web-stats>div:before,.tf-seo-stats>div:before,.tf-ads-stats>div:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tf-os-accent)
}
.tf-work-stat:nth-child(2):before,.tf-review-stats>div:nth-child(2):before,.tf-resource-stats>div:nth-child(2):before,.tf-web-stats>div:nth-child(2):before{background:var(--tf-os-blue)}
.tf-work-stat:nth-child(3):before,.tf-review-stats>div:nth-child(3):before,.tf-resource-stats>div:nth-child(3):before,.tf-web-stats>div:nth-child(3):before{background:var(--tf-os-purple)}
.tf-work-stat:nth-child(4):before,.tf-review-stats>div:nth-child(4):before,.tf-web-stats>div:nth-child(4):before{background:var(--tf-os-orange)}
.tf-work-stat strong,.tf-review-stats strong,.tf-resource-stats strong,.tf-web-stats strong{letter-spacing:-.045em!important}

/* Toolbars read as controls, not another empty card. */
.qsp-toolbar,.tf-review-toolbar,.tf-resource-toolbar,.tf-web-toolbar,.tf-seo-toolbar,.tf-ads-toolbar{
  background:rgba(255,255,255,.86)!important;backdrop-filter:blur(10px);
  border-color:#E1E7EF!important;box-shadow:0 7px 20px rgba(15,23,42,.045)!important;
}
.qsp-input,.qsp-select{font-size:13px!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important}
.qsp-input:hover,.qsp-select:hover{border-color:#C9D2DF!important}

/* Tables are easier to scan and actions no longer dominate rows. */
.qsp-table tbody tr{cursor:default}
.qsp-table tbody tr:hover{background:#F4F8FA!important;box-shadow:inset 3px 0 0 rgba(46,219,196,.65)}
.qsp-table tbody td:last-child{white-space:nowrap}
.qsp-action-menu{position:relative;display:inline-flex;justify-content:flex-end}
.qsp-action-menu-toggle{width:34px;height:34px;border:1px solid #DCE3EC;border-radius:9px;background:#fff;color:#536078;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(15,23,42,.05)}
.qsp-action-menu-toggle:hover,.qsp-action-menu-toggle[aria-expanded="true"]{border-color:#84D9CD;color:#087E70;background:#F3FFFC}
.qsp-action-menu-popover{display:none;position:absolute;right:0;top:40px;z-index:80;min-width:176px;padding:6px;background:#fff;border:1px solid #DDE4ED;border-radius:12px;box-shadow:0 18px 46px rgba(15,23,42,.18)}
.qsp-action-menu.is-open .qsp-action-menu-popover{display:grid}
.qsp-action-menu-popover>a,.qsp-action-menu-popover>button{display:flex!important;width:100%;align-items:center;text-align:left!important;padding:9px 10px!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#26334A!important;font-size:12px!important;font-weight:650!important;text-decoration:none!important;box-shadow:none!important}
.qsp-action-menu-popover>a:hover,.qsp-action-menu-popover>button:hover{background:#F1F7F6!important;color:#087E70!important}

/* Stronger sparse and empty states. */
.qsp-premium-empty{min-height:150px!important;border:1px dashed #CFD8E5!important;border-radius:14px!important;background:linear-gradient(145deg,#FBFCFE,#F6F9FC)!important;display:grid!important;place-items:center!important;text-align:center!important;padding:28px!important;color:#758198!important}
.tf-reviews-list:has(> .tf-review-card:only-child),.tf-resources-grid:has(> .tf-resource-card:only-child){align-content:start}

/* Helpful keyboard hint shown by JS. */
.tf-ux-shortcut-hint{position:fixed;right:24px;bottom:24px;z-index:9999;padding:10px 13px;border-radius:10px;background:#07132D;color:#fff;font-size:11px;font-weight:650;box-shadow:0 15px 35px rgba(7,19,45,.25);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease}
.tf-ux-shortcut-hint.is-visible{opacity:1;transform:translateY(0)}

body.qsp-theme-dark .tf-os-sidebar{background:linear-gradient(180deg,#050C1D,#08152E)!important}
body.qsp-theme-dark .tf-page-head,body.qsp-theme-dark .qsp-page-title,body.qsp-theme-dark .tf-dashboard-head{border-color:#26334E!important}
body.qsp-theme-dark .qsp-action-menu-toggle,body.qsp-theme-dark .qsp-action-menu-popover{background:#111D37!important;border-color:#30405F!important;color:#E8EDF8!important}
body.qsp-theme-dark .qsp-action-menu-popover>a,body.qsp-theme-dark .qsp-action-menu-popover>button{color:#E8EDF8!important}
body.qsp-theme-dark .qsp-action-menu-popover>a:hover,body.qsp-theme-dark .qsp-action-menu-popover>button:hover{background:#1A2947!important;color:var(--tf-os-accent)!important}

@media(max-width:900px){
  .tf-os-sidebar{background:#fff!important;box-shadow:none!important}
  body.qsp-theme-dark .tf-os-sidebar{background:#091126!important}
  .tf-page-head,.qsp-page-title,.tf-dashboard-head{padding-bottom:18px!important}
  .tf-ux-shortcut-hint{display:none}
}

/* ============================================================
   v5.15.1 — Premium interaction & visual hierarchy pass
   Adds stronger module identity and removes the remaining flatness.
   ============================================================ */
.qsp-topbar{
  position:sticky!important;top:0;z-index:90;
  background:rgba(255,255,255,.90)!important;
  backdrop-filter:blur(18px) saturate(1.25);
  border-bottom:1px solid rgba(148,163,184,.20)!important;
  box-shadow:0 5px 22px rgba(15,23,42,.045)!important;
}
body.qsp-theme-dark .qsp-topbar{background:rgba(8,17,36,.90)!important;border-color:#22304A!important}

/* Give each workspace a restrained identity while retaining one design system. */
.qsp-main{--tf-page-accent:#20C9B3;--tf-page-rgb:32,201,179}
.qsp-page-leads{--tf-page-accent:#3B82F6;--tf-page-rgb:59,130,246}
.qsp-page-customers{--tf-page-accent:#6366F1;--tf-page-rgb:99,102,241}
.qsp-page-jobs,.qsp-page-planner{--tf-page-accent:#14B8A6;--tf-page-rgb:20,184,166}
.qsp-page-quotes{--tf-page-accent:#8B5CF6;--tf-page-rgb:139,92,246}
.qsp-page-website{--tf-page-accent:#06B6D4;--tf-page-rgb:6,182,212}
.qsp-page-seo{--tf-page-accent:#3B82F6;--tf-page-rgb:59,130,246}
.qsp-page-ads{--tf-page-accent:#F97316;--tf-page-rgb:249,115,22}
.qsp-page-reviews{--tf-page-accent:#EC4899;--tf-page-rgb:236,72,153}
.qsp-page-roi{--tf-page-accent:#8B5CF6;--tf-page-rgb:139,92,246}
.qsp-page-resources{--tf-page-accent:#0EA5E9;--tf-page-rgb:14,165,233}
.qsp-page-notes{--tf-page-accent:#F59E0B;--tf-page-rgb:245,158,11}

/* Page headers now act as a clear orientation surface rather than loose text. */
.tf-page-frame>.tf-page-head,
.tf-page-frame>.qsp-page-title,
.tf-page-frame>.tf-dashboard-head{
  min-height:116px!important;
  padding:25px 28px!important;
  margin-bottom:20px!important;
  border:1px solid rgba(var(--tf-page-rgb),.16)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 92% 0,rgba(var(--tf-page-rgb),.16),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(var(--tf-page-rgb),.035))!important;
  box-shadow:0 14px 38px rgba(15,23,42,.065)!important;
}
.tf-page-frame>.tf-page-head:after,
.tf-page-frame>.qsp-page-title:after,
.tf-page-frame>.tf-dashboard-head:after{
  left:28px!important;bottom:0!important;width:76px!important;height:3px!important;
  background:var(--tf-page-accent)!important;
}
.tf-page-frame>.tf-page-head h1,
.tf-page-frame>.qsp-page-title h1,
.tf-page-frame>.tf-dashboard-head h1{font-size:32px!important;line-height:1.05!important}
.tf-page-frame>.tf-page-head .tf-eyebrow,
.tf-page-frame>.qsp-page-title .tf-eyebrow,
.tf-page-frame>.tf-dashboard-head .tf-eyebrow{color:var(--tf-page-accent)!important}
body.qsp-theme-dark .tf-page-frame>.tf-page-head,
body.qsp-theme-dark .tf-page-frame>.qsp-page-title,
body.qsp-theme-dark .tf-page-frame>.tf-dashboard-head{
  background:radial-gradient(circle at 92% 0,rgba(var(--tf-page-rgb),.18),transparent 35%),linear-gradient(135deg,#101A31,#0C162B)!important;
  border-color:rgba(var(--tf-page-rgb),.25)!important;
}

/* Stats receive a stronger information hierarchy without becoming noisy. */
.tf-planner-summary>div,.qi-finance-summary>div,.tf-web-stats>div,.tf-review-stats>div,
.tf-resource-stats>div,.tf-seo-stats>div,.tf-ads-stats>div,.tf-work-stat{
  min-height:92px!important;padding:19px 20px 17px 23px!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.tf-planner-summary>div:hover,.qi-finance-summary>div:hover,.tf-web-stats>div:hover,.tf-review-stats>div:hover,
.tf-resource-stats>div:hover,.tf-seo-stats>div:hover,.tf-ads-stats>div:hover,.tf-work-stat:hover{
  transform:translateY(-2px);border-color:rgba(var(--tf-page-rgb),.25)!important;
  box-shadow:0 15px 34px rgba(15,23,42,.09)!important;
}
.tf-planner-summary>div:after,.qi-finance-summary>div:after,.tf-web-stats>div:after,.tf-review-stats>div:after,
.tf-resource-stats>div:after,.tf-seo-stats>div:after,.tf-ads-stats>div:after,.tf-work-stat:after{
  content:"";position:absolute;right:18px;top:17px;width:28px;height:28px;border-radius:10px;
  background:rgba(var(--tf-page-rgb),.09);box-shadow:inset 0 0 0 1px rgba(var(--tf-page-rgb),.12)
}

/* Toolbars now feel like compact command surfaces. */
.qsp-toolbar,.tf-review-toolbar,.tf-resource-toolbar,.tf-web-toolbar,.tf-seo-toolbar,.tf-ads-toolbar{
  border-left:3px solid var(--tf-page-accent)!important;
  gap:10px!important;
}
.qsp-input:focus,.qsp-select:focus{border-color:var(--tf-page-accent)!important;box-shadow:0 0 0 3px rgba(var(--tf-page-rgb),.12)!important}
.tf-filter-reset{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;
  border:1px solid #DDE4ED;border-radius:10px;background:#fff;color:#526078;font:700 11px/1 Inter,sans-serif;
  cursor:pointer;white-space:nowrap;transition:.16s ease;
}
.tf-filter-reset:hover{color:#0F172A;border-color:#C5CFDC;background:#F8FAFC}
.tf-filter-reset[hidden]{display:none!important}
body.qsp-theme-dark .tf-filter-reset{background:#111C33;border-color:#2A3955;color:#B8C4D9}

/* Stronger list/table interaction cues. */
.qsp-table tbody tr{transition:background .14s ease,box-shadow .14s ease}
.qsp-table tbody tr.tf-row-clickable{cursor:pointer}
.qsp-table tbody tr.tf-row-clickable:hover{background:rgba(var(--tf-page-rgb),.045)!important;box-shadow:inset 3px 0 0 var(--tf-page-accent)}
.qsp-table tbody tr.tf-row-clickable:focus-visible{outline:2px solid var(--tf-page-accent);outline-offset:-2px}
.qsp-action-menu-toggle{font-size:20px!important;letter-spacing:2px!important}
.qsp-action-menu-popover{border-top:3px solid var(--tf-page-accent)!important}

/* Richer sparse states: still professional when there is only one item. */
.qsp-premium-empty{
  min-height:230px!important;border:1px dashed rgba(var(--tf-page-rgb),.28)!important;
  background:radial-gradient(circle at 50% 20%,rgba(var(--tf-page-rgb),.08),transparent 42%),#fff!important;
}
.qsp-premium-empty:before{
  content:"";display:block;width:42px;height:42px;margin:0 auto 14px;border-radius:14px;
  background:linear-gradient(135deg,rgba(var(--tf-page-rgb),.18),rgba(var(--tf-page-rgb),.06));
  box-shadow:inset 0 0 0 1px rgba(var(--tf-page-rgb),.14)
}
body.qsp-theme-dark .qsp-premium-empty{background:radial-gradient(circle at 50% 20%,rgba(var(--tf-page-rgb),.12),transparent 42%),#0E1830!important}

/* Keyboard help and feedback toast. */
.tf-ux-toast{position:fixed;right:24px;bottom:24px;z-index:99999;display:flex;align-items:center;gap:9px;
  padding:12px 15px;border-radius:12px;background:#07172F;color:#fff;font-size:12px;font-weight:700;
  box-shadow:0 18px 45px rgba(7,23,47,.28);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s ease}
.tf-ux-toast:before{content:"✓";display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--tf-os-accent);color:#06352E}
.tf-ux-toast.is-visible{opacity:1;transform:translateY(0)}
.tf-shortcuts-panel{position:fixed;inset:0;z-index:99998;display:grid;place-items:center;padding:20px;background:rgba(2,8,23,.56);backdrop-filter:blur(6px)}
.tf-shortcuts-panel[hidden]{display:none}
.tf-shortcuts-card{width:min(460px,100%);padding:24px;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(2,8,23,.34)}
.tf-shortcuts-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.tf-shortcuts-head h2{margin:0;font-size:20px}
.tf-shortcuts-close{border:0;background:#F1F5F9;border-radius:9px;width:34px;height:34px;cursor:pointer;font-size:18px}
.tf-shortcuts-list{display:grid;gap:10px}.tf-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid #E5EAF1;border-radius:11px;color:#536179;font-size:13px}
.tf-shortcut-row kbd{padding:4px 8px;border:1px solid #D8E0EA;border-bottom-width:2px;border-radius:7px;background:#F8FAFC;color:#111827;font:700 11px Inter,sans-serif}
body.qsp-theme-dark .tf-shortcuts-card{background:#101A31;color:#fff}.qsp-theme-dark .tf-shortcut-row{border-color:#293752;color:#B6C2D7}.qsp-theme-dark .tf-shortcut-row kbd,.qsp-theme-dark .tf-shortcuts-close{background:#17243E;border-color:#33425E;color:#fff}

@media(max-width:760px){
  .tf-page-frame>.tf-page-head,.tf-page-frame>.qsp-page-title,.tf-page-frame>.tf-dashboard-head{min-height:0!important;padding:20px!important;border-radius:16px!important}
  .tf-page-frame>.tf-page-head:after,.tf-page-frame>.qsp-page-title:after,.tf-page-frame>.tf-dashboard-head:after{left:20px!important}
  .tf-filter-reset{width:100%}
  .tf-ux-toast{right:14px;left:14px;bottom:86px;justify-content:center}
}


/* ============================================================
   v5.15.2 — Guided creation & navigation pass
   Adds a universal creation flow and useful recent workspace memory.
   ============================================================ */
.tf-quick-create{position:relative;display:inline-flex}
.tf-quick-create-toggle{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #1DB9A4;border-radius:11px;background:linear-gradient(135deg,#35DEC7,#20C9B3);color:#06231F;font-size:12px;font-weight:780;cursor:pointer;box-shadow:0 8px 20px rgba(32,201,179,.22);transition:transform .16s ease,box-shadow .16s ease}
.tf-quick-create-toggle>span{font-size:19px;font-weight:500;line-height:1}.tf-quick-create-toggle:hover,.tf-quick-create.is-open .tf-quick-create-toggle{transform:translateY(-1px);box-shadow:0 12px 25px rgba(32,201,179,.3)}
.tf-quick-create-menu{position:absolute;right:0;top:46px;z-index:240;width:270px;padding:8px;border:1px solid #DFE6EF;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(15,23,42,.2);backdrop-filter:blur(18px)}
.tf-quick-create-menu[hidden]{display:none!important}.tf-quick-create-label{padding:8px 10px 7px;color:#8490A5;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.tf-quick-create-menu>a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:11px;color:#26334A;text-decoration:none;transition:background .14s ease,transform .14s ease}
.tf-quick-create-menu>a:hover,.tf-quick-create-menu>a:focus{background:#F0FBF9;transform:translateX(2px);outline:0}.tf-quick-create-menu>a>span:nth-child(2){display:grid;gap:2px}.tf-quick-create-menu strong{font-size:12px}.tf-quick-create-menu small{color:#7B879B;font-size:10px}
.tf-create-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#E9FBF7;color:#087E70;font-size:12px;font-weight:850}
.tf-quick-create-menu>a:nth-of-type(2) .tf-create-icon{background:#EEF2FF;color:#4F46E5}.tf-quick-create-menu>a:nth-of-type(3) .tf-create-icon{background:#EAF8FF;color:#0284C7}.tf-quick-create-menu>a:nth-of-type(4) .tf-create-icon{background:#F5F0FF;color:#7C3AED}.tf-quick-create-menu>a:nth-of-type(5) .tf-create-icon{background:#FFF7E8;color:#D97706}
.tf-sidebar-create{width:calc(100% - 20px);height:40px;margin:3px 10px 13px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(53,222,199,.34);border-radius:11px;background:rgba(53,222,199,.1);color:#B9FFF4;font-size:12px;font-weight:780;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.tf-sidebar-create span{font-size:19px;font-weight:400;line-height:1}.tf-sidebar-create:hover{background:rgba(53,222,199,.18);border-color:rgba(53,222,199,.58);transform:translateY(-1px)}
.tf-search-recent-title{padding:10px 14px 7px;color:#8490A5;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.tf-search-recent-list{display:grid;gap:4px;padding:0 8px 8px}
.tf-search-recent-list a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px;border-radius:10px;color:#27344B;text-decoration:none;font-size:12px;font-weight:720}.tf-search-recent-list a:hover,.tf-search-recent-list a:focus{background:#F1F8F7;outline:0}.tf-search-recent-list small{color:#7C899D;font-size:10px;font-weight:600}
body.qsp-theme-dark .tf-quick-create-menu{background:rgba(12,22,43,.98);border-color:#30405F}body.qsp-theme-dark .tf-quick-create-menu>a{color:#EDF3FC}body.qsp-theme-dark .tf-quick-create-menu>a:hover,body.qsp-theme-dark .tf-quick-create-menu>a:focus{background:#172842}body.qsp-theme-dark .tf-search-recent-list a{color:#EDF3FC}body.qsp-theme-dark .tf-search-recent-list a:hover{background:#172842}
@media(max-width:900px){.tf-quick-create-toggle{width:38px;padding:0;justify-content:center}.tf-quick-create-toggle b{display:none}.tf-quick-create-menu{position:fixed;left:14px;right:14px;top:66px;width:auto}.tf-sidebar-create{color:#087E70;background:#ECFBF8;border-color:#BDEFE7}.tf-sidebar-create:hover{background:#DDF8F3}.tf-search-recent-list a{min-height:46px}}
@media(max-width:560px){.tf-search-open{display:none!important}.tf-quick-create-menu{top:60px}.tf-quick-create-menu>a{padding:11px}}

/* v5.15.3 — manual lead creation */
.tf-leads-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tf-lead-create-box{width:min(760px,calc(100vw - 28px));max-height:min(88vh,900px);overflow:auto;padding:0}
.tf-lead-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 28px 20px;border-bottom:1px solid #E7ECF3}
.tf-lead-create-head h2{margin:3px 0 5px;font-size:26px;letter-spacing:-.035em;color:#111B2F}
.tf-lead-create-head p{margin:0;color:#748096;font-size:13px}
.tf-modal-x{display:grid;place-items:center;width:36px;height:36px;border:1px solid #DFE6EF;border-radius:10px;background:#fff;color:#667085;font-size:22px;cursor:pointer}
#qsp-lead-create-form{padding:24px 28px 28px}
.tf-lead-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}
.tf-field{display:grid;gap:7px;min-width:0}.tf-field-wide{grid-column:1/-1}
.tf-field>span{font-size:12px;font-weight:750;color:#344054}.tf-field>span b{color:#D92D20}
.tf-field textarea.qsp-input{height:auto;min-height:82px;resize:vertical;line-height:1.5}
.tf-money-input{position:relative}.tf-money-input>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:1;color:#667085;font-weight:700}.tf-money-input .qsp-input{padding-left:29px;width:100%}
.tf-form-error{margin-top:16px;padding:11px 13px;border:1px solid #FECDCA;border-radius:10px;background:#FEF3F2;color:#B42318;font-size:12px;font-weight:650}
.tf-lead-create-actions{margin-top:22px;padding-top:18px;border-top:1px solid #E7ECF3;justify-content:flex-end}
.tf-lead-create-actions .qsp-btn{min-height:42px}
#qsp-lead-create-form [aria-invalid=true]{border-color:#F04438!important;box-shadow:0 0 0 3px rgba(240,68,56,.12)!important}
body.qsp-theme-dark .tf-lead-create-head{border-color:#2B3953}body.qsp-theme-dark .tf-lead-create-head h2,body.qsp-theme-dark .tf-field>span{color:#EDF3FC}body.qsp-theme-dark .tf-lead-create-head p{color:#9BA9BF}body.qsp-theme-dark .tf-modal-x{background:#15233B;border-color:#30405F;color:#D7E1F0}body.qsp-theme-dark .tf-lead-create-actions{border-color:#2B3953}
@media(max-width:680px){.tf-lead-create-head{padding:21px 20px 17px}#qsp-lead-create-form{padding:20px}.tf-lead-form-grid{grid-template-columns:1fr}.tf-field-wide{grid-column:auto}.tf-lead-create-actions{display:grid;grid-template-columns:1fr}.tf-lead-create-actions .qsp-btn{width:100%}.tf-leads-head-actions{width:100%}.tf-leads-head-actions .qsp-btn,.tf-leads-head-actions .qsp-refresh{flex:1}}

/* v5.15.4 — create workflow polish */
.tf-field-error{border-color:#E5484D!important;box-shadow:0 0 0 3px rgba(229,72,77,.12)!important}.qsp-modal-actions .qsp-btn.secondary[type=submit]{margin-left:auto}@media(max-width:640px){.qsp-modal-actions{flex-wrap:wrap}.qsp-modal-actions .qsp-btn{flex:1 1 calc(50% - 6px)}.qsp-modal-actions [data-modal-close]{flex-basis:100%}}

/* v5.15.5 finance workflow continuity */
.qi-source-row{align-items:end}.qi-source-row label{min-width:0}
.tf-panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:720px){.qi-source-row{grid-template-columns:1fr}.tf-panel-actions{width:100%}.tf-panel-actions .qsp-btn{flex:1;justify-content:center}}

/* ============================================================
   v5.16.0 — Premium workspace experience
   Customer workspaces now share the same tabbed, action-led system as jobs.
   ============================================================ */
.tf-workspace-commandbar{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;border-bottom:1px solid #E5EAF1;background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.tf-workspace-command-context,.tf-workspace-command-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tf-workspace-command-context>span:not(.tf-status){padding-left:9px;border-left:1px solid #DDE4ED;color:#667085;font-size:11px;font-weight:700}.tf-workspace-command-actions .qsp-btn{min-height:36px}
.tf-customer-next-actions{display:grid;gap:10px}.tf-next-action{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid #E4EAF1;border-radius:13px;background:#fff;color:#1B2940;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.tf-next-action:hover,.tf-next-action:focus{border-color:#A8E8DE;box-shadow:0 10px 24px rgba(15,23,42,.07);transform:translateY(-1px);outline:0}.tf-next-action>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#EAFBF8;color:#087F70;font-size:10px;font-weight:850}.tf-next-action>div{display:grid;gap:3px}.tf-next-action strong{font-size:13px}.tf-next-action small{color:#7A879B;font-size:11px;line-height:1.4}
.tf-workspace-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:999px;background:#EEF2F6;color:#657287;font-size:9px;font-weight:800}.tf-workspace-tabs button.active span{background:#DDF8F3;color:#087F70}
body.qsp-theme-dark .tf-workspace-commandbar{border-color:#2B3953;background:rgba(12,22,43,.94)}body.qsp-theme-dark .tf-workspace-command-context>span:not(.tf-status){border-color:#34425D;color:#A8B4C8}body.qsp-theme-dark .tf-next-action{border-color:#2E3C57;background:#111D34;color:#EDF3FC}body.qsp-theme-dark .tf-next-action:hover{border-color:#287D73;background:#14243D}body.qsp-theme-dark .tf-next-action small{color:#9BA8BC}body.qsp-theme-dark .tf-workspace-tabs button span{background:#1D2A43;color:#AAB7CA}body.qsp-theme-dark .tf-workspace-tabs button.active span{background:#173F3B;color:#82E8D9}
@media(max-width:900px){.tf-workspace-commandbar{align-items:flex-start;flex-direction:column}.tf-workspace-command-actions{width:100%}.tf-workspace-command-actions .qsp-btn{flex:1;justify-content:center}.tf-workspace-command-context{display:none}}
@media(max-width:620px){.tf-workspace-commandbar{padding:10px 14px}.tf-workspace-command-actions{display:grid;grid-template-columns:1fr 1fr}.tf-workspace-command-actions .qsp-btn{width:100%}.tf-workspace-tabs{overflow-x:auto;scrollbar-width:none}.tf-workspace-tabs::-webkit-scrollbar{display:none}.tf-workspace-tabs button{white-space:nowrap}.tf-customer-next-actions{gap:8px}}

/* ============================================================
   v5.18.0 — Dark mode system overhaul
   A true dark interface across every shared surface and workflow.
   ============================================================ */
body.qsp-theme-dark{
  color-scheme:dark;
  --tf-dark-bg:#070D1A;
  --tf-dark-bg-2:#0A1222;
  --tf-dark-surface:#0F192D;
  --tf-dark-surface-2:#142039;
  --tf-dark-surface-3:#192743;
  --tf-dark-border:#273650;
  --tf-dark-border-strong:#354764;
  --tf-dark-text:#F4F7FC;
  --tf-dark-muted:#AAB5C8;
  --tf-dark-subtle:#7F8BA1;
  --tf-dark-accent:#39D8C2;
  --tf-dark-focus:rgba(57,216,194,.2);
  --tf-os-surface:var(--tf-dark-surface);
  --tf-os-line:var(--tf-dark-border);
  --tf-os-text:var(--tf-dark-text);
  --tf-os-muted:var(--tf-dark-muted);
  background:var(--tf-dark-bg)!important;
  color:var(--tf-dark-text)!important;
}
body.qsp-theme-dark .qsp-app,
body.qsp-theme-dark .qsp-main,
body.qsp-theme-dark .qsp-content,
body.qsp-theme-dark .tf-page-frame{background:var(--tf-dark-bg)!important;color:var(--tf-dark-text)!important}
body.qsp-theme-dark .qsp-main{background-image:radial-gradient(circle at 85% 0,rgba(57,216,194,.045),transparent 28%)!important}

/* Shared surfaces */
body.qsp-theme-dark :is(.qsp-card,.qsp-over-card,.qsp-kpi,.qsp-dash-card,.qsp-msg-card,.qsp-table-wrap,.qsp-modal-box,.qsp-drawer,.tf-panel,.tf-module-card,.tf-workspace-panel,.tf-page-head,.qsp-page-title,.tf-dashboard-head,.tf-stat-card,.tf-attention-card,.tf-resource-card,.tf-review-card,.tf-web-card,.tf-seo-card,.tf-ads-card,.qi-section,.qi-summary,.qi-builder-panel){
  background:var(--tf-dark-surface)!important;
  border-color:var(--tf-dark-border)!important;
  color:var(--tf-dark-text)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24),0 2px 7px rgba(0,0,0,.18)!important;
}
body.qsp-theme-dark :is(.qsp-card,.qsp-over-card,.qsp-kpi,.qsp-dash-card,.tf-module-card,.tf-resource-card,.tf-review-card):hover{
  border-color:var(--tf-dark-border-strong)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.32),0 3px 10px rgba(0,0,0,.2)!important;
}
body.qsp-theme-dark :is(h1,h2,h3,h4,.qsp-name,.qsp-title,.tf-title,.qsp-over-card .val,.qsp-kpi .value,.tf-stat-value,.qi-total){color:var(--tf-dark-text)!important}
body.qsp-theme-dark :is(p,.qsp-desc,.qsp-card-sub,.qsp-empty,.qsp-help,.qsp-meta,.tf-meta,.tf-subtitle,.qsp-over-card .lbl,.qsp-over-card .sub,.qsp-kpi .label,.qsp-kpi .sub,small){color:var(--tf-dark-muted)!important}
body.qsp-theme-dark :is(.qsp-eyebrow,.tf-section-kicker,.tf-kicker){color:var(--tf-dark-accent)!important}
body.qsp-theme-dark hr{border-color:var(--tf-dark-border)!important}

/* Navigation and chrome */
body.qsp-theme-dark :is(.qsp-topbar,.tf-os-topbar){background:rgba(8,15,29,.94)!important;border-color:var(--tf-dark-border)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important;backdrop-filter:blur(18px)}
body.qsp-theme-dark :is(.qsp-sidebar,.tf-os-sidebar){background:#07101F!important;border-color:#1D2A40!important}
body.qsp-theme-dark :is(.qsp-sd-group-label,.qsp-sidebar-label,.tf-nav-label){color:#718099!important}
body.qsp-theme-dark :is(.qsp-sidebar a,.qsp-sd-item){color:#B9C4D6!important}
body.qsp-theme-dark :is(.qsp-sidebar a:hover,.qsp-sd-item:hover){background:#111D33!important;color:#FFF!important}
body.qsp-theme-dark :is(.qsp-sidebar a.active,.qsp-sd-item.active){background:linear-gradient(90deg,rgba(57,216,194,.15),rgba(57,216,194,.05))!important;color:#EFFFFC!important;box-shadow:inset 3px 0 0 var(--tf-dark-accent)!important}
body.qsp-theme-dark .qsp-theme-toggle{background:#142039!important;border-color:#30415E!important;color:#EAF0F8!important}
body.qsp-theme-dark .qsp-theme-toggle:hover{background:#1A2944!important;border-color:var(--tf-dark-accent)!important;color:var(--tf-dark-accent)!important}

/* Inputs and controls */
body.qsp-theme-dark :is(input,textarea,select,.qsp-input,.qsp-select,.qsp-search-input,#qsp-msg-text,#qsp-notes-area,.qi-items td input,.qi-section input,.qi-section textarea,.qi-section select){
  background:#0B1528!important;
  border-color:#31415D!important;
  color:var(--tf-dark-text)!important;
  caret-color:var(--tf-dark-accent)!important;
}
body.qsp-theme-dark :is(input,textarea,.qsp-input,.qsp-search-input)::placeholder{color:#68758C!important;opacity:1}
body.qsp-theme-dark :is(input,textarea,select,.qsp-input,.qsp-select,.qsp-search-input):hover{border-color:#405371!important}
body.qsp-theme-dark :is(input,textarea,select,.qsp-input,.qsp-select,.qsp-search-input):focus{
  border-color:var(--tf-dark-accent)!important;
  box-shadow:0 0 0 4px var(--tf-dark-focus)!important;
  outline:0!important;
}
body.qsp-theme-dark select{color-scheme:dark}
body.qsp-theme-dark input[type="date"]::-webkit-calendar-picker-indicator,
body.qsp-theme-dark input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8}
body.qsp-theme-dark :is(.qsp-toolbar,.tf-review-toolbar,.tf-resource-toolbar,.tf-web-toolbar,.tf-seo-toolbar,.tf-ads-toolbar){background:var(--tf-dark-bg-2)!important;border-color:var(--tf-dark-border)!important}

/* Buttons and menus */
body.qsp-theme-dark :is(.qsp-btn.secondary,.qsp-refresh,.qsp-icon-btn,.qsp-page-btn,.tf-filter-reset,.tf-modal-x,.qsp-action-menu-toggle,.tf-shortcuts-close){background:var(--tf-dark-surface-2)!important;border-color:var(--tf-dark-border-strong)!important;color:#E8EEF8!important}
body.qsp-theme-dark :is(.qsp-btn.secondary,.qsp-refresh,.qsp-icon-btn,.qsp-page-btn,.tf-filter-reset,.tf-modal-x,.qsp-action-menu-toggle):hover{background:var(--tf-dark-surface-3)!important;border-color:var(--tf-dark-accent)!important;color:var(--tf-dark-accent)!important}
body.qsp-theme-dark :is(.qsp-action-menu-popover,.tf-quick-create-menu,.qsp-dropdown,.qsp-menu,.tf-popover,.qsp-search-results){background:#101B30!important;border-color:#30415E!important;box-shadow:0 24px 65px rgba(0,0,0,.48)!important}
body.qsp-theme-dark :is(.qsp-action-menu-popover a,.qsp-action-menu-popover button,.qsp-dropdown a,.qsp-menu a,.qsp-menu button){color:#DCE5F2!important}
body.qsp-theme-dark :is(.qsp-action-menu-popover a,.qsp-action-menu-popover button,.qsp-dropdown a,.qsp-menu a,.qsp-menu button):hover{background:#192942!important;color:#FFF!important}

/* Tables */
body.qsp-theme-dark .qsp-table{background:transparent!important;color:var(--tf-dark-text)!important}
body.qsp-theme-dark .qsp-table thead th{background:#0A1427!important;border-bottom-color:#2C3B56!important;color:#8F9BB0!important}
body.qsp-theme-dark .qsp-table tbody td{border-bottom-color:#223049!important;color:#DDE5F0!important}
body.qsp-theme-dark .qsp-table tbody tr:nth-child(even){background:rgba(255,255,255,.012)!important}
body.qsp-theme-dark .qsp-table tbody tr:hover{background:rgba(57,216,194,.055)!important}
body.qsp-theme-dark .qsp-table tbody tr.tf-row-clickable:hover{box-shadow:inset 3px 0 0 var(--tf-dark-accent)!important}
body.qsp-theme-dark .qsp-pagination{background:#0C1629!important;border-color:var(--tf-dark-border)!important}

/* Tabs, timelines, planner and workspaces */
body.qsp-theme-dark :is(.tf-workspace-tabs,.qsp-tabs,.tf-tabs){border-color:var(--tf-dark-border)!important;background:transparent!important}
body.qsp-theme-dark :is(.tf-workspace-tabs button,.qsp-tabs button,.tf-tabs button){color:#9EABBF!important}
body.qsp-theme-dark :is(.tf-workspace-tabs button:hover,.qsp-tabs button:hover,.tf-tabs button:hover){color:#FFF!important;background:rgba(255,255,255,.025)!important}
body.qsp-theme-dark :is(.tf-workspace-tabs button.active,.qsp-tabs button.active,.tf-tabs button.active){color:var(--tf-dark-accent)!important;border-color:var(--tf-dark-accent)!important}
body.qsp-theme-dark :is(.qsp-activity-item,.tf-timeline-item,.tf-activity-row){border-color:#26354E!important}
body.qsp-theme-dark :is(.qsp-activity-item .ai-dot,.tf-timeline-dot){box-shadow:0 0 0 4px #101A30!important}
body.qsp-theme-dark :is(.tf-planner,.tf-calendar,.qsp-calendar){background:var(--tf-dark-surface)!important;border-color:var(--tf-dark-border)!important}
body.qsp-theme-dark :is(.tf-calendar-day,.qsp-calendar-day,.tf-planner-cell){background:#0E182B!important;border-color:#26354E!important;color:#DCE5F0!important}
body.qsp-theme-dark :is(.tf-calendar-day:hover,.qsp-calendar-day:hover,.tf-planner-cell:hover){background:#14233A!important}
body.qsp-theme-dark :is(.is-today,.tf-calendar-day.is-today,.qsp-calendar-day.is-today){box-shadow:inset 0 0 0 1px var(--tf-dark-accent)!important;background:rgba(57,216,194,.07)!important}

/* Modals, overlays and empty states */
body.qsp-theme-dark .qsp-modal{background:rgba(1,6,16,.76)!important;backdrop-filter:blur(8px)}
body.qsp-theme-dark :is(.qsp-modal-head,.qsp-modal-actions,.tf-lead-create-head,.tf-lead-create-actions){border-color:var(--tf-dark-border)!important}
body.qsp-theme-dark :is(.qsp-empty-state,.qsp-premium-empty,.tf-empty-state){background:radial-gradient(circle at 50% 10%,rgba(57,216,194,.09),transparent 42%),#0E182B!important;border-color:#31415B!important;color:var(--tf-dark-muted)!important}
body.qsp-theme-dark :is(.tf-shortcuts-card,.tf-lead-create-box){background:var(--tf-dark-surface)!important;border-color:var(--tf-dark-border)!important;color:var(--tf-dark-text)!important}
body.qsp-theme-dark .tf-shortcut-row{background:#0B1527!important;border-color:#2C3B55!important;color:#BEC8D8!important}
body.qsp-theme-dark .tf-shortcut-row kbd{background:#182640!important;border-color:#3B4C69!important;color:#F4F7FC!important}

/* Statuses retain meaning without becoming neon. */
body.qsp-theme-dark :is(.qsp-pill,.tf-status,.qsp-status){border:1px solid rgba(255,255,255,.07)!important}
body.qsp-theme-dark :is(.s-new,.status-new,.is-info){background:rgba(96,165,250,.14)!important;color:#A9D0FF!important}
body.qsp-theme-dark :is(.s-contacted,.status-pending,.is-warning){background:rgba(245,158,11,.14)!important;color:#F8C978!important}
body.qsp-theme-dark :is(.s-quoted,.status-quoted){background:rgba(167,139,250,.15)!important;color:#CDBBFF!important}
body.qsp-theme-dark :is(.s-won,.status-paid,.status-complete,.is-success){background:rgba(57,216,194,.14)!important;color:#74E7D7!important}
body.qsp-theme-dark :is(.s-lost,.status-overdue,.is-danger){background:rgba(248,113,113,.14)!important;color:#FFAAAA!important}

/* Scrollbars and selection */
body.qsp-theme-dark *{scrollbar-color:#33445F #0A1324}
body.qsp-theme-dark *::-webkit-scrollbar{width:10px;height:10px}
body.qsp-theme-dark *::-webkit-scrollbar-track{background:#0A1324}
body.qsp-theme-dark *::-webkit-scrollbar-thumb{background:#33445F;border:2px solid #0A1324;border-radius:999px}
body.qsp-theme-dark *::-webkit-scrollbar-thumb:hover{background:#435775}
body.qsp-theme-dark ::selection{background:rgba(57,216,194,.28);color:#FFF}

@media(max-width:760px){
  body.qsp-theme-dark :is(.qsp-card,.qsp-over-card,.qsp-table-wrap,.qsp-modal-box,.tf-page-head,.qsp-page-title,.tf-dashboard-head){box-shadow:0 10px 28px rgba(0,0,0,.22)!important}
  body.qsp-theme-dark .qsp-mobile-nav{background:rgba(8,15,29,.96)!important;border-color:var(--tf-dark-border)!important}
}
@media(prefers-reduced-motion:reduce){body.qsp-theme-dark *,body.qsp-theme-dark *::before,body.qsp-theme-dark *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ============================================================
   v5.18.1 — Dark mode correction pass
   Fixes late light-theme rules overriding work KPIs and restores
   a visible, consistent notification control/panel in dark mode.
   ============================================================ */
body.qsp-theme-dark .tf-work-stat,
body.qsp-theme-dark .tf-review-stats>div,
body.qsp-theme-dark .tf-resource-stats>div,
body.qsp-theme-dark .tf-web-stats>div,
body.qsp-theme-dark .tf-seo-stats>div,
body.qsp-theme-dark .tf-ads-stats>div,
body.qsp-theme-dark .tf-planner-summary>div,
body.qsp-theme-dark .qi-finance-summary>div{
  background:linear-gradient(145deg,#111C31,#0D1729)!important;
  border-color:#2A3952!important;
  color:var(--tf-dark-text)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.qsp-theme-dark .tf-work-stat:hover,
body.qsp-theme-dark .tf-review-stats>div:hover,
body.qsp-theme-dark .tf-resource-stats>div:hover,
body.qsp-theme-dark .tf-web-stats>div:hover,
body.qsp-theme-dark .tf-seo-stats>div:hover,
body.qsp-theme-dark .tf-ads-stats>div:hover,
body.qsp-theme-dark .tf-planner-summary>div:hover,
body.qsp-theme-dark .qi-finance-summary>div:hover{
  border-color:rgba(var(--tf-page-rgb),.42)!important;
  box-shadow:0 17px 40px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.qsp-theme-dark .tf-work-stat span,
body.qsp-theme-dark .tf-review-stats span,
body.qsp-theme-dark .tf-resource-stats span,
body.qsp-theme-dark .tf-web-stats span,
body.qsp-theme-dark .tf-seo-stats span,
body.qsp-theme-dark .tf-ads-stats span,
body.qsp-theme-dark .tf-planner-summary span,
body.qsp-theme-dark .qi-finance-summary span{color:#91A0B7!important}
body.qsp-theme-dark .tf-work-stat strong,
body.qsp-theme-dark .tf-review-stats strong,
body.qsp-theme-dark .tf-resource-stats strong,
body.qsp-theme-dark .tf-web-stats strong,
body.qsp-theme-dark .tf-seo-stats strong,
body.qsp-theme-dark .tf-ads-stats strong,
body.qsp-theme-dark .tf-planner-summary strong,
body.qsp-theme-dark .qi-finance-summary strong{color:#F7FAFF!important}
body.qsp-theme-dark .tf-work-stat:after,
body.qsp-theme-dark .tf-review-stats>div:after,
body.qsp-theme-dark .tf-resource-stats>div:after,
body.qsp-theme-dark .tf-web-stats>div:after,
body.qsp-theme-dark .tf-seo-stats>div:after,
body.qsp-theme-dark .tf-ads-stats>div:after{
  background:rgba(var(--tf-page-rgb),.12)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--tf-page-rgb),.22)!important;
}

body.qsp-theme-dark .qsp-bell{
  background:#142039!important;
  border:1px solid #30415E!important;
  color:#EAF0F8!important;
  box-shadow:0 4px 12px rgba(0,0,0,.2)!important;
}
body.qsp-theme-dark .qsp-bell svg{display:block!important;opacity:1!important;stroke:currentColor!important}
body.qsp-theme-dark .qsp-bell:hover,
body.qsp-theme-dark .qsp-bell[aria-expanded="true"]{
  background:#1A2944!important;
  border-color:var(--tf-dark-accent)!important;
  color:var(--tf-dark-accent)!important;
}
body.qsp-theme-dark .qsp-bell:focus-visible{outline:3px solid var(--tf-dark-focus)!important;outline-offset:2px!important}
body.qsp-theme-dark .qsp-notif-panel{
  background:#101B30!important;
  color:var(--tf-dark-text)!important;
  border-color:#30415E!important;
  box-shadow:0 26px 70px rgba(0,0,0,.52)!important;
}
body.qsp-theme-dark .qsp-notif-head{background:#0C1629!important;border-color:#263650!important;color:#F4F7FC!important}
body.qsp-theme-dark .qsp-notif-readall{color:var(--tf-dark-accent)!important}
body.qsp-theme-dark .qsp-notif-item{background:#101B30!important;border-color:#263650!important;color:#DDE6F2!important}
body.qsp-theme-dark .qsp-notif-item:hover{background:#15243C!important}
body.qsp-theme-dark .qsp-notif-item.is-unread{background:rgba(57,216,194,.065)!important}
body.qsp-theme-dark .qsp-notif-empty{color:#91A0B7!important}


/* v5.18.3 — Real KPI icons (replaces the decorative empty squares). */
.tf-work-stat:after,.tf-review-stats>div:after,.tf-resource-stats>div:after,.tf-web-stats>div:after,.tf-seo-stats>div:after,.tf-ads-stats>div:after,.tf-planner-summary>div:after,.qi-finance-summary>div:after{
  content:""!important;position:absolute!important;right:17px!important;top:15px!important;width:32px!important;height:32px!important;border-radius:10px!important;
  background-color:var(--tf-page-accent,#14b8a6)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:17px 17px!important;
  box-shadow:inset 0 0 0 1px rgba(var(--tf-page-rgb,20,184,166),.22)!important;opacity:.95!important;
  -webkit-mask:none!important;mask:none!important;
}
body.qsp-theme-dark .tf-work-stat:after,body.qsp-theme-dark .tf-review-stats>div:after,body.qsp-theme-dark .tf-resource-stats>div:after,body.qsp-theme-dark .tf-web-stats>div:after,body.qsp-theme-dark .tf-seo-stats>div:after,body.qsp-theme-dark .tf-ads-stats>div:after,body.qsp-theme-dark .tf-planner-summary>div:after,body.qsp-theme-dark .qi-finance-summary>div:after{
 background-color:rgba(var(--tf-page-rgb,20,184,166),.14)!important;box-shadow:inset 0 0 0 1px rgba(var(--tf-page-rgb,20,184,166),.28)!important;
}
#tf-customer-summary .tf-work-stat:nth-child(1):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E")!important;}
#tf-customer-summary .tf-work-stat:nth-child(2):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%207V5a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3Cpath%20d%3D%22M10%2012v2h4v-2%22%2F%3E%3C%2Fsvg%3E")!important;}
#tf-customer-summary .tf-work-stat:nth-child(3):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2217%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E")!important;}
#tf-job-summary .tf-work-stat:nth-child(1):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%2214%22%20height%3D%2217%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%204V2h6v2M9%209h6M9%2013h6M9%2017h4%22%2F%3E%3C%2Fsvg%3E")!important;}
#tf-job-summary .tf-work-stat:nth-child(2):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h4l3-8%204%2016%203-8h4%22%2F%3E%3C%2Fsvg%3E")!important;}
#tf-job-summary .tf-work-stat:nth-child(3):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%207a5%205%200%200%200-10%200c0%205-2%208-4%2010h14M6%2012h8%22%2F%3E%3C%2Fsvg%3E")!important;}
#tf-planner-summary .tf-work-stat:nth-child(1):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2217%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E")!important;}
#tf-planner-summary .tf-work-stat:nth-child(2):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E")!important;}
#tf-planner-summary .tf-work-stat:nth-child(3):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M2%2021v-2a4%204%200%200%201%204-4h5%22%2F%3E%3Cpath%20d%3D%22m17%2017%205%205m0-5-5%205%22%2F%3E%3C%2Fsvg%3E")!important;}
#tf-planner-summary .tf-work-stat:nth-child(4):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.3%203.7%202.2%2018a2%202%200%200%200%201.7%203h16.2a2%202%200%200%200%201.7-3L13.7%203.7a2%202%200%200%200-3.4%200Z%22%2F%3E%3Cpath%20d%3D%22M12%209v4M12%2017h.01%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-web-stats>div:nth-child(1):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M12%203a14%2014%200%200%201%200%2018M12%203a14%2014%200%200%200%200%2018%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-web-stats>div:nth-child(2):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-web-stats>div:nth-child(3):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.3%203.7%202.2%2018a2%202%200%200%200%201.7%203h16.2a2%202%200%200%200%201.7-3L13.7%203.7a2%202%200%200%200-3.4%200Z%22%2F%3E%3Cpath%20d%3D%22M12%209v4M12%2017h.01%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-web-stats>div:nth-child(4):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2017a8%208%200%201%201%2016%200%22%2F%3E%3Cpath%20d%3D%22m12%2013%204-4%22%2F%3E%3Cpath%20d%3D%22M6%2017h12%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-seo-stats>div:nth-child(1):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2019V9M10%2019V5M16%2019v-7M22%2019H2%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-seo-stats>div:nth-child(2):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M12%203a14%2014%200%200%201%200%2018M12%203a14%2014%200%200%200%200%2018%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-seo-stats>div:nth-child(3):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.3%203.7%202.2%2018a2%202%200%200%200%201.7%203h16.2a2%202%200%200%200%201.7-3L13.7%203.7a2%202%200%200%200-3.4%200Z%22%2F%3E%3Cpath%20d%3D%22M12%209v4M12%2017h.01%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-seo-stats>div:nth-child(4):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22m20%2020-4-4%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-review-stats>div:nth-child(1):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m22%202-7%2020-4-9-9-4Z%22%2F%3E%3Cpath%20d%3D%22M22%202%2011%2013%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-review-stats>div:nth-child(2):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-review-stats>div:nth-child(3):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%203%206%207%20.9-5%204.8%201.3%206.8L12%2017l-6.3%203.5L7%2013.7%202%208.9%209%208Z%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-review-stats>div:nth-child(4):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%203%206%207%20.9-5%204.8%201.3%206.8L12%2017l-6.3%203.5L7%2013.7%202%208.9%209%208Z%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-resource-stats>div:nth-child(1):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202h9l5%205v15H6Z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6M9%2013h6M9%2017h6%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-resource-stats>div:nth-child(2):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%225%22%20rx%3D%228%22%20ry%3D%223%22%2F%3E%3Cpath%20d%3D%22M4%205v6c0%201.7%203.6%203%208%203s8-1.3%208-3V5M4%2011v6c0%201.7%203.6%203%208%203s8-1.3%208-3v-6%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-resource-stats>div:nth-child(3):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-ads-stats>div:nth-child(1):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2011%2015-6v14L3%2013Z%22%2F%3E%3Cpath%20d%3D%22M11%2016v4H7l-1-6%22%2F%3E%3Cpath%20d%3D%22M21%209v6%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-ads-stats>div:nth-child(2):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%207a5%205%200%200%200-10%200c0%205-2%208-4%2010h14M6%2012h8%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-ads-stats>div:nth-child(3):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2220%22%20rx%3D%226%22%2F%3E%3Cpath%20d%3D%22M12%206v4%22%2F%3E%3C%2Fsvg%3E")!important;}
.tf-ads-stats>div:nth-child(4):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2019V9M10%2019V5M16%2019v-7M22%2019H2%22%2F%3E%3C%2Fsvg%3E")!important;}
.qi-finance-summary>div:nth-child(1):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202h9l5%205v15H6Z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6M9%2013h6M9%2017h6%22%2F%3E%3C%2Fsvg%3E")!important;}
.qi-finance-summary>div:nth-child(2):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%207a5%205%200%200%200-10%200c0%205-2%208-4%2010h14M6%2012h8%22%2F%3E%3C%2Fsvg%3E")!important;}
.qi-finance-summary>div:nth-child(3):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E")!important;}
.qi-finance-summary>div:nth-child(4):after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.3%203.7%202.2%2018a2%202%200%200%200%201.7%203h16.2a2%202%200%200%200%201.7-3L13.7%203.7a2%202%200%200%200-3.4%200Z%22%2F%3E%3Cpath%20d%3D%22M12%209v4M12%2017h.01%22%2F%3E%3C%2Fsvg%3E")!important;}

.tf-work-stat:after,.tf-review-stats>div:after,.tf-resource-stats>div:after,.tf-web-stats>div:after,.tf-seo-stats>div:after,.tf-ads-stats>div:after,.tf-planner-summary>div:after,.qi-finance-summary>div:after{filter:invert(43%) sepia(89%) saturate(572%) hue-rotate(126deg) brightness(96%) contrast(90%)}
body.qsp-theme-dark .tf-work-stat:after,body.qsp-theme-dark .tf-review-stats>div:after,body.qsp-theme-dark .tf-resource-stats>div:after,body.qsp-theme-dark .tf-web-stats>div:after,body.qsp-theme-dark .tf-seo-stats>div:after,body.qsp-theme-dark .tf-ads-stats>div:after,body.qsp-theme-dark .tf-planner-summary>div:after,body.qsp-theme-dark .qi-finance-summary>div:after{filter:invert(79%) sepia(57%) saturate(579%) hue-rotate(118deg) brightness(95%) contrast(90%)}


/* v5.18.4 — Growth Centre KPI icon system. Explicit SVG icons replace decorative pseudo-elements. */
.tf-web-stats>div:after,.tf-seo-stats>div:after,.tf-ads-stats>div:after,.tf-review-stats>div:after{display:none!important;content:none!important}
.tf-web-stats>div,.tf-seo-stats>div,.tf-ads-stats>div,.tf-review-stats>div{position:relative!important;padding-right:70px!important;overflow:hidden}
.tf-kpi-icon{
  position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
  color:var(--tf-page-accent,#14b8a6);background:rgba(var(--tf-page-rgb,20,184,166),.09);
  border:1px solid rgba(var(--tf-page-rgb,20,184,166),.22);box-shadow:0 8px 22px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.tf-kpi-icon svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.tf-web-stats>div:hover .tf-kpi-icon,.tf-seo-stats>div:hover .tf-kpi-icon,.tf-ads-stats>div:hover .tf-kpi-icon,.tf-review-stats>div:hover .tf-kpi-icon{transform:translateY(-2px);background:rgba(var(--tf-page-rgb,20,184,166),.14);border-color:rgba(var(--tf-page-rgb,20,184,166),.38)}
body.qsp-theme-dark .tf-kpi-icon{color:#5EEAD4;background:rgba(var(--tf-page-rgb,20,184,166),.10);border-color:rgba(var(--tf-page-rgb,20,184,166),.26);box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)}
body.qsp-theme-dark .tf-web-stats>div:hover .tf-kpi-icon,body.qsp-theme-dark .tf-seo-stats>div:hover .tf-kpi-icon,body.qsp-theme-dark .tf-ads-stats>div:hover .tf-kpi-icon,body.qsp-theme-dark .tf-review-stats>div:hover .tf-kpi-icon{background:rgba(var(--tf-page-rgb,20,184,166),.16);border-color:rgba(var(--tf-page-rgb,20,184,166),.42)}
@media(max-width:640px){.tf-kpi-icon{width:34px;height:34px;right:13px;top:13px}.tf-kpi-icon svg{width:18px;height:18px}.tf-web-stats>div,.tf-seo-stats>div,.tf-ads-stats>div,.tf-review-stats>div{padding-right:60px!important}}

/* v5.18.5 — Global KPI icon alignment system. */
.tf-kpi-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:0!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.tf-kpi-icon svg{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:19px!important;
  height:19px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  display:block!important;
  overflow:visible!important;
  box-sizing:content-box!important;
}
.tf-kpi-icon svg > *{
  vector-effect:non-scaling-stroke;
}

/* Keep legacy KPI background icons optically centred in every module. */
.tf-work-stat:after,
.tf-resource-stats>div:after,
.tf-planner-summary>div:after,
.qi-finance-summary>div:after{
  background-position:50% 50%!important;
  background-origin:border-box!important;
  background-clip:border-box!important;
}

@media(max-width:640px){
  .tf-kpi-icon svg{
    width:18px!important;
    height:18px!important;
  }
}

/* v5.18.6 — native modern KPI icons across Work, Planner, Resources and Notes */
#tf-customer-summary .tf-work-stat:after,
#tf-job-summary .tf-work-stat:after,
#tf-planner-summary .tf-work-stat:after,
.tf-resource-stats>div:after{display:none!important;background-image:none!important}
.tf-work-stat,.tf-resource-stats>div,.tf-notes-stats>div{position:relative;padding-right:68px!important}
.tf-work-stat>.tf-kpi-icon,.tf-resource-stats>div>.tf-kpi-icon,.tf-notes-stats>div>.tf-kpi-icon{position:absolute;top:12px;right:12px;margin:0}
.tf-work-stat:hover>.tf-kpi-icon,.tf-resource-stats>div:hover>.tf-kpi-icon,.tf-notes-stats>div:hover>.tf-kpi-icon{transform:translateY(-2px);background:rgba(var(--tf-page-rgb,20,184,166),.14);border-color:rgba(var(--tf-page-rgb,20,184,166),.38)}
.tf-notes-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.tf-notes-stats>div{min-height:92px;background:var(--qsp-card,#fff);border:1px solid var(--qsp-border,#e5e7eb);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.tf-notes-stats>div:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,23,42,.08)}
.tf-notes-stats>div>span:not(.tf-kpi-icon){display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--qsp-muted,#64748b)}
.tf-notes-stats strong{display:block;margin-top:8px;font-size:24px;letter-spacing:-.04em;color:var(--qsp-text,#0f172a)}
.tf-notes-card{padding:0;overflow:hidden}
#qsp-notes-area{display:block;width:100%;min-height:420px;border:0!important;border-radius:0!important;padding:22px!important;background:transparent;color:var(--qsp-text,#0f172a);font-family:inherit;font-size:14px;line-height:1.65;resize:vertical;outline:none;box-sizing:border-box}
#qsp-notes-area:focus{box-shadow:inset 0 0 0 1px rgba(20,184,166,.45)}
body.qsp-theme-dark .tf-notes-stats>div{background:linear-gradient(145deg,#101c38,#0e1932);border-color:#263654}
body.qsp-theme-dark .tf-notes-stats strong{color:#f8fafc}
@media(max-width:640px){.tf-work-stat,.tf-resource-stats>div,.tf-notes-stats>div{padding-right:60px!important}.tf-work-stat>.tf-kpi-icon,.tf-resource-stats>div>.tf-kpi-icon,.tf-notes-stats>div>.tf-kpi-icon{top:13px;right:13px}.tf-notes-stats{grid-template-columns:1fr}}


/* v5.18.7 — compact, touch-friendly mobile planner calendar */
.tf-weekday-short,.tf-plan-mobile-count,.tf-plan-mobile-hint{display:none}
@media(max-width:900px){
  .tf-planner-card{overflow:hidden}
  .tf-planner-toolbar{gap:14px;padding:14px}
  .tf-planner-nav{width:100%;display:grid;grid-template-columns:40px 40px 1fr;align-items:center}
  .tf-planner-nav h2{min-width:0;text-align:right;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tf-plan-weekdays{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--qsp-surface-2,#f4f6f8)}
  .tf-plan-weekdays>span{padding:8px 2px;text-align:center;font-size:10px}
  .tf-weekday-long{display:none}.tf-weekday-short{display:inline}
  .tf-plan-month-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));width:100%}
  .tf-plan-day{display:block!important;position:relative;min-height:54px!important;padding:6px 4px!important;border-right:1px solid var(--qsp-border,#e5e7eb)!important;border-bottom:1px solid var(--qsp-border,#e5e7eb)!important;opacity:1!important;cursor:pointer;overflow:hidden}
  .tf-plan-day:nth-child(7n){border-right:0!important}
  .tf-plan-day.other{opacity:.35!important}
  .tf-plan-day>header{display:flex;justify-content:center;margin:0;font-size:12px;line-height:1}
  .tf-plan-day>header b{display:none}
  .tf-plan-day.today{box-shadow:inset 0 0 0 2px #14b8a6!important}
  .tf-plan-day.today>header span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#14b8a6;color:#04111d;font-weight:800}
  .tf-plan-day-jobs{display:none}
  .tf-plan-day>div:empty:after{content:none!important}
  .tf-plan-mobile-count{display:grid;place-items:center;position:absolute;left:50%;bottom:5px;transform:translateX(-50%);min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:rgba(20,184,166,.16);border:1px solid rgba(20,184,166,.36);color:#14b8a6;font-size:9px;font-weight:800;line-height:1}
  .tf-plan-mobile-count:empty{display:none}
  .tf-plan-day.has-jobs:after{content:'';position:absolute;top:5px;right:5px;width:4px;height:4px;border-radius:50%;background:#14b8a6}
  .tf-plan-day:focus-visible{outline:2px solid #14b8a6;outline-offset:-2px;z-index:1}
  .tf-plan-mobile-hint{display:block;margin:0;padding:10px 14px;text-align:center;font-size:11px;color:var(--qsp-muted,#64748b);border-top:1px solid var(--qsp-border,#e5e7eb)}
}
@media(max-width:600px){
  .tf-planner-controls{gap:10px}
  .tf-planner-controls .qsp-select{width:100%}
  .tf-plan-day{min-height:50px!important}
  .tf-plan-day>header{font-size:11px}
}
body.qsp-theme-dark .tf-plan-weekdays{background:#0d1729}
body.qsp-theme-dark .tf-plan-day{background:#101b2f!important;border-color:#26354e!important}
body.qsp-theme-dark .tf-plan-day:hover{background:#14233a!important}
body.qsp-theme-dark .tf-plan-day.other{background:#0c1525!important}


/* ============================================================
   v5.18.8 — Topbar breathing room & navigation cleanup
   ============================================================ */
.qsp-topbar{
  column-gap:12px!important;
  padding-left:max(20px,env(safe-area-inset-left))!important;
  padding-right:max(22px,env(safe-area-inset-right))!important;
}
.qsp-topbar .tf-search-open,
.qsp-topbar .tf-quick-create-toggle,
.qsp-topbar .qsp-install-btn{
  min-height:38px!important;
  height:38px!important;
  flex:0 0 auto!important;
}
.qsp-topbar .qsp-theme-toggle,
.qsp-topbar .qsp-bell{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 38px!important;
  line-height:0!important;
}
.qsp-topbar .qsp-theme-toggle svg,
.qsp-topbar .qsp-bell svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  flex:0 0 auto!important;
}
.qsp-topbar .qsp-user{
  gap:9px!important;
  margin-left:2px!important;
  flex:0 1 auto!important;
}
.qsp-topbar .qsp-user .qsp-avatar{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
}
.qsp-topbar .qsp-user-logout{margin-left:2px!important}

/* The header Create button is now the sole global creation entry point. */
.tf-workspace-label{margin-bottom:10px!important}
.tf-nav-group:first-of-type{margin-top:0!important}

@media(max-width:1100px){
  .qsp-topbar{column-gap:9px!important;padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
  .qsp-topbar .qsp-theme-toggle,
  .qsp-topbar .qsp-bell{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;flex-basis:36px!important}
  .qsp-topbar .qsp-user .qsp-avatar{width:36px!important;min-width:36px!important;height:36px!important;flex-basis:36px!important}
}

/* ============================================================
   v5.18.9 — Topbar control geometry + intuitive theme icon
   ============================================================ */
/* In light mode show the moon (switch to dark). In dark mode show the sun (switch to light). */
.qsp-theme-toggle .qsp-theme-icon-sun{display:none!important}
.qsp-theme-toggle .qsp-theme-icon-moon{display:block!important}
body.qsp-theme-dark .qsp-theme-toggle .qsp-theme-icon-sun{display:block!important}
body.qsp-theme-dark .qsp-theme-toggle .qsp-theme-icon-moon{display:none!important}

/* One exact control system prevents text and icons sitting off-centre. */
.qsp-topbar .tf-search-open,
.qsp-topbar .tf-quick-create-toggle,
.qsp-topbar .qsp-install-btn,
.qsp-topbar .qsp-theme-toggle,
.qsp-topbar .qsp-bell,
.qsp-topbar .qsp-avatar{
  box-sizing:border-box!important;
  height:38px!important;
  min-height:38px!important;
  vertical-align:middle!important;
}
.qsp-topbar .tf-quick-create-toggle,
.qsp-topbar .qsp-install-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 13px!important;
  margin:0!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:0!important;
}
.qsp-topbar .tf-quick-create-toggle > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:14px!important;
  height:14px!important;
  margin:0!important;
  padding:0!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:14px!important;
  transform:none!important;
}
.qsp-topbar .tf-quick-create-toggle > b{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:1!important;
}
.qsp-topbar .qsp-install-btn{
  min-width:74px!important;
  border-radius:9px!important;
}
.qsp-topbar .qsp-theme-toggle,
.qsp-topbar .qsp-bell{
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.qsp-topbar .qsp-theme-toggle svg,
.qsp-topbar .qsp-bell svg{
  display:block!important;
  margin:auto!important;
  transform:none!important;
}

@media(max-width:1100px){
  .qsp-topbar .tf-search-open,
  .qsp-topbar .tf-quick-create-toggle,
  .qsp-topbar .qsp-install-btn,
  .qsp-topbar .qsp-theme-toggle,
  .qsp-topbar .qsp-bell,
  .qsp-topbar .qsp-avatar{
    height:36px!important;
    min-height:36px!important;
  }
  .qsp-topbar .tf-quick-create-toggle,
  .qsp-topbar .qsp-install-btn{padding-left:11px!important;padding-right:11px!important}
}
@media(max-width:900px){
  .qsp-topbar .tf-quick-create-toggle{width:36px!important;min-width:36px!important;padding:0!important}
  .qsp-topbar .tf-quick-create-toggle > b{display:none!important}
}

/* ============================================================
   v5.18.10 — Mobile theme control + compact notification badge
   ============================================================ */
@media (max-width: 760px){
  /* Keep the theme switch available inside the installed mobile app. */
  .qsp-topbar .qsp-theme-toggle{
    display:inline-flex!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    flex:0 0 40px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
    line-height:0!important;
  }
  .qsp-topbar .qsp-theme-toggle svg{
    width:18px!important;
    height:18px!important;
    margin:auto!important;
  }

  /* The badge should read as a small counter, not a second button. */
  .qsp-topbar .qsp-bell-badge{
    top:-3px!important;
    right:-3px!important;
    min-width:16px!important;
    width:auto!important;
    height:16px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:16px!important;
    letter-spacing:0!important;
    box-shadow:0 0 0 2px #fff!important;
  }
  body.qsp-theme-dark .qsp-topbar .qsp-bell-badge{
    box-shadow:0 0 0 2px #070B14!important;
  }
}

/* ============================================================
   v5.18.11 — Theme icon state hardening
   ============================================================ */
.qsp-topbar .qsp-theme-toggle .qsp-theme-icon-sun{display:none!important;visibility:hidden!important}
.qsp-topbar .qsp-theme-toggle .qsp-theme-icon-moon{display:block!important;visibility:visible!important}
body.qsp-theme-dark .qsp-topbar .qsp-theme-toggle .qsp-theme-icon-sun{display:block!important;visibility:visible!important}
body.qsp-theme-dark .qsp-topbar .qsp-theme-toggle .qsp-theme-icon-moon{display:none!important;visibility:hidden!important}
@media(max-width:900px){
  .qsp-topbar .qsp-theme-toggle{display:inline-flex!important}
}


/* TradeForm OS voice-note quick capture */
.tf-voice-fab{position:fixed;right:24px;bottom:24px;z-index:850;display:flex;align-items:center;gap:10px;height:52px;padding:0 18px;border:1px solid rgba(20,184,166,.55);border-radius:16px;background:#14b8a6;color:#062a29;box-shadow:0 16px 40px rgba(2,12,27,.28);font:800 13px/1 inherit;cursor:pointer;transition:.18s ease}.tf-voice-fab:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(20,184,166,.22)}.tf-voice-fab svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tf-voice-modal[hidden]{display:none!important}.tf-voice-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(2,8,23,.72);backdrop-filter:blur(10px)}.tf-voice-dialog{width:min(720px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;background:var(--tf-surface,#fff);color:var(--tf-text,#0f172a);border:1px solid var(--tf-border,#e2e8f0);border-radius:22px;box-shadow:0 35px 100px rgba(2,8,23,.38)}.tf-voice-head{display:flex;justify-content:space-between;gap:24px;padding:26px 28px 18px}.tf-voice-head h2{margin:4px 0 5px;font-size:26px}.tf-voice-head p{margin:0;color:var(--tf-text-muted,#64748b)}.tf-voice-close,.tf-voice-delete{display:grid;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.tf-voice-close{width:38px;height:38px;border:1px solid var(--tf-border,#e2e8f0);border-radius:11px;font-size:25px}.tf-voice-tabs{display:flex;gap:4px;padding:0 28px;border-bottom:1px solid var(--tf-border,#e2e8f0)}.tf-voice-tabs button{padding:13px 15px;border:0;border-bottom:2px solid transparent;background:none;color:var(--tf-text-muted,#64748b);font-weight:800;cursor:pointer}.tf-voice-tabs button.is-active{color:var(--tf-text,#0f172a);border-color:#14b8a6}.tf-voice-tabs span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:rgba(20,184,166,.14);font-size:11px}.tf-voice-panel{display:none;padding:28px}.tf-voice-panel.is-active{display:block}.tf-recorder-state{text-align:center;padding:12px 0 22px}.tf-recorder-orb{position:relative;display:grid;place-items:center;width:92px;height:92px;margin:0 auto 16px;border-radius:50%;background:rgba(20,184,166,.12);color:#14b8a6}.tf-recorder-orb svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.tf-recorder-orb span{position:absolute;inset:0;border:1px solid rgba(20,184,166,.35);border-radius:50%}.tf-voice-modal.is-recording .tf-recorder-orb{background:rgba(239,68,68,.12);color:#ef4444}.tf-voice-modal.is-recording .tf-recorder-orb span{animation:tfVoicePulse 1.4s infinite;border-color:rgba(239,68,68,.55)}@keyframes tfVoicePulse{to{transform:scale(1.35);opacity:0}}.tf-recorder-state strong{display:block;font-size:19px}.tf-recorder-state time{display:block;margin:6px 0;font:800 32px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.tf-recorder-state p{margin:0;color:var(--tf-text-muted,#64748b)}.tf-voice-transcript-label,.tf-voice-note label{display:grid;gap:7px;margin-top:15px;font-weight:750;font-size:12px}.tf-voice-transcript-label span{color:var(--tf-text-muted,#64748b);font-weight:500}.tf-voice-actions,.tf-voice-note-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.tf-record-button span{width:9px;height:9px;border-radius:50%;background:currentColor}.tf-voice-modal.is-recording .tf-record-button{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.tf-voice-list{display:grid;gap:14px}.tf-voice-note{padding:18px;border:1px solid var(--tf-border,#e2e8f0);border-radius:16px;background:var(--tf-surface-2,#f8fafc)}.tf-voice-note-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.tf-voice-title{width:100%;padding:0;border:0;background:transparent;color:inherit;font:800 15px/1.4 inherit}.tf-voice-note small{display:block;margin-top:3px;color:var(--tf-text-muted,#64748b)}.tf-voice-delete{width:32px;height:32px;border-radius:9px;font-size:22px;color:var(--tf-text-muted,#64748b)}.tf-voice-delete:hover{background:rgba(239,68,68,.12);color:#ef4444}.tf-voice-note audio{width:100%;height:42px;margin:14px 0 2px}.tf-voice-status{margin-right:auto;padding:6px 9px;border-radius:99px;background:rgba(148,163,184,.14);color:var(--tf-text-muted,#64748b);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.tf-voice-status.assigned{background:rgba(20,184,166,.14);color:#0f9f91}.tf-voice-toast{position:fixed;left:50%;bottom:28px;z-index:5000;transform:translateX(-50%);padding:12px 16px;border-radius:12px;background:#0f172a;color:#fff;box-shadow:0 14px 40px rgba(2,8,23,.3);font-weight:700}.tf-voice-toast.error{background:#991b1b}.tf-modal-open{overflow:hidden}
body.qsp-dark .tf-voice-dialog,.qsp-app.qsp-dark .tf-voice-dialog{--tf-surface:#0f1828;--tf-surface-2:#131f31;--tf-border:rgba(255,255,255,.09);--tf-text:#f8fafc;--tf-text-muted:#94a3b8}
@media(max-width:720px){.tf-voice-fab{right:14px;bottom:calc(16px + env(safe-area-inset-bottom));width:54px;padding:0;justify-content:center;border-radius:17px}.tf-voice-fab-label{display:none}.tf-voice-modal{padding:0;align-items:end}.tf-voice-dialog{width:100%;max-height:94dvh;border-radius:22px 22px 0 0}.tf-voice-head{padding:21px 18px 15px}.tf-voice-tabs{padding:0 18px}.tf-voice-panel{padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.tf-recorder-orb{width:78px;height:78px}.tf-recorder-state time{font-size:28px}}
@media(prefers-reduced-motion:reduce){.tf-recorder-orb span,.tf-voice-fab{animation:none!important;transition:none!important}}


/* v5.20.1 — Voice notes in the topbar + lead/customer assignment */
.qsp-topbar .tf-voice-header{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;min-height:38px;padding:0 12px;border:1px solid rgba(20,184,166,.35);border-radius:10px;background:rgba(20,184,166,.09);color:#087e70;font:800 12px/1 inherit;white-space:nowrap;cursor:pointer;transition:.16s ease;flex:0 0 auto}.qsp-topbar .tf-voice-header:hover{background:rgba(20,184,166,.16);border-color:rgba(20,184,166,.55);transform:translateY(-1px)}.qsp-topbar .tf-voice-header svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tf-voice-fab{display:none!important}body.qsp-theme-dark .qsp-topbar .tf-voice-header{background:rgba(20,184,166,.12);border-color:rgba(20,184,166,.3);color:#5eead4}.tf-voice-target{width:100%}
@media(max-width:1100px){.qsp-topbar .tf-voice-header{height:36px;min-height:36px;padding:0 10px}}
@media(max-width:760px){.qsp-topbar .tf-voice-header{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:12px;flex:0 0 40px}.qsp-topbar .tf-voice-header span{display:none}.qsp-topbar .tf-voice-header svg{width:19px;height:19px}}
@media(max-width:420px){.qsp-topbar .tf-voice-header{width:38px;min-width:38px;height:38px;min-height:38px;flex-basis:38px}}
.tf-ads-summary{margin:18px 0;padding:18px;border:1px solid var(--qsp-border,#e5e7eb);background:var(--qsp-soft,#f8fafc)}
.tf-ads-summary p{margin:8px 0 0;white-space:pre-line;line-height:1.65}