.order-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.order-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.4fr);gap:16px;margin:0 0 20px}.order-list{display:grid;gap:12px}.order-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 20px;gap:16px;text-align:left;width:100%;cursor:pointer;color:inherit;font:inherit}.order-row>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;overflow-wrap:anywhere}.order-row small,.design-card small{color:var(--muted,#64746e)}.order-row:hover{border-color:#0c8172;box-shadow:0 5px 18px #096c6012}.order-status{display:inline-block;font-size:12px;font-weight:700;border-radius:20px;padding:5px 10px;background:#eef2f0;color:#3a514a}.status-review{background:#fff4d8;color:#936314}.status-manufacturing{background:#eaf0ff;color:#3e5c9a}.status-dispatched,.status-delivered{background:#dcf5e9;color:#136e45}.status-rejected{background:#ffe7e4;color:#b34a3d}.order-compose,.order-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:start}.order-information{display:grid;gap:16px}.order-information .card{margin:0}.order-spec{margin:16px 0}.order-spec>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #edf1ef}.order-spec dt{color:#687b73;font-size:13px}.order-spec dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}.order-steps{list-style:none;padding:0;margin:16px 0}.order-steps li{position:relative;padding:0 0 18px 30px;color:#809089;font-size:14px}.order-steps li:before{content:'';position:absolute;left:0;top:3px;width:13px;height:13px;background:#e2e9e5;border-radius:50%;border:3px solid #f4f7f5;box-sizing:content-box}.order-steps li:not(:last-child):after{content:'';position:absolute;left:9px;top:22px;width:1px;height:18px;background:#d9e4dd}.order-steps li.done:before,.order-steps li.current:before{background:#087663}.order-steps li.current{font-weight:800;color:#087663}.order-event{border-left:2px solid #dce9e2;padding:12px 16px;margin:8px 0;font-size:13px}.order-event p{white-space:pre-wrap;margin:5px 0}.order-event small{color:#73847c}.order-document{padding:12px 0;border-bottom:1px solid #edf1ef;display:grid;gap:4px}.order-document button{text-align:left;overflow-wrap:anywhere}.order-chat{display:flex;flex-direction:column;min-width:0;position:sticky;top:20px}.order-chat .page-heading{margin-bottom:12px}.chat-messages{height:440px;overflow:auto;background:#f3f7f4;padding:16px;border-radius:14px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.chat-bubble{align-self:flex-start;max-width:90%;background:white;border:1px solid #e1e9e3;border-radius:14px 14px 14px 3px;padding:12px 14px;overflow-wrap:anywhere;min-width:130px}.chat-bubble.own{align-self:flex-end;background:#e1f4e9;border-color:#cbe5d5;border-radius:14px 14px 3px 14px}.chat-sender{font-size:11px;color:#375c4c;font-weight:700}.chat-sender span{font-weight:400}.chat-bubble p{font-size:14px;line-height:1.5;margin:8px 0;white-space:pre-wrap}.chat-bubble time{display:block;text-align:right;font-size:10px;color:#75867d;margin-top:7px}.chat-image-button{border:0;background:none;padding:8px 0;display:block;text-align:left;cursor:pointer;color:#087663}.chat-image-button img{max-width:100%;max-height:230px;border-radius:8px;object-fit:contain}.chat-compose-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-attach{font-size:13px;max-width:70%;overflow-wrap:anywhere}.chat-attach input{font-size:12px;max-width:100%}#order-chat-form textarea{margin:12px 0 8px}.design-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.design-card{overflow-wrap:anywhere}.design-card h2{font-size:18px}.design-card p{white-space:pre-wrap}.design-form{max-width:680px;margin-top:24px}.order-compose label,.design-form label,#order-status-form label,#order-document-form label{display:grid;gap:6px;margin:14px 0}.order-information details>summary,#new-design-details>summary{cursor:pointer;font-weight:700;padding:8px 0}.place-order-button{width:100%;margin-top:20px}#orders-more,#designs-more{margin-top:20px}#order-notes{white-space:pre-wrap;overflow-wrap:anywhere}input[type=file]{max-width:100%;min-width:0}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:850px){.order-detail-grid,.order-compose{grid-template-columns:minmax(0,1fr)}.order-chat{position:static}.chat-messages{height:420px}.order-filters{grid-template-columns:minmax(0,1fr) minmax(130px,.65fr)}}
@media(max-width:480px){.order-filters{grid-template-columns:minmax(0,1fr)}.order-row{grid-template-columns:minmax(0,1fr) 20px;gap:12px}.order-row>div:nth-child(2){grid-column:1;grid-row:2}.order-row>span{grid-column:2;grid-row:1/3;align-self:center}.design-list{grid-template-columns:minmax(0,1fr)}.chat-messages{padding:10px;height:360px}.chat-bubble{max-width:94%}.order-spec>div{gap:10px}.order-actions button{flex:1}.order-compose .card{padding:18px}}
.design-client-picker{padding:16px 18px}.design-client-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:230px;overflow:auto;margin-top:12px}.client-choice{background:#f8faf9;border:1px solid #dce5e7;border-radius:8px;padding:9px 12px;text-align:left;color:#24454c;display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}.client-choice strong{font-size:14px}.client-choice small{font-size:11px;color:#71838a}.client-choice.selected{border-color:#096c60;background:#e5f2ef}#design-search-label{margin:16px 0 8px}.design-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.design-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin:0;border-radius:0;border-bottom:0}.design-card:first-child{border-radius:10px 10px 0 0}.design-card:last-child{border-bottom:1px solid var(--line);border-radius:0 0 10px 10px}.design-card:only-child{border-radius:10px}.design-card-main{min-width:0}.design-card h2{font-size:15px;margin:0 0 3px}.design-card small{display:block;font-size:12px}.design-code{font-family:ui-monospace,monospace;font-size:11px!important;user-select:all;overflow-wrap:anywhere}.design-card p{font-size:13px;margin:5px 0 0}.design-card .order-actions{flex-shrink:0}.design-card .secondary{padding:7px 11px;min-height:36px}#designs-count{margin-bottom:10px}
@media(max-width:640px){.design-card{align-items:flex-start;flex-direction:column;gap:8px}.design-card .order-actions{width:100%}.design-card .secondary{min-height:44px}.design-client-results{grid-template-columns:minmax(0,1fr);max-height:210px}}

.order-type-choice{display:grid;gap:12px;text-align:left;color:#24454c;cursor:pointer;min-height:150px}.order-type-choice strong{font-size:20px}.order-type-choice span{font-size:16px;line-height:1.6}.order-type-choice:hover{border-color:#096c60;background:#f0f8f5}.status-client_review{background:#fff1cc;color:#775000}.order-price-review form,#custom-order-fields{display:grid;gap:16px}.order-price-review p{overflow-wrap:anywhere}#order-price-state{font-weight:650}#order-price-note{white-space:pre-wrap}.order-spec dd{white-space:pre-wrap}

/* Compact order directory: only identifying details belong in the list. */
#orders-view .page-heading{margin-bottom:16px}#orders-view .page-heading p{display:none}.order-filters{grid-template-columns:minmax(160px,1fr) minmax(190px,.7fr) minmax(190px,1fr);gap:12px;margin-bottom:14px}.order-filters label{font-size:14px}.order-list{gap:0}.order-list .order-row{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(150px,.65fr) 190px;align-items:center;gap:12px;padding:12px 16px;margin:0;min-height:64px;border-radius:0;border-bottom:0;line-height:1.4;font-size:14px;box-shadow:none}.order-list .order-row:first-child{border-radius:10px 10px 0 0}.order-list .order-row:last-child{border-bottom:1px solid var(--line);border-radius:0 0 10px 10px}.order-list .order-row:only-child{border-radius:10px}.order-row-number{color:#096c60;font-size:15px}.order-row-company{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;min-width:0}.order-list .order-status{font-size:14px;justify-self:start;padding:4px 9px;max-width:100%}.order-row-date{color:#637974;font-size:13px;white-space:nowrap}.orders-company-filter{position:relative;min-width:0}.orders-company-filter>label{display:block;margin-bottom:6px}.orders-company-input{display:flex;align-items:center;gap:6px}.orders-company-input input{min-width:0;flex:1}.orders-company-input button{padding:6px;font-size:14px;min-height:44px}.orders-company-options{position:absolute;top:100%;left:0;right:0;z-index:10;background:#fff;border:1px solid #dce5e7;box-shadow:0 8px 24px #24454c18;border-radius:10px;padding:6px;max-height:260px;overflow:auto}.orders-company-options button{display:block;width:100%;text-align:left;border:0;border-radius:6px;background:#fff;color:#24454c;padding:10px;font-size:14px;min-height:44px;overflow-wrap:anywhere}.orders-company-options button:hover,.orders-company-options button:focus-visible{background:#e5f2ef}.orders-company-options p{padding:8px}
@media(max-width:1100px){.order-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#orders-company-filter{grid-column:1/-1}.order-list .order-row{grid-template-columns:76px minmax(0,1fr) minmax(130px,.7fr) 160px;gap:10px;padding:10px 12px}.order-row-date{white-space:normal}}
@media(max-width:760px){.order-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}#orders-company-filter{grid-column:1/-1}.order-list .order-row{grid-template-columns:70px minmax(0,1fr) auto;gap:4px 8px;padding:9px 12px;min-height:58px}.order-row-number{grid-column:1;grid-row:1}.order-row-company{grid-column:2/4;grid-row:1}.order-list .order-row .order-status{grid-column:3;grid-row:2;justify-self:end;font-size:12px;padding:3px 7px;max-width:155px}.order-row-date{grid-column:1/3;grid-row:2;font-size:12px;max-width:100%;line-height:1.4}.order-filters input,.order-filters select{padding:9px 10px;font-size:16px;min-height:44px}}
@media(max-width:380px){.order-list .order-row{padding:8px 10px;grid-template-columns:58px minmax(0,1fr) auto}.order-row-date{max-width:145px}.order-list .order-row .order-status{max-width:120px}}

.order-list .order-row{position:relative}.order-list .order-row.has-unread{background:#edf8f3;border-left:4px solid #096c60;padding-left:12px;padding-right:28px}.order-list .order-row.has-unread .order-row-number,.order-list .order-row.has-unread .order-row-company{font-weight:800}.order-unread-mark{position:absolute;right:5px;top:4px;min-width:18px;height:18px;border-radius:9px;background:#096c60;color:#fff;font-size:12px;font-weight:700;text-align:center;padding:0 4px;line-height:18px}.chat-bubble.chat-activity{align-self:center;max-width:100%;width:100%;background:#eaf1ee;border:1px solid #d0dfd7;border-radius:9px;padding:10px 12px}.chat-activity .chat-sender{font-size:12px}.chat-activity p{margin:6px 0;font-size:14px}.chat-activity time{font-size:12px}
.order-job-card .order-actions{gap:8px;flex-wrap:wrap}.order-job-card h2{margin-bottom:6px}.order-job-card #job-card-summary{min-height:22px;margin-bottom:12px}@media(max-width:760px){.order-job-card .order-actions{display:grid;grid-template-columns:1fr 1fr}.order-job-card #job-card-download{grid-column:1 / -1}.order-job-card .order-actions button{min-height:44px}}
.status-design_preparation{background:#edf1ff;color:#425790}.status-design_review{background:#fff3d8;color:#815500}.order-design-approval form label{display:grid;gap:7px;margin:14px 0}.order-design-approval .proof-original{display:flex;align-items:center;gap:10px}.proof-original input{width:20px;height:20px}.artwork-revision{border:1px solid #dce7e3;border-radius:12px;padding:14px;margin:12px 0}.revision-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.revision-state{font-size:12px;padding:4px 8px;border-radius:6px;background:#eef2f0;color:#52665d}.revision-pending{background:#fff3d8;color:#815500}.revision-approved{background:#e2f2e9;color:#176848}.revision-changes_requested{background:#fff0e9;color:#944d25}.artwork-revision p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.artwork-revision small{display:block;color:#637974;overflow-wrap:anywhere;margin:6px 0 12px}.revision-decision{border-top:1px solid #e2eae6;padding-top:12px;margin-top:12px}.order-design-approval .order-actions{gap:8px;flex-wrap:wrap}@media(max-width:760px){.order-design-approval .order-actions{display:grid;grid-template-columns:1fr}.order-design-approval button{min-height:44px}#order-proof-submit,#order-designer-save{width:100%}.order-steps{flex-wrap:wrap}}
.artwork-approval-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid #ead6a0;background:#fff7e5;border-radius:12px;margin-bottom:18px;font-size:14px;color:#72541c}.artwork-approval-notice[hidden]{display:none}.artwork-approval-notice button{white-space:nowrap}@media(max-width:480px){.artwork-approval-notice{align-items:flex-start;flex-direction:column}.artwork-approval-notice button{width:100%}}

/* Collapsed work sections keep the conversation in view on opening an order. */
.order-information{gap:10px;min-width:0}
.order-information>details.card{padding:8px 18px;min-width:0}
.order-information>details.card>summary{font-size:16px;line-height:1.5;min-height:44px;padding:10px 0;overflow-wrap:anywhere}
.order-information>details.card[open]{padding-bottom:18px}
.order-information summary:focus-visible{outline:2px solid #096c60;outline-offset:4px;border-radius:4px}
#printing-job-card{margin-top:16px;border-top:1px solid #dce7e3;padding-top:8px}
@media(max-width:850px){.order-chat{order:-1}.order-detail-grid{gap:16px}}

.order-printing form label,.order-printing>details label{display:grid;gap:6px;margin:14px 0;min-width:0}
.order-printing form{margin-bottom:16px}.order-printing>details{margin-top:16px;border-top:1px solid #dce7e3;padding-top:8px}
.printing-move-form{padding:16px;background:#f3f7f4;border:1px solid #dce7e3;border-radius:12px}
.printing-stock-row{padding:14px 0;border-top:1px solid #dce7e3;display:grid;gap:10px;min-width:0;overflow-wrap:anywhere}
.printing-stock-row strong,.printing-stock-row small,.printing-stock-row span{display:block}.printing-stock-row small{color:#637974;margin:5px 0;font-size:14px}
.printing-history-row{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid #dce7e3;overflow-wrap:anywhere}.printing-history-row small{font-size:14px;color:#637974}.printing-history-row p{margin:0;white-space:pre-wrap}
.order-printing select{max-width:100%;min-width:0}#printing-totals{padding-top:12px}#printing-assign{margin-top:8px}
@media(max-width:760px){.order-printing .order-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.order-printing button{min-height:44px}#printing-assign{width:100%}.printing-move-form{padding:12px}}
@media(max-width:380px){.order-printing .order-actions{grid-template-columns:1fr}}
.design-colours{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.design-form textarea[name=printing_colours]{width:100%;box-sizing:border-box;min-height:110px;font-size:16px}

#admin-order-client-picker{margin-bottom:18px}
#order-job-card>#order-printing{margin-top:20px;padding-top:18px;border-top:1px solid var(--border,#d6dde3)}
