/* CheckThenSend v9.1 consolidated stylesheet. Generated from preserved source order. */

/* --- app-shell.css --- */

:root{--cts-bg:#f7f8fc;--cts-surface:#fff;--cts-text:#111827;--cts-muted:#68738a;--cts-line:#e8ebf3;--cts-primary:#5f63f6;--cts-primary-2:#7868ff;--cts-soft:#f2f1ff;--cts-green:#08d7a0;--cts-pink:#ed5bd6;--cts-shadow:0 10px 30px rgba(31,41,55,.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cts-text);background:var(--cts-bg)}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:285px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--cts-line);padding:26px 18px 22px;display:flex;flex-direction:column;z-index:20;transition:.2s}.sidebar-brand{padding:0 14px 28px}.brand-mark{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800}.brand-shield{width:34px;height:38px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--cts-primary),#3849d9);clip-path:polygon(50% 0,92% 14%,86% 72%,50% 100%,14% 72%,8% 14%)}.brand-text span{color:var(--cts-primary)}.side-nav{display:grid;gap:7px}.nav-item{height:54px;border:0;background:transparent;text-decoration:none;display:flex;align-items:center;gap:14px;padding:0 14px;border-radius:12px;color:#27324a;font-size:15px;cursor:pointer;text-align:left}.nav-item:hover{background:#f8f8ff}.nav-item.active{background:linear-gradient(90deg,#f4f2ff,#fbfbff);color:#4f55f2;font-weight:700;position:relative}.nav-item.active:after{content:"";position:absolute;right:-18px;width:3px;height:30px;border-radius:4px;background:var(--cts-primary)}.nav-icon{width:38px;height:38px;border-radius:10px;background:#f5f7fb;display:grid;place-items:center;font-size:18px}.nav-item.active .nav-icon{background:linear-gradient(135deg,#7b78ff,#5d64f4);color:#fff;box-shadow:0 8px 20px rgba(95,99,246,.25)}.side-nav-bottom{margin-top:auto;padding-top:24px;border-top:1px solid var(--cts-line)}.nav-button{width:100%}.app-main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--cts-line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:15}.collapse-btn,.icon-btn{border:1px solid var(--cts-line);background:#fff;border-radius:10px;height:42px;min-width:42px;display:grid;place-items:center;cursor:pointer;color:#44506a}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.btn{height:42px;border-radius:8px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid transparent;font-weight:700;cursor:pointer}.btn-upgrade{background:linear-gradient(135deg,#f05ad5,#d94bc8);color:#fff}.btn-upload{border-color:#7378ff;color:#4f55f2;background:#fff}.btn-primary,.btn-new{background:linear-gradient(135deg,#6668fb,#4d56e9);color:#fff}.btn-secondary{background:#fff;border-color:var(--cts-line);color:#374151}.notification-btn{position:relative;border:0}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--cts-green);position:absolute;right:7px;top:7px}.profile-menu{border:0;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer}.profile-copy{text-align:right;display:grid}.profile-copy strong{font-size:13px}.profile-copy small{color:var(--cts-muted)}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ecebff;color:#4a50df;font-weight:800}.workspace,.cts-page{padding:40px 46px 60px}.workspace-head,.cts-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.workspace-head h1,.cts-page-head h1{margin:0;font-size:32px;letter-spacing:-.02em}.cts-page-head p{color:var(--cts-muted);margin:8px 0 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--cts-primary);text-transform:uppercase}.tabs{display:flex;gap:28px;margin-top:24px}.tab{border:0;background:transparent;padding:0 0 10px;font-size:15px;color:var(--cts-muted);cursor:pointer}.tab.active{color:var(--cts-primary);font-weight:700;border-bottom:2px solid var(--cts-primary)}.cts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cts-card,.workspace-panel,.integration-card,.card,.tool,.table,.table-card{background:#fff;border:1px solid var(--cts-line)!important;border-radius:14px!important;padding:20px!important;box-shadow:var(--cts-shadow)}.cts-card h2,.cts-card h3,.workspace-panel h3,.integration-card h3,.card h2,.tool h2{margin-top:0}.cts-wide{grid-column:1/-1}.muted,.small,.lead{color:var(--cts-muted)!important}.inline-form,.row{display:flex;gap:10px;flex-wrap:wrap}.inline-form input,.inline-form select,.row input,.row select,.row textarea,.cts-input,.cts-select{border:1px solid #dfe3ec;border-radius:9px;background:#fff;padding:10px 12px;min-height:40px}.workspace-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.metric-grid,.metrics,.metric-row,.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.cts-metric{background:#fff;border:1px solid var(--cts-line);border-radius:13px;padding:18px}.metric b,.cts-metric b{display:block;font-size:26px}.cts-table-wrap,.table-wrap,.table{overflow:auto}.cts-table,table{width:100%;border-collapse:collapse}.cts-table th,.cts-table td,th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--cts-line);font-size:13px}.cts-table th,th{color:var(--cts-muted);font-weight:600}.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f1f3f8;font-size:11px}.status-pill.good{background:#e9fbf6;color:#087a5e}.status-pill.warn{background:#fff5e8;color:#a75a00}.empty-state{text-align:center;padding:64px 20px;color:var(--cts-muted)}.code,.code-box{background:#f7f8fb;border:1px solid var(--cts-line);border-radius:10px;padding:12px;font-family:ui-monospace,monospace;word-break:break-all}.hidden{display:none!important}.sidebar.collapsed{width:86px}.app-shell.sidebar-collapsed{grid-template-columns:86px minmax(0,1fr)}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-item>span:not(.nav-icon){display:none}.sidebar.collapsed .sidebar-brand{padding-left:8px}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.sidebar.collapsed .nav-item.active:after{right:-18px}.toast{position:fixed;right:24px;bottom:24px;background:#111827;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.18);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:99}.toast.show{opacity:1;transform:none}.mobile-menu-btn{display:none}
@media(max-width:1000px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.sidebar{width:86px}.brand-text,.nav-item>span:not(.nav-icon){display:none}.sidebar-brand{padding-left:8px}.nav-item{justify-content:center;padding:0}.workspace,.cts-page{padding:30px 24px}.workspace-grid{grid-template-columns:1fr}.cts-grid{grid-template-columns:1fr}.cts-wide{grid-column:auto}.metric-grid,.metrics,.metric-row,.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;left:-290px;width:270px!important;transition:left .2s}.sidebar.mobile-open{left:0}.brand-text,.nav-item>span:not(.nav-icon){display:inline}.nav-item{justify-content:flex-start;padding:0 14px}.topbar{padding:0 14px}.collapse-btn{display:none}.mobile-menu-btn{display:grid}.btn-upgrade{display:none}.btn-upload span{display:none}.profile-copy{display:none}.workspace,.cts-page{padding:24px 16px}.workspace-head,.cts-page-head{flex-direction:column}.metric-grid,.metrics,.metric-row,.grid{grid-template-columns:1fr}.cts-card,.workspace-panel,.integration-card,.card,.tool,.table,.table-card{padding:16px!important}}

/* v4.10 product completion */
.cts-secondary-nav{margin-top:18px;padding-top:18px;border-top:1px solid var(--cts-line)}
.command-backdrop{position:fixed;inset:0;background:rgba(19,24,38,.32);backdrop-filter:blur(5px);z-index:120;padding:10vh 18px}.command-palette{max-width:680px;margin:auto;background:#fff;border:1px solid var(--cts-line);border-radius:18px;box-shadow:0 35px 100px rgba(26,31,55,.25);overflow:hidden}.command-input-wrap{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid var(--cts-line)}.command-input-wrap input{border:0;outline:0;flex:1;font:inherit;font-size:17px}.command-input-wrap kbd{font-size:11px;background:#f3f4f8;border:1px solid #e2e5ec;padding:4px 7px;border-radius:6px}.command-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--cts-line)}.command-actions a{font-size:12px;text-decoration:none;background:#f7f7fc;padding:7px 10px;border-radius:8px}.command-results{max-height:380px;overflow:auto}.command-result{display:grid;gap:3px;padding:13px 18px;text-decoration:none;border-bottom:1px solid #f0f1f5}.command-result:hover{background:#f8f8ff}.command-result span{color:var(--cts-muted);font-size:12px}.command-empty{padding:24px;color:var(--cts-muted);text-align:center}.notification-pop,.profile-pop{position:absolute;right:22px;top:66px;width:360px;background:#fff;border:1px solid var(--cts-line);border-radius:14px;box-shadow:0 22px 55px rgba(25,32,54,.17);z-index:70;overflow:hidden}.profile-pop{width:210px;right:18px;padding:8px}.profile-pop a,.profile-pop button{display:block;width:100%;border:0;background:#fff;text-align:left;text-decoration:none;padding:11px 12px;border-radius:8px;font:inherit}.profile-pop a:hover,.profile-pop button:hover{background:#f5f6fb}.notification-head{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--cts-line)}.notification-head a{color:var(--cts-primary);font-size:12px}.notification-item{display:grid;gap:4px;padding:13px 16px;text-decoration:none;border-bottom:1px solid #f1f2f6}.notification-item.unread{background:#f7f6ff}.notification-item span{color:var(--cts-muted);font-size:12px}.notification-loading{padding:22px;color:var(--cts-muted)}
.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.page-toolbar .search{min-width:260px}.project-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--cts-line)}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--cts-primary);margin:5px auto}.timeline-item small{color:var(--cts-muted)}.setting-row{display:grid;grid-template-columns:1fr minmax(240px,420px);gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--cts-line)}.setting-row label{font-weight:700}.setting-row p{margin:4px 0 0;color:var(--cts-muted);font-size:13px}.usage-bar{height:9px;border-radius:999px;background:#eef0f5;overflow:hidden}.usage-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--cts-primary),var(--cts-primary-2));border-radius:inherit}.checklist{display:grid;gap:10px}.check-step{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--cts-line);border-radius:10px}.check-step.done{background:#effbf7;border-color:#d4f3e8}.checkmark{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f0f1f6}.done .checkmark{background:#0cc999;color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trust-card{background:#fff;border:1px solid var(--cts-line);border-radius:14px;padding:20px}.trust-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--cts-soft);color:var(--cts-primary);margin-bottom:12px;font-weight:800}.notification-page-item{display:grid;grid-template-columns:12px 1fr auto;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid var(--cts-line)}.notification-page-item .unread-dot{width:8px;height:8px;border-radius:50%;background:var(--cts-primary);margin-top:7px}.notification-page-item.read .unread-dot{background:#d9dde6}.project-note{background:#fafafe;border:1px solid var(--cts-line);border-radius:10px;padding:12px;margin-top:10px}.project-note small{color:var(--cts-muted)}
@media(max-width:800px){.project-summary,.trust-grid{grid-template-columns:1fr 1fr}.setting-row{grid-template-columns:1fr}.notification-pop{right:10px;width:min(360px,calc(100vw - 20px))}}@media(max-width:520px){.project-summary,.trust-grid{grid-template-columns:1fr}}


/* ---- Simplified navigation and section hierarchy ---- */
.cts-section-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:16px 0 22px;padding:5px;background:#f4f6f9;border:1px solid #e7eaf0;border-radius:12px;width:max-content;max-width:100%}
.cts-section-tabs a{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:9px;text-decoration:none;color:#667085;font-size:13px;font-weight:650;white-space:nowrap}
.cts-section-tabs a:hover{background:#fff;color:#20243a}.cts-section-tabs a.active{background:#fff;color:#4d32c8;box-shadow:0 1px 3px rgba(16,24,40,.09)}
.side-nav .nav-item{min-height:44px}.side-nav .nav-item span:last-child{font-weight:600}.side-nav-bottom{margin-top:auto}
.cts-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 24px}.cts-settings-link{display:block;padding:18px;border:1px solid #e6e9ef;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:.15s ease}.cts-settings-link:hover{border-color:#cfc6ff;box-shadow:0 8px 24px rgba(33,24,80,.06);transform:translateY(-1px)}.cts-settings-link strong{display:block;font-size:15px;margin-bottom:5px;color:#171a2b}.cts-settings-link span{display:block;color:#667085;font-size:13px;line-height:1.45}.cts-settings-link b{float:right;color:#6d4aff;font-size:18px}
.cts-doc-tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 22px}.cts-doc-tools a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #e3e6eb;border-radius:10px;background:#fff;text-decoration:none;color:#475467;font-size:13px;font-weight:600}.cts-doc-tools a:hover{border-color:#cfc6ff;color:#4d32c8}
@media(max-width:760px){.cts-settings-grid{grid-template-columns:1fr}.cts-section-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.cts-section-tabs a{flex:0 0 auto}}

/* v8.2 shared shell refinement */
@media(min-width:1001px){.app-shell{grid-template-columns:252px minmax(0,1fr)}.sidebar{padding-left:16px;padding-right:16px}.sidebar.collapsed{width:82px}.app-shell.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}}
.sidebar-brand{padding-bottom:22px}.brand-mark{font-size:20px}.brand-shield{width:31px;height:34px}.nav-item{height:50px}.nav-item.active:after{display:none}.nav-item.active{background:#f1efff}.topbar{height:70px;padding:0 26px}.btn-upgrade{background:#fff;color:var(--cts-primary);border-color:#dddfff}.btn-upload{background:var(--cts-primary);color:#fff;border-color:var(--cts-primary)}.notification-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-menu{padding-left:2px}.workspace,.cts-page{background:#f8f9fc}


/* --- global-v500.css --- */
.v5-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.v5-kpi{background:#fff;border:1px solid var(--cts-line);border-radius:14px;padding:18px;box-shadow:var(--cts-shadow)}.v5-kpi span{display:block;color:var(--cts-muted);font-size:12px}.v5-kpi strong{display:block;font-size:28px;margin-top:6px}.v5-list{display:grid;gap:10px}.v5-item{background:#fff;border:1px solid var(--cts-line);border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.v5-item small{color:var(--cts-muted)}.v5-actions{display:flex;gap:8px;flex-wrap:wrap}.v5-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f1f2ff;color:#5458dd;font-size:11px;font-weight:800}.v5-badge.good{background:#e9fbf6;color:#087a5e}.v5-badge.warn{background:#fff3e2;color:#9d5b00}.v5-chart{display:flex;align-items:flex-end;gap:6px;height:170px;padding:12px 0}.v5-bar{flex:1;min-width:8px;background:linear-gradient(180deg,#7977ff,#555be9);border-radius:5px 5px 0 0;position:relative}.v5-bar:hover:after{content:attr(data-label);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#111827;color:#fff;padding:4px 6px;border-radius:5px;font-size:10px}.v5-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v5-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v5-form-grid label{display:grid;gap:6px;font-size:13px;font-weight:700}.v5-form-grid input,.v5-form-grid select,.v5-form-grid textarea{width:100%;border:1px solid #dfe3ec;border-radius:9px;padding:10px 12px;font:inherit}.v5-code{background:#101624;color:#d9e3ff;border-radius:12px;padding:16px;overflow:auto;font-family:ui-monospace,monospace;font-size:12px}.v5-callout{border:1px solid #dfe2ff;background:#f7f6ff;border-radius:12px;padding:16px}.v5-table{width:100%;border-collapse:collapse}.v5-table th,.v5-table td{padding:11px 9px;border-bottom:1px solid var(--cts-line);font-size:13px;text-align:left}.v5-status-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid var(--cts-line)}.v5-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#0bc99c;margin-right:8px}.v5-dot.warn{background:#f2a63b}.v5-dot.bad{background:#e45a64}@media(max-width:900px){.v5-kpis{grid-template-columns:1fr 1fr}.v5-two,.v5-form-grid{grid-template-columns:1fr}}@media(max-width:520px){.v5-kpis{grid-template-columns:1fr}.v5-item{display:grid}}


/* --- brand-system.css --- */
/* CheckThenSend unified brand system — aligned to current homepage */
:root{
  --cts-purple:#3920a7;--cts-purple-2:#27107d;--cts-indigo:#6871f3;--cts-indigo-2:#5c67ef;
  --cts-green:#16d8a3;--cts-ink:#18204f;--cts-text:#2a2f73;--cts-muted:#68738f;
  --cts-bg:#f7f8ff;--cts-soft:#f1f2ff;--cts-line:#e3e6f2;--cts-white:#fff;
  --cts-radius:14px;--cts-radius-lg:20px;--cts-shadow:0 18px 48px rgba(44,31,128,.10);
}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cts-ink)}
a{transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}
/* public pages */
body:not(.v49-home):not(:has(.app-shell)){background:var(--cts-white)}
.site-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--cts-line)!important;backdrop-filter:blur(16px)}
.site-header .brand,.site-header .brand span:last-child{color:var(--cts-indigo-2)!important;font-weight:900!important}
.site-header .logo{background:linear-gradient(145deg,var(--cts-indigo),#705cf5)!important;color:#fff!important;border-radius:9px!important}
.site-header nav a{color:var(--cts-text)!important;font-weight:700}.site-header nav a:hover,.site-header nav a.active{color:var(--cts-indigo)!important}
.public-hero{background:linear-gradient(135deg,var(--cts-purple) 0%,#3a1ca1 52%,var(--cts-purple-2) 100%)!important;color:#fff!important}
.public-hero h1,.public-hero h2,.public-hero .eyebrow{color:#fff!important}.public-hero .lead,.public-hero p{color:#e9e9ff!important}
.public-section,.legal-page,.status-page{background:#fff}.public-section:nth-of-type(even){background:var(--cts-bg)}
.public-page .card,.public-page article,.legal-card,.status-card,.contact-card{border-color:var(--cts-line)!important;border-radius:var(--cts-radius)!important;box-shadow:none}
.btn,.button,button.primary,.public-page .btn{border-radius:9px!important;font-weight:800!important}
.btn:not(.ghost):not(.secondary):not(.btn-secondary),button.primary{background:var(--cts-indigo)!important;color:#fff!important;border-color:var(--cts-indigo)!important}
.btn:not(.ghost):not(.secondary):not(.btn-secondary):hover{background:#5a63df!important;transform:translateY(-1px)}
/* auth */
.auth-shell,.auth-layout,.login-shell,.register-shell{background:linear-gradient(135deg,var(--cts-purple),var(--cts-purple-2))!important}
.auth-card,.login-card,.register-card,.auth-panel{border-radius:var(--cts-radius-lg)!important;box-shadow:0 30px 80px rgba(25,16,85,.18)!important}
.auth-card input,.login-card input,.register-card input,.auth-panel input{border-color:var(--cts-line)!important;border-radius:10px!important}
/* app shell: white/airy dashboard with homepage colors */
.app-shell{background:var(--cts-bg)!important}.sidebar{background:#fff!important;border-right:1px solid var(--cts-line)!important}
.brand-mark,.sidebar-brand a{color:var(--cts-indigo-2)!important}.brand-shield{background:linear-gradient(145deg,var(--cts-indigo),#705cf5)!important;color:#fff!important;border-radius:9px!important}
.brand-text,.brand-text span{color:var(--cts-indigo-2)!important}.topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--cts-line)!important;backdrop-filter:blur(12px)}
.side-nav .nav-item{color:#5e6885!important;border-radius:10px!important}.side-nav .nav-item:hover{background:var(--cts-soft)!important;color:var(--cts-purple)!important}.side-nav .nav-item.active{background:#eeecff!important;color:var(--cts-purple)!important;font-weight:800!important}.side-nav .nav-item.active:after{background:var(--cts-green)!important}
.btn-upgrade{background:#eeecff!important;color:var(--cts-purple)!important;border:1px solid #d9d3ff!important}.btn-upload,.btn-primary{background:var(--cts-green)!important;color:#103a54!important;border-color:var(--cts-green)!important}.btn-secondary{background:#fff!important;color:var(--cts-text)!important;border:1px solid var(--cts-line)!important}
.avatar{background:linear-gradient(145deg,var(--cts-indigo),#705cf5)!important;color:#fff!important}.notification-dot{background:var(--cts-green)!important}
.workspace,.cts-page,.dash{background:var(--cts-bg)!important}.workspace-head h1,.cts-page-head h1,.dash-head h1{color:var(--cts-ink)!important;letter-spacing:-.03em}.eyebrow{color:var(--cts-indigo)!important}
.cts-card,.workspace-panel,.integration-card,.card,.tool,.table,.table-card,.metric,.cts-metric{background:#fff!important;border:1px solid var(--cts-line)!important;border-radius:var(--cts-radius)!important;box-shadow:0 7px 22px rgba(44,31,128,.035)!important}
.cts-section-tabs{background:#efeffb!important;border-color:var(--cts-line)!important}.cts-section-tabs a.active{color:var(--cts-purple)!important}.cts-settings-link:hover{border-color:#cfc6ff!important}
input,select,textarea,.cts-input,.cts-select{border-color:#dfe3ef!important;border-radius:10px!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:#9ba3ff!important;box-shadow:0 0 0 4px rgba(104,113,243,.12)!important}
.command-palette,.notification-pop,.profile-pop{border-color:var(--cts-line)!important;border-radius:var(--cts-radius)!important;box-shadow:var(--cts-shadow)!important}
/* scan detail + share */
.scan-detail,.share-page{background:var(--cts-bg)!important}.scan-head,.scan-meta,.findings,.share-card{border-color:var(--cts-line)!important;border-radius:var(--cts-radius)!important}
/* footer */
footer,.v49-footer{border-top:1px solid var(--cts-line)!important}
/* accessibility */
:focus-visible{outline:3px solid rgba(22,216,163,.42)!important;outline-offset:2px}
@media(max-width:700px){.public-hero{padding-left:0!important;padding-right:0!important}.cts-page,.workspace,.dash{padding-left:16px!important;padding-right:16px!important}}


/* --- design-system.css --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* CheckThenSend v8.8 — master clean enterprise design system */
:root{
  --cts-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cts-bg:#f8fafc;
  --cts-surface:#ffffff;
  --cts-surface-subtle:#f4f7fb;
  --cts-sidebar:#111c2d;
  --cts-sidebar-hover:#18263b;
  --cts-sidebar-active:#223a5e;
  --cts-text:#101828;
  --cts-text-secondary:#475467;
  --cts-muted:#667085;
  --cts-border:#d8e0ea;
  --cts-border-soft:#e8edf3;
  --cts-primary:#4f5ee8;
  --cts-primary-hover:#414fd0;
  --cts-primary-soft:#eef1ff;
  --cts-link:#155eef;
  --cts-success:#079455;
  --cts-success-soft:#ecfdf3;
  --cts-warning:#dc6803;
  --cts-warning-soft:#fff6ed;
  --cts-danger:#d92d20;
  --cts-danger-soft:#fef3f2;
  --cts-info:#1570ef;
  --cts-info-soft:#eff8ff;
  --cts-radius-sm:6px;
  --cts-radius-md:8px;
  --cts-radius-lg:12px;
  --cts-radius-xl:16px;
  --cts-shadow-sm:0 1px 2px rgba(16,24,40,.04);
  --cts-shadow-md:0 4px 14px rgba(16,24,40,.07);
  --cts-sidebar-width:248px;
  --cts-topbar-height:64px;
  --cts-content-max:1440px;
}

*{box-sizing:border-box}
html{font-family:var(--cts-font);background:var(--cts-bg);color:var(--cts-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-family:var(--cts-font)!important}
body{margin:0;color:var(--cts-text);background:var(--cts-bg);font-size:15px;line-height:1.55}
a{color:var(--cts-link);text-underline-offset:2px}
h1,h2,h3,h4,h5,h6{font-family:var(--cts-font)!important;color:var(--cts-text);letter-spacing:-.025em}
h1{font-size:clamp(30px,3vw,40px);line-height:1.16;font-weight:700}
h2{font-size:26px;line-height:1.25;font-weight:700}
h3{font-size:19px;line-height:1.35;font-weight:650}
p{color:var(--cts-text-secondary)}
small,.muted{color:var(--cts-muted)!important}

/* Authenticated app shell — docs-inspired structure */
.app-shell{display:grid!important;grid-template-columns:var(--cts-sidebar-width) minmax(0,1fr)!important;min-height:100vh;background:var(--cts-bg)}
.sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--cts-sidebar-width)!important;height:100vh!important;background:var(--cts-sidebar)!important;border-right:1px solid rgba(255,255,255,.08)!important;padding:0!important;display:flex!important;flex-direction:column!important;z-index:80!important;color:#d0d5dd!important;box-shadow:none!important}
.sidebar-brand{height:var(--cts-topbar-height)!important;display:flex!important;align-items:center!important;padding:0 22px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
.sidebar .brand-mark{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:#fff!important;min-width:0}
.sidebar .brand-shield{width:30px!important;height:30px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:#fff!important;color:var(--cts-sidebar)!important;font-weight:800!important;box-shadow:none!important}
.sidebar .brand-text{font-size:17px!important;font-weight:700!important;color:#fff!important;white-space:nowrap!important;letter-spacing:-.02em!important}
.sidebar .brand-text span{color:#fff!important}
.side-nav{padding:14px 12px!important;display:flex!important;flex-direction:column!important;gap:3px!important}
.side-nav-bottom{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.09)!important;padding-top:14px!important;padding-bottom:16px!important}
.nav-section-label{padding:12px 12px 7px!important;color:#8290a7!important;font-size:10px!important;line-height:1!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.nav-item{min-height:42px!important;padding:0 12px!important;border-radius:7px!important;display:flex!important;align-items:center!important;gap:11px!important;color:#c6ceda!important;text-decoration:none!important;background:transparent!important;border:0!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important;transition:background .15s ease,color .15s ease!important}
.nav-item:hover{background:var(--cts-sidebar-hover)!important;color:#fff!important}
.nav-item.active{background:var(--cts-sidebar-active)!important;color:#fff!important;font-weight:600!important}
.nav-icon{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;flex:0 0 20px!important;background:transparent!important;color:#98a6ba!important;border-radius:0!important;font-size:14px!important}
.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#fff!important}
.nav-button{width:100%!important;text-align:left!important;cursor:pointer!important}
.sidebar.collapsed{width:72px!important}
.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)!important}
.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-item>span:not(.nav-icon),.sidebar.collapsed .nav-section-label{display:none!important}
.sidebar.collapsed .sidebar-brand{justify-content:center!important;padding:0!important}
.sidebar.collapsed .side-nav{padding-left:10px!important;padding-right:10px!important}
.sidebar.collapsed .nav-item{justify-content:center!important;padding:0!important}

.app-main{grid-column:2!important;min-width:0!important;background:var(--cts-bg)!important;min-height:100vh}
.topbar{position:sticky!important;top:0!important;z-index:60!important;height:var(--cts-topbar-height)!important;min-height:var(--cts-topbar-height)!important;background:#fff!important;border-bottom:1px solid var(--cts-border-soft)!important;display:flex!important;align-items:center!important;padding:0 26px!important;box-shadow:none!important}
.collapse-btn{position:absolute!important;left:-18px!important;width:36px!important;height:36px!important;border:1px solid var(--cts-border)!important;background:#fff!important;color:var(--cts-text-secondary)!important;border-radius:50%!important;box-shadow:var(--cts-shadow-sm)!important;display:grid!important;place-items:center!important;font-size:14px!important}
.mobile-menu-btn{display:none!important}
.topbar-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important}
.top-search-btn{min-width:150px!important;justify-content:space-between!important}
.top-search-btn kbd{font-size:10px!important;color:var(--cts-muted)!important;border:1px solid var(--cts-border)!important;border-radius:4px!important;background:#f9fafb!important;padding:2px 5px!important}
.profile-menu{display:flex!important;align-items:center!important;gap:9px!important;border:0!important;background:transparent!important;color:var(--cts-text)!important;padding:4px 6px!important;border-radius:8px!important;cursor:pointer!important}
.profile-menu:hover{background:#f6f8fb!important}
.profile-copy{text-align:right!important;line-height:1.15!important}
.profile-copy strong{font-size:13px!important;font-weight:600!important;color:var(--cts-text)!important}
.profile-copy small{font-size:11px!important;color:var(--cts-muted)!important}
.avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:var(--cts-primary-soft)!important;color:var(--cts-primary)!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:700!important}
.notification-btn{position:relative!important;border:0!important;background:transparent!important}
.notification-dot{position:absolute!important;top:6px!important;right:6px!important;width:6px!important;height:6px!important;background:#12b76a!important;border-radius:50%!important;border:1px solid #fff!important}

/* Canonical page geometry */
.cts-page,.workspace,.platform,.sec{width:min(calc(100% - 64px),var(--cts-content-max))!important;max-width:var(--cts-content-max)!important;margin:0 auto!important;padding:34px 0 56px!important}
.cts-page-head,.workspace-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:24px!important;margin:0 0 26px!important;padding-bottom:22px!important;border-bottom:1px solid var(--cts-border-soft)!important}
.cts-page-head h1,.workspace-head h1{margin:0 0 7px!important;font-size:34px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.035em!important}
.cts-page-head p,.workspace-head p{margin:0!important;max-width:760px!important;font-size:15px!important;color:var(--cts-text-secondary)!important}
.eyebrow{font-size:11px!important;line-height:1!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--cts-primary)!important;margin-bottom:10px!important}

/* Secondary in-page navigation */
.cts-section-tabs{display:flex!important;gap:28px!important;align-items:center!important;min-height:45px!important;margin:-8px 0 28px!important;border-bottom:1px solid var(--cts-border-soft)!important;background:transparent!important;padding:0!important;overflow:auto!important}
.cts-section-tabs a{height:45px!important;display:flex!important;align-items:center!important;color:var(--cts-text-secondary)!important;text-decoration:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:0!important;font-size:14px!important;font-weight:500!important;white-space:nowrap!important}
.cts-section-tabs a:hover{color:var(--cts-text)!important}
.cts-section-tabs a.active{color:var(--cts-text)!important;border-bottom-color:var(--cts-primary)!important;font-weight:600!important;background:transparent!important}

/* Cards, sections, tables */
.cts-card,.card,.panel,.summary-card,.modal,.pricing-card,.setting-card,.trust-card{background:#fff!important;border:1px solid var(--cts-border)!important;border-radius:var(--cts-radius-lg)!important;box-shadow:var(--cts-shadow-sm)!important}
.cts-card{padding:24px!important;margin-bottom:22px!important}
.cts-card h2{margin-top:0!important}
.summary-card{padding:18px 20px!important;box-shadow:none!important}
.summary-card strong{font-size:28px!important;line-height:1.1!important}
.recent-table-wrap,.table-wrap{background:#fff!important;border:1px solid var(--cts-border)!important;border-radius:var(--cts-radius-lg)!important;overflow:hidden!important;box-shadow:none!important}
table{width:100%;border-collapse:collapse!important;background:#fff!important}
th{height:44px!important;padding:0 16px!important;background:#f8fafc!important;color:var(--cts-muted)!important;border-bottom:1px solid var(--cts-border)!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;text-align:left!important}
td{padding:13px 16px!important;border-bottom:1px solid var(--cts-border-soft)!important;color:var(--cts-text-secondary)!important;font-size:14px!important;vertical-align:middle!important}
tbody tr:last-child td{border-bottom:0!important}
tbody tr:hover td{background:#fafbfc!important}

/* Buttons */
.btn,button.btn,a.btn{min-height:40px!important;border-radius:var(--cts-radius-md)!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;border:1px solid transparent!important;box-shadow:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important}
.btn-primary,.btn-upload,.btn-new{background:var(--cts-primary)!important;border-color:var(--cts-primary)!important;color:#fff!important}
.btn-primary:hover,.btn-upload:hover,.btn-new:hover{background:var(--cts-primary-hover)!important;border-color:var(--cts-primary-hover)!important}
.btn-secondary,.btn-upgrade{background:#fff!important;border-color:var(--cts-border)!important;color:var(--cts-text)!important}
.btn-secondary:hover,.btn-upgrade:hover{background:#f8fafc!important;border-color:#c7d0dc!important}
.btn-danger{background:var(--cts-danger)!important;color:#fff!important;border-color:var(--cts-danger)!important}
.icon-btn{width:40px!important;height:40px!important;border-radius:var(--cts-radius-md)!important;border:1px solid var(--cts-border)!important;background:#fff!important;color:var(--cts-text-secondary)!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.icon-btn:hover{background:#f8fafc!important;color:var(--cts-text)!important}
button:disabled,.btn:disabled{opacity:.45!important;cursor:not-allowed!important}

/* Forms */
label{font-size:13px!important;font-weight:600!important;color:var(--cts-text)!important}
input,select,textarea,.cts-input,.cts-select{border:1px solid var(--cts-border)!important;border-radius:var(--cts-radius-md)!important;background:#fff!important;color:var(--cts-text)!important;min-height:42px!important;font-size:14px!important;box-shadow:none!important;outline:none!important}
input,select,.cts-input,.cts-select{padding:0 12px!important}
textarea{padding:11px 12px!important;min-height:110px!important}
input::placeholder,textarea::placeholder{color:#98a2b3!important}
input:focus,select:focus,textarea:focus,.cts-input:focus,.cts-select:focus{border-color:var(--cts-primary)!important;box-shadow:0 0 0 3px rgba(79,94,232,.12)!important}
.setting-row{padding:18px 0!important;border-bottom:1px solid var(--cts-border-soft)!important;display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(280px,420px)!important;gap:28px!important;align-items:center!important}
.setting-row:last-child{border-bottom:0!important}
.setting-row p{margin:3px 0 0!important;font-size:13px!important}

/* Settings as documentation-style control center */
.cts-settings-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--cts-border)!important;border-radius:var(--cts-radius-lg)!important;overflow:hidden!important;background:#fff!important}
.cts-settings-link{display:grid!important;grid-template-columns:28px 1fr!important;grid-template-rows:auto auto!important;column-gap:8px!important;padding:18px 20px!important;text-decoration:none!important;border:0!important;border-right:1px solid var(--cts-border-soft)!important;border-bottom:1px solid var(--cts-border-soft)!important;background:#fff!important;border-radius:0!important;box-shadow:none!important}
.cts-settings-link:hover{background:#fafbfc!important}
.cts-settings-link b{grid-row:1/3;color:var(--cts-primary)!important;font-size:18px!important}
.cts-settings-link strong{color:var(--cts-text)!important;font-size:14px!important}
.cts-settings-link span{color:var(--cts-muted)!important;font-size:12px!important;margin-top:3px!important}

/* Status badges */
.badge,.status-badge,.pill,.tag{border-radius:999px!important;padding:3px 8px!important;font-size:11px!important;line-height:1.35!important;font-weight:600!important;box-shadow:none!important}
.status-badge.good,.badge.success{background:var(--cts-success-soft)!important;color:var(--cts-success)!important}
.status-badge.warn,.badge.warning{background:var(--cts-warning-soft)!important;color:var(--cts-warning)!important}
.status-badge.bad,.badge.danger{background:var(--cts-danger-soft)!important;color:var(--cts-danger)!important}

/* Dashboard */
.dashboard-page{background:var(--cts-bg)!important}
.dashboard-page .workspace{max-width:1280px!important;width:min(calc(100% - 64px),1280px)!important}
.dashboard-page .toolbar,.toolbar{padding:12px 0!important;background:transparent!important;border:0!important}
.search-row{margin:0 0 14px!important}
.search-row input{width:100%!important}
.tabs{gap:22px!important}
.tab{background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:10px 0!important;color:var(--cts-text-secondary)!important;font-weight:500!important}
.tab.active{color:var(--cts-primary)!important;border-bottom-color:var(--cts-primary)!important}
.optional-label{font-size:9px!important;color:var(--cts-muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important}

/* Activity/help/admin pages should read like documentation, not marketing */
.help-layout,.docs-layout,.admin-layout{max-width:1220px!important;margin:0 auto!important}
.notice,.alert{border-radius:var(--cts-radius-md)!important;border:1px solid var(--cts-border)!important;box-shadow:none!important}

/* Public / marketing surfaces retain their own layout but share type and components */
body:not(:has(.app-shell)){font-family:var(--cts-font)!important}
.public-nav,.site-nav,.marketing-nav{font-family:var(--cts-font)!important}
.hero h1,.marketing-hero h1{letter-spacing:-.04em!important}

/* Authentication */
.auth-shell,.login-shell,.register-shell{font-family:var(--cts-font)!important;background:#fff!important}
.auth-card,.login-card,.register-card{border:1px solid var(--cts-border)!important;border-radius:var(--cts-radius-lg)!important;box-shadow:var(--cts-shadow-md)!important}

/* Scanner keeps its focused full-page layout, but follows the same type / control system */
.scan-active,.scan-active button,.scan-active input,.scan-active select,.scan-active textarea{font-family:var(--cts-font)!important}
.scan-active .studio-topbar,.scan-active .workspace-document-toolbar,.scan-active .studio-left,.scan-active .studio-right{background:#fff!important}
.scan-active .studio-topbar{border-bottom:1px solid var(--cts-border)!important}
.scan-active .studio-left{border-right:1px solid var(--cts-border)!important}
.scan-active .studio-right{border-left:1px solid var(--cts-border)!important}
.scan-active .pdf-viewport{background:#eef2f6!important}
.scan-active .finding,.scan-active .workspace-finding-row{border-color:var(--cts-border-soft)!important;box-shadow:none!important}
.scan-active #downloadSafe{background:#111827!important;border-color:#111827!important;color:#fff!important}
.scan-active #downloadSafe:hover{background:#000!important;border-color:#000!important}
.scan-active .wizard-tab,.scan-active .finding-filter{font-family:var(--cts-font)!important}

/* Modal / command palette */
.modal-backdrop,.command-backdrop{backdrop-filter:blur(2px)!important;background:rgba(16,24,40,.4)!important}
.modal,.command-palette{border:1px solid var(--cts-border)!important;border-radius:var(--cts-radius-xl)!important;background:#fff!important;box-shadow:0 20px 48px rgba(16,24,40,.18)!important}

/* Mobile */
@media(max-width:1100px){
  :root{--cts-sidebar-width:220px}
  .cts-page,.workspace,.platform,.sec{width:min(calc(100% - 40px),var(--cts-content-max))!important}
  .setting-row{grid-template-columns:1fr!important;gap:10px!important}
}
@media(max-width:820px){
  .app-shell{grid-template-columns:1fr!important}
  .app-main{grid-column:1!important}
  .sidebar{transform:translateX(-100%);transition:transform .2s ease!important;box-shadow:12px 0 32px rgba(16,24,40,.18)!important}
  .sidebar.mobile-open{transform:translateX(0)!important}
  .mobile-menu-btn{display:grid!important}
  .collapse-btn{display:none!important}
  .topbar{padding:0 14px!important}
  .topbar .btn-upgrade,.topbar .top-search-btn span,.profile-copy{display:none!important}
  .top-search-btn{min-width:40px!important;width:40px!important;padding:0!important}
  .top-search-btn kbd{display:none!important}
  .cts-page,.workspace,.platform,.sec{width:calc(100% - 28px)!important;padding-top:22px!important}
  .cts-page-head,.workspace-head{display:block!important}
  .cts-page-head h1,.workspace-head h1{font-size:30px!important}
  .cts-settings-grid{grid-template-columns:1fr!important}
}


/* CheckThenSend v8.8.1 — visual consistency pass */
:root{
  --cts-content-max:1320px;
  --cts-topbar-height:62px;
}

/* Slightly lighter, more compact brand presence */
.sidebar-brand{height:62px!important;padding:0 20px!important}
.sidebar .brand-shield{width:27px!important;height:27px!important;border-radius:7px!important;font-size:13px!important}
.sidebar .brand-text{font-size:16px!important;font-weight:700!important}

/* Stronger icon consistency without visual noise */
.nav-icon{width:18px!important;height:18px!important;flex-basis:18px!important;color:#a8b3c4!important}
.nav-icon svg{width:17px!important;height:17px!important;display:block!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#fff!important}

/* Top bar hierarchy: Upload is primary, Upgrade is intentionally secondary */
.topbar{height:62px!important;min-height:62px!important;padding:0 24px!important}
.topbar-actions{gap:9px!important}
.topbar .btn{height:38px!important;min-height:38px!important;border-radius:8px!important;padding:0 14px!important;font-size:13px!important}
.topbar .btn-upload{background:var(--cts-primary)!important;border:1px solid var(--cts-primary)!important;color:#fff!important;font-weight:600!important;box-shadow:none!important}
.topbar .btn-upload:hover{background:var(--cts-primary-hover)!important;border-color:var(--cts-primary-hover)!important}
.topbar .btn-upgrade{background:#fff!important;border:1px solid var(--cts-border)!important;color:var(--cts-text-secondary)!important;font-weight:600!important;box-shadow:none!important}
.topbar .btn-upgrade:hover{background:#f8fafc!important;color:var(--cts-text)!important;border-color:#c8d1dc!important}
.top-search-btn{min-width:142px!important;background:#fff!important;color:var(--cts-text-secondary)!important}
.icon-btn.notification-btn{width:38px!important;height:38px!important;border:1px solid var(--cts-border)!important;border-radius:8px!important;background:#fff!important;color:var(--cts-text-secondary)!important;display:grid!important;place-items:center!important}
.icon-btn.notification-btn svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
.profile-menu{padding:3px 4px 3px 7px!important}
.avatar{width:32px!important;height:32px!important}

/* Bring content closer to the navigation and slightly higher in the viewport */
.cts-page,.workspace,.platform,.sec{
  width:min(calc(100% - 72px),var(--cts-content-max))!important;
  max-width:var(--cts-content-max)!important;
  margin-left:48px!important;
  margin-right:auto!important;
  padding-top:26px!important;
  padding-bottom:52px!important;
}
.cts-page-head,.workspace-head{margin-bottom:22px!important;padding-bottom:20px!important;gap:18px!important}
.cts-page-head h1,.workspace-head h1{font-size:32px!important;line-height:1.16!important;margin-bottom:6px!important}
.cts-page-head p,.workspace-head p{font-size:15px!important;line-height:1.55!important}
.eyebrow{font-size:10px!important;letter-spacing:.11em!important;margin-bottom:8px!important}

/* Section tabs: simple documentation-style underline navigation */
.cts-section-tabs{
  gap:24px!important;
  margin:-3px 0 24px!important;
  min-height:42px!important;
  height:auto!important;
  border:0!important;
  border-bottom:1px solid var(--cts-border-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cts-section-tabs a{
  height:42px!important;
  min-height:42px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  padding:0 1px!important;
  color:var(--cts-text-secondary)!important;
}
.cts-section-tabs a.active{background:transparent!important;color:var(--cts-text)!important;border-bottom-color:var(--cts-primary)!important}

/* Consistent page controls */
.cts-page-head>.btn,.workspace-head>.btn{height:38px!important;padding:0 13px!important;font-size:13px!important;border-radius:8px!important;align-self:flex-start!important}
.inline-form{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.inline-form .cts-input{min-width:260px!important}
.cts-input,.cts-select,input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{border-radius:8px!important}

/* Flat admin-console tables */
.cts-table-wrap{border:1px solid var(--cts-border)!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important}
.cts-table{border-collapse:collapse!important;width:100%!important;background:#fff!important}
.cts-table thead{background:#f8fafc!important}
.cts-table th{height:44px!important;padding:0 16px!important;border-bottom:1px solid var(--cts-border)!important;color:#667085!important;font-size:11px!important;letter-spacing:.055em!important;text-transform:uppercase!important;font-weight:700!important}
.cts-table td{min-height:52px!important;padding:14px 16px!important;border-bottom:1px solid var(--cts-border-soft)!important;font-size:14px!important;color:var(--cts-text)!important;vertical-align:middle!important}
.cts-table tbody tr:last-child td{border-bottom:0!important}
.cts-table tbody tr:hover td{background:#fbfcfe!important}
.cts-table tbody tr:only-child td[colspan]{padding:42px 20px!important;text-align:center!important;color:var(--cts-muted)!important;background:#fff!important}

/* Cards remain restrained and aligned */
.cts-card,.card,.panel,.summary-card,.setting-card,.trust-card{box-shadow:none!important}
.cts-card{padding:22px!important}

/* Empty states */
.cts-empty,.empty-state{padding:40px 24px!important;text-align:center!important;color:var(--cts-muted)!important}
.cts-empty h3,.empty-state h3{margin:0 0 6px!important;color:var(--cts-text)!important;font-size:17px!important}
.cts-empty p,.empty-state p{max-width:520px!important;margin:0 auto 16px!important}

/* Settings / docs-like secondary navigation */
.cts-settings-grid{gap:10px!important}
.cts-settings-link{border-radius:8px!important;box-shadow:none!important}
.setting-row{padding:18px 0!important;border-bottom:1px solid var(--cts-border-soft)!important}
.setting-row:last-child{border-bottom:0!important}

/* Scanner inherits compact type and controls while keeping its full-page workspace */
.scan-active{font-size:14px!important}
.scan-active button,.scan-active input,.scan-active select{border-radius:7px!important}
.scan-active .studio-topbar{min-height:58px!important}
.scan-active .studio-left,.scan-active .studio-right{box-shadow:none!important}

@media(max-width:1100px){
  .cts-page,.workspace,.platform,.sec{width:calc(100% - 40px)!important;margin:0 20px!important}
}
@media(max-width:820px){
  .cts-page,.workspace,.platform,.sec{width:calc(100% - 28px)!important;margin:0 14px!important;padding-top:20px!important}
}


/* =====================================================================
   CheckThenSend v9.2 — Flat enterprise UI
   Prefer rows, dividers, inline metrics and sectioned content over cards.
   ===================================================================== */
:root{
  --cts-flat-line: var(--cts-border-soft,#e7ebf0);
  --cts-flat-line-strong: var(--cts-border,#d8dee8);
  --cts-flat-muted: var(--cts-text-muted,#64748b);
  --cts-flat-hover:#f8fafc;
  --cts-flat-selected:#f3f4ff;
}

/* Section primitives: content is grouped by hierarchy and dividers, not boxes. */
.cts-section{
  background:transparent!important;
  border:0!important;
  border-top:1px solid var(--cts-flat-line-strong)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:24px 0!important;
  margin:0!important;
}
.cts-section + .cts-section{margin-top:8px!important}
.cts-card,
.integration-card,.integration-section,
.tool,
.workspace-panel,
.review-panel,.verification-panel,
.billing-plans-card,.billing-plans-section{
  box-shadow:none!important;
}

/* Generic app cards are flattened into sections unless they are modal/empty-state UI. */
.cts-page .cts-card:not(.modal):not(.empty-state),
.cts-page .integration-card,.cts-page .integration-section,
.cts-page .tool{
  background:transparent!important;
  border:0!important;
  border-top:1px solid var(--cts-flat-line-strong)!important;
  border-radius:0!important;
  padding:22px 0!important;
  margin:0!important;
}
.cts-page .cts-card + .cts-card,
.cts-page .integration-section + .integration-section,
.cts-page .tool + .tool{margin-top:0!important}

/* Inline metrics replace KPI cards. */
.inline-metrics,.dashboard-summary,.v5-kpis,.admin-metrics{
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  background:transparent!important;
  border-top:1px solid var(--cts-flat-line-strong)!important;
  border-bottom:1px solid var(--cts-flat-line-strong)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:18px 0 26px!important;
  overflow-x:auto;
}
.inline-metrics > *,
.dashboard-summary > .summary-card,
.v5-kpis > .v5-kpi,
.admin-metrics > .card{
  min-width:150px!important;
  flex:1 1 0!important;
  background:transparent!important;
  border:0!important;
  border-right:1px solid var(--cts-flat-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:16px 20px!important;
  margin:0!important;
  text-align:left!important;
}
.inline-metrics > *:last-child,
.dashboard-summary > .summary-card:last-of-type,
.v5-kpis > .v5-kpi:last-child,
.admin-metrics > .card:last-child{border-right:0!important}
.dashboard-summary .summary-card strong,
.v5-kpi strong,.admin-metrics .card b{
  display:block!important;
  font-size:24px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  margin:0 0 4px!important;
  color:var(--cts-text,#111827)!important;
}
.dashboard-summary .summary-card span,
.v5-kpi span,.admin-metrics .card span{
  display:block!important;
  font-size:13px!important;
  font-weight:600!important;
  color:var(--cts-text-secondary,#475569)!important;
}
.dashboard-summary .summary-card small{display:block!important;margin-top:2px!important;color:var(--cts-flat-muted)!important}

/* Tables and list rows become the default information surface. */
.cts-table-wrap,.recent-table-wrap,.table{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:auto!important;
}
.cts-table,.recent-table,.table table{border-collapse:collapse!important;width:100%!important}
.cts-table th,.recent-table th,.table th{
  background:transparent!important;
  border-bottom:1px solid var(--cts-flat-line-strong)!important;
  color:var(--cts-flat-muted)!important;
  font-size:12px!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
.cts-table td,.recent-table td,.table td{
  background:transparent!important;
  border-bottom:1px solid var(--cts-flat-line)!important;
}
.cts-table tbody tr:hover td,.recent-table tbody tr:hover td,.table tbody tr:hover td{background:var(--cts-flat-hover)!important}

/* Repeated list items: divider rows instead of mini-cards. */
.v5-list,.team-member-list,#ruleList,#workspaceList,.list{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.v5-item,.billing-plan-row,.team-member-row,.rule-row,.workspace-row,.list > *{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--cts-flat-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin:0!important;
  padding:16px 4px!important;
}
.v5-item:first-child,.billing-plan-row:first-child,.team-member-row:first-child,.rule-row:first-child,.workspace-row:first-child{border-top:1px solid var(--cts-flat-line)!important}
.v5-item:hover,.billing-plan-row:hover,.team-member-row:hover,.rule-row:hover,.workspace-row:hover{background:var(--cts-flat-hover)!important}
.workspace-row.active{background:var(--cts-flat-selected)!important;color:var(--cts-primary,#5b5ff2)!important}

/* Settings = docs-style rows. */
.cts-settings-grid{
  display:block!important;
  border-top:1px solid var(--cts-flat-line)!important;
  margin-top:18px!important;
}
.cts-settings-link{
  display:grid!important;
  grid-template-columns:22px minmax(150px,220px) 1fr!important;
  align-items:center!important;
  gap:12px!important;
  padding:16px 4px!important;
  border:0!important;
  border-bottom:1px solid var(--cts-flat-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cts-settings-link:hover{background:var(--cts-flat-hover)!important}
.cts-settings-link strong{margin:0!important}
.cts-settings-link span{color:var(--cts-flat-muted)!important}
.settings-form{border-top:1px solid var(--cts-flat-line-strong)!important;margin-top:10px!important}
.setting-row{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(260px,420px)!important;gap:28px!important;padding:18px 4px!important}

/* Help content = article rows. */
.help-sections{border-top:1px solid var(--cts-flat-line-strong)!important}
.help-row{
  display:grid!important;
  grid-template-columns:minmax(180px,280px) 1fr auto!important;
  gap:24px!important;
  align-items:start!important;
  padding:22px 4px!important;
  border-bottom:1px solid var(--cts-flat-line)!important;
  background:transparent!important;
}
.help-row h2{margin:0!important;font-size:17px!important}
.help-row p{margin:0!important;color:var(--cts-text-secondary,#475569)!important}
.help-row a{white-space:nowrap!important}

/* Team uses a split pane with dividers, not nested cards. */
.team-layout{
  display:grid!important;
  grid-template-columns:minmax(230px,300px) 1fr!important;
  gap:0!important;
  border-top:1px solid var(--cts-flat-line-strong)!important;
  border-bottom:1px solid var(--cts-flat-line-strong)!important;
}
.team-workspace-list,.team-detail-panel{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:22px!important;
}
.team-workspace-list{border-right:1px solid var(--cts-flat-line-strong)!important;padding-left:0!important}
.team-detail-panel{padding-right:0!important}
.team-tabs{border-bottom:1px solid var(--cts-flat-line-strong)!important;border-radius:0!important;background:transparent!important}
.team-tab{border-radius:0!important;background:transparent!important}

/* Billing rows remain horizontal and compact. */
.billing-plan-list{border-top:1px solid var(--cts-flat-line)!important}
.billing-plan-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.billing-plan-row.is-current{background:var(--cts-flat-selected)!important}
.billing-plan-copy{min-width:0!important}

/* Analytics sections use open columns with a vertical divider. */
.v5-two{gap:0!important;border-top:1px solid var(--cts-flat-line-strong)!important}
.v5-two > .cts-section,.v5-two > .cts-card{
  border-top:0!important;
  padding:24px!important;
}
.v5-two > :first-child{padding-left:0!important;border-right:1px solid var(--cts-flat-line-strong)!important}
.v5-two > :last-child{padding-right:0!important}

/* Integrations / platform tools become readable section rows. */
.integration-section{display:grid!important;grid-template-columns:minmax(180px,280px) 1fr!important;column-gap:28px!important}
.integration-section h3{grid-column:1!important;margin:0!important}
.integration-section > p,.integration-section > button,.integration-section > div{grid-column:2!important}
.tool-grid{display:block!important}
.tool-grid > .tool{display:grid!important;grid-template-columns:minmax(200px,280px) 1fr!important;column-gap:28px!important}
.tool-grid > .tool > h2{grid-column:1!important;margin-top:0!important}
.tool-grid > .tool > :not(h2){grid-column:2!important}

/* Projects: simple rows instead of cards. */
.cards-grid{display:block!important;border-top:1px solid var(--cts-flat-line-strong)!important}
.project-card,.loading-card{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:20px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--cts-flat-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:18px 4px!important;
  margin:0!important;
}
.project-card:hover{background:var(--cts-flat-hover)!important}

/* Scanner findings are dense review rows. Keep the three-pane layout itself. */
.scan-active .finding,.scan-active .workspace-finding-row,
.scan-active .finding-details-card{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--cts-flat-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin:0!important;
  padding:12px 10px!important;
}
.scan-active .finding:hover,.scan-active .workspace-finding-row:hover{background:var(--cts-flat-hover)!important}
.scan-active .finding.active-finding,.scan-active .workspace-finding-row.active{background:var(--cts-flat-selected)!important}

/* Banners remain banners: messages should stand apart from ordinary content. */
.notice,.alert,.verification-warning,.billing-note{
  border-radius:6px!important;
  box-shadow:none!important;
}

@media(max-width:900px){
  .team-layout{grid-template-columns:1fr!important}
  .team-workspace-list{border-right:0!important;border-bottom:1px solid var(--cts-flat-line-strong)!important;padding-right:0!important}
  .team-detail-panel{padding-left:0!important}
  .help-row,.integration-section,.tool-grid > .tool{grid-template-columns:1fr!important}
  .help-row > *, .integration-section > *, .tool-grid > .tool > *{grid-column:1!important}
  .setting-row{grid-template-columns:1fr!important;gap:10px!important}
}


/* CheckThenSend v9.3 — polished professional enterprise layer */
:root{
  --cts-bg:#f6f8fb;
  --cts-surface:#ffffff;
  --cts-surface-raised:#ffffff;
  --cts-surface-soft:#f9fafc;
  --cts-text:#0f172a;
  --cts-text-secondary:#475569;
  --cts-muted:#738096;
  --cts-border:#dbe2ea;
  --cts-border-soft:#e9edf3;
  --cts-primary:#5b5ce2;
  --cts-primary-hover:#4a4bc8;
  --cts-primary-soft:#f0f1ff;
  --cts-primary-ring:rgba(91,92,226,.16);
  --cts-success:#0b8f68;
  --cts-warning:#b86200;
  --cts-danger:#c9382b;
  --cts-sidebar:#101827;
  --cts-sidebar-hover:#18243a;
  --cts-sidebar-active:#202d48;
  --cts-shadow-sm:0 1px 2px rgba(15,23,42,.04),0 1px 1px rgba(15,23,42,.03);
  --cts-shadow-md:0 8px 24px rgba(15,23,42,.07),0 2px 6px rgba(15,23,42,.04);
  --cts-shadow-lg:0 18px 48px rgba(15,23,42,.11);
}

/* Global polish */
html,body{background:var(--cts-bg)!important;color:var(--cts-text)!important}
body{font-size:15px!important;line-height:1.55!important;letter-spacing:-.005em}
h1,h2,h3,h4{color:var(--cts-text)!important;text-wrap:balance}
p{color:var(--cts-text-secondary)!important}
::selection{background:#dfe1ff;color:#22255f}

/* App shell: solid, restrained, confident */
.sidebar{background:linear-gradient(180deg,#111827 0%,#0f1724 100%)!important;border-right:1px solid rgba(255,255,255,.07)!important}
.sidebar-brand{background:rgba(255,255,255,.015)!important}
.sidebar .brand-shield{background:linear-gradient(135deg,#7779f3,#5659dc)!important;color:white!important;border-radius:9px!important;box-shadow:0 7px 18px rgba(70,74,210,.28)!important}
.sidebar .brand-text{font-weight:750!important;letter-spacing:-.025em!important}
.nav-item{border-radius:8px!important;color:#cbd5e1!important}
.nav-item:hover{background:rgba(255,255,255,.055)!important;color:white!important}
.nav-item.active{background:linear-gradient(90deg,rgba(104,108,238,.22),rgba(104,108,238,.10))!important;color:#fff!important;box-shadow:inset 3px 0 0 #8b8df7!important}
.nav-item.active .nav-icon{color:#cfd0ff!important}
.nav-section-label{color:#718096!important}
.topbar{background:rgba(255,255,255,.96)!important;backdrop-filter:saturate(150%) blur(10px)!important;border-bottom:1px solid var(--cts-border-soft)!important}
.app-main{background:linear-gradient(180deg,#fbfcfe 0,#f6f8fb 180px)!important}

/* Page header */
.cts-page,.workspace,.platform,.sec{width:min(calc(100% - 72px),1400px)!important}
.cts-page-head,.workspace-head{margin-bottom:24px!important;padding-bottom:20px!important;border-bottom:1px solid var(--cts-border-soft)!important}
.cts-page-head h1,.workspace-head h1{font-size:34px!important;font-weight:720!important;letter-spacing:-.04em!important}
.eyebrow{color:#6064dc!important;font-size:10.5px!important;letter-spacing:.13em!important}

/* Buttons */
.btn,.pv-btn,.hero-actions .btn,button.btn{border-radius:8px!important;font-weight:650!important;letter-spacing:-.01em!important;box-shadow:none!important;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease!important}
.btn:hover,.pv-btn:hover,.hero-actions .btn:hover{transform:translateY(-1px)}
.btn-primary,.btn-new,.btn-upload:not(.secondary),.pv-btn.secondary{background:linear-gradient(180deg,#6668eb 0%,#5558d8 100%)!important;border-color:#4e51cf!important;color:#fff!important;box-shadow:0 4px 10px rgba(82,86,214,.18)!important}
.btn-primary:hover,.btn-new:hover,.btn-upload:not(.secondary):hover,.pv-btn.secondary:hover{background:linear-gradient(180deg,#5a5ddf 0%,#4c4fc8 100%)!important;box-shadow:0 6px 14px rgba(82,86,214,.22)!important}
.btn-secondary,.btn.ghost,.icon-btn,.collapse-btn{background:#fff!important;border-color:var(--cts-border)!important;color:#334155!important}
.btn-secondary:hover,.btn.ghost:hover,.icon-btn:hover{background:#f8fafc!important;border-color:#c8d2df!important}
.btn-upgrade{background:#fff!important;color:#4e50c8!important;border:1px solid #cfd2fb!important;box-shadow:none!important}

/* Inputs and toolbars */
input,select,textarea,.cts-input,.cts-select,.pv-field{background:#fff!important;border:1px solid #cfd8e3!important;border-radius:8px!important;color:var(--cts-text)!important;box-shadow:inset 0 1px 1px rgba(15,23,42,.015)!important}
input:focus,select:focus,textarea:focus,.cts-input:focus,.cts-select:focus,.pv-field:focus{outline:0!important;border-color:#7376e8!important;box-shadow:0 0 0 3px var(--cts-primary-ring)!important}
.inline-form,.toolbar,.table-toolbar{align-items:center!important}

/* Flat UI, but with deliberate section anchors */
.cts-section,.activity-section,.integration-section,.tool-grid>.tool,.help-sections,.settings-form,.team-layout,.billing-plan-list,.cards-grid{background:rgba(255,255,255,.72)!important;border-color:var(--cts-border)!important}
.cts-section,.activity-section{border-top:1px solid var(--cts-border)!important;border-bottom:1px solid var(--cts-border)!important;padding-top:20px!important;padding-bottom:20px!important}
.cts-card,.card,.panel,.trust-card,.pricing-card{border:1px solid var(--cts-border)!important;background:#fff!important;box-shadow:var(--cts-shadow-sm)!important;border-radius:10px!important}

/* Inline metrics: stronger hierarchy without dashboard-card feel */
.inline-metrics,.dashboard-summary,.v5-kpis,.admin-metrics{background:linear-gradient(180deg,#fff,#fbfcff)!important;border:1px solid var(--cts-border)!important;border-radius:10px!important;box-shadow:var(--cts-shadow-sm)!important;overflow:hidden!important}
.inline-metrics>* ,.dashboard-summary>.summary-card,.v5-kpis>.v5-kpi,.admin-metrics>.card{padding:17px 20px!important}
.dashboard-summary .summary-card strong,.v5-kpi strong,.admin-metrics .card b{font-size:25px!important;font-weight:720!important;color:#111827!important}

/* Tables: cleaner, more premium */
.cts-table-wrap,.recent-table-wrap,.table{background:#fff!important;border:1px solid var(--cts-border)!important;border-radius:10px!important;overflow:hidden!important;box-shadow:var(--cts-shadow-sm)!important}
.cts-table th,.recent-table th,.table th{background:#f8fafc!important;color:#64748b!important;font-size:11px!important;letter-spacing:.055em!important;padding-top:11px!important;padding-bottom:11px!important}
.cts-table td,.recent-table td,.table td{padding-top:14px!important;padding-bottom:14px!important;color:#283548!important}
.cts-table tbody tr:hover td,.recent-table tbody tr:hover td,.table tbody tr:hover td{background:#fafbff!important}

/* Lists and rows */
.v5-item,.billing-plan-row,.team-member-row,.rule-row,.workspace-row,.list>*{padding:17px 8px!important}
.v5-item:hover,.billing-plan-row:hover,.team-member-row:hover,.rule-row:hover,.workspace-row:hover{background:#fafbff!important}
.workspace-row.active,.billing-plan-row.is-current{background:#f4f5ff!important;box-shadow:inset 3px 0 0 #6a6de3!important}

/* Settings / help */
.cts-settings-link{padding:17px 8px!important;transition:background .12s ease,padding-left .12s ease!important}
.cts-settings-link:hover{background:#fafbff!important;padding-left:12px!important}
.help-row{padding:23px 8px!important}
.help-row:hover{background:#fafbff!important}

/* Badges and banners */
.status-pill,.badge,.tag{border:1px solid #e1e6ed!important;background:#f8fafc!important;color:#475569!important;font-weight:650!important}
.status-pill.good,.badge.good{background:#ecfdf5!important;border-color:#c8f1df!important;color:#087a5b!important}
.status-pill.warn,.badge.warn{background:#fff8eb!important;border-color:#f6ddb5!important;color:#9a5700!important}
.notice,.alert,.verification-warning,.billing-note{border:1px solid var(--cts-border)!important;background:#fff!important;box-shadow:var(--cts-shadow-sm)!important}

/* Modals, command palette, notifications */
.modal,.command-palette,.notification-pop,.profile-pop{border:1px solid #d8e0ea!important;box-shadow:var(--cts-shadow-lg)!important;border-radius:12px!important;background:#fff!important}
.command-backdrop{background:rgba(15,23,42,.28)!important;backdrop-filter:blur(4px)!important}

/* Scanner: keep the strong three-pane workflow but make it polished */
body.scan-active{background:#eef2f7!important}
.scan-active .fullpage-scanner,.scan-active .scan-workspace,.scan-active .redaction-studio{background:#eef2f7!important}
.scan-active .studio-topbar,.scan-active .workspace-topbar,.scan-active .scan-topbar{background:#fff!important;border-bottom:1px solid var(--cts-border)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}
.scan-active .studio-left,.scan-active .studio-right,.scan-active .workspace-left,.scan-active .workspace-right{background:#fff!important;border-color:var(--cts-border)!important}
.scan-active .preview-stage,.scan-active .document-stage,.scan-active .pdf-stage{background:#e9eef5!important}
.scan-active .finding,.scan-active .workspace-finding-row,.scan-active .finding-details-card{border-bottom-color:#e5eaf0!important}
.scan-active .finding:hover,.scan-active .workspace-finding-row:hover{background:#f8f9ff!important}
.scan-active .finding.active-finding,.scan-active .workspace-finding-row.active{background:#eef0ff!important;box-shadow:inset 3px 0 0 #6366df!important}

/* Public marketing: brighter but restrained */
.site-header,.pv-header{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid var(--cts-border-soft)!important}
.hero,.marketing-hero{background:radial-gradient(circle at 75% 10%,rgba(102,104,235,.12),transparent 28%),linear-gradient(180deg,#fff 0%,#f7f8ff 100%)!important}
.hero h1,.marketing-hero h1{color:#0d1730!important;letter-spacing:-.05em!important}
.hero p,.marketing-hero p{color:#536176!important}
.feature-card,.industry-card,.resource-card,.pv-auth-card,.status-card{border:1px solid var(--cts-border)!important;box-shadow:var(--cts-shadow-sm)!important;border-radius:12px!important;background:#fff!important}

/* Auth pages */
.pv-auth-shell{background:radial-gradient(circle at 20% 0%,rgba(95,99,230,.09),transparent 35%),#f7f9fc!important}
.pv-auth-card{box-shadow:0 16px 48px rgba(15,23,42,.08)!important}

/* Motion, but subtle and professional */
@media(prefers-reduced-motion:no-preference){
  .cts-table tbody tr,.recent-table tbody tr,.project-card,.v5-item,.billing-plan-row,.team-member-row{transition:background .12s ease,transform .12s ease}
}

@media(max-width:900px){
  .cts-page,.workspace,.platform,.sec{width:min(calc(100% - 32px),1400px)!important}
}

/* CheckThenSend Premium UI v9.6.0
   Loaded last across public and authenticated surfaces. */
:root{
  --cts-bg:#f5f7fb;
  --cts-surface:#ffffff;
  --cts-surface-soft:#f8fafc;
  --cts-text:#0f172a;
  --cts-muted:#64748b;
  --cts-border:#e2e8f0;
  --cts-border-strong:#cbd5e1;
  --cts-brand:#4f46e5;
  --cts-brand-strong:#3730a3;
  --cts-brand-soft:#eef2ff;
  --cts-success:#059669;
  --cts-success-soft:#ecfdf5;
  --cts-warning:#b45309;
  --cts-danger:#dc2626;
  --cts-navy:#0b1220;
  --cts-shadow-sm:0 1px 2px rgba(15,23,42,.04),0 1px 3px rgba(15,23,42,.06);
  --cts-shadow:0 12px 34px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.04);
  --cts-shadow-lg:0 24px 70px rgba(15,23,42,.14),0 6px 18px rgba(15,23,42,.06);
  --cts-radius:14px;
  --cts-radius-lg:20px;
  --cts-sidebar:240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--cts-bg)}
body{
  margin:0;
  color:var(--cts-text);
  background:var(--cts-bg);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
::selection{background:#c7d2fe;color:#1e1b4b}

/* Shared controls */
:where(.btn,.v49-btn,.pv-btn,button.button){
  border-radius:10px!important;
  font-weight:650!important;
  letter-spacing:-.01em;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important;
}
:where(.btn,.v49-btn,.pv-btn,button.button):hover{transform:translateY(-1px)}
:where(.btn-primary,.btn-new,.v49-btn-green,.pv-btn:not(.secondary):not(.ghost)){
  background:linear-gradient(135deg,var(--cts-brand),#6366f1)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 6px 16px rgba(79,70,229,.20)!important;
}
:where(.btn-primary,.btn-new,.v49-btn-green,.pv-btn:not(.secondary):not(.ghost)):hover{
  background:linear-gradient(135deg,var(--cts-brand-strong),var(--cts-brand))!important;
  box-shadow:0 9px 22px rgba(79,70,229,.28)!important;
}
:where(.btn-secondary,.v49-btn-soft,.v49-btn-purple,.pv-btn.secondary,.pv-btn.ghost){
  background:#fff!important;color:#334155!important;border:1px solid var(--cts-border)!important;
  box-shadow:var(--cts-shadow-sm)!important;
}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea,.cts-input,.cts-select){
  border:1px solid var(--cts-border)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--cts-text)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.02)!important;
  outline:none;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea,.cts-input,.cts-select):focus{
  border-color:#818cf8!important;
  box-shadow:0 0 0 4px rgba(99,102,241,.12)!important;
}
:where(.eyebrow,.action-kicker,.v49-section-kicker){
  color:var(--cts-brand)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}

/* Authenticated shell */
.app-shell{min-height:100vh;background:var(--cts-bg)!important}
.sidebar{
  background:linear-gradient(180deg,#0b1220 0%,#111827 100%)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
}
.sidebar-brand{border-bottom:1px solid rgba(255,255,255,.08)!important}
.brand-mark,.sidebar-brand a{color:#fff!important}
.brand-shield{
  display:inline-grid!important;place-items:center!important;
  width:32px!important;height:32px!important;border-radius:9px!important;
  background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;
  color:#fff!important;box-shadow:0 8px 20px rgba(99,102,241,.30)!important;
}
.brand-text,.brand-text span{color:#fff!important;font-weight:750!important;letter-spacing:-.025em}
.side-nav a,
.side-nav button{
  color:#cbd5e1!important;border-radius:9px!important;margin:2px 10px!important;
  transition:background .15s ease,color .15s ease!important;
}
.side-nav a:hover,.side-nav button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.side-nav a.active,.side-nav button.active,[aria-current=page]{
  background:rgba(99,102,241,.20)!important;color:#fff!important;
  box-shadow:inset 3px 0 0 #818cf8!important;
}
.topbar{
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid rgba(226,232,240,.9)!important;
  min-height:64px!important;
}
.app-main{background:var(--cts-bg)!important;min-width:0}
.workspace,.cts-page{max-width:1480px;margin:0 auto!important;padding:34px 38px 56px!important}
.cts-page-head,.documents-intro{
  margin-bottom:24px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
.cts-page-head h1,.documents-intro h1,.workspace h1{
  color:var(--cts-text)!important;font-size:30px!important;line-height:1.15!important;letter-spacing:-.035em!important;font-weight:760!important;
}
.cts-page-head p,.documents-intro p{color:var(--cts-muted)!important;font-size:14px!important;line-height:1.65!important}

/* Authenticated cards/panels */
:where(.workspace-panel,.cts-section,.panel,.summary-card,.scanner-card,.settings-form,.team-detail-panel,.team-workspace-list,.recent-table-wrap,.billing-card,.subscription-card){
  background:var(--cts-surface)!important;
  border:1px solid var(--cts-border)!important;
  border-radius:var(--cts-radius)!important;
  box-shadow:var(--cts-shadow-sm)!important;
}
.dashboard-summary{gap:14px!important;margin:18px 0 26px!important}
.summary-card{padding:20px 22px!important;position:relative!important;overflow:hidden!important}
.summary-card:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#cbd5e1;
}
.summary-card.good:before{background:#10b981}.summary-card.attention:before{background:#f59e0b}.summary-card.total:before{background:#6366f1}.summary-card.recent:before{background:#0ea5e9}
.summary-card strong{font-size:28px!important;letter-spacing:-.04em!important;color:var(--cts-text)!important}
.summary-card span{font-weight:650!important;color:#334155!important}.summary-card small{color:var(--cts-muted)!important}
.workspace-head{border-bottom:1px solid var(--cts-border)!important;padding-bottom:0!important;margin-bottom:18px!important}
.tabs{gap:24px!important}.tab{border-radius:0!important;color:var(--cts-muted)!important;font-weight:650!important}
.tab.active{color:var(--cts-brand)!important;border-bottom-color:var(--cts-brand)!important}

.document-toolbar{
  background:#fff!important;border:1px solid var(--cts-border)!important;border-radius:12px!important;
  padding:10px!important;box-shadow:var(--cts-shadow-sm)!important;margin-bottom:16px!important;
}
.search-row{background:var(--cts-surface-soft)!important;border:1px solid transparent!important;border-radius:9px!important}
.search-row:focus-within{background:#fff!important;border-color:#c7d2fe!important;box-shadow:0 0 0 3px rgba(99,102,241,.08)!important}
.recent-table-wrap{overflow:hidden!important}
.recent-table{border-collapse:separate!important;border-spacing:0!important}
.recent-table thead th{
  background:#f8fafc!important;color:#64748b!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;
  border-bottom:1px solid var(--cts-border)!important;padding:13px 16px!important;
}
.recent-table tbody td{padding:15px 16px!important;border-bottom:1px solid #eef2f7!important;color:#334155!important}
.recent-table tbody tr:hover td{background:#fafbff!important}

/* Scan/upload experience */
.scan-account-page{max-width:1500px!important}
.scan-account-head{align-items:flex-end!important}
.scanner-section>.wrap{max-width:none!important;padding:0!important}
.scanner-card{padding:0!important;overflow:hidden!important;box-shadow:var(--cts-shadow)!important}
.scan-stepper{
  background:#fbfcfe!important;border-bottom:1px solid var(--cts-border)!important;padding:18px 22px!important;gap:10px!important;
}
.scan-step i{background:#e2e8f0!important;color:#64748b!important;border:0!important}
.scan-step.active i{background:var(--cts-brand)!important;color:#fff!important;box-shadow:0 0 0 4px rgba(99,102,241,.10)!important}
.scanner-tabs{padding:18px 22px 0!important;background:#fff!important}
.scanner-tabs .tab{padding:10px 2px!important;margin-right:22px!important}
.scanner-card>.panel{border:0!important;box-shadow:none!important;border-radius:0!important;padding:22px!important}
.scan-context{gap:14px!important}
.scan-context label{color:#334155!important;font-weight:620!important;font-size:12px!important}
.scan-context input,.scan-context select{margin-top:7px!important;min-height:42px!important;padding:0 11px!important}
.dropzone{
  margin-top:20px!important;background:#fafbff!important;border:1.5px dashed #c7d2fe!important;border-radius:16px!important;
  min-height:210px!important;transition:border-color .2s ease,background .2s ease,transform .2s ease!important;
}
.dropzone:hover{border-color:#818cf8!important;background:#f5f7ff!important;transform:translateY(-1px)}
.upload-icon{background:var(--cts-brand-soft)!important;color:var(--cts-brand)!important;border-radius:12px!important}
.dropzone h3{color:var(--cts-text)!important}.dropzone p,.dropzone small{color:var(--cts-muted)!important}
.btn.wide{min-height:46px!important;margin-top:16px!important}

/* Scan review workspace */
.workspace-shell,.studio-shell{
  background:#fff!important;border:1px solid var(--cts-border)!important;border-radius:16px!important;box-shadow:var(--cts-shadow)!important;overflow:hidden!important;
}
.workspace-topbar,.studio-topbar{background:#fff!important;border-bottom:1px solid var(--cts-border)!important;min-height:68px!important}
.workspace-file strong{font-weight:700!important;color:var(--cts-text)!important}.workspace-file small{color:var(--cts-muted)!important}
.workspace-chip{background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important;border-radius:999px!important}

/* Settings / team */
.settings-form,.cts-section{padding:24px!important}
.setting-row{padding:18px 0!important;border-bottom:1px solid #eef2f7!important;gap:24px!important}
.setting-row:last-of-type{border-bottom:0!important}
.setting-row label{font-weight:650!important;color:#1e293b!important}.setting-row p{color:var(--cts-muted)!important}
.cts-settings-link{border:1px solid var(--cts-border)!important;border-radius:12px!important;background:#fff!important}
.cts-settings-link:hover{border-color:#c7d2fe!important;background:#fafbff!important;transform:translateY(-1px)}
.team-layout{gap:18px!important}.team-tabs{border-bottom:1px solid var(--cts-border)!important}.team-tab.active{color:var(--cts-brand)!important;border-bottom-color:var(--cts-brand)!important}

/* Marketing / home */
.v49-home{background:#fff!important}
.v49-nav-shell{
  background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px) saturate(180%);
  border-bottom:1px solid rgba(226,232,240,.85)!important;
}
.v49-nav{min-height:72px!important}
.v49-brand{font-weight:760!important;letter-spacing:-.025em!important;color:#111827!important}
.v49-brand-mark,.pv-brand-mark{
  background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important;border-radius:9px!important;
  box-shadow:0 8px 18px rgba(79,70,229,.22)!important;
}
.v49-navlinks a{color:#475569!important;font-weight:560!important}.v49-navlinks a:hover{color:#111827!important}
.v49-login{color:#334155!important;font-weight:620!important}
.v49-hero{
  background:linear-gradient(180deg,#fff 0%,#f7f8ff 68%,#fff 100%)!important;
  padding-top:92px!important;
}
.v49-hero-grid{gap:72px!important;align-items:center!important}
.v49-trust-pill{background:#eef2ff!important;border:1px solid #dbe3ff!important;color:#4338ca!important;border-radius:999px!important;font-weight:750!important;letter-spacing:.06em!important}
.v49-hero h1{
  color:#0f172a!important;font-size:clamp(48px,5.4vw,76px)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:780!important;max-width:800px!important;
}
.v49-hero h1 span{background:linear-gradient(90deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.v49-hero-copy>p{font-size:18px!important;line-height:1.75!important;color:#5b6475!important;max-width:680px!important}
.v49-no-card{color:#64748b!important;font-size:13px!important}
.v49-product-hero{filter:none!important}
.v49-app-window{border:1px solid #dfe4ee!important;border-radius:20px!important;box-shadow:var(--cts-shadow-lg)!important;background:#fff!important;overflow:hidden!important}
.v49-app-top{background:#f8fafc!important;border-bottom:1px solid #e5e7eb!important}
.v49-ai-chip,.v49-verify-chip{border-radius:10px!important;box-shadow:var(--cts-shadow)!important;border:1px solid #e2e8f0!important}
.v49-proof-ribbon{border-top:1px solid #edf0f5!important;border-bottom:1px solid #edf0f5!important;background:#fff!important;color:#64748b!important}
.v49-proof-ribbon span:before{content:"✓";color:#059669;margin-right:7px;font-weight:800}
.v49-section{padding:104px 0!important}.v49-section h2,.v49-industries h2,.v49-steps h2,.v49-integrations h2{
  color:#0f172a!important;font-size:clamp(34px,4vw,52px)!important;letter-spacing:-.045em!important;line-height:1.08!important;font-weight:760!important;
}
.v49-section-lead{color:#64748b!important;line-height:1.75!important;font-size:17px!important}
.v49-demo-frame{border-radius:18px!important;border:1px solid #e2e8f0!important;box-shadow:var(--cts-shadow)!important;overflow:hidden!important;background:#fff!important}
.v49-feature-grid{gap:16px!important}.v49-feature-grid article,.v49-industry-grid article,.v49-resource-grid article{
  border:1px solid #e5e7eb!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--cts-shadow-sm)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.v49-feature-grid article:hover,.v49-industry-grid article:hover,.v49-resource-grid article:hover{transform:translateY(-3px);box-shadow:var(--cts-shadow)!important;border-color:#c7d2fe!important}
.v49-feature-grid article>div{color:var(--cts-brand)!important;background:#eef2ff!important;border-radius:10px!important}
.v49-feature-grid h3,.v49-industry-grid h3,.v49-resource-grid h3{color:#1e293b!important;letter-spacing:-.02em!important}
.v49-feature-grid p,.v49-industry-grid p,.v49-resource-grid p{color:#64748b!important;line-height:1.7!important}
.v49-industries{background:#f8fafc!important}.v49-steps{background:#0b1220!important}.v49-steps h2,.v49-steps h3{color:#fff!important}
.v49-step-grid article{background:#111827!important;border:1px solid #253044!important;border-radius:16px!important}
.v49-integrations{background:#fff!important}.v49-integration-row span{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:999px!important;color:#475569!important}
.v49-scanner-intro{background:linear-gradient(135deg,#4338ca,#6d28d9)!important}.v49-scanner-gate-card{border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:var(--cts-shadow)!important}
.v49-final-cta{background:#0b1220!important}.v49-footer{background:#080d17!important;border-top:1px solid #172033!important}.v49-footer a,.v49-footer p,.v49-footer small{color:#94a3b8!important}.v49-footer h4{color:#e2e8f0!important}

/* Public pages */
.public-v493{background:#fff!important}
.pv-header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid #e8ebf0!important}
.pv-brand{font-weight:760!important;letter-spacing:-.025em!important;color:#111827!important}
.pv-links a{color:#475569!important;font-weight:560!important}.pv-links a:hover{color:#111827!important}
.pv-hero{background:linear-gradient(180deg,#f8f9ff 0,#fff 100%)!important;padding:84px 0 64px!important}
.pv-hero h1{color:#0f172a!important;letter-spacing:-.05em!important;font-weight:770!important;line-height:1.08!important}
.pv-hero p{color:#64748b!important;line-height:1.7!important}
.pricing-shell{gap:16px!important;align-items:stretch!important}
.pricing-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:var(--cts-shadow-sm)!important;padding:28px!important}
.pricing-card.featured{border-color:#a5b4fc!important;box-shadow:0 18px 46px rgba(79,70,229,.14)!important;transform:translateY(-8px)!important}
.pricing-card h3{color:#1e293b!important;letter-spacing:-.02em!important}.pricing-price{color:#0f172a!important;letter-spacing:-.045em!important}
.popular-badge{background:#eef2ff!important;color:#4338ca!important;border:1px solid #c7d2fe!important;border-radius:999px!important}
.billing-toggle{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:4px!important}
.billing-toggle button{border-radius:8px!important}.billing-toggle button.active{background:#fff!important;color:#4338ca!important;box-shadow:var(--cts-shadow-sm)!important}
.pv-mini-cta{background:#f8fafc!important;border-top:1px solid #eef2f7!important;border-bottom:1px solid #eef2f7!important}.pv-footer{background:#0b1220!important}.pv-footer h4{color:#e2e8f0!important}.pv-footer a,.pv-footer p,.pv-footer-bottom{color:#94a3b8!important}

/* Authentication */
body:has(.auth-card),body:has(.login-card),body:has(.register-card){background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%)!important}
:where(.auth-card,.login-card,.register-card,.auth-panel){
  background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;box-shadow:var(--cts-shadow-lg)!important;
}
:where(.auth-card,.login-card,.register-card) h1{color:#0f172a!important;letter-spacing:-.04em!important}
:where(.auth-card,.login-card,.register-card) p{color:#64748b!important}

/* Billing / subscription */
.subscription-page,.billing-page{max-width:1260px!important}.subscription-grid,.billing-grid{gap:18px!important}
:where(.plan-card,.subscription-plan,.billing-plan){border:1px solid var(--cts-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--cts-shadow-sm)!important}
:where(.plan-card,.subscription-plan,.billing-plan).featured{border-color:#a5b4fc!important;box-shadow:0 14px 36px rgba(79,70,229,.12)!important}

/* Status, toast, modal */
.toast{border-radius:12px!important;background:#111827!important;color:#fff!important;box-shadow:var(--cts-shadow-lg)!important}
.modal-backdrop{background:rgba(15,23,42,.52)!important;backdrop-filter:blur(5px)!important}
.modal{border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:var(--cts-shadow-lg)!important}
.empty-state{color:#64748b!important}.empty-state h2,.empty-state h3{color:#1e293b!important}

/* Small polish */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#94a3b8;border:3px solid transparent;background-clip:padding-box}

@media (max-width:1100px){
  .workspace,.cts-page{padding:28px 24px 46px!important}
  .v49-hero-grid{gap:40px!important}
  .pricing-card.featured{transform:none!important}
}
@media (max-width:760px){
  .workspace,.cts-page{padding:22px 16px 38px!important}
  .cts-page-head h1,.documents-intro h1,.workspace h1{font-size:26px!important}
  .v49-hero{padding-top:58px!important}.v49-hero h1{font-size:42px!important}
  .v49-section{padding:72px 0!important}
  .document-toolbar{padding:8px!important}.summary-card{padding:17px!important}
  .pricing-card{padding:22px!important}
}


/* ===== CTS definitive sidebar layout fix ===== */
@media (min-width:1101px) {
    .app-shell {
        grid-template-columns:248px minmax(0,1fr) !important;
    }

    .sidebar {
        width:248px !important;
    }

    .app-main {
        margin-left:0 !important;
        grid-column:2 !important;
    }
}

@media (min-width:701px) and (max-width:1100px) {
    .app-shell {
        grid-template-columns:230px minmax(0,1fr) !important;
    }

    .sidebar {
        width:230px !important;
    }

    .app-main {
        margin-left:0 !important;
        grid-column:2 !important;
    }
}

.app-shell.sidebar-collapsed {
    grid-template-columns:72px minmax(0,1fr) !important;
}

.app-shell.sidebar-collapsed .sidebar,
.sidebar.collapsed {
    width:72px !important;
}

.app-shell.sidebar-collapsed .app-main,
body.sidebar-collapsed .app-main {
    margin-left:0 !important;
}
/* ===== END CTS definitive sidebar layout fix ===== */