.workflow-badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:6px 10px;background:#edf0e6;color:#5d7051;font-size:10px;line-height:1.4;white-space:nowrap}.workflow-badge.status-received{background:#fff0e8;color:#c44722}.workflow-badge.status-quote_sent{background:#eaf1fb;color:#40608c}.workflow-badge.status-awaiting_info{background:#fff4db;color:#957334}.workflow-badge.status-production{background:#f2edf9;color:#80609f}.workflow-badge.status-shipped,.workflow-badge.status-ready{background:#e4f3ee;color:#347e68}.workflow-badge.status-completed{background:#e5efd8;color:#507e39}.workflow-badge.status-cancelled{background:#f4e7e7;color:#955a5a}.workflow-panel{border:1px solid #e0e4d8;background:#fcfcf8;padding:24px;border-radius:16px;margin:26px 0}.workflow-panel h3{color:var(--ink);font-size:20px;letter-spacing:-.5px;margin:5px 0}.workflow-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.workflow-section-head .eyebrow{font-size:8px;letter-spacing:.12em;color:#9aa28e;margin-bottom:6px}.workflow-section-head h2{margin:0}.workflow-panel .field{font-size:11px}.workflow-panel textarea{font-size:12px}.workflow-extra{border:1px solid #e3e7dc;border-radius:10px;background:white;padding:13px 15px;margin:10px 0 19px}.workflow-extra>summary{font-size:11px;color:#657658}.workflow-extra[open]>.fields{margin-top:20px}.workflow-internal{padding:14px;background:#f0f2e9;border-radius:10px;color:#657254!important}.workflow-internal textarea{background:#ffffffa6}.workflow-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}.workflow-actions .btn{font-size:11px;min-height:37px;padding:10px 14px}.workflow-link{border:0;padding:0;background:none;color:#84936f;font-size:10px;text-decoration:underline;text-underline-offset:3px}.workflow-preview{border:1px solid #e1e5d8;border-radius:12px;overflow:hidden;background:#f8f9f4;margin:25px 0}.workflow-preview-head{display:flex;justify-content:space-between;gap:15px;padding:18px;background:white;border-bottom:1px solid #e5e9df}.workflow-preview-head strong{display:block;font-size:12px;line-height:1.5;color:#25301d}.workflow-preview-head small{display:block;font-size:10px;color:#94a086;margin-top:6px}.workflow-preview iframe{display:block;width:100%;height:650px;max-height:75vh;border:0;background:#f6f5f1}.workflow-preview>details{padding:15px;font-size:10px}.workflow-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7;color:#606e52;font-family:inherit}.workflow-history{margin-top:30px;border-top:1px solid #e0e6d8;padding-top:22px}.workflow-history>h3{font-size:16px;margin-bottom:20px}.workflow-event{padding:19px;background:white;border:1px solid #e3e7dc;border-radius:12px;margin-top:13px}.workflow-event-head{display:flex;flex-direction:column;gap:7px}.workflow-event-head strong{font-size:12px;color:#47583c}.workflow-event-head small{font-size:9px;color:#9ba78e}.workflow-event>p{font-size:11px;line-height:1.8;color:#7b8969;overflow-wrap:anywhere}.workflow-event>p strong{font-size:10px;color:#687d52}.workflow-event .workflow-private{padding:11px 13px;background:#f2f3ee;border-radius:8px;color:#858d79;font-size:10px}.workflow-delivery{padding:13px 15px;border-radius:9px;background:#f5f7ef;border-left:3px solid #c6d6b6;display:flex;flex-direction:column;gap:7px;margin-top:17px}.workflow-delivery>strong{font-size:11px;color:#597c43}.workflow-delivery>span,.workflow-delivery>small{font-size:9px;color:#8b9a7b;overflow-wrap:anywhere}.workflow-delivery>p{font-size:10px;line-height:1.7;color:#947a50;margin:5px 0}.workflow-delivery .workflow-actions{margin:7px 0 0}.workflow-delivery .btn{font-size:9px;min-height:30px;padding:7px 10px}.workflow-delivery.delivery-failed,.workflow-delivery.delivery-uncertain{border-color:#d9b180;background:#fff7ed}.workflow-delivery.delivery-failed>strong,.workflow-delivery.delivery-uncertain>strong{color:#a77839}.workflow-delivery.delivery-sending{border-color:#9ab1ca;background:#f1f6fa}.workflow-source-details{padding:17px;border:1px solid var(--line);border-radius:12px;margin-top:20px;font-size:11px}.workflow-template-count{font-size:10px;color:#95a27f;border:1px solid #e1e6d5;padding:8px 12px;border-radius:20px;white-space:nowrap}.workflow-variables{padding:13px 15px;background:#f5f7ee;border:1px solid #e6eadc;border-radius:10px;margin-top:17px}.workflow-variables summary{font-size:11px}.workflow-variables code{display:inline-block;background:#e9eddf;padding:5px 7px;border-radius:5px;margin:4px 2px;font-size:10px;color:#6c7d52}.workflow-internal-mail-label{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.workflow-internal-mail-label>small{font-size:8px;color:#9ba78e}.workflow-filter{display:flex;align-items:center;gap:15px;font-size:11px;color:#8d9a7d;margin:22px 0 18px}.workflow-filter select{font-size:11px;padding:10px 12px;color:#5e6e4e;border:1px solid #dce3cf;border-radius:10px;background:white;min-width:215px}.inquiry-dialog .modal-head h2{font-size:20px}.inquiry-dialog .inquiry-items{margin:0}.inquiry-dialog .inquiry-items .inquiry-item{border-radius:9px;margin-top:15px}
@media(max-width:650px){.workflow-panel{padding:15px;margin:22px 0;border-radius:12px}.workflow-section-head{gap:10px;align-items:flex-start}.workflow-section-head h3{font-size:18px}.workflow-section-head .workflow-badge{font-size:8px;white-space:normal;text-align:right;max-width:140px}.workflow-actions{gap:9px}.workflow-actions .btn{font-size:10px;flex:1;min-width:145px}.workflow-actions .workflow-link{padding:8px 0}.workflow-preview-head{padding:13px;flex-direction:column;gap:10px}.workflow-preview-head .workflow-link{align-self:flex-start}.workflow-event{padding:13px}.workflow-delivery{padding:11px}.workflow-panel .field input,.workflow-panel .field textarea,.workflow-panel .field select{font-size:12px}.workflow-extra{padding:12px}.workflow-filter{gap:9px;align-items:flex-start;flex-direction:column}.workflow-filter select{width:100%}.workflow-event-head strong{font-size:11px}.workflow-preview iframe{height:570px}.workflow-template-count{font-size:8px;padding:7px}.workflow-section-head .eyebrow{font-size:7px}}

@media(max-width:800px){.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-side{min-width:0}.admin-nav{max-width:100%}}

#workflow-appearance-form input[type="color"]{width:100%;height:44px;min-height:44px;padding:6px;cursor:pointer}#workflow-appearance-form input[type="color"]::-webkit-color-swatch-wrapper{padding:0}#workflow-appearance-form input[type="color"]::-webkit-color-swatch{border:0;border-radius:5px}