/* Conversation on the left, the device Lena is using on the right. */
/* Equal halves. The .9/1.1 split gave the workspace the wider column and the
   two panels ended at different heights, so the pair read as one main panel
   with something attached beside it. They are the same thing seen twice: what
   was said, and what it did. Stretching costs the workspace some empty space
   while it is waiting, which is the honest state of it anyway. */
#warehouseWork .console-wrap {max-width:1320px;overflow:visible;background:transparent;border:0;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch;}
#warehouseWork .voice-column {min-width:0;background:#ffffffd9;border:1px solid #fff;border-radius:28px;box-shadow:0 16px 60px #303f4c09;}
/* Stretching the grid item was not enough: the visible card is #agentDesktop,
   three levels inside <main>, so the column filled the row while the panel
   inside it stayed as tall as its text. The chain has to carry the height
   down, or the two cards end at different lines however equal the columns are. */
#warehouseWork .console-wrap>main {display:flex;flex-direction:column;min-width:0;background:transparent;}
#warehouseWork .console-wrap main>.right {display:flex!important;flex-direction:column;flex:1;background:transparent;border:0;padding:0;min-width:0;}
#warehouseWork .console-wrap main>.right>#agentDesktop {flex:1;}
#warehouseWork .legacy-erp {display:none;}
#warehouseWork #log {height:clamp(220px,34vh,420px);max-height:480px;padding:20px 8px;}
#warehouseWork #log .voice-fact-card {display:none;}
#warehouseWork #voiceSuggestions {padding:0 20px;}
#warehouseWork #voiceSuggestions q {font-size:11px;}
#warehouseWork .console-wrap .write-progress {display:none;}
#agentDesktop {color:#293c31;background:#f7f8f3e8;border:1px solid #d5ddd0;border-radius:28px;padding:24px;box-shadow:0 16px 60px #303f4c09;min-height:560px;box-sizing:border-box;font:14px/1.5 system-ui,sans-serif;}
.desktop-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;}
.desktop-heading small {font:10px var(--mono);letter-spacing:.12em;color:#71806f;}
#agentDesktop .desktop-heading h2 {display:block;margin:6px 0 0;padding:0;font:600 24px/1.2 system-ui;letter-spacing:-.04em;color:#253b2c;border:0;text-transform:none;background:none;box-shadow:none;}
.desktop-badge {display:inline-block;font:600 10px/1.4 system-ui;letter-spacing:.03em;border:1px solid #d3dccd;background:#edf1e8;color:#4d674f;padding:6px 9px;border-radius:20px;}
.desktop-empty {min-height:365px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;}
.desktop-empty-symbol {width:64px;height:64px;display:grid;place-items:center;border:1px solid #cbd8c5;border-radius:20px;font-size:32px;color:#597556;background:#edf2e8;}
#agentDesktop h3 {font:600 21px/1.3 system-ui;letter-spacing:-.035em;margin:18px 0 12px;}
.desktop-empty p {max-width:290px;color:#72796e;}
.desktop-device-list {margin-top:30px;font:10px var(--mono);color:#8b927f;}
.desktop-status {display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:18px;color:#6e7869;}
.desktop-status strong {color:#536b48;font-weight:600;text-align:right;}
.desktop-status.pending strong {color:#b27839;}
.desktop-status.error strong,.desktop-status.uncertain strong,.desktop-status.rejected strong {color:#a24434;}
.desktop-device {padding:4px 0 16px;}
.desktop-fields {margin:0;}
.desktop-fields>div {display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:14px;border-bottom:1px solid #e8ebe3;padding:12px 0;}
.desktop-fields dt {font-size:11px;color:#7a8274;}
.desktop-fields dd {margin:0;font-size:13px;font-weight:550;overflow-wrap:anywhere;white-space:pre-wrap;}
.desktop-notice {padding:12px 14px;background:#f6edda;border:1px solid #e8d9b8;border-radius:12px;color:#896839;font-size:12px;margin:18px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;}
.desktop-notice.success {background:#e9f1e4;border-color:#cdddc4;color:#466642;}
.desktop-notice.error {background:#faece7;border-color:#edd0c4;color:#9b5140;}
.desktop-footnote,.device-disclaimer {font-size:10px;line-height:1.6;color:#828a7c;margin:18px 0 0;}
.desktop-footnote {border-top:1px solid #e0e5da;padding-top:14px;}
.work-phone {position:relative;max-width:276px;min-height:440px;margin:0 auto;padding:9px;border:2px solid #737b6e;border-radius:43px;background:linear-gradient(130deg,#485143,#161e18 55%,#424c3e);box-shadow:0 20px 32px #243b2c20,inset 0 0 0 2px #0e1810;}
.phone-island {position:absolute;left:50%;top:18px;transform:translateX(-50%);width:76px;height:20px;border-radius:20px;background:#152017;z-index:1;}
.phone-screen {background:linear-gradient(155deg,#f7f8ee,#e8eddf);border-radius:33px;min-height:425px;box-sizing:border-box;padding:45px 22px 24px;text-align:center;}
.phone-owner {font-size:10px;color:#76846d;}
#agentDesktop .phone-screen h3 {font-size:22px;margin-top:7px;}
.contact-avatar {width:72px;height:72px;margin:28px auto 16px;border-radius:50%;background:#d6e0cc;color:#45603e;display:grid;place-items:center;font-size:23px;}
.phone-screen h4 {margin:0;font-size:20px;letter-spacing:-.025em;}
.contact-role,.contact-extension {font-size:11px;color:#78846f;margin:6px 0;}
.call-purpose {font-size:12px;margin:18px 0;overflow-wrap:anywhere;}
.phone-call-symbol {border-radius:50%;background:#5c8350;color:white;width:44px;height:44px;display:grid;place-items:center;font-size:22px;margin:24px auto 12px;}
.contact-row {display:flex;align-items:center;gap:10px;text-align:left;border-bottom:1px solid #dbe2d1;padding:16px 0;}
.contact-row strong {font-size:12px;display:block;}
.contact-row small {display:block;font-size:10px;color:#748267;margin-top:4px;}
.contact-initial {width:34px;height:34px;border-radius:50%;background:#d9e2d0;display:grid;place-items:center;flex-shrink:0;}
.work-laptop {padding:8px 4px 16px;}
.laptop-screen {background:#fffdf8;border:7px solid #343d35;border-top-width:12px;border-radius:15px 15px 5px 5px;box-shadow:0 15px 25px #25342a16;min-height:300px;overflow:hidden;}
.laptop-toolbar {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#eeeee7;border-bottom:1px solid #dedfd6;font-size:10px;color:#62705b;}
.window-controls {font-size:9px;color:#bc9064;letter-spacing:2px;}
.laptop-toolbar .desktop-badge {font-size:8px;padding:3px 7px;}
.laptop-screen .desktop-fields {padding:0 18px;}
.laptop-screen .desktop-fields>div {grid-template-columns:48px minmax(0,1fr);gap:10px;padding:10px 0;}
.laptop-screen .desktop-fields dd {font-size:12px;}
.mail-folder {font:9px var(--mono);letter-spacing:.13em;color:#9a8e73;padding:18px 18px 0;margin:0 0 8px;}
.mail-body {font:13px/1.8 system-ui;white-space:pre-wrap;overflow-wrap:anywhere;min-height:100px;padding:18px;margin:0;color:#3b4a39;}
.laptop-screen .desktop-notice {margin:0 18px 12px;}
.laptop-screen .device-disclaimer,.record-reference {display:block;padding:0 18px 14px;margin:0;font-size:10px;color:#7c8576;overflow-wrap:anywhere;}
.laptop-screen .note-title {padding:0 18px;}
.laptop-base {position:relative;width:calc(100% + 16px);height:10px;margin-left:-8px;background:linear-gradient(#d3d6cf,#929b8f);border-radius:2px 2px 40% 40%;box-shadow:0 8px 12px #25342a12;}
.laptop-base:before {content:'';position:absolute;top:0;left:40%;width:20%;height:4px;background:#818b7c;border-radius:0 0 8px 8px;}
.erp-screen {background:#fffdf8;border:1px solid #dce2d6;border-radius:16px;padding:0 22px 22px;overflow:hidden;}
.erp-toolbar {display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e9efe2;margin:0 -22px 24px;padding:12px 18px;font-size:12px;}
.document-kicker {font:10px var(--mono);color:#879171;letter-spacing:.06em;}
.desktop-record {padding:12px 0;border-bottom:1px solid #e0e5d8;}
.desktop-suggestions {background:#edf1e5;border:1px solid #d9e1ce;border-radius:16px;padding:18px;margin:8px 0 18px;}
#agentDesktop .desktop-suggestions h3 {font-size:16px;margin:0 0 8px;}
.desktop-suggestions p {font-size:12px;color:#68765d;}
/* Who it is going to, and why, above the buttons that name them. Said out
   loud by the agent too; on screen so a worker can object before a draft. */
.desktop-suggestions .follow-up-recipient {margin:10px 0 0;font-size:12px;font-weight:600;color:#3d5238;}
.follow-up-options {display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 10px;}
.follow-up-options button {border:1px solid #c9d4bc;border-radius:20px;color:#35502d;background:#fffef8;padding:10px 13px;font:600 11px system-ui;cursor:pointer;}
.follow-up-options button:hover {background:#dce8cf;}
.desktop-suggestions>small {font-size:10px;color:#7f8b72;}
.desktop-activity {margin-top:8px;border-top:1px solid #e0e5da;padding-top:12px;}
.desktop-activity summary {font-size:11px;cursor:pointer;color:#7c8773;}
.desktop-activity ol {padding-left:20px;}
.desktop-activity button {border:0;background:none;text-align:left;color:#55694a;padding:8px 0;font-size:11px;cursor:pointer;}
.practice-section {border-top:1px solid #d5dccb;margin-top:28px;padding:18px 0 0;color:#5d6e52;}
.practice-section>summary {cursor:pointer;font-size:13px;font-weight:600;}
.practice-section p {font-size:12px;line-height:1.6;color:#748068;}
.practice-section #newScenario {margin-top:8px;}
#warehouseTasks #floorHint {display:block;}
#agentDesktop button:focus-visible,.practice-section summary:focus-visible {outline:2px solid #548449;outline-offset:4px;}
@media(min-width:1000px) {#warehouseWork .voice-column {position:sticky;top:96px;}}
@media(max-width:900px) {
 #warehouseWork .console-wrap {grid-template-columns:minmax(0,1fr);gap:18px;}
 #warehouseWork #log {height:220px;}
 #agentDesktop {min-height:350px;}
 .desktop-empty {min-height:230px;}
}
@media(max-width:500px) {
 #agentDesktop {padding:18px 14px;border-radius:22px;}
 .desktop-heading .desktop-badge {font-size:9px;}
 .desktop-heading {gap:8px;}
 .laptop-screen {border-width:5px;border-top-width:10px;}
 .laptop-toolbar {gap:5px;padding:8px;}
 .window-controls {letter-spacing:0;}
 .desktop-fields>div {grid-template-columns:90px minmax(0,1fr);}
}

/* Unified work surface: voice stays compact while tool results get room. */
#warehouseWork .console-wrap {grid-template-columns:minmax(0,.37fr) minmax(0,.63fr);gap:0;border:1px solid #dfe4de;border-radius:18px;background:#fff;box-shadow:0 14px 45px #243b2c07;overflow:hidden;}
#warehouseWork .voice-column {position:static;border:0;border-right:1px solid #e1e5df;border-radius:0;background:#fff;box-shadow:none;}
#warehouseWork #agentDesktop {border:0;border-radius:0;background:#fdfefd;box-shadow:none;padding:28px;min-height:620px;}
.voice-heading {padding:26px 26px 0;}
.voice-heading small {font:10px var(--mono);letter-spacing:.16em;color:#657365;}
#warehouseWork .voice-heading h2 {font:600 26px/1.2 system-ui;letter-spacing:-.045em;color:#182e23;text-transform:none;background:none;border:0;padding:0;margin:8px 0;}
.voice-heading p {font:14px/1.5 system-ui;color:#68756d;margin:0;}
#warehouseWork .workspace-utilities {padding:8px 24px 0;}
#warehouseWork .workspace-utilities button {font-size:11px;padding:5px 10px;}
#warehouseWork .console-wrap header {padding:12px 24px 20px;}
#warehouseWork #talkBtn {display:block;font-size:15px;min-height:46px;min-width:220px;background:#204d36;color:#fff;}
#warehouseWork #orbHint {display:none;}
#warehouseWork #voiceSuggestions {display:grid;grid-template-columns:1fr;gap:10px;margin:0 24px 20px;padding:18px 0 0;border-top:1px solid #e3e7e0;}
#warehouseWork #voiceSuggestions>span {text-align:left;font:10px var(--mono);text-transform:uppercase;letter-spacing:.15em;}
#warehouseWork #voiceSuggestions q {display:flex;justify-content:center;align-items:center;min-height:54px;text-align:center;font:15px/1.5 system-ui;border:0;border-radius:12px;background:#f3f6f2;padding:12px;box-sizing:border-box;}
.suggestion-dots {display:flex;gap:7px;justify-content:center;}
.suggestion-dots i {width:5px;height:5px;border-radius:50%;background:#c9d0cb;}
.suggestion-dots i.active {background:#285840;}
#warehouseWork #conversationDetails {margin:0 24px;padding:14px 0!important;border-top:1px solid #e3e7e0;}
#warehouseWork #conversationDetails:before {content:'Conversation';font:500 12px system-ui;color:#33503d;}
#warehouseWork #log {height:140px;padding:14px 0;}
#warehouseWork #log:has(.conversation-empty) {height:64px;}
#warehouseWork .conversation-empty {font-size:12px;text-align:left;padding:4px 0;}
#agentDesktop .desktop-heading h2 {font-size:29px;margin:0;}
.desktop-heading p {margin:7px 0 0;color:#738075;font-size:13px;}
.desktop-tabs {display:flex;border-bottom:1px solid #dfe5de;gap:8px;margin-bottom:14px;}
.desktop-tabs button {flex:1;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#67776d;padding:14px 6px;font:500 13px system-ui;cursor:pointer;}
.desktop-tabs button[aria-pressed=true] {color:#204d36;border-bottom-color:#204d36;}
.desktop-empty {min-height:350px;}
.desktop-empty-symbol {width:100px;height:90px;border:0;background:linear-gradient(145deg,#faf8f2,#e7e9df);border-radius:16px;box-shadow:10px 16px 20px #23382d0a;font-size:65px;color:#a3ae9e;transform:rotate(-8deg);}
#agentDesktop .desktop-empty h3 {font-size:25px;margin-top:28px;}
.desktop-empty p {max-width:430px;margin:0;}
.desktop-steps {font-size:12px;color:#768477;white-space:pre-wrap;margin-top:35px;}
.desktop-contacts {border:1px solid #dfe5dd;border-radius:12px;padding:16px 18px;margin-top:18px;font-size:12px;}
.desktop-contacts summary {cursor:pointer;font-weight:550;}
.desktop-contacts p {color:#68766b;line-height:1.7;}
#warehouseWork #warehouseBrief {max-width:1320px;text-align:left;justify-content:flex-start;padding:14px 0 24px;}
#warehouseWork #warehouseBriefTitle {font-size:34px;}
#warehouseWork #taskStrip {justify-content:flex-start;max-width:1320px;margin:0 auto;gap:10px;}
#warehouseWork .task-strip-item {border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#637468;box-shadow:none;}
#warehouseWork .task-strip-item[aria-current=true] {color:#204d36;background:none;border-bottom-color:#204d36;}
#warehouseWork .work-signature {margin-top:16px;font-size:9px;}
@media(max-width:900px) {
 #warehouseWork .console-wrap {grid-template-columns:minmax(0,1fr);}
 #warehouseWork .voice-column {border-right:0;border-bottom:1px solid #e1e5df;}
 #warehouseWork #agentDesktop {min-height:420px;padding:22px;}
 #warehouseWork #taskStrip {overflow-x:auto;justify-content:flex-start;}
 .desktop-empty {min-height:270px;}
}
@media(max-width:500px) {
 .voice-heading {padding:22px 18px 0;}
 #warehouseWork #warehouseBriefTitle {font-size:27px;}
 #warehouseWork #agentDesktop {padding:20px 16px;}
 #agentDesktop .desktop-heading h2 {font-size:24px;}
 .desktop-tabs {gap:0;}
 .desktop-steps {font-size:10px;}
}
#warehouseWork:not([hidden]) {display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);align-items:center;}
#warehouseWork #warehouseBrief {grid-column:1;grid-row:1;margin:0;padding:22px 0;}
#warehouseWork #taskStrip {grid-column:2;grid-row:1;width:100%;gap:2px;flex-wrap:wrap;justify-content:flex-end;padding:16px 0;}
#warehouseWork .task-strip-item {font-size:12px;padding:12px 10px;}
#warehouseWork .console-wrap,#warehouseWork .work-signature {grid-column:1/-1;width:100%;box-sizing:border-box;}
.warehouse-toolbar .workspace-utilities {display:none;}
.warehouse-shell:has(#warehouseWork:not([hidden])) .workspace-utilities {display:flex;}
.warehouse-shell:has(#warehouseWork:not([hidden])) .workspace-utilities button {font-size:12px;padding:10px 14px;}
#agentDesktop .desktop-empty-symbol {width:220px;height:145px;background: url('/assets/workspace-parcel.svg') center/contain no-repeat;box-shadow:none;transform:none;border-radius:0;}
#warehouseWork .console-wrap header {padding-top:18px;}
@media(max-width:1100px) {
 #warehouseWork #warehouseBrief {grid-column:1/-1;grid-row:1;padding-bottom:4px;}
 #warehouseWork #taskStrip {grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-bottom:20px;}
}
@media(max-width:650px) {
 #warehouseWork:not([hidden]) {display:block;}
 .warehouse-shell:has(#warehouseWork:not([hidden])) .warehouse-toolbar {flex-wrap:wrap;gap:8px;}
 .warehouse-shell:has(#warehouseWork:not([hidden])) .workspace-utilities button {font-size:11px;padding:9px 10px;}
 #warehouseWork #warehouseBrief {padding:18px 0 8px;}
 #warehouseWork #taskStrip {justify-content:flex-start;}
}

/* Match the approved studio concept without altering lobby or voice behavior. */
.work-brand {display:none;}
.warehouse-shell:has(#warehouseWork:not([hidden])) {padding:0 32px 18px;background:#fafbf8;max-width:1680px;box-sizing:border-box;}
.warehouse-shell:has(#warehouseWork:not([hidden])) .warehouse-toolbar {height:64px;box-sizing:border-box;margin:0 0 8px;padding:0 16px;display:flex;gap:22px;border-color:#dfe3df;}
.warehouse-shell:has(#warehouseWork:not([hidden])) .work-brand {display:flex;margin-right:auto;white-space:nowrap;font-size:23px;}
.warehouse-shell:has(#warehouseWork:not([hidden])) #warehouseBack {border:0;background:none;padding:0;font-size:12px;}
.warehouse-shell:has(#warehouseWork:not([hidden])) #warehouseCrumb {font:12px system-ui;letter-spacing:.02em;margin-right:auto;}
.warehouse-shell:has(#warehouseWork:not([hidden])) #replayAreaIntro {font-size:13px;white-space:nowrap;}
.warehouse-shell:has(#warehouseWork:not([hidden])) .workspace-utilities button {border:0;border-left:1px solid #dfe3df;border-radius:0;background:transparent;padding-left:22px;font-size:13px;white-space:nowrap;}
#warehouseWork:not([hidden]) {display:grid;grid-template-columns:minmax(0, .45fr) minmax(0,.55fr);align-items:center;}
#warehouseWork #warehouseBrief {grid-column:1;grid-row:1;padding:20px 16px 24px;margin:0;}
#warehouseWork #warehouseBriefTitle {font-size:clamp(27px,3vw,44px);line-height:1.12;font-weight:650;letter-spacing:-.045em;margin:0 0 7px;}
#warehouseWork #warehouseBriefText {font-size:clamp(13px,1.3vw,19px);color:#51615c;}
#warehouseWork #taskStrip {grid-column:2;grid-row:1;padding:16px 10px;gap:14px;justify-content:flex-end;flex-wrap:nowrap;}
#warehouseWork .task-strip-item {font:500 clamp(10px,1.1vw,16px)/1.4 system-ui;padding:14px 8px;white-space:nowrap;}
#warehouseWork .console-wrap {max-width:none;grid-template-columns:minmax(0,.37fr) minmax(0,.63fr);border-radius:14px;border-color:#e0e5df;box-shadow:0 12px 35px #23382b06;}
#warehouseWork .voice-column {background:linear-gradient(130deg,#fff,#fcfdfc);}
.voice-heading {padding:26px 32px 0;}
.voice-heading small {font-size:11px;letter-spacing:.18em;}
#warehouseWork .voice-heading h2 {font-size:clamp(24px,2.2vw,34px);margin:10px 0 4px;font-weight:650;color:#10241c;}
.voice-heading p {font-size:clamp(13px,1.3vw,18px);color:#566861;}
#warehouseWork .console-wrap header,#warehouseWork header:has(#talkBtn.live) {padding:24px 30px 26px;gap:13px 8px;}
#warehouseWork #voiceOrbButton {width:176px;height:176px;}
#warehouseWork .console-wrap header #voiceOrbButton #orb {width:158px;height:158px;border:1px solid #ffffffd9;box-shadow:inset 0 0 18px #fff9,0 0 40px #c2e7fb45;background:radial-gradient(circle at 70% 20%,#d0f9ff 0%,transparent 50%),radial-gradient(circle at 30% 75%,#78b9f3,transparent 65%),#bde2f8;}
#warehouseWork #status {font-size:14px;}
#warehouseWork #talkBtn {margin:8px 0 0;min-width:245px;min-height:50px;font-size:17px;font-weight:550;box-shadow:0 5px 15px #204d3612;}
#warehouseWork .voice-credit {font-size:10px;margin-top:2px;opacity:.8;}
#warehouseWork #voiceSuggestions {margin:0 32px 24px;gap:0;padding-top:20px;}
#warehouseWork #voiceSuggestions>span {font-size:10px;margin-bottom:10px;}
#warehouseWork #voiceSuggestions q {font-size:clamp(14px,1.3vw,18px);border-radius:15px 15px 0 0;padding:15px 12px 5px;min-height:52px;}
.suggestion-dots {padding:8px 0 12px;background:#f3f6f2;border-radius:0 0 15px 15px;}
#warehouseWork #conversationDetails {margin:0 32px;padding-top:20px!important;}
#warehouseWork #log:has(.conversation-empty) {height:60px;}
#warehouseWork .conversation-empty {font-size:13px;line-height:1.5;}
#warehouseWork #agentDesktop {padding:26px 32px 18px;background:linear-gradient(145deg,#fff,#fafcf9);display:flex;flex-direction:column;min-height:680px;}
#agentDesktop .desktop-heading h2 {font-size:clamp(26px,2.6vw,40px);font-weight:650;letter-spacing:-.04em;}
.desktop-heading {margin-bottom:16px;}
.desktop-heading p {font-size:clamp(13px,1.3vw,18px);margin-top:5px;color:#566861;}
.desktop-badge {background:transparent;font-size:12px;font-weight:400;border-radius:12px;padding:5px 15px;}
.desktop-tabs {gap:8px;margin:0;}
.desktop-tabs button {display:flex;align-items:center;justify-content:center;gap:14px;font-size:15px;padding:17px 6px;}
.device-tab-icon {font-size:23px;font-weight:400;line-height:1;color:#193e2c;}
#agentDesktop .desktop-empty {flex:1;min-height:355px;padding:24px 0 18px;}
#agentDesktop .desktop-empty-symbol {background:url('/assets/workspace-parcel-studio.png') center/contain no-repeat;width:260px;height:180px;mix-blend-mode:multiply;}
#agentDesktop .desktop-empty h3 {font-size:clamp(22px,2vw,31px);font-weight:650;letter-spacing:-.04em;margin:12px 0 8px;}
.desktop-empty p {max-width:100%;font-size:clamp(13px,1.2vw,17px);color:#617168;}
.desktop-steps {display:flex;width:80%;max-width:480px;justify-content:space-between;margin-top:30px;position:relative;}
.desktop-steps:before {content:'';position:absolute;height:1px;top:21px;left:10%;right:10%;background:#dce1da;}
.desktop-steps>div {position:relative;display:grid;justify-items:center;gap:8px;min-width:70px;background:#fbfcf9;}
.desktop-steps span {display:grid;place-items:center;width:40px;height:40px;border:1px solid #d5ddd3;border-radius:50%;font-size:12px;color:#7a857a;}
.desktop-steps small {font:13px system-ui;color:#68776c;}
.desktop-contacts {margin-top:12px;padding:18px 20px;border-radius:12px;background:#ffffffb3;}
.desktop-contacts summary {font-size:14px;list-style:none;display:flex;justify-content:space-between;}
.desktop-contacts summary:after {content:'↗';color:#63806c;}
.desktop-footnote {font-size:9px;border:0;padding:0;margin:12px 0 0;text-align:center;color:#849085;}
#warehouseWork .work-signature {margin:12px 0 0;letter-spacing:.04em;text-transform:none;font:10px system-ui;}
@media(max-width:1150px) {
 .warehouse-shell:has(#warehouseWork:not([hidden])) {padding:0 20px 20px;}
 .warehouse-shell:has(#warehouseWork:not([hidden])) .warehouse-toolbar {gap:14px;padding:0;}
 .warehouse-shell:has(#warehouseWork:not([hidden])) #warehouseCrumb {display:none;}
 #warehouseWork #taskStrip {gap:2px;}
 .voice-heading {padding:24px 24px 0;}
 #warehouseWork #agentDesktop {padding:24px;}
 #warehouseWork #voiceSuggestions,#warehouseWork #conversationDetails {margin-left:24px;margin-right:24px;}
 #warehouseWork #talkBtn {min-width:210px;}
}
@media(max-width:760px) {
 #warehouseWork:not([hidden]) {display:flex;flex-direction:column;align-items:stretch;}
 #warehouseWork #warehouseBrief {order:0;padding:20px 0 8px;}
 #warehouseWork #taskStrip {order:1;justify-content:flex-start;flex-wrap:wrap;padding:0 0 18px;}
 #warehouseWork .console-wrap {order:2;grid-template-columns:1fr;}
 #warehouseWork .work-signature {order:3;}
 .warehouse-shell:has(#warehouseWork:not([hidden])) .warehouse-toolbar {height:auto;min-height:65px;flex-wrap:wrap;padding:12px 0;gap:12px;}
 .warehouse-shell:has(#warehouseWork:not([hidden])) .work-brand {font-size:19px;}
 .warehouse-shell:has(#warehouseWork:not([hidden])) #warehouseBack {font-size:11px;}
 .warehouse-shell:has(#warehouseWork:not([hidden])) .workspace-utilities button {padding-left:10px;font-size:11px;}
 .warehouse-shell:has(#warehouseWork:not([hidden])) #replayAreaIntro {font-size:11px;}
 #warehouseWork .voice-column {border-right:0;}
 #warehouseWork #agentDesktop {min-height:550px;}
 .desktop-tabs button {font-size:12px;gap:7px;}
 #warehouseWork #voiceOrbButton {height:155px;}
}
/* Approved receipt review and conversation treatment; values remain tool-driven. */
.device-tab-icon svg {width:22px;height:22px;display:block;}
#warehouseWork #agentDesktop {background:#fdfefd;}
#warehouseWork .console-wrap {grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);}
#warehouseWork #log {height:260px;max-height:400px;display:flex;flex-direction:column;gap:20px;overflow:auto;}
#warehouseWork #log .msg.user,#warehouseWork #log .msg.agent {position:relative;opacity:1;margin:0 0 0 48px;padding:12px 15px;background:#f0f4ec;border:0;border-radius:16px;font:15px/1.5 system-ui;color:#193b2a;letter-spacing:-.015em;white-space:pre-wrap;}
#warehouseWork #log .msg.agent {background:#eaf3ff;color:#18334a;}
#warehouseWork #log .msg .who {font:500 11px system-ui;letter-spacing:0;color:#58715d;margin-bottom:6px;}
#warehouseWork #log .msg.user:before,#warehouseWork #log .msg.agent:before {content:'';position:absolute;left:-47px;top:2px;width:35px;height:35px;border-radius:50%;border:1px solid #e0e5dc;background:#edf3eb;}
#warehouseWork #log .msg.user:before {background:#f2eadf url('/assets/worker-3d.webp') 50% 6%/115% auto no-repeat;}
#warehouseWork #log .msg.agent:before {content:'↗';display:grid;place-items:center;color:#245039;font-size:22px;}
#agentDesktop .receipt-draft {border:1px solid #e4e6e1;border-radius:16px;background:#fff;padding:26px;}
.receipt-draft .erp-toolbar {display:none;}
.receipt-kicker {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.receipt-kicker .document-kicker {font:10px system-ui;letter-spacing:.17em;}
.receipt-kicker .desktop-badge {color:#a54b16;background:#fff8ed;border-color:#eab387;font-size:11px;}
.receipt-material {display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:125px;}
#agentDesktop .receipt-material h3 {font-size:clamp(29px,3vw,44px);font-weight:650;letter-spacing:-.045em;margin:15px 0 2px;}
.receipt-material p {font-size:17px;color:#69766b;margin:0 0 18px;}
.material-illustration {width:32%;max-height:130px;object-fit:contain;mix-blend-mode:multiply;}
.receipt-draft .desktop-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.receipt-draft .desktop-fields>div {display:block;background:linear-gradient(135deg,#f8f9f6,#f2f5f0);border:1px solid #f0f2ed;border-radius:12px;padding:16px;}
.receipt-draft .desktop-fields dt {font-size:12px;margin-bottom:10px;}
.receipt-draft .desktop-fields dd {font-size:clamp(18px,1.9vw,28px);font-weight:600;letter-spacing:-.03em;}
.receipt-context {font:11px system-ui;color:#7a877c;margin:12px 0;}
.receipt-draft .desktop-notice {background:#fff9f1;border-color:#f1e4d3;color:#5b4934;font-size:14px;padding:18px;margin-top:18px;}
.receipt-steps {margin:24px auto 0;}
.receipt-steps>div {background:white;}
.receipt-steps .active span {background:#d96220;color:white;border-color:#d96220;}
.receipt-steps .active small {color:#b4511d;}
#agentDesktop:has(.receipt-draft)>.desktop-status {display:none;}
@media(max-width:760px) {
 #warehouseWork .console-wrap {grid-template-columns:1fr;}
 #agentDesktop .receipt-draft {padding:18px 14px;}
 .receipt-draft .desktop-fields {gap:7px;}
 .receipt-draft .desktop-fields>div {padding:12px 8px;}
 .receipt-draft .desktop-fields dt {font-size:10px;}
 .receipt-draft .desktop-fields dd {font-size:17px;}
}
#warehouseWork .console-wrap #conversationDetails {margin:0 32px;padding:20px 0!important;}
#warehouseWork #log .msg.user:before {background-size:280% auto;background-position:50% 4%;}
#warehouseWork #log .who {text-transform:none;}
.warehouse-shell:has(#warehouseWork:not([hidden])) .work-brand {color:#123c2c;}
.warehouse-shell:has(#warehouseWork:not([hidden])) .work-brand .brand-mark {color:white;font-size:25px;}
#agentDesktop .receipt-steps {margin-top:20px;}
#agentDesktop:has(.receipt-draft) .desktop-device {padding-bottom:4px;}
@media(max-width:760px){#warehouseWork .console-wrap #conversationDetails {margin:0 24px;}}

/* Desktop workstation fits the viewport; only long transcripts/results scroll. */
@media(min-width:761px) and (min-height:600px) {
 .warehouse-shell:has(#warehouseWork:not([hidden])) {height:100dvh;min-height:0;padding:0 24px 10px;display:flex;flex-direction:column;overflow:hidden;}
 .warehouse-shell:has(#warehouseWork:not([hidden])) .warehouse-toolbar {height:54px;min-height:54px;margin:0;flex-shrink:0;}
 #warehouseWork:not([hidden]) {flex:1;min-height:0;grid-template-rows:92px minmax(0,1fr) 24px;}
 #warehouseWork #warehouseBrief {padding:12px 12px;}
 #warehouseWork #warehouseBriefTitle {font-size:clamp(25px,2.5vw,36px);}
 #warehouseWork #warehouseBriefText {font-size:14px;}
 #warehouseWork #taskStrip {padding:8px 0;}
 #warehouseWork .console-wrap {height:100%;min-height:0;}
 #warehouseWork .voice-column {min-height:0;display:flex;flex-direction:column;overflow:auto;}
 .voice-heading {padding:18px 24px 0;flex-shrink:0;}
 #warehouseWork .voice-heading h2 {font-size:26px;margin:6px 0 3px;}
 .voice-heading p {font-size:14px;}
 #warehouseWork .console-wrap header,#warehouseWork header:has(#talkBtn.live) {padding:10px 24px 14px;gap:7px 8px;flex-shrink:0;}
 #warehouseWork #voiceOrbButton {width:120px;height:120px;}
 #warehouseWork .console-wrap header #voiceOrbButton #orb {width:110px;height:110px;}
 #warehouseWork #talkBtn {min-height:42px;min-width:210px;font-size:15px;padding:10px 20px;margin-top:3px;}
 #warehouseWork #voiceSuggestions {margin:0 24px 12px;padding-top:12px;flex-shrink:0;}
 #warehouseWork #voiceSuggestions>span {margin-bottom:6px;}
 #warehouseWork #voiceSuggestions q {min-height:38px;padding:8px 10px 2px;font-size:14px;}
 .suggestion-dots {padding:6px 0 8px;}
 #warehouseWork .console-wrap #conversationDetails {min-height:60px;flex:1;display:flex;flex-direction:column;margin:0 24px;padding:12px 0!important;overflow:hidden;}
 #warehouseWork #log,#warehouseWork #log:has(.conversation-empty) {height:auto;min-height:0;max-height:none;flex:1;padding:10px 0;gap:14px;overflow:auto;}
 #warehouseWork .console-wrap>main,#warehouseWork .console-wrap main>.right {min-height:0;overflow:hidden;}
 #warehouseWork #agentDesktop {height:100%;min-height:0;overflow:auto;padding:20px 24px 12px;}
 #agentDesktop .desktop-heading h2 {font-size:30px;}
 .desktop-heading {margin-bottom:8px;}
 .desktop-heading p {font-size:14px;}
 .desktop-tabs button {padding:12px 6px;font-size:13px;}
 #agentDesktop .desktop-empty {min-height:170px;padding:8px 0;}
 #agentDesktop .desktop-empty-symbol {height:clamp(85px,16vh,155px);width:210px;}
 #agentDesktop .desktop-empty h3 {font-size:25px;margin:8px 0 5px;}
 .desktop-empty p {font-size:14px;}
 .desktop-steps {margin-top:16px;}
 .desktop-steps span {width:32px;height:32px;}
 .desktop-steps:before {top:17px;}
 .desktop-steps small {font-size:11px;}
 .desktop-contacts {margin-top:10px;padding:12px 16px;}
 .desktop-footnote {margin-top:8px;font-size:9px;}
 #warehouseWork .work-signature {margin:6px 0 0;}
 #agentDesktop .receipt-draft {padding:18px;}
 .receipt-material {min-height:90px;}
 #agentDesktop .receipt-material h3 {font-size:32px;}
 .material-illustration {max-height:90px;}
 .receipt-draft .desktop-fields>div {padding:12px;}
 .receipt-draft .desktop-fields dd {font-size:23px;}
 .receipt-draft .desktop-notice {padding:12px;margin-top:12px;font-size:13px;}
}

/* Distinct roles: a blue conversation surface beside a white work canvas. */
#warehouseWork .voice-column {background:linear-gradient(155deg,#eaf5fb 0%,#f1f7fa 60%,#f7fafc 100%);border-right-color:#dce7eb;}
#warehouseWork .voice-heading h2 {font-size:24px;letter-spacing:-.035em;}
#warehouseWork .voice-heading small {color:#6f8998;}
#warehouseWork #voiceSuggestions q,.suggestion-dots {background:#ffffffa6;}
#warehouseWork .console-wrap #conversationDetails,#warehouseWork #voiceSuggestions {border-top-color:#dce8ee;}
#warehouseWork #agentDesktop {background:#fff;}
#agentDesktop .desktop-heading {align-items:center;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid #edf0eb;}
#agentDesktop .desktop-heading h2 {font-size:19px;font-weight:600;letter-spacing:-.025em;}
#agentDesktop .desktop-heading p {font-size:11px;margin-top:4px;color:#869187;}
#agentDesktop .desktop-heading .desktop-badge {font-size:10px;padding:4px 10px;border-radius:8px;}
#agentDesktop .desktop-tabs {background:#fafbf9;border:1px solid #edf0eb;border-radius:10px;padding:0 6px;flex-shrink:0;}
#agentDesktop .desktop-tabs button {font-size:12px;padding:12px 6px;}
#agentDesktop .device-tab-icon svg {width:18px;height:18px;}
#agentDesktop .desktop-empty {align-items:flex-start;justify-content:flex-start;text-align:left;padding:32px 12px;min-height:120px;flex:1;}
#agentDesktop .desktop-empty h3 {font:500 17px/1.4 system-ui;letter-spacing:-.015em;margin:0 0 7px;color:#6a786e;}
#agentDesktop .desktop-empty p {font-size:13px;max-width:370px;color:#8a958d;}
#agentDesktop .desktop-device {margin-top:18px;}
#agentDesktop .desktop-contacts {background:#fff;}
@media(max-width:760px) {
 #warehouseWork .voice-column {border-right:0;border-bottom:1px solid #dce7eb;}
}

/* Let the voice panel's blue background continue through suggestions. */
#warehouseWork #voiceSuggestions>span {color:#49758f;}
#warehouseWork #voiceSuggestions q {background:transparent;color:#294f68;}
#warehouseWork #voiceSuggestions .suggestion-dots {display:none;}
#warehouseWork #voiceSuggestions q {border-radius:15px;padding:15px 12px;}

/* The orb is the single visible session control. */
#warehouseWork #talkBtn {display:none;}
#warehouseWork #orbHint {display:block;color:#49758f;font-size:12px;}

/* Record first. The empty workspace lists the last documents with the sentence
   behind each one a click away; the saved card says what the stock was and
   what it is now, and why the document exists. */
.desktop-recent {display:flex;flex-direction:column;gap:0;margin:6px 0 0;}
.desktop-recent>small {font:10px var(--mono);letter-spacing:.12em;color:#71806f;margin-bottom:6px;}
.recent-row {display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e8ebe3;font-size:13px;min-width:0;}
.recent-number {font:13px var(--mono);color:#253b2c;flex-shrink:0;}
.recent-type {font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;background:#edf1e8;color:#4d674f;flex-shrink:0;}
.recent-what {color:#52634e;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.recent-why {border:0;background:none;padding:0;font:600 12px system-ui;color:#244b35;cursor:pointer;flex-shrink:0;}
.recent-why:disabled {color:#9aa697;cursor:default;}
.recent-reason {margin:0;padding:8px 0 10px 12px;border-bottom:1px solid #e8ebe3;font-size:12px;color:#2f5e44;overflow-wrap:anywhere;}
.record-stock {margin:12px 0 0;font-size:14px;font-weight:600;color:#253b2c;}
.record-why {margin:12px 0 0;padding:10px 12px;background:#e9f1e4;border:1px solid #cdddc4;border-radius:12px;display:flex;flex-direction:column;gap:4px;}
.record-why small {font:9px var(--mono);letter-spacing:.12em;color:#466642;}
.record-why p {margin:0;font-size:12px;color:#2f5e44;overflow-wrap:anywhere;}
.desktop-reach {margin:14px 0 0;padding-top:12px;border-top:1px solid #e0e5da;font:10px/1.7 var(--mono);letter-spacing:.06em;color:#8b927f;overflow-wrap:anywhere;}
#agentDesktop .desktop-empty {min-height:0;padding:20px 0 6px;flex:0 0 auto;}