/* THREESIXOH BRAND HARMONIZATION V1
   Stronger ThreeSixOh! / 360-degree identity without changing CRM workflows.
*/
body.tso-shell-enabled{
  --tso-brand-orbit:var(--tso-teal,#00a7a5);
  --tso-brand-orbit-soft:rgba(0,167,165,.08);
  --tso-brand-orbit-faint:rgba(0,167,165,.045);
  --tso-brand-navy:var(--tso-navy-800,#142f46);
  --tso-brand-orange:var(--tso-orange,#f59e0b);
}
body.tso-shell-enabled .tso-sidebar-brand{position:relative;isolation:isolate;overflow:hidden}
body.tso-shell-enabled .tso-sidebar-brand::before{content:"";position:absolute;z-index:-1;width:116px;height:116px;right:-52px;top:-54px;border:18px solid rgba(0,167,165,.12);border-left-color:rgba(245,158,11,.10);border-radius:50%;transform:rotate(-18deg);pointer-events:none}
body.tso-shell-enabled .tso-sidebar-brand::after{content:"";position:absolute;z-index:-1;width:66px;height:66px;right:-26px;top:-25px;border:1px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none}
body.tso-shell-enabled .tso-sidebar-tagline{display:flex;align-items:center;gap:7px}
body.tso-shell-enabled .tso-sidebar-tagline::before{content:"";width:12px;height:12px;flex:0 0 12px;border:2px solid #67d8d3;border-right-color:transparent;border-radius:50%;transform:rotate(-28deg)}
body.tso-shell-enabled .tso-topbar-copy.tso-brand-topbar-copy{display:grid!important;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}
body.tso-shell-enabled .tso-topbar-brand-icon{display:grid;place-items:center;width:34px;height:34px;padding:4px;border:1px solid #d8e5e9;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(0,167,165,.12),transparent 52%),#fff;box-shadow:0 3px 10px rgba(20,47,70,.06)}
body.tso-shell-enabled .tso-topbar-brand-icon img{display:block;width:24px;height:24px}
body.tso-shell-enabled .tso-topbar-copy-text{min-width:0}
body.tso-shell-enabled .tso-topbar-copy-text strong,body.tso-shell-enabled .tso-topbar-copy-text span{display:block}
body.tso-shell-enabled .tso-topbar-copy-text strong{position:relative;width:max-content;max-width:100%}
body.tso-shell-enabled .tso-topbar-copy-text strong::after{content:"";position:absolute;left:0;bottom:-5px;width:38px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--tso-module,var(--tso-teal)),rgba(245,158,11,.78))}
body.tso-shell-enabled :where(.page-head,.tso-dashboard-hero,.tso-record-hero,.tso-sales-hero,.tso-production-record-hero,.tso-production-hero,.tso-field-hero,.reporting-page-head,.ripple-page-header){position:relative;isolation:isolate}
body.tso-shell-enabled :where(.page-head,.tso-dashboard-hero,.tso-record-hero,.tso-sales-hero,.tso-production-record-hero,.tso-production-hero,.tso-field-hero,.reporting-page-head,.ripple-page-header)::after{content:"";position:absolute;z-index:-1;width:154px;height:154px;right:-58px;top:-78px;border:20px solid var(--tso-brand-orbit-faint);border-left-color:rgba(245,158,11,.035);border-radius:50%;transform:rotate(24deg);pointer-events:none}
body.tso-shell-enabled .page-head{background:linear-gradient(90deg,rgba(0,167,165,.025),transparent 42%)}
body.tso-shell-enabled :where(.page-head,.tso-dashboard-hero,.tso-record-hero,.tso-sales-hero,.tso-production-record-hero,.tso-production-hero,.tso-field-hero) h1{color:var(--tso-navy-900,#0b1d3a)}
body.tso-shell-enabled :where(.tso-eyebrow,.eyebrow){display:inline-flex;align-items:center;gap:7px;color:var(--tso-module,var(--tso-teal-dark,#008b8d))}
body.tso-shell-enabled :where(.tso-eyebrow,.eyebrow)::before{content:"";width:13px;height:13px;flex:0 0 13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;transform:rotate(-30deg);opacity:.9}
body.tso-shell-enabled :where(.tso-panel-heading,.section-head,.tso-card-head,.tso-sales-panel-head,.tso-production-panel-head,.reporting-section-head) h2{position:relative;padding-left:11px}
body.tso-shell-enabled :where(.tso-panel-heading,.section-head,.tso-card-head,.tso-sales-panel-head,.tso-production-panel-head,.reporting-section-head) h2::before{content:"";position:absolute;left:0;top:.15em;width:3px;height:1.05em;border-radius:999px;background:linear-gradient(180deg,var(--tso-module,var(--tso-teal)),var(--tso-brand-orange))}
body.tso-shell-enabled :where(.stat,.metric-card,.tso-record-kpi,.tso-sales-kpi,.tso-production-kpi,.reporting-snapshot-card,.reporting-metric-card,.financial-tile,.payment-summary-card,.closeout-card){position:relative;overflow:hidden}
body.tso-shell-enabled :where(.stat,.metric-card,.tso-record-kpi,.tso-sales-kpi,.tso-production-kpi,.reporting-snapshot-card,.reporting-metric-card,.financial-tile,.payment-summary-card,.closeout-card)::after{content:"";position:absolute;width:68px;height:68px;right:-30px;bottom:-34px;border:10px solid var(--tso-brand-orbit-faint);border-left-color:rgba(245,158,11,.035);border-radius:50%;pointer-events:none}
body.tso-shell-enabled :where(.button.primary,button.primary,input[type=submit].primary){position:relative;overflow:hidden}
body.tso-shell-enabled :where(.button.primary,button.primary,input[type=submit].primary)::after{content:"";position:absolute;width:42px;height:42px;right:-22px;top:-21px;border:7px solid rgba(0,167,165,.24);border-radius:50%;pointer-events:none}
body.tso-shell-enabled a:focus-visible,body.tso-shell-enabled button:focus-visible,body.tso-shell-enabled summary:focus-visible{outline:2px solid var(--tso-teal,#00a7a5);outline-offset:2px}
body.tso-shell-enabled thead th{border-top:1px solid rgba(0,167,165,.08)}
body.tso-shell-enabled :where(.tso-empty-state,.tso-record-empty,.tso-production-empty,.empty-state){background:radial-gradient(circle at 95% 8%,rgba(0,167,165,.045),transparent 28%),#fbfcfd}
body:not(.tso-shell-enabled) .tso-auth-brand::before{content:"";position:absolute;width:180px;height:180px;right:-76px;top:-72px;border:24px solid rgba(0,167,165,.13);border-left-color:rgba(245,158,11,.11);border-radius:50%;transform:rotate(20deg)}
@media(max-width:920px){body.tso-shell-enabled .tso-topbar-copy.tso-brand-topbar-copy{display:none!important}}
@media(max-width:700px){body.tso-shell-enabled :where(.page-head,.tso-dashboard-hero,.tso-record-hero,.tso-sales-hero,.tso-production-record-hero,.tso-production-hero,.tso-field-hero,.reporting-page-head,.ripple-page-header)::after{width:110px;height:110px;right:-52px;top:-62px;border-width:15px}}
