:root {
  --ink: #172033;
  --muted: #718096;
  --line: #e7eaf1;
  --soft: #f6f7fb;
  --purple: #6657f5;
  --purple-dark: #5042d0;
  --navy: #10182e;
  --green: #18845b;
  --amber: #b36c08;
  --red: #ba4254;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--soft);
  line-height: 1.45;
}
.message-dialog{width:min(680px,calc(100% - 32px));border:0;border-radius:18px;padding:0;box-shadow:0 24px 80px #11182733}.message-dialog::backdrop{background:#11182766}.message-dialog form{padding:26px;display:grid;gap:10px}.dialog-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}.message-dialog textarea,.message-dialog input{width:100%;box-sizing:border-box;border:1px solid #d7dbea;border-radius:10px;padding:11px;font:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.runtime-settings-form{display:grid;gap:22px;margin-top:22px}.setting-group{padding:17px;border:1px solid #e7eaf2;border-radius:12px;background:#fbfcff}.setting-group h3{margin:0 0 5px;color:#334158;font-size:14px}.setting-group .field-help{margin:0 0 15px}.setting-group .setting-line{margin-top:0}.settings-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-fields label{display:grid;gap:6px}.settings-fields small,.setting-group label>small{color:#8a96a8;font-size:10px;font-weight:500;line-height:1.4}.checkline input[type=checkbox]{width:auto;height:auto;margin:0}.runtime-settings-form .form-row{margin-top:-5px}@media(max-width:680px){.settings-fields{grid-template-columns:1fr}.runtime-settings-form .form-row{display:block}.runtime-settings-form .form-row .notice{display:block;margin-top:10px}}
/* v7 workspace redesign */
*{box-sizing:border-box}body{background:#f4f6fa;color:#182338;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#0d1726;color:#cbd5e1;display:flex;flex-direction:column;padding:25px 16px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 32px}.brand-mark{width:34px;height:34px;border-radius:10px;background:#635bff;color:white;display:grid;place-items:center;font-weight:900}.brand b{display:block;color:#fff;font-size:15px}.brand small{color:#8290a6;font-size:11px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#9eabc0;text-decoration:none;border-radius:9px;padding:12px 13px;display:flex;gap:12px;align-items:center;font-size:13px}.sidebar nav a span{width:18px;text-align:center;font-size:16px}.sidebar nav a:hover,.sidebar nav a.active{background:#1b2940;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #8179ff}.sidebar-foot{margin-top:auto;border-top:1px solid #233149;padding:17px 8px;display:flex;gap:9px;align-items:flex-start;font-size:11px}.sidebar-foot b{display:block;color:#dfe7f3;font-size:11px}.sidebar-foot small{color:#8190a7}.status-dot{width:8px;height:8px;border-radius:50%;background:#35c98b;margin-top:4px}.main{margin-left:238px;width:calc(100% - 238px);max-width:1500px;padding:0 42px 35px}.topbar{height:70px;border-bottom:1px solid #e5e9f1;display:flex;align-items:center;justify-content:space-between}.crumb{color:#6d7b90}.slash{padding:0 10px;color:#bac3d0}.top-actions{display:flex;gap:14px;align-items:center;color:#8a96a8;font-size:12px}.icon-btn{border:1px solid #dfe4ed;background:#fff;border-radius:9px;width:34px;height:34px;cursor:pointer;font-size:18px;color:#516079}.page-head{display:flex;justify-content:space-between;gap:24px;padding:38px 0 28px;align-items:end}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#655bff;font-weight:800}.page-head h1{font-size:30px;letter-spacing:-.8px;margin:8px 0}.page-head p{margin:0;color:#708099;max-width:650px}.head-actions{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric,.panel{background:#fff;border:1px solid #e3e8f0;border-radius:14px;box-shadow:0 3px 12px #1f2a3a08}.metric{padding:20px 21px}.metric small{display:block;color:#7b879c;letter-spacing:1.2px;font-size:10px;font-weight:800}.metric b{display:block;font-size:31px;margin:8px 0 2px;letter-spacing:-1px}.metric span{font-size:12px;color:#8894a6}.dashboard-grid,.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.panel{padding:23px}.panel-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.panel-title h2{font-size:18px;margin:6px 0}.panel-title p{color:#8491a5;font-size:12px;margin:0;line-height:1.5}.panel-title a{color:#635bff;text-decoration:none;font-size:12px;font-weight:700}.primary,.secondary{border-radius:9px;padding:10px 15px;border:0;font:inherit;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none}.primary{background:#635bff;color:#fff}.secondary{background:#fff;border:1px solid #d9e0eb;color:#344258}.spotlight{margin-top:18px}.spot{display:flex;width:100%;align-items:center;text-align:left;border:0;border-top:1px solid #edf0f5;background:transparent;padding:13px 2px;gap:12px;cursor:pointer;color:inherit}.spot>span:nth-child(2){flex:1}.spot b,.spot small{display:block}.spot small{color:#8995a8;font-size:11px;margin-top:3px}.spot>span:last-child{color:#a3adbc;font-size:20px}.score{display:inline-grid;place-items:center;width:35px;height:28px;border-radius:8px;font-weight:900;font-size:12px}.score.hot{background:#ffe7e9;color:#d14457}.score.warm{background:#fff2d2;color:#aa7510}.score.cool{background:#e7f0ff;color:#3768ba}.activity{margin-top:12px}.activity>div{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f5;padding:12px 0}.activity>div>span:nth-child(2){flex:1}.activity b,.activity small{display:block}.activity b{font-size:12px}.activity small,.activity time{font-size:11px;color:#8b96a8}.run-dot{width:8px;height:8px;border-radius:50%;background:#aeb7c5}.run-dot.succeeded{background:#2dbd80}.run-dot.failed{background:#dc5663}.empty{padding:38px;text-align:center;color:#8995a8}.empty span{display:block;font-size:28px;margin-bottom:8px}.form-panel{min-height:430px}.form-panel form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.form-panel label,.settings-grid label{display:grid;gap:7px;color:#4d5c73;font-size:12px;font-weight:700}.form-panel label:first-child{grid-column:1/-1}.form-panel input,.form-panel select,.settings-grid input,.inline-form input,.inline-form select,.toolbar input,.toolbar select,.message-dialog input,.message-dialog textarea{border:1px solid #dbe2ed;border-radius:8px;padding:11px;background:#fff;font:inherit;color:#21304a;font-size:13px}.settings-grid input[readonly]{background:#f5f6fa;color:#7c8798}.field-help{margin:-7px 0 0;color:#8995a8;font-size:11px;line-height:1.45}.checkline{display:flex!important;grid-column:1/-1;align-items:center;gap:8px}.checkline small{font-weight:400;color:#8995a8}.form-row{grid-column:1/-1;display:flex;align-items:center;gap:12px}.notice{font-size:12px;color:#7c899c}.notice.ok{color:#14845d}.notice.error{color:#c44959}.pill,.badge,.status{font-size:10px;font-weight:800;padding:6px 9px;border-radius:99px;background:#ecebff;color:#5b53d8;white-space:nowrap}.steps{list-style:none;padding:0;margin:20px 0}.steps li{border-top:1px solid #edf0f5;padding:15px 0;display:grid;gap:4px}.steps span{font-size:12px;color:#8793a5}.toolbar{display:flex;gap:10px;margin-bottom:18px}.search{display:flex;align-items:center;border:1px solid #dbe2ed;border-radius:8px;background:#fff;padding:0 10px;flex:1}.search input{border:0;outline:0;width:100%}.toolbar select{width:170px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#7e8a9c;font-size:10px;letter-spacing:.8px;text-transform:uppercase;padding:11px 10px;border-bottom:1px solid #e6ebf2}td{padding:14px 10px;border-bottom:1px solid #edf0f5;vertical-align:middle}td b,td small{display:block}td small{color:#8a96a8;font-size:11px;margin-top:4px}td a{color:#635bff;text-decoration:none;font-size:11px;display:block;margin-top:5px}.badge.good{background:#e2f7ee;color:#19815e}.badge.warn{background:#fff0d3;color:#aa7510}.email{color:#45546d}.table-wrap select{border:1px solid #dbe2ed;background:#fff;border-radius:7px;padding:7px;font-size:11px}.icon-action{border:0;background:#f0efff;color:#635bff;border-radius:7px;padding:8px;cursor:pointer}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide-panel{grid-column:1/-1}.setting-line{display:flex;justify-content:space-between;border-top:1px solid #edf0f5;padding:13px 0;margin-top:13px;color:#7d899b;font-size:12px}.setting-line b{color:#334158;text-align:right;max-width:60%;overflow-wrap:anywhere}.good-text{color:#14845d!important}.settings-grid form{display:grid;gap:14px;margin-top:18px}.inline-form{display:flex;gap:8px;margin-top:18px}.inline-form>*{flex:1}.list{margin-top:13px}.list>div{border-top:1px solid #edf0f5;padding:12px 0;display:flex;justify-content:space-between;gap:15px;font-size:12px}.list span{color:#8a96a8}.status.succeeded{background:#e1f6ed;color:#16815b}.status.failed{background:#ffe7e9;color:#bc4052}.status.running{background:#e8efff;color:#3d67af}footer{color:#96a1b2;font-size:11px;padding:28px 0}.message-dialog{width:min(700px,calc(100% - 30px));border:0;border-radius:15px;padding:0;box-shadow:0 30px 100px #121b2d44}.message-dialog form{padding:26px;display:grid;gap:10px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:7px 0}.dialog-head p{color:#8995a8;font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:900px){.sidebar{width:70px;padding:18px 10px}.brand div,.sidebar nav a:not(.active)::after,.sidebar-foot div{display:none}.brand{padding:0 8px 25px}.sidebar nav a{justify-content:center;padding:12px}.main{margin-left:70px;width:calc(100% - 70px);padding:0 20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.settings-grid,.dashboard-grid,.two-col{grid-template-columns:1fr}.wide-panel{grid-column:auto}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}}
@media(max-width:560px){.main{padding:0 14px}.page-head{display:block}.page-head h1{font-size:25px}.metric-grid{gap:8px}.metric{padding:14px}.metric b{font-size:25px}.form-panel form{grid-template-columns:1fr}.form-panel label:first-child{grid-column:auto}.form-row{grid-column:auto}.inline-form{display:grid}.topbar{height:58px}.toolbar select,.toolbar button{flex:1}.list>div{display:block}.list span{display:block;margin-top:4px}}

/* refined visual system */
:root{--navy:#111d2e;--ink:#1d2939;--muted2:#7b8798;--lav:#635bff;--bg:#f7f8fc;--card:#fff}body{background:var(--bg);color:var(--ink);letter-spacing:-.01em}.sidebar{background:var(--navy);width:248px;padding:28px 18px}.main{margin-left:248px;width:calc(100% - 248px);max-width:none;padding:0 58px 42px}.topbar{height:76px}.topbar b{font-size:13px;color:var(--ink)}.page-head{padding:48px 0 32px}.page-head h1{font-size:36px;line-height:1.1;letter-spacing:-1.4px;font-weight:760}.page-head p{font-size:14px;line-height:1.6;color:var(--muted2)}.panel,.metric{border-color:#e8ecf3;box-shadow:0 8px 26px #2334520a;border-radius:16px}.metric{min-height:139px;padding:24px}.metric b{font-size:34px;font-weight:760}.metric small{letter-spacing:1.4px}.panel{padding:27px}.panel-title h2{font-size:20px;letter-spacing:-.35px}.panel-title p{font-size:13px}.primary{background:var(--lav);box-shadow:0 7px 16px #635bff33;transition:.18s}.primary:hover{transform:translateY(-1px);box-shadow:0 9px 20px #635bff44}.secondary,.icon-btn{transition:.18s}.secondary:hover,.icon-btn:hover{border-color:#b9b5ff;background:#f7f6ff;color:#4f47df}.spot{padding:16px 4px}.spot:hover{background:#fafaff}.toolbar{padding-bottom:4px}.table-wrap table{min-width:850px}.table-wrap tr[data-open]{cursor:pointer}.table-wrap tbody tr:hover{background:#fbfbff}.table-wrap td{padding:17px 12px}.badge{font-size:10px;text-transform:capitalize;margin-right:7px}.drawer-backdrop{display:none}.detail-drawer{position:fixed;z-index:20;right:-470px;top:0;bottom:0;width:min(470px,100%);background:#fff;box-shadow:-18px 0 45px #17233d2b;padding:30px;overflow:auto;transition:right .24s ease}.detail-drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid #edf0f5}.drawer-head h2{font-size:24px;margin:7px 0 0;letter-spacing:-.5px}.drawer-score{display:flex;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid #edf0f5}.drawer-score .score{width:48px;height:42px;font-size:17px}.drawer-score small{display:block;color:var(--muted2);font-size:11px;margin-top:3px}.drawer-section{padding:20px 0;border-bottom:1px solid #edf0f5}.drawer-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#8a96a8;margin:0 0 12px}.drawer-section p{font-size:13px;margin:7px 0;color:#47566d}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-grid span{font-size:11px;color:var(--muted2)}.detail-grid b{display:block;color:var(--ink);font-size:13px;margin-top:4px;text-transform:capitalize}.drawer-section ul{padding-left:19px;margin:0}.drawer-section li{font-size:13px;color:#4d5b70;padding:4px 0}.drawer-actions{display:flex;gap:9px;padding-top:22px}.drawer-actions a{display:inline-flex;align-items:center}.message-dialog{border-radius:18px}.message-dialog form{background:#fff}.message-dialog h2{font-size:22px;letter-spacing:-.5px}.message-dialog textarea:focus,.message-dialog input:focus,.settings-grid input:focus,.form-panel input:focus{outline:3px solid #635bff22;border-color:#8b85ff}@media(max-width:900px){.main{margin-left:70px;width:calc(100% - 70px);padding:0 24px 35px}.sidebar{width:70px}}@media(max-width:560px){.main{padding:0 15px 30px}.page-head h1{font-size:30px}.panel{padding:20px}.detail-drawer{padding:22px;width:100%}}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--soft); }
button, input, select { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: wait; opacity: .62; }
a { color: inherit; text-decoration: none; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 234px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 27px 16px 20px; background: var(--navy); color: #e9edfb; }
.brand { display: flex; align-items: center; gap: 11px; padding: 0 10px; }
.brand-mark { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; background: linear-gradient(135deg, #8375ff, #5344da); color: #fff; font-size: 19px; font-weight: 900; box-shadow: 0 8px 22px #6657f566; }
.brand strong { display: block; font-size: 15px; letter-spacing: -.01em; }
.brand small { display: block; color: #9da8c9; font-size: 11px; margin-top: 1px; }
.side-nav { display: grid; gap: 5px; margin-top: 55px; }
.side-nav a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 9px; color: #aeb8d4; font-size: 13px; font-weight: 700; transition: .15s ease; }
.side-nav a:hover, .side-nav a.active { color: #fff; background: #252e4c; }
.side-nav a.active { box-shadow: inset 3px 0 var(--purple); }
.nav-icon { width: 18px; color: #8995ba; font-size: 17px; text-align: center; }
.side-nav a.active .nav-icon { color: #a99fff; }
.sidebar-foot { margin-top: auto; padding: 0 6px; }
.source-card { display: flex; align-items: center; gap: 9px; padding: 12px 10px; border: 1px solid #2f395b; border-radius: 11px; background: #1a2340; }
.source-card strong { display: block; color: #edf0fb; font-size: 11px; }
.source-card small { display: block; color: #9ba6c6; font-size: 10px; margin-top: 2px; }
.sidebar-foot p { padding: 0 10px; color: #8e9abd; font-size: 11px; line-height: 1.65; }
.sidebar-foot p span { color: #687594; }
.status-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #4ed495; box-shadow: 0 0 0 4px #4ed49520; }
.status-dot.offline { background: #e4a63f; box-shadow: 0 0 0 4px #e4a63f20; }

.main-content { min-width: 0; padding: 0 42px 40px; }
.topbar { height: 70px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.breadcrumbs { display: flex; gap: 10px; align-items: center; color: #8690a7; font-size: 12px; }
.breadcrumbs i { color: #c5cbd8; font-style: normal; }
.breadcrumbs strong { color: #3c465a; }
.top-actions { display: flex; align-items: center; gap: 14px; }
.updated { color: #9aa4b7; font-size: 11px; }
.icon-btn { width: 33px; height: 33px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: #58647b; font-size: 18px; }
.page-heading { display: flex; justify-content: space-between; gap: 25px; align-items: flex-start; max-width: 1160px; padding: 37px 0 26px; }
.page-heading h1 { max-width: 670px; margin: 5px 0 8px; font-size: clamp(26px, 3vw, 35px); letter-spacing: -.045em; line-height: 1.12; }
.page-heading p { max-width: 670px; margin: 0; color: var(--muted); font-size: 14px; }
.eyebrow { color: var(--purple); font-size: 10px; letter-spacing: .17em; font-weight: 900; }
.heading-badge { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: 8px; padding: 11px 14px; border: 1px solid #dfe3ef; border-radius: 13px; background: #fff; color: #364158; font-size: 12px; font-weight: 800; white-space: nowrap; }
.heading-badge small { grid-column: 2; color: #96a0b4; font-size: 10px; font-weight: 500; }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: #36b87b; box-shadow: 0 0 0 4px #36b87b1e; }
.setup-notice { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; padding: 14px 17px; border: 1px solid #eadab5; border-radius: 13px; background: #fff9eb; color: #6c4a12; }
.notice-icon { width: 27px; height: 27px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 8px; background: #f1c15d; color: #6c4a12; font-weight: 900; }
.setup-notice strong { font-size: 13px; }
.setup-notice p { margin: 2px 0 0; color: #896c35; font-size: 12px; }
.setup-notice .text-link { margin-left: auto; color: #946411; font-size: 12px; font-weight: 800; }

.stats-grid { max-width: 1160px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-bottom: 17px; }
.stat-card { min-height: 120px; padding: 17px 18px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: 0 9px 28px #2b38500a; }
.stat-card.stat-primary { border-color: #d7d2ff; background: linear-gradient(135deg, #fbfaff, #f6f5ff); }
.stat-label { display: flex; align-items: center; gap: 7px; color: #727e94; font-size: 11px; font-weight: 800; }
.stat-icon { color: var(--purple); font-size: 14px; }
.stat-icon.amber { color: #d09324; }.stat-icon.green { color: #35a974; }.stat-icon.blue { color: #5482c4; }
.stat-card strong { display: block; margin-top: 10px; color: #202a40; font-size: 28px; letter-spacing: -.05em; line-height: 1; }
.stat-card small { display: block; margin-top: 6px; color: #9aa4b7; font-size: 10px; }

.workspace-grid { max-width: 1160px; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .85fr); gap: 17px; align-items: start; }
.panel { border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: 0 10px 32px #2b38500b; }
.discovery-panel { padding: 24px; }.run-panel { padding: 22px; }
.panel-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 21px; }
.panel-heading.compact { align-items: center; margin-bottom: 17px; }
.panel-heading h2 { margin: 4px 0 5px; color: #202b40; font-size: 20px; letter-spacing: -.035em; }.panel-heading p { margin: 0; color: #8792a6; font-size: 12px; }
.source-tag { display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid #e4e1ff; border-radius: 999px; color: #655ad3; font-size: 10px; font-weight: 800; white-space: nowrap; }.source-tag .status-dot { width: 5px; height: 5px; box-shadow: none; }
.discovery-form { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 16px 13px; }.field.wide, .options.wide, .form-footer.wide { grid-column: 1 / -1; }
.field label { display: block; color: #4e5a71; font-size: 11px; font-weight: 800; }.field label span { margin-left: 5px; color: #a0a9b9; font-weight: 500; }
input, select { width: 100%; height: 42px; margin-top: 6px; padding: 0 12px; border: 1px solid #dbe0e9; border-radius: 9px; outline: none; background: #fff; color: #2c374c; font-size: 12px; transition: .15s ease; }
input::placeholder { color: #aeb6c5; } input:focus, select:focus { border-color: #9b91f7; box-shadow: 0 0 0 3px #6657f514; }
.options { display: flex; flex-wrap: wrap; gap: 20px 25px; padding-top: 1px; }.check { display: flex; gap: 9px; align-items: flex-start; color: #38445a; cursor: pointer; }.check input { position: absolute; opacity: 0; width: 1px; height: 1px; }.check-box { width: 17px; height: 17px; flex: 0 0 auto; margin-top: 1px; border: 1px solid #cbd3e2; border-radius: 5px; background: #fff; }.check input:checked + .check-box { border-color: var(--purple); background: var(--purple); box-shadow: inset 0 0 0 3px #fff; }.check strong { display: block; font-size: 11px; }.check small { display: block; margin-top: 2px; color: #98a2b4; font-size: 10px; }
.form-footer { display: flex; align-items: center; gap: 13px; padding-top: 4px; }.primary-btn { display: inline-flex; align-items: center; gap: 16px; height: 42px; padding: 0 14px 0 17px; border: 0; border-radius: 9px; background: var(--purple); color: #fff; font-size: 12px; font-weight: 900; box-shadow: 0 9px 18px #6657f52f; }.primary-btn:hover { background: var(--purple-dark); }.btn-arrow { font-size: 18px; font-weight: 400; }.form-message { color: #8792a6; font-size: 11px; }.form-message.success { color: var(--green); }.form-message.error { color: var(--red); }

.quiet-btn { padding: 6px 9px; border: 0; border-radius: 7px; background: #f3f4f8; color: #667289; font-size: 10px; font-weight: 800; }.quiet-btn:hover { background: #e8eaf1; }
.active-run { min-height: 97px; display: flex; align-items: center; gap: 13px; padding: 14px; border: 1px solid #e3e0ff; border-radius: 11px; background: #faf9ff; }.active-run.empty-run { border-style: dashed; border-color: #dfe3eb; background: #fafbfc; }.run-orb { width: 35px; height: 35px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 11px; background: #ebe8ff; color: var(--purple); font-size: 19px; }.empty-run .run-orb { background: #eef1f5; color: #8c97aa; }.running-run .run-orb { color: var(--purple); }.spinning { animation: spin 1.4s linear infinite; }@keyframes spin { to { transform: rotate(360deg); } }
.active-run strong { display: block; color: #39445b; font-size: 11px; }.active-run p { margin: 4px 0 0; color: #97a1b2; font-size: 10px; }.run-copy { min-width: 0; flex: 1; }.run-copy-head { display: flex; justify-content: space-between; gap: 9px; }.run-copy-head strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.run-copy-head span { color: var(--purple); font-size: 10px; font-weight: 900; }.progress-track { height: 5px; overflow: hidden; margin-top: 9px; border-radius: 99px; background: #e5e1ff; }.progress-track i { display: block; height: 100%; border-radius: inherit; background: var(--purple); transition: width .5s ease; }
.mini-history { margin-top: 20px; }.mini-history-head { display: flex; justify-content: space-between; margin-bottom: 8px; color: #8b95a7; font-size: 10px; font-weight: 800; }.mini-history-head a { color: var(--purple); }.history-row { display: flex; justify-content: space-between; gap: 8px; padding: 10px 0; border-bottom: 1px solid #f0f1f5; }.history-row:last-child { border-bottom: 0; }.history-row > div:first-child { min-width: 0; display: flex; gap: 8px; align-items: baseline; }.history-row strong { color: #667289; font-size: 10px; }.history-row span { overflow: hidden; color: #5d687d; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.history-result { display: flex; align-items: center; gap: 5px; flex: 0 0 auto; }.history-result b { font-size: 11px; }.history-result small { font-size: 9px; }.history-result.success { color: var(--green); }.history-result.failure { color: var(--red); }.history-result.pending { color: #c18a2a; }

.explorer-panel { max-width: 1160px; margin-top: 17px; padding: 24px; }.explorer-heading { margin-bottom: 15px; align-items: flex-end; }.explorer-actions { display: flex; align-items: center; gap: 8px; }.explorer-actions select { width: 125px; margin: 0; }.search-box { display: flex; align-items: center; gap: 7px; width: 190px; height: 37px; padding: 0 10px; border: 1px solid #dbe0e9; border-radius: 8px; background: #fff; }.search-box span { color: #929daf; font-size: 17px; }.search-box input { height: auto; margin: 0; padding: 0; border: 0; box-shadow: none; }.explorer-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 0 2px; color: #8b95a7; font-size: 10px; font-weight: 800; }.legend { display: inline-flex; align-items: center; gap: 6px; color: #a0a9b8; font-weight: 500; }.legend i { width: 7px; height: 7px; border-radius: 50%; background: #35ab78; }.prospect-list { display: grid; gap: 9px; }.prospect-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; padding: 16px; border: 1px solid #e8eaf0; border-radius: 11px; transition: border-color .15s ease, box-shadow .15s ease; }.prospect-card:hover { border-color: #cfc9ff; box-shadow: 0 6px 20px #6657f512; }.prospect-title { display: flex; gap: 10px; align-items: flex-start; }.place-pin { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; background: #f0efff; color: var(--purple); font-size: 17px; }.prospect-title h3 { margin: 0; color: #283249; font-size: 14px; letter-spacing: -.01em; }.subline { overflow: hidden; max-width: 700px; margin-top: 3px; color: #8d98aa; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.chips { display: flex; flex-wrap: wrap; gap: 7px; margin: 11px 0 8px 38px; }.score-chip, .chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 999px; background: #f3f4f8; color: #6d788c; font-size: 9px; font-weight: 800; }.score-chip i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }.score-chip.high { background: #eaf8f1; color: #25835e; }.score-chip.medium { background: #fff6e5; color: #a26d16; }.score-chip.low { background: #f0f2f6; color: #7d8798; }.chip.warning { background: #fff4dd; color: #a36d13; }.chip em { color: #a0a8b8; font-style: normal; font-weight: 500; }.prospect-details { display: flex; flex-wrap: wrap; gap: 13px; margin-left: 38px; color: #6c778c; font-size: 11px; }.inline-link { color: #5b50d3; font-weight: 800; }.inline-link span { font-size: 12px; }.missing-site { color: #b47a1e; font-weight: 800; }.contact-line { display: flex; flex-wrap: wrap; gap: 10px; color: #7e899b; }.prospect-meta { display: flex; align-items: center; gap: 6px; margin: 12px 0 0 38px; color: #a6aebb; font-size: 9px; }.meta-spacer { flex: 1; }.action-link { color: #6b60d8; font-weight: 800; }.review-control { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }.review-control label { color: #9aa3b3; font-size: 9px; font-weight: 800; }.review-control select { width: 117px; height: 34px; margin: 0; padding: 0 8px; color: #59657b; font-size: 10px; }.loading-state, .empty-state { min-height: 170px; display: grid; place-items: center; align-content: center; gap: 5px; color: #8e99aa; font-size: 12px; text-align: center; }.empty-state strong { color: #536079; font-size: 13px; }.empty-state p { max-width: 300px; margin: 0; font-size: 11px; }.empty-icon { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 5px; border-radius: 12px; background: #f0efff; color: var(--purple); font-size: 22px; }.spinner { width: 18px; height: 18px; border: 2px solid #ddd9ff; border-top-color: var(--purple); border-radius: 50%; animation: spin .8s linear infinite; }

.setup-section { max-width: 1160px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 30px; margin-top: 17px; padding: 22px 24px; border: 1px solid #e3e6ee; border-radius: 13px; background: #fbfcfe; }.setup-section h2 { margin: 5px 0; color: #38445a; font-size: 15px; }.setup-section p, .setup-section ol { margin: 6px 0 0; color: #8792a5; font-size: 11px; }.setup-section ol { padding-left: 17px; line-height: 1.9; }.setup-section code { padding: 2px 4px; border-radius: 4px; background: #eff1f6; color: #5d687d; font-size: 10px; }.footer { max-width: 1160px; display: flex; justify-content: space-between; gap: 20px; padding: 23px 2px 0; color: #a3acbb; font-size: 10px; }
.muted { color: #9ca5b5; font-size: 11px; }
.logs-panel{min-width:0}.logs-tabs{margin:22px 0 12px;padding:2px 0 0;border-bottom:1px solid #edf0f5}.logs-tab-list{display:flex;gap:5px;overflow-x:auto}.logs-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#718097;padding:11px 12px;margin-bottom:-1px;white-space:nowrap;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.logs-tab:hover{color:#4f47df}.logs-tab.active{border-color:#635bff;color:#4f47df}.logs-tab span{display:inline-grid;place-items:center;min-width:19px;height:18px;margin-left:4px;padding:0 5px;border-radius:99px;background:#eef1f7;color:#68758a;font-size:9px}.logs-tab.active span{background:#eeecff;color:#574fe2}.log-table-wrap table{min-width:980px}.log-kind{display:inline-block;padding:5px 7px;border-radius:99px;background:#edf1f8;color:#5d6c83;font-size:9px;font-weight:800;text-transform:uppercase}.log-kind.error{background:#ffe7e9;color:#bd4253}.log-kind.warn{background:#fff2d7;color:#a16e17}.log-table-wrap td{vertical-align:top}.log-table-wrap td small{max-width:300px;overflow-wrap:anywhere}.log-error{color:#bd4253!important}.log-table-wrap details{max-width:370px}.log-table-wrap summary{color:#5b50d3;cursor:pointer;font-size:11px;font-weight:750}.log-table-wrap pre{max-height:240px;overflow:auto;margin:8px 0 0;padding:9px;border-radius:7px;background:#f6f7fb;color:#536178;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.draft-notes{padding:12px;border:1px solid #e6eaf2;border-radius:9px;background:#fafbff;color:#536178;font-size:11px;line-height:1.5}.draft-notes b{color:#334158}.draft-notes p{margin:4px 0}.draft-notes .muted{font-size:10px}
.prospect-tabs{margin:4px 0 22px;padding:14px 0 0;border-top:1px solid #edf0f5}.prospect-tab-list{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 3px}.prospect-tab{border:1px solid #dfe4ed;background:#fff;color:#536178;border-radius:999px;padding:9px 13px;white-space:nowrap;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:.18s}.prospect-tab:hover{border-color:#b9b5ff;background:#f7f6ff;color:#4f47df}.prospect-tab.active{background:#635bff;border-color:#635bff;color:#fff;box-shadow:0 6px 14px #635bff2e}.prospect-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 5px;border-radius:99px;background:#eef1f7;color:#647188;font-size:10px}.prospect-tab.active span{background:#fff3;color:#fff}.tab-hint{margin:10px 0 0;color:#8a96a8;font-size:11px}.candidate-list{display:grid;gap:10px;margin-top:15px}.candidate-card{padding:13px;border:1px solid #e6eaf2;border-radius:10px;background:#fbfcff}.candidate-card>div:first-child{display:flex;align-items:center;gap:8px}.candidate-card a{color:#4f47df;font-weight:750;text-decoration:none;font-size:13px}.candidate-card p{font-size:12px!important;color:#68758a!important}.candidate-card ul{padding-left:18px;margin:7px 0}.candidate-card li{font-size:11px!important;padding:2px 0!important}.candidate-actions{display:flex;gap:7px;margin-top:10px}.candidate-actions button{padding:8px 10px;font-size:11px}

@media (max-width: 980px) { .app-shell { grid-template-columns: 72px minmax(0, 1fr); }.sidebar { padding: 22px 10px 16px; }.brand { justify-content: center; padding: 0; }.brand > div, .side-nav a:not(.active) { display: none; }.side-nav { margin-top: 44px; }.side-nav a { justify-content: center; padding: 12px 0; }.side-nav .nav-icon { width: auto; }.source-card { justify-content: center; padding: 11px 0; }.source-card > div, .sidebar-foot p { display: none; }.main-content { padding: 0 25px 34px; }.workspace-grid { grid-template-columns: 1fr; }.run-panel { order: -1; }.run-panel .mini-history { display: none; } }
@media (max-width: 680px) { .app-shell { display: block; }.sidebar { position: static; height: auto; flex-direction: row; align-items: center; justify-content: space-between; padding: 13px 16px; }.side-nav { display: flex; gap: 3px; margin: 0; }.side-nav a, .side-nav a:not(.active) { display: flex; padding: 8px 10px; }.sidebar-foot { display: none; }.main-content { padding: 0 14px 30px; }.topbar { height: 53px; }.updated { display: none; }.page-heading { display: block; padding: 27px 0 20px; }.heading-badge { display: inline-grid; margin-top: 17px; }.stats-grid { grid-template-columns: repeat(2, 1fr); gap: 9px; }.stat-card { min-height: 105px; padding: 14px; }.stat-card strong { font-size: 24px; }.discovery-panel, .run-panel, .explorer-panel { padding: 17px; }.discovery-form { grid-template-columns: 1fr; gap: 13px; }.field.wide, .options.wide, .form-footer.wide { grid-column: auto; }.options { display: grid; gap: 12px; }.form-footer { display: block; }.form-message { display: block; margin-top: 10px; }.panel-heading, .explorer-heading { display: block; }.source-tag { display: inline-flex; margin-top: 14px; }.explorer-actions { display: grid; grid-template-columns: 1fr 1fr; margin-top: 15px; }.search-box { width: auto; grid-column: 1 / -1; }.explorer-actions select, .explorer-actions .quiet-btn { width: 100%; }.prospect-card { grid-template-columns: 1fr; gap: 12px; }.review-control { align-items: flex-start; }.review-control select { width: 100%; }.prospect-meta { flex-wrap: wrap; }.meta-spacer { display: none; }.setup-section { display: block; padding: 17px; }.setup-section ol { margin-top: 14px; }.footer { display: block; line-height: 1.8; } }
.panel-title a.primary,
.panel-title a.primary:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: #fff;
  background: var(--purple);
}
.panel-title a.primary:hover {
  color: #fff;
  background: var(--purple-dark);
}
.load-warning {
  max-width: 1160px;
  margin: 18px 0 -8px;
  padding: 11px 13px;
  border: 1px solid #f0c7cd;
  border-radius: 9px;
  background: #fff5f6;
  color: #a33e4d;
}
.list-hint{margin:-9px 0 17px;color:#8a96a8;font-size:11px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h3{margin:0}.section-heading .muted{font-size:10px}
.drawer-review-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.drawer-review-tab{min-height:36px;padding:7px 8px;border:1px solid #dfe4ed;border-radius:8px;background:#fff;color:#59677e;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.drawer-review-tab:hover{border-color:#b9b5ff;background:#f7f6ff;color:#4f47df}.drawer-review-tab.active{border-color:#635bff;background:#635bff;color:#fff;box-shadow:0 5px 12px #635bff2b}.drawer-review-tab:disabled{cursor:wait;opacity:.6}
.message-context{padding:14px;border:1px solid #e5e9f2;border-radius:11px;background:#fafbff}.message-context-title{display:flex;align-items:center;gap:10px}.message-context-title .score{flex:0 0 auto}.message-context-title b,.message-context-title small{display:block}.message-context-title b{font-size:14px;color:#27344b}.message-context-title small{margin-top:3px;color:#8995a8;font-size:11px}.message-context-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.message-context-facts span{padding:5px 8px;border-radius:999px;background:#eef1f7;color:#66748a;font-size:10px;font-weight:700}.message-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.message-controls label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#526078}.message-controls select{width:100%;margin:0}.message-dialog .field-help{display:block;margin-top:5px;font-size:10px;font-weight:500}.draft-generate{width:100%;min-height:42px}.draft-output{display:grid;gap:8px;padding-top:4px;border-top:1px solid #edf0f5}.draft-output label{display:flex;justify-content:space-between;align-items:center;color:#526078;font-size:11px;font-weight:800}.draft-output label small{color:#9aa4b5;font-size:10px;font-weight:500}.draft-output input,.draft-output textarea{margin:0}.draft-output textarea{min-height:235px;resize:vertical;line-height:1.55}
@media(max-width:560px){.drawer-review-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.message-controls{grid-template-columns:1fr}}
.prospect-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prospect-filter-row .search{flex:1 1 260px;min-width:220px}.prospect-filter-row select{width:auto;min-width:140px;flex:0 1 170px;margin:0}.prospect-filter-row button{flex:0 0 auto}.knowledge-grid,.promotions-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:17px;align-items:start}.knowledge-form,.promotion-form{display:grid;gap:13px}.knowledge-form textarea,.promotion-form textarea{resize:vertical;line-height:1.45}.knowledge-preview{padding:22px}.knowledge-status{display:grid;gap:7px;padding:15px;border:1px solid #e5e9f2;border-radius:10px;background:#fafbff;color:#526078;font-size:12px}.knowledge-status span{color:#8b96a8;font-size:11px}.knowledge-preview details{margin-top:15px}.knowledge-preview summary{color:#5b50d3;cursor:pointer;font-size:11px;font-weight:800}.knowledge-preview details p{max-height:400px;overflow:auto;margin:9px 0 0;padding:11px;border-radius:8px;background:#f6f7fb;color:#627087;font-size:11px;line-height:1.55;white-space:pre-wrap}.promotion-list{display:grid;gap:10px}.promotion-card{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid #e5e9f2;border-radius:10px;background:#fff}.promotion-card.inactive{background:#fafbfc;opacity:.78}.promotion-card p{margin:7px 0;color:#627087;font-size:12px;line-height:1.45}.promotion-card small{display:block;margin-top:5px;color:#919bad;font-size:10px}.promotion-card-head{display:flex;align-items:center;gap:12px}.promotion-card-head b{color:#29364d;font-size:13px}.switch{display:inline-flex;align-items:center;gap:6px;color:#7d899c;font-size:10px;font-weight:800;cursor:pointer}.switch input{width:15px;height:15px;margin:0}.promotion-card>.secondary{align-self:flex-start;white-space:nowrap}.message-controls{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.knowledge-grid,.promotions-grid{grid-template-columns:1fr}.message-controls{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.prospect-filter-row .search{min-width:100%;flex-basis:100%}.prospect-filter-row select{flex:1 1 45%;min-width:0}.prospect-filter-row button{flex:1 1 45%}.promotion-card{display:block}.promotion-card>.secondary{margin-top:10px}.message-controls{grid-template-columns:1fr}}

/* workspace access, ownership, history, and recovery */
.auth-hidden{visibility:hidden}.auth-hidden *{pointer-events:none}.auth-card{position:fixed;inset:0;z-index:100;display:grid;align-content:center;justify-items:start;gap:11px;padding:42px;box-sizing:border-box;background:radial-gradient(circle at 75% 10%,#eceaff 0,#f7f8fc 42%,#f7f8fc 100%)}.auth-card>*,.auth-card form{width:min(430px,100%)}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:20px}.auth-brand b,.auth-brand small{display:block}.auth-brand b{font-size:16px}.auth-brand small{color:#8995a8;font-size:11px}.auth-card h1{margin:4px 0;font-size:32px;letter-spacing:-.8px}.auth-card>p{margin:0 0 14px;color:#7c899c;font-size:13px}.auth-card form{display:grid;gap:13px;padding:24px;border:1px solid #e0e5ef;border-radius:16px;background:#fff;box-shadow:0 15px 45px #25355714}.auth-card label{display:grid;gap:6px;color:#4d5c73;font-size:12px;font-weight:800}.auth-card input{margin:0}.auth-card button{height:44px}.user-grid{align-items:start}.workspace-info{padding:15px 0}.workspace-stat{display:grid;gap:4px}.workspace-stat b{font-size:18px}.workspace-stat span{color:#8a96a8;font-size:12px}.user-form{display:grid;gap:12px;margin-top:16px}.user-form label{display:grid;gap:6px;color:#4d5c73;font-size:12px;font-weight:800}.user-form input,.user-form select{margin:0}.user-list,.backup-list,.audit-list{display:grid;gap:0;margin-top:10px}.user-row,.backup-row,.audit-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-top:1px solid #edf0f5}.user-row b,.backup-row b,.audit-row b{display:block;font-size:12px}.user-row small,.backup-row span,.audit-row span{display:block;margin-top:4px;color:#8a96a8;font-size:11px}.user-controls{display:flex;align-items:center;gap:8px}.user-controls select{width:auto;margin:0;height:32px;padding:0 7px;font-size:11px}.user-controls .switch{white-space:nowrap}.run-actions{white-space:nowrap}.run-actions button{margin-right:5px;padding:7px 9px;font-size:10px}.drawer-field{display:grid;gap:6px;color:#526078;font-size:11px;font-weight:800}.drawer-field select{margin:0}.drawer-inline-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:11px}.drawer-inline-form textarea,.drawer-inline-form input{width:100%;margin:0;border:1px solid #dbe2ed;border-radius:8px;padding:9px;font:inherit;font-size:12px;box-sizing:border-box}.drawer-inline-form textarea{grid-column:1/-1;resize:vertical}.drawer-inline-form button{font-size:10px;padding:8px 10px}.workflow-list{display:grid;gap:7px;margin-top:13px}.workflow-item{display:grid;gap:3px;padding:9px;border-radius:8px;background:#fafbff;border:1px solid #edf0f5}.workflow-item b{font-size:11px;color:#3d4b63}.workflow-item span{font-size:12px;color:#59677e;white-space:pre-wrap}.workflow-item small{color:#929cad;font-size:10px}.task-item label{display:flex;align-items:center;gap:6px}.task-item input{width:auto;height:auto;margin:0}.history-list{display:grid;gap:6px}.history-item{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #f0f1f5}.history-item b{font-size:11px}.history-item span{color:#929cad;font-size:10px}.history-details{margin-top:12px}.history-details summary{color:#5b50d3;cursor:pointer;font-size:11px;font-weight:800}.history-assessment{padding:9px 0;border-bottom:1px solid #f0f1f5}.history-assessment b,.history-assessment small{display:block}.history-assessment b{font-size:11px}.history-assessment small{margin-top:3px;color:#929cad;font-size:10px}.history-assessment p{margin:5px 0 0;color:#59677e;font-size:11px}.run-events-panel{margin-top:16px}
@media(max-width:680px){.auth-card{padding:24px}.user-row,.backup-row,.audit-row{display:block}.user-controls{margin-top:9px;justify-content:flex-start}.drawer-inline-form{grid-template-columns:1fr}.drawer-inline-form button{justify-self:start}}

/* shareable website concept previews */
.mockup-panel{background:linear-gradient(180deg,#fbfaff,#fff)}
.mockup-safety{max-width:560px;line-height:1.5}
.mockup-list{display:grid;gap:8px;margin-top:14px}
.mockup-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;border:1px solid #e3e6f2;border-radius:10px;background:#fff}
.mockup-card-main{display:grid;gap:3px;min-width:0}.mockup-card-main b{font-size:12px;color:#334158}.mockup-card-main small,.mockup-card-main .muted{font-size:10px;color:#8b96a8;overflow-wrap:anywhere}
.mockup-card-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.mockup-card-actions button,.mockup-card-actions a{font-size:10px;padding:7px 9px}.mockup-link{text-decoration:none}
.mockup-option{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px;border:1px solid #e0e5f1;border-radius:9px;background:#fff;cursor:pointer}.mockup-option input{width:16px;height:16px;margin:1px 0 0;flex:0 0 auto}.mockup-option span{display:grid;gap:3px}.mockup-option b{font-size:11px;color:#3c4a62}.mockup-option small{font-size:10px;color:#8995a8;line-height:1.4}.mockup-option a{color:#5b50d3;font-weight:800}
@media(max-width:680px){.mockup-card{display:block}.mockup-card-actions{margin-top:9px;justify-content:flex-start}.mockup-card-actions a,.mockup-card-actions button{flex:1}.mockup-panel .primary{width:100%}}
.mockup-mode-chooser{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.mockup-mode-chooser button{display:grid;justify-items:start;gap:3px;text-align:left;padding:11px 12px}.mockup-mode-chooser button b{font-size:11px}.mockup-mode-chooser button small{font-size:10px;font-weight:500;opacity:.8}.mockup-mode-chooser .secondary{color:#48556c}
@media(max-width:560px){.mockup-mode-chooser{grid-template-columns:1fr}.mockup-mode-chooser button{width:100%}}

/* AI template editor */
.mockup-editor-dialog{width:min(1240px,calc(100vw - 28px));height:min(860px,calc(100vh - 28px));max-width:none;max-height:none;padding:0;border:0;border-radius:18px;background:#f8f9fd;color:#27344b;box-shadow:0 30px 100px #18233d45;overflow:hidden}
.mockup-editor-dialog::backdrop{background:#111a2dcc;backdrop-filter:blur(5px)}
.mockup-editor-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}
.mockup-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid #e0e5ef;background:#fff}
.mockup-editor-head h2{margin:5px 0 4px;font-size:20px;letter-spacing:-.035em}.mockup-editor-head p{margin:0;color:#7b879a;font-size:11px}.mockup-editor-head-actions{display:flex;align-items:center;gap:10px}.mockup-editor-head-actions .icon-btn{flex:0 0 auto}
.mockup-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;min-height:0}
.mockup-editor-preview{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;background:#e9edf5}.mockup-editor-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 17px;border-bottom:1px solid #dce2ed;background:#f7f8fc;color:#5a687d;font-size:11px}.mockup-editor-preview-bar a{color:#5b50d3;text-decoration:none;font-weight:800;white-space:nowrap}.mockup-editor-preview iframe{display:block;width:100%;height:100%;min-height:360px;border:0;background:#fff}
.mockup-editor-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;border-left:1px solid #dfe4ed;background:#fff}.mockup-chat-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:19px 19px 13px;border-bottom:1px solid #edf0f5}.mockup-chat-head h3{margin:4px 0 0;font-size:16px;letter-spacing:-.025em}.mockup-chat-badge{padding:5px 8px;border-radius:999px;background:#eef8f5;color:#17876b;font-size:9px;font-weight:900;white-space:nowrap}
.mockup-chat-messages{display:grid;align-content:start;gap:10px;overflow:auto;padding:16px 16px 10px;background:linear-gradient(180deg,#fbfcff,#fff)}.mockup-chat-message{max-width:92%;padding:10px 11px;border-radius:11px;font-size:11px;line-height:1.5;white-space:pre-wrap}.mockup-chat-message.assistant{justify-self:start;border:1px solid #e1e5ef;background:#f5f6fb;color:#59677e}.mockup-chat-message.user{justify-self:end;background:#635bff;color:#fff;box-shadow:0 8px 18px #635bff2b}.mockup-chat-message.system{justify-self:start;border:1px solid #f1c7cd;background:#fff5f6;color:#a33e4d}
.mockup-chat-form{display:grid;gap:8px;padding:14px 16px 12px;border-top:1px solid #edf0f5}.mockup-chat-form label{display:grid;gap:5px;color:#627087;font-size:10px;font-weight:850}.mockup-chat-form select{margin:0;height:34px;font-size:11px}.mockup-chat-form textarea{margin:0;min-height:106px;resize:vertical;font-size:12px;line-height:1.5}.mockup-chat-form .notice{margin:0;font-size:10px;line-height:1.4}.mockup-chat-form button{width:100%;min-height:42px}.mockup-editor-note{display:grid;gap:4px;padding:12px 16px 16px;background:#fafbff;color:#8b96a8;font-size:10px;line-height:1.45}.mockup-editor-note b{color:#5c6a80;font-size:10px}.mockup-editor-note span{display:block}
@media(max-width:900px){.mockup-editor-dialog{width:min(760px,calc(100vw - 20px));height:min(900px,calc(100vh - 20px))}.mockup-editor-layout{grid-template-columns:1fr;grid-template-rows:minmax(310px,1fr) auto}.mockup-editor-preview iframe{min-height:300px}.mockup-editor-chat{grid-template-rows:auto minmax(95px,1fr) auto auto;border-left:0;border-top:1px solid #dfe4ed;max-height:430px}.mockup-chat-messages{min-height:95px;max-height:160px}}
@media(max-width:560px){.mockup-editor-dialog{width:100vw;height:100vh;border-radius:0}.mockup-editor-head{padding:15px 16px}.mockup-editor-head h2{font-size:17px}.mockup-editor-head p{max-width:230px}.mockup-editor-head-actions .pill{display:none}.mockup-editor-layout{grid-template-rows:minmax(260px,1fr) auto}.mockup-editor-preview-bar{padding:9px 12px}.mockup-editor-chat{max-height:430px}.mockup-chat-form{padding:11px 12px}.mockup-editor-note{padding:10px 12px 13px}}

/* AI email draft revision chat */
.message-revision-panel{display:grid;gap:0;margin-top:4px;border:1px solid #e1e5ef;border-radius:13px;overflow:hidden;background:#fff}
.message-revision-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 12px;border-bottom:1px solid #edf0f5;background:linear-gradient(135deg,#fbfaff,#fff)}
.message-revision-head h3{margin:4px 0 3px;color:#2e3b53;font-size:15px;letter-spacing:-.02em}.message-revision-head p{margin:0;color:#8a96a8;font-size:10px;line-height:1.45}
.message-chat-badge{padding:5px 8px;border-radius:999px;background:#eef8f5;color:#17876b;font-size:9px;font-weight:900;white-space:nowrap}
.message-chat-messages{display:grid;align-content:start;gap:8px;max-height:154px;overflow:auto;padding:12px 14px;background:linear-gradient(180deg,#fbfcff,#fff)}
.message-chat-message{max-width:92%;padding:9px 10px;border-radius:10px;font-size:11px;line-height:1.45;white-space:pre-wrap}.message-chat-message.assistant{justify-self:start;border:1px solid #e1e5ef;background:#f5f6fb;color:#59677e}.message-chat-message.user{justify-self:end;background:#635bff;color:#fff;box-shadow:0 6px 14px #635bff2b}.message-chat-message.system{justify-self:start;border:1px solid #f1c7cd;background:#fff5f6;color:#a33e4d}
.message-revision-composer{display:grid;gap:7px;padding:12px 14px 14px;border-top:1px solid #edf0f5;background:#fff}.message-revision-composer label{color:#627087;font-size:10px;font-weight:850}.message-revision-composer textarea{min-height:74px;margin:0;resize:vertical;font-size:12px;line-height:1.5}.message-revision-composer .notice{margin:0;font-size:10px;line-height:1.4}.message-revision-composer button{width:100%;min-height:40px}
.message-dialog{max-height:calc(100vh - 24px);overflow:auto}.message-dialog form{min-width:0}.message-dialog .draft-output{min-width:0}
@media(max-width:560px){.message-revision-head{display:block}.message-chat-badge{display:inline-block;margin-top:9px}.message-chat-messages{max-height:130px}}

/* Prospect workspace overhaul: quiet surfaces, stronger hierarchy, pipeline-first tracking. */
:root{--ink:#1d2433;--muted:#707a8d;--line:#e4e8ef;--soft:#f7f8fb;--purple:#5b55d6;--purple-dark:#4741b5;--navy:#20283b;--green:#168567;--amber:#a76912;--red:#b74d5c}
body{background:#f5f6f8;color:var(--ink)}.app-shell{min-height:100vh}.sidebar{background:#20283b;border-right:0;box-shadow:12px 0 35px #15203b12}.brand{color:#f7f9fd}.brand small{color:#aeb8ca}.brand-mark{background:#8b85ff;box-shadow:0 0 0 5px #ffffff14}.sidebar nav a{color:#adb7c9;border-radius:9px;margin:3px 12px;padding:11px 13px;font-weight:700}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff12;color:#fff}.sidebar nav a.active:before{background:#a8a3ff}.main{background:#f5f6f8}.topbar{background:#fff;border-bottom:1px solid #e8ebf1;padding:18px 32px}.crumb{color:#929bad}.top-actions{color:#8b95a7}.page-head{padding:34px 32px 24px}.page-head h1{font-size:31px;letter-spacing:-.045em}.page-head p{color:#737d90;max-width:650px}.eyebrow{color:#625bd8;letter-spacing:.15em}.panel{border:1px solid #e4e8ef;border-radius:16px;background:#fff;box-shadow:0 10px 30px #25355408}.primary{background:#5b55d6;border-radius:9px;box-shadow:0 8px 18px #5b55d626}.secondary{border-radius:9px;border-color:#dfe4ed;background:#fff;color:#4f5b70}.metric{border-radius:14px;border-color:#e4e8ef;background:#fff}.metric b{font-size:30px}.search input,.prospect-toolbar select,.prospect-toolbar button{min-height:40px}
.prospect-workspace-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 32px 20px}.prospect-summary{display:flex;flex-wrap:wrap;gap:9px}.prospect-summary span{padding:9px 12px;border:1px solid #e2e6ee;border-radius:999px;background:#fff;color:#758095;font-size:11px}.prospect-summary b{color:#20283b;margin-right:4px}.prospect-view-toggle{display:flex;padding:3px;border:1px solid #dfe4ed;border-radius:10px;background:#eef0f5}.prospect-view-toggle button{border:0;background:transparent;color:#788397;border-radius:7px;padding:8px 14px;font-size:11px;font-weight:850;cursor:pointer}.prospect-view-toggle button.active{background:#fff;color:#4039ad;box-shadow:0 2px 7px #24345416}.prospect-workspace-panel{margin:0 32px;padding:18px}.prospect-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.prospect-search{display:flex;align-items:center;gap:8px;flex:1 1 260px;min-height:40px;border:1px solid #dfe4ed;border-radius:9px;background:#fbfcfe;padding:0 11px;color:#8b95a7}.prospect-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12px;color:var(--ink)}.prospect-toolbar select{border:1px solid #dfe4ed;border-radius:9px;background:#fff;padding:0 9px;color:#5f6b80;font:inherit;font-size:11px}.result-count{margin-left:auto;color:#8a94a5;font-size:11px;white-space:nowrap}.workspace-help{margin:14px 0 20px;padding:11px 13px;border-radius:9px;background:#f6f7fb;color:#707b8e;font-size:11px}.workspace-help b{color:#4b44bd}.pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:13px;align-items:start}.pipeline-column{min-width:0;border:1px solid #e6e9ef;border-radius:13px;background:#f8f9fb;overflow:hidden}.pipeline-column>header{display:flex;justify-content:space-between;gap:10px;padding:15px 14px 12px;border-bottom:1px solid #e7eaf0}.pipeline-column>header h2{margin:0;font-size:13px;letter-spacing:-.02em}.pipeline-column>header p{margin:4px 0 0;color:#8a94a6;font-size:10px}.pipeline-column>header>span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:8px;background:#e9ebf3;color:#59647a;font-size:11px;font-weight:850}.pipeline-pending>header{border-top:3px solid #7a72e4}.pipeline-approved>header{border-top:3px solid #28a77e}.pipeline-contacted>header{border-top:3px solid #5091c9}.pipeline-rejected>header{border-top:3px solid #b6bdc9}.pipeline-cards{display:grid;gap:9px;padding:10px}.pipeline-card{border:1px solid #e2e6ed;border-radius:11px;background:#fff;box-shadow:0 4px 12px #26365308;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.pipeline-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #26365312}.pipeline-card-open{display:block;width:100%;border:0;background:transparent;text-align:left;padding:13px 13px 10px;color:inherit;cursor:pointer}.pipeline-card-top{display:flex;align-items:center;justify-content:space-between}.pipeline-source{color:#929bad;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.pipeline-card h3{margin:11px 0 4px;font-size:13px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-meta{margin:0;color:#7c8799;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;color:#8a94a5;font-size:9px}.pipeline-facts .fact-good{color:#168567}.pipeline-card-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 10px;border-top:1px solid #eef0f4;background:#fbfcfd}.pipeline-card-actions select{max-width:122px;border:1px solid #dfe4ec;border-radius:7px;background:#fff;padding:5px;color:#68748a;font:inherit;font-size:9px}.text-action{border:0;background:transparent;color:#5b55d6;padding:5px 2px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.score{display:inline-grid;place-items:center;min-width:30px;height:25px;padding:0 6px;border-radius:7px;font-size:11px;font-weight:900}.score.hot{background:#fff0e9;color:#c15c2f}.score.warm{background:#fff7dc;color:#9b6814}.score.cool{background:#edf1ff;color:#5658b9}.pipeline-empty{padding:25px 12px;text-align:center;color:#a0a8b7;font-size:10px}.compact-list{display:grid;border:1px solid #e4e8ef;border-radius:11px;overflow:hidden}.compact-row{display:grid;grid-template-columns:38px minmax(180px,1.5fr) 1fr 1fr 1fr 20px;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #edf0f4;background:#fff;text-align:left;padding:13px 14px;color:inherit;cursor:pointer}.compact-row:last-child{border-bottom:0}.compact-row:hover{background:#fafaff}.compact-main{display:grid;gap:4px;min-width:0}.compact-main b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-main small,.compact-site,.compact-email,.compact-stage{color:#7f899a;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-stage{color:#5c57bd;font-weight:750}.empty{padding:35px 15px}.detail-drawer{box-shadow:-15px 0 45px #25355418}
@media(max-width:1050px){.pipeline-board{grid-template-columns:repeat(2,minmax(220px,1fr))}.prospect-toolbar .result-count{margin-left:0}}@media(max-width:680px){.topbar{padding:15px 18px}.page-head{padding:26px 18px 18px}.prospect-workspace-head{padding:0 18px 16px;display:block}.prospect-view-toggle{margin-top:13px;width:max-content}.prospect-workspace-panel{margin:0 18px;padding:12px}.pipeline-board{grid-template-columns:1fr}.prospect-toolbar{display:grid;grid-template-columns:1fr 1fr}.prospect-search{grid-column:1/-1}.prospect-toolbar select,.prospect-toolbar button{width:100%}.result-count{grid-column:1/-1}.compact-row{grid-template-columns:34px minmax(0,1fr) 18px;gap:9px}.compact-site,.compact-email,.compact-stage{display:none}}