@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#19233a;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a5b4fc;outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;width:248px;height:100vh;flex:none;background:#111b2f;color:#f8fbff;padding:26px 14px 15px;z-index:15}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 35px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#8178ff,#5fc9f6);color:#fff;font-weight:800;font-size:21px;box-shadow:0 7px 20px #6576ff42}.brand strong{font-size:17px;letter-spacing:-.6px}.brand strong span{color:#9eb0d0}.brand small{display:block;font-size:10px;color:#8c9bb8;margin-top:2px}.workspace-label{font-size:10px;font-weight:800;letter-spacing:1.45px;color:#697b9d;padding:0 16px 13px}.nav{display:grid;gap:5px}.nav-item{width:100%;height:43px;display:flex;align-items:center;gap:12px;border:0;border-radius:9px;background:none;color:#a9b7d0;text-align:left;padding:0 13px;font-size:12px;font-weight:700}.nav-item:hover{background:#1b2941;color:white}.nav-item.active{background:#354174;color:#fff}.nav-icon{width:21px;text-align:center;font-size:21px;font-family:Arial;line-height:1;font-weight:400}.nav-item b{margin-left:auto;font-size:11px;font-weight:700;color:#9ca9c9}.nav-item.active b{color:#d6deff}.nav-item i{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#ff897d}.sidebar-bottom{margin-top:auto}.demo-note{display:flex;gap:9px;padding:13px 12px;margin:0 4px 15px;border:1px solid #34405c;border-radius:11px;background:#1a2940}.demo-note strong,.sidebar-user strong{display:block;font-size:11px}.demo-note small,.sidebar-user small{display:block;font-size:9px;color:#91a3c1;line-height:1.5;margin-top:2px}.pulse{width:7px;height:7px;border-radius:50%;background:#68dfa6;flex:none;margin-top:4px;box-shadow:0 0 0 4px #68dfa627}.sidebar-user{display:flex;align-items:center;gap:9px;padding:13px 9px 0;border-top:1px solid #293650}.avatar,.top-avatar{display:grid;place-items:center;flex:none;border-radius:50%;font-weight:800}.avatar-user{width:31px;height:31px;background:#494276;color:#fff;font-size:10px}.more{margin-left:auto;color:#8090aa}.main{min-width:0;flex:1}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e9edf4;padding:0 30px}.breadcrumb{font-size:11px;color:#8490a5}.breadcrumb span{padding:0 8px;color:#c7d0dd}.breadcrumb strong{color:#29354b}.top-actions{display:flex;align-items:center;gap:18px}.today{font-size:11px;color:#6d7890;font-weight:700}.vertical-line{height:21px;border-left:1px solid #e5e9f0}.top-avatar{width:31px;height:31px;background:#e8e7fc;color:#605fbd;font-size:10px}.content{padding:30px 30px 40px;max-width:1800px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#7475d8;margin:0 0 8px}.page-head h1{font-size:28px;line-height:1.15;letter-spacing:-1.15px;margin:0 0 6px;font-weight:800}.subtitle{font-size:12px;color:#8490a4;margin:0}.head-actions{display:flex;gap:9px;align-items:center}.btn{height:35px;border:1px solid #dce2ec;border-radius:8px;background:#fff;color:#3b4960;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;font-size:11px;font-weight:800;white-space:nowrap}.btn:hover{border-color:#afb9cf;background:#fbfcff}.btn.primary{border-color:#625ee7;background:#625ee7;color:#fff;box-shadow:0 5px 14px #625ee72d}.btn.primary:hover{background:#514dd5}.btn.ghost{border:0;background:transparent}.btn.small{height:29px;padding:0 9px;font-size:10px}.btn:disabled{opacity:.45;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid #e7ebf2;border-radius:13px;padding:17px 18px;min-height:102px;box-shadow:0 2px 7px #162c5205}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:10px;color:#8190a5;font-weight:800}.stat-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:15px}.stat-icon.violet{background:#eeeafd;color:#7365d4}.stat-icon.blue{background:#e5f3fe;color:#4b9fce}.stat-icon.orange{background:#fff0e8;color:#ea9876}.stat-icon.green{background:#e7f8ee;color:#43b989}.stat-value{font-size:24px;font-weight:800;letter-spacing:-1px;margin-top:5px}.stat-foot{font-size:9px;color:#91a0b3;margin-top:2px}.stat-foot b{color:#40b486}.toolbar{background:#fff;border:1px solid #e7ebf2;border-radius:12px;padding:12px;display:flex;gap:9px;align-items:center;margin-bottom:18px}.searchbox{display:flex;align-items:center;gap:8px;height:35px;min-width:220px;max-width:340px;flex:1;border:1px solid #e2e7ef;border-radius:8px;padding:0 10px;color:#a1acc0}.searchbox input{width:100%;border:0;outline:0;background:none;font-size:11px;color:#25324a}.searchbox input::placeholder{color:#a4afc0}.filter{height:35px;min-width:145px;border:1px solid #e2e7ef;border-radius:8px;background:#fff;color:#536079;padding:0 11px;font-size:11px;font-weight:700}.toolbar-spacer{flex:1}.view-toggle{display:flex;background:#f1f3f8;border-radius:8px;padding:3px}.view-toggle button{height:28px;min-width:31px;border:0;background:transparent;color:#8a95a8;border-radius:6px;font-size:15px}.view-toggle button.active{background:#fff;color:#655fe3;box-shadow:0 1px 4px #17284b20}.board-hint{font-size:10px;color:#9aa5b5;margin-bottom:12px}.kanban{display:flex;gap:12px;overflow-x:auto;padding:0 1px 18px;scrollbar-color:#cfd7e3 transparent}.column{min-width:238px;width:238px;flex:none;border-radius:11px;background:#eef1f6;padding:12px 9px 11px;min-height:465px}.column.drag-over{outline:2px dashed #716dec;outline-offset:-3px;background:#e9e8fc}.column-head{display:flex;align-items:center;gap:7px;padding:0 4px 12px}.stage-dot{width:7px;height:7px;border-radius:50%;background:var(--stage-color)}.column-head h2{font-size:11px;font-weight:800;margin:0;white-space:nowrap}.column-count{border-radius:6px;padding:2px 6px;font-size:9px;font-weight:800;color:#79869c;background:#e2e6ed;margin-left:auto}.column-sub{font-size:9px;color:#98a4b6;padding:0 4px 10px;min-height:21px}.cards{display:grid;gap:8px}.candidate-card{background:#fff;border:1px solid #e6eaf1;border-radius:9px;padding:11px;box-shadow:0 2px 5px #13274409;cursor:grab;transition:transform .15s,box-shadow .15s,border-color .15s}.candidate-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px #172b4818;border-color:#d0d8e8}.candidate-card:active{cursor:grabbing}.candidate-card.urgent{border-left:3px solid #ff9980}.card-top{display:flex;align-items:flex-start;gap:8px}.card-avatar{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--avatar-bg,#eef0fb);color:var(--avatar-color,#6f70b1);font-size:10px;font-weight:800;flex:none}.card-name{font-size:10.5px;font-weight:800;line-height:1.25;margin:1px 0 2px}.card-role{font-size:9px;color:#9aa5b4}.card-menu{margin-left:auto;color:#bbc4d1;font-size:16px;line-height:1}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}.pill{display:inline-flex;align-items:center;gap:3px;border-radius:5px;padding:4px 6px;background:#f2f4f8;color:#737f95;font-size:8px;font-weight:800;white-space:nowrap}.pill.hh{background:#f9ecf1;color:#c66c8e}.pill.avito{background:#e9f7f9;color:#58aab3}.pill.telegram{background:#e7f3fd;color:#5b9fce}.pill.site{background:#efedfd;color:#8678ce}.pill.ref{background:#e9f6ed;color:#6cab7c}.card-note{font-size:9px;color:#6f7d91;line-height:1.5;margin:0 0 9px;min-height:27px}.card-footer{border-top:1px solid #f0f2f6;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:5px}.card-date{font-size:8px;color:#9ca7b9;white-space:nowrap}.mini-avatar{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#dfdefb;color:#716ac4;font-size:7px;font-weight:800}.card-next{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:800;color:#7e89a0}.card-next.due{color:#e88764}.empty-column{border:1px dashed #cbd4e1;border-radius:9px;padding:28px 10px;text-align:center;color:#a3afc0;font-size:10px;line-height:1.5}.list-view{display:none}.list-view.active{display:block}.kanban.hidden{display:none}.list-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e7ebf2;border-radius:11px;overflow:hidden}.list-table th,.list-table td{text-align:left;border-bottom:1px solid #edf0f5;padding:12px 14px;font-size:10px}.list-table th{color:#929eb1;font-size:9px;letter-spacing:.5px;text-transform:uppercase;background:#fbfcfe}.list-table tr:last-child td{border-bottom:0}.list-table tbody tr{cursor:pointer}.list-table tbody tr:hover{background:#f8f9fd}.section-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:17px}.panel{background:#fff;border:1px solid #e7ebf2;border-radius:13px;padding:19px;box-shadow:0 2px 7px #162c5205}.panel h2{font-size:13px;margin:0 0 4px}.panel-intro{font-size:10px;color:#97a2b4;margin:0 0 17px}.activity-row,.task-row{display:flex;gap:10px;align-items:center;border-top:1px solid #f0f2f6;padding:12px 0}.activity-row:first-of-type,.task-row:first-of-type{border-top:0}.activity-icon{width:29px;height:29px;border-radius:8px;background:#efedfd;color:#7f72d2;display:grid;place-items:center;font-size:14px;flex:none}.activity-main{min-width:0;flex:1}.activity-main strong,.task-main strong{display:block;font-size:10px}.activity-main small,.task-main small{display:block;font-size:9px;color:#9aa5b5;margin-top:3px}.activity-time{font-size:8px;color:#a8b2c1}.task-check{accent-color:#6966e6;width:15px;height:15px}.task-done .task-main strong{text-decoration:line-through;color:#a3adbb}.task-priority{font-size:8px;font-weight:800;padding:4px 6px;border-radius:5px;background:#fff0e8;color:#e29269}.task-priority.normal{background:#eef1fb;color:#858daf}.inbox-layout{display:grid;grid-template-columns:270px minmax(0,1fr) 280px;min-height:610px;background:#fff;border:1px solid #e6eaf1;border-radius:13px;overflow:hidden}.inbox-side{border-right:1px solid #ecf0f5}.inbox-head{padding:16px;border-bottom:1px solid #edf0f5}.inbox-head h2{font-size:13px;margin:0 0 12px}.channel-tabs{display:flex;gap:5px;flex-wrap:wrap}.channel-tabs button{border:1px solid #e5e9f0;background:#fff;color:#8995a6;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:800}.channel-tabs button.active{background:#edeafd;color:#6d64c9;border-color:#ded8fb}.conversation{width:100%;display:flex;align-items:flex-start;gap:9px;text-align:left;padding:13px 14px;border:0;border-bottom:1px solid #f0f2f6;background:#fff}.conversation:hover,.conversation.active{background:#f6f7fe}.conversation .card-avatar{border-radius:50%}.conversation-main{min-width:0;flex:1}.conversation-main strong{display:block;font-size:10px}.conversation-main small{display:block;color:#9ca6b5;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.conversation-time{font-size:8px;color:#a9b3c0}.chat-pane{display:flex;flex-direction:column;min-width:0}.chat-head{padding:14px 18px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;gap:9px}.chat-head strong{display:block;font-size:11px}.chat-head small{display:block;font-size:9px;color:#98a4b4;margin-top:2px}.chat-messages{flex:1;padding:20px;background:#fcfdff;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:78%;padding:10px 12px;border-radius:11px;background:#f0f2f7;color:#526077;font-size:10px;line-height:1.5}.chat-bubble.out{align-self:flex-end;background:#ecebfd;color:#5e5c95}.chat-bubble small{display:block;font-size:8px;color:#a0aac0;margin-top:5px}.chat-compose{border-top:1px solid #edf0f5;padding:12px 15px}.chat-compose textarea{width:100%;min-height:62px;resize:vertical;border:1px solid #e3e8f0;border-radius:9px;padding:9px;color:#40506b;font-size:10px}.compose-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.compose-actions small{font-size:8px;color:#a2adbc}.profile-side{border-left:1px solid #edf0f5;padding:20px}.profile-side h3{font-size:11px;margin:0 0 16px}.profile-line{display:flex;justify-content:space-between;gap:10px;margin:13px 0;font-size:9px}.profile-line span{color:#9da8b8}.profile-line strong{font-weight:800;text-align:right}.drawer-overlay{position:fixed;inset:0;background:#111b2f6b;z-index:30}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(465px,100vw);background:#fff;z-index:31;box-shadow:-15px 0 45px #14263f24;display:flex;flex-direction:column}.drawer-top{padding:19px 23px 15px;border-bottom:1px solid #edf0f5}.drawer-close{float:right;border:0;background:#f3f5f9;color:#79859b;border-radius:7px;width:28px;height:28px;font-size:17px}.drawer-person{display:flex;align-items:center;gap:11px;margin:6px 0 15px}.drawer-person .card-avatar{width:43px;height:43px;font-size:14px;border-radius:11px}.drawer-person h2{font-size:17px;margin:0 0 3px}.drawer-person p{font-size:10px;color:#9aa5b5;margin:0}.drawer-tabs{display:flex;gap:18px}.drawer-tabs button{border:0;border-bottom:2px solid transparent;padding:7px 0 9px;background:transparent;color:#98a4b5;font-size:10px;font-weight:800}.drawer-tabs button.active{color:#6762d9;border-color:#6762d9}.drawer-body{overflow-y:auto;padding:20px 23px;flex:1}.detail-card{background:#f8f9fd;border:1px solid #edf0f5;border-radius:10px;padding:14px;margin-bottom:16px}.detail-label{color:#9aa6b8;font-size:9px;font-weight:700;margin:0 0 5px}.detail-value{font-size:11px;font-weight:800;margin:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-heading{font-size:11px;font-weight:800;margin:23px 0 10px}.timeline{border-left:2px solid #e9e8fc;margin-left:5px;padding-left:18px}.timeline-item{position:relative;margin:0 0 16px}.timeline-item:before{content:"";position:absolute;left:-23px;top:2px;width:8px;height:8px;background:#746fe7;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #dcdaf8}.timeline-item strong{display:block;font-size:10px}.timeline-item small{display:block;color:#9ca8b9;font-size:8px;margin-top:3px}.stage-select{width:100%;height:37px;border:1px solid #e1e6ef;border-radius:8px;background:#fff;padding:0 10px;font-size:10px;font-weight:800;color:#35435c}.drawer-footer{border-top:1px solid #edf0f5;padding:15px 23px;display:flex;gap:8px}.note-input{width:100%;border:1px solid #e1e6ee;border-radius:8px;padding:10px;font-size:10px;min-height:80px;resize:vertical}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(80px);z-index:100;background:#18243a;color:#fff;font-size:11px;font-weight:700;padding:11px 17px;border-radius:9px;box-shadow:0 8px 30px #13233a2b;opacity:0;transition:.25s}.toast.show{transform:translateX(-50%);opacity:1}.bars{display:grid;gap:12px;margin-top:18px}.bar-row{display:grid;grid-template-columns:130px 1fr 32px;align-items:center;gap:10px;font-size:10px;font-weight:700}.bar-track{height:8px;border-radius:5px;background:#edf0f6;overflow:hidden}.bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#7874eb,#9da8ff)}.funnel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.funnel-step{padding:15px 10px;background:#f5f6fc;border-radius:9px}.funnel-step b{display:block;font-size:20px}.funnel-step small{font-size:9px;color:#8995a9}.empty-view{padding:45px;text-align:center;color:#98a5b8;font-size:12px}.mobile-menu{display:none}.muted{color:#9aa7b8}.highlight{color:#6c67df}.demo-banner{display:flex;gap:8px;align-items:center;background:#f0efff;color:#6c68bb;border:1px solid #e4e2fc;border-radius:8px;padding:9px 12px;font-size:9px;font-weight:700;margin-bottom:18px}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.inbox-layout{grid-template-columns:240px 1fr}.profile-side{display:none}}@media(max-width:850px){.sidebar{position:fixed;left:-260px;transition:left .2s;box-shadow:15px 0 35px #14233b25}.sidebar.open{left:0}.main{width:100%}.mobile-menu{display:block;border:0;background:none;color:#4d5d76;font-size:20px}.topbar{padding:0 17px}.content{padding:22px 16px}.page-head{flex-direction:column;align-items:stretch}.head-actions{justify-content:flex-start;flex-wrap:wrap}.toolbar{flex-wrap:wrap}.toolbar-spacer{display:none}.searchbox{max-width:none;flex-basis:100%}.filter{flex:1;min-width:120px}.section-grid{grid-template-columns:1fr}}@media(max-width:620px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat{padding:13px;min-height:92px}.stat-value{font-size:21px}.page-head h1{font-size:23px}.head-actions .btn{width:100%;white-space:normal;text-align:center}.today{display:none}.vertical-line{display:none}.inbox-layout{display:block}.inbox-side{border-right:0;max-height:220px;overflow-y:auto;border-bottom:1px solid #edf0f5}.chat-pane{min-height:430px}.funnel-grid{grid-template-columns:repeat(2,1fr)}.list-table{min-width:580px}.list-view{overflow-x:auto}}

/* Dense, full-width recruiting board */
.content{max-width:none;padding:20px 22px 30px}
.board-top{display:grid;grid-template-columns:minmax(300px,1fr) minmax(600px,1.42fr);gap:15px;align-items:stretch;margin-bottom:12px}
.board-heading{display:flex;flex-direction:column;justify-content:center;min-width:0}
.board-heading .eyebrow{margin:0 0 5px}
.board-heading h1{font-size:25px;line-height:1.15;letter-spacing:-1px;margin:0 0 4px}
.board-heading .subtitle{font-size:11px}
.demo-badge{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:4px;background:#eeecfc;color:#7771c9;letter-spacing:.7px;font-size:8px}
.board-actions{display:flex;gap:7px;margin-top:12px}
.board-actions .btn{height:28px}
.board-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.board-kpi{position:relative;min-width:0;min-height:83px;background:#fff;border:1px solid #e7ebf2;border-radius:10px;padding:12px 13px;box-shadow:0 2px 7px #162c5205}
.board-kpi-icon{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:12px}
.board-kpi-icon.violet{background:#eeeafd;color:#7365d4}.board-kpi-icon.blue{background:#e5f3fe;color:#4b9fce}.board-kpi-icon.orange{background:#fff0e8;color:#ea9876}.board-kpi-icon.green{background:#e7f8ee;color:#43b989}
.board-kpi-value{font-size:22px;font-weight:800;line-height:1;margin-top:1px}
.board-kpi-label{font-size:9px;color:#8290a5;font-weight:800;margin-top:10px;line-height:1.2}
.board-controls{background:#fff;border:1px solid #e7ebf2;border-radius:11px;padding:9px 12px 8px;margin-bottom:8px;box-shadow:0 2px 7px #162c5205}
.board-control-main{display:flex;align-items:center;gap:8px}
.board-control-main .searchbox{max-width:345px;height:33px}
.board-control-main .filter{height:33px;min-width:155px}
.control-spacer{flex:1}
.urgent-filter{display:inline-flex;align-items:center;gap:6px;height:33px;border:1px solid #e3e7ef;border-radius:7px;padding:0 9px;color:#7f8ba0;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}
.urgent-filter.selected{background:#fff2eb;border-color:#f7c3aa;color:#d67d56}
.urgent-filter input,.check-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.urgent-filter:focus-within,.check-chip:focus-within{outline:2px solid #a5b4fc;outline-offset:2px}
.check-square{display:inline-grid;place-items:center;width:13px;height:13px;flex:none;border:1px solid #c9d1df;border-radius:3px;background:#fff;color:#fff;font-size:10px;line-height:1}
.urgent-filter.selected .check-square{background:#e59b77;border-color:#e59b77}
.filter-line{display:flex;align-items:flex-start;gap:12px;padding-top:9px;margin-top:9px;border-top:1px solid #edf0f5}
.filter-line-title{width:103px;flex:none;padding:3px 0}
.filter-line-title strong{display:block;font-size:10px;color:#526079}
.filter-line-title small{display:block;font-size:8px;color:#a5afbf;line-height:1.2;margin-top:2px}
.check-chips{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.check-chip{position:relative;display:inline-flex;align-items:center;gap:5px;min-height:24px;border:1px solid #e2e7ef;border-radius:6px;background:#fff;color:#748198;padding:3px 7px;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}
.check-chip:hover{border-color:#aeb9cf;background:#fbfcff}
.check-chip.selected{border-color:#c7c3f5;background:#f1f0ff;color:#5956b8}
.check-chip.selected .check-square{background:#706be3;border-color:#706be3}
.check-chip:not(.all-chip)::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--chip-color,#a9b2c2);flex:none}
.source-line .check-chip:not(.all-chip)::before{display:none}
.board-meta{display:flex;justify-content:space-between;gap:12px;color:#9aa6b8;font-size:9px;padding:3px 1px 8px}
.board-meta b{color:#64718a}
.kanban{gap:9px;padding-bottom:15px}
.column{min-width:185px;flex:1 0 185px;max-width:340px;min-height:370px;padding:9px 7px 10px}
.column-head{padding:0 3px 7px;gap:5px}
.column-head h2{font-size:10px;white-space:normal;line-height:1.2}
.column-sub{font-size:8px;min-height:27px;line-height:1.25;padding:0 3px 6px}
.column-sub span{color:#adb6c4}
.cards{gap:7px}
.candidate-card{padding:9px}
.card-tags{margin:7px 0}
.card-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:0;margin:0 0 8px;line-height:1.4}
.card-footer{padding-top:6px}
.board-footnote{font-size:9px;color:#a8b3c2;margin:5px 0}
@media(max-width:1250px){.board-top{grid-template-columns:1fr}.board-kpis{max-width:none}.board-kpi{min-height:70px}.board-control-main{flex-wrap:wrap}.control-spacer{min-width:5px}}
@media(max-width:850px){.content{padding:18px 16px 26px}.filter-line{display:block}.filter-line-title{width:auto;display:flex;align-items:baseline;gap:7px;margin-bottom:5px}.board-meta{display:block}.board-meta span{display:block;margin-bottom:3px}}
@media(max-width:620px){.board-heading h1{font-size:22px}.board-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.board-kpi{min-height:60px;padding:9px 10px}.board-kpi-label{margin-top:5px}.board-actions{flex-wrap:wrap}.board-actions .btn{flex:1}.board-control-main .searchbox{max-width:none;flex-basis:100%}.board-control-main .filter{flex:1;min-width:135px}.urgent-filter{flex:1}.control-spacer{display:none}.check-chips{gap:5px}.check-chip{font-size:8px}.column{min-width:205px;flex-basis:205px}.board-meta span:last-child{display:none}}

/* Search, indicators and actions share one compact header. Filters stay in one strip. */
.board-top-inline{display:flex;align-items:center;gap:10px;min-height:47px;margin-bottom:8px}
.board-top-inline .board-heading{flex:1 1 225px;min-width:200px}
.board-top-inline .board-heading .eyebrow{font-size:8px;margin-bottom:3px}
.board-top-inline .board-heading h1{font-size:21px;margin:0;letter-spacing:-.6px}
.board-search{flex:0 1 260px;min-width:180px;height:34px;max-width:none}
.board-kpis{display:flex;flex:0 1 505px;min-width:390px;height:40px;gap:0;border:1px solid #e7ebf2;border-radius:8px;background:#fff;overflow:hidden}
.board-kpi{display:flex;align-items:center;justify-content:center;gap:6px;flex:1 1 0;min-width:0;min-height:0;height:auto;padding:4px 7px;border:0;border-right:1px solid #edf0f5;border-radius:0;box-shadow:none;white-space:nowrap}
.board-kpi:last-child{border-right:0}
.board-kpi strong{font-size:17px;line-height:1;color:#27334a}
.board-kpi span{font-size:9px;font-weight:800;color:#8794a9;line-height:1.1}
.board-top-inline .board-actions{display:flex;flex:none;gap:5px;margin:0}
.board-top-inline .board-actions .btn{height:33px;padding:0 9px}
.board-control-strip{display:flex;align-items:center;gap:7px;min-height:42px;padding:4px 8px;margin-bottom:2px;position:relative;overflow:visible}
.board-control-strip .filter{height:32px;min-width:138px}
.board-control-strip .urgent-filter{height:32px}
.board-control-strip .view-toggle{margin-left:auto}
.filter-menu-wrap{position:relative;flex:none}
.filter-trigger{height:32px;display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e7ef;border-radius:7px;background:#fff;color:#5b6981;padding:0 9px;font-size:10px;font-weight:800;white-space:nowrap}
.filter-trigger:hover,.filter-trigger.active{border-color:#c3bff1;background:#f4f3ff;color:#625fc4}
.filter-trigger b{font-size:9px;color:#7978bf}
.filter-trigger span{font-size:11px;color:#a3aec0;margin-left:2px}
.filter-popover{position:absolute;top:calc(100% + 7px);left:0;z-index:40;width:330px;max-height:360px;overflow-y:auto;padding:13px;background:#fff;border:1px solid #dce2ec;border-radius:10px;box-shadow:0 16px 38px #1c2c4729}
.source-popover{width:290px}
.popover-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:11px}
.popover-heading strong{font-size:11px}
.popover-heading small{font-size:8px;color:#a2adbc}
.popover-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.popover-chips .check-chip{min-height:29px;white-space:normal;line-height:1.2;text-align:left}
.popover-chips .all-chip{justify-content:flex-start}
.board-meta{padding:3px 1px 6px}
@media(max-width:1450px){.board-top-inline{flex-wrap:wrap}.board-top-inline .board-heading{flex:1 1 230px}.board-search{flex:1 1 230px}.board-kpis{flex:1 1 420px}.board-top-inline .board-actions{flex:0 0 auto}}
@media(max-width:1000px){.board-top-inline .board-heading{flex-basis:100%}.board-kpis{order:3;flex:1 1 100%;min-width:0}.board-top-inline .board-actions{order:4}.board-control-strip{flex-wrap:wrap}.board-control-strip .view-toggle{margin-left:0}.board-control-strip .control-spacer{flex:1}}
@media(max-width:620px){.board-top-inline{gap:7px}.board-top-inline .board-heading{min-width:0}.board-search{flex-basis:100%;min-width:0}.board-kpis{height:36px}.board-kpi{gap:3px;padding:3px}.board-kpi strong{font-size:14px}.board-kpi span{font-size:7px;white-space:normal}.board-top-inline .board-actions{width:100%}.board-top-inline .board-actions .btn{flex:1}.board-control-strip .filter{flex:1;min-width:120px}.board-control-strip .urgent-filter{flex:1}.filter-popover{width:min(330px,calc(100vw - 34px))}.source-popover{width:min(290px,calc(100vw - 34px))}.board-meta span:last-child{display:none}}

/* Candidate workspace and local communication demo */
.work-drawer{width:min(790px,100vw)}
.work-header{display:flex;align-items:center;gap:12px;padding:18px 20px 15px;border-bottom:1px solid #e9edf4}
.work-header-person{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.work-header-person .card-avatar{width:42px;height:42px;border-radius:11px;font-size:13px}
.work-header-person h2{font-size:16px;letter-spacing:-.35px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-header-person p{font-size:9px;color:#98a4b4;margin:0}
.work-header-person p span{padding:0 2px}
.work-stage-badge{font-size:9px;font-weight:800;color:#6964c9;background:#eeecfd;border-radius:6px;padding:6px 8px;white-space:nowrap}
.work-header .drawer-close{float:none;margin-left:1px}
.work-context{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid #e9edf4;background:#fbfcff}
.work-context div{padding:10px 13px;border-right:1px solid #edf0f5;min-width:0}
.work-context div:last-child{border-right:0}
.work-context small{display:block;font-size:8px;color:#9ba7b9;margin-bottom:4px}
.work-context strong{display:block;font-size:10px;color:#39475f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-body{display:grid;grid-template-columns:245px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.work-sidebar{min-height:0;overflow-y:auto;background:#f9fafd;border-right:1px solid #e9edf4;padding:0 15px 20px}
.work-section{padding:15px 0;border-bottom:1px solid #e9edf4}
.work-section:last-child{border-bottom:0}
.work-section h3{font-size:10px;margin:0 0 10px;color:#40516b}
.work-section .stage-select{height:34px;font-size:9px}
.work-section .note-input{min-height:67px;font-size:9px}
.work-save{width:100%;height:29px;margin-top:7px}
.work-prev{font-size:8px;color:#98a4b5;line-height:1.4;margin:8px 0 0}
.action-section{display:grid;gap:6px}
.action-section h3{margin-bottom:4px}
.work-action{display:flex;align-items:center;justify-content:center;width:100%;height:33px;border:1px solid #dfe4ef;border-radius:7px;background:#fff;color:#53617a;font-size:10px;font-weight:800}
.work-action:hover{border-color:#b9c3d5;background:#f7f8fe}
.work-action.call{background:#625ee7;border-color:#625ee7;color:#fff}
.work-action.call:hover{background:#514dd5}
.work-events{display:grid;gap:10px}
.work-event{display:flex;gap:7px;align-items:flex-start}
.work-event .event-dot{width:7px;height:7px;border-radius:50%;background:#9a96e7;flex:none;margin-top:4px}
.work-event .event-dot.call{background:#e69c82}.work-event .event-dot.message{background:#71b2d9}.work-event .event-dot.manager{background:#75b78d}
.work-event strong{display:block;font-size:9px;line-height:1.4;color:#5d6b82}
.work-event small{display:block;font-size:8px;color:#aab4c2;margin-top:2px}
.work-chat{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff}
.work-chat-head{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-bottom:1px solid #e9edf4}
.work-chat-head strong{display:block;font-size:11px}
.work-chat-head small{display:block;color:#9ba7b7;font-size:9px;margin-top:3px}
.work-chat-count{font-size:8px;color:#8d99ab;background:#f1f3f8;padding:5px 7px;border-radius:5px}
.work-templates{padding:11px 15px;border-bottom:1px solid #e9edf4;background:#fff}
.work-templates-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.work-templates-head strong{display:block;font-size:10px;color:#40516b}
.work-templates-head small{display:block;margin-top:3px;font-size:8px;color:#9ba7b7;line-height:1.3}
.auto-template-switch{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:8px;font-weight:700;color:#68758b;cursor:pointer}
.auto-template-switch input{accent-color:#625ee7;width:13px;height:13px;margin:0}
.template-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.template-button{text-align:left;min-width:0;padding:7px 8px;border:1px solid #e4e6f3;border-radius:7px;background:#f8f8ff;color:#5a57b4;cursor:pointer}
.template-button:hover{border-color:#aaa5e9;background:#eeedff}
.template-button strong,.template-button small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.template-button strong{font-size:9px}.template-button small{font-size:8px;color:#9693c9;margin-top:2px}
.work-messages{display:flex;flex-direction:column;gap:10px;flex:1;min-height:120px;overflow-y:auto;padding:17px;background:#f9fbfe}
.work-messages .chat-bubble{max-width:83%}
.work-empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;color:#a4afc0;text-align:center}
.work-empty-chat span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eeeffb;color:#8d8bd1;font-size:21px;margin-bottom:3px}
.work-empty-chat strong{font-size:10px;color:#68758a}
.work-empty-chat small{font-size:9px;line-height:1.4;max-width:220px}
.work-composer{padding:11px 15px 12px;border-top:1px solid #e9edf4;background:#fff}
.work-composer label{display:block;font-size:9px;font-weight:800;color:#56657b;margin-bottom:6px}
.work-composer textarea{width:100%;height:68px;resize:vertical;border:1px solid #dfe5ee;border-radius:8px;padding:9px 10px;color:#35445c;font-size:10px}
.work-compose-actions{display:flex;justify-content:space-between;gap:7px;margin-top:7px}
.work-composer>small{display:block;color:#a6b0be;font-size:8px;margin-top:7px;line-height:1.35}
.work-call-panel{margin:11px 15px 0;padding:11px;border:1px solid #eed6d1;border-radius:9px;background:#fff7f4}
.work-call-panel.active{display:flex;align-items:center;gap:10px}
.work-call-panel.active div{flex:1;min-width:0}
.work-call-panel strong{display:block;color:#9c5d50;font-size:10px}
.work-call-panel small{display:block;color:#bd9288;font-size:8px;margin-top:3px}
.call-clock{font-size:14px;font-weight:800;color:#aa6b5b;font-variant-numeric:tabular-nums}
.call-result-heading{margin-bottom:9px}
.work-call-panel.result .stage-select{height:32px;font-size:9px}
.work-call-panel.result .note-input{min-height:50px;margin-top:7px;font-size:9px}
.call-panel-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:7px}
@media(max-width:720px){.work-header{padding:14px}.work-header-person h2{font-size:14px}.work-stage-badge{font-size:8px}.work-context{grid-template-columns:repeat(2,minmax(0,1fr))}.work-context div:nth-child(2){border-right:0}.work-context div:nth-child(-n+2){border-bottom:1px solid #edf0f5}.work-body{display:flex;flex-direction:column;overflow-y:auto}.work-chat{order:0;min-height:540px;flex:0 0 540px}.work-sidebar{order:1;overflow:visible;border-top:1px solid #e9edf4;border-right:0}.work-section{padding:12px 0}.work-action{max-width:none}}
@media(max-width:420px){.template-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.work-chat{min-height:580px;flex-basis:580px}.work-templates-head{align-items:flex-start}.auto-template-switch{padding-top:2px}}
.work-action.busy{background:#fff9ef;border-color:#ead9b8;color:#9b7134}
.work-action.busy:hover{background:#fff3da;border-color:#d8b782}
.work-busy-shortcut{margin:10px 15px 0;padding:9px 11px;border:1px solid #ead9b8;border-radius:8px;background:#fff9ef;color:#9b7134;font-size:10px;font-weight:800;text-align:left;cursor:pointer}
.work-busy-shortcut:hover{background:#fff3da;border-color:#d8b782}
.followup-panel{margin:10px 15px 0;padding:11px 12px;border:1px solid #ded9fa;border-radius:9px;background:#f8f7ff;display:flex;flex-direction:column;gap:9px}
.followup-panel strong{display:block;color:#5b55ae;font-size:10px}
.followup-panel small{display:block;color:#8d8aa9;font-size:8px;line-height:1.4;margin-top:3px}
.followup-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.followup-choices button,.followup-panel.reminder button{border:1px solid #cfcaf4;border-radius:6px;background:#fff;color:#625bb5;font-size:9px;font-weight:700;padding:7px 5px;cursor:pointer}
.followup-choices button:hover,.followup-panel.reminder button:hover{background:#eeebff}
.followup-cancel{align-self:flex-start;background:none;border:0;color:#8d8aa9;font-size:8px;cursor:pointer;padding:0}
.followup-panel.reminder{flex-direction:row;align-items:center;justify-content:space-between;background:#f7faff;border-color:#dce7fa}
.followup-panel.reminder strong{color:#506b9a}.followup-panel.reminder.overdue{background:#fff5ed;border-color:#f0d5bd}.followup-panel.reminder.overdue strong{color:#b16d36}
.followup-task-list{border:1px solid #ded9fa;background:#faf9ff;border-radius:9px;padding:10px;margin:12px 0}
.followup-task-list>strong{display:block;font-size:11px;color:#625bb5;margin-bottom:8px}
.followup-task-list button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:0;border-top:1px solid #e9e7f8;background:transparent;text-align:left;padding:9px 2px;color:#53617a;cursor:pointer}
.followup-task-list button:hover{color:#625bb5}.followup-task-list span{font-size:10px;font-weight:700}.followup-task-list small{font-size:9px;color:#97a1b2}
.followup-task-list button.overdue{color:#a96638;background:#fff5ed}.followup-task-list button.overdue small{color:#b77a50}
@media(max-width:420px){.followup-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.work-chat:has(.followup-panel:not(.reminder)){min-height:670px;flex-basis:670px}.work-chat:has(.followup-panel.reminder){min-height:620px;flex-basis:620px}}

/* Wide, action-first HR workspace */
.work-drawer{width:min(1160px,calc(100vw - 86px))}
.work-header{padding:17px 22px}.work-header-person h2{font-size:19px}.work-header-person p{font-size:10px}.work-stage-badge{font-size:10px}
.work-context small{font-size:9px}.work-context strong{font-size:11px}.work-context div{padding:11px 15px}

/* Team workspace and handoff tasks */
.team-mode-tabs{display:flex;gap:5px;margin:-7px 0 12px;padding:4px;background:#e9edf5;border-radius:11px;width:max-content;max-width:100%}
.team-mode-tabs button{border:0;border-radius:8px;background:transparent;color:#67748d;font-size:12px;font-weight:800;padding:9px 15px;white-space:nowrap}
.team-mode-tabs button.active{color:#423cb8;background:#fff;box-shadow:0 2px 8px #17284b13}
.team-mode-tabs span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:6px;background:#eeeafb;color:#675dd3;font-size:9px;margin-left:4px}
.team-demo-note{color:#78859b;font-size:10px;margin-bottom:13px}
.team-demo-note button{border:0;background:transparent;color:#625bc3;text-decoration:underline;font-size:10px;font-weight:800;padding:0 2px}
.team-workspace{display:grid;grid-template-columns:245px minmax(0,1fr) 268px;height:max(510px,calc(100dvh - 265px));max-height:820px;background:#fff;border:1px solid #e3e8f1;border-radius:15px;overflow:hidden;box-shadow:0 8px 26px #2638580b}
.team-rooms,.team-rail{min-height:0;overflow-y:auto;background:#fbfcff}
.team-rooms{border-right:1px solid #e9edf3}
.team-rooms-head{padding:17px 16px 12px;border-bottom:1px solid #edf0f5}
.team-rooms-head strong,.team-rail-head strong{display:block;font-size:12px;color:#26334b}
.team-rooms-head small{display:block;margin-top:4px;font-size:10px;color:#98a4b5}
.team-room{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:13px 12px;border:0;border-left:3px solid transparent;background:transparent;color:#3b4960}
.team-room:hover,.team-room.active{background:#eeefff}.team-room.active{border-left-color:#6d65e5}
.team-room-icon{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:10px;background:#e8e8fc;color:#6863c7;font-size:10px;font-weight:900}
.team-room span:nth-child(2){min-width:0;flex:1}.team-room strong{display:block;font-size:11px}.team-room small{display:block;margin-top:3px;font-size:9px;color:#94a0b3}.team-room b{font-size:9px;border-radius:6px;padding:3px 6px;background:#e1ddfa;color:#6d62c7}
.team-room-help{margin:18px 13px;padding:12px;border:1px solid #e9ecf2;border-radius:9px;color:#99a4b4;font-size:9px;line-height:1.5}
.team-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}
.team-conversation-head{display:flex;align-items:center;gap:10px;padding:13px 17px;border-bottom:1px solid #edf0f5;flex:none}
.team-conversation-head>div{min-width:0;flex:1}.team-conversation-head strong{display:block;font-size:12px}.team-conversation-head small{display:block;margin-top:3px;color:#96a2b3;font-size:9px}.team-head-count{font-size:9px;color:#7068cf;background:#f0edfc;border-radius:6px;padding:5px 7px;font-weight:800}
.team-messages{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 18px;background:linear-gradient(#fafbff,#fff);scrollbar-color:#cbd1e0 transparent}
.team-message{display:flex;gap:9px;align-items:flex-start;margin-bottom:15px;max-width:88%}.team-message.own{margin-left:auto;flex-direction:row-reverse}.team-message-avatar{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:9px;background:#e9f0fb;color:#6680ad;font-size:8px;font-weight:800}.team-message.own .team-message-avatar{background:#e8e5fb;color:#7164cb}
.team-message-content{background:#f0f3f8;border-radius:4px 12px 12px;padding:10px 12px;min-width:0}.team-message.own .team-message-content{background:#eeedfc;border-radius:12px 4px 12px 12px}.team-message-meta{display:flex;justify-content:space-between;gap:16px}.team-message-meta strong{font-size:9px;color:#41516b}.team-message-meta time{font-size:8px;color:#99a5b5}.team-message p{margin:5px 0 0;font-size:11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:#334158}
.team-task-in-thread{max-width:390px;margin:8px auto 15px}.team-task-in-thread .team-task-card{background:#fff}
.team-compose{border-top:1px solid #e9edf3;background:#fff;padding:12px 15px;flex:none}.team-compose-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.team-compose-top label{font-size:9px;color:#8b97a9}.team-compose-top select{margin-left:5px;border:1px solid #e3e8f0;border-radius:6px;background:#fff;padding:5px;color:#43516a;font-size:10px;font-weight:700}.team-task-trigger{border:1px solid #dddaf7;border-radius:7px;background:#f5f3ff;color:#625dba;font-size:10px;font-weight:800;padding:7px 10px}.team-task-trigger.active{background:#dddafa}
.team-message-form{display:flex;align-items:flex-end;gap:8px}.team-message-form textarea{flex:1;min-height:47px;max-height:130px;resize:vertical;padding:10px;border:1px solid #dfe5ee;border-radius:9px;color:#35445b;font-size:11px}.team-message-form .btn{height:39px}.team-compose-hint{display:block;margin-top:6px;color:#a4adbb;font-size:8px}
.team-task-form{display:grid;gap:10px;background:#f9faff;border:1px solid #e9ebf8;border-radius:9px;padding:11px}.team-task-form label{display:grid;gap:4px;font-size:9px;font-weight:800;color:#6b7890}.team-task-form input,.team-task-form select{width:100%;height:34px;padding:0 8px;border:1px solid #dfe5ef;background:#fff;border-radius:7px;color:#34435a;font-size:10px}.team-task-form>div{display:grid;grid-template-columns:1fr .8fr 1.3fr;gap:7px}.team-task-form>.btn{justify-self:end}
.team-rail{border-left:1px solid #e9edf3;padding:15px 12px}.team-rail-head{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:13px}.team-rail-head span{font-size:9px;color:#9aa5b4}.team-rail-empty{font-size:10px;color:#9aa5b4;line-height:1.5}.team-all-tasks{width:100%;padding:10px;border:1px dashed #d8d6f4;border-radius:8px;background:#fff;color:#6b64c7;font-size:10px;font-weight:800}
.team-task-card{border:1px solid #e2e6f0;border-radius:10px;padding:11px;margin-bottom:10px;background:#fff;box-shadow:0 2px 9px #26385808}.team-task-card.is-done{opacity:.65}.team-task-card>strong{display:block;margin:7px 0;font-size:11px;line-height:1.35;color:#2c3a53}.team-task-card.is-done>strong{text-decoration:line-through}.team-task-top{display:flex;justify-content:space-between;gap:6px}.team-task-kicker{color:#736bd0;font-size:8px;font-weight:800}.team-task-state{background:#e8f5ee;color:#45a277;border-radius:5px;padding:3px 5px;font-size:8px;font-weight:800}.team-task-card.is-done .team-task-state{background:#eceff4;color:#8492a4}.team-task-meta{display:flex;flex-wrap:wrap;gap:5px 9px;color:#8995a8;font-size:9px}.team-task-meta button{border:0;background:transparent;color:#655fc7;padding:0;font-size:9px;font-weight:700}.team-task-controls{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:10px;padding-top:8px;border-top:1px solid #edf0f5}.team-task-controls button{border:0;background:#eeedfc;color:#625bc3;border-radius:6px;padding:6px 7px;font-size:9px;font-weight:800}.team-task-controls label{color:#98a4b5;font-size:8px}.team-task-controls select{max-width:105px;border:1px solid #e3e7ef;border-radius:5px;background:#fff;color:#48566e;font-size:8px;padding:5px}
.team-tasks-page{margin-bottom:17px;background:#fff;border:1px solid #e7ebf2;border-radius:13px;padding:17px}.team-tasks-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.team-tasks-title h2{font-size:14px;margin:0 0 3px}.team-tasks-title p{font-size:10px;color:#9ba5b5;margin:0}.team-tasks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.team-tasks-grid .team-task-card{margin:0}
.work-context .work-source label{display:block;font-size:9px;color:#9ba7b9;margin-bottom:3px}.work-context .work-source select{display:block;max-width:100%;width:100%;height:23px;border:1px solid #e1e5f0;border-radius:5px;background:#fff;color:#39475f;padding:1px 5px;font-size:10px;font-weight:800}
@media(max-width:1250px){.team-workspace{grid-template-columns:220px minmax(0,1fr)}.team-rail{display:none}.team-tasks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.team-workspace{grid-template-columns:1fr;height:auto;max-height:none}.team-rooms{border-right:0;border-bottom:1px solid #e9edf3;display:flex;overflow-x:auto;max-height:92px}.team-rooms-head,.team-room-help{display:none}.team-room{min-width:160px;width:auto;border-left:0;border-bottom:3px solid transparent}.team-room.active{border-bottom-color:#6d65e5}.team-conversation{height:min(65dvh,620px);min-height:430px}.team-task-form>div{grid-template-columns:1fr 1fr}.team-tasks-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.team-mode-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.team-mode-tabs button{padding:9px 5px;font-size:10px}.team-conversation{height:calc(100dvh - 460px);min-height:360px}.team-message{max-width:97%}.team-message-form{align-items:stretch}.team-message-form .btn{font-size:9px;padding:0 8px}.team-task-form>div,.team-tasks-grid{grid-template-columns:1fr}.team-tasks-title{align-items:flex-start;flex-direction:column}}
.work-body{display:block;overflow-y:auto;padding:15px 18px 22px;background:#f6f8fc}
.work-stage-area,.work-primary,.work-details,.work-chat{background:#fff;border:1px solid #e5eaf2;border-radius:11px;box-shadow:0 2px 9px #1b2d4d08}
.work-stage-area{padding:13px 15px 14px;margin-bottom:13px}
.work-area-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.work-area-heading strong{display:block;font-size:13px;color:#26354e}
.work-area-heading small{display:block;margin-top:3px;font-size:10px;color:#98a4b4;line-height:1.3}
.work-area-heading>span{font-size:10px;font-weight:800;color:#6863c3;background:#f1efff;padding:6px 9px;border-radius:6px;white-space:nowrap}
.work-stage-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.work-stage-button{min-height:40px;padding:8px 10px;border:1px solid #e0e5ee;border-left:3px solid var(--stage-accent);border-radius:7px;background:#fff;color:#53627a;font-size:11px;font-weight:800;text-align:left;line-height:1.2}
.work-stage-button:hover{border-color:var(--stage-accent);background:#fafbff}.work-stage-button.active{background:#efedff;border-color:#8d87e7;color:#514cae;box-shadow:0 2px 7px #625ee721}
.work-main{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:13px;align-items:stretch}
.work-primary{display:flex;flex-direction:column;padding:16px;min-width:0}.work-details{padding:0 15px;min-width:0}
.work-start-call{height:34px;min-width:132px;padding:0 13px;border:0;border-radius:7px;background:#625ee7;color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.work-start-call:hover{background:#514dd5}
.work-outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(108px,1fr));flex:1;gap:8px}
.work-outcome{min-height:108px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:12px;border:1px solid #dfe5ee;border-radius:9px;background:#fbfcff;color:#42526b;text-align:left;transition:background .15s,border-color .15s,transform .15s}
.work-outcome:hover{transform:translateY(-2px);border-color:#b9b4ef;background:#f5f4ff}
.work-outcome span{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#ecebfc;color:#6962cb;font-size:13px;font-weight:800;margin-bottom:3px}
.work-outcome strong{font-size:12px;line-height:1.2}.work-outcome small{font-size:10px;color:#9aa6b7;line-height:1.2}
.work-outcome.busy span,.work-outcome.noAnswer span{background:#fff1db;color:#b88640}.work-outcome.candidateDeclined span,.work-outcome.companyDeclined span{background:#fdece8;color:#c27768}
.work-detail-block{padding:13px 0;border-bottom:1px solid #ebeff5}.work-detail-block:last-child{border-bottom:0}.work-detail-block h3{font-size:11px;color:#40516b;margin:0 0 8px}
.work-detail-block .stage-select{height:34px;font-size:10px}.work-detail-block .note-input{min-height:62px;font-size:10px}.work-detail-block .work-save{width:100%;margin-top:6px}.work-detail-block .work-prev{font-size:9px}
.work-details .work-events{gap:6px}.work-details .work-event strong{font-size:9px}.work-details .work-event small{font-size:8px}
.work-primary .followup-panel,.work-primary .work-call-panel{margin:12px 0 0}.work-primary .followup-panel strong,.work-primary .work-call-panel strong{font-size:11px}.work-primary .followup-panel small,.work-primary .work-call-panel small{font-size:9px}
.work-call-panel.result{display:flex;align-items:center;justify-content:space-between;gap:10px}
.work-chat{margin-top:13px;min-height:0;overflow:hidden}
.work-chat-head{padding:12px 15px}.work-chat-head strong{font-size:12px}.work-chat-head small{font-size:9px}
.work-chat-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,1fr);min-height:275px}
.work-chat-layout .work-messages{height:275px;min-height:0;overflow-y:auto;border-right:1px solid #e9edf4;padding:13px 15px;gap:8px}
.work-chat-tools{display:flex;flex-direction:column;min-width:0}.work-chat-tools .work-templates{padding:10px 12px}.work-chat-tools .work-composer{margin-top:auto;padding:10px 12px}.work-chat-tools .work-composer textarea{height:59px}
.work-chat-tools .template-button{padding:8px}.work-chat-tools .template-button strong{font-size:9px}.work-chat-tools .template-button small{font-size:8px}
@media(max-width:900px){.work-drawer{width:min(100vw,860px)}.work-stage-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.work-main{grid-template-columns:minmax(0,1.45fr) minmax(220px,1fr)}.work-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-chat-layout{grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}}
@media(max-width:720px){.work-drawer{width:100vw}.work-body{display:block;overflow-y:auto;padding:10px}.work-stage-area{padding:11px;margin-bottom:10px}.work-stage-buttons{display:flex;overflow-x:auto;padding-bottom:3px}.work-stage-button{flex:0 0 135px}.work-main{display:block}.work-primary{padding:12px}.work-details{margin-top:10px;padding:0 12px}.work-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;flex:none;gap:6px}.work-outcome{min-height:86px}.work-chat{min-height:0;flex:none;margin-top:10px}.work-chat-layout{display:flex;flex-direction:column}.work-chat-layout .work-messages{order:1;height:190px;min-height:190px;border-right:0;border-top:1px solid #e9edf4}.work-chat-tools{display:contents}.work-chat-tools .work-templates{order:0}.work-chat-tools .work-composer{order:2}.work-area-heading strong{font-size:12px}.work-area-heading small{font-size:9px}}
@media(max-width:420px){.work-chat:has(.followup-panel:not(.reminder)),.work-chat:has(.followup-panel.reminder){min-height:0;flex:none}.work-outcome strong{font-size:10px}.work-outcome small{font-size:8px}.work-stage-button{flex-basis:125px}.work-start-call{min-width:100px;font-size:9px;padding:0 8px}.work-area-heading>span{display:none}}

/* Keep the conversation visible beside the HR decisions. */
.work-drawer{width:min(1380px,calc(100vw - 36px))}
.work-mobile-tabs{display:none}
.work-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);grid-template-rows:auto minmax(0,1fr);gap:9px;overflow:hidden;padding:10px;min-height:0}
.work-stage-area{grid-column:1;grid-row:1;margin:0;padding:9px 11px 10px}
.work-stage-area .work-area-heading{margin-bottom:7px}
.work-stage-button{min-height:34px;padding:6px 8px;font-size:10px}
.work-main{grid-column:1;grid-row:2;display:block;overflow-y:auto;min-height:0;padding-right:2px}
.work-primary{padding:11px;display:block}
.work-primary .work-area-heading{margin-bottom:8px}
.work-outcome-grid{grid-template-rows:repeat(2,minmax(76px,1fr));flex:none;gap:6px}
.work-outcome{min-height:76px;padding:8px 10px;gap:2px}
.work-outcome span{width:20px;height:20px;font-size:11px;margin-bottom:1px}
.work-outcome strong{font-size:11px}.work-outcome small{font-size:9px}
.work-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:9px;padding:0 10px;align-items:start}
.work-detail-block{min-width:0;border-bottom:0;border-right:1px solid #ebeff5;padding:10px 12px}
.work-detail-block:first-child{padding-left:0}.work-detail-block:last-child{border-right:0;padding-right:0}
.work-detail-block .note-input{min-height:54px}.work-detail-block .work-prev{margin-top:5px}
.work-chat{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;margin:0;min-height:0;overflow:hidden}
.work-chat-layout{display:flex;flex:1;flex-direction:column;min-height:0}
.work-chat-layout .work-messages{height:auto;min-height:100px;flex:1;overflow-y:auto;border-right:0;border-bottom:1px solid #e9edf4}
.work-chat-tools{display:flex;flex:none;flex-direction:column}
.work-chat-tools .work-templates{padding:9px 11px}.work-chat-tools .work-composer{margin-top:0;padding:9px 11px}.work-chat-tools .work-composer textarea{height:56px}
@media(max-width:900px){.work-drawer{width:100vw}.work-body{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr)}.work-stage-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.work-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(63px,1fr))}.work-outcome{min-height:63px}.work-details{grid-template-columns:repeat(2,minmax(0,1fr))}.work-detail-block:last-child{grid-column:1 / -1;border-top:1px solid #ebeff5;padding-left:0}}
@media(max-width:720px){.work-body{display:flex;flex-direction:column;overflow:hidden;padding:8px;gap:0}.work-mobile-tabs{display:flex;flex:none;gap:3px;margin-bottom:8px;padding:3px;border:1px solid #e3e7f1;border-radius:9px;background:#f0f2f8}.work-mobile-tabs button{flex:1;min-height:32px;border:0;border-radius:6px;background:transparent;color:#7b8799;font-size:10px;font-weight:800}.work-mobile-tabs button.active{background:#fff;color:#625ee7;box-shadow:0 1px 5px #1b2d4d18}.work-stage-area{flex:none;margin-bottom:8px}.work-stage-buttons{display:flex;overflow-x:auto}.work-main{display:block;flex:1;overflow-y:auto;padding-right:0}.work-primary{padding:10px}.work-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.work-outcome{min-height:72px}.work-details{display:block;padding:0 10px}.work-detail-block{border-right:0;border-bottom:1px solid #ebeff5;padding:10px 0}.work-detail-block:last-child{border-top:0}.work-chat{display:flex;flex:1;min-height:0;margin:0}.work-chat-layout{display:flex;flex:1;min-height:0}.work-chat-layout .work-messages{order:0;min-height:80px;height:auto}.work-chat-tools{display:flex}.work-chat-tools .work-templates{order:0}.work-chat-tools .work-composer{order:1}.work-body.pane-actions .work-chat{display:none}.work-body.pane-chat .work-stage-area,.work-body.pane-chat .work-main{display:none}}

/* Only the overflowing section scrolls; the candidate and chat stay in place. */
html:has(.work-drawer),body:has(.work-drawer){overflow:hidden}
.work-drawer,.work-body{overscroll-behavior:contain}
.work-stage-area{display:flex;flex-direction:column;max-height:140px;min-height:0;overflow:hidden}
.work-stage-buttons{min-height:0;overflow:auto;overscroll-behavior:contain}
.work-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,150px);gap:8px;overflow:hidden;padding:0;min-height:0}
.work-primary{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.work-details{margin:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.work-chat-layout .work-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.work-chat-tools{min-height:0}.work-chat-tools .work-templates{max-height:126px;overflow-y:auto;overscroll-behavior:contain;flex:none}.work-chat-tools .work-composer{flex:none}
.work-primary,.work-details,.work-messages,.work-templates,.work-stage-buttons{scrollbar-width:thin;scrollbar-color:#c2cad9 transparent}
@media(max-width:900px){.work-main{grid-template-rows:minmax(0,1fr) minmax(0,145px)}.work-stage-area{max-height:118px}}
@media(max-width:720px){.work-stage-area{max-height:none;overflow:hidden}.work-stage-buttons{overflow-x:auto;overflow-y:hidden;max-height:none;flex:none}.work-main{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,150px);gap:7px;overflow:hidden;min-height:0}.work-primary{overflow-y:auto;min-height:0}.work-details{overflow-y:auto;min-height:0;margin:0;padding:0 10px}.work-chat-tools .work-templates{max-height:130px}}

/* Top board slider and independent scrolling inside each stage. */
.board-scrollbar{position:sticky;top:8px;z-index:12;display:flex;align-items:center;gap:9px;height:37px;margin:0 0 8px;padding:4px 7px;background:#fff;border:1px solid #e4e8f0;border-radius:9px;box-shadow:0 3px 12px #2434500a}
.board-scrollbar button{flex:none;width:27px;height:27px;border:1px solid #e4e7f0;border-radius:6px;background:#f7f8fc;color:#665fd4;font-size:20px;line-height:1;font-weight:700}
.board-scrollbar button:hover{background:#eeecfc;border-color:#cbc6f5}
.board-scrollbar input[type=range]{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:22px;background:transparent;cursor:grab}
.board-scrollbar input[type=range]:active{cursor:grabbing}
.board-scrollbar input[type=range]::-webkit-slider-runnable-track{height:8px;background:#e7e9f3;border-radius:99px}
.board-scrollbar input[type=range]::-moz-range-track{height:8px;background:#e7e9f3;border-radius:99px}
.board-scrollbar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:27px;height:18px;margin-top:-5px;border:2px solid #fff;border-radius:7px;background:#6b64dd;box-shadow:0 2px 6px #3e36875c}
.board-scrollbar input[type=range]::-moz-range-thumb{width:25px;height:16px;border:2px solid #fff;border-radius:7px;background:#6b64dd;box-shadow:0 2px 6px #3e36875c}
.board-scrollbar input[type=range]:disabled{opacity:.45;cursor:default}
.board-scrollbar span{flex:none;min-width:54px;text-align:right;color:#7c88a0;font-size:9px;font-weight:800}
.kanban:not(.hidden){align-items:stretch;overflow-x:auto;overflow-y:hidden;min-height:235px;padding-bottom:1px;overscroll-behavior-x:contain}
.kanban:not(.hidden) .column{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}
.kanban:not(.hidden) .column-head,.kanban:not(.hidden) .column-sub{flex:none}
.kanban:not(.hidden) .cards{display:grid;align-content:start;flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:0 3px 7px 0;scrollbar-width:thin;scrollbar-color:#bfc8d8 transparent}
.kanban:not(.hidden) .cards::-webkit-scrollbar{width:8px}.kanban:not(.hidden) .cards::-webkit-scrollbar-thumb{background:#bfc8d8;border-radius:8px}
@media(max-width:620px){.board-scrollbar{gap:6px}.board-scrollbar span{min-width:48px;font-size:8px}.board-scrollbar button{width:25px;height:25px}}

/* Scheduled calls and overdue actions stay visible on the board. */
.kanban .candidate-card.due-rattle{border-left:3px solid #e8a34f;box-shadow:0 0 0 1px #f1c58f,0 5px 14px #9a612a20;animation:card-rattle 2.8s ease-in-out infinite}
.kanban .candidate-card.due-overdue{border-left-color:#e26f62;box-shadow:0 0 0 1px #eaa29a,0 5px 16px #bb59462b;animation-duration:2s}
.card-reminder{display:inline-flex;align-items:center;max-width:100%;margin:0 0 8px;padding:5px 7px;border-radius:6px;background:#fff3e2;color:#ab6b25;font-size:8px;font-weight:900;line-height:1.25}
.due-overdue .card-reminder{background:#fff0ee;color:#c2554c}
.column.has-due .column-count{background:#fff0df;color:#b76c31}
@keyframes card-rattle{0%,8%,36%,100%{transform:translateX(0)}13%,25%{transform:translateX(-5px)}19%,31%{transform:translateX(5px)}}
@media(prefers-reduced-motion:reduce){.kanban .candidate-card.due-rattle,.kanban .candidate-card.due-overdue{animation:none}}

/* Presentation mode: a small navigation rail gives the board the screen. */
@media(min-width:851px){
  .sidebar{width:70px;padding:20px 9px 12px;transition:width .22s ease}
  .sidebar .brand{padding:0 9px 27px;justify-content:center}
  .sidebar .brand>div,.sidebar .workspace-label,.sidebar .nav-item>span:not(.nav-icon),.sidebar .nav-item>b,.sidebar .nav-item>i,.sidebar .sidebar-bottom{display:none}
  .sidebar .nav-item{padding:0;justify-content:center;height:48px}
  .sidebar .nav-icon{font-size:23px}
  .app-shell.menu-expanded .sidebar{width:248px;padding:26px 14px 15px}
  .app-shell.menu-expanded .sidebar .brand{padding:0 13px 35px;justify-content:flex-start}
  .app-shell.menu-expanded .sidebar .brand>div,.app-shell.menu-expanded .sidebar .workspace-label,.app-shell.menu-expanded .sidebar .nav-item>span:not(.nav-icon),.app-shell.menu-expanded .sidebar .nav-item>b,.app-shell.menu-expanded .sidebar .nav-item>i,.app-shell.menu-expanded .sidebar .sidebar-bottom{display:initial}
  .app-shell.menu-expanded .sidebar .sidebar-bottom{display:block}
  .app-shell.menu-expanded .sidebar .nav-item{padding:0 13px;justify-content:flex-start;height:43px}
  .app-shell.menu-expanded .sidebar .nav-item>b,.app-shell.menu-expanded .sidebar .nav-item>i{margin-left:auto}
  .mobile-menu{display:grid;place-items:center;width:31px;height:31px;flex:none;border:1px solid #e5e9f1;border-radius:8px;background:#fff;color:#5b6680;font-size:15px}
  .content{max-width:none;padding:21px 24px 35px}
}
.topbar{gap:12px;padding:0 24px}.topbar-left{display:flex;align-items:center;gap:13px;min-width:0}.top-quick-nav{display:flex;align-items:center;gap:5px;margin-left:auto}.top-quick-nav button{border:1px solid transparent;background:transparent;border-radius:8px;color:#6b7892;min-height:32px;padding:0 10px;font-size:11px;font-weight:800;white-space:nowrap}.top-quick-nav button:hover{background:#f4f5fc}.top-quick-nav button.active{border-color:#deddf9;background:#f0efff;color:#5e58cc}.tour-launch{border-color:#d9d6f8!important;background:#f5f4ff!important;color:#625acb!important}
@media(max-width:1100px){.top-quick-nav button span{display:none}.top-quick-nav button{font-size:18px;padding:0 8px}}
@media(max-width:850px){.topbar{padding:0 14px}.topbar-left{gap:7px}.top-quick-nav{gap:2px}.top-quick-nav button{font-size:17px;min-width:30px;padding:0 5px}.top-actions{gap:7px}.topbar .today,.topbar .vertical-line{display:none}}

/* Interactive workflow map. */
.journey-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:22px;padding:27px 31px;color:#fff;background:radial-gradient(circle at 86% 18%,#6271bc 0,#263968 37%,#152340 82%);box-shadow:0 14px 34px #1b2d5b24;overflow:hidden;position:relative}
.journey-hero:after{content:"";position:absolute;right:-42px;top:-90px;width:290px;height:290px;border:1px solid #ffffff2a;border-radius:50%;box-shadow:0 0 0 48px #ffffff09,0 0 0 100px #ffffff07;pointer-events:none}
.journey-hero p{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#aaaaf4;margin:0 0 8px}.journey-hero h1{font-size:clamp(24px,3vw,38px);line-height:1.15;letter-spacing:-1.2px;margin:0 0 8px}.journey-hero span{font-size:12px;color:#cfd8eb;max-width:740px;display:block}.journey-hero-actions{display:flex;gap:8px;flex:none;position:relative;z-index:1}.journey-hero-actions .btn{height:38px}.journey-hero-actions .btn:not(.primary){color:#fff;border-color:#ffffff55;background:#ffffff10}.journey-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:17px 2px 12px;color:#6d7890;font-size:10px;font-weight:800}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:4px;background:#746ce0}.legend-dot.amber{background:#d39643}.legend-dot.red{background:#d47176}.journey-demo{margin-left:auto;color:#98a3b5}.journey-scrollbar{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e2e8f2;border-radius:10px;padding:8px 12px;margin-bottom:9px;color:#8c98ac;font-size:10px;font-weight:800}.journey-scrollbar input{flex:1;accent-color:#6b65df}.journey-viewport{overflow:auto;overscroll-behavior:contain;border:1px solid #e0e6f0;border-radius:18px;background:linear-gradient(#ffffff 23px,transparent 24px),linear-gradient(90deg,#ffffff 23px,#edf1f8 24px);background-size:24px 24px;scrollbar-color:#b8c3d8 transparent}.journey-canvas{position:relative;width:1900px;height:650px}.flow-lines{position:absolute;inset:0;width:1900px;height:650px;pointer-events:none}.flow-path{fill:none;stroke:#a6b1cd;stroke-width:3;stroke-linecap:round;marker-end:url(#flowArrow)}.flow-path.branch-path{stroke-dasharray:7 7;stroke:#c4cad9}.flow-lane-label{position:absolute;font-size:10px;font-weight:900;letter-spacing:1.6px;color:#9aa7ba}.flow-node,.flow-branch{position:absolute;text-align:left;display:flex;flex-direction:column;width:220px;height:160px;border:1px solid #dde4f1;border-top:4px solid #746ce0;border-radius:14px;background:#fff;color:#23304a;padding:14px 15px 12px;box-shadow:0 8px 22px #20365b13;transition:transform .15s,box-shadow .15s,border-color .15s;white-space:normal}.flow-node:hover,.flow-branch:hover{transform:translateY(-3px);box-shadow:0 12px 28px #20365b23}.flow-node.selected,.flow-branch.selected{border-color:#7169e5;box-shadow:0 0 0 3px #7d75ed20,0 12px 28px #20365b21}.flow-num{position:absolute;right:13px;top:11px;font-size:26px;font-weight:900;color:#ecebfa}.flow-label{font-size:9px;letter-spacing:1.3px;font-weight:900;color:#7d81b4;margin-bottom:10px}.flow-node strong,.flow-branch strong{font-size:14px;line-height:1.25;margin-bottom:7px}.flow-node small,.flow-branch small{font-size:10px;color:#7c899f;line-height:1.4;flex:1}.flow-node em,.flow-branch em{font-size:9px;color:#6560ce;font-weight:900;font-style:normal;margin-top:8px}.flow-node.accent-blue{border-top-color:#62a8e0}.flow-node.accent-orange{border-top-color:#e0a05d}.flow-node.accent-teal{border-top-color:#54bcad}.flow-node.accent-green{border-top-color:#62ba8f}.flow-branch{height:128px;background:#fffdf9;border-top-color:#d6a15a}.flow-branch.accent-teal{background:#f9fffc;border-top-color:#50bca8}.flow-branch.accent-red{background:#fff9fa;border-top-color:#d67179}.flow-branch em{color:#b47733}.flow-branch.accent-red em{color:#bd5660}.journey-bottom{display:grid;grid-template-columns:minmax(260px,.77fr) minmax(0,1.23fr);gap:16px;margin-top:16px}.journey-intro,.flow-details{background:#fff;border:1px solid #e2e8f2;border-radius:15px;padding:20px 22px;min-height:210px}.journey-intro>span,.flow-detail-kicker{font-size:9px;font-weight:900;letter-spacing:1.3px;color:#746ce0}.journey-intro h2,.flow-detail-head h2{font-size:17px;margin:5px 0 7px;line-height:1.25}.journey-intro p,.flow-detail-grid p{font-size:11px;color:#77859c;line-height:1.5;margin:0}.journey-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:17px}.journey-chips button{border:1px solid #e3e6ef;border-radius:7px;background:#f7f8fc;color:#64718a;font-size:9px;font-weight:800;padding:7px 9px}.journey-chips button:hover{background:#efedff;color:#625bcf}.flow-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.flow-detail-next{font-size:9px;font-weight:900;color:#34856f;background:#eaf7f0;border-radius:99px;padding:6px 8px;white-space:nowrap}.flow-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow-detail-grid>div{border-top:1px solid #edf0f6;padding-top:10px}.flow-detail-grid b{display:block;font-size:10px;color:#33435d;margin-bottom:4px}.flow-detail-grid .flow-message{grid-column:1/-1;background:#f7f6ff;border:1px solid #e5e3fb;border-radius:9px;padding:11px 12px}.flow-message b{color:#6862c6}
@media(max-width:850px){.journey-hero{display:block;padding:22px}.journey-hero-actions{margin-top:17px}.journey-bottom{grid-template-columns:1fr}.journey-demo{margin-left:0}.journey-viewport{max-height:580px}}
@media(max-width:560px){.journey-hero-actions{flex-wrap:wrap}.journey-scrollbar span{font-size:8px}.flow-detail-grid{grid-template-columns:1fr}.flow-detail-grid .flow-message{grid-column:auto}}

/* A guided walkthrough temporarily demonstrates local actions without messaging candidates. */
.tour-layer{position:fixed;inset:0;z-index:80;pointer-events:auto}.tour-spotlight{position:fixed;z-index:81;border:3px solid #a59bff;border-radius:15px;box-shadow:0 0 0 9999px #101c36b8,0 0 0 7px #a59bff33;pointer-events:none;transition:all .25s ease}.tour-popover{position:fixed;z-index:82;width:min(360px,calc(100vw - 24px));padding:18px 19px 16px;background:#fff;border:1px solid #e0ddff;border-radius:16px;box-shadow:0 18px 60px #0b18345e;color:#22304b}.tour-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.tour-step{font-size:9px;font-weight:900;letter-spacing:1.3px;color:#7066d8}.tour-close{border:0;background:#f2f3f8;border-radius:6px;width:26px;height:26px;color:#78859b;font-size:17px}.tour-popover h2{font-size:18px;letter-spacing:-.4px;margin:0 0 7px}.tour-popover p{font-size:12px;line-height:1.55;color:#65738c;margin:0}.tour-example{background:#f3f2ff;border-left:3px solid #7b71e7;border-radius:7px;padding:10px 11px;margin-top:11px;font-size:11px;color:#4c4b82}.tour-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}.tour-actions small{color:#9aa5b8;font-size:10px}.tour-next{border:0;background:#665fe2;color:#fff;border-radius:9px;padding:9px 14px;font-size:11px;font-weight:900}.tour-next:hover{background:#514bd0}.tour-rattle{animation:tour-rattle 1.6s ease-in-out infinite!important;box-shadow:0 0 0 2px #e8a054,0 10px 24px #9a612a3b!important}@keyframes tour-rattle{0%,70%,100%{transform:translateX(0)}76%{transform:translateX(-4px)}82%{transform:translateX(4px)}88%{transform:translateX(-2px)}}
@media(prefers-reduced-motion:reduce){.tour-rattle{animation:none!important}.tour-spotlight{transition:none}}
.journey-canvas{margin:0 auto}

/* Illustrated, interactive route on the presentation page. */
.story-hero{background:radial-gradient(circle at 85% -25%,#cbb8ff 0,transparent 32%),linear-gradient(130deg,#fbf9ff,#f0ecff 62%,#e9f8f6);color:#192042;box-shadow:0 18px 44px #6545b81b;border:1px solid #e7dcff;padding:35px 38px}
.story-hero:after{border-color:#8156e62b;box-shadow:0 0 0 48px #895ee70c,0 0 0 100px #895ee707}
.story-hero p{color:#7947dc}.story-hero h1{color:#201a52;font-size:clamp(29px,3.5vw,48px);letter-spacing:-2px}.story-hero span{color:#655f83;font-size:13px}
.story-hero .journey-hero-actions .btn.primary{background:linear-gradient(135deg,#7a3fe7,#a34ce9);border:0;box-shadow:0 8px 22px #7b43df3b}
.story-hero .journey-hero-actions .btn:not(.primary){color:#684cb5;border-color:#d8c5fb;background:#ffffffaa}
.story-legend{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding:16px 5px 14px;color:#716e86;font-size:11px;font-weight:800}
.story-legend span{display:flex;align-items:center;gap:7px}.story-legend i{display:inline-block;width:22px;height:5px;border-radius:8px;background:#8040e7}.story-legend i.coral{background:#ee827c}.story-legend i.mint{background:#3dbd9d}.story-legend i.red{background:#d95568}.story-legend small{margin-left:auto;color:#9994aa;font-size:10px}
.story-insight{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:14px;align-items:start;padding:17px 21px;margin-bottom:17px;border-radius:17px;background:#fff;border:1px solid #ece6f7;box-shadow:0 8px 25px #3926620c}
.story-insight-heading span{font-size:9px;letter-spacing:1.4px;font-weight:900;color:#8845de}.story-insight-heading h2{font-size:17px;line-height:1.2;margin:5px 0 0;color:#241c4e}.story-insight b{font-size:10px;color:#7055ab}.story-insight p{font-size:11px;color:#6f6a7e;line-height:1.4;margin:4px 0 0}
.story-map{overflow-x:auto;overflow-y:hidden;border:1px solid #eee7f6;border-radius:28px;background:#fffcfa;box-shadow:0 18px 46px #33205713;scrollbar-color:#c4a5f5 transparent}
.story-canvas{position:relative;width:1050px;height:1680px;margin:auto;overflow:hidden;background:radial-gradient(circle at 3% 6%,#f0e9ff 0,transparent 20%),radial-gradient(circle at 93% 94%,#dff8ef 0,transparent 22%),#fffcfa}
.story-canvas:before,.story-canvas:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #d8c6f542;border-radius:50%;pointer-events:none}.story-canvas:before{right:-180px;top:-160px;box-shadow:0 0 0 50px #d8c6f517,0 0 0 100px #d8c6f50c}.story-canvas:after{left:-210px;bottom:-200px;box-shadow:0 0 0 50px #4cc5a40c,0 0 0 100px #4cc5a407}
.story-lines{position:absolute;inset:0;width:1050px;height:1680px;pointer-events:none}
.story-route-muted,.story-route-active,.story-branch-path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.story-route-muted{stroke:#d4baf6;stroke-width:19;filter:drop-shadow(0 7px 7px #6237b52c)}
.story-route-active{stroke:url(#storyPurple);stroke-width:19;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.2s ease}
.story-route-active.drawn{stroke-dashoffset:0}
.story-branch-path{stroke:#f09083;stroke-width:5;stroke-dasharray:1200;stroke-dashoffset:1200;opacity:0;transition:stroke-dashoffset 1s ease,opacity .2s}
.story-branch-path.active{stroke-dashoffset:0;opacity:1}.story-branch-path.mint{stroke:#39bda0}.story-branch-path.red{stroke:#dc536c}
.story-stage,.story-branch{position:absolute;left:var(--sx);top:var(--sy);text-align:left;font-family:inherit;white-space:normal}
.story-stage{display:flex;align-items:center;gap:17px;width:400px;height:155px;padding:18px 22px;border:1px solid #e7dcf8;border-radius:34px;background:linear-gradient(150deg,#fff,#f4efff);color:#251b50;box-shadow:0 14px 24px #543a8a20,inset 0 1px #fff;transition:transform .2s,box-shadow .2s,border-color .2s;z-index:2}
.story-stage:hover,.story-stage.active{transform:translateY(-4px);border-color:#a06ce8;box-shadow:0 18px 35px #693cbb36,0 0 0 4px #9a64e91e}
.story-stage[data-story-id="work"]{background:linear-gradient(140deg,#f9fffc,#ddf9ed);border-color:#bcebd7}
.story-stage-icon{display:grid;place-items:center;flex:none;width:73px;height:73px;border-radius:23px;background:linear-gradient(135deg,#a867fa,#6732df);box-shadow:0 8px 15px #6b39ca46;color:#fff;font-size:42px;font-family:Arial,sans-serif;font-weight:700}
.story-stage[data-story-id="work"] .story-stage-icon{background:linear-gradient(135deg,#5ddaba,#159b7b);box-shadow:0 8px 15px #159b7b46}
.story-stage-copy{display:flex;flex-direction:column;min-width:0}.story-step-label{font-size:9px;letter-spacing:1.3px;color:#7954c5;font-weight:900}.story-step-label b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;margin-left:7px;background:#743cdd;color:#fff;font-size:10px;letter-spacing:0}.story-stage-copy strong{font-size:22px;line-height:1.12;letter-spacing:-.5px;margin:5px 0 5px}.story-stage-copy small{font-size:11px;line-height:1.35;color:#777087}.story-stage-copy em{align-self:flex-start;margin-top:7px;font-style:normal;font-size:9px;font-weight:900;color:#6e41c1;background:#eee5ff;padding:5px 8px;border-radius:99px}
.story-branch{display:flex;align-items:center;gap:10px;width:270px;height:78px;padding:10px 13px;border:1px solid #f3c2bd;border-radius:24px;background:linear-gradient(130deg,#fff7f3,#ffd9d3);color:#5a303f;box-shadow:0 8px 16px #c5706540;z-index:2;transition:transform .2s,box-shadow .2s}
.story-branch:hover,.story-branch.active{transform:translateY(-3px);box-shadow:0 12px 25px #c5706560,0 0 0 3px #ea7b7230}
.story-branch.mint{border-color:#a9e7d6;background:linear-gradient(130deg,#f7fffb,#d5f7e9);color:#175b50;box-shadow:0 8px 16px #36a98c24}.story-branch.red{border-color:#efadb7;background:linear-gradient(130deg,#fff4f5,#ffc7d0);color:#712d40}
.story-branch-symbol{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:14px;background:#ef8179;color:#fff;font-size:25px;font-weight:900}.story-branch.mint .story-branch-symbol{background:#30ba9a}.story-branch.red .story-branch-symbol{background:#d7526c}
.story-branch strong{display:block;font-size:13px;line-height:1.2}.story-branch small{display:block;margin-top:4px;font-size:10px;color:#82636a}.story-branch.mint small{color:#518879}
.story-footnote{font-size:10px;color:#a19aaf;text-align:right;margin:10px 3px 0}
@media(max-width:1100px){.story-canvas{margin:0}.story-insight{grid-template-columns:repeat(2,minmax(0,1fr))}.story-legend small{margin-left:0}}
@media(max-width:760px){.story-hero{padding:24px}.story-hero h1{letter-spacing:-1px}.story-insight{grid-template-columns:1fr 1fr}.story-map{overflow:visible}.story-canvas{width:auto;height:auto;display:flex;flex-direction:column;gap:13px;padding:18px;background:linear-gradient(90deg,transparent 42px,#e0cef9 42px,#e0cef9 47px,transparent 47px),#fffcfa}.story-canvas:before,.story-canvas:after,.story-lines{display:none}.story-stage,.story-branch{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:100px}.story-stage{border-radius:22px;padding:13px 15px;gap:12px}.story-stage-icon{width:55px;height:55px;border-radius:17px;font-size:30px}.story-stage-copy strong{font-size:17px}.story-branch{width:calc(100% - 38px);margin-left:38px;min-height:64px}.story-footnote{text-align:left}}
@media(max-width:480px){.story-insight{grid-template-columns:1fr}.story-legend{gap:9px}.story-stage-copy small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.story-route-active,.story-branch-path,.story-stage,.story-branch{transition:none}}