.port-switch{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.port-switch a{padding:9px 12px;background:#eee;border-radius:10px;text-decoration:none}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px}.side{padding-top:20px;display:flex;flex-direction:column;gap:5px;align-self:start;position:sticky;top:80px}.side a{text-decoration:none;padding:12px;border-radius:10px}.side a[aria-current=page]{background:#222;color:#fff}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{padding:20px;background:#fff;border:1px solid #ddd;border-radius:14px}.metric strong{display:block;font-size:29px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:13px;text-align:left;border-bottom:1px solid #ddd}th{white-space:nowrap}.work-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.work-form label{display:block}.work-form .wide{grid-column:1/-1}.list-detail{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:18px}.conversation{display:block;width:100%;text-align:left;margin-bottom:9px}.unread{background:#222;color:#fff;border-radius:99px;padding:3px 8px;font-size:12px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission-grid label{font-size:14px}.chat-image{max-width:100%;max-height:200px}.work-note{font-size:13px;line-height:1.8;background:#eee;padding:16px;border-radius:12px}dialog{max-width:min(620px,90vw);border:1px solid #ddd;border-radius:18px;padding:24px}dialog::backdrop{background:#0007}textarea{min-height:90px}select,input,textarea{min-width:0}.side button{text-align:left}@media(max-width:900px){.workspace{grid-template-columns:1fr}.side{position:static;flex-direction:row;overflow:auto;padding:12px 0}.side a{white-space:nowrap}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.work-form,.list-detail{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}td,th{padding:10px}.work-form .wide{grid-column:auto}}

#work-main:focus{outline:none}

.conversation small{display:block;margin-top:7px;line-height:1.7;color:#666}.work-chat-log{border:1px solid #ddd;padding:14px;border-radius:12px;max-height:420px;overflow:auto;white-space:pre-wrap}.work-chat-log p{padding:8px;background:#f5f5f2;border-radius:8px}
/* R4: cards on compact workspaces; desktop tables remain unchanged. */
.order-cards{display:none}.order-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin:22px 0 8px}.order-filters label{min-width:0}.order-filters .field{margin:7px 0 0}.order-amount{font-size:24px;font-weight:700;line-height:1.4}.content-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overflow-wrap:anywhere}.content-dialog h2{font-size:clamp(19px,4.5vw,24px)}.content-dialog>button{margin:8px 8px 0 0;min-height:44px}.content-dialog textarea{max-width:100%;resize:vertical}
@media(max-width:780px){
 .order-filters{grid-template-columns:1fr;gap:15px;margin:20px 0}.orders-table{display:none}.order-cards{display:grid;gap:16px}.mobile-order-card{min-width:0;padding:17px;border:1px solid #ddd;border-radius:14px;background:#fff}.order-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.order-card-top h2{margin:0;font-size:19px;white-space:nowrap}.order-status{max-width:100%;font-size:12px;line-height:1.6;padding:5px 9px;background:#efefeb;border-radius:8px;overflow-wrap:anywhere}.order-customer{font-size:14px;margin:14px 0 8px}.mobile-order-card .order-amount{margin:8px 0 18px}.mobile-order-card>.btn{width:100%;min-height:46px}.content-dialog{padding:18px}.content-dialog>button{display:block;width:100%;margin:10px 0 0}.content-dialog form button{width:100%;min-height:44px}.content-dialog form{min-width:0}.list-detail{grid-template-columns:1fr}
 /* Other workbench tables become labeled, vertical record cards. */
 .table-wrap{overflow:visible}.table-wrap table,.table-wrap tbody{display:block;width:100%}.table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table-wrap tbody{display:grid;gap:14px;margin-top:16px}.table-wrap tbody tr{display:block;border:1px solid #ddd;border-radius:12px;padding:10px;background:#fff}.table-wrap td{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;padding:10px 4px;border-bottom:1px solid #eee;overflow-wrap:anywhere;min-width:0}.table-wrap td:before{content:attr(data-label);font-weight:700;font-size:13px;color:#666}.table-wrap td:last-child{border-bottom:0}.table-wrap td .btn{min-width:0;min-height:44px;white-space:normal;width:100%;overflow-wrap:anywhere}.conversation{padding:14px;line-height:1.65;overflow-wrap:anywhere}.conversation small{line-height:1.8}.work-chat-log{max-height:360px;overflow-wrap:anywhere}
}
.image-editor{grid-column:1/-1;min-width:0;border:1px solid #ddd;border-radius:12px;padding:14px}.image-editor input[type=file]{width:100%;max-width:100%;font-size:13px;min-height:44px}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.image-tile{min-width:0;border:1px solid #ddd;padding:10px;border-radius:10px}.image-tile img{width:100%;height:120px;object-fit:contain;background:#eee}.image-actions{display:flex;flex-wrap:wrap;gap:6px}.image-actions .btn{min-height:44px;padding:8px}.image-tile strong{display:block;padding:10px 0}.image-editor [role=alert]{color:#9c1825}.product-art .button-row{padding:8px;align-items:center;justify-content:space-between}@media(max-width:580px){.image-grid{grid-template-columns:1fr}}
.product-table-title{display:flex;align-items:center;gap:10px;min-width:0}.product-table-title img{width:64px;height:64px;object-fit:contain;flex-shrink:0}.product-table-title span{overflow-wrap:anywhere}@media(max-width:780px){.product-table-title{flex-wrap:wrap}}