.composition-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;background:#dff4f0;border:1px solid #b8e2d9;border-radius:13px;margin-bottom:22px;font-size:12px;font-weight:650}.purpose-control{display:block;font-size:11px;font-weight:650;margin:18px 0}.purpose-control select,#purpose-note{width:100%;padding:10px;margin-top:7px;border:1px solid #d4e4df;border-radius:8px;background:#fff;color:#23433e;font:inherit}.studio-rules{font-size:10px;line-height:1.5;max-height:130px;overflow:auto;margin-top:12px}.rule-error,.rule-warning{padding:8px 11px;border-radius:7px;font-size:11px;line-height:1.6;margin:5px 0}.rule-error{background:#fff0eb;color:#a54632}.rule-warning{background:#fff8e5;color:#80631a}.rule-results{margin-top:13px}.board-date{font-size:12px;color:#5d8078}.board-filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.board-filters button{border:1px solid #d9e6e1;border-radius:9px;padding:10px 14px;background:#fff;color:#58746d;font:inherit;font-size:11px;display:flex;gap:12px;align-items:center}.board-filters button.active{background:#214f47;color:#fff;border-color:#214f47}.board-filters b{background:#b9d9d133;padding:2px 6px;border-radius:5px}.workflow-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}.board-lane{min-width:0;background:#e5efec;border:1px solid #d9e7e1;border-radius:13px;padding:13px}.board-lane h2{font-size:12px;display:flex;align-items:center;gap:7px;margin:0 0 13px}.board-lane h2>span{margin-left:auto;color:#6b8d82;font-size:10px}.stage-dot{width:7px;height:7px;border-radius:50%;background:#88a59d;flex-shrink:0}.dot-review,.dot-qc{background:#e9ad3e}.dot-production,.dot-shipped{background:#539bce}.dot-ready,.dot-accepted{background:#08a588}.dot-cancelled{background:#c97d73}.board-order{display:flex;flex-direction:column;align-items:start;text-align:left;width:100%;padding:15px;margin:10px 0 0;border:1px solid transparent;border-radius:10px;background:#fff;box-shadow:0 3px 10px #28534607;font:inherit;color:#23483f;gap:7px;cursor:pointer}.board-order:hover{border-color:#00ac96;transform:translateY(-1px)}.board-order>small{font-size:9px;color:#7f958e}.board-order>strong{font-size:13px;line-height:1.5}.board-order>span{font-size:10px;line-height:1.5}.board-order .board-payment{margin-top:6px;font-weight:700}.board-order .board-approval{color:#83968f;font-size:9px}.board-order .board-next{border-top:1px solid #edf2ef;padding-top:9px;width:100%;font-size:11px;font-weight:600}.board-order>em{font-size:9px;background:#fff0e5;color:#ab5631;padding:4px 8px;border-radius:5px;font-style:normal}.needs-attention{border-left:3px solid #de9c4a}.late{color:#c2603c!important}.lane-empty{font-size:10px;color:#91a79e;margin:20px 0}.workflow-detail{width:min(1120px,calc(100vw - 40px));max-width:1120px;padding:28px 34px}.order-big-total{display:block;font-size:22px;margin-top:12px;text-align:right}.order-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:8px 0 16px;border-bottom:1px solid #dce8e2;margin:20px 0}.order-tabs button{border:0;border-radius:8px;padding:10px 12px;background:transparent;color:#729087;font:inherit;font-size:11px;cursor:pointer}.order-tabs button.active{background:#dff3ed;color:#107e6d;font-weight:700}.items-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:18px}.items-toolbar p{font-size:11px;max-width:540px}.order-item{display:flex;gap:22px;padding:22px;border:1px solid #dbe7e2;border-radius:13px;margin-bottom:14px;background:#fff}.order-item>img{width:110px;height:135px;object-fit:contain;border-radius:9px;background:#f7faf9}.order-item-content{flex:1;min-width:0}.item-title{display:flex;justify-content:space-between;gap:12px}.item-title small{font-size:8px;letter-spacing:1.2px;color:#819d92}.item-title h3{margin:6px 0;font-size:16px}.item-title>b{font-size:14px;color:#118b77}.order-item-content p{font-size:11px;line-height:1.6}.item-decor-tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.item-decor-tags>span{background:#e9f4ef;border-radius:5px;padding:5px 8px;font-size:9px;color:#548476}.item-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.item-actions .text-button{font-size:10px}.danger-text{color:#b46249!important}.order-summary-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;font-size:12px}.cost-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e7eeea;font-size:12px;gap:16px}.cost-line small{display:block;font-size:9px;color:#8a9e95;margin-top:5px}.workflow-statuses{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.workflow-statuses article{padding:18px;border:1px solid #d9e7e1;border-radius:10px;display:flex;flex-direction:column;gap:9px;background:#f8fbf9}.workflow-statuses small{font-size:8px;letter-spacing:1px;color:#91a69d}.workflow-statuses b{font-size:14px}.workflow-statuses span{font-size:10px;color:#7c958a}.flow-action-grid{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.flow-action-grid button{font-size:11px;padding:12px 16px}.flow-form-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:15px}.cancel-area{border-top:1px solid #e3eae5;margin-top:25px;padding-top:18px;display:flex;flex-direction:column;align-items:start;gap:10px}.cancel-area small{font-size:10px;color:#879a91}.quality-result{border-radius:10px;border:1px solid #edca9f;background:#fff7e7;padding:18px;margin:20px 0}.quality-result.passed{border-color:#a8dbca;background:#edf8f0}.quality-result small{display:block;margin:6px 0}.attention-notice{background:#fff2e5;color:#9a613b;margin-bottom:12px}.terms-line{padding:16px 0;border-bottom:1px solid #dfe8e2}.qc-item{border:1px solid #d5e3da;border-radius:10px;padding:18px;margin:18px 0}.qc-item legend{padding:0 8px;font-size:12px;font-weight:700}.shipment-card{padding:22px;border:1px solid #dbe6df;border-radius:12px;margin:15px 0}.shipment-card p{font-size:12px}.shipment-steps{display:grid;grid-template-columns:repeat(3,1fr);background:#f1f7f4;padding:15px;gap:15px;border-radius:8px}.shipment-steps span{font-size:10px;color:#7c998b;line-height:1.9}.shipment-steps b{color:#3e6859;font-size:10px}.order-chat{max-height:400px;overflow:auto;padding:5px 0}.message{background:#f0f5f2;border-radius:12px;padding:14px 18px;margin:10px 40px 10px 0}.message.own-message{background:#e1f3eb;margin:10px 0 10px 40px}.message.internal-message{background:#fff6df}.message small{font-size:9px;color:#73907e}.message p{font-size:12px;line-height:1.8;margin:8px 0 0;overflow-wrap:anywhere}.chat-form{max-width:none;background:transparent;border:0;padding:20px 0 0}.event-timeline article{display:flex;gap:15px;padding:0 0 18px;border-left:1px solid #d3e4da;margin-left:5px}.event-timeline article>i{width:9px;height:9px;margin-left:-5px;margin-top:5px;background:#00a68c;border-radius:50%;flex-shrink:0}.event-timeline small{font-size:9px;color:#8a9f93}.event-timeline p{font-size:12px;line-height:1.8;margin:7px 0}.invoice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.original-list>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #dfe8e2;font-size:11px}.original-list small{display:block;margin-top:5px;font-size:9px;color:#8b9d93;overflow-wrap:anywhere}.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rule-grid small{display:block;margin-bottom:18px;color:#6f8c7b}.tier-row{display:grid;grid-template-columns:1fr 1.7fr auto;gap:12px;align-items:end;margin:13px 0}.tier-row button{padding-bottom:15px}.artwork-info{padding:12px;background:#eff7f2;border-radius:8px;margin-bottom:15px}.artwork-info small{display:block;font-size:9px;line-height:1.7}.layer-order-controls{display:flex;gap:6px;margin-top:8px}.layer-order-controls button{border:1px solid #dbe9e0;border-radius:5px;background:#fff;color:#598571;font-size:10px;padding:3px 7px}.status-cancelled{color:#a65e50;background:#fbece7}.status-qc{color:#967022;background:#fff4cf}.status-delivered{color:#27789a;background:#e7f4f9}.status-accepted{color:#2a8060;background:#e1f3e6}.unfold{margin:15px 0;padding:12px;border:1px solid #dce8e0;border-radius:8px;max-width:600px}.unfold svg{width:100%;height:auto}.unfold figcaption{font-size:9px;color:#799182;line-height:1.6}.spec-position{padding:16px;background:#e5f4eb;border-radius:7px;margin-top:30px}.production-operations small{overflow-wrap:anywhere}.compound-spec .production-ticket{break-after:page}.spec-delivery{border-top:1px solid #d8e6dc;padding-top:18px}.form-dialog:has(.compound-spec){width:min(1000px,calc(100vw - 32px));max-width:1000px}
@media(min-width:1500px){.workflow-board{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.workflow-board{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-inner>div{flex-wrap:wrap}.order-tabs{gap:2px}.order-tabs button{font-size:10px;padding:9px}.invoice-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.composition-banner{padding:12px;flex-wrap:wrap}.composition-banner span{font-size:10px}.composition-banner button{font-size:10px}.workflow-board,.rule-grid{grid-template-columns:1fr}.workflow-detail{padding:20px 16px;width:calc(100vw - 20px)}.order-item{padding:14px;gap:12px}.order-item>img{width:65px;height:90px}.item-title{flex-wrap:wrap}.item-title h3{font-size:13px}.items-toolbar,.order-summary-line{flex-direction:column;align-items:stretch}.workflow-statuses{grid-template-columns:1fr}.workflow-statuses article{padding:14px}.shipment-steps{grid-template-columns:1fr}.invoice-list{grid-template-columns:1fr}.tier-row{grid-template-columns:1fr 1fr}.tier-row button{grid-column:1/-1}.demo-inner>div{gap:3px}.demo-toolbar button{font-size:8px;padding:7px}.order-big-total{font-size:16px}.flow-action-grid button{width:100%}}
@media print{body.printing-invoice>*,body.printing-spec>*{display:none!important}body.printing-invoice #form-dialog,body.printing-spec #form-dialog{display:block!important;position:static;max-width:none;width:auto;max-height:none;overflow:visible;border:0;padding:0}body.printing-invoice #form-dialog>*:not(#invoice-print),body.printing-spec .modal-heading,body.printing-spec .production-actions{display:none!important}.compound-spec h2{font-size:22px}.production-ticket{break-inside:auto}.production-operations article{break-inside:avoid}@page{size:A4;margin:15mm}}
.board-lane{max-height:420px;overflow:auto}.board-lane h2{position:sticky;top:-13px;background:#e5efec;z-index:1;padding:8px 0}.board-lane:has(.lane-empty){min-height:112px}@media print{.no-print{display:none!important}}

.board-last-event{border-top:1px solid #dce8e3;padding-top:8px;color:#61746f;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.revision-changes ul{margin:8px 0 0;padding-left:20px}.revision-changes li{margin:4px 0}
/* Replies keep the chronological conversation and point to a specific message. */
.message-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.message-heading small{flex:1;min-width:150px}.message-reply{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 13px;border:1px solid #6c9f89;border-radius:8px;background:#fff;color:#1d5f48;font:inherit;font-size:13px;font-weight:700;line-height:1.4;white-space:nowrap;flex-shrink:0;cursor:pointer}.message-reply:hover{background:#d5eee2;border-color:#287a58}.message-reply:active{background:#c4e5d4}.message:focus{outline:2px solid #168574;outline-offset:2px}.reply-quote{display:block;width:100%;text-align:left;border:0;border-left:3px solid #66ab96;border-radius:5px;background:#ffffff85;color:#365f50;padding:9px 12px;margin-top:10px;font:inherit;cursor:pointer}.reply-quote small{display:block}.reply-quote span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}.reply-quote:focus-visible,.message-reply:focus-visible,.reply-composer button:focus-visible{outline:2px solid #168574;outline-offset:3px}.reply-quote.unavailable{font-size:10px;cursor:default}/* Reply context and editor share one composer, like a messenger. */
.message-composer{background:#fff;border:1px solid #cbded6;border-radius:16px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.message-composer:focus-within{border-color:#439c7a;box-shadow:0 0 0 3px #16857412}
.message-composer.is-replying{border:2px solid #168574;box-shadow:0 3px 16px #16857412}
.reply-composer{display:flex;align-items:flex-start;gap:12px;background:#eaf6f0;padding:14px 16px;border-bottom:1px solid #cde7da}
.reply-composer[hidden]{display:none}
.composer-reply-icon{width:22px;height:22px;flex-shrink:0;color:#168574;margin-top:4px}
.composer-reply-source{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;text-align:left;background:none;border:0;border-left:3px solid #168574;border-radius:2px;padding:0 0 0 12px;color:#294c40;font:inherit;cursor:pointer}
.composer-reply-source strong{font-size:13px;font-weight:750;color:#126d51}
.composer-reply-source>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.composer-reply-source small{font-size:10px;line-height:1.5;color:#5b7e6e}
.composer-cancel-reply{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:0;border-radius:50%;background:transparent;color:#567f6d;cursor:pointer}
.composer-cancel-reply:hover{background:#d6ebdf;color:#1e5d44}
.composer-cancel-reply svg{width:18px;height:18px}
.surface-form .composer-input{display:block;padding:15px 18px 8px;margin:0;font-size:11px;font-weight:650;color:#5b7e6e}
.is-replying .composer-input{color:#126d51}
.surface-form .composer-input textarea{border:0;border-radius:0;background:transparent;box-shadow:none;margin:7px 0 0;padding:0;min-height:85px;max-height:240px;resize:vertical;color:#23463b;font-size:14px;font-weight:400;line-height:1.65;outline:none}
.surface-form .composer-input textarea::placeholder{color:#82988d}
.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px 14px}
.composer-mode{font-size:11px;color:#718c7d;line-height:1.5}
.is-replying .composer-mode{color:#126d51;font-weight:600}
.surface-form .composer-send{margin:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:40px;padding:10px 15px;font-size:12px;border-radius:10px}
.composer-send svg{width:18px;height:18px}
.chat-form>.checkbox-line{margin:13px 0 0}
.message.is-reply-target{box-shadow:inset 0 0 0 2px #5ba88a}
.message-reply[aria-pressed=true]{background:#d5eee2;border-color:#287a58}
.internal-message .reply-quote{border-color:#c39d4a}@media(max-width:600px){.order-chat .message{margin-left:0;margin-right:12px;padding:12px}.order-chat .own-message{margin-left:12px;margin-right:0}.message-heading{gap:4px 10px}.reply-composer{gap:8px;padding:12px}.composer-reply-icon{width:18px;height:18px}.surface-form .composer-input{padding:12px 14px 7px}.composer-footer{padding:8px 12px 12px;flex-wrap:wrap}.composer-mode{flex:1;min-width:130px}.surface-form .composer-send{margin-left:auto}}
/* Order route: one forward action, with contextual preparation. */
.order-progress{border:1px solid #cfdfd7;border-radius:16px;margin:22px 0 12px;overflow:hidden;background:#fbfdfb}.order-stepper{list-style:none;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));padding:18px 16px 14px;margin:0;border-bottom:1px solid #e0eae4;gap:3px}.order-stepper li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:#85978c;font-size:9px;min-width:0}.order-stepper li:before{content:'';height:1px;background:#d7e3dc;position:absolute;top:12px;left:-50%;width:100%}.order-stepper li:first-child:before{display:none}.order-stepper li>span{position:relative;display:grid;place-items:center;border:1px solid #d7e3dc;border-radius:50%;width:25px;height:25px;background:#fbfdfb;font-size:10px}.order-stepper li b{font-weight:550;line-height:1.4}.order-stepper .done{color:#38866b}.order-stepper .done>span{background:#e4f2e9;border-color:#c1ddcb}.order-stepper .current{color:#09654d}.order-stepper .current>span{background:#128568;color:white;border-color:#128568;box-shadow:0 0 0 4px #e5f3eb}.order-stepper .current b{font-weight:800}.next-step{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:21px 24px;background:#eff7f2}.next-step-copy{flex:1;min-width:0}.step-kicker{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:9px;color:#4d7765;text-transform:uppercase;letter-spacing:.6px}.step-kicker span{font-weight:650}.next-step h3{font-size:18px;line-height:1.35;margin:10px 0 7px;color:#204c3b}.next-step p{font-size:12px;line-height:1.65;margin:0;color:#506e5d}.next-step small{display:block;font-size:10px;line-height:1.65;color:#6d8275;margin-top:10px}.next-step>.primary-button{font-size:12px;max-width:230px;padding:13px 18px;flex-shrink:0;line-height:1.5}.next-step button:disabled{opacity:.55;cursor:not-allowed}.waiting-label{font-size:10px;border:1px solid #cddfd3;border-radius:20px;padding:9px 13px;color:#647d6e;max-width:180px;text-align:center}.stage-blockers{padding:13px 24px;font-size:11px;border-top:1px solid #e0eae4;background:#fffcf4}.stage-blockers summary{cursor:pointer;font-weight:650;color:#8a6835}.stage-blockers ul{padding:3px 0 0;list-style:none;margin:0}.stage-blockers li{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 0;border-bottom:1px solid #f0e8d8;font-size:11px;line-height:1.5}.stage-blockers .text-button{font-size:10px;white-space:nowrap}.stage-checks{display:flex;flex-wrap:wrap;gap:8px 20px;padding:11px 24px;font-size:10px;color:#896d40}.stage-checks .checked{color:#27815f}.manager-tools{border-bottom:1px solid #e1e9e3;padding-bottom:8px;margin-bottom:22px}.manager-tools h3{font-size:14px}.manager-tools .flow-action-grid{margin:14px 0}.manager-tools .flow-action-grid button{background:white;padding:10px 13px;font-size:11px}
/* Saved price explanation uses the position's stored quote. */
.price-breakdown{margin-top:16px;border:1px solid #d8e6de;border-radius:10px;background:#f8fbf9;overflow:hidden}.price-breakdown>summary{cursor:pointer;font-size:12px;font-weight:650;padding:13px;color:#27674d}.price-breakdown>summary>span{font-size:9px;font-weight:400;margin-left:9px;color:#738c7d}.price-breakdown-body{padding:4px 14px 14px}.price-snapshot-label{font-size:10px;margin:10px 0;color:#5d7968}.price-factors{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 13px}.price-factors span{font-size:9px;padding:4px 7px;background:#e8f1eb;border-radius:5px}.price-table-scroll{overflow:auto}.price-breakdown-table{width:100%;border-collapse:collapse;font-size:11px}.price-breakdown-table th{font-size:9px;color:#748c7b;font-weight:500;text-align:left;padding:9px 5px;background:#edf4ef}.price-breakdown-table td{padding:11px 5px;border-bottom:1px solid #dfe9e2;vertical-align:top;line-height:1.6}.price-breakdown-table td:last-child,.price-breakdown-table th:last-child{text-align:right;white-space:nowrap}.price-breakdown-table td small{display:block;font-size:9px;color:#6b8173;margin-top:3px}.price-total-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:9px 0}.price-total-row strong{white-space:nowrap}.price-total-row.price-final{margin-top:7px;border-top:1px solid #c8ddce;font-weight:700;font-size:13px;padding-top:13px}.price-note,.order-item-content .price-note{font-size:10px;line-height:1.6;color:#7b8f81;margin:9px 0}.price-warning{color:#a16c32}.price-unit{text-align:right;color:#51765d}.price-reason{padding:10px;background:#eaf2ec;border-radius:7px}.price-reference{border-top:1px dashed #c8d8cc;margin-top:18px;padding-top:12px;font-size:10px}.price-reference summary{cursor:pointer;color:#617c69}.order-price-summary{padding:20px;background:#f0f7f2;border-radius:12px;margin:16px 0}.order-price-summary h3{margin:0 0 12px;font-size:14px}
/* Files: names are labels; IDs and sequence numbers preserve distinct uploads. */
.attachments-heading{display:flex;align-items:center;gap:10px;margin:24px 0 14px}.attachments-heading h3{margin:0;font-size:16px}.attachments-heading>span{font-size:11px;padding:4px 8px;background:#e4f0e7;border-radius:10px;color:#538066}.order-file-upload{padding:18px;border:1px dashed #b9d2c2;background:#f7fbf8;border-radius:12px;margin-bottom:15px}.file-upload-actions{display:flex;gap:10px;flex-wrap:wrap}.file-selection{font-size:11px;color:#52795f;overflow-wrap:anywhere;line-height:1.7}.order-file-upload .checkbox-line{font-size:11px}.order-file-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #e1eae4}.order-file-mark{display:grid;place-items:center;flex-shrink:0;width:44px;height:50px;border:1px solid #d7e4db;background:#f0f6f2;border-radius:8px;font-size:9px;color:#548468;font-weight:700}.order-file-info{flex:1;min-width:0}.order-file-info strong{font-size:12px;display:block;overflow-wrap:anywhere}.order-file-info small{display:block;margin:5px 0;font-size:10px;color:#7a8c7f}.file-visibility{font-size:9px;color:#78917d}.file-visibility.file-internal{color:#9c803f}.order-file-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:220px}.order-file-actions button{font-size:10px}.deleted-files{font-size:11px;color:#859185;margin:20px 0}.deleted-files summary{cursor:pointer}.order-attachments{margin-bottom:30px}.message-reply{min-height:32px;padding:5px 10px;border:0;border-radius:20px;background:#ffffff85;color:#52846c;font-size:11px;font-weight:600;gap:5px}.message-reply svg{width:16px;height:16px}.message-reply:hover{background:#cde7d8;color:#206c4b}.composer-attach{width:36px;height:38px;padding:8px;border:0;background:transparent;color:#5a8770;border-radius:8px;cursor:pointer;flex-shrink:0}.composer-attach:hover{background:#e6f2e9}.composer-attach svg{width:22px;height:22px}.composer-mode{flex:1}.pending-message-files{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px}.pending-message-files:not(:empty){padding-bottom:10px}.pending-file{display:flex;align-items:center;gap:10px;background:#eff6f1;border:1px solid #d9e7dd;border-radius:8px;padding:8px 10px;max-width:100%;min-width:0}.pending-file>span{min-width:0}.pending-file b{display:block;font-size:10px;overflow-wrap:anywhere}.pending-file small{display:block;font-size:9px;color:#839487;margin-top:4px}.pending-file button{border:0;background:transparent;font-size:20px;color:#7d9585;cursor:pointer}.message-file{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;margin-top:9px;border:1px solid #c9ded0;background:#ffffff85;border-radius:9px;color:#2b6447;cursor:pointer}.message-file>span:first-child{font-size:22px}.message-file>span:last-child{min-width:0}.message-file b{font-size:12px;overflow-wrap:anywhere}.message-file small{display:block;margin-top:5px}.unavailable-file{display:block;margin-top:10px;font-style:italic}
@media(max-width:680px){.order-stepper{grid-template-columns:repeat(3,1fr);gap:15px 6px;padding:16px}.order-stepper li{flex-direction:row;text-align:left;font-size:10px}.order-stepper li:before{display:none}.order-stepper li>span{flex-shrink:0;width:22px;height:22px}.next-step{flex-direction:column;align-items:stretch;padding:17px;gap:16px}.next-step h3{font-size:17px}.next-step>.primary-button{max-width:none;width:100%}.waiting-label{max-width:none}.stage-blockers{padding:12px 17px}.stage-checks{padding:12px 17px}.order-file-row{flex-wrap:wrap}.order-file-actions{max-width:none;width:100%;justify-content:flex-start;margin-left:57px}.price-breakdown>summary>span{display:block;margin:7px 0 0}.price-breakdown-table{min-width:360px}.order-item:has(.price-breakdown){flex-wrap:wrap}.order-item:has(.price-breakdown)>.order-item-content{flex-basis:100%}.composer-footer{gap:6px}.composer-mode{font-size:10px;min-width:90px}.surface-form .composer-send{padding:9px 11px}}
/* Commercial prices are shown without factory costs or markup. */
.commercial-table{table-layout:fixed;min-width:590px}.commercial-table th:first-child{width:32%}.commercial-table th:last-child{width:18%}.commercial-table th{line-height:1.6}.commercial-table input{width:100%;min-width:0;border:1px solid #cdded2;border-radius:7px;background:white;padding:9px 7px;font:inherit;color:#27543b;font-size:12px;box-sizing:border-box}.commercial-table input:focus{outline:2px solid #1d9670;outline-offset:1px}.commercial-table td{padding:12px 5px}.commercial-table input::-webkit-inner-spin-button{opacity:.45}.commercial-edit-footer{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;padding:16px 0 4px;border-top:1px solid #d9e6dd;margin-top:16px}.commercial-edit-footer label{flex:1;min-width:200px;font-size:10px;color:#688674}.commercial-edit-footer label input{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #cdded2;border-radius:7px;padding:10px;font:inherit;font-size:12px;background:white}.commercial-edit-footer small{display:block;font-size:9px;color:#7c9484;margin-bottom:7px}.commercial-edit-footer strong{font-size:16px;color:#246c4b}.commercial-edit-footer button{font-size:11px}.commercial-change{margin:15px 0;padding:14px 16px;border:1px solid #dfcb9c;background:#fffbef;border-radius:10px;font-size:11px;color:#655d3b}.commercial-change>strong{font-size:11px}.commercial-change ul{list-style:none;padding:0;margin:10px 0}.commercial-change li{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-top:1px solid #ede4cb;font-size:10px}.commercial-change li>span:last-child{white-space:nowrap}.commercial-change del{color:#9e9a86}.commercial-change p{margin:8px 0!important;font-size:11px!important}.commercial-change>small{font-size:10px;color:#8e8159}.deadline-fields{border:1px solid #d9e5dc;border-radius:12px;padding:17px;margin:15px 0}.deadline-fields legend{font-size:12px;font-weight:650;padding:0 6px}.deadline-fields [hidden]{display:none!important}.production-defaults{max-width:720px;margin-bottom:34px}.production-defaults h2{font-size:18px}.production-defaults input{max-width:180px}@media(max-width:680px){.commercial-edit-footer{align-items:stretch}.commercial-edit-footer label{min-width:100%}.commercial-change li{flex-direction:column;gap:5px}.commercial-table{min-width:560px}}
.studio-order-name{margin:0 0 18px;padding:18px 20px;background:#fff;border:1px solid #d4e5da;border-radius:12px;display:grid;grid-template-columns:145px 1fr;gap:9px 15px;align-items:center}.studio-order-name label{font-size:12px;font-weight:650;color:#38654e}.studio-order-name input,.purpose-control>input{width:100%;box-sizing:border-box;border:1px solid #d4e3d9;background:#fff;padding:11px 13px;border-radius:8px;font:inherit;font-size:13px;color:#2f5642}.studio-order-name small{grid-column:2;font-size:10px;color:#809587}.order-rename{font-size:10px;margin:3px 0 2px}.purpose-control>input{display:block;margin-top:7px}@media(max-width:680px){.studio-order-name{grid-template-columns:1fr}.studio-order-name small{grid-column:1}}
/* Focused editor reuses the same model, renderer and layer controls. */
.design-editor{width:min(1480px,calc(100vw - 32px));height:calc(100dvh - 32px);max-width:none;max-height:none;padding:0;border:1px solid #d6e5db;border-radius:16px;background:#f5f8f5;overflow:auto;margin:16px auto;color:#294c3b}.design-editor::backdrop{background:#192f28b3;backdrop-filter:blur(3px)}.editor-heading{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #dce7df;padding:19px 24px}.editor-heading small{display:block;font-size:11px;color:#7b9384;margin-bottom:5px;overflow-wrap:anywhere}.editor-heading h2{font-size:22px;letter-spacing:-.5px;margin:0}.editor-heading button{font-size:11px;flex-shrink:0}.design-editor #editor-workspace{padding:22px}.design-editor .workspace{display:grid;grid-template-columns:190px minmax(250px,1fr) 290px;gap:20px;align-items:start}.design-editor .preview-panel{top:106px}.design-editor .stage{height:360px}.design-editor .model-card{min-height:102px;padding:10px 7px;gap:5px}.design-editor .model-photo,.design-editor .model-photo img{width:50px}.design-editor .model-title{font-size:11px}.design-editor .model-volume{font-size:18px}.design-editor .model-measures{font-size:9px}.design-editor .model-note,.design-editor .design-panel>.micro-note,.design-editor .stage-halo{display:none}.design-editor .design-panel{display:block;grid-column:auto;padding:18px}.design-editor .order-heading h2{font-size:16px}.design-editor .model-panel .section-label h2{font-size:14px;letter-spacing:0}.design-editor .preview-chip{font-size:8px}.design-editor .continue-note{font-size:10px}.editing-design{overflow:hidden}
.quick-coatings{padding:0 18px 3px}.quick-coating{padding:15px 0;border-bottom:1px solid #e0ece7}.quick-coating:last-child{border-bottom:0}.quick-coating-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.quick-coating-heading strong{font-size:11px;font-weight:600;color:#44695b}.quick-coating-heading button{border:1px solid #cde0d7;border-radius:7px;padding:6px 9px;background:#fff;color:#287c60;font-size:10px;white-space:nowrap}.quick-coating-heading button:hover{background:#e9f6ef;border-color:#90bda6}.quick-coating-current{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:11px}.quick-color-value{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#365a49}.quick-color-value i{height:22px;width:22px;display:inline-block;border:1px solid #b6cbc1;border-radius:6px;flex-shrink:0}.quick-coating-current>small{flex-basis:100%;font-size:10px;color:#7c9185}.quick-coating-enable{display:flex;gap:7px;align-items:center;font-size:10px;color:#7c9185;margin-top:9px}.quick-coating-enable input{accent-color:#168c69;margin:0}.quick-coating-empty{font-size:11px;color:#8a9b91;margin:10px 0 0}.quick-coating .swatches{margin-top:14px;flex-wrap:wrap}.coating-off{opacity:.5}.quick-coatings+.color-note{font-size:9px}
@media(max-width:1000px){.design-editor .workspace{grid-template-columns:minmax(280px,1fr) 300px;gap:18px}.design-editor .model-panel{grid-column:1/-1}.design-editor .model-list{grid-template-columns:repeat(3,1fr);gap:10px}.design-editor .model-card{min-height:90px;flex-direction:row;text-align:left}.design-editor .model-panel .section-label{margin-bottom:10px}.design-editor .model-photo{height:auto}.design-editor .model-photo img{height:auto;max-height:65px}.design-editor .model-volume{margin-top:4px}.design-editor .stage{height:335px}}
@media(max-width:680px){.design-editor{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}.editor-heading{padding:15px;gap:10px;align-items:flex-start}.editor-heading h2{font-size:18px}.editor-heading small{font-size:9px}.editor-heading button{font-size:9px;padding:9px;white-space:normal;max-width:100px}.design-editor #editor-workspace{padding:14px}.design-editor .workspace{display:flex;flex-direction:column;gap:14px}.design-editor .model-card{min-height:125px;flex-direction:column;text-align:center;padding:8px 4px}.design-editor .model-title{font-size:9px}.design-editor .model-volume{font-size:16px}.design-editor .model-measures{font-size:8px}.design-editor .model-photo img{max-height:50px}.design-editor .model-photo{height:50px}.design-editor .preview-panel{position:static}.design-editor .stage{height:300px}.design-editor .design-panel{width:100%;box-sizing:border-box}.quick-coating-heading strong{font-size:11px}}
.editor-actions{display:flex;gap:10px;align-items:center}.editor-actions .primary-button{font-size:11px;padding:12px 16px}.design-editor #checkout-button{display:none}@media(max-width:680px){.editor-actions{gap:6px}.editor-heading .editor-actions button{font-size:9px;max-width:98px;padding:9px}.editor-heading .editor-actions .primary-button{line-height:1.4}}

/* Shipment status and explicit receipt confirmation. */
.order-rename{font-size:11px;margin:6px 0}.order-pickup-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eef7ee;border:1px solid #c6ddc4;border-radius:12px;padding:16px 20px;margin:18px 0}.order-pickup-alert b,.order-pickup-alert span{display:block}.order-pickup-alert span{font-size:12px;color:#617761;margin-top:4px}.pickup-list-badge{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:20px;color:#345c30;background:#e9f4e4;font-size:10px;font-weight:600}.tracking-panel{margin:16px 0;padding:18px 20px;background:#f7f9f6;border:1px solid #e0e8de;border-radius:12px}.tracking-heading{display:grid;gap:5px}.tracking-heading>span{font-size:10px;color:#788578}.tracking-heading strong{font-size:16px;font-weight:600}.tracking-message{font-size:12px;line-height:1.6;white-space:pre-line}.tracking-message:empty{display:none}.tracking-details{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin:16px 0}.tracking-details>div{min-width:0}.tracking-details dt{font-size:10px;color:#7a887b;margin-bottom:4px}.tracking-details dd{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}.tracking-pickup{border-color:#bed6b7;background:#f3f8ef}.pickup-alert{border-left:3px solid #749b5d;padding:3px 0 3px 12px;margin:15px 0}.pickup-alert b{font-size:13px;font-weight:600}.pickup-alert p{font-size:11px;line-height:1.5;margin:5px 0}.tracking-history,.shipment-notifications{border-top:1px solid #dde6da;padding-top:12px;margin-top:12px;font-size:11px}.tracking-history summary,.shipment-notifications summary{cursor:pointer;color:#476544}.tracking-history ol{list-style:none;padding:0 0 0 10px;margin:18px 0 10px;border-left:1px solid #c6d8be}.tracking-history li{display:grid;gap:5px;margin:0 0 16px;padding-left:8px}.tracking-history time,.tracking-history li>span{font-size:10px;color:#778673}.tracking-history p{margin:0}.tracking-history strong{font-weight:550}.tracking-updated{display:block;font-size:10px;color:#7c8b78;margin-top:12px}.tracking-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:15px}.tracking-error{font-size:11px;color:#9a4b36;line-height:1.5;margin-bottom:0}.tracking-error:empty{display:none}.shipment-notifications p{line-height:1.6}.shipment-notifications small{display:block;color:#7e877a}.shipment-confirmed{font-size:12px;color:#42683b;margin:14px 0 0}.receipt-confirmation{padding:14px;background:#f4f7f1;border-radius:10px}.receipt-confirmation p{font-size:12px;line-height:1.5}@media(max-width:680px){.tracking-details{grid-template-columns:1fr}.order-pickup-alert{align-items:flex-start;flex-direction:column}.tracking-panel{padding:15px}.order-pickup-alert .secondary-button{width:100%}}

.shipment-point-verification{padding:20px;border:1px solid #c5ddd3;border-radius:12px;background:#f4f9f6}.shipment-point-verification legend{font-size:13px;font-weight:600;padding:0 7px}.shipment-point-verification>b{font-size:12px;font-weight:600}.shipment-point-verification>p{font-size:12px;line-height:1.6}.shipment-point-verification>.checkbox-line{font-size:12px;line-height:1.5;margin:15px 0}.shipment-point-verification>small{display:block;font-size:10px;line-height:1.5;color:#6d8277;margin-top:10px}.shipment-point-verification textarea{min-height:60px}.delivery-verification>b{font-size:12px;font-weight:600}.delivery-verification>p{margin:7px 0;font-size:11px;line-height:1.6}.delivery-verification>small{font-size:10px}.delivery-verification .text-button{font-size:11px}.shipment-point-check{display:grid;gap:5px;border-left:3px solid #c3cec7;background:#f5f7f5;padding:12px 14px;margin-top:14px}.shipment-point-check.is-confirmed{border-color:#7da28a;background:#f0f7f2}.shipment-point-check strong{font-size:12px;font-weight:600}.shipment-point-check small,.shipment-point-check p{font-size:11px;line-height:1.5;margin:0;color:#687e6f;white-space:pre-line}

.quick-finish-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.quick-finish-row>span{font-size:10px;color:#71887c}.quick-finish-toggle{display:inline-flex;padding:3px;background:#eaf2ed;border:1px solid #d8e6dd;border-radius:9px;gap:3px}.quick-finish-toggle button{min-height:32px;min-width:76px;padding:6px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#71877a;font:inherit;font-size:11px;cursor:pointer}.quick-finish-toggle button:hover{color:#277158;background:#f5faf7}.quick-finish-toggle button[aria-pressed="true"]{color:#20664c;background:#fff;border-color:#bdd7c8;box-shadow:0 1px 3px #2b503b0d;font-weight:600}.quick-finish-toggle button:focus-visible{outline:2px solid #268266;outline-offset:2px}@media(max-width:420px){.quick-finish-row{gap:8px}.quick-finish-toggle button{min-width:66px;padding:6px 9px}}

.customer-table-note{font-size:12px;color:#72877b;line-height:1.6;margin:0 0 20px}.customer-count{padding:7px 11px;border:1px solid #dce7df;border-radius:20px;color:#738679;font-size:11px}.customer-table-wrap{border:1px solid #dce7e0;border-radius:13px;background:#fff}.customer-table{width:100%;min-width:580px;border-collapse:collapse}.customer-table thead th{padding:0;background:#f3f7f4}.customer-table th button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:17px 20px;border:0;background:transparent;color:#678272;font:inherit;font-size:11px;cursor:pointer;text-align:left;white-space:nowrap}.customer-table th button:hover{background:#e9f2ec;color:#2f7054}.customer-table th[aria-sort="ascending"] button,.customer-table th[aria-sort="descending"] button{color:#246e51}.customer-table th button:focus-visible,.customer-name:focus-visible{outline:2px solid #39896a;outline-offset:-3px;border-radius:5px}.customer-table th:first-child{width:60%}.customer-table th button>span{font-size:14px;color:#8aa393}.customer-table td{padding:17px 20px;border-top:1px solid #e5ede7;border-bottom:0}.customer-table tbody tr:hover{background:#f9fbf9}.customer-name{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;padding:0;color:#355d48;text-align:left;font:inherit;font-size:12px;cursor:pointer}.customer-name .avatar{width:34px;height:34px;flex-shrink:0;font-size:12px;background:#edf4ef}.customer-name>span:nth-child(2){overflow-wrap:anywhere}.customer-name .customer-open{margin-left:auto;color:#8aa090;font-size:16px}.customer-number{text-align:right;font-size:13px;color:#476350;font-variant-numeric:tabular-nums}.customer-active{display:inline-block;min-width:33px;padding:6px 10px;box-sizing:border-box;text-align:center;border-radius:7px;color:#277353;background:#e9f4ed;font-weight:600}.customer-active.is-zero{color:#8b988d;background:#f1f4f1}.customer-sort-note{margin-top:13px;line-height:1.6}@media(max-width:680px){.customer-table{min-width:510px}.customer-table th button,.customer-table td{padding:14px}.customer-table th:first-child{width:52%}}

.attention-table-wrap{border:1px solid #dce7e0;border-radius:13px;background:#fff}.attention-table{width:100%;min-width:760px;border-collapse:collapse}.attention-table th{background:#f3f7f4;padding:16px;font-size:11px;color:#6e8477;text-align:left}.attention-table td{padding:18px 16px;vertical-align:top;border-top:1px solid #e3ebe5;border-bottom:0}.attention-table td:first-child{width:25%;min-width:165px}.attention-table td:nth-child(2){width:43%;min-width:240px}.attention-table .table-title{line-height:1.5}.attention-table td>small{display:block;margin-top:4px;font-size:10px;color:#829184}.attention-table .status{margin-top:9px}.attention-kind{display:block;color:#879689;font-size:9px;margin-bottom:6px}.attention-task{display:block;color:#3f654e;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.attention-table td>p{font-size:10px;line-height:1.6;color:#7d8e80;margin:6px 0 0}.attention-table .attention-due{min-width:105px;white-space:nowrap}.attention-due b{font-size:11px;font-weight:500;color:#617d69}.attention-due small{font-size:9px}.attention-table .attention-overdue .attention-due b,.attention-table .attention-due .late{color:#a25b43}.attention-overdue td:first-child{border-left:3px solid #dca886}.attention-table .secondary-button{font-size:10px;white-space:nowrap;padding:9px 10px}.attention-table-wrap+.micro-note{line-height:1.6;margin-top:14px}.attention-table tbody tr:hover{background:#fafcf9}

/* Order reminders: today's work is distinguished by text and colour. */
.order-reminders{margin:24px 0;padding:22px;border:1px solid #dce7e0;border-radius:13px;background:#f9fbfa}.reminders-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.reminders-heading h3{margin:0;font-size:15px}.reminders-heading>span{font-size:11px;color:#6b8477}.order-reminder{padding:16px;margin-top:12px;background:white;border:1px solid #dce7e0;border-radius:10px}.reminder-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:#698374}.reminder-state{display:inline-block;border-radius:5px;padding:4px 7px;background:#edf2ee;font-weight:600}.reminder-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin:12px 0;color:#345849;font-weight:400}.reminder-actions{display:flex;align-items:center;gap:16px;margin-top:12px}.reminder-actions .text-button{font-size:11px}.reminder-actions .secondary-button{font-size:11px;padding:9px 12px}.order-reminder>small{font-size:10px;color:#728477}.order-reminder.is-today{border-left:4px solid #d0a139;background:#fffbee}.is-today .reminder-state{background:#f8e8b1;color:#76520b}.order-reminder.is-overdue{border-left:4px solid #dca886}.is-overdue .reminder-state{background:#ffefe5;color:#a25b43}.order-reminder.is-complete{background:#f2f7f3}.is-complete .reminder-state{background:#e0efe4;color:#3c7651}.completed-reminders{margin-top:18px}.completed-reminders summary{cursor:pointer;font-size:12px;color:#567464;padding:8px 0}.surface-form textarea.reminder-textarea{height:auto;min-height:0;line-height:1.5;padding:12px;resize:vertical;box-sizing:border-box;font-size:14px}.reminder-order-context{font-size:12px;font-weight:600;color:#4f6f5d;overflow-wrap:anywhere}.attention-table .attention-today,.attention-table .attention-today:hover{background:#fff9e5}.attention-today td:first-child{border-left:4px solid #d0a139}.attention-table .attention-today .attention-due b{color:#77530f;font-weight:650}.attention-today .attention-due small{display:table!important;margin-top:7px;padding:5px 8px;border-radius:5px;background:#f6e3a3;color:#72500d;font-weight:650}.attention-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.reminder-complete-button{border:1px solid #b9d9c6;border-radius:7px;background:#eff8f2;padding:8px 10px;color:#367353;font:inherit;font-size:10px;white-space:nowrap;cursor:pointer}.reminder-complete-button:hover{background:#e0f1e6}.reminder-complete-button:focus-visible{outline:2px solid #138970;outline-offset:3px}.attention-task{white-space:pre-wrap}.attention-table .attention-today .attention-kind{color:#87682d}@media(max-width:650px){.order-reminders{padding:15px}.reminders-heading{align-items:flex-start;flex-direction:column}.reminder-actions{flex-wrap:wrap}}

.attention-sort-button{display:inline-flex;align-items:center;gap:7px;padding:4px 0;border:0;background:transparent;color:#5d7869;font:inherit;font-weight:600;text-align:left;cursor:pointer}.attention-sort-button:hover{color:#087d69}.attention-sort-button:focus-visible{outline:2px solid #0b8d76;outline-offset:4px;border-radius:3px}.attention-sort-button span{font-size:12px;color:#81a08e}.attention-sort-button.is-active{color:#365f4c}.attention-sort-pair{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.attention-sort-pair>span{color:#9aaba0}.attention-sort-note{margin:12px 0 5px;color:#5d7968;font-size:11px;line-height:1.6}

/* Customer accounts and partial receipt: signed amounts also have explicit labels. */
.customer-count-button{border:1px solid #d5e5dc;background:#f4faf6;border-radius:9px;padding:9px 12px;color:#347258;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}.customer-count-button:hover{background:#e4f3ea;border-color:#9fcab3}.customer-count-button:focus-visible,.customer-balance:focus-visible{outline:2px solid #138970;outline-offset:3px}.customer-balance{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;text-align:right;font:inherit;cursor:pointer;width:100%;padding:5px}.customer-balance strong{white-space:nowrap;font-size:13px;font-weight:600}.customer-balance small{font-size:10px;color:inherit!important}.customer-balance-cell{min-width:175px}.customer-table{min-width:670px}.is-debt{color:#a44732!important}.is-credit{color:#187453!important}.is-settled{color:#637c6f!important}.is-unknown{color:#897445!important}.settlement-panel{padding:22px;margin-bottom:22px;border:1px solid #d6e6dd;border-radius:14px;background:#f6faf7}.settlement-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.settlement-heading h3{margin:7px 0 0;font-size:17px}.settlement-balance{display:flex;flex-direction:column;gap:5px;text-align:right}.settlement-balance strong{font-size:22px;font-weight:600;white-space:nowrap}.settlement-balance span{font-size:11px}.settlement-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:20px 0}.settlement-totals>div{display:flex;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid #e0eae3;font-size:11px}.settlement-totals dt{color:#647f6f}.settlement-totals dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:550}.settlement-credit-note{background:#e7f3eb;padding:12px 14px;font-size:12px;border-radius:8px;margin-bottom:14px;line-height:1.7}.settlement-ledger{font-size:12px;margin-top:16px}.settlement-ledger summary{cursor:pointer;color:#397458;padding:6px 0}.settlement-ledger p{padding:11px 0;border-bottom:1px solid #e0eae3;line-height:1.7}.settlement-ledger small,.acceptance-summary small{display:block;margin-top:5px;color:#647f6f;white-space:pre-wrap;overflow-wrap:anywhere}.settlement-orders{min-width:700px}.settlement-orders td:not(:first-child){font-variant-numeric:tabular-nums;white-space:nowrap}.settlement-orders td small{white-space:normal}.acceptance-claims{margin:24px 0}.acceptance-claim{padding:20px;margin-bottom:16px;border:1px solid #e4cf9c;border-left:4px solid #c89d3d;border-radius:12px;background:#fffdf6}.acceptance-claim.is-resolved{border-color:#d2e5d9;border-left-color:#70ae8b;background:#f6faf7}.claim-state{font-size:10px;white-space:nowrap;padding:5px 9px;border-radius:7px;background:#f4e9c9;color:#785d24}.is-resolved .claim-state{background:#e0efe5;color:#387052}.acceptance-claim>p,.claim-resolution p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.acceptance-claim>small{font-size:11px;color:#7f785f}.claim-resolution{padding:14px 16px;background:#fff;border:1px solid #e5e9df;border-radius:9px;margin-top:15px;font-size:12px}.acceptance-table{margin:16px 0;min-width:500px}.acceptance-table th,.acceptance-table td{padding:10px!important}.acceptance-summary{padding:12px;background:#edf5ef;border-radius:8px;font-size:12px!important}.surface-form .acceptance-entry{padding:16px;border:1px solid #d6e4db;border-radius:10px;margin:12px 0}.acceptance-entry legend{font-size:12px;color:#436d55;padding:0 7px}.acceptance-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.acceptance-inputs label{min-width:0;font-size:11px}.acceptance-inputs input{width:100%;box-sizing:border-box}.acceptance-inputs input[readonly]{background:#e8f3ec;color:#276347;font-weight:600}.resolution-explanation{padding:14px 18px;background:#eff7f2;border:1px solid #d5e6dc;border-radius:10px;font-size:13px;line-height:1.8}.resolution-explanation small{font-size:11px;color:#5c7868}.resolution-explanation[hidden],[data-resolution-remake][hidden]{display:none}.settlement-panel .text-button,.claim-resolution .text-button{font-size:12px;padding:2px}
@media(max-width:650px){.settlement-panel,.acceptance-claim{padding:15px}.settlement-heading{flex-direction:column;gap:12px}.settlement-balance{text-align:left}.settlement-totals{grid-template-columns:1fr}.acceptance-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.claim-state{white-space:normal}}

.customer-note-form{margin:18px 0 24px;padding:18px;border:1px solid #d4e5da;border-radius:12px;background:#f7fbf8}.customer-note-form>label{font-size:12px}.customer-note-form>button{margin:12px 0 0}.customer-note-form .micro-note{margin:12px 0 0}.customer-note-form .form-error:empty{display:none}.workflow-board .compact-board-order{display:block;padding:0;overflow:hidden;cursor:default}.board-order-open{display:flex;flex-direction:column;gap:8px;width:100%;background:transparent;border:0;text-align:left;padding:15px;color:inherit;cursor:pointer;font:inherit}.board-order-open:hover{background:#f2f8f4}.board-order-open:focus-visible{outline:2px solid #138970;outline-offset:-3px}.compact-board-order .board-order-open>small{font-size:10px;letter-spacing:.15px;margin:0;color:#718678}.compact-board-order .board-order-open>strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere;font-weight:600}.compact-board-order .board-compact-quantity{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#668270;margin:0}.board-compact-quantity>span{font-size:15px;color:#278467}.board-order-details{border-top:1px solid #e3ece6}.board-order-details>summary{cursor:pointer;font-size:10px;color:#628370;padding:10px 15px;list-style-position:inside}.board-order-details>summary:hover{background:#f0f7f2}.board-order-details>summary:focus-visible{outline:2px solid #138970;outline-offset:-3px}.board-details-body{display:flex;flex-direction:column;gap:9px;padding:3px 15px 15px}.board-details-body .text-button{font-size:11px;text-align:left;padding:7px 0 0;align-self:flex-start}.compact-board-order .board-customer{font-size:11px;color:#42644e;overflow-wrap:anywhere}.board-details-body .board-last-event{line-height:1.5;overflow-wrap:anywhere;max-height:100px;overflow:auto}.compact-board-order.needs-attention{border-left:3px solid #d0a139}

/* Full manager customer card. Tabs preserve all unsaved form values. */
#form-dialog.customer-dialog{width:min(920px,calc(100vw - 32px));max-width:920px;padding:28px}.customer-dialog>h2{font-size:23px;line-height:1.35;overflow-wrap:anywhere}.customer-card-overview{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;margin:22px 0}.customer-card-overview>button{border:1px solid #d9e7de;border-radius:11px;padding:14px 17px;background:#f5faf7;text-align:left;color:#345c46;cursor:pointer;font:inherit}.customer-card-overview>button:hover{border-color:#88bca0;background:#edf7f0}.customer-card-overview small{display:block;font-size:11px;margin-bottom:8px}.customer-card-overview strong{font-size:20px;font-weight:600;display:flex;justify-content:space-between;gap:12px}.customer-card-overview strong span{font-size:14px}.customer-card-tabs{display:flex;gap:6px;border-bottom:1px solid #dce8df;margin:0 0 22px;overflow:auto}.customer-card-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 18px;font:inherit;font-size:13px;color:#6b8473;cursor:pointer;white-space:nowrap}.customer-card-tabs button[aria-selected=true]{color:#1b7753;border-bottom-color:#258a61;background:#f1f8f3;font-weight:600}.customer-card-tabs button:focus-visible,.customer-card-overview button:focus-visible,.customer-order-filters button:focus-visible{outline:2px solid #17835b;outline-offset:-3px}.customer-card [hidden]{display:none!important}.customer-section-title{margin:20px 0 15px}.customer-section-title:first-child{margin-top:0}.customer-section-title h3{font-size:17px;font-weight:600;margin:0 0 7px;color:#315a43}.customer-section-title p{font-size:12px;line-height:1.6;margin:0;color:#728777}.customer-card .surface-form label{font-size:12px;color:#4f6d5b;line-height:1.5}.customer-card .field-grid{grid-template-columns:1fr 1fr;gap:16px}.customer-card .surface-form input,.customer-card .surface-form select,.customer-card .surface-form textarea{font-size:14px;box-sizing:border-box;padding:11px 12px}.customer-card .surface-form textarea{min-height:68px;resize:vertical}.customer-card .surface-form label,.customer-card .field-grid{margin-bottom:14px}.customer-card .field-grid>label{margin-bottom:0}.customer-private-note{margin-top:24px;padding:17px 18px;background:#fbf8ef;border:1px solid #e8dfc6;border-radius:10px}.customer-private-note small{font-size:11px;color:#8a7959;line-height:1.5}.customer-private-note label{margin-bottom:8px!important}.customer-card-save{margin-top:24px;border-top:1px solid #d8e5dc;padding-top:18px;background:#fff}.customer-card-save>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.customer-card-save button{margin:0!important}.customer-card-save .primary-button{font-size:12px}.customer-card-save .text-button{font-size:12px}.customer-card-save>small{display:block;font-size:11px;color:#778c7d;margin-top:13px;line-height:1.6}.customer-card-save [data-card-dirty]{margin-left:auto;font-size:10px;color:#7c8c7f}.customer-card-save .form-error:empty{display:none}.customer-card [aria-invalid=true]{border-color:#b4543b!important;background:#fff9f6!important}.customer-card .customer-copy{font-size:12px;margin-bottom:14px}.customer-card [data-card-delivery-terminal],.customer-card [data-card-delivery-door]{padding:16px;background:#f5faf7;border:1px solid #e0eae3;border-radius:10px;margin:10px 0 18px}.customer-delivery-readiness{padding:12px 15px;background:#fff9e9;border-radius:8px;color:#89733b;font-size:11px;line-height:1.65}.customer-delivery-readiness.is-ready{background:#edf7ef;color:#3e7753}.customer-order-filters{display:flex;gap:8px;margin:18px 0}.customer-order-filters button{border:1px solid #d6e5db;background:#fff;color:#638470;border-radius:8px;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer}.customer-order-filters button[aria-pressed=true]{background:#e5f3e9;border-color:#97c3a8;color:#25724a}.customer-card .order-table{min-width:640px}.customer-card [data-customer-card-panel=orders]{padding-bottom:12px}
@media(max-width:650px){#form-dialog.customer-dialog{width:calc(100vw - 20px);padding:18px}.customer-card-overview{gap:8px;grid-template-columns:1fr 1fr}.customer-card-overview>button:last-child{grid-column:1/-1}.customer-card-overview>button{padding:12px}.customer-card-overview strong{font-size:18px}.customer-card-tabs button{padding:12px;font-size:12px}.customer-card .field-grid{grid-template-columns:1fr}.customer-card-save [data-card-dirty]{margin-left:0;width:100%}}

.customer-delivery-history{margin-top:22px;padding:15px 18px;border:1px solid #d9e5dc;border-radius:10px;background:#fafcfb}.customer-delivery-history>summary{cursor:pointer;color:#53765f;font-size:12px;font-weight:600}.customer-delivery-history article{border-top:1px solid #e2eae4;padding:14px 0}.customer-delivery-history article:last-child{padding-bottom:0}.customer-delivery-history .text-button{font-size:12px;text-align:left}.customer-delivery-history p{font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:#647a6a}.customer-delivery-history small{font-size:11px;color:#778b7c}

.order-item-preview{flex:0 0 110px;width:110px;align-self:flex-start;padding:0;border:1px solid #dbe7e2;border-radius:10px;overflow:hidden;background:#f7faf9;color:#27674d;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.order-item-preview img{display:block;width:100%;height:135px;object-fit:contain}.order-item-preview span{display:block;padding:9px 5px;background:#edf6f1;border-top:1px solid #dbe7e2;font-size:11px}.order-item-preview:hover{border-color:#1d9670;box-shadow:0 3px 12px #28534616}.order-item-preview:focus-visible{outline:2px solid #1d9670;outline-offset:3px}.price-snapshot-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 14px}.price-snapshot-heading .price-snapshot-label{margin:0}.price-snapshot-heading button{font-size:11px}.price-recalculation-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.price-recalculation-totals>div{padding:14px;border:1px solid #d9e6dd;border-radius:10px;background:#f5faf7}.price-recalculation-totals small{display:block;color:#688674;font-size:11px;margin-bottom:8px}.price-recalculation-totals strong{font-size:17px}@media(max-width:680px){.order-item-preview{flex-basis:65px;width:65px}.order-item-preview img{height:90px}.order-item-preview span{font-size:10px}.price-snapshot-heading{align-items:flex-start;flex-direction:column}.price-recalculation-totals{grid-template-columns:1fr}}

.billing-summary{display:flex;gap:20px;align-items:center;padding:18px;background:#eff6f2;border:1px solid #dce9e1;border-radius:12px}.billing-summary span{min-width:160px;font-size:12px;color:#536a60}.billing-summary strong{display:block;font-size:26px;color:#244b40;margin-top:6px}.billing-summary p{font-size:13px;line-height:1.5;margin:0}.billing-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:16px}.billing-fields details .field-grid{margin-top:12px}.billing-draft{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:14px;border:1px solid #e1e7e2;border-radius:10px;margin:12px 0}.billing-draft strong{font-size:14px;font-weight:500}.billing-draft small{display:block;color:#6d7b74;font-size:12px;margin-top:5px}.billing-form [hidden]{display:none!important}.workflow-statuses article>.secondary-button{margin-top:10px;align-self:flex-start}@media(max-width:600px){.billing-summary,.billing-draft{align-items:flex-start;flex-direction:column}}