:root{color-scheme:light;--bg:#f4f7fb;--panel:#fff;--text:#182940;--muted:#7d899b;--line:#e7ecf3;--navy:#102844;--navy2:#152f51;--blue:#1676dc;--blue-soft:#eaf4ff;--shadow:0 8px 32px rgba(16,40,68,.045)}*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:26px;line-height:1.4;margin-bottom:6px}h2{font-size:17px;margin-bottom:0}small{font-size:12px}.muted{color:var(--muted);line-height:1.85}.eyebrow{color:var(--blue);font-size:12px;font-weight:bold;letter-spacing:.04em;margin-bottom:8px}.app-shell{display:flex;min-height:100vh}.sidebar{background:linear-gradient(170deg,var(--navy),var(--navy2));color:#d9e4ef;width:245px;flex:0 0 245px;display:flex;flex-direction:column;min-height:100vh;box-shadow:2px 0 15px #06152810}.brand{display:flex;align-items:center;gap:13px;padding:27px 20px;color:#fff;font-weight:bold;font-size:15px}.brand img{width:43px;height:43px;object-fit:contain;background:#fff;border-radius:13px;padding:5px}.brand small{display:block;color:#b1c4d5;margin-top:5px;font-size:11px;letter-spacing:.07em}.version{font-weight:normal}.sidebar-label{margin:26px 24px 14px;font-size:11px;color:#7f9bb8}.nav-links{display:grid;gap:6px;padding:0 12px}.nav-item{display:flex;gap:12px;align-items:center;padding:14px 15px;color:#b7ccdf;border-radius:10px;transition:background .15s}.nav-item:hover{background:#ffffff10;color:#fff}.nav-item.active{color:#fff;background:#2868a8;font-weight:bold}.nav-bullet{width:9px;height:9px;border:2px solid currentColor;transform:rotate(45deg);border-radius:2px;flex:none}.sidebar-foot{margin-top:auto;padding:22px 19px;display:flex;gap:12px;align-items:center;border-top:1px solid #ffffff1a}.sidebar-foot strong{font-size:13px;display:block;color:#fff}.sidebar-foot small{display:block;color:#b1c4d5;margin-top:4px}.avatar{display:grid;place-items:center;background:#2c5985;color:#fff;width:38px;height:38px;border-radius:12px;font-size:17px}.main-column{display:flex;flex-direction:column;flex:1;min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 32px;gap:12px}.topbar-start,.topbar-end{display:flex;align-items:center;gap:20px}.crumb{font-size:13px;color:#59697c}.crumb-dot{padding:0 8px;color:#abb7c4}.profile-link{color:#53677c;font-size:13px}.topbar-end form{margin:0}.text-button{border:0;background:transparent;color:#c84851;font-size:13px;padding:8px}.menu-toggle{display:none;background:#edf5fc;border:0;border-radius:9px;color:var(--navy);width:37px;height:37px}.content{padding:32px;flex:1;max-width:1480px;width:100%;margin:0 auto}.footer{text-align:center;color:#8f9aaa;font-size:11px;padding:15px 20px 22px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-head p{margin-bottom:0}.pill{color:#1676dc;background:var(--blue-soft);padding:9px 14px;border-radius:99px;font-size:12px;font-weight:bold}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat-card,.panel{border:1px solid var(--line);background:var(--panel);border-radius:15px;box-shadow:var(--shadow)}.stat-card{display:flex;flex-direction:column;gap:14px;padding:23px 24px;min-height:168px}.stat-card span{color:#69798d;font-size:13px}.stat-card strong{font-size:34px;line-height:1;font-weight:bold;color:var(--navy)}.stat-card small{color:#9aa7b7}.stat-card.accent{background:#eaf4ff;border-color:#dcecff}.stat-text{font-size:19px!important;line-height:1.6!important}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:22px 24px}.text-link{color:var(--blue);font-size:13px;font-weight:bold}.text-link:hover{text-decoration:underline}.activity-list{padding:7px 24px}.activity{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #edf1f6}.activity:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px var(--blue-soft)}.activity>div:nth-child(2){flex:1}.activity strong,.milestone strong{display:block;font-size:13px}.activity small,.milestone small{display:block;color:var(--muted);margin-top:5px}.activity time{color:#9eabb9;font-size:11px;direction:ltr}.milestone{display:flex;gap:17px;align-items:center;margin:0 24px;padding:21px 0;border-bottom:1px solid var(--line)}.milestone:last-child{border:0}.step{display:grid;place-items:center;width:34px;height:34px;background:#eff2f7;border-radius:12px;color:#698098;font-weight:bold;flex:none}.step.done{background:#e5f7ed;color:#239463}.table-panel{overflow:hidden}.table-toolbar{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:10px}.counter{font-size:11px;border-radius:20px;background:#e9f3ff;color:var(--blue);padding:5px 8px}.search-box{display:flex;align-items:center;gap:12px;color:#8290a0;font-size:12px}.search-box input{max-width:230px;padding:11px 13px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:750px;font-size:13px;text-align:right}th{background:#f7f9fc;color:#7c8ba0;font-size:12px;font-weight:bold}th,td{padding:17px 21px;border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child td{border-bottom:0}td strong{font-size:13px}.block-muted{display:block;color:#99a4b2;margin-top:5px}.status{display:inline-block;border-radius:20px;padding:6px 11px;font-size:12px}.status.active{background:#e4f7ed;color:#19784b}.status.inactive{background:#fcebea;color:#a44340}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 18px;border:1px solid transparent;font-weight:bold;font-size:13px;white-space:nowrap;min-height:42px}.button.primary{background:#1978db;color:#fff;box-shadow:0 4px 12px #1978db26}.button.primary:hover{background:#1067c5}.button.secondary{background:#fff;color:#39536d;border-color:#dde5ee}.button:disabled{opacity:.45;cursor:not-allowed}.form-panel{padding:27px}.form-panel h2{margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 23px}.form-panel label,.auth-card label{display:block;font-size:13px;font-weight:bold;color:#364b65}input:not([type=checkbox]),select{border:1px solid #dce5ef;background:#fff;border-radius:9px;width:100%;padding:13px 12px;color:var(--text);min-height:44px;outline:0;margin-top:9px}input:focus,select:focus{border-color:#398fe8;box-shadow:0 0 0 3px #1a79de14}input[dir=ltr]{text-align:left}.help{color:#8798a9;display:block;font-weight:normal;font-size:11px;line-height:1.6;margin-top:8px}.toggle-line{display:flex;align-items:center;padding-top:13px}.checkbox-label{display:inline-flex!important;align-items:center;gap:12px}.checkbox-label input{width:18px;height:18px;accent-color:var(--blue)}.form-actions{display:flex;gap:12px;align-items:center;margin-top:30px}.section-head{padding-top:25px;margin:20px 0!important;border-top:1px solid var(--line)}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.permission-item{display:flex!important;align-items:start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fcfdff}.permission-item input{margin-top:2px;width:17px;height:17px;accent-color:#1978db}.permission-item strong{font-size:12px;display:block}.permission-item small{color:#8c9aab;display:block;direction:ltr;text-align:right;margin-top:5px;overflow-wrap:anywhere}.detail-pair{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.detail-pair:last-child{border:0}.detail-pair span{color:var(--muted);font-size:13px}.detail-pair strong{font-size:13px}.auth-body{min-height:100vh;background:radial-gradient(circle at 10% 15%,#dfeeff,transparent 45%),linear-gradient(135deg,#f7f9fc,#ebf2fb);display:flex;justify-content:center;align-items:center;padding:24px}.auth-card{width:100%;max-width:445px;background:#fff;padding:42px;border:1px solid #e4ebf4;box-shadow:0 20px 70px #193d6620;border-radius:18px}.login-logo{width:91px;height:78px;object-fit:contain;display:block;margin:0 0 19px}.auth-card h1{font-size:25px}.auth-card p{margin-bottom:26px}.auth-card label{margin-bottom:18px}.auth-card .button{margin-top:8px}.stretch{width:100%}.auth-caption{color:#a0aab8;text-align:center;font-size:11px;margin-top:23px}.alert{padding:13px 18px;border-radius:10px;margin-bottom:22px;font-size:13px;line-height:1.7}.alert.error{background:#ffedf0;color:#a33d48}.alert.success{background:#e6f8ee;color:#166e46}.empty{padding:16px}@media(max-width:1120px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:fixed;z-index:30;right:-260px;height:100vh;transition:right .2s}.sidebar.open{right:0}.menu-toggle{display:inline-grid;place-items:center}.topbar{padding:0 16px}.topbar-start,.topbar-end{gap:12px}.crumb{font-size:12px}.content{padding:20px 15px}.page-head{align-items:flex-start;flex-direction:column}.form-grid,.stat-grid,.permission-grid{grid-template-columns:1fr}.stat-card{min-height:130px}.table-toolbar{flex-direction:column;align-items:flex-start}.search-box input{max-width:100%}.auth-card{padding:27px}.form-panel{padding:19px}.activity time{display:none}}
textarea{border:1px solid #dce5ef;background:#fff;border-radius:9px;width:100%;padding:13px 12px;color:var(--text);min-height:100px;outline:0;margin-top:9px;font:inherit;resize:vertical}textarea:focus{border-color:#398fe8;box-shadow:0 0 0 3px #1a79de14}.form-section{margin-bottom:20px}.form-section h2{margin-bottom:25px}.form-grid .full-field{grid-column:1/-1}.form-long-label{display:block;margin-top:18px;font-size:13px;font-weight:bold;color:#364b65}.machine-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.machine-fields{display:grid;grid-template-columns:1.3fr 1fr 100px 80px;gap:12px;align-items:end;padding:15px;border:1px solid #e7ecf3;border-radius:11px;background:#fafcff}.machine-fields label,.filters-bar label,.order-side label{display:block;font-size:13px;font-weight:600;color:#40566c}.machine-fields .button{margin-bottom:0}.check-row{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.check-row .checkbox-label{font-weight:normal!important}.filters-bar{display:flex;flex-wrap:wrap;gap:13px;align-items:end}.filters-bar label{flex:1;min-width:150px}.filters-bar label:first-of-type{flex:2;min-width:210px}.filters-bar .button{margin-bottom:0}.filter-panel{padding:18px 22px;margin-bottom:20px}.button-sm{font-size:12px;padding:7px 13px;min-height:34px}.wrap-cell{white-space:normal;min-width:160px;max-width:260px;line-height:1.6}.order-chip{display:inline-block;padding:7px 11px;border-radius:22px;background:#e9f2ff;color:#205f9d;font-size:12px;font-weight:600}.order-chip.state-draft{background:#f3f4f6;color:#616d7c}.order-chip.state-technical_info_needed,.order-chip.state-technical_blocked,.order-chip.state-cancelled{background:#ffebed;color:#a8454d}.order-chip.state-completed{background:#e6f8ee;color:#167946}.health-tag{display:inline-block;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:bold}.health-tag.healthy{background:#e8f8ef;color:#218354}.health-tag.attention{background:#fff4da;color:#906510}.health-tag.stopped{background:#ffe8ec;color:#a73745}.order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.summary-tile{border-radius:14px;background:white;border:1px solid #e7ecf3;padding:22px;display:flex;flex-direction:column;gap:12px;min-height:120px}.summary-tile span,.summary-tile small{color:#8090a0;font-size:12px}.summary-tile strong{font-size:15px}.order-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;align-items:start}.order-main,.order-side{display:flex;flex-direction:column;gap:20px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.details-grid>div{display:flex;flex-direction:column;gap:8px}.details-grid span{font-size:12px;color:#8290a0}.details-grid strong{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.details-grid .details-full{grid-column:1/-1}.with-top{margin-top:22px}.order-notes{margin:24px 0 0;padding:15px;background:#f6f9fd;line-height:1.8;border-radius:10px;overflow-wrap:anywhere}.order-side label{margin:15px 0}.order-side .button{margin-top:12px}.head-buttons{display:flex;gap:12px;flex-wrap:wrap}.followup{display:flex;justify-content:space-between;gap:15px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line);line-height:1.7}.followup:last-child{border-bottom:0}.followup strong{display:block;margin-top:8px;font-size:14px}.followup p{margin:9px 0;overflow-wrap:anywhere}.followup small{display:block}.order-timeline{border-right:2px solid #e0eaf3;margin-right:10px;padding-right:22px}.timeline-entry{position:relative;margin-bottom:20px}.timeline-entry:before{content:'';position:absolute;right:-31px;top:4px;width:14px;height:14px;border-radius:50%;background:#2686e2;border:3px solid white;box-shadow:0 0 0 1px #dce8f5}.timeline-entry strong,.timeline-entry small{display:block}.timeline-entry small{margin-top:6px;color:#8a98a7}.timeline-entry p{margin:8px 0;white-space:normal;overflow-wrap:anywhere}@media(max-width:1100px){.order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-grid{grid-template-columns:1fr}}@media(max-width:760px){.machine-fields{grid-template-columns:1fr 1fr}.machine-fields label:first-child{grid-column:1/-1}.machine-fields label:nth-child(2){grid-column:1/-1}.order-summary,.details-grid{grid-template-columns:1fr}.details-grid .details-full{grid-column:auto}.filter-panel{padding:14px}.filters-bar{display:grid;grid-template-columns:1fr 1fr}.filters-bar label,.filters-bar label:first-of-type{min-width:0}.filters-bar label:first-of-type{grid-column:1/-1}.head-buttons{width:100%}.head-buttons .button{flex:1}.summary-tile{min-height:100px}.order-detail-grid{gap:15px}.followup{flex-direction:column}}@media(max-width:420px){.filters-bar,.machine-fields{grid-template-columns:1fr}}

.stage-form{margin-top:22px;border-top:1px solid var(--line);padding-top:22px}.stage-form h3{margin:0 0 12px}.stage-form .form-grid{gap:16px}.stage-form .checkbox-label{align-self:center}.stage-form .details-grid{margin-bottom:12px}
.table-scroll td .stage-form{min-width:230px;margin-top:9px;white-space:normal}.table-scroll td .stage-form label{white-space:normal;line-height:1.5}.table-scroll td .stage-form input{font-size:12px}.table-scroll td .stage-form .button{margin-top:8px;padding:9px 12px;min-height:35px}.table-scroll td small{display:block;white-space:normal;max-width:340px;margin-top:6px;line-height:1.6;color:#64748b}
.recipient-scroll{max-height:210px;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid var(--border,#d8e1ee);border-radius:9px}
fieldset{border:1px solid var(--border,#d8e1ee);border-radius:10px;padding:12px;min-width:0}
fieldset legend{font-weight:700;padding:0 6px}

/* VendyStation identity */
:root{--bg:#f3f8f5;--panel:#fff;--text:#18382b;--muted:#667e70;--line:#dbe9df;--navy:#134b30;--navy2:#0b3825;--blue:#176c47;--blue-soft:#e8f4ec;--shadow:0 12px 36px rgba(19,75,48,.065)}
body{font-family:system-ui,'Segoe UI',Tahoma,Arial,sans-serif}
.sidebar{background:linear-gradient(155deg,#134b30,#0b3825);box-shadow:3px 0 22px rgba(19,75,48,.07)}
.brand{font-weight:750;letter-spacing:.012em}.brand img{background:#134b30;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.22)}
.sidebar-label{color:#a5c4b2}.nav-item{color:#c8e0d0}.nav-item:hover{background:rgba(255,255,255,.12)}
.nav-item.active{background:#256f4c;color:#fff;box-shadow:inset 3px 0 0 #a2d9b2}
.sidebar-foot small,.brand small{color:#b4d6be}.avatar{background:#27714c}
.topbar{box-shadow:0 1px 0 rgba(19,75,48,.04)}
.button.primary{background:#176c47;border-color:#176c47;color:#fff}.button.primary:hover{background:#0f5436;border-color:#0f5436}
.button.secondary{color:#155536;border-color:#bfd8c7;background:#f6fbf8}.button.secondary:hover{background:#eaf5ee}
.pill{background:#e7f3ec;color:#155c3b}.stat-card.accent{background:#edf7f0;border-color:#d0e6d7}
.order-chip{background:#e7f3ec;color:#205d3c}.order-timeline{border-right-color:#d5e9dc}.timeline-entry:before{background:#19714a}
.auth-body{background:radial-gradient(circle at 12% 13%,#dceee2,transparent 44%),radial-gradient(circle at 88% 82%,#d0e7d9,transparent 36%),#f3f8f5}
.auth-card{border:1px solid #dce8de;box-shadow:0 28px 85px rgba(14,65,39,.11)}
.login-logo{height:96px;width:96px;object-fit:contain;border-radius:20px}
input:focus,select:focus,textarea:focus{border-color:#2d8b5b!important;box-shadow:0 0 0 3px rgba(41,139,88,.12)!important}
.lang-switch{display:inline-flex;align-items:center;gap:5px;border:1px solid #d5e8db;padding:4px;background:#f1f9f4;border-radius:12px}
.lang-switch button{background:transparent;color:#456b54;border:0;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:700;min-height:32px}
.lang-switch button.active{background:#176c47;color:white;box-shadow:0 2px 8px rgba(19,75,48,.17)}
.lang-switch button:not(.active):hover{background:#e1f1e7}.topbar-end{gap:13px}
.auth-language{display:flex;justify-content:flex-end;margin-bottom:4px}
html[dir="ltr"]{direction:ltr}html[dir="ltr"] body{text-align:left}
html[dir="ltr"] .order-timeline{border-right:none;border-left:2px solid #d5e9dc;margin-right:0;margin-left:10px;padding-right:0;padding-left:22px}
html[dir="ltr"] .timeline-entry:before{right:auto;left:-31px}
html[dir="ltr"] .nav-item.active{box-shadow:inset -3px 0 0 #a2d9b2}
html[dir="ltr"] .sidebar{box-shadow:-3px 0 22px rgba(19,75,48,.07)}
html[dir="ltr"] .topbar-end{direction:ltr}
html[dir="ltr"] .table-scroll{direction:ltr}
@media(max-width:760px){html[dir="ltr"] .sidebar{right:auto;left:-260px;transition:left .2s}html[dir="ltr"] .sidebar.open{left:0}html[dir="ltr"] .topbar{height:auto;min-height:74px;flex-wrap:wrap;padding:12px 16px}.lang-switch button{padding:5px 7px}}

.lang-switch a{color:#456b54;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:700}.lang-switch a.active{background:#176c47;color:white}.lang-switch a:not(.active):hover{background:#e1f1e7}

.permission-item:has(select){flex-direction:column;gap:10px}.permission-item:has(select) span{min-width:0;width:100%}.permission-item:has(select) select{font-size:12px;margin-top:0;min-height:36px;width:100%}

.message-dialog{width:min(880px,calc(100vw - 28px));max-height:88vh;overflow:auto;border:1px solid #d7e5dc;border-radius:20px;padding:27px;background:#fff;color:var(--text);box-shadow:0 24px 90px #082f2280}
.message-dialog::backdrop{background:#071b19a3;backdrop-filter:blur(3px)}
.dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #e4eee9;margin-bottom:20px;padding-bottom:15px}
.dialog-head h2{margin-bottom:5px}.dialog-close{background:#f2f7f3;border:0;border-radius:10px;width:38px;height:38px;font-size:26px;color:#165236}
.message-compose-form label{display:block;font-weight:600;font-size:13px}.message-compose-form .checkbox-label{display:inline-flex;font-weight:normal}
.send-options{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0}
.recipient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.recipient-grid fieldset{min-width:0;border:1px solid #e0eae4;border-radius:12px;padding:13px}
.recipient-grid legend{font-weight:bold;font-size:13px;color:#18533c;padding:0 5px}
.recipient-grid .recipient-scroll{max-height:170px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.recipient-grid .checkbox-label{align-items:flex-start;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #edf0ec}
.delivery-panel{margin-top:20px;padding:23px}.delivery-panel .panel-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.delivery-panel th,.delivery-panel td{padding:12px;white-space:normal}
.delivery-panel th:last-child,.delivery-panel td:last-child{min-width:105px}
.delivery-status{font-weight:bold;font-size:13px;display:inline-block;padding:5px 10px;border-radius:14px;background:#edf1f3;color:#57646e}
.delivery-status.status-sent{background:#e2f6eb;color:#11623e}.delivery-status.status-failed{background:#ffeded;color:#a1323d}.delivery-status.status-processing{background:#e8f1ff;color:#2563a2}
.delivery-summary{margin:12px 0 18px;color:#194e39;font-weight:600}
[data-manual-recipients][hidden],[data-delivery-retry][hidden]{display:none!important}
@media(max-width:720px){.message-dialog{padding:17px}.recipient-grid{grid-template-columns:1fr}.recipient-grid .recipient-scroll{max-height:140px}.dialog-actions .button{flex:1}.delivery-panel{padding:15px}}


/* Messaging directory and order form dispatch */
.recipient-chooser{margin:18px 0;padding:16px;background:#f6faf7;border:1px solid #dceadf;border-radius:16px}
.recipient-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}
.recipient-choice{cursor:pointer;display:flex;align-items:center;gap:11px;padding:14px;border-radius:12px;background:white;border:1px solid #dce7df;min-height:68px}
.recipient-choice:has(input:checked){border-color:#166646;background:#eaf6ef;box-shadow:0 0 0 1px #166646 inset}
.recipient-choice strong{display:block;color:#144b35;font-size:14px}
.recipient-choice small{display:block;margin-top:3px;color:#587367;font-size:12px}
.recipient-picker-label{display:block;font-size:13px;font-weight:650;color:#214d3d}
.recipient-picker-label select{width:100%;margin-top:7px}
.recipient-help{font-size:12px;margin:11px 0 0}
[data-recipient-field][hidden]{display:none!important}
.send-channel-box{padding:12px 0;border-block-start:1px solid #e4eee7}
.message-preview{margin-top:12px;border:1px solid #dfe9e3;border-radius:12px;padding:13px;background:#fff}
.message-preview summary{cursor:pointer;font-weight:600;color:#18573d}
.message-preview pre{font-family:inherit;white-space:pre-wrap;word-break:break-word;line-height:1.8;font-size:13px;color:#355448;max-height:240px;overflow:auto;padding:10px;background:#f7faf8;border-radius:9px}
.simple-compose-panel{max-width:920px}
.send-settings-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.send-settings-status>div{background:#fff;border:1px solid #e0eae3;border-radius:14px;padding:17px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:72px}
.send-settings-status strong{font-size:15px;color:#164b35}
.send-settings-status small{font-size:12px;color:#667f70;width:100%}
.status-dot{width:9px;height:9px;background:#c88d3b;border-radius:50%;display:inline-block}
.status-dot.on{background:#259b62}
.contact-add-panel{border:1px solid #d4e7da}
.contact-directory-panel{margin-top:18px}
.directory-group{padding:18px 0;border-top:1px solid #edf2ee}
.directory-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.directory-group-head h3{margin:0;font-size:17px;color:#194a37}
.directory-count{background:#edf7ef;border-radius:50px;padding:5px 11px;color:#327050;font-size:12px}
.directory-empty{color:#748479;font-size:13px;padding:13px;border-radius:12px;background:#f8faf9}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-card{padding:16px;border:1px solid #dceae1;border-radius:14px;background:#fff;min-width:0}
.contact-card.is-inactive{opacity:.72;background:#f5f6f5}
.contact-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}
.contact-card-head strong{font-size:15px;color:#143d2e}
.contact-state{border-radius:30px;font-size:11px;padding:4px 9px;background:#e7f6ed;color:#276b45}
.is-inactive .contact-state{background:#eee;color:#666}
.contact-detail{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:7px;overflow-wrap:anywhere}
.contact-detail span{font-size:12px;color:#708276;min-width:55px}
.contact-detail b{font-size:12px;font-weight:500;overflow-wrap:anywhere}
.contact-actions{margin-top:14px;padding-top:12px;border-top:1px solid #ecf0ed;display:flex;align-items:start;gap:11px;flex-wrap:wrap}
.contact-edit summary{cursor:pointer;color:#195c3e;font-size:13px;margin-top:5px}
.contact-edit[open]{width:100%}
.contact-edit form{margin-top:12px;display:grid;gap:10px}
.contact-edit label{font-size:12px}
.inline-send-one{display:inline-flex;margin-inline-start:12px}
@media(max-width:720px){.recipient-choice-row,.contact-grid{grid-template-columns:1fr}.send-settings-status{grid-template-columns:repeat(2,minmax(0,1fr))}}

.order-chip.prep-red,.stat-card.prep-red{background:#ffebed;color:#ac263e;border-color:#ffd1d8}
.order-chip.prep-yellow,.stat-card.prep-yellow{background:#fff2c9;color:#825c00;border-color:#f4d78a}
.order-chip.prep-green,.stat-card.prep-green{background:#e4f6e9;color:#136a37;border-color:#b7e8c6}
.preparation-panel{border-top:4px solid #16623c}
.preparation-panel .order-chip{margin:9px 0}
.preparation-panel [hidden],[data-custom-payment][hidden]{display:none!important}
.preparation-panel label{display:block;margin:12px 0}
.preparation-stats .stat-card{text-decoration:none;display:block;border:1px solid;padding:17px}
.preparation-stats .stat-card span{color:inherit}

tr.order-row.prep-yellow td:first-child{box-shadow:inset 4px 0 0 #d8a62a}tr.order-row.prep-green td:first-child{box-shadow:inset 4px 0 0 #249b60}tr.order-row.prep-red td:first-child{box-shadow:inset 4px 0 0 #df4d61}

.preparation-history{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.preparation-history summary{font-weight:650;cursor:pointer}.preparation-history>div{padding:9px 0;border-bottom:1px solid var(--line)}.preparation-history small{display:block;margin:5px 0;color:var(--muted)}

.detailed-stages{display:block;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px}.detailed-stages>summary{cursor:pointer;color:#135035;font-weight:750;padding:5px}.detailed-stages[open]>summary{margin-bottom:17px;border-bottom:1px solid var(--line);padding-bottom:15px}.detailed-stages>.panel{box-shadow:none;padding:12px 0}

.recipient-chooser-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:8px}
.recipient-chooser-heading strong{font-size:15px;color:#12462f}
[data-recipient-count]{font-size:12px;background:#e6f3e9;color:#206848;padding:6px 12px;border-radius:30px}
.recipient-multi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:12px}
.recipient-multi-grid fieldset{border:1px solid #dce8df;border-radius:13px;background:#fff;min-width:0;padding:13px}
.recipient-multi-grid legend{color:#164b34;font-weight:700;padding:0 6px}
.recipient-search{width:100%;border:1px solid #dce8df;border-radius:9px;padding:10px 11px;min-width:0;margin:6px 0 11px}
.recipient-multi-scroll{max-height:225px;overflow:auto;display:grid;align-content:start;gap:6px;padding-inline-end:5px}
.recipient-multi-item,.preparation-panel .recipient-multi-item{display:flex;gap:10px;align-items:start;padding:10px;border:1px solid #e6eee9;border-radius:9px;cursor:pointer;margin:0;line-height:1.5}
.recipient-multi-item:hover{background:#f1f8f3}.recipient-multi-item:has(input:checked){border-color:#489e71;background:#e9f6ee}
.recipient-multi-item input{flex:none;margin-top:4px;accent-color:#16623c}
.recipient-multi-item span{overflow-wrap:anywhere}.recipient-multi-item small{display:block;color:#6d8377;margin-top:3px}
.recipient-multi-item[hidden]{display:none!important}
.preparation-send-dialog{width:min(810px,calc(100vw - 28px))}
.preparation-sender-note{padding:12px 15px;background:#e9f6ee;border:1px solid #cfe6d5;border-radius:12px;color:#19563b;line-height:1.7}
.preparation-send-dialog .recipient-chooser{margin-bottom:12px}
@media(max-width:710px){.recipient-multi-grid{grid-template-columns:1fr}.recipient-multi-scroll{max-height:168px}}

.preparation-send-summary{padding:11px 14px;margin:0 0 11px;border-radius:10px;background:#f2f5f3;color:#2b5140}

.page-actions { display:flex; flex-wrap:wrap; gap:.65rem; margin:0 0 1rem; }
.page-actions .button { text-decoration:none; }


/* Refined visual system */
:root{--bg:#f4f8f6;--panel:#fff;--text:#18382b;--muted:#6b8174;--line:#e0ece5;--navy:#113e2b;--navy2:#08291d;--blue:#15744a;--blue-soft:#e9f5ee;--shadow:0 10px 36px rgba(14,63,40,.065)}
body.app-body{font-family:system-ui,"Segoe UI",Tahoma,Arial,sans-serif;background:radial-gradient(ellipse at 70% -15%,rgba(198,235,209,.32),transparent 47%),var(--bg)}
.sidebar{background:linear-gradient(165deg,#164e35 0%,#0d3928 50%,#082c20 100%);border-inline-end:1px solid #ffffff16}
.brand{padding:26px 23px 20px;gap:14px;letter-spacing:0}.brand img{width:47px;height:47px;border-radius:15px;box-shadow:0 6px 24px #001a102a;border:1px solid #ffffff27}
.brand span{font-size:17px;letter-spacing:-.02em}.brand small{letter-spacing:.03em;font-size:10px;font-weight:500;color:#b0d3bf;margin-top:3px}
.sidebar-label{margin-top:28px;text-transform:none;letter-spacing:.05em}
.nav-links{gap:5px;padding-inline:13px}.nav-item{border-radius:12px;min-height:47px;padding:12px 15px;font-weight:550;transition:background .15s,color .15s,transform .15s}.nav-item:hover{transform:translateY(-1px);background:#ffffff13}.nav-item.active{background:linear-gradient(110deg,#2a8055,#1d6344);box-shadow:0 5px 16px #00170c28,inset 0 0 0 1px #ffffff17}
.nav-bullet{border-radius:3px;width:8px;height:8px}.sidebar-foot{background:#031a101c;border-top:1px solid #ffffff1b}.avatar{border-radius:13px;background:linear-gradient(145deg,#3a9365,#216e4b)}
.topbar{height:77px;background:#ffffffed;border-bottom:1px solid #dfeae4;box-shadow:0 3px 21px rgba(15,57,39,.025)}.crumb{font-weight:600;color:#4b6756}.profile-link{font-weight:700;color:#1e6947}
.content{max-width:1530px;padding:35px 37px 50px}.page-head{margin-bottom:26px}.page-head h1{font-size:29px;font-weight:800;letter-spacing:-.035em}.page-head .muted{font-size:13px}.eyebrow{color:#278657;font-weight:750}
.panel,.stat-card{border:1px solid #e1ece5;border-radius:19px;box-shadow:0 5px 23px rgba(24,76,50,.045),0 1px 3px rgba(24,76,50,.015)}.stat-card{position:relative;overflow:hidden;min-height:162px;padding:23px 25px;gap:13px}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#4d9b70;opacity:.7}html[dir="rtl"] .stat-card:before{inset:0 0 0 auto}.stat-card strong{font-size:37px;color:#113f2b}.stat-card span{font-weight:650;color:#5a7a68}
.button{border-radius:12px;font-weight:750;transition:transform .13s,box-shadow .13s,background .13s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:linear-gradient(125deg,#1d8457,#12633f);border-color:#156d47;box-shadow:0 6px 18px rgba(19,100,63,.18)}.button.primary:hover{background:linear-gradient(125deg,#17764d,#0e5636);box-shadow:0 8px 21px rgba(19,100,63,.24)}.button.secondary{border-color:#d4e6d9;background:#fff;color:#215e40}.button.secondary:hover{background:#f0f9f3}
.table-toolbar{background:linear-gradient(145deg,#fff,#fbfdfa)}table{border-spacing:0}th{background:#f5faf7;color:#617d6b;text-transform:none}td{color:#284d39}tbody tr:hover{background:#f9fcfa}.order-row{transition:background .13s}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #d9e8df;border-radius:12px;background:#fff;transition:border-color .14s,box-shadow .14s}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:#379569!important;box-shadow:0 0 0 4px #28855419!important}fieldset{border-color:#dcebe1}
.order-visibility-panel{margin-top:22px}.setting-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:14px}.setting-heading h2{margin-bottom:8px}.setting-heading .muted{margin-bottom:0}.setting-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;color:#20784d;background:#e6f5eb;font-size:25px}
.visibility-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.visibility-choice{display:flex!important;gap:11px;padding:18px 15px;border:1px solid #dbe9df;border-radius:15px;background:linear-gradient(145deg,#fff,#fbfdfb);cursor:pointer;min-height:110px}.visibility-choice:has(input:checked){border-color:#39966b;background:#eef9f1;box-shadow:0 0 0 1px #39966b inset}.visibility-choice input{width:19px;height:19px;accent-color:#1c8153;flex:none;margin-top:2px}.visibility-choice strong{display:block;color:#1d4c33;font-size:13px}.visibility-choice small{display:block;line-height:1.65;margin-top:7px;color:#6c8474;font-size:11px}
.send-result-modal{border:1px solid #e1eee5;border-radius:24px;padding:0;max-width:min(460px,calc(100vw - 28px));width:100%;color:var(--text);background:#fff;box-shadow:0 32px 100px #08271957;overflow:hidden}.send-result-modal::backdrop{background:#061c14a6;backdrop-filter:blur(5px)}.send-result-hero{text-align:center;padding:30px 25px 19px;background:linear-gradient(160deg,#f0faf3,#fff 85%)}.result-icon{display:grid;place-items:center;margin:0 auto 14px;width:54px;height:54px;border-radius:18px;color:#116c41;background:#d9f3e3;font-size:27px;font-weight:800}.send-result-hero h2{font-size:20px;font-weight:800;margin:0 0 9px}.send-result-hero p{font-size:12px;color:#6c8476;line-height:1.8;margin:0}.send-result-lines{padding:5px 23px 10px}.send-result-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #edf2ee;font-size:13px}.send-result-line strong{font-weight:800;color:#254b34}.send-result-line span{font-size:12px;text-align:end;color:#7e8d83}.send-result-line .result-ok{color:#16774b}.send-result-line .result-error{color:#b03f36}.send-result-line .result-pending{color:#ad7629}.send-result-note{color:#718677;font-size:12px;line-height:1.8;margin:10px 23px 0}.send-result-buttons{display:flex;justify-content:flex-end;gap:9px;padding:22px 23px 25px}.send-result-buttons .button.primary{min-width:185px}
@media(max-width:980px){.visibility-choices{grid-template-columns:1fr}.visibility-choice{min-height:74px}}@media(max-width:760px){.content{padding:23px 15px}.page-head h1{font-size:25px}.send-result-buttons{flex-wrap:wrap}.send-result-buttons .button{flex:1}.topbar{height:auto;min-height:66px}}

.scope-indicator{display:inline-flex;align-items:center;min-height:29px;padding:6px 10px;border-radius:9px;background:#eef7f0;color:#236f48;font-size:11px;font-weight:700;white-space:nowrap}


/* Sign-in page */
.premium-auth-body{min-height:100vh;background:radial-gradient(ellipse at 16% 10%,rgba(45,130,78,.13),transparent 42%),radial-gradient(ellipse at 90% 90%,rgba(18,89,55,.1),transparent 44%),#f4f9f6;color:#173d2a;padding:20px}
.auth-shell{width:min(470px,100%);display:block;overflow:visible}
.premium-auth-card{max-width:none;width:100%;border:1px solid #dfebe2;border-radius:26px;background:#fff;box-shadow:0 24px 65px rgba(17,73,44,.11);padding:34px 42px 42px}
.premium-auth-card .auth-language{display:flex;justify-content:flex-end;margin-bottom:28px}
.premium-auth-card .auth-language .lang-switch{margin:0;border-radius:12px;padding:4px}
.premium-auth-card .auth-card-head{text-align:center;margin-bottom:28px}
.premium-auth-card .premium-login-logo{width:92px;height:92px;object-fit:contain;margin:0 auto 14px;border-radius:22px;box-shadow:0 10px 24px rgba(13,75,43,.12)}
.auth-brand-name{font-weight:800;font-size:24px;letter-spacing:-.035em;color:#154a30;margin-bottom:15px;direction:ltr}
.premium-auth-card h1{font-size:23px;line-height:1.35;font-weight:800;color:#173d29;margin:0}
.premium-auth-card .auth-form label{display:block;font-weight:700;font-size:13px;color:#2b4c38;margin-bottom:21px}
.premium-auth-card .auth-form input{width:100%;min-height:52px;background:#fcfefd;border:1px solid #d6e6db;border-radius:13px;padding:13px 15px;margin-top:9px;transition:border-color .15s,box-shadow .15s}
.premium-auth-card .auth-form input:focus{border-color:#218056!important;box-shadow:0 0 0 4px rgba(33,128,86,.13)!important}
.premium-login-button{width:100%;min-height:52px;margin-top:8px;border-radius:13px;font-size:14px;background:linear-gradient(125deg,#1a7850,#0d5637)}
.premium-auth-card .alert{text-align:start}
@media(max-width:600px){.premium-auth-body{padding:15px}.premium-auth-card{padding:24px 22px 30px;border-radius:20px}.premium-auth-card .auth-language{margin-bottom:21px}.premium-auth-card .premium-login-logo{width:80px;height:80px}.auth-brand-name{font-size:22px}}

/* Workflow and access controls */
.workflow-action-panel,.workflow-dashboard{padding:25px;margin-bottom:22px;border:1px solid #dceade;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(10,60,35,.055)}
.workflow-action-heading,.workflow-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.workflow-action-heading h2,.workflow-dashboard-head h2{margin:4px 0 8px;font-size:19px;color:#153c2a}
.workflow-stage-label{border:1px solid #cbe9d5;background:#edf8ef;color:#18643e;font-weight:700;border-radius:30px;padding:10px 16px;white-space:nowrap;font-size:12px}
.workflow-action-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.workflow-advance-form{display:flex;flex-direction:column;gap:8px;flex:1;max-width:370px;min-width:175px}
.workflow-advance-form .button{width:100%;gap:12px}.workflow-reason{font-size:12px;font-weight:700;display:block}.workflow-reason textarea{width:100%;min-height:70px;display:block;margin-top:8px}
.workflow-stage-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.workflow-stage-card{display:flex;flex-direction:column;gap:10px;border:1px solid #deebe2;border-radius:16px;background:linear-gradient(145deg,#fff,#f9fdfa);padding:18px 12px;text-align:center;transition:transform .15s,border-color .15s}
.workflow-stage-card:hover{transform:translateY(-2px);border-color:#69af83}.workflow-stage-card strong{font-size:31px;color:#15593b}.workflow-stage-card span{font-size:12px;font-weight:750;color:#345944;min-height:32px}.workflow-stage-card small{font-size:10px;color:#4c9470}
.role-permission-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:25px 0 20px}.role-permission-toolbar h2{font-size:19px;margin-bottom:8px}.role-permission-toolbar p{margin:0}.role-tools{display:flex;align-items:center;gap:10px}.role-tools input{margin:0;min-width:210px}
.role-groups{display:grid;gap:15px}.role-group{border:1px solid #dcebe1;border-radius:16px;background:#fbfdfb;overflow:hidden}.role-group>summary{list-style:none;cursor:pointer;padding:20px 19px;display:flex;align-items:center;justify-content:space-between;font-weight:800;color:#194f35;background:#f5faf6}.role-group>summary::-webkit-details-marker{display:none}.role-group>summary small{font-size:11px;font-weight:600;color:#54816a}.role-group[open]>summary{border-bottom:1px solid #e0ece4}.role-group-controls{display:flex;gap:8px;padding:14px 17px 2px}.role-group .permission-grid{padding:16px}.permission-item[hidden],.role-group[hidden]{display:none!important}
.orders-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:22px;color:#34684a;font-weight:700}
@media(max-width:1100px){.workflow-stage-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.workflow-stage-grid{grid-template-columns:repeat(2,1fr)}.workflow-action-heading,.workflow-dashboard-head,.role-permission-toolbar{flex-direction:column;align-items:stretch}.workflow-advance-form{max-width:none}.role-tools input{min-width:0;width:100%}}

/* Department order comments and navigation feedback */
.order-comments-panel{padding:25px 27px;margin:23px 0;scroll-margin-top:30px}
.order-comments-heading h2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:20px;margin:0 0 9px}
.order-comments-heading .muted{font-size:13px;margin-bottom:17px}
.order-comment-form{background:#f5faf6;border:1px solid #dce9df;border-radius:16px;padding:17px;margin-bottom:20px}
.order-comment-form label{display:block;font-weight:700;font-size:13px;margin-bottom:10px}
.order-comment-form textarea{width:100%;min-height:100px;padding:13px 15px;border-radius:12px;resize:vertical;background:#fff;border:1px solid #d6e6db;line-height:1.8}
.order-comment-form-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.order-comments-list{display:grid;gap:14px}
.order-comment{display:flex;align-items:flex-start;gap:13px;padding:15px;border:1px solid #edf1ee;border-radius:14px;background:#fff}
.order-comment-avatar{width:39px;height:39px;min-width:39px;display:grid;place-items:center;background:#e4f5e9;color:#1e6946;border-radius:13px;font-size:16px;font-weight:800}
.order-comment-content{flex:1;min-width:0}
.order-comment-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:8px}
.order-comment-meta strong{color:#16472f;font-size:13px}
.order-comment-meta time{font-size:11px;color:#728879;direction:ltr}
.order-comment-department{display:inline-flex;background:#eaf5ed;border-radius:8px;padding:4px 9px;color:#20724a;font-size:11px;font-weight:700}
.order-comment-content p{white-space:normal;overflow-wrap:anywhere;line-height:1.9;margin:0;font-size:13px}
.order-comments-empty{padding:12px 4px;margin:0}
.comments-pagination{display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap;margin-top:17px}
.page-loading-overlay[hidden]{display:none!important}
.page-loading-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(8,31,20,.34);backdrop-filter:blur(5px);padding:20px}
.page-loading-card{width:min(285px,calc(100vw - 40px));background:#fff;border-radius:23px;box-shadow:0 25px 80px rgba(3,39,21,.22);display:flex;align-items:center;flex-direction:column;gap:8px;padding:33px 25px;color:#16452e;text-align:center}
.page-loading-spinner{width:46px;height:46px;border-radius:50%;border:4px solid #dbeee0;border-top-color:#1d8654;animation:vendy-spin .85s linear infinite;margin-bottom:8px}
.page-loading-card strong{font-size:17px}.page-loading-card small{color:#6c8477;font-size:12px}
@keyframes vendy-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.page-loading-spinner{animation-duration:2.5s}}
@media(max-width:640px){.order-comments-panel{padding:18px 14px}.order-comment-form-footer .button{width:100%}}


/* Order type forms */
#order-form [hidden],.customer-existing-picker[hidden],.machine-custom-field[hidden],.type-detail-section[hidden]{display:none!important}
#order-form .customer-choice-box{padding:17px 18px;margin-bottom:22px;background:#f2f9f4;border:1px solid #d7eadc;border-radius:16px}
#order-form .customer-mode-options{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-bottom:8px}
#order-form .customer-mode-options label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700}
#order-form .customer-mode-options input{width:18px;height:18px;accent-color:#19794a}
#order-form .customer-existing-picker{padding-top:12px}
#order-form .customer-existing-picker label{font-size:13px;font-weight:700}
#order-form .customer-search-results{display:grid;max-height:230px;overflow:auto;margin-top:7px;gap:5px}
#order-form .customer-result{border:1px solid #e1ede5;border-radius:10px;background:#fff;padding:11px 14px;text-align:start;color:#234d36}
#order-form .customer-result:hover,#order-form .customer-result:focus{background:#e3f4e9;border-color:#63aa80}
#order-form .customer-selected-label:not(:empty){margin-top:12px;padding:11px;border:1px solid #cae6d4;border-radius:10px;background:#e7f5ec;color:#1c7049;font-weight:700}
#order-form .machine-fields{grid-template-columns:minmax(145px,1.4fr) minmax(125px,1fr) minmax(130px,1fr) minmax(100px,1fr) 85px 80px;gap:10px;background:#fff;border-color:#dbeae0}
#order-form .machine-fields:has([data-machine-custom]:not([hidden])){grid-template-columns:repeat(3,minmax(120px,1fr)) 85px 80px}
#order-form .machine-fields:has([data-machine-custom]:not([hidden])) .machine-custom-field{grid-column:auto}
#order-form .machine-fields label{min-width:0}
#order-form .type-detail-section{padding:10px 0}
#order-form .type-detail-section h3{font-size:16px;color:#145c39;margin:0 0 20px}
#order-form .type-detail-section .form-grid label{display:block;font-size:13px;font-weight:700;color:#35513d}
#order-form .form-section{border-color:#dfece3}
@media(max-width:1160px){#order-form .machine-fields,#order-form .machine-fields:has([data-machine-custom]:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}#order-form .machine-fields .button{align-self:end}}
@media(max-width:600px){#order-form .machine-fields,#order-form .machine-fields:has([data-machine-custom]:not([hidden])){grid-template-columns:1fr}#order-form .customer-mode-options{gap:12px}}