@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192638;background:#f4f7fa;font-synthesis:none;--ink:#192638;--muted:#677789;--line:#e4eaf0;--blue:#1854bb;--blue-dark:#103f91;--cyan:#e7f5f8;--green:#e4f6ec;--radius:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #84b7ff;outline-offset:2px}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:235px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:29px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;margin:0 8px 46px;font-size:17px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#154fae;color:white;font-size:21px}.brand small{display:block;font-size:10px;color:#8290a0;letter-spacing:.04em;font-weight:700;margin-top:1px}.nav-label{font-size:11px;color:#9aa6b3;font-weight:700;margin:0 10px 10px}.nav-btn{width:100%;border:0;background:none;text-align:left;border-radius:9px;padding:12px 11px;color:#6c7a8b;font-size:13px;font-weight:700;display:flex;gap:12px;align-items:center}.nav-btn.active{color:#174fae;background:#edf4ff}.nav-icon{font-size:16px;width:18px;text-align:center}.sidebar-bottom{margin-top:auto;background:#f5f8fc;border-radius:12px;padding:15px;color:#6d7d8d;font-size:11px;line-height:1.55}.sidebar-bottom strong{color:#3b4e60;display:block;font-size:12px;margin-bottom:4px}.main{min-width:0}.topbar{height:74px;padding:0 5%;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumbs{font-size:12px;color:#9aa8b6}.breadcrumbs strong{color:#58697b}.top-right{display:flex;align-items:center;gap:10px;color:#748596;font-size:12px;font-weight:600}.avatar{width:31px;height:31px;border-radius:50%;background:#e6f0fb;color:#2456a5;display:grid;place-items:center;font-weight:800}.content{max-width:1420px;margin:auto;padding:38px 5% 70px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;color:#6283ae;text-transform:uppercase;margin-bottom:10px}.page-title{font-size:30px;line-height:1.2;letter-spacing:-.045em;margin:0 0 8px;font-weight:800}.subtitle{color:var(--muted);font-size:14px;line-height:1.65;margin:0;max-width:680px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.btn{border:1px solid transparent;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:42px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-secondary{background:#fff;border-color:#d9e3ed;color:#344c65}.btn-secondary:hover{background:#f5f8fc}.btn-quiet{background:transparent;color:#526b83;border-color:transparent}.btn-danger{background:#fff;border-color:#f0d2cf;color:#a54237}.btn-large{min-height:54px;font-size:15px;padding:14px 22px}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:27px}.summary-item{background:white;padding:21px 24px}.summary-item span{display:block;color:#8795a4;font-size:12px;margin-bottom:8px}.summary-item strong{font-size:24px;letter-spacing:-.05em}.section-title{font-size:17px;letter-spacing:-.025em;margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px}.text-small{font-size:12px;color:var(--muted);line-height:1.55}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.panel+.panel{margin-top:16px}.order-table{overflow-x:auto}.order-table table{border-collapse:collapse;width:100%;text-align:left;min-width:640px}th{font-size:11px;color:#98a4b1;font-weight:700;padding:13px 19px;border-bottom:1px solid var(--line)}td{font-size:13px;padding:18px 19px;border-bottom:1px solid #eef2f5}tr:last-child td{border-bottom:0}tr.order-row{cursor:pointer}tr.order-row:hover{background:#f8fbff}.order-code{font-weight:800;color:#1a4c9c}.status{display:inline-flex;align-items:center;gap:6px;border-radius:100px;background:#f0f3f6;color:#6d7b89;padding:6px 9px;font-size:11px;font-weight:800;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.sent{background:#eaf2ff;color:#285fb6}.status.work{background:#fff4dd;color:#ad7714}.status.done{background:#e6f7ed;color:#248457}.status.error{background:#fff0ed;color:#b84e41}.empty{text-align:center;padding:58px 20px;color:#718195}.empty-icon{width:54px;height:54px;background:#ecf3fc;color:#4174b9;border-radius:17px;margin:0 auto 17px;display:grid;place-items:center;font-size:25px}.empty h3{font-size:16px;margin:0 0 7px;color:#2b4054}.empty p{font-size:13px;line-height:1.6;margin:0 auto 20px;max-width:370px}.notice{background:#f0f6fe;border:1px solid #dceafe;color:#4e6d94;border-radius:10px;padding:12px 15px;font-size:12px;line-height:1.6;margin-bottom:20px}.notice.warning{background:#fff8e8;border-color:#f2e1b9;color:#8a6720}.notice.error{background:#fff1ef;border-color:#f2d3cf;color:#9c4b40}.notice.success{background:#eef9f2;border-color:#ccebd8;color:#317852}.workflow{display:flex;align-items:center;gap:0;margin:0 0 26px;overflow-x:auto}.workflow-step{color:#a2aebc;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;white-space:nowrap}.workflow-step+.workflow-step:before{content:"";width:42px;height:1px;background:#dbe4ec;margin:0 13px}.step-dot{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e9eef3;color:#8595a4;font-size:11px}.workflow-step.active{color:#2159ae}.workflow-step.active .step-dot{background:#2057b5;color:#fff}.workflow-step.complete .step-dot{background:#e5f5ed;color:#238055}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.side-panel{background:#edf4fc;border:1px solid #deebf8;border-radius:var(--radius);padding:22px}.side-panel h3{font-size:14px;margin:0 0 12px}.side-panel p,.side-panel li{font-size:12px;line-height:1.7;color:#668099}.side-panel ul{padding-left:16px}.side-panel li+li{margin-top:5px}.card-title{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:18px}.card-title h2{font-size:16px;letter-spacing:-.02em;margin:0 0 5px}.card-title p{margin:0;color:#8392a0;font-size:12px;line-height:1.55}.upload{display:block;text-align:center;border:1.5px dashed #b9cfe8;border-radius:12px;padding:29px 18px;background:#f8fbff;cursor:pointer}.upload:hover{background:#f1f7ff}.upload strong{display:block;color:#265baa;font-size:13px;margin-bottom:5px}.upload span{color:#8799a9;font-size:11px}.upload input{position:absolute;width:1px;height:1px;opacity:0}.divider{display:flex;gap:12px;align-items:center;color:#a6b1bd;font-size:11px;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;background:#eaf0f4;flex:1}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field label,.field>span{font-weight:700;font-size:12px;color:#526475}.field input,.field select,.field textarea,.row-qty{width:100%;border:1px solid #dce5ed;background:#fff;color:#24394b;border-radius:8px;padding:11px 12px;min-height:42px}.field textarea{resize:vertical;min-height:80px}.field.wide{grid-column:1/-1}.add-row{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:10px;align-items:end}.lines{margin-top:18px}.line{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #edf1f4}.line-name{font-size:13px;font-weight:700;line-height:1.45}.line-code{color:#94a2af;font-size:11px;margin-top:3px}.icon-btn{width:38px;height:38px;border:0;background:transparent;border-radius:8px;color:#9aa9b8;font-size:20px}.icon-btn:hover{background:#fff1ef;color:#b84e41}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}.actions-right{display:flex;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0}.metric{background:#f6f9fc;border-radius:10px;padding:17px}.metric small{display:block;color:#8b9bac;font-size:11px;margin-bottom:7px}.metric strong{font-size:20px;letter-spacing:-.04em}.breakdown{border-top:1px solid var(--line)}.breakdown-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eff3f6;font-size:12px}.breakdown-row span{color:#718396}.breakdown-row strong{text-align:right}.details{margin-top:16px}details>summary{cursor:pointer;color:#2e5f9d;font-size:12px;font-weight:800;padding:10px 0}details>summary:focus-visible{outline:3px solid #84b7ff}.detail-group{margin-top:22px}.detail-group h3{font-size:13px;margin:0 0 8px}.back{background:none;border:0;padding:0;color:#6a8097;font-size:12px;font-weight:700;margin-bottom:18px}.worker-wrap{max-width:850px;margin:auto}.worker-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.worker-head h1{font-size:26px;letter-spacing:-.04em;margin:6px 0}.worker-head p{font-size:13px;color:#7d8d9c;margin:0}.step-counter{font-size:12px;font-weight:800;color:#4c77a6}.progress-bar{height:6px;background:#e4ecf3;border-radius:10px;margin:0 0 24px;overflow:hidden}.progress-bar span{height:100%;display:block;background:#3978ca;border-radius:10px}.worker-card{padding:30px}.worker-card h2{font-size:22px;letter-spacing:-.035em;margin:0 0 8px}.worker-card .subtitle{font-size:13px}.big-amount{background:#edf5fd;border-radius:12px;padding:20px;margin:22px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.big-amount span{font-size:13px;color:#62809c;font-weight:700}.big-amount strong{font-size:27px;color:#1d559c;letter-spacing:-.04em}.ingredient{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf1f5;padding:16px 0;font-size:14px}.ingredient strong{font-size:16px;white-space:nowrap}.ingredient:last-child{border:0}.choice{display:flex;align-items:center;gap:14px;width:100%;padding:17px;margin-top:10px;border:1px solid #e2e9ef;border-radius:12px;background:white;text-align:left}.choice:hover:not(:disabled){border-color:#94b9e7;background:#f8fbff}.choice-color{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf3f7;color:#7391a8;font-size:19px;flex-shrink:0}.choice-color.blue{background:#e2f2fc;color:#2787c8}.choice-color.green{background:#e8f7eb;color:#3a9c65}.choice-color.clear{background:#f0f5f7;color:#81a2ae}.choice-copy{flex:1;min-width:0}.choice-copy strong{font-size:14px;display:block;margin-bottom:4px}.choice-copy small{font-size:11px;color:#8a9bab}.choice-arrow{color:#9aabbc;font-size:19px}.check-line{display:flex;align-items:center;gap:10px;padding:15px 0;color:#536a7e;font-size:13px}.check-line input{width:19px;height:19px;accent-color:#225fc2}.worker-actions{margin-top:25px;display:flex;gap:10px;flex-wrap:wrap}.worker-actions .btn-primary{flex:1}.task-list{margin-top:18px}.task-list .choice{margin-top:8px}.actual-row{display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f5}.actual-row strong{font-size:13px}.actual-row small{display:block;font-size:11px;color:#94a2af;margin-top:4px}.actual-row input{border:1px solid #dae5ed;border-radius:8px;width:100%;padding:11px;text-align:right}.toast{position:fixed;right:20px;bottom:20px;z-index:10;background:#253c51;color:#fff;border-radius:10px;padding:14px 17px;box-shadow:0 8px 35px #1e3a5b30;font-size:13px;max-width:370px}.loading{padding:35px;color:#8092a4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:14px 20px;display:flex;flex-direction:row;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{margin:0 auto 0 0;font-size:15px}.brand-mark{width:32px;height:32px}.brand small,.nav-label,.sidebar-bottom{display:none}.nav-btn{width:auto}.topbar{height:54px}.content{padding:28px 5% 60px}.editor-layout{grid-template-columns:1fr}.side-panel{display:none}}@media(max-width:560px){.sidebar{padding:12px 14px;gap:6px}.brand{font-size:14px}.nav-btn{font-size:0;padding:10px}.nav-icon{font-size:17px}.topbar{padding:0 17px}.content{padding:24px 16px 48px}.heading{align-items:flex-start;flex-direction:column}.heading .btn{width:100%}.page-title{font-size:25px}.summary-item{padding:16px 12px}.summary-item strong{font-size:20px}.summary-item span{font-size:10px}.panel,.worker-card{padding:19px}.fields{grid-template-columns:1fr}.field.wide{grid-column:auto}.add-row{grid-template-columns:minmax(0,1fr) 90px}.add-row .btn{grid-column:1/-1}.line{grid-template-columns:minmax(0,1fr) 80px auto}.metrics{gap:7px}.metric{padding:12px}.metric strong{font-size:17px}.workflow-step+.workflow-step:before{width:18px;margin:0 7px}.workflow-step{font-size:10px}.worker-top{align-items:start}.worker-head h1{font-size:21px}.worker-card h2{font-size:20px}.big-amount{padding:16px}.big-amount strong{font-size:23px}.ingredient{font-size:13px}.ingredient strong{font-size:14px}.worker-actions .btn{width:100%}.actions-right,.actions-right .btn{width:100%}.actions-right .btn{flex:1}.top-right span{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.import-error{padding:14px;margin:14px 0;border:1px solid #f0dfbe;border-radius:10px;background:#fffdfa}.import-error-title{font-size:12px;font-weight:700;color:#966529;margin:0 0 12px}.import-fix{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px}.import-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:560px){.import-fix{grid-template-columns:1fr}.import-actions .btn{width:100%}}
.worker-comment{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 18px;margin-bottom:16px}.worker-comment strong{display:block;font-size:12px;color:#536b82;margin-bottom:6px}.worker-comment p{margin:0;font-size:13px;line-height:1.55;color:#344c61;white-space:pre-wrap;overflow-wrap:anywhere}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef4f9}.login-card{width:min(100%,420px);background:#fff;padding:36px;border:1px solid #dfe9f1;border-radius:18px;box-shadow:0 14px 50px #3f617515}.login-brand{margin:0 0 36px}.login-card h1{font-size:25px;letter-spacing:-.04em;margin:0 0 9px}.login-card>p{font-size:13px;color:#718396;line-height:1.6;margin:0 0 22px}.login-card form{display:grid;gap:15px}.login-card form .btn{margin-top:6px;width:100%}.signout{min-height:34px;padding:6px 10px;font-size:11px}@media(max-width:560px){.login-card{padding:25px}.top-right .signout{display:inline-flex}}
.bitrix-choices{border-bottom:1px solid #e8eef3}.bitrix-choices>summary{padding:14px 0;color:#3f5b75}.bitrix-choices>summary span{background:#eaf2fc;color:#3c68a3;border-radius:12px;padding:3px 8px;margin-left:5px}.bitrix-checks{max-height:210px;overflow-y:auto;display:grid;gap:8px;padding:2px 0 14px}.bitrix-checks label{display:flex;gap:9px;align-items:center;color:#425c71;font-size:13px}.bitrix-checks input{width:17px;height:17px;accent-color:#225fc2}
.reconcile{border:1px solid #ecdcb9;background:#fffaf0;border-radius:10px;padding:3px 14px;margin-top:10px}.reconcile summary{color:#855e20}.reconcile p{color:#755e3b;font-size:12px;line-height:1.6}.reconcile .import-actions{margin-bottom:13px}
.worker-app{min-height:100vh;background:#f3f7fa}.worker-bar{min-height:64px;background:#fff;border-bottom:1px solid #dfe7ee;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px max(18px,calc((100vw - 850px)/2))}.worker-logo{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:#1d344b}.worker-logo .brand-mark{width:32px;height:32px;font-size:18px}.worker-logout{font-size:12px}.worker-main{max-width:850px;margin:auto;padding:24px 20px 55px}.worker-back{border:0;background:none;padding:6px 0;color:#526c85;font-size:13px;font-weight:700}.worker-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:12px 0 15px}.worker-heading p{font-size:12px;color:#71859a;margin:0 0 5px}.worker-heading h1{font-size:23px;line-height:1.25;letter-spacing:-.03em;margin:0}.worker-heading>span{white-space:nowrap;font-size:12px;color:#617e9d;font-weight:700}.worker-main .progress-bar{margin-bottom:14px}.worker-banners{margin:0 0 16px}.worker-banner{font-size:12px;line-height:1.5;margin:0;padding:8px 12px}.worker-banner+.worker-banner{margin-top:6px}.worker-banner.local{background:#e9f1fb;color:#315d92;border-radius:7px}.worker-banner.warning{background:#fff7e7;color:#78591f;border-radius:7px}.worker-section-label{margin:0 0 7px;color:#667f96;font-size:12px;font-weight:700}.worker-product h2{margin:0 0 7px}.worker-product-name{margin:0;color:#53697c;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.worker-product-name span{font-size:12px;color:#8493a0}.pour-instruction{margin:22px 0;padding:17px 19px;background:#edf5fd;border-radius:10px;color:#294a67;font-size:15px;line-height:1.55}.pour-instruction p{margin:0}.pour-instruction p+p{margin-top:8px}.pour-instruction strong{color:#183f75}.worker-materials h3{font-size:15px;margin:0 0 9px}.worker-materials ul{margin:0;padding:0;list-style:none}.worker-materials li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid #e9eef2;padding:12px 0;font-size:14px;line-height:1.45}.worker-materials li span{min-width:0;overflow-wrap:anywhere}.worker-materials li strong{flex:none;white-space:nowrap;color:#243d52;font-size:14px}.worker-product .worker-actions .btn-danger{flex:0 1 auto}@media(max-width:560px){.worker-bar{min-height:56px;padding:9px 16px}.worker-main{padding:18px 14px 40px}.worker-heading{align-items:start}.worker-heading h1{font-size:19px}.worker-heading>span{font-size:11px}.worker-product h2{font-size:22px}.worker-card{padding:18px}.pour-instruction{font-size:14px;padding:15px}.worker-materials li{font-size:13px;gap:12px}.worker-materials li strong{font-size:13px}.worker-product .worker-actions .btn{width:100%}}

/* Ready status is separate from the liquid's colour. */
.choice.is-ready{background:#eaf7ee;border-color:#91c9a4;color:#185b35;opacity:1}
.choice.is-ready .choice-copy small,.choice.is-ready .choice-arrow{color:#256d43}
.choice .choice-color.blue{background:#dff1ff;color:#1677b4}
.choice .choice-color.green{background:#ddf2e3;color:#247444}
.choice .choice-color.clear{background:#fff;color:#607a8e;box-shadow:inset 0 0 0 1px #aabcc8}
.choice.is-ready:hover:not(:disabled){background:#dff2e6;border-color:#68aa80}