@container(max-width:780px){.or-columns{display:none}.or-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.or-identity{grid-column:1/-1}.or-mobile{display:block!important}.or-money{align-items:flex-start}}
@container(max-width:480px){.or-row{grid-template-columns:repeat(2,minmax(0,1fr))}.or-identity{grid-column:1/-1}.or-summary{gap:8px 16px}}
@media(max-width:700px){.or-screen .sl-tools{gap:8px}.or-screen .pi-page-head{flex-wrap:wrap}.or-summary{gap:8px 16px}}
.or-proposal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.or-proposal-actions .cta{height:auto;min-height:32px;padding:4px 8px;font-size:12px;white-space:normal}.or-proposal-product{padding-block:12px;border-bottom:1px solid var(--line)}.or-proposal-product:last-child{border-bottom:0}.or-proposal-product>div{flex:1}.or-next p{margin:0;font-size:13px;line-height:20px}
.oc-order-list{display:flex;flex-direction:column;gap:16px}.oc-order{background:var(--surface-work);border-radius:var(--radius-work);padding:12px;min-width:0}.oc-order.is-current{box-shadow:inset 0 0 0 1px var(--line-strong)}
.oc-order-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:64px}.oc-order-head .oc-fold{width:32px;min-width:32px;height:32px;padding:0;justify-content:center}.oc-order-identity{display:flex;flex-direction:column;gap:4px;flex:1;min-width:160px;overflow-wrap:anywhere}.oc-order-identity strong{font-size:14px;font-weight:500}.oc-order-identity span{font-size:13px}.oc-order small{font-size:12px;line-height:18px;color:var(--muted)}.oc-order-status,.oc-order-total{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:240px}.oc-order-total{align-items:flex-end;text-align:right}.oc-order-total strong{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.oc-order-head .cta{flex:none}.oc-order-status .projects-status-label{white-space:normal}
.oc-order-progress{display:flex;gap:12px 24px;flex-wrap:wrap;padding:12px 0;font-size:12px;color:var(--muted)}.oc-order-progress>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oc-products{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.oc-product{display:grid;grid-template-columns:56px minmax(160px,1fr) 64px minmax(96px,.3fr) minmax(100px,.3fr);align-items:start;gap:12px;padding:12px;background:var(--surface-content);border-radius:var(--radius-content);min-width:0}.oc-product .sl-photo{width:56px;height:auto;aspect-ratio:var(--product-image-ratio);flex:none}.oc-product-name{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.oc-product-name>strong{font-size:14px;line-height:20px;font-weight:500}.oc-product-name>span,.oc-product-quantity>span,.oc-product-price>span,.oc-product-price>strong{font-size:13px;line-height:20px}.oc-product-name>small,.oc-product-quantity>small,.oc-product-price>small{font-size:12px;line-height:18px;color:var(--muted)}.oc-product-price,.oc-product-quantity{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.oc-product-price{text-align:right;font-variant-numeric:tabular-nums}.oc-product-price strong{font-weight:500}.oc-product .sl-warning{color:var(--action-danger)}.oc-spec{font-size:12px;margin-top:4px}.oc-spec summary{cursor:pointer;color:var(--muted)}.oc-spec dl>div{display:flex;justify-content:space-between;gap:12px;padding-block:4px}.oc-spec dd{margin:0;text-align:right}.oc-missing{margin-block:12px}.oc-missing strong{font-size:14px;font-weight:500}.oc-missing p{margin:4px 0 8px;color:var(--action-danger)}
.or-details .oc-product{grid-template-columns:56px minmax(0,1fr)}.or-details .oc-product .sl-photo{width:56px}.or-details .oc-product-quantity,.or-details .oc-product-price{grid-column:2;text-align:left}.oc-confirm-products{display:flex;flex-direction:column;gap:8px;margin-block:16px}.oc-confirm-products .oc-product{grid-template-columns:56px minmax(0,1fr)}.oc-confirm-products .sl-photo{width:56px}.oc-confirm-products .oc-product-price,.oc-confirm-products .oc-product-quantity{grid-column:2;text-align:left}
@container(max-width:780px){.oc-product{grid-template-columns:56px minmax(0,1fr) minmax(90px,.35fr)}.oc-product .sl-photo{width:56px}.oc-product-name{grid-column:2/-1}.oc-product-quantity{grid-column:2}.oc-product-price{grid-column:3}.oc-order-status{max-width:none}.oc-order-total{margin-left:auto}}
@container(max-width:480px){.oc-order-head{gap:8px}.oc-order-identity{min-width:140px}.oc-order-status{flex-basis:100%}.oc-order-total{margin:0;align-items:flex-start;text-align:left;flex:1}.oc-order-head .cta{white-space:normal;max-width:160px}.oc-product{grid-template-columns:56px minmax(0,1fr);gap:8px}.oc-product .sl-photo{width:56px}.oc-product-name{grid-column:2}.oc-product-price,.oc-product-quantity{grid-column:2;text-align:left}}
.oc-scopes{display:flex;gap:8px;flex-wrap:wrap}.oc-scopes .is-active{background:var(--selection)}
.oc-preview{display:flex;align-items:center;gap:8px;min-width:0}.oc-preview .sl-photo{width:40px}.oc-preview>span{font-size:13px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.oc-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.oc-order-list{gap:8px}.oc-order-identity{flex:1 1 240px}.oc-order-status{flex:0 1 220px}.oc-order-total{flex:0 1 180px}.oc-order-head{min-height:88px}.sl-navigation-row .sl-nav-filters{flex-wrap:wrap}
.or-screen{gap:12px}.or-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:12px;background:var(--surface-work);border-radius:var(--radius-work);flex:none;font-size:12px;color:var(--muted)}.or-summary strong{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.or-list{padding:12px;background:var(--surface-work);border-radius:var(--radius-work)}
.or-row,.or-columns{display:grid;grid-template-columns:minmax(160px,1.6fr) minmax(105px,1fr) minmax(96px,1fr) minmax(100px,1fr) minmax(106px,1fr) minmax(105px,1fr);align-items:center;gap:12px;padding:12px}.or-columns{min-height:40px;font-size:12px;color:var(--muted);padding-block:4px}.or-row{min-height:88px;background:var(--surface-content);border-radius:var(--radius-content);margin-top:8px;cursor:pointer}.or-row:hover{background:var(--surface-hover)}.or-row.is-current{background:var(--selection)}.or-row.is-current:hover{background:var(--surface-selected-hover)}.or-row:focus-visible{outline:2px solid var(--action-blue);outline-offset:2px}.or-identity{display:flex;align-items:center;gap:12px;min-width:0}.or-identity>div{min-width:0}.or-identity strong{font-weight:500;overflow-wrap:anywhere}.or-identity small,.or-cell small,.or-product small{display:block;color:var(--muted);font-size:12px;line-height:20px}.or-cell{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;overflow-wrap:anywhere}.or-cell strong{font-weight:500;font-variant-numeric:tabular-nums}.or-cell .projects-status-label{white-space:normal;font-size:11px;line-height:16px}.or-money{align-items:flex-end}.or-mobile{display:none!important}
.or-details .or-reference{margin:4px 0 12px;font-size:12px}.or-tabs{display:flex;gap:4px;flex:none}.or-screen .or-tabs .cta{height:32px;min-height:32px;padding:4px 8px;font-size:12px;flex:1}.or-tabs .is-active{background:var(--selection)}.or-details .sl-details-scroll{padding-top:16px}.or-next{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius-content);background:var(--surface-content)}.or-next small{color:var(--muted);font-size:12px}.or-next strong{font-weight:500}.or-next .cta{white-space:normal;height:auto;min-height:40px}.or-details dl{margin:12px 0}.or-details dl>div{grid-template-columns:minmax(80px,1fr) minmax(0,1.2fr);gap:8px}.or-shipment{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;background:var(--surface-content);border-radius:var(--radius-content);margin-top:8px}.or-shipment strong{font-size:13px;font-weight:500}.or-shipment p{margin:0}.or-product{display:flex;align-items:flex-start;gap:12px;margin-top:12px}.or-product>div{min-width:0}.or-product strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.or-product span{font-size:12px}.or-document{display:block;padding:8px 0;color:var(--text);overflow-wrap:anywhere}.or-details .sl-detail-actions{margin-block:24px 12px}.or-details .sl-detail-actions .cta{white-space:normal}.or-dialog dl{margin:0}.or-dialog dl>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.or-dialog dt{color:var(--muted)}.or-dialog dd{margin:0;text-align:right;overflow-wrap:anywhere}
@container(max-width:480px){.oc-order-identity{flex-basis:calc(100% - 48px);min-width:0}.oc-order-status{flex-basis:100%;max-width:none}.oc-order-total{flex:1;align-items:flex-start;text-align:left}.oc-actions{flex-basis:100%}}
.oc-fold[aria-expanded=false] svg{transform:rotate(-90deg)}
.od-deliveries{display:flex;flex-direction:column;gap:16px;min-width:0}.od-delivery{min-width:0;margin:0!important}.od-delivery>header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.od-delivery>header strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.od-delivery>.oc-product{margin-top:8px}.od-delivery p{font-size:13px;line-height:20px;overflow-wrap:anywhere}.od-summary{flex-basis:100%}.od-delivery .oc-order-progress{gap:8px 16px}.or-details .od-delivery .oc-order-progress{flex-direction:column}.or-dialog .od-deliveries{margin-block:12px}.or-details .sl-detail-actions:first-child{margin-top:0}
.ou-order .oc-order-head{display:grid;grid-template-columns:32px minmax(180px,1.5fr) minmax(140px,1fr) minmax(100px,.65fr) minmax(130px,.8fr) auto;gap:12px;min-height:80px}
.ou-order .oc-order-identity{min-width:0}.ou-order .oc-order-total{max-width:none;margin:0}.ou-product-names{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)}
.ou-order .oc-actions{flex-direction:column;align-items:stretch}.ou-order .oc-actions .cta{min-height:32px;height:auto;padding:6px 12px;white-space:normal}
.ou-active-filters,.ou-filter-tools,.op-methods{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ou-active-filters{flex:none}.ou-active-filters .cta{min-height:32px;height:auto;font-size:12px}
.ou-filter-tools{justify-content:space-between}.ou-filter-options{display:flex;flex-direction:column;gap:8px;max-height:40vh;overflow:auto;padding:4px;scrollbar-gutter:stable}
.ou-filter-options .projects-radio{display:flex;align-items:center;gap:12px;min-height:40px;padding:8px;border-radius:var(--radius-content);cursor:pointer}.ou-filter-options .projects-radio:hover{background:var(--surface-hover)}.ou-filter-options .projects-radio[hidden]{display:none}.ou-filter-options small{margin-left:auto;color:var(--muted)}.ou-filter-options span{overflow-wrap:anywhere;min-width:0}
.ou-panel-footer{padding-top:12px;flex:none;display:flex;flex-direction:column;gap:8px}.ou-panel-footer .cta{width:100%}.or-tabs{flex-wrap:wrap}
.sl-navigation-row .ou-controls{gap:8px}.ou-controls>.catalog-control{flex:0 0 auto;width:auto;min-width:max-content;white-space:nowrap}
.ou-secondary-actions{display:flex;flex-wrap:wrap;gap:8px}
.ou-group .oc-order.ox-order{background:transparent;padding:0;border-radius:0}
.ox-order+.ox-order{margin-top:16px}
.ou-order.ox-order .oc-order-head{display:flex;flex-wrap:wrap;gap:12px;min-height:64px;padding:4px 0}
.ox-order .oc-order-identity{flex:1 1 180px}
.ox-order .oc-order-status{flex:1 1 200px;max-width:none}
.ox-order .oc-order-total{flex:0 1 180px}
.ou-order.ox-order .oc-actions{display:flex;flex:0 1 auto;flex-direction:row;align-items:center;justify-content:flex-end}
.ox-table{margin-top:8px}
.ox-product{cursor:default}
/* Row hover must not reveal separate tiles behind idle icon actions. */
.or-screen .sl-row :is(.oc-fold,.pf-icon-button,.projects-more){background:transparent}
.or-screen .sl-row :is(.oc-fold,.pf-icon-button,.projects-more):not(:disabled):hover{background:var(--selection)}
.or-screen .sl-row:is(.is-current,.is-selected) :is(.oc-fold,.pf-icon-button,.projects-more):not(:disabled):hover{background:var(--surface-selected-hover)}
.ox-product .sl-name{font-weight:500}
.ox-product .projects-status-label{white-space:normal}
.ox-table .sl-columns>span{min-width:0}
.ox-table .sl-columns svg{width:12px;height:12px;margin-left:4px}
@container(max-width:640px){.ox-order .oc-order-total{margin-left:44px;text-align:left;align-items:flex-start}.ou-order.ox-order .oc-actions{flex-basis:100%;justify-content:flex-start;margin-left:44px}}
.ou-group .oc-order{background:var(--surface-content);border-radius:var(--radius-content)}
.ou-group:has(>header [aria-expanded=true])>header{margin-bottom:8px}
.or-screen.sl-shopping>.sl-tools>.sl-tool-group:last-child{flex-wrap:wrap}
.ou-group .oc-order.is-current{background:var(--selection);box-shadow:none}
.or-screen .sl-workspace:not(.has-detail)>.sl-list-scroll{margin-right:-12px}
.or-screen [hidden]{display:none!important}
.ou-hide-date .oc-order-head{grid-template-columns:32px minmax(180px,1.5fr) minmax(140px,1fr) minmax(130px,.8fr) auto}
@container(max-width:1100px){.ou-hide-date .oc-order-head{grid-template-columns:32px minmax(180px,1fr) minmax(130px,.7fr) minmax(140px,.7fr)}}
@container(max-width:640px){.ou-hide-date .oc-order-head{grid-template-columns:32px minmax(0,1fr)}}
.op-payment-total{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--surface-content);border-radius:var(--radius-content)}.op-payment-total strong{font-size:24px;line-height:32px;font-weight:500;font-variant-numeric:tabular-nums}.op-payment-total small,.op-sharing{color:var(--muted)}.op-methods .cta{flex:1;min-width:120px}.or-dialog input[type=file]{max-width:100%;padding:12px}.or-dialog footer{flex-wrap:wrap;gap:8px}.or-dialog footer .cta{white-space:normal;height:auto;min-height:40px}.or-dialog dd{min-width:0}
@container(max-width:1100px){.ou-order .oc-order-head{grid-template-columns:32px minmax(180px,1fr) minmax(130px,.7fr) minmax(140px,.7fr)}.ou-order .oc-actions{grid-column:2/-1;flex-direction:row}.ou-order .ou-date{grid-column:2;grid-row:2}.ou-order .oc-actions{grid-column:3/-1;grid-row:2;justify-content:flex-end}}
@container(max-width:640px){.ou-order .oc-order-head{grid-template-columns:32px minmax(0,1fr)}.ou-order .oc-order-status,.ou-order .ou-date,.ou-order .oc-order-total,.ou-order .oc-actions{grid-column:2;grid-row:auto;align-items:flex-start;text-align:left;justify-content:flex-start}.ou-order .oc-actions{flex-wrap:wrap}.ou-order .oc-order-status{min-width:0}.ou-order .oc-order-head .cta{max-width:100%}}
.ox-panel-contact{display:flex;flex:none;margin-bottom:12px}.ox-panel-contact .cta{width:100%}
.or-details .sl-details-scroll>section:first-child{margin-top:0}
.or-details .sl-details-scroll>.cta{margin-top:12px}
.or-details .sl-details-scroll>.cta:first-child{margin-top:0}
.or-details .sl-details-scroll .cta{max-width:100%;white-space:normal;height:auto;min-height:40px}
.or-dialog .ox-view-behaviour,.or-dialog section:has(>.sl-review-list){display:flex;flex-direction:column;gap:12px;min-width:0}
.or-dialog .ox-view-behaviour .projects-radio{margin:0;min-height:40px}
.or-dialog .ox-view-behaviour p{font-size:12px;line-height:20px}
.or-dialog .sl-review-list .sl-product{flex:1;overflow-wrap:anywhere}
.or-dialog .sl-review-list>div{align-items:center}
.or-dialog .sl-review-list .sl-photo{width:56px;flex:none}
.or-dialog .sl-review-list small{line-height:20px}
@media(max-width:500px){.or-dialog .sl-review-list>div{flex-wrap:wrap;gap:8px}.or-dialog .sl-review-list .sl-product{flex-basis:100%}.or-dialog .sl-review-list>div>strong{margin-left:68px}}
.ox-documents-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.ox-documents-heading h3{margin:0}
.ox-document strong,.ox-document-summary p{overflow-wrap:anywhere}
.ox-product[data-order-open],.oc-order-head[data-order-open]{cursor:pointer}
.ox-product .sl-product strong.sl-name{display:block;font-weight:500}
.ox-product .sl-product strong.sl-name:hover{text-decoration:none}
.ox-product>.cta{width:32px;height:32px;min-height:32px;padding:0}
.ox-product .sl-col-status>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ox-product .ox-order-reference{font-size:11px}
[data-order-open]:focus:not(:focus-visible){outline:none}
[data-order-open]:focus-visible{outline:2px solid var(--action-blue);outline-offset:-2px}
.ob-order{min-width:0;margin-top:8px}
.or-screen .sl-row.is-current{background:var(--selection)}
.or-screen .sl-row.is-current:hover{background:var(--surface-selected-hover)}
.or-details .or-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.or-screen .or-details .or-tabs .cta{grid-column:span 2;min-width:0;height:40px;min-height:40px;padding:8px;font-size:14px;line-height:20px;font-weight:400;background:transparent;white-space:nowrap}
.or-details .or-tabs .cta:nth-child(n+4){grid-column:span 3}
.or-screen .or-details .or-tabs .cta:hover{background:var(--surface-hover)}
.or-screen .or-details .or-tabs .cta.is-active{background:var(--selection)}
.or-screen .or-details .or-tabs .cta.is-active:hover{background:var(--surface-selected-hover)}
.or-details :is(.ox-panel-contact,.sl-detail-actions) .cta,.or-details .sl-details-scroll>.cta{font-size:14px;line-height:20px;font-weight:400;padding:8px 16px;min-height:40px}
.or-details .sl-details-scroll>.cta{width:100%;display:flex}
.sl-row.ob-order-head{display:grid;grid-template-columns:minmax(200px,1.6fr) minmax(130px,1fr) minmax(120px,.8fr) minmax(100px,.7fr) minmax(140px,1fr) 32px;gap:12px;min-height:88px;padding:12px}
.ob-order-head .sl-product>div{min-width:0}
.sl-row.ob-order-head>.sl-product{grid-column:auto}
.sl-row.ob-order-head>button{grid-column:auto;grid-row:auto;justify-self:end}
.ob-order-head .sl-product small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.ob-order-head>button,.ob-order-head .oc-fold{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;justify-content:center}
.ob-order-products{padding:0 0 8px 24px}
.ob-order-products .ox-order-reference{display:none}
.ob-space-products h3{font-size:13px;line-height:20px;font-weight:500;margin:16px 12px 0}
.ob-select-heading{display:flex;align-items:center;gap:12px}
.ob-order-head .sl-cell{min-width:0}
.ob-order-head .sl-cell small{font-size:12px;color:var(--muted);line-height:20px}
.ob-order-head .projects-status-label{white-space:normal}
.or-screen .sl-bottom{flex-wrap:wrap;gap:8px}
.or-screen .sl-bottom>.sl-tool-group{flex-direction:row;gap:8px;flex-wrap:wrap;margin-left:auto}
@container(max-width:850px){.sl-row.ob-order-head{grid-template-columns:minmax(180px,1.5fr) minmax(120px,1fr) minmax(120px,1fr) 32px}.sl-row.ob-order-head>.sl-product{grid-column:1/4}.sl-row.ob-order-head>button{grid-column:4;grid-row:1}.sl-row.ob-order-head>.sl-cell{grid-row:auto;grid-column:auto}.sl-row.ob-order-head>.sl-cell:nth-child(2){grid-column:1;grid-row:2}.sl-row.ob-order-head>.sl-cell:nth-child(3){grid-column:2;grid-row:2}.sl-row.ob-order-head>.sl-cell:nth-child(4){grid-column:3;grid-row:2}.sl-row.ob-order-head>.sl-cell:last-of-type{grid-column:1/4;grid-row:3}}
@container(max-width:600px){.sl-row.ob-order-head{grid-template-columns:repeat(2,minmax(0,1fr)) 32px}.sl-row.ob-order-head>.sl-product{grid-column:1/3}.sl-row.ob-order-head>button{grid-column:3}.sl-row.ob-order-head>.sl-cell:nth-child(2){grid-column:1;grid-row:2}.sl-row.ob-order-head>.sl-cell:nth-child(3){grid-column:2;grid-row:2}.sl-row.ob-order-head>.sl-cell:nth-child(4){grid-column:1;grid-row:3}.sl-row.ob-order-head>.sl-cell:last-of-type{grid-column:2;grid-row:3}.ob-order-products{padding-left:12px}}
