:root{--ink:#16253c;--muted:#64748b;--line:#dce5ee;--line-soft:#eaf0f5;--blue:#1565c0;--blue-dark:#084b91;--blue-soft:#edf5fd;--green:#18775b;--green-soft:#eaf7f2;--amber:#9b6214;--amber-soft:#fff7e6;--red:#ad3d49;--red-soft:#fff0f1;--paper:#fff;--canvas:#f5f7fa;--shadow:0 1px 2px #12263f08, 0 10px 30px #12263f0a}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif}button,input{font:inherit}button,a{color:inherit}.login-shell{background:#f3f6f9;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);width:min(100%,380px);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:34px}.login-mark{color:#fff;background:var(--blue);border-radius:10px;place-items:center;width:42px;height:42px;margin-bottom:18px;display:grid}.login-kicker{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:750}.login-card h1{letter-spacing:-.035em;margin:7px 0 6px;font-size:24px}.login-card>p{color:var(--muted);margin:0 0 23px;font-size:12px}.login-form{gap:8px;display:grid}.login-form label{font-size:11px;font-weight:700}.login-form input{height:42px;color:var(--ink);background:#fff;border:1px solid #bdcad7;border-radius:8px;outline:none;padding:0 11px}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1565c01f}.login-form input[aria-invalid=true]{border-color:var(--red)}.login-form button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:8px;height:42px;margin-top:6px;font-size:12px;font-weight:700}.login-form button:hover{background:var(--blue-dark)}.login-error{color:var(--red);margin:0;font-size:10px}.login-card>small{color:#8a98a7;text-align:center;margin-top:22px;font-size:9px;display:block}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;gap:20px;height:70px;padding:0 max(28px,50vw - 720px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#1974d3,#074985);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #ffffff29}.brand-mark span{letter-spacing:-.02em;font-size:14px;font-weight:750}.brand>div:last-child{gap:2px;display:grid}.brand strong{letter-spacing:-.01em;font-size:14px}.brand>div:last-child span{color:var(--muted);font-size:11px}.topbar-actions{align-items:center;gap:9px;display:flex}.environment{border:1px solid var(--line);color:#52637a;text-transform:capitalize;background:#fafcfe;border-radius:999px;align-items:center;gap:7px;height:32px;padding:0 11px;font-size:11px;display:flex}.environment i,.freshness i{background:#26a77b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dff5ec}.icon-button,.reset-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:34px;display:inline-flex}.icon-button{width:34px}.reset-button{gap:7px;padding:0 12px;font-size:12px;font-weight:650}.icon-button:hover,.reset-button:hover{background:#f9fbfd;border-color:#b9c9d8}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #1565c040}button:disabled{cursor:not-allowed;opacity:.55}.page-wrap{width:min(1180px,100% - 56px);margin:0 auto;padding:32px 0 60px}.intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:28px;padding-bottom:22px;display:flex}.intro h1{letter-spacing:-.035em;margin:8px 0 5px;font-size:28px;line-height:1.15}.intro p{color:var(--muted);margin:0;font-size:12px}.intro .section-kicker{color:var(--blue)}.hero{color:#fff;background:radial-gradient(circle at 75% 20%,#3591e159,#0000 31%),linear-gradient(120deg,#0b467f 0%,#0f5ba2 55%,#166cc0 100%);border:1px solid #cbddeb;border-radius:16px;justify-content:space-between;align-items:center;gap:48px;min-height:164px;padding:28px 32px;display:flex;overflow:hidden;box-shadow:0 14px 36px #0c487d1f}.hero>div:first-child{max-width:745px}.section-kicker{letter-spacing:.09em;text-transform:uppercase;color:#d8ebfc;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.04em;margin:11px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1.08}.hero p{color:#dceaf7;max-width:670px;margin:0;font-size:14px;line-height:1.65}.hero-stats{background:#062f5740;border:1px solid #fff3;border-radius:12px;grid-template-columns:repeat(3,1fr);min-width:376px;display:grid}.hero-stats div{border-right:1px solid #ffffff29;gap:4px;padding:18px 17px;display:grid}.hero-stats div:last-child{border-right:0}.hero-stats strong{letter-spacing:-.04em;font-size:24px}.hero-stats span{color:#d5e7f7;font-size:10px;line-height:1.3}.error-banner{color:#87313b;background:var(--red-soft);border:1px solid #f0bec4;border-radius:9px;align-items:center;gap:9px;margin-top:18px;padding:11px 14px;font-size:12px;display:flex}.error-banner span{flex:1}.error-banner button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.scenario-section{margin-top:26px}.section-heading,.panel-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.section-heading{margin-bottom:14px}.section-heading>div,.panel-heading>div{gap:4px;display:grid}.section-heading span,.panel-heading>div>span{color:var(--blue);text-transform:uppercase;letter-spacing:.095em;font-size:9px;font-weight:750}.section-heading h2,.panel-heading h2{letter-spacing:-.025em;margin:0;font-size:18px}.section-heading>p{color:var(--muted);margin:0;font-size:11px}.persona-selector{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.persona-option{text-align:left;color:#40556d;cursor:pointer;background:#fff;border:1px solid #bfcdda;border-radius:8px;gap:3px;min-height:54px;padding:9px 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid}.persona-option:hover:not(:disabled){background:#fafcff;border-color:#76a8d3}.persona-option.selected{color:var(--blue-dark);background:var(--blue-soft);border-color:var(--blue);box-shadow:0 0 0 2px #1565c01a}.persona-option>span{font-size:11px;font-weight:750}.persona-option small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.sender-notice{color:#42566d;background:var(--blue-soft);border:1px solid #d6e6f5;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:9px 11px;font-size:10px;line-height:1.4;display:flex}.sender-notice svg{color:var(--blue);flex:none}.setup-note{color:#785318;background:var(--amber-soft);border:1px solid #f0d9ad;border-radius:7px;align-items:center;gap:7px;margin-bottom:8px;padding:8px 10px;font-size:9px;display:flex}.setup-note svg{flex:none}.setup-note a{color:#754b0e;white-space:nowrap;margin-left:auto;font-weight:750}.story-tabs{gap:6px;margin:12px 0 9px;display:flex;overflow-x:auto}.story-tabs button{color:#53677d;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c3d0dc;border-radius:999px;align-items:center;gap:6px;height:31px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.story-tabs button:hover{color:var(--blue);border-color:#86afd2}.story-tabs button.selected{color:#fff;background:var(--blue);border-color:var(--blue)}.story-tabs small{min-width:16px;height:16px;color:inherit;background:#6e82961f;border-radius:999px;place-items:center;padding:0 4px;font-size:7px;display:grid}.story-tabs button.selected small{background:#fff3}.scenario-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.scenario-card{text-align:left;background:var(--paper);cursor:pointer;border:1px solid #b9c9d7;border-radius:10px;grid-template-columns:38px 1fr auto;align-items:start;gap:12px;min-height:140px;padding:16px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;box-shadow:0 1px 1px #12263f05}.scenario-card:hover{border-color:#75a8d4;transform:translateY(-1px);box-shadow:0 5px 16px #1245701a}.scenario-card.selected{border-color:#7fb2de;box-shadow:0 0 0 2px #e1effb}.scenario-icon{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.tone-amber .scenario-icon{color:var(--amber);background:var(--amber-soft)}.tone-red .scenario-icon{color:var(--red);background:var(--red-soft)}.tone-green .scenario-icon{color:var(--green);background:var(--green-soft)}.scenario-copy{flex-direction:column;min-width:0;display:flex}.scenario-copy small{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;margin-top:7px;font-size:8px;font-weight:750}.scenario-copy strong{letter-spacing:-.01em;font-size:13px}.scenario-copy>span{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.45}.scenario-copy .manager-access-badge{color:#7a4d0c;background:var(--amber-soft);border:1px solid #efd39e;border-radius:6px;align-items:center;gap:5px;width:max-content;margin-top:10px;padding:5px 8px;font-size:9px;font-weight:750;display:inline-flex}.scenario-copy .tool-set{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.tool-set i{color:#52677d;letter-spacing:.06em;text-transform:uppercase;margin-right:2px;font-size:9px;font-style:normal;font-weight:800}.tool-set em{color:#3e5871;background:#eaf1f7;border:1px solid #d7e3ed;border-radius:6px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:650;line-height:1.2}.story-action{color:#fff;background:var(--blue);border-radius:6px;align-items:center;gap:5px;height:28px;padding:0 9px;font-size:9px;font-weight:750;display:inline-flex}.scenario-card:hover .story-action{background:var(--blue-dark)}.compact-heading{align-items:center}.freshness{align-items:center;gap:7px;display:inline-flex;color:var(--muted)!important;letter-spacing:0!important;text-transform:none!important;font-weight:500!important}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:11px;min-width:0;padding:16px;position:relative;overflow:hidden}.metric-card:before{content:"";background:#77a6cf;width:3px;position:absolute;inset:0 auto 0 0}.metric-card.metric-on-track:before{background:#35a078}.metric-card.metric-watch:before{background:#e0a039}.metric-card.metric-risk:before{background:#d45a67}.metric-card.metric-held-for-review:before{background:#8794a5}.metric-topline{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:10px;font-size:8px;font-weight:700;display:flex}.metric-status{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.metric-status i{background:#77a6cf;border-radius:50%;width:6px;height:6px}.metric-status.on-track i{background:#35a078}.metric-status.watch i{background:#e0a039}.metric-status.risk i{background:#d45a67}.metric-status.held-for-review i{background:#8794a5}.metric-card h3{white-space:nowrap;text-overflow:ellipsis;margin:15px 0 3px;font-size:12px;font-weight:650;overflow:hidden}.metric-value-row{align-items:baseline;gap:9px;display:flex}.metric-value-row strong{letter-spacing:-.045em;font-size:25px}.metric-value-row span{color:var(--green);font-size:10px;font-weight:700}.metric-card>p{height:31px;color:var(--muted);margin:9px 0 13px;font-size:9px;line-height:1.55;overflow:hidden}.metric-footer{flex-wrap:wrap;gap:5px;display:flex}.metric-footer span{color:#60748b;text-transform:capitalize;background:#f1f5f8;border-radius:4px;padding:3px 6px;font-size:8px}.metric-footer .excluded{color:#6f5a35;background:#fff7e6}.workspace-grid{grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;margin-top:24px;display:grid}.side-stack{gap:14px;min-width:0;display:grid}.panel{background:var(--paper);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:12px}.panel-heading{border-bottom:1px solid var(--line-soft);align-items:center;min-height:64px;padding:14px 17px}.panel-heading h2{font-size:15px}.count-badge,.attention-badge{color:#5d6f84;background:#eef3f7;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700}.attention-badge{color:#855611;background:var(--amber-soft)}.email-card{border:1px solid var(--line);border-radius:10px;margin:16px;overflow:hidden}.email-meta{border-bottom:1px solid var(--line-soft);grid-template-columns:35px 1fr auto;gap:10px;padding:14px;display:grid}.direction-icon{color:#576b82;background:#f0f4f8;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.direction-icon.outbound{color:var(--blue);background:var(--blue-soft)}.email-heading{min-width:0;color:var(--muted);gap:3px;font-size:10px;display:grid}.email-from-row{align-items:center;gap:8px;display:flex}.email-heading strong{color:var(--ink);font-size:12px}.email-meta time{color:var(--muted);font-size:9px}.status-pill{text-transform:capitalize;background:#eef3f7;border-radius:999px;padding:2px 6px;font-size:8px}.email-sent{color:var(--green);background:var(--green-soft)}.email-blocked{color:var(--red);background:var(--red-soft)}.subject-row{border-bottom:1px solid var(--line-soft);background:#fbfcfd;grid-template-columns:55px 1fr;gap:8px;padding:11px 14px;font-size:11px;display:grid}.subject-row span{color:var(--muted)}.email-body{color:#263b53;white-space:pre-wrap;min-height:200px;padding:23px 26px;font-family:Georgia,Times New Roman,serif;font-size:13px;line-height:1.75}.source-list{border-top:1px solid var(--line);background:#f8fafc;padding:14px 17px 11px}.source-title{color:#344a62;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:7px;font-size:10px;font-weight:750;display:flex}.source-row{border-top:1px solid #e5ebf1;grid-template-columns:20px 1fr auto 14px;align-items:center;gap:7px;padding:7px 0;text-decoration:none;display:grid}.source-row:hover strong{color:var(--blue)}.source-number{width:17px;height:17px;color:var(--blue);background:#e5f0fa;border-radius:4px;place-items:center;font-size:8px;font-weight:750;display:grid}.source-row>span:nth-child(2){gap:2px;min-width:0;display:grid}.source-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.source-row small{color:var(--muted);font-size:8px}.validation{color:var(--green);background:var(--green-soft);text-transform:capitalize;border-radius:4px;padding:3px 5px;font-size:7px;font-weight:700}.validation.estimated{color:var(--amber);background:var(--amber-soft)}.validation.held-for-review{color:var(--red);background:var(--red-soft)}.demo-disclaimer{color:#8b98a8;margin:7px 0 0;font-size:8px;font-style:italic}.approval-list{max-height:300px;overflow-y:auto}.approval-row{border-bottom:1px solid var(--line-soft);grid-template-columns:31px minmax(0,1fr);gap:9px;padding:13px 15px;display:grid}.approval-row:last-child{border-bottom:0}.approval-avatar{color:#40617e;background:#eaf1f7;border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;font-weight:750;display:grid}.approval-copy{gap:2px;min-width:0;display:grid}.approval-copy>div:first-child{align-items:center;gap:7px;display:flex}.approval-copy strong{font-size:10px}.approval-copy span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.approval-copy p{color:#51647a;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:9px;line-height:1.4;overflow:hidden}.approval-details{grid-template-columns:1fr 1fr;gap:6px 10px;margin:8px 0 0;display:grid}.approval-details div{min-width:0}.approval-details dt{color:#8a98a7;letter-spacing:.04em;text-transform:uppercase;font-size:7px;font-weight:700}.approval-details dd{color:#4a5e75;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:8px;overflow:hidden}.approval-side{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.approval-status{color:var(--amber);background:var(--amber-soft);text-transform:capitalize;border-radius:999px;align-items:center;gap:3px;padding:3px 6px;font-size:8px;font-weight:700;display:inline-flex}.approval-status.approved,.approval-status.delivered{color:var(--green);background:var(--green-soft)}.approval-status.denied,.approval-status.expired{color:var(--red);background:var(--red-soft)}.approval-side small{color:var(--muted);font-size:8px}.audit-panel{overflow:hidden}.audit-panel .panel-heading>svg{color:#73889d}.live-badge{color:var(--green);background:var(--green-soft);text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:9px;font-weight:750;display:inline-flex}.live-badge i{background:#26a77b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #26a77b24}.timeline{max-height:424px;margin:0;padding:10px 15px 15px;list-style:none;overflow-y:auto}.timeline-item{grid-template-columns:27px 1fr;gap:9px;padding:7px 0;display:grid;position:relative}.timeline-item:not(:last-child):after{content:"";background:#dde5ec;width:1px;position:absolute;top:34px;bottom:-7px;left:13px}.timeline-icon{z-index:1;color:#52708e;background:#edf3f8;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.event-allowed .timeline-icon,.event-complete .timeline-icon{color:var(--green);background:var(--green-soft)}.event-pending .timeline-icon,.event-partial .timeline-icon{color:var(--amber);background:var(--amber-soft)}.event-blocked .timeline-icon{color:var(--red);background:var(--red-soft)}.timeline-item>div{min-width:0;padding-top:1px}.timeline-title{justify-content:space-between;gap:8px;display:flex}.timeline-title strong{font-size:10px}.timeline-title time{color:#8a99aa;white-space:nowrap;font-size:8px}.timeline-item p{color:var(--muted);margin:3px 0;font-size:9px;line-height:1.45}.timeline-item small{color:#8391a0;font-size:8px}.timeline-meta{color:#8391a0;align-items:center;gap:6px;margin-top:5px;font-size:7px;display:flex}.timeline-meta>span{text-transform:capitalize;background:#f0f4f7;border-radius:3px;padding:2px 4px}.timeline-meta time{white-space:nowrap;margin-left:auto}.empty-state{text-align:center;min-height:220px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.empty-state strong{color:var(--ink);margin-top:11px;font-size:12px}.empty-state p{max-width:260px;margin:6px 0 0;font-size:10px;line-height:1.5}.empty-icon{width:44px;height:44px;color:var(--blue);background:var(--blue-soft);border-radius:50%;place-items:center;display:grid}.empty-state.compact{flex-direction:row;gap:8px;min-height:92px;padding:20px}.empty-state.compact p{margin:0}.people-panel,.outbound-panel{margin-top:12px;overflow:hidden}.outbound-panel .panel-heading>svg{color:#73889d}.outbound-form{grid-template-columns:minmax(220px,.75fr) 1.25fr;gap:9px 12px;padding:13px 16px;display:grid}.outbound-form label{gap:5px;min-width:0;display:grid}.outbound-form label>span{color:#52657b;font-size:9px;font-weight:700}.outbound-form input,.outbound-form select,.outbound-form textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #bccbd8;border-radius:6px;outline:none;padding:0 9px;font-size:10px}.outbound-form input,.outbound-form select{height:34px}.outbound-form textarea{resize:vertical;padding-block:8px;line-height:1.45}.outbound-form input:focus,.outbound-form select:focus,.outbound-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #1565c01a}.outbound-body{grid-column:1/-1}.outbound-actions{grid-column:1/-1;align-items:center;gap:10px;display:flex}.outbound-actions>small{color:var(--muted);font-size:8px}.outbound-actions p{margin:0 0 0 auto;font-size:9px}.outbound-actions p.success{color:var(--green)}.outbound-actions p.error{color:var(--red)}.outbound-actions button{min-width:78px}.people-heading-actions{align-items:center;gap:8px;display:flex}.small-primary,.small-secondary{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.small-primary{color:#fff;background:var(--blue);border:1px solid var(--blue)}.small-primary:hover{background:var(--blue-dark)}.small-secondary{color:#52657b;border:1px solid var(--line);background:#fff}.person-form{border-bottom:1px solid var(--line);background:#f8fafc;grid-template-columns:1fr 1fr 1fr 1fr .65fr;align-items:end;gap:10px;padding:14px 16px;display:grid}.person-form-title{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.person-form-title strong{font-size:11px}.form-close{width:27px;height:27px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.person-form label{gap:5px;min-width:0;display:grid}.person-form label>span{color:#52657b;font-size:9px;font-weight:700}.person-form input:not([type=checkbox]),.person-form select{width:100%;height:34px;color:var(--ink);background:#fff;border:1px solid #c6d2dd;border-radius:6px;outline:none;padding:0 9px;font-size:10px}.person-form input:focus,.person-form select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #1565c01a}.scopes-field{grid-column:1/span 2}.scopes-field small{color:var(--muted);font-size:8px}.person-checks{grid-column:3/span 2;align-items:center;gap:17px;min-height:34px;display:flex}.person-checks label{color:#52657b;align-items:center;gap:6px;font-size:10px;font-weight:650;display:flex}.person-form-actions{grid-column:5;justify-content:flex-end;align-items:center;gap:7px;display:flex}.person-form-actions p{color:var(--red);grid-column:1/-1;margin:0 auto 0 0;font-size:9px}.people-error{color:var(--red);background:var(--red-soft);border-radius:6px;align-items:center;gap:6px;margin:10px 14px 0;padding:8px 10px;font-size:9px;display:flex}.people-list{overflow-x:auto}.people-columns,.person-row{grid-template-columns:1.25fr 1.15fr 1fr .5fr 62px;align-items:center;gap:12px;min-width:880px;display:grid}.people-columns{color:#8291a1;border-bottom:1px solid var(--line-soft);letter-spacing:.05em;text-transform:uppercase;background:#fbfcfd;padding:8px 16px;font-size:8px;font-weight:700}.person-row{border-bottom:1px solid var(--line-soft);padding:10px 16px}.person-row:last-child{border-bottom:0}.person-row.inactive{opacity:.58;background:#fafbfc}.person-identity{align-items:center;gap:9px;min-width:0;display:flex}.person-avatar{color:#42627f;background:#eaf1f7;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:8px;font-weight:750;display:grid}.person-identity>span:last-child,.person-role,.person-access,.person-status{gap:3px;min-width:0;display:grid}.person-identity strong,.person-role strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.person-identity small,.person-role small,.person-access small,.person-status small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.person-access{grid-template-columns:auto 1fr;align-items:center;gap:7px}.tier-badge{width:max-content;height:20px;color:var(--blue);background:var(--blue-soft);border-radius:5px;place-items:center;padding:0 7px;font-size:8px;font-weight:750;display:grid}.person-status>span{width:max-content;color:var(--green);background:var(--green-soft);border-radius:999px;padding:3px 6px;font-size:8px;font-weight:700}.person-status>span.inactive{color:#6f7d8c;background:#edf1f4}.person-actions{justify-content:flex-end;gap:4px;display:flex}.person-actions button{color:#66798d;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.person-actions button:hover{color:var(--blue);border-color:#adc4d8}.loading-panel{min-height:350px;color:var(--muted);place-content:center;justify-items:center;gap:12px;margin-top:24px;display:grid}.loading-panel strong{font-size:12px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{border-top:1px solid var(--line);color:#8593a2;justify-content:space-between;width:min(1180px,100% - 56px);margin:0 auto;padding:20px 0 28px;font-size:9px;display:flex}@media (max-width:1080px){.scenario-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}}@media (max-width:720px){.topbar{height:auto;min-height:66px;padding:10px 16px}.environment{display:none}.reset-button{width:34px;padding:0;font-size:0}.page-wrap,.site-footer{width:min(100% - 28px,1180px)}.page-wrap{padding-top:18px}.intro{flex-direction:column;align-items:flex-start}.section-heading{flex-direction:column;align-items:flex-start;gap:5px}.persona-selector{grid-template-columns:1fr}.story-tabs{width:100%}.scenario-grid,.side-stack{grid-template-columns:1fr}.scenario-card{grid-template-columns:34px 1fr}.story-action{grid-column:2;width:max-content}.outbound-form{grid-template-columns:1fr}.outbound-form label,.outbound-body,.outbound-actions{grid-column:1}.outbound-actions{flex-direction:column;align-items:flex-start}.outbound-actions p{margin-left:0}.person-form{grid-template-columns:1fr}.person-form-title,.scopes-field,.person-checks,.person-form-actions{grid-column:1}.person-form-actions{justify-content:flex-start}.scenario-card{min-height:94px}.email-body{padding:19px}.source-row{grid-template-columns:20px 1fr 14px}.source-row .validation{display:none}.site-footer{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}