/* Social Intelligence 2.6.2 — unified enterprise visual system
   Built as an override layer so legacy module styles remain functional. */
:root{
  --si-ink:#10352f;
  --si-ink-2:#173f39;
  --si-muted:#64817b;
  --si-bg:#f3f8f6;
  --si-surface:#ffffff;
  --si-surface-2:#f8fcfb;
  --si-line:#dce9e5;
  --si-line-strong:#c8ddd7;
  --si-green:#087f66;
  --si-green-dark:#075b4b;
  --si-mint:#12c99b;
  --si-mint-soft:#e3f8f1;
  --si-blue:#286fd5;
  --si-blue-soft:#eaf2ff;
  --si-red:#c84055;
  --si-amber:#a9640c;
  --si-shadow:0 14px 38px rgba(24,66,57,.08);
  --si-shadow-lg:0 28px 80px rgba(17,58,49,.15);
}

/* Shared controls */
.button{border-radius:10px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.button:hover{transform:translateY(-1px);filter:none}
.button:focus-visible,.nav-item:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(40,111,213,.24);outline-offset:2px}

/* =========================
   AUTH / LOGIN
   ========================= */
.login-body.login-v26{
  background:
    radial-gradient(circle at 86% 8%,rgba(40,111,213,.13),transparent 30%),
    radial-gradient(circle at 10% 88%,rgba(18,201,155,.11),transparent 34%),
    #edf5f2;
  color:var(--si-ink);
}
.login-shell-v26{
  width:min(1180px,100%);
  grid-template-columns:1.08fr .82fr;
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  background:#fff;
  box-shadow:0 34px 100px rgba(20,61,53,.18);
}
.login-copy-v26{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(50,134,255,.28),transparent 31%),
    radial-gradient(circle at 16% 84%,rgba(17,220,166,.22),transparent 36%),
    linear-gradient(145deg,#062e28,#0a4e40 62%,#123f73);
  padding:64px;
}
.login-copy-v26:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-170px;bottom:-170px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.02)}
.login-copy-v26 .login-brand img,.login-brand-static{width:270px;filter:brightness(0) invert(1);opacity:.96;margin-bottom:62px}
.login-copy-v26 .eyebrow{color:#75f0cf}
.login-copy-v26 h1{font-size:clamp(40px,5vw,62px);line-height:1.02;letter-spacing:-.055em;color:#fff;max-width:700px}
.login-copy-v26 p{color:#c8e3dc;max-width:680px}
.login-value-grid span{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.065);color:#d9eee9;backdrop-filter:blur(10px)}
.login-value-grid b{color:#67e7c3}
.back-home{color:#bce9dd}
.login-card-v26{background:#fff;color:var(--si-ink);padding:54px 50px}
.login-card-v26 .auth-logo{width:245px;filter:none;margin-bottom:26px}
.login-card-v26 h2{color:var(--si-ink);letter-spacing:-.03em}
.login-card-v26 .muted,.login-card-v26>p,.login-help{color:var(--si-muted)}
.login-card-v26 label{color:#385d55}
.login-card-v26 input{background:#fbfefd;border:1px solid var(--si-line-strong);color:var(--si-ink);border-radius:10px;min-height:44px}
.login-card-v26 input:focus{border-color:var(--si-green);box-shadow:0 0 0 4px rgba(8,127,102,.11)}
.login-card-v26 .password-field button,.login-row a,.login-help a{color:var(--si-green)}
.login-submit,.login-card-v26 .button{background:linear-gradient(135deg,var(--si-green),#08745d);border-color:transparent;color:#fff;box-shadow:0 10px 22px rgba(8,127,102,.18)}
.login-submit:hover,.login-card-v26 .button:hover{box-shadow:0 14px 30px rgba(8,127,102,.24)}
.login-divider{color:#8ba69f}
.login-divider:before,.login-divider:after{background:var(--si-line)}
.portal-badge{font-weight:800;letter-spacing:.08em}
.portal-badge.portal-user{background:var(--si-mint-soft);border-color:#bceadd;color:#08745d}
.portal-badge.portal-admin{background:var(--si-blue-soft);border-color:#cadcff;color:#245eaf}

/* =========================
   APP / DASHBOARD
   ========================= */
body:not(.public-body):not(.login-body):not(.setup-body):not(.public-survey){background:var(--si-bg);color:var(--si-ink)}
.app-shell{grid-template-columns:282px minmax(0,1fr);background:var(--si-bg)}
.sidebar{
  width:auto;
  padding:22px 15px 18px;
  background:
    radial-gradient(circle at 30% -5%,rgba(20,201,155,.17),transparent 32%),
    linear-gradient(180deg,#06221e,#082d27 58%,#071f1c);
  border-right:0;
  box-shadow:16px 0 42px rgba(18,56,48,.08);
}
.sidebar-brand{padding:3px 9px 9px;color:#fff}
.sidebar-brand-v26 img{width:42px;height:48px;filter:drop-shadow(0 7px 14px rgba(18,201,155,.14))}
.sidebar-brand-v26 span{font-size:12px;color:#fff;letter-spacing:.1em}
.environment{margin:14px 5px 14px;border:1px solid rgba(100,232,197,.16);background:rgba(71,213,177,.08);color:#83e5ca;border-radius:10px}
.nav-label{color:#668d83;margin:19px 10px 7px;font-size:9px}
.nav-item{color:#aac6bf;border:1px solid transparent;padding:9px 11px;border-radius:9px}
.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}
.nav-item.active{background:linear-gradient(90deg,rgba(22,194,153,.18),rgba(40,111,213,.08));border-color:rgba(95,225,190,.12);color:#78efd0;box-shadow:inset 3px 0 0 #21c79f}
.nav-dot{background:#456c63}
.nav-item.active .nav-dot{background:#59dfbd;box-shadow:0 0 12px rgba(89,223,189,.65)}
.sidebar-footer{border-top-color:rgba(255,255,255,.08);color:#e9f7f3}
.sidebar-footer small{color:#789d94}
.sidebar-footer .link-button{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);color:#d6ebe6}
.main{background:radial-gradient(circle at 88% 2%,rgba(40,111,213,.055),transparent 27%),var(--si-bg);color:var(--si-ink)}
.topbar{height:76px;padding:0 30px;background:rgba(255,255,255,.90);border-bottom:1px solid var(--si-line);backdrop-filter:blur(18px);box-shadow:0 4px 18px rgba(26,67,58,.035)}
.workspace-title span{color:#78938d;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.workspace-title strong{color:var(--si-ink);font-size:14px}
.topbar-right{color:var(--si-muted)}
.usecase-chip{border:1px solid #cfe1dc;background:#f6fbf9;color:#42685f;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}
.live-dot{color:#087f66;background:#e5f7f1;border:1px solid #c5eadf;border-radius:999px;padding:7px 10px;font-weight:750}
.date-chip{border-color:var(--si-line);background:#fff;color:#708b84;border-radius:9px}
.workspace-context-row{background:#edf5f2;border-bottom:1px solid #deebe7}
.content{padding:32px;max-width:1540px}
.page-head{margin-bottom:22px}
.page-head .eyebrow{color:var(--si-green);letter-spacing:.14em}
.page-head h1{font-size:34px;color:var(--si-ink);letter-spacing:-.04em}
.page-head p{color:var(--si-muted)}
.metric-card,.panel,.competitor-card,.survey-item,.connector-card,.thread,.alert-card,.health-grid article{
  background:#fff;
  border:1px solid var(--si-line);
  color:var(--si-ink);
  box-shadow:var(--si-shadow);
}
.metric-card{padding:19px;border-radius:15px}
.metric-top{color:#66837c}
.metric-card>strong{color:#113d35;font-size:31px}
.metric-card small{color:#7b958f}
.metric-spark{background:var(--si-green)}
.metric-spark.blue{background:var(--si-blue)}
.metric-spark.amber{background:#d68a25}
.metric-spark.red{background:#d84a5d}
.panel{border-radius:16px;padding:21px}
.panel-head{border-bottom:1px solid #edf3f1;padding-bottom:13px;margin-bottom:17px}
.panel-head h2{color:#183e37;font-size:16px}
.panel-head span{color:#7a948e}
label{color:#476b63}
input,select,textarea{background:#fbfefd;border:1px solid var(--si-line-strong);color:var(--si-ink);border-radius:9px}
input::placeholder,textarea::placeholder{color:#9aada8}
input:focus,select:focus,textarea:focus{border-color:var(--si-green);box-shadow:0 0 0 3px rgba(8,127,102,.10)}
.button{background:var(--si-green);border-color:var(--si-green);color:#fff;box-shadow:0 7px 16px rgba(8,127,102,.13)}
.button.secondary{background:#edf7f4;border-color:#d4e9e3;color:#155f50;box-shadow:none}
.button.ghost{background:#fff;border-color:var(--si-line-strong);color:#315c53;box-shadow:none}
.link-button,.table-action{background:#fff;border-color:var(--si-line-strong);color:#376158}
.link-button:hover,.table-action:hover{border-color:#8dbdb1;color:#086b57}
.notice{border-color:var(--si-line);background:#f8fbfa;color:#345e55}
.notice.success{background:#eaf8f3;border-color:#bfe6da;color:#08664f}
.notice.warning{background:#fff7e9;border-color:#efd6a8;color:#8a570f}
.notice.danger{background:#fff0f2;border-color:#efc1c8;color:#a62f42}
.muted,small{color:var(--si-muted)}
.table-wrap{border:1px solid #e4eeeb;border-radius:12px;background:#fff}
.table-wrap th{background:#f6faf8;color:#6f8b84;border-bottom-color:#e3eeea;padding:11px 12px}
.table-wrap td{color:#31574f;border-bottom-color:#edf3f1;padding:12px}
.table-wrap tbody tr:hover{background:#fbfefd}
.badge{border-color:#d7e5e1;background:#f4f8f7;color:#57766f}
.badge-active,.badge-ready,.badge-completed,.badge-positive,.badge-resolved{border-color:#bce4d7;background:#e8f7f2;color:#08705a}
.badge-open,.badge-critical,.badge-high,.badge-negative,.badge-suspended,.badge-error{border-color:#edc4ca;background:#fff0f2;color:#ac3245}
.badge-acknowledged,.badge-medium,.badge-pending,.badge-limited,.badge-warning{border-color:#ead3aa;background:#fff7e9;color:#89560d}
.badge-neutral,.badge-demo,.badge-internal,.badge-low{border-color:#cbdcf6;background:#edf4ff;color:#2b62aa}
.provider,.thread-provider{border-color:#d7e6e2;background:#f3faf7;color:#087d64}
.sentiment-stack i,.sov-bar{background:#e8f0ed}
.positive{background:#13aa84}.neutral{background:#3a7bd5}.negative{background:#cf4258}
.feed-row{border-bottom-color:#edf3f1}
.command-hero{background:var(--si-line);border-color:var(--si-line);box-shadow:var(--si-shadow)}
.command-hero>div{background:#fff;color:var(--si-ink)}
.command-hero span,.command-hero small{color:var(--si-muted)}
.crisis-card{background:radial-gradient(circle at 100% 0,rgba(200,64,85,.09),transparent 45%),#fff;border:1px solid var(--si-line)}
.alert-card,.thread{border-radius:13px}
.internal-note{background:#fff7e9;border-left-color:#d39735;color:#7b5922}
.connector-logo{background:#e5f7f1;color:#08765e}
.score-ring{border-color:#cfeee5;border-top-color:#0d9b79}
.safety-banner{background:#fff8eb;border-color:#efd6aa;color:#704d17}
.health-dot.ok{background:#0c9a77;box-shadow:0 0 10px rgba(12,154,119,.32)}
.health-dot{background:#c94155;box-shadow:0 0 10px rgba(201,65,85,.25)}
.security-footnote{margin:12px 0 0;color:#56766f;font-size:12px;padding:10px 12px;background:#f4faf8;border:1px solid #dcebe7;border-radius:9px}
.secure-credentials-form{align-items:end}

/* =========================
   PUBLIC WEBSITE
   ========================= */
.public-body.public-v26{background:#fff;color:var(--si-ink)}
.public-v26 .public-nav{
  position:sticky;top:0;z-index:80;
  height:76px;
  width:100%;
  padding:0 max(24px,calc((100vw - 1320px)/2));
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(209,227,221,.88);
  backdrop-filter:blur(18px);
  box-shadow:0 7px 24px rgba(20,62,53,.045);
}
.public-v26 .public-nav .brand-logo.nav-logo{height:52px;width:auto;max-width:218px;filter:none}
.public-v26 .public-nav nav{gap:22px;align-items:center}
.public-v26 .public-nav nav>a:not(.button){color:#47675f;font-size:13px;font-weight:680}
.public-v26 .public-nav nav>a:not(.button):hover{color:#08745d}
.public-v26 .public-nav .button.small{background:var(--si-green);border-color:var(--si-green);color:#fff;border-radius:9px;padding-inline:16px}
.public-v26 .nav-admin{color:#2a62aa!important}
.public-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--si-line);border-radius:10px;background:#fff;padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.public-menu-toggle span{display:block;width:19px;height:2px;background:#315a51;border-radius:99px;transition:.2s ease}
.public-menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.public-menu-toggle.open span:nth-child(2){opacity:0}
.public-menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.sales-hero{
  position:relative;
  overflow:hidden;
  width:100%;
  max-width:none;
  padding:82px max(28px,calc((100vw - 1320px)/2)) 154px;
  background:
    radial-gradient(circle at 83% 16%,rgba(40,111,213,.31),transparent 29%),
    radial-gradient(circle at 18% 91%,rgba(19,207,158,.23),transparent 34%),
    linear-gradient(132deg,#062a25,#0a4e40 55%,#133f72);
  color:#fff;
}
.sales-hero:after{content:"";position:absolute;inset:auto -110px -270px auto;width:600px;height:600px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012);pointer-events:none}
.sales-hero-copy{padding-left:0;position:relative;z-index:2}
.hero-badge{border:1px solid rgba(124,236,206,.24);background:rgba(28,198,155,.10);color:#8cebd0;border-radius:999px;padding:8px 12px}
.sales-hero h1{color:#fff;font-size:clamp(48px,5.4vw,76px);max-width:780px;letter-spacing:-.058em;line-height:.99}
.sales-hero h1 em{color:#6de5c3;font-style:normal}
.sales-hero-copy>p{color:#c8ded8;font-size:18px;max-width:700px;line-height:1.65}
.sales-primary{background:#fff!important;border-color:#fff!important;color:#075d4c!important;box-shadow:0 12px 28px rgba(0,0,0,.14)!important}
.sales-secondary{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:none!important}
.audience-line{color:#9fc9be}.audience-line i{color:#60dfbd}
.hero-product{position:relative;z-index:2}
.product-window{border:1px solid rgba(255,255,255,.72);box-shadow:0 32px 80px rgba(0,20,16,.32);border-radius:18px;background:#fff}
.product-window aside{background:#08342c}
.product-content{background:#f8fcfb;color:#234d44}
.product-top b,.product-metrics strong,.product-bottom b{color:#143d35}
.product-metrics>div,.fake-chart,.product-bottom>div{border-color:#dfece8;background:#fff}
.fake-chart polyline{stroke:#198f72}
.product-float{border:1px solid #dfebe8;background:#fff;box-shadow:0 18px 38px rgba(14,50,42,.14)}
.product-float.alert b{color:#b74554}
.capability-ribbon{width:min(1280px,calc(100% - 40px));margin:-72px auto 50px;position:relative;z-index:4;gap:1px;border:1px solid #dfece8;background:#dfece8;border-radius:17px;overflow:hidden;box-shadow:0 22px 54px rgba(18,66,56,.10)}
.capability-ribbon article{background:#fff;padding:22px 18px}
.capability-ribbon article i{background:var(--si-mint-soft);color:#08745d}
.capability-ribbon article strong{color:#173f37}
.capability-ribbon article span{color:#718d86}
.public-v26 .public-section{width:min(1180px,calc(100% - 40px));color:var(--si-ink)}
.section-kicker{color:#08775f;letter-spacing:.15em}
.public-v26 h2{color:#123b33;letter-spacing:-.04em}
.public-v26 p{color:#69877f}
.value-visual{background:linear-gradient(145deg,#ecf8f4,#f7fbff);border:1px solid #dcebe7;border-radius:23px}
.mini-dashboard{background:#fff;border-color:#deebe7;box-shadow:0 22px 45px rgba(19,61,52,.09)}
.trend-card{border-color:#dcebe7;box-shadow:0 13px 32px rgba(18,62,53,.10)}
.trend-card b{color:#08775f}.trend-card span{color:#6f8f87}
.benefit-list li{color:#3e655c}.benefit-list li:before{background:#dff5ee;color:#08765e}
.proof-strip{background:linear-gradient(112deg,#08715c,#087c63 48%,#2869bd);box-shadow:0 20px 44px rgba(20,75,65,.14)}
.usecase-cards article{border-color:#dfece8;box-shadow:0 12px 32px rgba(18,62,53,.055);transition:.2s ease}
.usecase-cards article:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(18,62,53,.09)}
.usecase-cards i{background:var(--si-mint-soft);color:#08765e}
.usecase-cards h3{color:#173f37}.usecase-cards p{color:#718d86}
.workflow-section{background:#eef8f5;border:1px solid #dcebe7}
.workflow>div{border-color:#dcebe7;box-shadow:0 8px 22px rgba(20,64,55,.04)}
.workflow>div b{background:#08765f}.workflow>div strong{color:#173f37}.workflow>div span{color:#718d86}.workflow>i{color:#0e9d7a}
.access-platform-section{background:#f7fbfa;border:1px solid #e0ece8;border-radius:26px;padding:44px!important}
.access-portal-card{border:1px solid #dae9e5!important;background:#fff!important;box-shadow:0 16px 38px rgba(17,61,52,.065)!important}
.access-portal-card h3{color:#173f37}.access-portal-card p,.access-portal-card li{color:#66837b}
.access-portal-card.user-portal .portal-button{background:#087f66!important;border-color:#087f66!important;color:#fff!important}
.access-portal-card.admin-portal{border-top:4px solid #286fd5!important}.access-portal-card.admin-portal .portal-button{background:#2863b5!important;border-color:#2863b5!important;color:#fff!important}
.newsletter-sales{background:linear-gradient(145deg,#073c32,#0b6f5a 64%,#1e5fa9);box-shadow:0 24px 52px rgba(18,65,56,.16)}
.newsletter-sales>p{color:#c9e6df}.newsletter-sales label{color:#e4f4f0}.newsletter-sales input,.newsletter-sales select{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.17);color:#fff}.newsletter-sales .button{background:#fff!important;color:#086550!important}
.public-v26 .brief-card{border-color:#dfece8;box-shadow:0 9px 24px rgba(17,61,52,.05)}
.public-v26 .brief-card small{color:#087c63}.public-v26 .brief-card strong{color:#173f37}.public-v26 .brief-card span{color:#718d86}
.sales-final{background:linear-gradient(125deg,#062f28,#0a654f 54%,#255fa8)!important;box-shadow:0 28px 62px rgba(18,65,56,.17)!important;border-radius:28px!important}
.sales-final .cta-logo{filter:brightness(0) invert(1)!important;opacity:.95}
.sales-final p{color:#cce6df!important}
.public-footer-v26{background:#062c26!important;color:#8fb5ab!important;border:0!important}
.public-footer-v26 .footer-logo{filter:brightness(0) invert(1)!important;opacity:.92}
.footer-links a{color:#c7ded8!important}

/* Public forms */
.public-form-shell,.auth-single-shell{background:radial-gradient(circle at 86% 12%,rgba(40,111,213,.08),transparent 25%),#f1f7f5}
.public-v26 .public-form-copy .auth-copy-logo,.auth-single-card .auth-logo{filter:none}
.public-v26 .public-form-copy h1,.auth-single-card h1{color:var(--si-ink)}
.public-v26 .public-form-copy p,.auth-single-card>p{color:var(--si-muted)}
.public-v26 .public-form-card,.auth-single-card{background:#fff;border-color:var(--si-line);color:var(--si-ink);box-shadow:0 24px 60px rgba(18,63,54,.10)}
.public-v26 .public-form-card label,.auth-single-card label{color:#45685f}
.public-v26 .public-form-card input,.public-v26 .public-form-card select,.public-v26 .public-form-card textarea,.auth-single-card input{background:#fbfefd;border-color:var(--si-line-strong);color:var(--si-ink)}
.public-v26 .public-form-card .button,.auth-single-card .button{background:var(--si-green);border-color:var(--si-green);color:#fff}
.auth-links a{color:#08775f}

@media(max-width:1050px){
  .login-shell-v26{grid-template-columns:1fr}.login-copy-v26{display:none}
  .app-shell{grid-template-columns:250px minmax(0,1fr)}
}
@media(max-width:820px){
  .public-v26 .public-nav{height:68px;padding:0 18px}
  .public-v26 .public-nav .brand-logo.nav-logo{height:46px;max-width:190px}
  .public-menu-toggle{display:flex}
  .public-v26 .public-nav nav{position:absolute;top:68px;left:12px;right:12px;display:none;flex-direction:column;align-items:stretch;gap:2px;padding:12px;background:#fff;border:1px solid var(--si-line);border-radius:14px;box-shadow:0 20px 50px rgba(19,62,53,.14)}
  .public-v26 .public-nav nav.open{display:flex}
  .public-v26 .public-nav nav>a{display:flex!important;padding:11px 12px;border-radius:8px}
  .public-v26 .public-nav nav>a:hover{background:#f0f8f5}
  .public-v26 .public-nav .button.small{display:flex!important;margin-top:4px}
  .sales-hero{padding:58px 22px 128px}
  .capability-ribbon{margin-top:-52px}
  .access-platform-section{padding:30px 22px!important}
}
@media(max-width:760px){
  .app-shell{display:block}.sidebar{width:min(300px,88vw)}
  .topbar{padding:0 17px}.content{padding:22px 16px}.page-head h1{font-size:28px}
  .menu-toggle{color:#17483f}
  .topbar-right .usecase-chip,.topbar-right .date-chip{display:none}
  .metrics-grid{grid-template-columns:1fr 1fr}
  .dashboard-grid,.form-panels.two{grid-template-columns:1fr}
}
@media(max-width:480px){
  .login-body.login-v26{padding:12px}.login-shell-v26{border-radius:20px}.login-card-v26{padding:32px 22px}
  .metrics-grid{grid-template-columns:1fr}.content{padding:18px 12px}.panel{padding:16px}
  .sales-hero h1{font-size:43px}.sales-hero-copy>p{font-size:16px}
  .capability-ribbon{width:calc(100% - 24px)}
}