.workflow-index { padding: var(--wf-space-16) 0; }
.workflow-index__container { display: grid; gap: var(--wf-space-8); }
.workflow-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wf-space-5); }
.workflow-card { min-height: 240px; display: flex; flex-direction: column; gap: var(--wf-space-5); padding: var(--wf-space-6); }
.workflow-card .wf-button { align-self: flex-start; margin-top: auto; }
.workflow-card__icon { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-gray-100); font-size: var(--wf-text-xl); }
.app-count { min-width: 24px; padding: 1px 6px; border: 1px solid var(--wf-border); border-radius: 999px; color: var(--wf-text-subtle); font-size: var(--wf-text-xs); text-align: center; }
.header-back { display: inline-flex; align-items: center; gap: var(--wf-space-2); color: var(--wf-text); font-weight: 700; text-decoration: none; }
.header-back--icon { width: 32px; height: 32px; justify-content: center; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-2); }
.app-search { position: relative; width: min(30vw, 340px); min-width: 190px; }
.app-search .wf-icon { position: absolute; top: 50%; left: 11px; color: var(--wf-text-subtle); transform: translateY(-50%); }
.app-search input { width: 100%; min-height: 34px; padding: 0 var(--wf-space-3) 0 32px; border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-2); background: var(--wf-gray-50); }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--wf-space-5); margin-bottom: var(--wf-space-5); }
.page-heading h1 { margin-top: var(--wf-space-1); }
.page-heading__actions { display: flex; align-items: center; gap: var(--wf-space-4); }
.page-heading__actions .wf-copy { margin: 0; white-space: nowrap; }
.entity-directory-tools { display: grid; grid-template-columns: minmax(260px, 460px); gap: var(--wf-space-3); margin-bottom: var(--wf-space-4); padding: var(--wf-space-4); }
.entity-directory-tools--users { grid-template-columns: minmax(260px, 1fr) 180px 180px; }
.entity-directory-table { min-width: 820px; }
.entity-directory-table th:last-child { width: 52px; }
.entity-directory-table td:last-child .message-icon-action { margin-left: auto; }
.entity-contact, .entity-table-subcopy { display: grid; gap: 2px; }
.entity-contact small, .entity-table-subcopy { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.entity-table-subcopy { margin-top: 2px; }
.entity-detail-page { width: min(100%, 1120px); display: grid; gap: var(--wf-space-4); margin-inline: auto; }
.entity-detail-page > .page-heading { margin-bottom: 0; }
.entity-form-section h2, .entity-history-section h2 { margin-bottom: var(--wf-space-4); }
.entity-history-table { min-width: 700px; }
.entity-empty-cell { padding: var(--wf-space-6) !important; color: var(--wf-text-muted); text-align: center !important; }
.entity-form-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-4); padding-bottom: var(--wf-space-4); }
.entity-form-actions .form-actions { margin-left: auto; padding-top: 0; }
.user-assignment-table { min-width: 900px; }
.orders-tabs { gap: 0; }
.orders-directory-tools { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-4); margin-bottom: var(--wf-space-4); padding: var(--wf-space-3); }
.orders-search { flex: 1 1 280px; width: auto; max-width: 420px; }
.orders-filter-group, .board-filter-group { display: flex; align-items: center; gap: var(--wf-space-3); }
.filter-result-count { color: var(--wf-text-muted); font-size: var(--wf-text-sm); white-space: nowrap; }
.orders-tabs .wf-tabs__list { flex-wrap: nowrap; gap: 0; overflow-x: auto; }
.orders-tabs .wf-tabs__tab { flex: 0 0 auto; display: inline-flex; align-items: center; gap: var(--wf-space-2); white-space: nowrap; }
.order-tab-count { min-width: 23px; padding: 1px 6px; border: 1px solid var(--wf-border); border-radius: 999px; color: var(--wf-text-subtle); font-size: var(--wf-text-xs); font-weight: 400; line-height: 18px; }
.orders-panel { padding-top: var(--wf-space-5); }
.record-link { display: inline-flex; align-items: center; gap: var(--wf-space-2); color: var(--wf-text); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.order-link { flex-direction: column; align-items: flex-start; gap: 0; font-family: var(--wf-font-mono); }
.order-link small { color: var(--wf-text-subtle); font-family: var(--wf-font-sans); font-weight: 400; }
.order-table { min-width: 1040px; }
.sla-table-copy { display: grid; gap: 2px; }
.sla-table-copy small { color: var(--wf-text-muted); }
.progress-cell { min-width: 150px; }
.progress-label { display: flex; justify-content: space-between; gap: var(--wf-space-3); font-size: var(--wf-text-xs); }
.progress-track { height: 6px; margin-top: var(--wf-space-2); overflow: hidden; border-radius: 999px; background: var(--wf-gray-200); }
.progress-track span { display: block; height: 100%; background: var(--wf-gray-600); }
.empty-state { display: grid; place-items: center; min-height: 220px; padding: var(--wf-space-8); text-align: center; }
.empty-state[hidden], [hidden] { display: none !important; }
.kanban-wrap { overflow-x: auto; padding-bottom: var(--wf-space-3); }
.kanban { min-width: 1072px; display: grid; grid-template-columns: repeat(4, 256px); gap: var(--wf-space-4); align-items: start; }
.ops-board-shell { --wf-left-panel-width: 220px; --wf-right-panel-width: 380px; --wf-detail-header-height: 48px; --wf-panel-min-width: 320px; --wf-panel-max-width: 520px; }
.ops-board-shell .app-global-nav { width: var(--wf-left-panel-width); overflow: visible; }
.ops-board-shell .wf-shell__header { padding-inline: var(--wf-space-5); }
.ops-board-shell .wf-shell__center { padding: var(--wf-space-6) 0 var(--wf-space-6) var(--wf-space-6); background: var(--wf-gray-50); }
.ops-board-shell--headerless .wf-shell__center { top: 0; }
.ops-board-shell .wf-detail-screen__header { grid-template-columns: minmax(0, 1fr) auto; padding-inline: var(--wf-space-3); }
.ops-board-shell .wf-detail-screen__title { text-align: left; }
.wf-detail-screen__header-actions { display: flex; align-items: center; gap: var(--wf-space-1); }
.kanban-column { min-height: calc(100dvh - 180px); display: flex; overflow: hidden; flex-direction: column; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-4); background: var(--wf-gray-100); }
.kanban-column:last-child { margin-right: var(--wf-space-6); }
.kanban-column__header { display: flex; justify-content: space-between; align-items: center; padding: var(--wf-space-4); border-bottom: 1px solid var(--wf-border); background: var(--wf-white); }
.kanban-column__header h2 { margin: 0; font-size: var(--wf-text-sm); }
.kanban-cards { flex: 1; display: grid; align-content: start; gap: var(--wf-space-3); padding: var(--wf-space-3); }
.kanban-column__footer { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); padding: var(--wf-space-3) var(--wf-space-4); border-top: 1px solid var(--wf-border); background: var(--wf-white); font-size: var(--wf-text-sm); }
.shipment-card { width: 100%; display: grid; gap: var(--wf-space-3); padding: var(--wf-space-4); border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-white); color: var(--wf-text); font: inherit; text-align: left; text-decoration: none; box-shadow: var(--wf-shadow-1); cursor: pointer; }
.shipment-card:hover { border-color: var(--wf-gray-500); }
.shipment-card[data-wf-detail-selected] { border-color: var(--wf-gray-600); background: var(--wf-gray-100); box-shadow: 0 0 0 1px var(--wf-gray-600); }
.shipment-card__top, .shipment-card__meta, .shipment-card__deadline, .shipment-card__tasks { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-2); }
.shipment-card__id { font: 700 var(--wf-text-xs) var(--wf-font-mono); }
.shipment-card__identity { min-width: 0; display: flex; align-items: flex-start; gap: var(--wf-space-3); }
.shipment-card__identity > div { min-width: 0; flex: 1; }
.shipment-thumbnail, .board-detail-thumbnail { flex: 0 0 auto; width: 44px; height: 44px; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-2); object-fit: cover; }
.shipment-card h3 { margin: 0; font-size: var(--wf-text-sm); line-height: 1.35; }
.shipment-card__order { color: var(--wf-text-muted); font-size: var(--wf-text-xs); }
.shipment-card__meta, .shipment-card__deadline, .shipment-card__tasks { font-size: var(--wf-text-xs); }
.shipment-card__meta span, .shipment-card__deadline span { display: inline-flex; align-items: center; gap: var(--wf-space-1); }
.shipment-card__sla-progress { padding-top: var(--wf-space-2); border-top: 1px solid var(--wf-border); }
.shipment-card__sla-progress .progress-track { margin-top: var(--wf-space-1); }
.board-detail-content { display: grid; align-content: start; gap: 0; font-size: var(--wf-text-sm); }
.board-detail-summary, .board-detail-section { padding-bottom: var(--wf-space-3); border-bottom: 1px solid var(--wf-border); }
.board-detail-summary + .board-detail-section, .board-detail-section + .board-detail-section { padding-top: var(--wf-space-3); }
.board-detail-summary h3, .board-detail-section h3 { margin: 0 0 var(--wf-space-3); }
.board-detail-identity { min-width: 0; display: flex; align-items: flex-start; gap: var(--wf-space-3); margin-bottom: var(--wf-space-3); }
.board-detail-identity > div { min-width: 0; flex: 1; }
.board-detail-identity h3 { margin-bottom: var(--wf-space-1); }
.board-detail-thumbnail { width: 52px; height: 52px; }
.board-detail-section-toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-2); padding: 0; border: 0; background: transparent; color: var(--wf-text); text-align: left; cursor: pointer; }
.board-detail-section-title { font-size: var(--wf-text-sm); font-weight: 700; }
.board-detail-section-toggle .wf-icon { width: 16px; height: 16px; }
.board-detail-section-body { padding-top: var(--wf-space-3); }
.board-detail-activity .history-list { gap: var(--wf-space-3); }
.board-detail-activity .history-item { grid-template-columns: 24px minmax(0, 1fr); gap: var(--wf-space-2); }
.board-detail-activity .history-icon { width: 24px; height: 24px; }
.board-detail-activity .history-item p { font-size: var(--wf-text-xs); line-height: 1.45; }
.board-detail-order-link { display: inline-flex; align-items: center; gap: var(--wf-space-1); color: var(--wf-text-muted); font-size: var(--wf-text-sm); text-decoration: underline; text-underline-offset: 3px; }
.board-detail-due-value { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); margin-top: var(--wf-space-2); color: var(--wf-text-muted); font-size: var(--wf-text-xs); }
.board-detail-due-value strong { color: var(--wf-text); font-size: var(--wf-text-sm); }
.workflow-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wf-space-4); margin: 0; }
.workflow-detail-grid dt { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.workflow-detail-grid dd { margin: var(--wf-space-1) 0 0; font-weight: 700; }
.board-detail-assignment { display: grid; gap: var(--wf-space-1); margin: calc(var(--wf-space-1) * -1) 0 var(--wf-space-3); }
.board-detail-assignee { width: 100%; min-height: 32px; display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-2); padding: 0; border: 0; background: transparent; color: var(--wf-text); text-align: left; cursor: pointer; }
.board-detail-assignee > span { display: inline-flex; align-items: center; gap: var(--wf-space-2); }
.board-detail-assignee:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.board-detail-section .task-row { padding: var(--wf-space-3); }
.board-detail-section .comment-item header strong { font-size: var(--wf-text-sm); }
.board-detail-section .comment-item p { font-size: var(--wf-text-xs); line-height: 1.5; }
.board-detail-section .comment-form { margin-top: var(--wf-space-4); }
.board-detail-section .comment-form .wf-textarea { font-size: var(--wf-text-sm); }
.board-detail-destination .delivery-map { min-height: 132px; margin-top: 0; }
.board-detail-destination .recipient-details { grid-template-columns: 1fr; gap: var(--wf-space-2); margin-top: var(--wf-space-3); }
.detail-page { width: min(100%, 1120px); margin-inline: auto; }
.app-shell--headerless .app-context-pane, .app-shell--headerless .app-main { top: 0; }
.detail-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--wf-space-5); padding: var(--wf-space-6); margin-bottom: var(--wf-space-5); }
.detail-hero h1 { margin: var(--wf-space-1) 0 0; font-family: var(--wf-font-mono); }
.detail-hero--compact { display: block; }
.detail-hero__main { flex: 1; min-width: 0; }
.detail-hero__progress { width: min(100%, 620px); margin-top: var(--wf-space-4); }
.detail-hero__due { display: block; margin-top: var(--wf-space-2); color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.detail-hero__badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--wf-space-2); }
.detail-columns { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr); gap: var(--wf-space-5); align-items: start; }
.detail-stack { display: grid; gap: var(--wf-space-5); }
.order-detail-stack { width: 100%; }
.detail-section { padding: var(--wf-space-5); }
.detail-section h2, .detail-section h3 { margin: 0 0 var(--wf-space-4); }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wf-space-5); margin: 0; }
.detail-grid dt { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.detail-grid dd { margin: var(--wf-space-1) 0 0; font-weight: 700; }
.notice { padding: var(--wf-space-4); border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.related-list { display: grid; gap: var(--wf-space-2); }
.related-row { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-4); min-height: 44px; padding: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); color: var(--wf-text); text-decoration: none; }
.related-row:hover { background: var(--wf-gray-50); }
.task-list { display: grid; gap: var(--wf-space-2); }
.shipment-file-dropzone { min-height: 72px; display: flex; align-items: center; justify-content: center; gap: var(--wf-space-3); padding: var(--wf-space-4); border: 1px dashed var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); color: var(--wf-text-muted); cursor: pointer; text-align: left; }
.shipment-file-dropzone:hover, .shipment-file-dropzone.is-dragover { border-color: var(--wf-gray-600); background: var(--wf-gray-100); color: var(--wf-text); }
.shipment-file-dropzone__icon { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid var(--wf-border); border-radius: 50%; background: var(--wf-white); }
.shipment-file-dropzone strong, .shipment-file-dropzone small { display: block; }
.shipment-file-dropzone strong { color: var(--wf-text); }
.shipment-file-dropzone small { margin-top: var(--wf-space-1); color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.shipment-file-browse { text-decoration: underline; text-underline-offset: 2px; }
.shipment-file-status { min-height: 0; margin: var(--wf-space-2) 0 0; color: var(--wf-text-muted); font-size: var(--wf-text-xs); }
.shipment-file-status:empty { display: none; }
.shipment-file-list { display: grid; margin-top: var(--wf-space-3); overflow: hidden; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-white); }
.shipment-file-row { display: grid; grid-template-columns: minmax(180px, 1.2fr) minmax(360px, 1fr); align-items: center; gap: var(--wf-space-4); padding: var(--wf-space-3) var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.shipment-file-row:last-child { border-bottom: 0; }
.shipment-file-name { min-width: 0; display: flex; align-items: flex-start; gap: var(--wf-space-2); }
.shipment-file-name > .wf-icon { flex: 0 0 auto; margin-top: 1px; }
.shipment-file-name strong, .shipment-file-name small { display: block; }
.shipment-file-name strong { overflow-wrap: anywhere; }
.shipment-file-name small { margin-top: 2px; color: var(--wf-text-subtle); font-size: var(--wf-text-xs); font-weight: 400; }
.shipment-file-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wf-space-3); margin: 0; }
.shipment-file-meta dt { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.shipment-file-meta dd { margin: 2px 0 0; overflow-wrap: anywhere; }
.shipment-file-empty { padding: var(--wf-space-4); margin: 0; color: var(--wf-text-muted); text-align: center; }
.shipment-image-panel { padding: 0; overflow: hidden; }
.shipment-image-panel img { width: 100%; aspect-ratio: 4 / 3; display: block; object-fit: cover; }
.shipment-image-editor { display: grid; gap: var(--wf-space-2); }
.shipment-image-editor > .wf-label { display: flex; align-items: baseline; gap: var(--wf-space-2); }
.shipment-image-editor > .wf-label small { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); font-weight: 400; }
.shipment-image-dropzone { min-height: 82px; display: flex; align-items: center; justify-content: center; gap: var(--wf-space-3); padding: var(--wf-space-4); border: 1px dashed var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); cursor: pointer; }
.shipment-image-dropzone.is-dragover { border-style: solid; background: var(--wf-gray-100); }
.shipment-image-dropzone__icon { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--wf-border); border-radius: 50%; background: var(--wf-white); }
.shipment-image-dropzone strong, .shipment-image-dropzone small { display: block; }
.shipment-image-dropzone small { margin-top: 2px; color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.shipment-image-preview { display: flex; align-items: center; gap: var(--wf-space-3); }
.shipment-image-preview img { width: 76px; height: 76px; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); object-fit: cover; }
.board-detail-files .shipment-file-dropzone { min-height: 54px; justify-content: flex-start; padding: var(--wf-space-3); }
.board-detail-files .shipment-file-dropzone__icon { width: 26px; height: 26px; }
.board-detail-files .shipment-file-row { grid-template-columns: 1fr; gap: var(--wf-space-2); padding: var(--wf-space-3); }
.board-detail-files .shipment-file-meta { gap: var(--wf-space-2); font-size: var(--wf-text-xs); }
.board-detail-files .shipment-file-name { gap: var(--wf-space-1); }
.board-detail-files .shipment-file-name > .wf-icon { width: 14px; height: 14px; }
.board-detail-files .shipment-file-name small { font-size: 11px; }
.workflow-context-link { color: var(--wf-text); text-decoration: underline; text-underline-offset: 3px; }
.assignment-field { max-width: 360px; margin-top: var(--wf-space-5); }
.comment-list { display: grid; gap: var(--wf-space-3); }
.comment-item { padding: var(--wf-space-3) 0; border-bottom: 1px solid var(--wf-border); }
.comment-item:first-child { padding-top: 0; }
.comment-item header { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); }
.comment-item header span { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.comment-item p { margin: var(--wf-space-2) 0 0; color: var(--wf-text-muted); }
.comment-form { display: grid; gap: var(--wf-space-3); margin-top: var(--wf-space-5); }
.comment-form .wf-button { justify-self: start; }
.history-list { display: grid; gap: var(--wf-space-4); padding: 0; margin: 0; list-style: none; }
.history-item { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: var(--wf-space-3); }
.history-icon { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--wf-border); border-radius: 50%; background: var(--wf-gray-50); }
.history-item time { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.history-item p { margin: var(--wf-space-1) 0 0; font-size: var(--wf-text-sm); }
.assignee-options { display: grid; gap: var(--wf-space-2); padding: 0; border: 0; }
.assignee-options legend { margin-bottom: var(--wf-space-2); }
.assignee-options label { min-height: 38px; display: flex; align-items: center; gap: var(--wf-space-3); padding: 0 var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); cursor: pointer; }
.assignee-options label:has(input:checked) { border-color: var(--wf-gray-600); background: var(--wf-gray-100); }
.task-row { display: flex; gap: var(--wf-space-3); padding: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.task-row input { margin-top: 4px; accent-color: var(--wf-gray-600); }
.task-row span, .task-row small { display: block; }
.task-row small { color: var(--wf-text-subtle); }
.movement-actions { display: grid; gap: var(--wf-space-2); }
.order-action-section .wf-button { justify-self: start; }
.order-action-section .wf-copy { margin: calc(var(--wf-space-2) * -1) 0 var(--wf-space-4); }
.delivery-map { min-height: 150px; position: relative; display: grid; place-items: center; margin-top: var(--wf-space-4); overflow: hidden; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background-color: var(--wf-gray-100); background-image: linear-gradient(32deg, transparent 44%, var(--wf-white) 45%, var(--wf-white) 51%, transparent 52%), linear-gradient(118deg, transparent 42%, var(--wf-gray-200) 43%, var(--wf-gray-200) 49%, transparent 50%); background-size: 92px 72px, 110px 84px; }
.delivery-map__label { position: absolute; top: var(--wf-space-2); left: var(--wf-space-2); padding: 2px 5px; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-2); background: var(--wf-white); color: var(--wf-text-muted); font-size: var(--wf-text-xs); font-weight: 700; }
.delivery-map__pin { width: 30px; height: 30px; display: grid; place-items: center; color: var(--wf-gray-700); }
.delivery-map__pin .wf-icon { width: 26px; height: 26px; }
.delivery-map__address { position: absolute; right: var(--wf-space-2); bottom: var(--wf-space-2); left: var(--wf-space-2); padding: var(--wf-space-2); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-2); background: var(--wf-white); font-size: var(--wf-text-xs); }
.recipient-details { display: grid; gap: var(--wf-space-3); margin: var(--wf-space-4) 0 0; }
.recipient-details dt { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.recipient-details dd { margin: 2px 0 0; font-weight: 700; overflow-wrap: anywhere; }
.recipient-details a { color: var(--wf-text); }
.destination-address-link { display: inline; text-decoration: underline; text-underline-offset: 3px; }
.recipient-contact-row { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); }
.recipient-contact-actions { display: inline-flex; flex: 0 0 auto; gap: var(--wf-space-1); }
.recipient-contact-action { position: relative; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-white); color: var(--wf-text); text-decoration: none; }
.recipient-contact-action:hover, .recipient-contact-action:focus-visible { background: var(--wf-gray-100); }
.recipient-contact-action .wf-icon { width: 14px; height: 14px; }
.recipient-contact-action::after { position: absolute; right: 0; bottom: calc(100% + 6px); z-index: 2; padding: 4px 7px; border-radius: var(--wf-radius-2); background: var(--wf-gray-800); color: var(--wf-white); content: attr(data-tooltip); font-size: var(--wf-text-xs); font-weight: 700; opacity: 0; pointer-events: none; transform: translateY(2px); transition: opacity var(--wf-motion-fast) var(--wf-motion-ease), transform var(--wf-motion-fast) var(--wf-motion-ease); white-space: nowrap; }
.recipient-contact-action:hover::after, .recipient-contact-action:focus-visible::after { opacity: 1; transform: translateY(0); }
.shipment-destination-section .delivery-map { margin-top: 0; }
.order-replacement-option { align-items: flex-start; padding: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.inline-alert { display: flex; align-items: flex-start; gap: var(--wf-space-2); padding: var(--wf-space-4); border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-gray-100); }
.inline-alert p { margin: 0; }
.order-create-page { width: min(100%, 1120px); margin-inline: auto; }
.order-create-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--wf-space-5); margin-bottom: var(--wf-space-5); }
.order-create-heading h1 { margin: var(--wf-space-1) 0 var(--wf-space-2); }
.order-create-heading .wf-copy { max-width: 700px; margin: 0; }
.order-create-form { display: grid; gap: var(--wf-space-5); }
.order-form-section { padding: var(--wf-space-6); }
.order-form-section__heading { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-4); padding-bottom: var(--wf-space-4); margin-bottom: var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.order-form-section__heading h2 { margin: var(--wf-space-1) 0 0; }
.order-form-section__heading > .wf-copy { margin: 0; color: var(--wf-text-muted); }
.order-form-grid { align-items: start; }
.delivery-recipient-toggle, .shipment-contact-toggle { padding: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.delivery-recipient-toggle span span, .shipment-contact-toggle span span { display: block; margin-top: 2px; }
.delivery-recipient-fields, .shipment-contact-fields { padding: var(--wf-space-3); border-left: 2px solid var(--wf-border-strong); }
.autocomplete-control { position: relative; }
.autocomplete-menu { position: absolute; z-index: 20; top: calc(100% + 3px); right: 0; left: 0; max-height: 230px; overflow-y: auto; padding: var(--wf-space-1); border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-white); box-shadow: var(--wf-shadow-2); }
.autocomplete-option { width: 100%; display: grid; gap: 3px; padding: var(--wf-space-3); border: 0; border-radius: var(--wf-radius-2); background: transparent; color: var(--wf-text); text-align: left; }
.autocomplete-option:hover, .autocomplete-option.is-active { background: var(--wf-gray-100); }
.autocomplete-option strong, .autocomplete-option span { display: block; }
.autocomplete-option span { color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.autocomplete-empty { padding: var(--wf-space-3); margin: 0; color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.order-items-heading { display: flex; align-items: flex-start; justify-content: space-between; }
.order-items-heading .wf-copy { margin: var(--wf-space-2) 0 0; }
.shipment-section-controls { width: min(100%, 360px); margin-bottom: var(--wf-space-5); }
.order-shipment-table-wrap { margin-top: var(--wf-space-3); }
.order-shipment-table { min-width: 850px; }
.order-shipment-table th:first-child, .order-shipment-table td:first-child { width: 42px; padding-right: 0; }
.order-shipment-table th:nth-child(4), .order-shipment-table td:nth-child(4) { width: 76px; text-align: right; }
.order-shipment-table th:nth-child(5), .order-shipment-table td:nth-child(5), .order-shipment-table th:nth-child(6), .order-shipment-table td:nth-child(6) { width: 108px; text-align: right; }
.order-shipment-table th:last-child, .order-shipment-table td:last-child { width: 84px; }
.order-shipment-table tr.is-dragging { opacity: .55; }
.order-shipment-identity { min-width: 0; display: flex; align-items: center; gap: var(--wf-space-3); }
.order-shipment-identity > span { min-width: 0; }
.order-shipment-identity strong, .order-shipment-identity small { display: block; }
.order-shipment-identity small { margin-top: 2px; color: var(--wf-text-subtle); }
.order-shipment-thumbnail { width: 38px; height: 38px; display: block; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-2); object-fit: cover; }
.order-shipment-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--wf-space-1); }
.order-shipment-empty { padding: var(--wf-space-5); border: 1px dashed var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); color: var(--wf-text-muted); text-align: center; }
.shipment-sort-handle { width: 32px; height: 34px; display: grid; place-items: center; align-self: end; padding: 0; border: 0; border-radius: var(--wf-radius-2); background: transparent; color: var(--wf-text-subtle); cursor: grab; }
.shipment-sort-handle:hover, .shipment-sort-handle:focus-visible { background: var(--wf-gray-200); color: var(--wf-text); }
.shipment-sort-handle:active { cursor: grabbing; }
.order-shipment-dialog { width: min(100% - 32px, 720px); }
.order-shipment-dialog__body { display: grid; gap: var(--wf-space-4); }
.order-shipment-dialog__fields { align-items: start; }
.order-shipment-dialog__total { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); padding-top: var(--wf-space-3); border-top: 1px solid var(--wf-border); }
.order-shipment-dialog__total strong { font: 700 var(--wf-text-lg) var(--wf-font-mono); }
.order-total { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-4); padding-top: var(--wf-space-5); margin-top: var(--wf-space-5); border-top: 1px solid var(--wf-border-strong); }
.order-total > strong:last-child { font: 700 var(--wf-text-lg) var(--wf-font-mono); }
.sla-layout { display: grid; grid-template-columns: 1fr; gap: var(--wf-space-5); }
.sla-estimate { display: grid; align-content: center; gap: var(--wf-space-2); min-height: 96px; padding: var(--wf-space-5); border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.sla-estimate > span { color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.sla-estimate > strong { font-size: var(--wf-text-xl); }
.sla-estimate p { margin: 0; color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.order-create-actions { display: flex; justify-content: flex-end; gap: var(--wf-space-3); padding-bottom: var(--wf-space-6); }
.order-create-success { display: grid; justify-items: start; gap: var(--wf-space-3); padding: var(--wf-space-8); }
.order-create-success h2, .order-create-success p { margin: 0; }
.success-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--wf-border-strong); border-radius: 50%; background: var(--wf-gray-100); }
.success-icon .wf-icon { font-size: var(--wf-text-xl); }
.form-error-summary { margin-bottom: 0; }
.designer-wrap { overflow-x: auto; }
.designer-canvas { min-width: 900px; min-height: 380px; display: flex; align-items: center; padding: var(--wf-space-8); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-4); background-color: var(--wf-white); background-image: linear-gradient(var(--wf-gray-100) 1px, transparent 1px), linear-gradient(90deg, var(--wf-gray-100) 1px, transparent 1px); background-size: 24px 24px; }
.stage-card { width: 190px; min-height: 180px; display: flex; flex: 0 0 auto; flex-direction: column; justify-content: space-between; gap: var(--wf-space-4); padding: var(--wf-space-4); border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-white); color: var(--wf-text); text-decoration: none; }
.stage-card:hover { border-color: var(--wf-gray-600); box-shadow: var(--wf-shadow-1); }
.stage-card__number { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); letter-spacing: .06em; }
.stage-card h2 { margin: var(--wf-space-1) 0 0; font-size: var(--wf-text-md); }
.stage-card__meta { display: grid; gap: var(--wf-space-2); }
.stage-card__meta span { display: flex; justify-content: space-between; gap: var(--wf-space-2); font-size: var(--wf-text-xs); }
.stage-connector { width: 42px; height: 1px; flex: 0 0 auto; position: relative; background: var(--wf-gray-400); }
.stage-connector::after { content: ""; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-top: 1px solid var(--wf-gray-500); border-right: 1px solid var(--wf-gray-500); transform: rotate(45deg); }
.designer-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--wf-space-5); margin-top: var(--wf-space-5); padding: var(--wf-space-5); }
.designer-summary span { display: block; color: var(--wf-text-subtle); font-size: var(--wf-text-xs); text-transform: uppercase; }
.editor-page { width: min(100%, 900px); margin-inline: auto; }
.editor-card { padding: var(--wf-space-6); }
.editor-card__header { display: flex; justify-content: space-between; gap: var(--wf-space-4); padding-bottom: var(--wf-space-5); margin-bottom: var(--wf-space-5); border-bottom: 1px solid var(--wf-border); }
.editor-card__header h1 { margin: var(--wf-space-1) 0 0; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wf-space-4); }
.form-grid .form-span { grid-column: 1 / -1; }
.form-actions { display: flex; align-items: center; gap: var(--wf-space-3); padding-top: var(--wf-space-2); }
.template-form-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-4); padding-top: var(--wf-space-5); }
.template-form-actions--end { justify-content: flex-end; }
.template-form-actions .form-actions { padding-top: 0; }
.customer-note-list { display: grid; }
.customer-note-item { padding: var(--wf-space-3) 0; border-bottom: 1px solid var(--wf-border); }
.customer-note-item:first-child { padding-top: 0; }
.customer-note-item header { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); }
.customer-note-item time { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.customer-note-item p { margin: var(--wf-space-2) 0 0; color: var(--wf-text-muted); }
.customer-note-composer { display: grid; gap: var(--wf-space-3); margin-top: var(--wf-space-4); }
.customer-note-composer .wf-button { justify-self: start; }
.message-page-heading { align-items: flex-start; }
.message-page-heading .wf-copy { margin-top: var(--wf-space-2); }
.message-directory-tools { display: grid; grid-template-columns: minmax(260px, 1fr) 180px; gap: var(--wf-space-4); margin-bottom: var(--wf-space-5); padding: var(--wf-space-4); }
.message-directory-table { min-width: 760px; }
.message-directory-table th:first-child { width: 40%; }
.message-directory-table th:last-child { width: 84px; }
.directory-primary-link { color: var(--wf-text); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.message-table-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--wf-space-1); }
.message-icon-action { position: relative; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid transparent; border-radius: var(--wf-radius-3); color: var(--wf-text); }
.message-icon-action:hover { border-color: var(--wf-border); background: var(--wf-gray-100); }
.message-icon-action::after { position: absolute; right: 0; bottom: calc(100% + 6px); padding: 4px 7px; border-radius: var(--wf-radius-2); background: var(--wf-gray-800); color: var(--wf-white); content: attr(data-tooltip); font-size: var(--wf-text-xs); font-weight: 700; opacity: 0; pointer-events: none; transform: translateY(2px); transition: opacity var(--wf-motion-fast) var(--wf-motion-ease), transform var(--wf-motion-fast) var(--wf-motion-ease); }
.message-icon-action:hover::after, .message-icon-action:focus-visible::after { opacity: 1; transform: translateY(0); }
.message-editor-page, .message-send-page { width: min(100%, 1240px); display: grid; gap: var(--wf-space-5); margin-inline: auto; }
.message-breadcrumb { display: flex; align-items: center; gap: var(--wf-space-2); color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.message-breadcrumb a { color: var(--wf-text); font-weight: 700; }
.message-breadcrumb .wf-icon { width: 16px; height: 16px; }
.message-editor-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--wf-space-4); align-items: start; }
.message-editor-stack, .message-send-stack { display: grid; gap: var(--wf-space-4); }
.message-preview-column { display: grid; gap: var(--wf-space-4); position: sticky; top: 0; }
.message-settings-card, .message-content-card, .message-variable-card, .message-preview-panel, .message-form-card { padding: var(--wf-space-5); }
.message-remove-panel { padding: var(--wf-space-4); }
.message-content-card > header, .message-variable-card > header, .message-preview-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--wf-space-3); margin-bottom: var(--wf-space-4); }
.message-content-card header span, .message-variable-card header span, .message-preview-panel header span, .message-preview-heading > span { display: block; color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.message-content-card h2, .message-variable-card h2, .message-preview-panel h2, .message-preview-heading h2 { margin: var(--wf-space-1) 0 0; font-size: var(--wf-text-lg); }
.message-mode-tabs { display: flex; gap: var(--wf-space-1); margin-top: var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.message-mode-tabs button { padding: var(--wf-space-2) var(--wf-space-3); border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--wf-text-muted); font: inherit; font-size: var(--wf-text-sm); font-weight: 700; }
.message-mode-tabs button.is-active { border-bottom-color: var(--wf-gray-600); color: var(--wf-text); }
.message-editor-toolbar { display: flex; align-items: center; gap: var(--wf-space-1); margin-top: var(--wf-space-3); padding: 6px; border: 1px solid var(--wf-border); border-bottom: 0; border-radius: var(--wf-radius-3) var(--wf-radius-3) 0 0; background: var(--wf-gray-50); }
.message-editor-toolbar button { width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--wf-radius-2); background: transparent; color: var(--wf-text); }
.message-editor-toolbar button:hover { background: var(--wf-gray-100); }
.message-editor-toolbar > span { margin-left: auto; }
.message-body-editor { min-height: 180px; border-radius: 0 0 var(--wf-radius-3) var(--wf-radius-3); font-family: var(--wf-font-mono); font-size: var(--wf-text-sm); line-height: 1.6; }
.message-character-count { margin-top: var(--wf-space-2); color: var(--wf-text-subtle); font-size: var(--wf-text-xs); text-align: right; }
.message-variable-card > p { margin-bottom: var(--wf-space-3); font-size: var(--wf-text-sm); }
.declared-variable-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--wf-space-2); margin-bottom: var(--wf-space-3); }
.message-variable-list, .message-sample-values, .message-value-list { display: grid; gap: var(--wf-space-2); }
.message-variable-item { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); padding: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.message-variable-item code, .message-variable-item small { display: block; }
.message-variable-item code { color: var(--wf-text); font-size: var(--wf-text-sm); font-weight: 700; }
.message-variable-item small { margin-top: 2px; color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.message-preview-panel { position: sticky; top: 0; box-shadow: var(--wf-shadow-1); }
.message-preview-column .message-preview-panel { position: static; }
.message-sample-values { padding-bottom: var(--wf-space-4); margin-bottom: var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.message-sample-values .wf-label { display: flex; justify-content: space-between; gap: var(--wf-space-2); }
.message-sample-values .wf-label small { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); font-weight: 400; }
.message-preview-heading { margin-bottom: var(--wf-space-3); }
.message-preview { overflow: hidden; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-4); }
.message-preview-meta { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: var(--wf-space-2); padding: var(--wf-space-2) var(--wf-space-3); border-bottom: 1px solid var(--wf-border); font-size: var(--wf-text-xs); }
.message-preview-meta span { color: var(--wf-text-subtle); }
.message-preview-body { min-height: 140px; padding: var(--wf-space-4); font-size: var(--wf-text-sm); line-height: 1.6; white-space: pre-wrap; }
.message-preview-body p { margin: 0 0 var(--wf-space-3); }
.message-preview-body mark { padding: 1px 3px; border: 1px dashed var(--wf-border-strong); border-radius: var(--wf-radius-1); background: var(--wf-gray-50); color: var(--wf-text-muted); }
.message-preview-actions { display: flex; justify-content: flex-end; gap: var(--wf-space-3); padding-top: var(--wf-space-4); margin-top: var(--wf-space-4); border-top: 1px solid var(--wf-border); }
.message-toast { position: fixed; right: var(--wf-space-5); bottom: var(--wf-space-5); z-index: 90; padding: var(--wf-space-3) var(--wf-space-4); border-radius: var(--wf-radius-3); background: var(--wf-gray-800); color: var(--wf-white); font-weight: 700; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity var(--wf-motion-fast) var(--wf-motion-ease), transform var(--wf-motion-fast) var(--wf-motion-ease); }
.message-toast.is-visible { opacity: 1; transform: translateY(0); }
.message-send-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--wf-space-4); align-items: start; }
.numbered-card-heading { display: flex; align-items: center; gap: var(--wf-space-3); padding-bottom: var(--wf-space-4); margin-bottom: var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.numbered-card-heading > span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--wf-border); border-radius: 50%; font-weight: 700; }
.numbered-card-heading h2 { margin: 0; font-size: var(--wf-text-lg); }
.message-value-row { display: grid; grid-template-columns: minmax(180px, .45fr) minmax(220px, 1fr); gap: var(--wf-space-3); align-items: end; padding: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); }
.message-value-row.is-automatic { background: var(--wf-gray-50); }
.message-value-row strong, .message-value-row small { display: block; }
.message-value-row strong { font-family: var(--wf-font-mono); font-size: var(--wf-text-sm); }
.message-value-row small { margin-top: var(--wf-space-1); color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.message-send-actions { display: flex; justify-content: flex-end; gap: var(--wf-space-2); }
.message-send-preview { position: sticky; top: 0; }
.message-missing-warning { margin-top: var(--wf-space-3); padding: var(--wf-space-3); border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.message-send-success { display: flex; gap: var(--wf-space-3); padding: var(--wf-space-4); }
.message-send-success > .wf-icon { width: 28px; height: 28px; padding: 5px; border: 1px solid var(--wf-border-strong); border-radius: 50%; }
.message-send-success p { margin: var(--wf-space-1) 0; }
.save-message { min-height: 18px; margin: 0; color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.channel-settings-page { width: min(100%, 1120px); display: grid; gap: var(--wf-space-4); margin-inline: auto; }
.channel-page-heading { align-items: center; margin-bottom: 0; }
.channel-page-title { display: flex; align-items: center; gap: var(--wf-space-4); }
.channel-page-title .wf-copy { margin-top: var(--wf-space-1); }
.channel-page-icon { width: 38px; height: 38px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-4); background: var(--wf-white); }
.channel-page-icon .wf-icon { width: 22px; height: 22px; }
.channel-enable { min-width: 228px; padding: var(--wf-space-3) var(--wf-space-4); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-4); background: var(--wf-white); }
.integration-context-pane { display: grid; align-content: start; gap: var(--wf-space-3); padding: var(--wf-space-4) var(--wf-space-3); }
.integration-context-heading { padding: var(--wf-space-2) var(--wf-space-3) var(--wf-space-3); border-bottom: 1px solid var(--wf-border); }
.integration-context-heading h2 { margin: 0; font-size: var(--wf-text-lg); }
.integration-context-list { display: grid; gap: var(--wf-space-1); }
.integration-context-link { min-height: 36px; display: flex; align-items: center; gap: var(--wf-space-3); padding: var(--wf-space-2) var(--wf-space-3); border: 1px solid transparent; border-radius: var(--wf-radius-3); color: var(--wf-text-muted); font-weight: 700; text-decoration: none; }
.integration-context-link .wf-icon { width: 17px; height: 17px; flex: 0 0 auto; }
.integration-context-link:hover, .integration-context-link[aria-current="page"] { background: var(--wf-gray-100); color: var(--wf-text); }
.integration-context-link[aria-current="page"] { border-color: var(--wf-border-strong); }
.channel-settings-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--wf-space-4); align-items: start; }
.channel-card { display: grid; gap: var(--wf-space-4); padding: var(--wf-space-5); }
.channel-card-heading { padding-bottom: var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.channel-card-heading h2 { margin: 0; font-size: var(--wf-text-lg); }
.channel-card-heading .wf-copy { margin-top: var(--wf-space-1); font-size: var(--wf-text-sm); }
.channel-fieldset { min-width: 0; padding: var(--wf-space-4) 0 0; margin: 0; border: 0; border-top: 1px solid var(--wf-border); }
.channel-fieldset legend { padding: 0; margin-bottom: var(--wf-space-3); font-size: var(--wf-text-md); font-weight: 700; }
.channel-test-card { position: static; }
.channel-test-fields { display: grid; gap: var(--wf-space-4); }
.channel-card-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--wf-space-4); padding-top: var(--wf-space-4); border-top: 1px solid var(--wf-border); }
.channel-card-actions .channel-feedback { margin-right: auto; }
.channel-test-card > .wf-button { justify-self: start; }
.channel-feedback { margin: 0; color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.channel-feedback--error { color: var(--wf-text); font-weight: 700; }
.channel-feedback--loading { font-style: italic; }
.channel-feedback--success { color: var(--wf-text); font-weight: 700; }
.channel-settings-page [aria-invalid="true"] { border-color: var(--wf-gray-700); outline: 1px solid var(--wf-gray-700); }
/* r028 shipment, workflow, and channel architecture */
.summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--wf-space-4); margin-bottom: var(--wf-space-5); }
.summary-card { display: grid; gap: var(--wf-space-2); min-height: 90px; padding: var(--wf-space-5); }
.summary-card span { color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.summary-card strong { font-size: var(--wf-text-xl); line-height: 1; }
.summary-card small { color: var(--wf-text-subtle); }
.directory-tools { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-4); padding: var(--wf-space-3); margin-bottom: var(--wf-space-5); }
.directory-search { width: min(420px, 56vw); }
.compact-select { display: flex; align-items: center; gap: var(--wf-space-2); color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.compact-select .wf-select { min-width: 150px; }
.workflow-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wf-space-5); }
.workflow-directory-card { display: grid; gap: var(--wf-space-4); min-height: 240px; padding: var(--wf-space-5); }
.workflow-directory-card > header, .workflow-directory-card > footer { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--wf-space-4); }
.workflow-directory-card h2 { margin: var(--wf-space-2) 0 0; }
.workflow-directory-card--operations h2 { margin: 0; }
.workflow-directory-card > p { margin: 0; }
.workflow-directory-card > footer { align-items: center; margin-top: auto; padding-top: var(--wf-space-4); border-top: 1px solid var(--wf-border); }
.workflow-updated { color: var(--wf-text-muted); font-size: var(--wf-text-xs); }
.workflow-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wf-space-3); margin: 0; padding: var(--wf-space-4); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.workflow-metrics dt { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.workflow-metrics dd { margin: var(--wf-space-1) 0 0; font-weight: 700; }
.board-main { padding-bottom: 0; }
.board-heading { align-items: flex-start; padding-right: var(--wf-space-6); }
.board-heading h1 { margin: 0; }
.board-heading .wf-copy { max-width: 720px; margin-top: var(--wf-space-2); }
.board-search-tools { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); margin: 0 var(--wf-space-6) var(--wf-space-4) 0; padding: var(--wf-space-3); }
.board-search { flex: 1 1 240px; width: auto; max-width: 360px; }
.board-filter-group { flex: 0 1 auto; }
.board-search-tools .compact-select { gap: var(--wf-space-1); }
.board-search-tools .compact-select .wf-select { min-width: 126px; }
.board-search-tools .compact-select:nth-child(2) .wf-select { min-width: 142px; }
.ops-board-shell[data-wf-right-open="true"] .board-search-tools { align-items: stretch; flex-direction: column; }
.ops-board-shell[data-wf-right-open="true"] .board-search { flex: 0 0 auto; width: 100%; max-width: none; }
.ops-board-shell[data-wf-right-open="true"] .board-filter-group { flex-wrap: wrap; }
.board-search-results { margin-right: var(--wf-space-6); }
.board-results-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); margin-bottom: var(--wf-space-3); }
.board-results-heading h2 { margin: 0; font-size: var(--wf-text-md); }
.board-results-table { min-width: 860px; }
.board-results-table th:first-child { width: 27%; }
.board-results-table th:nth-child(2) { width: 20%; }
.board-results-table tbody tr { cursor: pointer; }
.shipment-result-button { width: 100%; display: flex; align-items: center; gap: var(--wf-space-3); padding: 0; border: 0; background: transparent; color: var(--wf-text); font: inherit; text-align: left; cursor: pointer; }
.shipment-result-thumbnail { width: 40px; height: 40px; flex: 0 0 auto; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-2); object-fit: cover; }
.shipment-result-button:hover strong, .shipment-result-button[data-wf-detail-selected] strong { text-decoration: underline; text-underline-offset: 3px; }
.shipment-result-button[data-wf-detail-selected] { color: var(--wf-text); }
.shipment-result-identity { min-width: 0; display: grid; gap: 2px; }
.shipment-result-identity strong { font-family: var(--wf-font-mono); }
.shipment-result-identity small, .shipment-result-order small { display: block; color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.shipment-result-order { display: grid; gap: 2px; }
.shipment-result-sla { min-width: 130px; display: grid; gap: var(--wf-space-1); }
.shipment-result-sla .progress-track { display: block; margin-top: 0; }
.shipment-result-sla small { color: var(--wf-text-muted); font-size: var(--wf-text-xs); }
.kanban { grid-template-columns: none; }
.kanban-column { min-height: calc(100dvh - 205px); }
.kanban-column__header { align-items: flex-start; }
.kanban-column__header > div > span { display: block; margin-top: var(--wf-space-1); color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.kanban-column--outcome { background: var(--wf-gray-50); }
.shipment-card[draggable="true"] { cursor: grab; }
.shipment-card[draggable="true"]:active { cursor: grabbing; }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--wf-space-4); margin-bottom: var(--wf-space-4); }
.section-heading h2, .section-heading h3, .section-heading p { margin: 0; }
.section-heading p { margin-top: var(--wf-space-1); }
.shipment-groups-section > [data-shipment-groups] { display: grid; gap: var(--wf-space-5); }
.shipment-workflow-group { overflow: hidden; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); }
.shipment-workflow-group > header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--wf-space-4); padding: var(--wf-space-3) var(--wf-space-4); border-bottom: 1px solid var(--wf-border); background: var(--wf-gray-50); }
.shipment-workflow-group h3, .shipment-workflow-group p { margin: 0; }
.shipment-workflow-group p { margin-top: var(--wf-space-1); }
.shipment-manage-list { display: grid; }
.shipment-manage-row { display: grid; grid-template-columns: minmax(190px, 1.1fr) minmax(260px, 1.2fr); align-items: center; gap: var(--wf-space-5); min-height: 68px; padding: var(--wf-space-3) var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.shipment-manage-row:last-child { border-bottom: 0; }
.shipment-record-link { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); color: var(--wf-text); text-decoration: none; }
.shipment-record-identity { min-width: 0; display: flex; align-items: center; gap: var(--wf-space-3); }
.shipment-record-identity > span { min-width: 0; }
.shipment-record-thumbnail { width: 40px; height: 40px; flex: 0 0 auto; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-2); object-fit: cover; }
.shipment-record-link strong, .shipment-record-link small { display: block; }
.shipment-record-link strong { font-family: var(--wf-font-mono); text-decoration: underline; text-underline-offset: 3px; }
.shipment-record-link small, .shipment-row-meta { color: var(--wf-text-muted); font-size: var(--wf-text-xs); }
.shipment-row-meta { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: var(--wf-space-2); }
.shipment-row-progress { min-width: 150px; }
.shipment-row-sla { display: block; white-space: nowrap; }
.empty-inline { padding: var(--wf-space-6); border: 1px dashed var(--wf-border-strong); border-radius: var(--wf-radius-3); text-align: center; }
.empty-inline h3, .empty-inline p { margin: 0; }
.empty-inline p { margin-top: var(--wf-space-2); }
.shipment-editor-page { max-width: 920px; }
.shipment-form { display: grid; gap: var(--wf-space-4); padding-top: var(--wf-space-4); }
.shipment-order-link, .workflow-stage-link { display: inline-block; color: var(--wf-text-muted); font-size: var(--wf-text-xs); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.shipment-address-toggle { padding-top: var(--wf-space-5); border-top: 1px solid var(--wf-border); }
.shipment-address-toggle span span { display: block; margin-top: var(--wf-space-1); }
.shipment-address-fields { padding-top: var(--wf-space-4); }
.wf-dialog { width: min(520px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: var(--wf-radius-4); color: var(--wf-text); box-shadow: var(--wf-shadow-2); }
.wf-dialog::backdrop { background: rgb(49 56 62 / .42); }
.wf-dialog-card { display: grid; gap: var(--wf-space-5); padding: var(--wf-space-5); }
.wf-dialog-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--wf-space-4); padding-bottom: var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.wf-dialog-card h2, .wf-dialog-card p { margin: 0; }
.dialog-actions { display: flex; justify-content: flex-end; gap: var(--wf-space-2); }
.workflow-designer-page, .automation-form-page { width: min(100%, 1180px); display: grid; gap: var(--wf-space-5); margin-inline: auto; }
.workflow-designer-actions { justify-content: flex-end; margin-bottom: 0; }
.workflow-identity { padding: var(--wf-space-5); }
.workflow-identity-grid { max-width: 920px; }
.workflow-designer-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: var(--wf-space-5); align-items: start; }
.designer-stage-list, .designer-stage-settings { padding: var(--wf-space-4); }
.designer-stage-list > header, .designer-stage-settings > header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--wf-space-3); padding-bottom: var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.designer-stage-list h2, .designer-stage-settings h2 { margin: var(--wf-space-1) 0 0; }
.designer-stage-list > div { display: grid; gap: var(--wf-space-2); padding-top: var(--wf-space-3); }
.designer-stage-item { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-white); }
.designer-stage-item.is-selected { border-color: var(--wf-gray-600); background: var(--wf-gray-100); }
.designer-stage-item.is-dragging { opacity: .55; }
.designer-stage-item.is-drag-over { box-shadow: inset 0 -2px 0 var(--wf-gray-700); }
.stage-drag-handle { width: 32px; height: 100%; min-height: 52px; display: grid; place-items: center; padding: 0; border: 0; border-right: 1px solid var(--wf-border); background: transparent; color: var(--wf-text-subtle); cursor: grab; }
.stage-drag-handle:active { cursor: grabbing; }
.designer-stage-select { min-width: 0; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: var(--wf-space-2); padding: var(--wf-space-3); border: 0; background: transparent; color: var(--wf-text); text-align: left; }
.designer-stage-select strong, .designer-stage-select small { display: block; }
.designer-stage-select small { margin-top: 2px; overflow: hidden; color: var(--wf-text-subtle); font-size: var(--wf-text-xs); text-overflow: ellipsis; white-space: nowrap; }
.stage-order { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--wf-border); border-radius: 50%; color: var(--wf-text-muted); font-size: var(--wf-text-xs); }
.designer-stage-form { display: grid; gap: var(--wf-space-5); padding-top: var(--wf-space-5); }
.designer-stage-form .wf-field { align-content: start; align-self: start; }
.designer-stage-form section + section { padding-top: var(--wf-space-5); border-top: 1px solid var(--wf-border); }
.designer-stage-form h3 { margin: 0 0 var(--wf-space-4); }
.designer-stage-automations .section-heading { margin-bottom: var(--wf-space-4); }
.designer-stage-automations .section-heading h3 { margin: 0; }
.workflow-automation-list { overflow: hidden; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); }
.workflow-automation-row { display: grid; grid-template-columns: minmax(240px, 1fr) auto auto; align-items: center; gap: var(--wf-space-4); padding: var(--wf-space-4); background: var(--wf-white); }
.workflow-automation-row + .workflow-automation-row { border-top: 1px solid var(--wf-border); }
.workflow-automation-row > div:first-child strong, .workflow-automation-row > div:first-child small { display: block; }
.workflow-automation-row > div:first-child small { max-width: 620px; margin-top: var(--wf-space-1); color: var(--wf-text-muted); }
.workflow-automation-empty { margin: 0; padding: var(--wf-space-4); color: var(--wf-text-muted); }
.automation-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.automation-table { min-width: 850px; }
.automation-rule-link { color: var(--wf-text); text-decoration: none; }
.automation-rule-link strong, .automation-rule-link small, .automation-table td strong, .automation-table td small { display: block; }
.automation-rule-link strong { text-decoration: underline; text-underline-offset: 3px; }
.automation-rule-link small, .automation-table td small { max-width: 430px; margin-top: var(--wf-space-1); color: var(--wf-text-muted); }
.status-toggle { padding: 0; border: 0; background: transparent; }
.runs-dialog { width: min(620px, calc(100vw - 32px)); }
.run-list { display: grid; gap: var(--wf-space-2); max-height: 420px; overflow: auto; }
.run-row { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: var(--wf-space-3); padding: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); }
.run-row strong, .run-row small { display: block; }
.run-row small { margin-top: var(--wf-space-1); color: var(--wf-text-muted); }
.automation-builder-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: var(--wf-space-5); align-items: start; }
.automation-builder-steps { display: grid; gap: var(--wf-space-4); }
.builder-section { display: grid; gap: var(--wf-space-4); padding: var(--wf-space-5); }
.builder-section > header { display: flex; gap: var(--wf-space-3); padding-bottom: var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.builder-section h2, .builder-section p { margin: 0; }
.builder-section p { margin-top: var(--wf-space-1); }
.builder-number { width: 24px; height: 24px; flex: 0 0 auto; display: grid; place-items: center; margin-top: 2px; border: 1px solid var(--wf-border-strong); border-radius: 50%; font-weight: 700; }
.compact-match { max-width: 220px; }
.condition-list, .action-list, .setting-checks { display: grid; gap: var(--wf-space-3); }
.condition-row { display: grid; grid-template-columns: 1fr 1fr 1fr auto; align-items: end; gap: var(--wf-space-2); padding: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.action-row { display: grid; grid-template-columns: 28px minmax(160px, .8fr) minmax(200px, 1fr) auto; align-items: end; gap: var(--wf-space-2); padding: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.action-order { align-self: center; font-weight: 700; text-align: center; }
.action-configuration { min-width: 0; display: grid; gap: var(--wf-space-2); }
.action-configuration-pair { display: grid; grid-template-columns: minmax(120px, .75fr) minmax(160px, 1fr); gap: var(--wf-space-2); }
.action-configuration .wf-field { min-width: 0; }
.action-controls { display: flex; align-self: end; }
.timing-delay { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wf-space-2); }
.setting-checks .wf-check { padding: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); }
.automation-preview { position: sticky; top: 0; display: grid; gap: var(--wf-space-4); padding: var(--wf-space-5); }
.automation-preview h2, .automation-preview p { margin: 0; }
.automation-preview ol { display: grid; gap: var(--wf-space-2); padding-left: 22px; margin: 0; }
.preview-sample { display: grid; gap: var(--wf-space-1); padding: var(--wf-space-4); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.preview-result { padding: var(--wf-space-3); }
.field-error { margin: 0; color: var(--wf-text); font-size: var(--wf-text-sm); font-weight: 700; }
.wf-button[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
@media (max-width: 991.98px) {
  .ops-board-shell { --wf-left-panel-width: 76px; --wf-right-panel-width: calc(100% - 76px); }
  .ops-board-shell .wf-shell__header { right: 0; left: var(--wf-left-panel-width); }
  .ops-board-shell .wf-shell__center { left: var(--wf-left-panel-width); padding: var(--wf-space-4) 0 var(--wf-space-4) var(--wf-space-4); }
  .board-heading { padding-right: var(--wf-space-4); }
  .board-search-tools, .board-search-results { margin-right: var(--wf-space-4); }
  .board-search-tools, .orders-directory-tools { align-items: stretch; flex-direction: column; }
  .board-search, .orders-search { flex: 0 0 auto; width: 100%; max-width: none; }
  .board-filter-group, .orders-filter-group { flex-wrap: wrap; }
  .kanban-column:last-child { margin-right: var(--wf-space-4); }
  .ops-board-shell[data-wf-panel-resizable] .wf-shell__resize-handle--right { display: none; }
  .detail-columns { grid-template-columns: 1fr; }
  .page-heading { align-items: flex-start; flex-direction: column; }
  .page-heading__actions { width: 100%; justify-content: space-between; }
  .app-search { width: min(46vw, 280px); min-width: 150px; }
  .order-form-section__heading { grid-template-columns: 1fr; gap: var(--wf-space-2); }
  .summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-directory { grid-template-columns: 1fr; }
  .workflow-designer-layout { grid-template-columns: 1fr; }
  .automation-builder-layout { grid-template-columns: 1fr; }
  .automation-preview { position: static; }
  .message-editor-layout, .message-send-layout { grid-template-columns: 1fr; }
  .entity-directory-tools--users { grid-template-columns: minmax(240px, 1fr) 170px 170px; }
  .message-preview-column { position: static; }
  .message-preview-panel, .message-send-preview { position: static; }
  .channel-settings-layout { grid-template-columns: 1fr; }
  .channel-test-card { position: static; }
  .app-shell[data-integration-shell] .app-main { left: calc(var(--app-global-width) + var(--app-context-width)); }
  .shipment-manage-row { grid-template-columns: minmax(180px, .9fr) minmax(240px, 1.1fr); }
}
@media (max-width: 640px) {
  .app-shell[data-integration-shell] { --app-context-width: 64px; }
  .integration-context-pane { padding: var(--wf-space-2); }
  .integration-context-heading { display: none; }
  .integration-context-link { min-height: 40px; justify-content: center; padding: var(--wf-space-1); }
  .integration-context-link .wf-icon { width: 20px; height: 20px; }
  .integration-context-link > span:last-child { display: none; }
  .ops-board-shell { --wf-left-panel-width: 68px; --wf-right-panel-width: calc(100% - 68px); }
  .workflow-detail-grid { grid-template-columns: 1fr; }
  .workflow-index { padding: var(--wf-space-8) 0; }
  .workflow-grid { grid-template-columns: 1fr; }
  .workflow-card { min-height: 220px; padding: var(--wf-space-5); }
  .app-search { width: calc(100vw - 168px); min-width: 0; }
  .header-back > span:last-child { display: none; }
  .detail-hero { flex-direction: column; padding: var(--wf-space-4); }
  .detail-hero__badges { justify-content: flex-start; }
  .detail-grid, .form-grid, .designer-summary { grid-template-columns: 1fr; }
  .form-grid .form-span { grid-column: auto; }
  .editor-card { padding: var(--wf-space-4); }
  .page-heading__actions { align-items: flex-start; flex-direction: column; }
  .order-create-heading { flex-direction: column; }
  .order-form-section { padding: var(--wf-space-4); }
  .order-items-heading { align-items: flex-start; flex-direction: column; }
  .order-items-heading .wf-button { margin-top: var(--wf-space-4); }
  .order-shipment-dialog { width: calc(100% - 16px); }
  .order-create-actions { flex-direction: column-reverse; }
  .order-create-actions .wf-button { width: 100%; }
  .order-create-success { padding: var(--wf-space-5); }
  .template-form-actions { align-items: stretch; flex-direction: column-reverse; }
  .template-form-actions .form-actions { justify-content: flex-end; }
  .message-directory-tools, .message-value-row { grid-template-columns: 1fr; }
  .entity-directory-tools, .entity-directory-tools--users { grid-template-columns: 1fr; }
  .entity-form-actions { align-items: stretch; flex-direction: column; }
  .entity-form-actions .form-actions { width: 100%; justify-content: flex-end; }
  .channel-page-title { align-items: flex-start; }
  .channel-enable { width: 100%; min-width: 0; }
  .channel-card-actions { align-items: stretch; flex-direction: column; }
  .channel-card-actions .channel-feedback { margin-right: 0; }
  .channel-card-actions .wf-button { width: 100%; }
  .declared-variable-entry { grid-template-columns: 1fr; }
  .summary-grid, .automation-summary { grid-template-columns: 1fr; }
  .directory-tools, .workflow-directory-card > header, .workflow-directory-card > footer, .shipment-workflow-group > header, .section-heading { align-items: stretch; flex-direction: column; }
  .workflow-automation-row { grid-template-columns: 1fr; }
  .workflow-automation-row > .wf-badge, .workflow-automation-row > .wf-button { justify-self: start; }
  .directory-search { width: 100%; }
  .compact-select { justify-content: space-between; }
  .board-filter-group, .orders-filter-group { display: grid; grid-template-columns: 1fr; }
  .board-filter-group .compact-select, .orders-filter-group .compact-select { width: 100%; }
  .board-filter-group .wf-select, .orders-filter-group .wf-select { flex: 1; min-width: 0; }
  .workflow-metrics { grid-template-columns: 1fr; }
  .shipment-manage-row { grid-template-columns: 1fr; }
  .shipment-row-meta { grid-column: 1; grid-row: auto; grid-template-columns: 1fr; }
  .condition-row, .action-row { grid-template-columns: 1fr; }
  .action-order { justify-self: start; }
  .action-controls { justify-self: start; }
  .action-configuration-pair { grid-template-columns: 1fr; }
  .dialog-actions { flex-direction: column-reverse; }
}

/* r028 declarative logistics providers */
.provider-detail-page { width: min(100%, 1180px); margin-inline: auto; }
.provider-directory-tools { display: grid; grid-template-columns: minmax(260px, 1fr) 190px; gap: var(--wf-space-4); padding: var(--wf-space-4); margin-bottom: var(--wf-space-4); }
.provider-table { min-width: 840px; }
.provider-link { display: inline-flex; align-items: center; gap: var(--wf-space-3); color: var(--wf-text); font-weight: 700; text-decoration: none; }
.provider-link:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.provider-mark { width: 34px; height: 34px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-gray-100); color: var(--wf-text); font: 800 var(--wf-text-xs) var(--wf-font-mono); }
.provider-mark--large { width: 46px; height: 46px; font-size: var(--wf-text-md); }
.provider-open-link { display: inline-grid; width: 28px; height: 28px; place-items: center; color: var(--wf-text); }
.provider-open-link .wf-icon { width: 16px; height: 16px; }
.provider-create-dialog { width: min(680px, calc(100vw - 32px)); }
.provider-create-dialog h2, .provider-create-dialog p { margin: 0; }
.provider-create-dialog .wf-dialog__header { align-items: flex-start; }
.provider-create-dialog .wf-dialog__header .wf-copy { margin-top: var(--wf-space-1); font-size: var(--wf-text-sm); }
.provider-create-grid { gap: var(--wf-space-3); }
.provider-dialog-error { margin: var(--wf-space-3) 0 0; font-weight: 700; }
.provider-hero { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-5); margin-bottom: var(--wf-space-4); }
.provider-hero-identity { display: flex; align-items: center; gap: var(--wf-space-4); min-width: 0; }
.provider-hero-identity h1 { margin: var(--wf-space-1) 0 0; }
.provider-hero-identity .wf-copy { margin-top: var(--wf-space-1); }
.provider-back-link { display: inline-flex; align-items: center; gap: 2px; color: var(--wf-text-muted); font-size: var(--wf-text-sm); font-weight: 700; text-decoration: none; }
.provider-back-link:hover { color: var(--wf-text); text-decoration: underline; text-underline-offset: 3px; }
.provider-back-link .wf-icon { width: 14px; height: 14px; }
.provider-enable { align-items: center; min-height: 34px; padding: var(--wf-space-2) var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-white); }
.provider-config-card { display: grid; gap: var(--wf-space-4); padding: var(--wf-space-5); }
.provider-config-card .section-heading { margin: 0; padding-bottom: var(--wf-space-4); border-bottom: 1px solid var(--wf-border); }
.provider-identity-grid, .provider-auth-fields { gap: var(--wf-space-3); }
.provider-auth-fieldset { min-width: 0; padding: var(--wf-space-4) 0 0; border: 0; border-top: 1px solid var(--wf-border); }
.provider-auth-fieldset legend { margin-bottom: var(--wf-space-3); font-size: var(--wf-text-lg); font-weight: 700; }
.provider-auth-select { width: min(100%, 420px); margin-bottom: var(--wf-space-3); }
.provider-config-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); padding-top: var(--wf-space-4); border-top: 1px solid var(--wf-border); }
.provider-config-save { display: flex; align-items: center; justify-content: flex-end; gap: var(--wf-space-3); margin-left: auto; }
.provider-feedback { margin: 0; color: var(--wf-text-muted); font-size: var(--wf-text-sm); }
.provider-auth-test-dialog { width: min(560px, calc(100vw - 32px)); }
.provider-auth-test-dialog h2, .provider-auth-test-dialog p { margin: 0; }
.provider-auth-test-dialog .wf-dialog__header { align-items: flex-start; }
.provider-auth-test-dialog .wf-copy { margin-top: var(--wf-space-1); font-size: var(--wf-text-sm); }
.provider-test-summary { display: grid; gap: var(--wf-space-3); margin: 0; }
.provider-test-summary div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: var(--wf-space-3); }
.provider-test-summary dt { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.provider-test-summary dd { margin: 0; font-weight: 700; }
.provider-test-result { padding: var(--wf-space-3); margin-top: var(--wf-space-4); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.provider-capabilities { margin-top: var(--wf-space-5); }
.provider-capabilities > header { margin-bottom: var(--wf-space-3); }
.provider-capabilities h2, .provider-capabilities p { margin: 0; }
.provider-capabilities .wf-copy { margin-top: var(--wf-space-1); }
.provider-capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wf-space-4); }
.provider-capability-card { display: grid; gap: var(--wf-space-4); min-height: 210px; padding: var(--wf-space-4); }
.provider-capability-card > header { display: flex; align-items: center; justify-content: space-between; }
.provider-capability-switch { font-size: var(--wf-text-sm); }
.provider-capability-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.provider-capability-icon .wf-icon { width: 18px; height: 18px; }
.provider-capability-card h3, .provider-capability-card p { margin: 0; }
.provider-capability-card .wf-copy { margin-top: var(--wf-space-1); }
.provider-capability-card small { display: block; margin-top: var(--wf-space-2); color: var(--wf-text-subtle); }
.provider-capability-card .wf-button { align-self: end; justify-self: start; }
.provider-operation-page { min-width: 780px; }
.provider-operation-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-5); max-width: 1320px; margin: 0 auto var(--wf-space-4); }
.provider-operation-heading h1 { margin: var(--wf-space-1) 0 0; }
.provider-operation-heading .wf-copy { margin-top: var(--wf-space-1); }
.provider-operation-layout { display: grid; grid-template-columns: 250px minmax(520px, 1fr); gap: var(--wf-space-4); max-width: 1320px; margin-inline: auto; align-items: start; }
.provider-step-list { position: sticky; top: 0; display: grid; gap: var(--wf-space-3); padding: var(--wf-space-4); }
.provider-step-list > header { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); }
.provider-step-list h2, .provider-step-list p { margin: 0; }
.provider-step-list > .wf-copy { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.provider-step-list [data-provider-step-list] { display: grid; gap: var(--wf-space-2); }
.provider-step-item { display: grid; grid-template-columns: 24px minmax(0, 1fr) 16px; align-items: center; gap: var(--wf-space-2); width: 100%; padding: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-white); color: var(--wf-text); text-align: left; }
.provider-step-item:hover, .provider-step-item.is-selected { border-color: var(--wf-gray-600); background: var(--wf-gray-100); }
.provider-step-item strong, .provider-step-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.provider-step-item small { margin-top: 2px; color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.provider-step-item > .wf-icon { width: 14px; height: 14px; color: var(--wf-text-subtle); }
.provider-step-order, .provider-mapping-number { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid var(--wf-border); border-radius: 50%; color: var(--wf-text-muted); font-size: var(--wf-text-xs); }
.provider-operation-main { display: grid; min-width: 0; gap: var(--wf-space-4); }
.provider-step-editor { display: grid; min-width: 0; }
.provider-step-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-4); padding: var(--wf-space-4) var(--wf-space-5); border-bottom: 1px solid var(--wf-border); }
.provider-step-heading h2 { margin: var(--wf-space-1) 0 0; }
.provider-editor-section { min-width: 0; padding: var(--wf-space-5); }
.provider-editor-section + .provider-editor-section { border-top: 1px solid var(--wf-border); }
.provider-editor-section h3, .provider-editor-section p { margin: 0; }
.provider-editor-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--wf-space-4); margin-bottom: var(--wf-space-3); }
.provider-editor-section-heading .wf-copy { margin-top: var(--wf-space-1); font-size: var(--wf-text-sm); }
.provider-transport-grid { margin-top: var(--wf-space-3); }
.provider-endpoint-field { display: grid; grid-template-columns: auto minmax(180px, 1fr); align-items: center; overflow: hidden; border: 1px solid var(--wf-border-strong); border-radius: var(--wf-radius-2); background: var(--wf-gray-50); }
.provider-endpoint-field > span { padding: 0 var(--wf-space-3); color: var(--wf-text-subtle); font: var(--wf-text-xs) var(--wf-font-mono); white-space: nowrap; }
.provider-endpoint-field .wf-input { border: 0; border-left: 1px solid var(--wf-border-strong); border-radius: 0; font-family: var(--wf-font-mono); }
.provider-auth-policy { width: min(100%, 360px); margin-top: var(--wf-space-3); }
.provider-auth-override { padding: var(--wf-space-3); margin-top: var(--wf-space-3); border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); }
.provider-mapping-table-wrap { min-width: 0; max-width: 100%; border-radius: var(--wf-radius-3); }
.provider-mapping-table { min-width: 650px; table-layout: fixed; }
.provider-mapping-table th, .provider-mapping-table td { padding: var(--wf-space-3); }
.provider-mapping-table th:first-child { width: 20%; }
.provider-mapping-table th:nth-child(2) { width: 13%; }
.provider-mapping-table th:nth-child(3) { width: 28%; }
.provider-mapping-table th:nth-child(4) { width: 24%; }
.provider-mapping-table th:last-child { width: 76px; }
.provider-mapping-table code { color: var(--wf-text); font: var(--wf-text-xs) var(--wf-font-mono); overflow-wrap: anywhere; }
.provider-mapping-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--wf-space-1); }
.provider-mapping-actions .wf-icon-button { width: 28px; height: 28px; }
.provider-mapping-actions .wf-icon { width: 14px; height: 14px; }
.provider-mapping-empty { color: var(--wf-text-subtle); text-align: center !important; }
.provider-mapping-dialog { width: min(640px, calc(100vw - 32px)); }
.provider-mapping-dialog h2 { margin: 0; }
.provider-mapping-dialog-grid { gap: var(--wf-space-3); }
.provider-dialog-error { margin: var(--wf-space-3) 0 0; color: var(--wf-text); font-size: var(--wf-text-sm); font-weight: 700; }
.provider-plain-template { margin-bottom: var(--wf-space-3); }
.provider-step-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); padding: var(--wf-space-4) var(--wf-space-5); border-top: 1px solid var(--wf-border); }
.provider-step-actions__save { display: flex; align-items: center; justify-content: flex-end; gap: var(--wf-space-3); margin-left: auto; }
.provider-mapper-test-dialog { width: min(760px, calc(100vw - 32px)); }
.provider-mapper-test-dialog .wf-dialog__header { align-items: flex-start; }
.provider-mapper-test-dialog .wf-dialog__header h2, .provider-mapper-test-dialog .wf-dialog__header p { margin: 0; }
.provider-mapper-test-dialog .wf-dialog__header .wf-copy { margin-top: var(--wf-space-1); }
.provider-mapper-test { display: grid; gap: var(--wf-space-4); }
.provider-mapper-test h2, .provider-mapper-test p { margin: 0; }
.provider-mapper-test .wf-copy { margin-top: var(--wf-space-1); }
.provider-mapper-test > .wf-field { width: min(100%, 420px); }
.provider-test-preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wf-space-3); }
.provider-test-preview pre { min-height: 170px; padding: var(--wf-space-3); margin: var(--wf-space-2) 0 0; overflow: auto; border: 1px solid var(--wf-border); border-radius: var(--wf-radius-3); background: var(--wf-gray-50); color: var(--wf-text); font: var(--wf-text-xs)/1.5 var(--wf-font-mono); white-space: pre-wrap; }
.provider-mapper-test > .wf-button { justify-self: start; }

.shipment-tracker-section { display: grid; gap: var(--wf-space-4); }
.shipment-tracker-section h2 { margin: 0; }
.tracker-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wf-space-3); margin: 0; }
.tracker-details dt { color: var(--wf-text-subtle); font-size: var(--wf-text-xs); }
.tracker-details dd { margin: 2px 0 0; font-weight: 700; overflow-wrap: anywhere; }
.tracker-details code { font-family: var(--wf-font-mono); font-size: var(--wf-text-sm); }
.tracker-actions { display: flex; flex-wrap: wrap; gap: var(--wf-space-2); }
.shipment-tracker-section .save-message, .board-detail-tracker .save-message { min-height: 0; margin: 0; }
.tracker-details--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wf-space-3); }
.board-detail-tracker .tracker-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--wf-space-3); }
.board-detail-tracker .tracker-actions .wf-button { min-width: 0; }

@media (max-width: 1100px) {
  .provider-hero { align-items: flex-start; flex-direction: column; }
  .provider-capability-grid { grid-template-columns: 1fr; }
  .provider-capability-card { min-height: 0; }
}

@media (max-width: 991.98px) {
  .provider-directory-tools, .provider-create-grid, .provider-identity-grid, .provider-auth-fields { grid-template-columns: 1fr; }
  .provider-directory-tools .form-span, .provider-create-grid .form-span, .provider-identity-grid .form-span, .provider-auth-fields .form-span { grid-column: auto; }
  .provider-operation-page { min-width: 0; }
  .provider-operation-heading { align-items: flex-start; flex-direction: column; }
  .provider-operation-layout { grid-template-columns: 1fr; }
  .provider-step-list { position: static; }
  .provider-test-preview { grid-template-columns: 1fr; }
  .provider-endpoint-field { grid-template-columns: 1fr; }
  .provider-endpoint-field > span { padding: var(--wf-space-2) var(--wf-space-3); border-bottom: 1px solid var(--wf-border-strong); }
  .provider-endpoint-field .wf-input { border-left: 0; }
}