/* Shared admin/customer order details: content-sized tracks and mobile touch targets. */
.ow-workspace,.ow-workspace .ow-work-grid>div,.ow-workspace #order-panel{min-width:0;max-width:100%}
.ow-workspace .ow-heading>div,.ow-workspace .ow-history article>div,.ow-workspace .ow-requirement-status>div{min-width:0}
.ow-workspace :is(.ow-heading p,.ow-hint,.ow-soft,.ow-history p,.ow-mail-row,.ow-requirements-copy,.ow-schedule li){overflow-wrap:anywhere}
.ow-workspace .ow-requirements-copy img{max-width:100%;height:auto;object-fit:contain}
.ow-workspace :is(.ow-requirements-copy,.ow-rich-content) pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.ow-workspace :is(.ow-requirements-copy,.ow-rich-content) table{display:block;max-width:100%;overflow:auto}
.ow-workspace :is(.ow-amount-row,.ow-pay-now) strong{min-width:0;overflow-wrap:anywhere;text-align:end}
@media(max-width:900px){
.ow-workspace .ow-work-grid{grid-template-columns:minmax(0,1fr);gap:0}
.ow-workspace .ow-work-grid>.ow-work-sidebar{grid-row:auto}
.ow-workspace .ow-work-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.ow-workspace .ow-work-sidebar>.ow-card{margin-bottom:0}
.ow-workspace .ow-work-sidebar>.ow-card:first-child{grid-column:1/-1}
.ow-workspace>.btn{margin-top:16px}
}
@media(max-width:600px){
.ow-workspace{width:100%;box-sizing:border-box}
.ow-workspace .ow-card{padding:15px;border-radius:16px;margin-bottom:14px}
.ow-workspace .ow-work-sidebar{grid-template-columns:minmax(0,1fr);gap:14px}
.ow-workspace .ow-work-sidebar>.ow-card{margin-bottom:0}
.ow-workspace .ow-heading{gap:10px;margin-bottom:14px}
.ow-workspace [data-live-zone="order-heading"]>.ow-heading>.ow-heading{flex:1;align-items:center;min-width:0}
.ow-workspace .ow-heading h1{font-size:19px}
.ow-workspace .ow-icon{flex-basis:40px;min-height:40px;border-radius:12px;align-self:center}
.ow-workspace .order-status{font-size:11px;max-width:100%;overflow-wrap:anywhere}
.ow-workspace .ow-progress{margin:18px 0 12px;gap:4px}
.ow-workspace .ow-progress small{display:block;font-size:10px;line-height:1.4;padding:0 2px}
.ow-workspace .ow-next{padding:12px;gap:9px;align-items:flex-start}
.ow-workspace .ow-next>svg{width:19px;height:19px;margin-top:2px}
.ow-workspace .ow-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;padding:5px;border:1px solid var(--ow-line);border-radius:13px;background:var(--ow-surface);margin-bottom:14px}
.ow-workspace .ow-tabs a{justify-content:center;min-width:0;min-height:44px;box-sizing:border-box;padding:8px 4px;gap:5px;font-size:11px;border:1px solid transparent;border-radius:9px}
.ow-workspace .ow-tabs a.active{border-color:color-mix(in srgb,var(--primary) 25%,transparent);background:color-mix(in srgb,var(--primary) 9%,transparent)}
.ow-workspace .ow-tabs a:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
.ow-workspace .ow-tabs svg{width:15px;height:15px;flex:none}
.ow-workspace .ow-invoice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 0;align-items:start}
.ow-workspace .ow-invoice>div{grid-column:1/-1;min-width:0}
.ow-workspace .ow-invoice>strong{overflow-wrap:anywhere}
.ow-workspace .ow-invoice>.ow-badge{justify-self:end;max-width:100%;text-align:center}
.ow-workspace .ow-invoice>:is(form,a){grid-column:1/-1;width:100%;min-width:0}
.ow-workspace .ow-invoice .btn{width:100%;box-sizing:border-box;white-space:normal}
.ow-workspace .ow-pay-now{padding:12px;gap:10px}
.ow-workspace .ow-pay-now strong{font-size:18px}
.ow-workspace .ow-amount-row{gap:10px}
.ow-workspace .ow-card form :is(input:not([type=hidden]):not([type=checkbox]):not([type=file]),textarea,select){max-width:100%;font-size:16px}
.ow-workspace .ow-card .btn,.ow-workspace .ow-details>summary,.ow-workspace .ow-text-link{min-height:44px;box-sizing:border-box}
.ow-workspace .ow-details>summary{padding:12px 0;line-height:1.5}
.ow-workspace .ow-text-link{align-items:center}
.ow-workspace .ow-delivery-admin-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.ow-workspace .ow-delivery-admin-actions .btn{width:100%}
.ow-workspace .ow-delivery-note .ow-heading{align-items:flex-start;gap:8px}
.ow-workspace .ow-delivery-note h3{line-height:1.5}
.ow-workspace .ow-requirement-status{align-items:flex-start;padding:12px}
.ow-workspace .ow-req-symbol{width:36px;height:36px;flex-basis:36px}
.ow-workspace .ow-saved-files-heading{flex-wrap:wrap;gap:10px;align-items:center}
.ow-workspace .ow-download-all,.ow-workspace .ow-saved-file-download{min-height:44px;box-sizing:border-box;justify-content:center}
.ow-workspace .ow-saved-file-grid,.ow-workspace .ow-upload-box .order-upload-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ow-workspace .ow-upload-box{padding:12px}
.ow-workspace .ow-file-remove{min-width:36px;min-height:36px}
.ow-workspace .ow-rich .ow-rich-frame .ow-rich-toolbar{gap:5px;padding:7px}
.ow-workspace .ow-rich .ow-rich-toolbar button{height:44px;min-height:44px;min-width:44px;padding:7px 9px;font-size:13px}
.ow-workspace .ow-rich .ow-rich-content{font-size:16px;min-height:160px;max-height:45vh;padding:12px}
.ow-workspace .ow-comment-thread{max-height:55vh;min-height:180px}
.ow-workspace .ow-chat-composer{grid-template-columns:42px minmax(0,1fr) 44px;gap:6px}
.ow-workspace .ow-chat-files{max-width:100%;overflow-wrap:anywhere}
.ow-workspace .ow-mail-row small{overflow-wrap:anywhere}
.ow-workspace .ow-history article{gap:10px}
}
@media(max-width:360px){
.ow-workspace .ow-card{padding:12px}
.ow-workspace .ow-tabs a{flex-direction:column;gap:4px;font-size:10px;min-height:54px}
.ow-workspace .ow-delivery-admin-actions{grid-template-columns:minmax(0,1fr)}
.ow-workspace .ow-pay-now{flex-wrap:wrap}
}