:root{--ink:#13294b;--muted:#64748b;--line:#e5eaf2;--bg:#f5f7fb;--blue:#315be8;--yellow:#fff7c9;--green:#dcf7e7;--red:#fee5e6}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.45 Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}header{height:68px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#142b50;color:white}header b{letter-spacing:.08em}header span{margin-left:18px;color:#bcd0f8;font-size:13px}select,input,textarea,button{font:inherit}header select{margin-left:8px;padding:7px;border-radius:7px;border:0}main{max-width:1420px;margin:auto;padding:30px 4vw 55px}.hero{display:flex;justify-content:space-between;align-items:center;margin:5px 0 25px}.hero h1{margin:4px 0;font-size:31px}.hero p{color:var(--muted);margin:5px 0}.eyebrow{font-weight:700;color:var(--blue)!important;font-size:12px;letter-spacing:.1em}.metric{background:white;border:1px solid var(--line);padding:14px 22px;border-radius:12px;min-width:130px}.metric small{color:var(--muted);display:block}.metric strong{font-size:19px}.card{background:#fff;border:1px solid var(--line);box-shadow:0 5px 18px #172a5110;border-radius:16px;margin-top:20px;padding:21px}.section-title{display:flex;justify-content:space-between;align-items:start}.section-title h2{margin:0;font-size:20px}.section-title p{color:var(--muted);margin:4px 0 16px}.jobs{display:grid;gap:11px}.job{border:1px solid var(--line);border-radius:11px;padding:14px 15px;display:grid;grid-template-columns:110px 1fr 120px 135px 145px;gap:14px;align-items:center}.job strong{font-size:17px}.job .muted{font-size:13px;color:var(--muted)}.badge{display:inline-block;border-radius:99px;padding:4px 9px;font-size:12px;font-weight:700}.unchecked{background:var(--red);color:#b52f35}.checked{background:var(--green);color:#176f40}.progress{font-weight:700;color:var(--blue)}.primary{border:0;border-radius:8px;background:var(--blue);color:white;font-weight:700;padding:9px 11px;cursor:pointer}.primary:disabled{background:#aeb6c8;cursor:not-allowed}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid var(--line)}tr.plan{background:var(--yellow)}tr.finished{background:#fff}tr.clickable{cursor:pointer}.status{font-weight:700;font-size:13px}dialog{border:0;border-radius:16px;box-shadow:0 18px 70px #10213c66;width:min(690px,94vw);padding:0;color:var(--ink)}dialog::backdrop{background:#1526428c}#modal-form{padding:26px;position:relative}.close{position:absolute;right:15px;top:11px;border:0;background:none;font-size:28px;cursor:pointer}.modal-title{margin:0 0 3px}.modal-subtitle{margin:0 0 21px;color:var(--muted)}.warning{padding:12px;background:#fff2d9;border-radius:8px;color:#855614}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid label,.field{display:block;font-size:13px;font-weight:700}.grid input,.grid textarea,.grid select,.field select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:7px;margin-top:5px;background:white}.grid textarea{min-height:70px}.locked{background:#f4f6f9;color:#64748b}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.secondary{border:1px solid #cbd5e1;background:white;border-radius:8px;padding:9px 11px;cursor:pointer}.machine-card{border:1px solid var(--line);border-radius:12px;padding:18px;margin:16px 0;background:#fcfdff}.machine-card legend{font-size:16px;font-weight:800;padding:0 8px}.machine-card h4{font-size:14px;margin:19px 0 9px}.formula-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.drawer-dialog{width:min(880px,96vw);max-height:94vh;border-radius:18px}.drawer-dialog #modal-form{max-height:94vh;overflow:auto;padding:28px 30px}.job-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 0 18px;border-bottom:1px solid var(--line)}.job-summary small{display:block;color:var(--muted)}.job-summary b{font-size:16px}.step-box{background:#fff2d9;color:#855614;padding:15px 17px;border-radius:10px;margin:18px 0}.signature{display:none;background:#dcf7e7;color:#176f40;padding:10px 12px;border-radius:8px;margin-top:14px;font-weight:700}@media(max-width:760px){header{padding:0 15px}.hero{align-items:start;gap:15px}.job{grid-template-columns:1fr 1fr}.job button{grid-column:span 2}.hero h1{font-size:24px}.job-summary,.formula-grid{grid-template-columns:1fr 1fr}.drawer-dialog #modal-form{padding:22px 16px}}
 .workspace-nav{position:fixed;z-index:10;top:68px;bottom:0;left:0;width:242px;padding:23px 14px;background:#142b50;color:#dbe7ff;box-shadow:3px 0 16px #0c1d381c}.nav-brand{padding:0 12px 24px;color:#fff;font-size:18px;font-weight:850;letter-spacing:.07em}.nav-brand span{color:#9ab8ff}.nav-caption{padding:0 12px 9px;color:#89a4d5;font-size:10px;font-weight:800;letter-spacing:.12em}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:9px;padding:11px 12px;margin:3px 0;background:transparent;color:#e5edff;font:inherit;text-align:left;cursor:pointer}.nav-item i{font-style:normal;color:#9ab8ff;font-size:18px;width:18px;text-align:center}.nav-item:hover{background:#23436f}.nav-item.active{background:#315be8;color:#fff;font-weight:750;box-shadow:0 5px 12px #10235955}.nav-item.active i{color:#fff}.nav-soon{margin-top:28px}.nav-disabled{padding:9px 12px;color:#7890bd;font-size:13px}.workspace-hidden{display:none!important}body>main{margin-left:242px;max-width:calc(1420px + 242px)}@media(max-width:900px){.workspace-nav{position:static;width:auto;display:flex;align-items:center;gap:5px;padding:8px 14px}.nav-brand,.nav-caption,.nav-disabled{display:none}.nav-item{width:auto;margin:0;padding:8px 10px;font-size:13px}body>main{margin-left:0;max-width:1420px}.nav-item i{display:none}}@media(max-width:560px){.workspace-nav{overflow:auto}.nav-item{white-space:nowrap;font-size:12px}}
body{padding-top:68px}body>header{position:fixed;z-index:30;top:0;right:0;left:0;width:100%;box-shadow:0 2px 10px #10213c22}.workspace-nav{top:68px}

/* Formula rows in the technical card use the same vertical field rhythm as
   the main card grid.  Without this, native select widths make the main
   extruder row look detached from SUB 1 and SUB 2. */
.machine-card .formula-grid{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:14px;max-width:760px;align-items:end}
.machine-card .formula-grid label{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.machine-card .formula-grid input,.machine-card .formula-grid select{display:block;width:100%;height:42px;margin-top:6px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--ink)}
.machine-card .formula-grid input:focus,.machine-card .formula-grid select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #315be81a}
@media(max-width:560px){.machine-card .formula-grid{grid-template-columns:1fr}}

.order-item{display:flex;flex-direction:column;gap:4px}.order-item+.order-item{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.order-progress{font-size:12px;color:var(--muted)}.order-progress.complete{color:#157347;font-weight:700}.order-progress.waiting{color:#a26712;font-weight:700}.create-production{align-self:flex-start;padding:5px 9px;font-size:12px;line-height:1.2;color:var(--blue);border-color:#b9c8ff}.orders-table td{vertical-align:middle}

.finished-goods{margin:0 0 24px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#fbfdff}.finished-goods h3{margin:0 0 3px;font-size:20px}.finished-goods p{margin:0 0 14px}.finished-table{min-width:980px}.finished-badge{display:inline-block;padding:4px 8px;border-radius:99px;font-size:12px;font-weight:750;white-space:nowrap}.finished-badge.full{color:#176f40;background:var(--green)}.finished-badge.partial{color:#995b0a;background:#fff1d7}.finished-full td{background:#fbfffc}.finished-partial td{background:#fffdf8}.pallet-rules{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pallet-rules span{font-size:12px;color:var(--muted);background:#f2f6fc;border:1px solid #dde6f2;border-radius:7px;padding:5px 8px}.sku-list{line-height:1.8;word-break:break-word}

.production-report-card{margin-top:20px;overflow:hidden}.production-report-title{align-items:flex-start}.report-total{min-width:132px;padding:12px 16px;border:1px solid #d8e4f2;border-radius:10px;background:#f8fbff}.report-total small{display:block;color:var(--muted)}.report-total b{font-size:20px}.report-filters{display:flex;gap:10px;align-items:end;margin:18px 0}.report-filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700}.report-filters input{height:38px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.report-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:100%}.report-grid section{min-width:0;border:1px solid var(--line);border-radius:10px;padding:14px;background:#fcfdff;overflow:hidden}.report-grid .table-wrap{overflow-x:auto}.report-grid table{min-width:0;width:100%;table-layout:auto}.report-grid th,.report-grid td{padding:10px 14px;white-space:nowrap}.report-grid th:first-child,.report-grid td:first-child{width:30%;white-space:normal}.report-grid h3{font-size:15px;margin:0 0 8px}.report-note{margin:13px 0 0;font-size:13px}@media(max-width:760px){.report-filters{flex-wrap:wrap}.production-report-title{gap:12px}.report-total{min-width:110px}.report-grid th,.report-grid td{padding:9px 8px;font-size:13px}}

.reels-card{overflow:hidden}.reel-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 20px}.reel-summary>div{padding:13px 16px;border:1px solid #dce6f3;border-radius:10px;background:#f8fbff}.reel-summary small{display:block;color:var(--muted);font-size:12px}.reel-summary b{display:block;margin-top:3px;font-size:20px}.reel-table-card{margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fcfdff}.reel-table-card h3{margin:0 0 8px;font-size:16px}.reel-table{min-width:720px}.reel-operation{display:inline-block;border-radius:99px;padding:4px 8px;font-size:12px;font-weight:750;white-space:nowrap}.reel-operation.out{color:#1f5cbd;background:#e7efff}.reel-operation.return{color:#176f40;background:var(--green)}@media(max-width:650px){.reel-summary{grid-template-columns:1fr}.reel-table-card{padding:11px}}
.reel-summary.reel-summary-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}@media(max-width:650px){.reel-summary.reel-summary-two{grid-template-columns:1fr}}

.reserve-stock{align-self:flex-start;padding:5px 9px;font-size:12px;color:var(--blue);border-color:#b9c8ff}.reserve-summary{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;padding:11px 13px;border:1px solid #d8e4f2;border-radius:9px;background:#f8fbff}.reserve-list{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fcfdff}.reserve-coil{display:flex;gap:11px;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line);cursor:pointer}.reserve-coil:last-child{border-bottom:0}.reserve-coil:hover,.reserve-coil.selected{background:#eef4ff}.reserve-coil input{width:17px;height:17px;accent-color:var(--blue)}.reserve-coil span{display:flex;flex-direction:column;gap:2px}.reserve-coil small{color:var(--muted)}
.handoff-stage{display:block;margin-top:6px;max-width:190px;padding:4px 7px;border-radius:7px;font-size:11px;font-weight:700;line-height:1.25}.handoff-stage.is-waiting{color:#93610e;background:#fff4d9}.handoff-stage.is-work{color:#315be8;background:#eaf0ff}.handoff-stage.is-ready{color:#176f40;background:#e4f7ea}
.finished-stock-card{margin-top:20px}.finished-stock-card .finished-goods{margin:4px 0 0;border:0;padding:0;background:transparent}.finished-stock-card .finished-goods-heading{display:none}.raw-inventory-card{margin-top:20px}
/* Tasks use the same compact information rhythm as the finance dashboard. */
.tasks-card .section-title{margin-bottom:4px}.task-summary{display:flex;align-items:center;gap:10px;margin:16px 0 14px}.task-summary span{display:inline-flex;gap:5px;align-items:center;padding:7px 11px;border:1px solid #d9e4f2;border-radius:8px;background:#f8fbff;color:#567094;font-size:13px}.task-summary span b{color:var(--ink);font-size:15px}.task-summary .danger-text{border-color:#fecaca;background:#fff7f7;color:#b33a3a}.task-summary .danger-text b{color:#b33a3a}.task-overdue td{background:#fffafb}.tasks-card .inventory-table{min-width:760px}.tasks-card td{vertical-align:middle}.tasks-card td small{color:var(--muted)}@media(max-width:650px){.task-summary{flex-wrap:wrap}.tasks-card .section-title{gap:12px}.tasks-card .section-title .primary{white-space:nowrap}}
.task-reminders{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0;padding:12px 14px;border:1px solid #fecaca;border-left:4px solid #e45757;border-radius:10px;background:#fff9f9}.task-reminders>div{display:flex;flex-direction:column;gap:1px;margin-right:4px}.task-reminders>div span{color:#9d5656;font-size:12px}.task-reminder{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #f0c7c7;border-radius:7px;background:white;color:var(--ink);cursor:pointer}.task-reminder:hover{border-color:#e45757}.task-reminder em{font-style:normal;color:#c53e3e;font-size:12px;font-weight:700}
.task-notification{margin-left:auto;margin-right:16px;padding:7px 11px;border:1px solid transparent;border-radius:8px;background:#eef3ff;color:#315be8;font-weight:700;cursor:pointer}.task-notification span{display:inline-flex;width:17px;height:17px;align-items:center;justify-content:center;border-radius:99px;background:currentColor;color:#fff;font-size:12px}.task-notification.is-late{background:#fff1f1;border-color:#fecaca;color:#c83d3d}.task-notification.is-today{background:#fff7e6;border-color:#f7d58c;color:#a66408}.task-notification.is-clear{background:transparent;color:#b9caf0;font-weight:500;cursor:pointer}@media(max-width:800px){.task-notification{margin:0 8px 0 auto;font-size:12px}header span{display:none}.task-notification.is-clear{display:none}}
.order-messages{display:block;margin-top:8px;padding:5px 8px;color:var(--blue);border-color:#c9d7ff;font-size:12px}.order-message{display:block;width:100%;min-height:150px;margin:8px 0 10px;padding:11px 12px;border:1px solid #d7e0ef;border-radius:8px;background:#fbfdff;color:var(--ink);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif;resize:vertical}.coil-section h3{margin-top:0}
.order-discussion{display:grid;gap:10px;max-height:330px;overflow-y:auto;margin:18px 0;padding:4px}.order-discussion-message{padding:12px 14px;border:1px solid #dbe4f2;border-left:4px solid #6b7a90;border-radius:10px;background:#fff}.order-discussion-message.topic-производство{border-left-color:#315cf4}.order-discussion-message.topic-логистика{border-left-color:#e6982c}.order-discussion-message.topic-документы{border-left-color:#21a66d}.order-discussion-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.order-discussion-meta span{padding:3px 7px;border-radius:999px;background:#eef3ff;color:#315cf4;font-weight:700}.order-discussion-meta time{margin-left:auto;color:#7486a2;font-size:12px}.order-discussion-message p{margin:8px 0 0;color:#1f3556;line-height:1.45}.empty-discussion{margin:0;padding:22px;text-align:center;color:#7588a4;border:1px dashed #c9d6e8;border-radius:10px}.order-discussion-compose{display:grid;gap:12px;padding:16px;border:1px solid #dbe4f2;border-radius:12px;background:#f8fbff}.order-discussion-compose label{display:grid;gap:6px;font-weight:700;color:#16345c}.order-discussion-compose textarea{min-height:88px;resize:vertical}.field-error{min-height:16px;color:#d64747;font-weight:600}.is-invalid{border-color:#d64747!important;background:#fff7f7!important}
.report-filters select{height:38px;min-width:180px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}
.workspace-nav{padding:12px 12px;overflow-y:auto;scrollbar-width:thin}.nav-brand{padding:0 8px 13px;font-size:16px}.nav-caption{padding:0 8px 6px}.nav-caption-first{margin-top:0}.nav-item{gap:9px;padding:8px 10px;margin:2px 0;line-height:1.25}.nav-item i{font-size:16px}.nav-soon{margin-top:14px}.nav-disabled{padding:7px 10px;line-height:1.25}
.order-discussions-card{max-width:980px}.discussion-count{display:grid;place-items:center;min-width:31px;height:31px;border-radius:50%;background:#315be8;color:#fff;font-weight:800}.discussion-list{display:grid;margin-top:12px;border-top:1px solid #e4eaf2}.discussion-row{display:grid;grid-template-columns:42px minmax(0,1fr) 146px;gap:12px;align-items:center;width:100%;padding:14px 8px;border:0;border-bottom:1px solid #e4eaf2;background:transparent;text-align:left;color:var(--ink);cursor:pointer}.discussion-row:hover{background:#f5f8ff}.discussion-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dce8ff;color:#315be8;font-weight:800}.discussion-main{display:grid;gap:2px;min-width:0}.discussion-main>b{font-size:15px}.discussion-main>span,.discussion-main p{overflow:hidden;margin:0;color:#71839e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.discussion-main p{margin-top:2px;color:#415775}.discussion-side{display:grid;justify-items:end;gap:3px}.discussion-side em{padding:3px 7px;border-radius:999px;background:#eef3ff;color:#315be8;font-size:11px;font-style:normal;font-weight:700}.discussion-side time,.discussion-side small{color:#8291a9;font-size:11px}.discussion-side small{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#edf1f7;color:#48617f;font-weight:700}@media(max-width:650px){.discussion-row{grid-template-columns:38px minmax(0,1fr)}.discussion-side{display:none}}
.discussion-unread,.nav-unread{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#e34b54;color:#fff;font-size:11px;font-style:normal;font-weight:800}.discussion-side .discussion-unread{margin-top:2px}.nav-unread{margin-left:auto}
.order-discussion{max-height:390px;padding:14px;background:#eef4fb;border:1px solid #d8e3f0;border-radius:14px}.order-discussion-message{position:relative;max-width:78%;border:0;border-radius:14px;padding:10px 12px;box-shadow:0 1px 1px #263b5c16}.order-discussion-message.is-own{justify-self:end;background:#d9fdd3;border-bottom-right-radius:4px}.order-discussion-message.is-other{justify-self:start;background:#fff;border-bottom-left-radius:4px}.order-discussion-message.is-own:after,.order-discussion-message.is-other:after{position:absolute;bottom:0;width:10px;height:12px;content:""}.order-discussion-message.is-own:after{right:-6px;background:linear-gradient(135deg,#d9fdd3 50%,transparent 51%)}.order-discussion-message.is-other:after{left:-6px;background:linear-gradient(225deg,#fff 50%,transparent 51%)}.order-discussion-message p{margin:5px 0 0}.order-discussion-meta{gap:7px}.order-discussion-meta b{font-size:13px;color:#15365f}.order-discussion-meta span{padding:2px 6px;font-size:11px;background:#edf1ff}.order-discussion-meta time{font-size:11px;white-space:nowrap}.order-discussion-compose{gap:10px;margin-top:14px;padding:12px;background:#fff;border-radius:14px}.order-discussion-compose textarea{min-height:72px;border:1px solid #cbd8e8;border-radius:10px;padding:10px 12px}.order-discussion-compose .actions{margin-top:2px}.field-error:empty{display:none}.field-error:not(:empty){display:block;margin-top:2px;color:#d64747}
.chat-files{display:grid;gap:6px;margin-top:9px}.chat-file{display:inline-flex;align-items:center;width:max-content;max-width:100%;gap:5px;padding:6px 8px;border-radius:8px;background:#f0f5ff;color:#1f55c8;font-size:12px;font-weight:700;line-height:1.25;text-decoration:none;overflow-wrap:anywhere}.is-own .chat-file{background:#c7f4c2;color:#17683a}.chat-file:hover{text-decoration:underline}.chat-attach{display:flex!important;align-items:center;gap:9px;padding:9px 11px;border:1px dashed #b8c9e2;border-radius:10px;background:#f8fbff;cursor:pointer}.chat-attach input{max-width:210px;font-weight:400}.chat-attach small{font-weight:400;color:#7284a0}.chat-file-list{min-height:0;color:#59708f;font-size:12px;overflow-wrap:anywhere}
.order-discussion-message.is-system{justify-self:stretch;max-width:none;padding:9px 12px;border:1px dashed #cbd8ea;border-radius:10px;background:#f7faff;box-shadow:none}.order-discussion-message.is-system:after{display:none}.order-discussion-message.is-system .order-discussion-meta span{background:#e8eef7;color:#60738f}.chat-reply{display:block;margin:7px -2px -3px auto;padding:2px 4px;border:0;background:transparent;color:#5272b6;font-size:11px;font-weight:700;cursor:pointer}.chat-reply:hover{text-decoration:underline}.chat-quote{display:grid;gap:2px;margin:7px 0 4px;padding:6px 8px;border-left:3px solid #82a2e9;border-radius:5px;background:#f0f5fd;color:#60728d;font-size:12px}.is-own .chat-quote{background:#c8efc3;border-left-color:#4ca95d}.chat-quote b{color:#2d579c;font-size:11px}.chat-quote span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-reply-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-left:3px solid #315be8;border-radius:8px;background:#edf3ff;color:#294c84;font-size:12px}.chat-reply-banner span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-reply-banner button{border:0;background:transparent;color:#54709c;font-size:20px;line-height:1;cursor:pointer}.chat-quick{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#667c9d;font-size:12px}.chat-quick button{padding:4px 7px;border:1px solid #d3deef;border-radius:999px;background:#f7faff;color:#315be8;font-size:11px;cursor:pointer}.chat-quick button:hover{border-color:#8faaf0;background:#edf3ff}
#chat-launcher{position:fixed;z-index:45;right:22px;bottom:22px;display:flex;align-items:center;gap:7px;padding:12px 16px;border:0;border-radius:999px;background:#315be8;color:#fff;font:700 14px Inter,Segoe UI,Arial,sans-serif;box-shadow:0 10px 26px #173b9170;cursor:pointer}.chat-launcher:hover,#chat-launcher:hover{background:#244bd2;transform:translateY(-1px)}#chat-launcher b{display:none;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#e54f59;color:#fff;font-size:11px}#chat-launcher.has-unread b{display:grid}.chat-drawer{position:fixed;z-index:44;right:18px;bottom:78px;display:none;width:min(900px,calc(100vw - 32px));height:min(660px,calc(100vh - 105px));border:1px solid #cbd9eb;border-radius:18px;background:#fff;box-shadow:0 18px 46px #16294c40;overflow:hidden}.chat-drawer.is-open{display:flex;flex-direction:column}.chat-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#17335e;color:#fff}.chat-drawer-head div{display:grid;gap:2px}.chat-drawer-head b{font-size:16px}.chat-drawer-head small{color:#bcd0f1;font-size:11px}.chat-drawer-head button{border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}.chat-drawer-body{display:grid;grid-template-columns:275px minmax(0,1fr);min-height:0;flex:1}.chat-thread-list{min-width:0;border-right:1px solid #dce5f1;background:#f7faff;overflow:auto}.chat-thread-list>input{width:calc(100% - 22px);margin:11px;padding:9px 10px;border:1px solid #cbd8e8;border-radius:9px;background:#fff}.chat-thread{position:relative;display:grid;gap:3px;width:100%;padding:11px 14px;border:0;border-top:1px solid #e2e9f3;background:transparent;color:#17345f;text-align:left;cursor:pointer}.chat-thread:hover,.chat-thread.active{background:#e9f1ff}.chat-thread b{font-size:13px}.chat-thread span,.chat-thread small{overflow:hidden;color:#68809f;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.chat-thread small{color:#516a8a}.chat-thread i{position:absolute;top:12px;right:11px;display:grid;place-items:center;min-width:17px;height:17px;border-radius:99px;background:#e34b54;color:white;font-size:10px;font-style:normal;font-weight:800}.chat-drawer-dialog{display:flex;min-width:0;flex-direction:column;background:#eef4fb}.chat-drawer-placeholder{margin:auto;color:#7185a2}.chat-drawer-title{display:grid;gap:2px;padding:11px 14px;border-bottom:1px solid #d9e3ef;background:#fff;color:#15365f}.chat-drawer-title span{color:#7185a2;font-size:11px}.chat-drawer-messages{display:grid;gap:8px;min-height:0;flex:1;overflow:auto;padding:12px}.chat-drawer-messages .order-discussion-message{max-width:88%}.chat-drawer-compose{display:grid;grid-template-columns:128px minmax(0,1fr) auto;gap:7px;align-items:center;padding:10px;border-top:1px solid #d8e2ef;background:#fff}.chat-drawer-compose select,.chat-drawer-compose textarea{width:100%;padding:8px 9px;border:1px solid #cbd8e8;border-radius:8px;font:13px Inter,Segoe UI,Arial,sans-serif}.chat-drawer-compose textarea{grid-column:1/-1;min-height:50px;resize:vertical}.drawer-file{display:flex;align-items:center;gap:5px;color:#315be8;font-size:12px;font-weight:700;cursor:pointer}.drawer-file input{display:none}.chat-drawer-compose small{grid-column:1/-1;overflow:hidden;color:#7285a2;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.chat-drawer-compose>div{display:flex;grid-column:2/-1;justify-content:flex-end;gap:7px}.chat-drawer-compose button{padding:7px 10px;font-size:12px}@media(max-width:700px){#chat-launcher{right:14px;bottom:14px}.chat-drawer{right:8px;bottom:66px;width:calc(100vw - 16px);height:calc(100vh - 80px)}.chat-drawer-body{grid-template-columns:1fr}.chat-thread-list{max-height:190px;border-right:0;border-bottom:1px solid #dce5f1}.chat-thread-list>input{display:none}.chat-thread{padding:8px 12px}.chat-drawer-dialog{min-height:0}}
.operations-calendar-card{max-width:1080px}.operations-total{min-width:86px;padding:10px 14px;border:1px solid #d6e2f0;border-radius:10px;background:#f7faff}.operations-total small{display:block;color:#7185a2;font-size:11px}.operations-total b{font-size:22px}.operations-filters{display:flex;align-items:end;gap:10px;margin:16px 0}.operations-filters label{display:grid;gap:4px;color:#365679;font-size:12px;font-weight:700}.operations-filters input{height:38px;padding:7px 10px;border:1px solid #cbd8e8;border-radius:8px;background:#fff}.operation-legend{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.operation-legend span,.operation-event em{padding:4px 8px;border-radius:99px;font-size:11px;font-style:normal;font-weight:800}.shipment{background:#e8efff!important;color:#315be8!important}.payment{background:#e5f8eb!important;color:#197542!important}.customer{background:#fff1d9!important;color:#9a620c!important}.task{background:#f1ebff!important;color:#7250b4!important}.operations-list{display:grid;gap:10px}.operation-day{display:grid;grid-template-columns:104px minmax(0,1fr);gap:13px;padding:13px;border:1px solid #dbe5f1;border-radius:12px;background:#fcfdff}.operation-day>time{font-weight:800;color:#173860}.operation-day.past>time{color:#be5353}.operation-day>div{display:grid;gap:7px}.operation-event{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid #e0e8f2;border-radius:9px;background:#fff;color:#16385f;text-align:left;cursor:pointer}.operation-event:hover{border-color:#aebfe0;background:#f8fbff}.operation-event i{width:8px;height:8px;border-radius:99px;background:currentColor}.operation-event span{display:grid;min-width:0;gap:2px}.operation-event span b,.operation-event span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operation-event span small{color:#71839e;font-size:12px}.operation-event em{margin-left:auto;white-space:nowrap}@media(max-width:620px){.operations-filters{flex-wrap:wrap}.operation-day{grid-template-columns:1fr}.operation-event em{display:none}}

.recipe-catalog-card{max-width:1240px}.recipe-total{min-width:104px;padding:10px 14px;border:1px solid #d6e2f0;border-radius:10px;background:#f7faff;text-align:center}.recipe-total small,.recipe-total span{display:block;color:#7185a2;font-size:11px}.recipe-total b{display:block;margin:2px 0;font-size:22px;color:#163860}.recipe-filters{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.recipe-filters label{display:grid;gap:5px;color:#365679;font-size:12px;font-weight:700}.recipe-filters select{min-width:230px;height:38px;padding:7px 10px;border:1px solid #cbd8e8;border-radius:8px;background:#fff;color:var(--ink)}.recipe-table td{vertical-align:middle}.recipe-table th:nth-child(5),.recipe-table td:nth-child(5){max-width:230px}.recipe-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recipe-detail-block{min-width:0;padding:13px;border:1px solid #dce6f2;border-radius:10px;background:#fbfdff}.recipe-detail-block h3{margin:0 0 8px;font-size:15px}.recipe-detail-block p{min-height:42px;margin:0 0 9px;line-height:1.45}.recipe-detail-block small{color:#667e9d;line-height:1.4}.recipe-defaults{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.recipe-defaults span{padding:7px 10px;border:1px solid #dce6f2;border-radius:8px;background:#f7faff;color:#587090;font-size:13px}.recipe-defaults b{color:#163860}@media(max-width:760px){.recipe-detail-grid{grid-template-columns:1fr}.recipe-filters label,.recipe-filters select{width:100%}}

.audit-log-card{max-width:1260px}.audit-total{min-width:94px;padding:10px 13px;border:1px solid #d6e2f0;border-radius:10px;background:#f7faff;text-align:center}.audit-total small,.audit-total span{display:block;color:#7185a2;font-size:11px}.audit-total b{display:block;margin:2px 0;font-size:22px;color:#163860}.audit-filter{display:flex;gap:10px;margin:17px 0}.audit-filter label{display:grid;gap:5px;color:#365679;font-size:12px;font-weight:700}.audit-filter select{min-width:220px;height:38px;padding:7px 10px;border:1px solid #cbd8e8;border-radius:8px;background:#fff;color:var(--ink)}.audit-table td{vertical-align:middle}.audit-table td small{color:#7890ad}.audit-detail{max-width:320px;color:#55708f;font-size:12px;line-height:1.4}.audit-entity{display:inline-block;padding:4px 7px;border-radius:99px;background:#edf3ff;color:#315be8;font-size:11px;font-weight:750;white-space:nowrap}@media(max-width:700px){.audit-filter,.audit-filter label,.audit-filter select{width:100%}}
.audit-log-card .section-title{align-items:center}.audit-backup{margin-left:auto;white-space:nowrap}
.backup-status{margin-left:auto;padding:8px 10px;border:1px solid #cfe6d6;border-radius:9px;background:#f3fbf6;color:#197642;font-size:12px;font-weight:700;white-space:nowrap}.backup-status.missing{border-color:#f1d9a7;background:#fff8e8;color:#9b6810}.audit-backup+.backup-status{margin-left:10px}
@media(max-width:720px){.backup-status{margin:8px 0 0 auto}.audit-backup+.backup-status{margin-left:8px}}
.launch-checklist{margin-top:18px;padding:16px;border:1px solid #dce6f2;border-radius:14px;background:#fbfdff}.launch-checklist header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}.launch-checklist h3{margin:0 0 4px;color:#0d3567;font-size:18px}.launch-checklist p{margin:0;color:#6c82a0;font-size:13px}.launch-checklist header>b{padding:7px 10px;border-radius:999px;background:#eaf0ff;color:#315be8;font-size:13px;white-space:nowrap}.launch-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.launch-check{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #dce6f1;border-radius:10px;background:#fff;color:#153960;cursor:pointer}.launch-check:hover{border-color:#9eb6e9;background:#f6f9ff}.launch-check input{width:17px;height:17px;accent-color:#25a562}.launch-check span{display:grid;min-width:0;gap:2px}.launch-check strong{font-size:13px}.launch-check small{color:#7085a3;font-size:11px}.launch-check em{margin-left:auto;color:#19804a;font-size:12px;font-style:normal;font-weight:800}.launch-check.done{border-color:#cfe9d8;background:#f7fdf9}@media(max-width:720px){.launch-check-list{grid-template-columns:1fr}}

/* The accounting handoff is visible without opening each finance row. */
.accounting-tasks{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:0 0 20px;padding:16px 18px;border:1px solid #bdd8ff;border-left:4px solid #315cf4;border-radius:14px;background:#f5f8ff}.accounting-tasks h3{margin:0 0 4px;color:#092b59}.accounting-tasks p{margin:0;color:#577092}.accounting-task-list{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.accounting-task{display:grid;gap:3px;min-width:190px;padding:10px 12px;text-align:left;border:1px solid #cbd9f5;border-radius:10px;background:#fff;color:#092b59;cursor:pointer}.accounting-task:hover{border-color:#315cf4;box-shadow:0 4px 12px rgba(49,92,244,.12)}.accounting-task span{font-size:12px;color:#60789c}.accounting-task em{font-style:normal;font-size:12px;color:#315cf4;font-weight:700}@media(max-width:760px){.accounting-tasks{align-items:flex-start;flex-direction:column}.accounting-task-list{justify-content:flex-start}}
/* Accounting handoffs have their own quiet colour in the operational calendar. */
.operation-legend .accounting,.operation-event.accounting{background:#e8f8f5!important;color:#087b67!important}
.order-documents { margin-top: 14px; }
.order-document-list { display: grid; gap: 8px; margin: 12px 0; }
.order-document-link { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #dbe4f3; border-radius: 9px; color: #173762; text-decoration: none; background: #f8fbff; }
.order-document-link:hover { border-color: #3862f3; background: #f0f5ff; }
.order-document-link b { min-width: 45px; color: #315cf1; }
.order-document-upload { display: grid; grid-template-columns: 180px minmax(0,1fr) auto; gap: 10px; align-items: end; margin-top: 12px; }
.order-document-upload label { display: grid; gap: 5px; font-weight: 700; font-size: 13px; }
.order-document-upload input, .order-document-upload select { min-width: 0; }
.payment-list { display: grid; gap: 7px; margin: 10px 0; }
.payment-row { display: grid; grid-template-columns: 150px 120px minmax(0,1fr); gap: 10px; align-items: center; padding: 9px 11px; background: #f7fbf8; border: 1px solid #d5ebdc; border-radius: 9px; }
.payment-row b { color: #187742; }.payment-row span { color: #41617e; }.payment-row small { color: #6a7f98; }
.payment-add { display: grid; grid-template-columns: 1fr 150px minmax(180px,1fr) auto; align-items: end; gap: 10px; margin-top: 12px; }
.payment-add label { display: grid; gap: 5px; font-weight: 700; font-size: 13px; }
.customer-summary .create-order-for-customer { justify-self: start; }
@media (max-width: 720px) { .payment-add,.payment-row { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .order-document-upload { grid-template-columns: 1fr; } }
/* Capacity panel keeps delivery promises tied to the actual shop-floor load. */
.capacity-card{margin-top:20px;padding:20px;border:1px solid #dbe5f4;border-radius:16px;background:#fff}
.capacity-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}
.capacity-heading h3{margin:0 0 5px;color:#092c5d;font-size:20px}
.capacity-heading p{margin:0;color:#637da8;max-width:760px}
.capacity-heading>b{white-space:nowrap;color:#0b3975;font-size:22px}
.capacity-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-weight:700;font-size:13px;white-space:nowrap}
.capacity-badge.ok{background:#e7f7ee;color:#16824b}.capacity-badge.risk{background:#fff0ed;color:#bd3f32}
.capacity-risk td{background:#fffaf9}
@media(max-width:800px){.capacity-heading{display:block}.capacity-heading>b{display:block;margin-top:10px}}
.order-capacity-hint{margin:0 0 16px;padding:12px 14px;border-radius:10px;background:#f3f7fd;color:#5a7398;font-size:14px;line-height:1.45}
.order-capacity-hint.ok{background:#e8f7ee;color:#16734a}.order-capacity-hint.risk{background:#fff0ed;color:#b54034;font-weight:600}
.analytics-period{display:flex;align-items:center;gap:7px;color:#597198;font-size:13px}.analytics-period input{width:142px}
.notification-list{display:grid;gap:8px}.notification-row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:13px 14px;border:1px solid #d6e2f1;border-radius:11px;background:#fff;color:#12345e;text-align:left;cursor:pointer}.notification-row:hover{border-color:#3d62ee;background:#f5f8ff}.notification-row.late{border-left:4px solid #df4a4a}.notification-row span{display:grid;gap:3px}.notification-row small{color:#6980a2}.notification-row em{padding:4px 8px;border-radius:999px;background:#edf2ff;color:#315cf4;font-size:12px;font-style:normal;font-weight:700;white-space:nowrap}
.repeat-order{margin:7px 0 0;padding:5px 8px;font-size:12px;line-height:1.2}
.transport-documents a{color:#153d74;text-decoration:none}.transport-documents a:hover{color:#315cf4;text-decoration:underline}.transport-documents span small{display:block;margin-top:3px;color:#617b9c}
.order-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:14px 0 12px;padding:12px 14px;border:1px solid #dbe5f4;border-radius:12px;background:#f8fbff}.order-filters label{display:grid;gap:4px;min-width:130px;color:#547197;font-size:12px;font-weight:700}.order-filters label:first-child{min-width:250px;flex:1}.order-filters input,.order-filters select{height:36px}.order-filters small{margin-left:auto;padding:9px 0;color:#6982a3;white-space:nowrap}.order-filters .link-button{padding:9px 4px;white-space:nowrap}@media(max-width:760px){.order-filters label,.order-filters label:first-child{min-width:100%;flex:auto}.order-filters small{margin-left:0;width:100%}}
.customer-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0 16px;padding:12px 14px;border:1px solid #dbe5f4;border-radius:12px;background:#f8fbff}.customer-filters label{display:grid;gap:4px;min-width:220px;color:#547197;font-size:12px;font-weight:700}.customer-filters label:first-child{min-width:280px;flex:1}.customer-filters input,.customer-filters select{height:36px}.customer-filters small{margin-left:auto;padding:9px 0;color:#6982a3;white-space:nowrap}.customer-filters .link-button{padding:9px 4px;white-space:nowrap}@media(max-width:760px){.customer-filters label,.customer-filters label:first-child{min-width:100%;flex:auto}.customer-filters small{margin-left:0;width:100%}}
.whatsapp-triage-card{max-width:1120px}.wa-inbox-total{display:grid;min-width:88px;padding:10px 14px;border:1px solid #d8e4f4;border-radius:12px;background:#f7fbff}.wa-inbox-total small{color:#667f9e}.wa-inbox-total b{font-size:24px;color:#113968}.wa-privacy-note{margin:12px 0;padding:11px 13px;border-left:4px solid #315cf4;border-radius:8px;background:#f3f7ff;color:#36587f}.wa-inbox-list{display:grid;gap:9px}.wa-inbox-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid #dbe5f2;border-radius:12px;background:#fff}.wa-inbox-item.is-new{border-left:4px solid #315cf4;background:#fbfdff}.wa-inbox-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8efff;color:#315cf4;font-size:20px}.wa-inbox-content{min-width:0}.wa-inbox-content>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.wa-inbox-content span,.wa-inbox-content small{color:#687f9c;font-size:12px}.wa-inbox-content em{padding:3px 7px;border-radius:999px;background:#fff0d9;color:#a46600;font-size:11px;font-style:normal;font-weight:700}.wa-inbox-content p{margin:5px 0;color:#173761}.wa-inbox-actions{display:flex;gap:8px;align-items:center}.wa-inbox-result{padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.wa-inbox-result.lead{background:#e5f7eb;color:#147846}.wa-inbox-result.private{background:#edf1f6;color:#637a96}.wa-processed{margin-top:14px}.wa-processed summary{cursor:pointer;color:#547198;font-weight:700}.wa-processed .wa-inbox-list{margin-top:10px}.wa-processed .is-done{opacity:.82}@media(max-width:700px){.wa-inbox-item{grid-template-columns:40px minmax(0,1fr)}.wa-inbox-actions,.wa-inbox-result{grid-column:2}.wa-inbox-actions{justify-content:flex-start}}
.add-order-item{margin-top:10px}.order-extra-item{margin:14px 0 0;padding:14px;border:1px dashed #bed0e8;border-radius:12px;background:#f8fbff}.order-extra-item header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#123b70}.link-button{padding:0;border:0;background:transparent;color:#315cf4;font:inherit;font-size:13px;cursor:pointer}.link-button:hover{text-decoration:underline}
.order-readiness{display:block;width:max-content;max-width:100%;margin-top:7px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:750;line-height:1.25}.order-readiness.ready,.order-readiness.complete{background:#e7f7ee;color:#157642}.order-readiness.waiting{background:#fff3da;color:#a26300}
.order-flow{padding:14px 16px!important;background:#f8fbff}.order-flow h3{margin:0 0 10px}.order-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}.order-flow-steps>div{display:grid;grid-template-columns:22px 1fr;column-gap:7px;align-items:center;padding:9px 10px;border:1px solid #d9e4f2;border-radius:10px;background:#fff}.order-flow-steps i{grid-row:span 2;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#edf2f8;color:#8a9cb4;font-style:normal;font-weight:800}.order-flow-steps span{font-size:13px;font-weight:750;color:#173a68}.order-flow-steps small{color:#7a8da7;font-size:11px}.order-flow-steps .done{border-color:#cfe8d8;background:#fbfffc}.order-flow-steps .done i{background:#e2f6e9;color:#158048}.order-flow-steps .waiting{background:#fffdf9}@media(max-width:720px){.order-flow-steps{grid-template-columns:1fr 1fr}}
.dispatch-horizon{margin-top:18px;padding:17px 19px;border:1px solid #dbe5f3;border-radius:14px;background:#fbfdff}.dispatch-horizon header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.dispatch-horizon h3{margin:0 0 4px;color:#0d3567;font-size:18px}.dispatch-horizon p{margin:0;color:#7085a2;font-size:13px}.dispatch-list{display:grid;gap:6px}.dispatch-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:10px 11px;border:1px solid #e0e8f3;border-radius:10px;background:#fff;color:#143863;text-align:left;cursor:pointer}.dispatch-row:hover{border-color:#486cf0;background:#f5f8ff}.dispatch-row time{font-weight:750;color:#395c86;font-size:13px}.dispatch-row span{display:grid;gap:2px;min-width:0}.dispatch-row small{overflow:hidden;color:#6b82a2;text-overflow:ellipsis;white-space:nowrap}.dispatch-row em{padding:5px 8px;border-radius:999px;font-size:11px;font-style:normal;font-weight:750;white-space:nowrap}.dispatch-row em.done,.dispatch-row em.ready{background:#e4f7eb;color:#167a45}.dispatch-row em.waiting{background:#fff2da;color:#a26300}@media(max-width:620px){.dispatch-horizon header{display:block}.dispatch-horizon header button{margin-top:10px}.dispatch-row{grid-template-columns:1fr}.dispatch-row em{justify-self:start}}
.email-workspace-card{max-width:1180px}.email-connect{margin-top:12px;padding:18px;border:1px solid #dce6f3;border-radius:14px;background:#f9fbff}.email-connect h3,.mail-list h3,.mail-preview h3{margin:0 0 5px}.email-connect p{max-width:780px;margin:0 0 14px;color:#5d7596}.email-connect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.email-connect-grid label,.mail-preview label{display:grid;gap:5px;color:#173761;font-size:13px;font-weight:700}.email-connect-grid input[readonly]{background:#f1f4f8;color:#5a7190}.email-connect .actions{margin-top:14px}.email-connected{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:13px 0;padding:13px 15px;border:1px solid #cce9d7;border-radius:12px;background:#f4fcf7}.email-connected div{display:grid;gap:2px}.email-connected b{color:#167946}.email-connected span{color:#274a70}.email-connected small{color:#6b82a1}.email-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:14px;margin-top:14px}.mail-list,.mail-preview{padding:15px;border:1px solid #dce5f1;border-radius:13px;background:#fbfdff}.mail-row{display:grid;grid-template-columns:28px minmax(0,1fr) 84px;gap:9px;align-items:center;width:100%;padding:11px 0;border:0;border-top:1px solid #e5ebf4;background:transparent;color:#173761;text-align:left;cursor:pointer}.mail-row:hover span b{color:#315cf4}.mail-row i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e9f7ef;color:#168049;font-style:normal}.mail-row i.out{background:#edf2ff;color:#315cf4}.mail-row span{display:grid;gap:2px;min-width:0}.mail-row small{overflow:hidden;color:#6d82a0;text-overflow:ellipsis;white-space:nowrap}.mail-row time{color:#7084a0;font-size:12px;text-align:right}.mail-preview{display:grid;align-content:start;gap:10px}.mail-preview textarea{min-height:150px;resize:vertical}.email-message-body{margin-top:12px;padding:15px;border:1px solid #e0e7f1;border-radius:10px;background:#fbfdff;line-height:1.55;color:#1e3e64}@media(max-width:800px){.email-connect-grid,.email-layout{grid-template-columns:1fr}.email-connected{align-items:flex-start;flex-direction:column}}
.mail-customer{display:inline-flex;width:max-content;margin-top:3px;padding:2px 7px;border-radius:999px;background:#edf4ff;color:#275bca;font-size:11px;font-style:normal;font-weight:700}
.tb-mail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.tb-mail-header h2{margin:3px 0}.tb-mail-header small{color:#6580a4}.thunderbird-layout{display:grid;grid-template-columns:180px minmax(270px,.9fr) minmax(400px,1.35fr);min-height:520px;border:1px solid #d8e3f0;border-radius:14px;overflow:hidden;background:#fff}.tb-folders{padding:11px;background:#f1f5fa;border-right:1px solid #d8e3f0}.tb-folders button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:#244267;font-weight:700;text-align:left;cursor:pointer}.tb-folders button:hover,.tb-folders button.active{background:#dce8ff;color:#224fcb}.tb-folders b{min-width:20px;text-align:center;padding:1px 6px;border-radius:999px;background:#e1e8f2;font-size:12px}.tb-folders button.active b{background:#315cf4;color:#fff}.tb-list{overflow:auto;border-right:1px solid #d8e3f0;background:#fbfdff}.tb-list-title{padding:14px 15px 9px;color:#627d9d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.tb-message{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;width:100%;padding:11px 13px;border:0;border-top:1px solid #e6edf5;background:transparent;color:#173761;text-align:left;cursor:pointer}.tb-message:hover{background:#f2f6fc}.tb-message.selected{background:#e6efff;box-shadow:inset 3px 0 #315cf4}.tb-message i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9f7ef;color:#168049;font-style:normal}.tb-message i.out{background:#edf2ff;color:#315cf4}.tb-message span{display:grid;gap:2px;min-width:0}.tb-message b,.tb-message small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-message small{color:#6d82a0}.tb-message em{width:max-content;max-width:100%;overflow:hidden;padding:2px 6px;border-radius:6px;background:#eef4ff;color:#305dbd;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.tb-message time{grid-column:2;color:#8293ac;font-size:11px}.tb-reader{min-width:0;background:#fff}.tb-reader-message,.tb-compose,.tb-empty-reader{display:grid;align-content:start;gap:16px;height:100%;padding:21px}.tb-reader-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #e3eaf3}.tb-reader-head h3{margin:0 0 7px;color:#112f59}.tb-reader-head p{margin:4px 0;color:#577294;font-size:13px}.tb-client-link{color:#2457be!important}.tb-reader-head time{color:#7186a1;font-size:12px;white-space:nowrap}.tb-reader-body{min-height:250px;color:#243e61;line-height:1.65;white-space:normal}.tb-reader-actions{display:flex;gap:9px;margin-top:auto}.tb-empty-reader{place-items:center;align-content:center;color:#6c829e}.tb-empty-reader span{font-size:13px}.tb-compose label{display:grid;gap:5px;color:#173761;font-size:13px;font-weight:700}.tb-compose textarea{min-height:220px;resize:vertical}.sound-toggle{border:1px solid #c9d8eb;border-radius:9px;background:#fff;color:#29466b;padding:8px 11px;font-weight:700;cursor:pointer}.sound-toggle.on{color:#187449;background:#eefaf2;border-color:#c7e8d2}.sound-toggle.off{color:#7b8797}@media(max-width:1050px){.thunderbird-layout{grid-template-columns:150px minmax(260px,1fr)}.tb-reader{grid-column:1 / -1;border-top:1px solid #d8e3f0}.tb-list{border-right:0}}@media(max-width:700px){.tb-mail-header{align-items:flex-start;flex-direction:column}.thunderbird-layout{grid-template-columns:1fr;min-height:0}.tb-folders{display:flex;gap:4px;border-right:0;border-bottom:1px solid #d8e3f0}.tb-folders button{width:auto}.tb-list{max-height:360px}.tb-reader{grid-column:auto}.tb-reader-message,.tb-compose{min-height:390px}}
.tb-search{width:165px;min-width:120px;padding:8px 10px;border:1px solid #cbd9ea;border-radius:9px;background:#fff;color:#173761;font:inherit;font-size:13px}
.tb-reader-body p{margin:0 0 16px}.tb-reader-body a{color:#1f59d1;text-decoration:underline;overflow-wrap:anywhere}.tb-reader-body blockquote{margin:14px 0;padding:10px 14px;border-left:3px solid #c8d6ea;color:#607896;background:#f7faff}.tb-reader-body table{max-width:100%;border-collapse:collapse}.tb-reader-body td,.tb-reader-body th{padding:5px 8px;border:1px solid #dbe5f0}.tb-reader-body pre{white-space:pre-wrap;overflow-wrap:anywhere}
.customer-mail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.customer-mail-title h3{margin:0}.customer-mail-title p{margin:4px 0 0}.customer-mail-list{display:grid;margin-top:10px;border-top:1px solid #e1e9f2}.customer-mail-row{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(180px,1.2fr) 90px;gap:12px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid #e8eef5;background:transparent;color:#1f416c;text-align:left;cursor:pointer}.customer-mail-row:hover strong{color:#315cf4}.customer-mail-row span{display:flex;gap:7px;align-items:center;min-width:0}.customer-mail-row i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e9f7ef;color:#168049;font-style:normal}.customer-mail-row i.out{background:#edf2ff;color:#315cf4}.customer-mail-row b,.customer-mail-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-mail-row time{color:#7187a3;font-size:12px;text-align:right}@media(max-width:650px){.customer-mail-row{grid-template-columns:1fr}.customer-mail-row time{text-align:left}.customer-mail-title{flex-direction:column}}
/* Mail attachments: compact, familiar Thunderbird-style file chips. */
.tb-attachments{margin:18px 0 0;padding:14px 16px;border:1px solid #dbe4f2;border-radius:12px;background:#f8fbff}
.tb-attachments>b{display:block;margin-bottom:10px;color:#15345f;font-size:14px}
.tb-attachments>div{display:flex;flex-wrap:wrap;gap:8px}
.tb-attachment{display:inline-flex;align-items:center;max-width:100%;padding:8px 10px;border:1px solid #cddcf0;border-radius:8px;background:#fff;color:#2657ce;font-size:13px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-attachment:hover{border-color:#3d63f5;background:#eef3ff}

/* Thunderbird-style vertical reading pane: the message list scrolls above,
   while the selected letter stays in a stable lower pane. */
.email-workspace-card{max-width:none;height:calc(100vh - 122px);min-height:650px;display:flex;flex-direction:column;overflow:hidden}
.email-workspace-card .tb-mail-header{flex:0 0 auto}
.email-workspace-card .thunderbird-layout{grid-template-columns:180px minmax(0,1fr);grid-template-rows:minmax(240px,42%) minmax(0,1fr);flex:1;min-height:0;height:100%}
.email-workspace-card .tb-folders{grid-row:1 / -1;grid-column:1}
.email-workspace-card .tb-list{grid-column:2;grid-row:1;max-height:none;overflow-y:auto;overflow-x:hidden;border-right:0;border-bottom:1px solid #d8e3f0}
.email-workspace-card .tb-reader{grid-column:2;grid-row:2;min-height:0;overflow:auto;border-top:0}
.email-workspace-card .tb-reader-message,.email-workspace-card .tb-compose,.email-workspace-card .tb-empty-reader{min-height:0;height:auto}
@media(max-width:700px){.email-workspace-card{height:auto;min-height:0;overflow:visible}.email-workspace-card .thunderbird-layout{display:grid;height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:auto}.email-workspace-card .tb-folders,.email-workspace-card .tb-list,.email-workspace-card .tb-reader{grid-column:auto;grid-row:auto}.email-workspace-card .tb-list{max-height:360px}.email-workspace-card .tb-reader{overflow:visible}}

/* Compact desktop density, close to the familiar Thunderbird mail list. */
@media(min-width:701px){
  .email-workspace-card{padding:15px 16px 16px;height:calc(100vh - 106px);min-height:580px}
  .email-workspace-card .tb-mail-header{margin-bottom:10px}
  .email-workspace-card .tb-mail-header h2{margin:1px 0;font-size:22px}
  .email-workspace-card .tb-mail-header small{font-size:12px}
  .email-workspace-card .thunderbird-layout{grid-template-columns:154px minmax(0,1fr);grid-template-rows:minmax(210px,39%) minmax(0,1fr);border-radius:10px}
  .email-workspace-card .tb-folders{padding:7px}
  .email-workspace-card .tb-folders button{padding:8px 9px;font-size:13px}
  .email-workspace-card .tb-list-title{padding:8px 12px 6px;font-size:11px}
  .email-workspace-card .tb-message{grid-template-columns:20px minmax(155px,.42fr) minmax(220px,1fr) 108px;gap:8px;height:42px;padding:0 12px;align-items:center}
  .email-workspace-card .tb-message span{display:contents}
  .email-workspace-card .tb-message i{width:18px;height:18px;font-size:10px}
  .email-workspace-card .tb-message b{grid-column:2;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
  .email-workspace-card .tb-message small{grid-column:3;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
  .email-workspace-card .tb-message em{display:none}
  .email-workspace-card .tb-message time{grid-column:4;grid-row:1;text-align:right;font-size:11px;white-space:nowrap}
  .email-workspace-card .tb-reader-message,.email-workspace-card .tb-compose,.email-workspace-card .tb-empty-reader{gap:11px;padding:15px 18px}
  .email-workspace-card .tb-reader-head{padding-bottom:10px}
  .email-workspace-card .tb-reader-head h3{margin:0 0 4px;font-size:18px}
  .email-workspace-card .tb-reader-body{min-height:0;font-size:14px;line-height:1.5}
  .email-workspace-card .tb-reader-body p{margin:0 0 10px}
  .email-workspace-card .tb-attachments{margin-top:8px;padding:9px 11px}
}

.tb-message.unread{background:#f2f6ff}
.tb-message.unread b,.tb-message.unread small{font-weight:800;color:#103c80}
.tb-message.unread i{background:#dbe9ff;color:#255bdf}
.tb-compose-files small{color:#6a82a3;font-size:12px;font-weight:400}
.tb-compose-files input[type="file"]{padding:7px 0;border:0;background:transparent}

/* Keep the mail toolbar to one practical line instead of a large page header. */
@media(min-width:701px){
  .email-workspace-card .tb-mail-header{min-height:44px;align-items:center}
  .email-workspace-card .tb-mail-header>div:first-child{display:flex;align-items:baseline;gap:12px;min-width:0}
  .email-workspace-card .tb-mail-header .eyebrow{display:none}
  .email-workspace-card .tb-mail-header h2{flex:0 0 auto;margin:0;font-size:19px;line-height:1.2;white-space:nowrap}
  .email-workspace-card .tb-mail-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .email-workspace-card .tb-mail-header .actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
  .email-workspace-card .tb-mail-header .actions button{height:38px;padding:0 13px;white-space:nowrap}
  .email-workspace-card .tb-search{height:38px;width:175px}
}
.task-source{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.25;background:#eef2ff;color:#3557db;vertical-align:middle}.task-source.email{background:#e7f7ef;color:#177b4b}.task-source.customer{background:#fff4dc;color:#a36100}.task-source.order{background:#edf3ff;color:#345bb8}
.task-source-link{border:0;cursor:pointer;font:inherit}.task-source-link:hover{text-decoration:underline;filter:brightness(.96)}
.task-filters{display:flex;align-items:center;gap:8px;margin:10px 0}.task-filters select{width:auto;min-width:145px;padding:8px 28px 8px 10px;font-size:13px}.task-filters span{color:#6a82a3;font-size:13px}
.control-manual-tasks{margin-top:18px;border:1px solid #dce6f3;border-radius:14px;padding:18px 20px;background:#fff}.control-manual-tasks header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:8px}.control-manual-tasks h3{margin:0;font-size:18px}.control-manual-tasks p{margin:4px 0 0;color:#617ba2;font-size:13px}.control-task-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border:0;border-top:1px solid #edf2f7;background:transparent;text-align:left;cursor:pointer}.control-task-row span{display:grid;gap:3px}.control-task-row small{color:#647d9f}.control-task-row em{font-style:normal;font-size:12px;color:#3b5fea}.control-task-row.late em{color:#c83e3e;font-weight:700}