/* Presentation layer only: shared hierarchy, spacing and responsive workspaces. */
:root{--paper:#f7f8fa;--forest:#172d29;--pine:#245447;--sage:#c9dfd4;--moss:#516d61;--line:#e0e6e6;--muted:#60706e;--ux-accent:#176c57;--ux-shadow:0 2px 8px #152d2205;--ux-radius:16px}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
button{border-radius:9px;transition:background .15s,border-color .15s;line-height:1.4;min-height:38px}button:hover{background:#eef4f1;border-color:#bdd0c7}button.primary{background:var(--ux-accent);border-color:var(--ux-accent);color:white}button.primary:hover{background:#105342}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #448bcb;outline-offset:3px}button:disabled{cursor:not-allowed}a{color:#216653;text-underline-offset:3px}h1{font-size:32px;font-weight:620;letter-spacing:-1.1px}h2{font-weight:600;font-size:20px;letter-spacing:-.5px}h3{font-weight:600}p{line-height:1.6}small{line-height:1.5}input,select,textarea{border-color:#cbd5d2;border-radius:9px}input:focus,textarea:focus,select:focus{border-color:#3a816c}input[type=checkbox]{width:auto;accent-color:var(--ux-accent)}
.shell{grid-template-columns:224px minmax(0,1fr)}.sidebar{background:#132b26;padding:24px 14px}.brand{padding:0 14px 26px}.brand strong{font-size:32px;letter-spacing:-1.4px}.sidebar .nav{padding:10px 13px;min-height:40px;font-size:13px;font-weight:500;color:#c2d3cc}.sidebar .nav.active{background:#284c40;color:#fff;box-shadow:inset 3px 0 #b1d9c0}.sidebar .nav-child{margin-left:15px;border-left:1px solid #3b5149;border-radius:0 8px 8px 0;padding-left:16px;font-size:12px}.nav-label{color:#9bb5a9;letter-spacing:1.4px;margin-top:24px}.sidebar-bottom{padding:22px 10px 0}.sidebar-bottom img{width:155px;opacity:.85}.topbar{height:66px;background:#ffffffd9;padding:0 36px}.topbar .pill{background:transparent}.content{padding:32px 36px 64px;max-width:1540px}.heading{margin-bottom:24px}.heading .eyebrow{display:none}.heading h1{margin-bottom:0}.heading p{font-size:14px;max-width:800px}.card{border-radius:var(--ux-radius);padding:24px;box-shadow:var(--ux-shadow)}.pill{background:#f0f5f2;color:#345b4d;border-color:#dce6e0;font-size:11px;font-weight:600}.section-title{gap:16px;flex-wrap:wrap}.section-title h2{margin:0}.notice{background:#f0f6f2;border-color:#d5e4db;line-height:1.65}.source-wait{border-radius:12px}.source-actions{gap:10px}.source-toolbar{gap:16px;flex-wrap:wrap}.source-dialog{border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 24px 80px #0b281d33;max-width:700px;width:calc(100% - 32px);max-height:90vh;overflow:auto}.source-dialog::backdrop{background:#122a2359;backdrop-filter:blur(3px)}.source-dialog h2{font-size:23px}.source-dialog .source-actions{margin-top:22px}.source-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere}details>summary{cursor:pointer;list-style-position:outside;font-weight:600;color:#334b42;padding:6px 0}details[open]>summary{margin-bottom:14px}.ux-helper{font-size:12px!important;color:var(--muted);font-weight:400}.ux-empty{padding:24px;color:var(--muted)}[hidden]{display:none!important}.ux-text-button{border:0;background:transparent;padding:4px 0;min-height:30px;color:#1e6651;font-size:12px;text-align:left}.ux-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.ux-section-head h2{margin:0}.ux-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}.ux-search{margin:0;max-width:340px;flex:1}.ux-search input{background:#fff;padding:11px 14px;font-weight:400}.ux-table-card{padding:0;overflow:hidden}.ux-table-card table{margin:0}.ux-table-card th{background:#f7f9f8;font-size:10px;color:#60716b;letter-spacing:.8px;padding:14px 18px;white-space:nowrap}.ux-table-card td{padding:18px;vertical-align:middle;font-size:13px}.ux-table-card td small{display:block;margin-top:4px;font-size:12px}.ux-table-card tr:last-child td{border-bottom:0}.ux-table-card tbody tr:hover{background:#fafcfb}.ux-table-card .table-wrap{border-radius:inherit}.ux-campaign-table td:first-child{min-width:240px;max-width:440px}.ux-campaign-table td:first-child>strong{font-size:15px}.ux-campaign-table td:first-child small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ux-campaign-table td:nth-child(3){min-width:145px}.ux-campaign-table time{white-space:nowrap;font-size:12px}.ux-campaign-table button{white-space:nowrap}
/* A single role workspace with clear, persistent destinations. */
.ux-role-nav{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:22px 0 26px;overflow-x:auto;padding:0 0 10px}.ux-role-nav button,.ux-role-nav>span{padding:10px 15px;white-space:nowrap;border:0;background:transparent;font-size:13px;font-weight:500;border-radius:9px}.ux-role-nav [aria-current=page]{background:#e7f0eb;color:#18543f;font-weight:650}.ux-campaign-next{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:24px 0;background:linear-gradient(110deg,#fff,#f4f9f5);border-left:3px solid #388569}.ux-campaign-next>div:first-child{max-width:720px}.ux-campaign-next p:last-child{margin-bottom:0}.ux-campaign-next h2{font-size:24px}.ux-campaign-next .eyebrow{font-size:10px;margin-bottom:10px}.ux-more-actions{position:relative;margin-left:auto;align-self:flex-start}.ux-more-actions>summary{font-size:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:white;white-space:nowrap}.ux-more-actions[open]{background:#f8faf9;padding:0 10px 10px;border:1px solid var(--line);border-radius:9px}.ux-more-actions[open]>summary{margin-bottom:10px;border:0;background:transparent}.ux-more-actions .source-actions{max-width:460px;flex-wrap:wrap}.ux-more-actions button{font-size:12px}.ux-learning{margin-top:24px}.analyst{max-width:none;border-radius:16px;margin:24px 0}.analyst-header label{margin-top:0}.analyst-history{max-height:520px}.source-overview{border-radius:16px;background:#f0f6f2;padding:24px;gap:24px;border:1px solid #dbe7e0}.source-overview h2{font-size:25px}.source-overview small{display:block;line-height:1.7}.source-dashboard{margin:20px 0;gap:0;border:1px solid var(--line);border-radius:12px;background:#fff}.source-dashboard>div{border-right:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.source-dashboard>div:last-child{border-right:0}.source-dashboard strong{font-size:23px}.source-recent{margin:18px 0;padding:14px 20px}.source-recent .source-toolbar{margin:12px 0}.source-list{gap:18px}.source-person{padding:25px;margin-bottom:18px}.source-person h2{font-size:21px;margin-top:5px;margin-bottom:5px}.source-person-head>div:first-child{min-width:0}.source-person-head p{line-height:1.5}.source-person>.source-actions:last-child{border-top:1px solid #edf0ee;padding-top:18px;margin-top:18px;align-items:flex-start}.source-person>.source-actions:last-child>.primary{order:-1}.source-score{font-size:24px;white-space:normal;min-width:110px}.source-score small{font-size:11px}.source-detail{margin:16px 0;font-size:13px}.source-detail>summary{font-size:13px}.source-detail p{max-width:100ch;overflow-wrap:anywhere}.source-enrichment{font-size:12px}.source-preparation{border-radius:12px;padding:18px;background:#f4f8f5}.source-preparation ol{font-size:12px}.source-brand{font-size:12px}.source-actions>a{font-size:12px}.ux-recovery{background:#fff8eb;border:1px solid #ecd8b0;border-radius:14px;padding:22px;margin:20px 0}.ux-recovery strong{color:#7e5014}.ux-recovery p{font-size:13px;max-width:900px}.match-practical{padding:16px!important;border-radius:12px}.source-campaigns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.source-campaign{box-shadow:none;min-height:0}.source-campaign p{font-weight:400}.source-campaign:hover{transform:none}
/* Today: focus first; useful background details stay one click away. */
.home-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 36px;padding-bottom:4px}.home-welcome h1{font-size:32px;letter-spacing:-1px;margin:9px 0}.home-welcome p{color:var(--muted);margin:0}.home-welcome .eyebrow{font-size:10px;margin:0}.ux-command{padding:28px;margin-bottom:24px}.ux-command>.ux-section-head{padding-bottom:24px;border-bottom:1px solid var(--line)}.ux-command .eyebrow{font-size:10px;margin-bottom:6px}.ux-command h2{font-size:24px}.ux-live-label{font-size:11px;color:#597168;display:flex;align-items:center;gap:7px}.ux-live-label>span{width:6px;height:6px;background:#41977c;border-radius:50%}.ux-command-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;padding-top:24px}.ux-command-grid h3{font-size:14px;margin-bottom:12px}.ux-next-row{display:flex;align-items:center;gap:12px;padding:15px 0;border:0;border-bottom:1px solid #e8eeea;border-radius:0;text-align:left;width:100%;background:transparent}.ux-next-row>span:nth-child(2){flex:1;min-width:0}.ux-next-row strong,.ux-next-row small{display:block}.ux-next-row strong{font-size:13px}.ux-next-row small{font-size:12px;font-weight:400;margin-top:4px;overflow-wrap:anywhere}.ux-next-row b{font-size:11px;color:#1d6950;max-width:110px}.ux-action-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#eff4f1;border-radius:9px;font-size:12px}.ux-next-priority{background:#f2f7f4;border-radius:10px;border-bottom:0;padding:15px 12px}.ux-next-priority .ux-action-icon{background:#deece3}.ux-change-row{display:flex;gap:12px;justify-content:space-between;padding:12px 0;border:0;border-bottom:1px solid #edf0ee;background:transparent;width:100%;text-align:left;border-radius:0}.ux-change-row strong{font-size:12px;display:block}.ux-change-row small{font-size:11px;font-weight:400;display:block;margin-top:3px}.ux-change-row time{font-size:10px;font-weight:400;color:var(--muted);white-space:nowrap;padding-top:2px}.ux-background-count{font-size:12px;color:var(--muted);margin-top:16px}.ux-calm-state{padding:20px;border-radius:12px;background:#f6f9f7}.ux-calm-state strong{font-size:14px}.ux-calm-state p{font-size:13px}.ux-home-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:24px;margin:24px 0;align-items:start}.ux-home-columns .section-title{margin:0 0 16px}.ux-home-columns .sequence-call{grid-template-columns:1fr auto;gap:4px 16px}.ux-home-columns .sequence-call>small{grid-column:1}.ux-home-columns .sequence-call>a[href^=tel]{grid-column:2;grid-row:1/3;align-self:center;font-size:12px}.ux-quick-start>button{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #edf0ee;border-radius:0;background:transparent;width:100%;text-align:left;padding:12px 0;margin:0}.ux-quick-start>button>span:nth-child(2){flex:1}.ux-quick-start strong,.ux-quick-start small{display:block}.ux-quick-start strong{font-size:13px}.ux-quick-start small{font-size:11px;font-weight:400;margin-top:3px}.ux-background{margin:24px 0;padding:16px 24px}.ux-background .pill{margin-left:8px}.ux-background .section-title{margin-top:16px}.home-recent .section-title{margin:0 0 8px}.home-work-row{padding:16px 0}.home-work-row strong{font-size:13px}.home-live-item{box-shadow:none;min-height:110px}.home-live-item span span{font-size:12px}.home-call-list{scroll-margin-top:24px}
/* Outreach: dense information, calm presentation, no automatic approvals. */
.sequence-workspace{gap:22px;grid-template-columns:minmax(0,1fr) 250px}.sequence-hero{background:#fff;border:1px solid var(--line);color:var(--forest);border-radius:16px;padding:24px;box-shadow:var(--ux-shadow)}.sequence-hero h2{color:var(--forest);font-size:24px;margin:8px 0}.sequence-hero p{color:var(--muted);font-size:12px;margin-bottom:20px}.sequence-hero button{border:1px solid var(--line);background:#fff}.sequence-hero .primary{background:var(--ux-accent);color:white;border-color:var(--ux-accent)}.sequence-eyebrow{color:var(--moss);font-size:10px}.sequence-section-title p{font-size:12px}.sequence-section-title h2{font-size:18px}.sequence-call-list{border-radius:14px;box-shadow:var(--ux-shadow)}.sequence-call-list .sequence-call a strong{font-size:13px}.sequence-call a{text-decoration:none}.sequence-call a:hover{text-decoration:underline}.ux-sequence-name{display:flex;align-items:center;gap:10px}.ux-sequence-name>img{width:24px;height:24px;flex-shrink:0}.ux-sequence-name strong{font-size:13px}.ux-sequence-table{min-width:650px}.ux-sequence-table td,.ux-sequence-table th{padding:14px 12px}.ux-table-card>.ux-list-toolbar{padding:0 16px}.ux-segmented{display:flex;background:#f0f3f2;border-radius:9px;padding:3px;gap:3px}.ux-segmented button{border:0;background:transparent;font-size:12px;padding:7px 12px;min-height:32px;color:#60756a}.ux-segmented [aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #152f2214;color:#1d503d}.sequence-summary{background:#f0f6f3;border:1px solid #dbe8df;border-radius:14px}.sequence-summary h2{font-size:22px;margin:8px 0}.sequence-summary p{font-size:12px;color:var(--muted);margin:0}.sequence-members{padding:20px 0;overflow:hidden;margin-top:24px}.sequence-members>h2{padding:0 22px}.sequence-members table{min-width:800px}.sequence-members th{background:#f8faf9}.sequence-members td{font-size:12px;min-width:130px}.sequence-members td:last-child{min-width:150px}.sequence-members td button{font-size:11px;padding:7px 9px;min-height:32px;margin-top:6px}.ux-stage-count{display:inline-block;font-weight:650;color:#235840}.ux-table-reply summary{font-size:12px;color:#1c674c}.ux-table-reply p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto}.sequence-stage{background:#f9fbfa;border-color:#e2e9e5}.sequence-stage pre{font-size:13px}.sequence-members td small{font-size:11px}.sequence-person-choice{box-shadow:none}.sequence-reply span{font-size:12px;overflow-wrap:anywhere}.sequence-mailbox{margin-top:24px}
@media(min-width:1700px){.content{padding-left:48px;padding-right:48px}}
@media(max-width:1200px){.sequence-workspace{grid-template-columns:1fr}.sequence-call-list{position:static}.content{padding:28px 26px}.topbar{padding:0 26px}.ux-command-grid{gap:24px}.ux-next-row{flex-wrap:wrap}.ux-next-row b{margin-left:42px;max-width:none}.ux-next-row>span:nth-child(2){min-width:180px}}
@media(max-width:1000px){.ux-command-grid,.ux-home-columns{grid-template-columns:1fr}.ux-recent-changes{border-top:1px solid var(--line);padding-top:22px}.home-welcome{align-items:flex-start}.ux-campaign-next{align-items:flex-start;flex-direction:column}.ux-campaign-next .source-actions{width:100%}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:18px}.sidebar .nav-child{margin-left:0}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .brand{padding-bottom:12px}.sidebar .nav-label{margin-top:12px}.topbar{height:60px;padding:0 20px}.content{padding:24px 18px 48px}.topbar .pill{display:none}.home-welcome{display:block;margin-bottom:30px}.home-welcome h1{font-size:28px}.home-welcome button{margin-top:18px}.ux-command{padding:20px}.ux-section-head{align-items:flex-start;flex-direction:column;gap:12px}.ux-home-columns{gap:18px}.card{padding:20px}.ux-table-card{padding:0}.ux-list-toolbar{align-items:stretch;flex-wrap:wrap;gap:12px}.ux-search{max-width:none;min-width:160px}.source-overview{padding:20px}.source-dashboard{grid-template-columns:repeat(2,1fr)}.source-dashboard>div{border-bottom:1px solid var(--line)}.source-person-head{gap:12px}.source-score{min-width:90px;font-size:20px}.source-person>.source-actions:last-child{gap:10px}.ux-more-actions{margin-left:0}.ux-background .pill{margin-top:6px}.ux-home-columns .sequence-call{grid-template-columns:1fr}.ux-home-columns .sequence-call>a[href^=tel]{grid-column:1;grid-row:auto}.sequence-hero{padding:20px}.sequence-members{padding:20px 0}.ux-command .ux-live-label{font-size:10px}.ux-next-row>span:nth-child(2){min-width:140px}.ux-next-row b{margin-left:42px}.ux-change-row{flex-wrap:wrap}.source-dialog{padding:22px}.analyst-composer{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.ux-nav-menu{display:none}#sidebar-links{flex-shrink:0}@media(max-width:760px){.sidebar{display:block;position:relative}.sidebar .brand{padding:0 64px 0 0}.sidebar .brand strong{font-size:27px}.sidebar .by{font-size:9px}.ux-nav-menu{display:block;position:absolute;right:18px;top:20px;background:#284c40;color:white;border-color:#486356;min-height:36px;padding:8px 12px}.sidebar #sidebar-links{display:none;margin-top:20px}.sidebar.nav-expanded #sidebar-links{display:block}.sidebar .nav-label{margin-left:10px}}
