/* The hero's own styles load first. Overrides fit its working table into the outcome card. */
body{background:#fff;font-family:'Hanken Grotesk',Arial,sans-serif;color:#19382d}
.mock-shell{max-width:1440px;margin:34px auto;padding:38px 28px 0;background:#a08dbb;border-radius:29px;overflow:hidden}
.mock-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:0 16px 22px;align-items:start}
.mock-heading h1{margin:0;font-size:clamp(36px,4.1vw,58px);line-height:1.05;font-weight:400;letter-spacing:-.035em}
.mock-heading em{font-family:'Sentient',Georgia,serif;font-style:normal;font-weight:400}
.mock-heading p{max-width:520px;margin:3px 0;font-size:18px;line-height:1.5}
main{width:100%;height:690px;padding:12px 18px 32px;margin:0}
.garden{height:210px;opacity:.8}.garden:after{background:linear-gradient(#a08dbb 0%,#a08dbb22 45%,#a08dbb00 100%)}
.frame{height:630px;margin:0;width:100%;max-width:none;background:linear-gradient(105deg,#fffffffa 0%,#fffffff7 38%,#f1f5eff0 72%,#f7f8f4eb 100%)}
.header{height:64px}.rail{top:64px}.bank{font-family:'Hanken Grotesk',Arial,sans-serif}.workwash{inset:64px 0 35px 54px;mask-image:none;-webkit-mask-image:none}
.desk{top:83px;left:74px;right:25px;height:498px}
.records-toolbar{height:32px;font-size:13px}.records-toolbar .count{font-size:10px}.record-team small{font-size:10px}.list-heading{height:35px;font-size:12px}.records-source{font-size:10px}
.table-scroll{height:413px;overflow:auto;scrollbar-width:none;mask-image:linear-gradient(#000 95%,transparent);-webkit-mask-image:linear-gradient(#000 95%,transparent)}.table-scroll::-webkit-scrollbar{display:none}
.people-table{mask-image:none;-webkit-mask-image:none;border-radius:8px;background:#ffffff90;overflow:visible}
.people-table>div{grid-template-columns:1.24fr 1fr 1.3fr 1fr 1.05fr;height:34px;padding:0 8px}
.people-table>div>span{height:34px;line-height:34px;font-size:11px;padding:0 8px}
.people-table .people-th{position:sticky;top:0;z-index:3;height:30px;background:#f3f6f1}
.people-table .people-th>span{height:30px!important;line-height:30px!important;font-size:10px!important}
.person-name{gap:7px}.person-name strong{font-size:12px}.person-name .avatar{width:20px;height:20px;font-size:8px}
.row-check{width:13px;height:13px;border-radius:4px;display:inline-grid;place-items:center;color:#fff;position:relative}.row-check svg{width:11px;height:11px;stroke-width:2;opacity:0;stroke-dasharray:18;stroke-dashoffset:18}
.company-logo{width:16px;height:16px;font-size:8px}.people-table .linked-cell{gap:5px}.record-chip{height:19px;line-height:19px;font-size:9px;padding:0 5px;max-width:110px}
.pending{font-size:10px}.motion-ready .pending{top:8px;left:8px}.pending svg{width:11px;height:11px}.enriched{font-size:10px;line-height:21px;padding:0 6px}.enriched.mint{background:#dff1e4;color:#327f54}.enriched svg{width:11px;height:11px;margin-right:3px;vertical-align:-2px;stroke-width:2}
.task-cell{position:relative}.task-before{font-size:10px;color:#88947f;opacity:0;visibility:hidden}.task-after{position:absolute;left:8px;top:0;display:inline-flex;align-items:center;gap:4px;color:#327f54;font-size:10px}.task-after svg{width:11px;height:11px;stroke-width:2}
.work-footer{height:35px;position:relative;padding:10px 8px;font-size:10px;color:#819376}.working-note,.done-note{display:flex;align-items:center;gap:6px}.work-footer svg{width:12px;height:12px}.done-note{position:absolute;left:8px;top:10px;color:#327f54}
.footer{left:75px;right:25px;height:35px}.motion-controls{display:flex;gap:7px;margin-left:auto}.motion-controls button{border:0;border-radius:5px;background:#fff8;color:#6b8164;padding:6px;cursor:pointer;width:28px;height:27px;display:grid;place-items:center}.motion-controls svg{width:13px;height:13px}
.agent-notice{left:auto;right:35px;bottom:53px;width:365px;padding:12px 15px;background:#1c1b29;border:1px solid #a99bc12b;box-shadow:0 22px 35px -17px #18142480,inset 0 1px 0 #ffffff10;z-index:5;border-radius:11px;display:flex;align-items:center;gap:10px}
.agent-notice>img{width:31px;height:31px;border-radius:7px}.agent-notice strong{font-size:11px;color:#ded4eb}.agent-notice strong>span{color:#9a8eac;font-size:9px;margin-left:6px;font-weight:400}.agent-notice p{font-size:11px;line-height:1.55;color:#b8afc7;margin:5px 0 0}
@media(min-width:701px) and (max-width:1100px){.people-table>div{grid-template-columns:1.2fr 1fr 1fr 1.08fr}.people-table>div>span:nth-child(3){display:none}.people-table>div>span:last-child{display:block}.people-table>div>span{font-size:10px}.desk{left:65px;right:18px}.record-chip{font-size:8px}}
@media(max-width:700px){.mock-shell{margin:14px 12px;padding:28px 10px 0;border-radius:21px}.mock-heading{display:block;padding:0 15px 18px}.mock-heading h1{font-size:36px}.mock-heading p{font-size:16px;line-height:1.45;margin-top:20px}main{height:641px;padding:0 0 22px;min-width:0}.frame{height:605px;border-radius:13px}.header{height:58px;padding:0 14px;gap:10px}.brand{font-size:26px}.bank{font-size:10px;padding-left:12px;gap:8px}.private{display:none}.rail{display:none}.desk{top:74px;left:10px;right:10px;height:485px}.records-toolbar{height:28px;padding:0 5px;font-size:12px}.record-team small{display:none}.records-toolbar .count{font-size:9px}.record-team i{width:16px;height:16px}.list-heading{padding:0 5px;height:32px;font-size:10px}.records-source{font-size:8px}.table-scroll{height:398px}.people-table>div{grid-template-columns:1.17fr 1.02fr 1.13fr;height:35px;padding:0 3px}.people-table>div>span{font-size:9px;height:35px;line-height:35px;padding:0 4px}.people-table>div>span:nth-child(2),.people-table>div>span:nth-child(3){display:none}.people-table>div>span:last-child{display:block}.people-table .people-th>span{font-size:8px!important}.person-name{gap:4px}.person-name strong{font-size:9px;letter-spacing:-.1px}.person-name .avatar{display:none}.row-check{width:11px;height:11px}.row-check svg{width:9px;height:9px}.pending{font-size:8px;gap:2px}.motion-ready .pending{left:4px;top:9px}.pending svg{width:9px;height:9px}.enriched{font-size:8px;padding:0 3px;line-height:19px}.enriched svg{width:9px;height:9px;margin-right:1px}.task-before,.task-after{font-size:8px}.task-after{left:4px;gap:2px}.task-after svg{width:9px;height:9px}.work-footer{font-size:9px;padding-inline:4px}.footer{left:15px;right:13px;height:32px}.agent-notice{right:16px;left:16px;bottom:50px;width:auto;padding:11px}.agent-notice>img{width:27px;height:27px}.agent-notice strong{font-size:10px}.agent-notice strong>span{font-size:8px}.agent-notice p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.motion-controls{display:none}}

/* Phone uses the same cells with shorter status text, rather than miniaturising the UI. */
.label-short{display:none}
@media(max-width:700px){.people-table>div{grid-template-columns:1.2fr .84fr 1.1fr;height:39px}.people-table>div>span{height:39px;line-height:39px;font-size:11px}.person-name strong{font-size:11px}.people-table .people-th>span{font-size:10px!important}.pending{font-size:10px}.enriched{font-size:11px;line-height:22px;padding:0 4px}.enriched svg{width:11px;height:11px;margin-right:3px}.motion-ready .pending{top:10px}.task-before,.task-after{font-size:10.5px}.task-after svg{width:10px;height:10px}.label-full{display:none}.label-short{display:inline}.table-scroll{height:398px}.agent-notice{bottom:45px}}

.task-before{position:absolute;left:8px;top:0}
@media(max-width:700px){.task-before{left:4px}}

/* Continuous queue refresh lives over the table; chrome stays stable. */
.queue-refresh{position:absolute;left:0;right:0;top:67px;height:413px;background:#fff;opacity:0;visibility:hidden;z-index:4;pointer-events:none;border-radius:8px}
.footer .ownership{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#6f8373}
@media(max-width:700px){.queue-refresh{top:60px;height:398px}.footer .ownership{font-size:9px;gap:6px}}

/* Restore a travelling white pulse, separate from the flat seam cover. */
.queue-wave{position:absolute;left:0;right:0;top:97px;height:383px;overflow:hidden;z-index:4;pointer-events:none;border-radius:8px}
.queue-wave-band{position:absolute;inset:0 auto 0 0;width:45%;background:linear-gradient(100deg,#fff0 0%,#ffffff99 30%,#fffffff2 52%,#ffffff99 70%,#fff0 100%);transform:translateX(-150%)}
@media(max-width:700px){.queue-wave{top:90px;height:368px}}

/* Notifications arrive at the top right; flowers reach the card’s outer edges. */
.mock-shell{position:relative;isolation:isolate}
.mock-heading,main{position:relative;z-index:1}
.garden{left:0;right:0;bottom:0;opacity:1;z-index:0}
.agent-notice{top:78px;bottom:auto;right:25px}
@media(max-width:700px){.agent-notice{top:72px;bottom:auto;left:auto;right:14px;width:calc(100% - 28px);max-width:330px}}

/* Restore the original third-card emblem beside the supporting copy. */
.workflow-support{display:flex;align-items:flex-start;gap:15px;padding-top:4px}
.workflow-support>img{width:42px;height:42px;flex:none}
.workflow-support>p{margin:0;max-width:none}
@media(max-width:700px){.workflow-support{gap:12px;padding-top:0}.workflow-support>img{width:34px;height:34px}}