#supportResourcesDialog{width:min(880px,calc(100vw - 32px));max-height:90dvh;margin:auto;padding:24px;border:1px solid #d6e1d7;border-radius:16px;background:#fff;color:#294333;overflow:auto}
#supportResourcesDialog::backdrop{background:#152a1d80}
#supportResourcesDialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
#supportResourcesDialog h2{font:650 20px var(--sans,Arial,sans-serif);margin:0 0 12px}
#supportResourcesDialog>header h2{margin:0}
#supportResourcesDialog h3{font:600 14px var(--sans,Arial,sans-serif);line-height:1.5;margin-bottom:10px}
#supportResourcesDialog section{margin:22px 0}
.support-resource-product{border-bottom:1px solid #e7ede5;padding:8px 0 16px;margin-bottom:12px}
.support-art-state{background:#f0f5ec;padding:14px 16px;border:1px solid #dce7d8;border-radius:10px;font-size:14px;line-height:1.6}
.support-art-state p,.support-resource-empty{font-size:13px;line-height:1.6;color:#657567;margin-top:6px}
.support-attachments h3{font-size:14px;font-weight:600;margin-bottom:10px}
.support-attachments h3>span{border-radius:20px;padding:3px 8px;background:#e9eee3;font-size:12px;margin-left:5px}
.support-file{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #e7ede5;font-size:13px}
.support-file>div:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
.support-file-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;flex:0 0 auto;max-width:230px}
.support-file-remove{color:#a03b32!important;border-color:#ead1cc!important;background:#fff8f6!important}
.support-file button{white-space:nowrap}
.support-file button:disabled{opacity:.5;cursor:wait}
.support-removed-files{margin-top:14px;padding:12px;border:1px dashed #d9e1d7;border-radius:9px;color:#657567;font-size:13px}
.support-removed-files summary{cursor:pointer;font-weight:600}
.support-removed-files p{font-size:12px;line-height:1.5;margin:8px 0}
.support-file small{display:block;color:#657567;font-size:12px;margin-top:5px}
.support-file a{white-space:nowrap;text-decoration:none}
.support-originals{border:1px solid #e2e8de;border-radius:10px;padding:14px;font-size:13px;line-height:1.6}
.support-originals summary{cursor:pointer;font-weight:600}
.support-originals>div{display:grid;gap:10px;margin-top:14px}
.support-originals a{color:#365e42;overflow-wrap:anywhere}
@media screen and (min-width:769px){
 #atendenteGrid{grid-template-columns:1fr!important;gap:10px!important;align-items:start}
 #atendenteGrid .support-order-row{height:auto!important;max-height:none!important;background:#fff!important;padding:0!important;border:1px solid #dce5d7!important;border-radius:10px!important;box-shadow:none!important;overflow:hidden}
 #atendenteGrid .support-order-row>summary{display:flex;align-items:center;gap:16px;padding:18px!important;margin:0!important;cursor:pointer;list-style:none;border:0}
 #atendenteGrid .support-order-row>summary::-webkit-details-marker{display:none}
 #atendenteGrid .support-order-row[open]>summary{border-bottom:1px solid #e2e9df;background:#f8faf5}
 #atendenteGrid .support-order-row>summary>div:nth-child(2){flex:0 1 210px!important;min-width:140px}
 .support-row-request{flex:1;min-width:0;font-size:13px;line-height:1.5;color:#647361;overflow-wrap:anywhere}
 .support-row-status{font-size:12px;white-space:nowrap;background:#fcf3e4;color:#876231;padding:5px 8px;border-radius:6px}
 .status-sent .support-row-status{background:#edf5e8;color:#4c6c44}
 .support-row-expand{font-size:12px;color:#4c6948;white-space:nowrap}
 .support-order-row[open] .support-row-expand>span{display:inline-block;transform:rotate(180deg)}
 .support-atendimento-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;padding:22px}
 .support-order-products,.support-order-return{min-width:0}
 .support-order-products>h3{font-size:14px;color:#62715f;margin-bottom:12px}
 .support-order-products .support-card-actions{justify-content:flex-start}
 .support-order-return .support-handoff{margin-top:0}
 .support-order-products .design-items>div{padding:14px!important;border:1px solid #e2e8de!important;border-radius:10px;margin-bottom:12px!important;background:#fbfcf9}
 .support-upload-field{border:1px dashed #b9cdb2;background:#fff;border-radius:10px;padding:14px;margin:14px 0}
 .support-upload-field input{font:13px var(--sans);max-width:100%;padding:8px 0}
 .support-upload-field small{display:block;font-size:12px;color:#657567;line-height:1.6}
 .support-upload-field [role=status]{font-size:13px;margin-top:6px}
 .support-board-description{max-width:1100px;margin:14px auto;color:#657668;font-size:13px;line-height:1.6}
 .support-handoff{border:1px solid #eadfc9;background:#fffaf1;border-radius:12px;margin:14px 0 20px;padding:16px}
 .support-handoff-ready{border-color:#d8e5d2;background:#f5f9f1}
 .support-handoff-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;margin-bottom:16px}
 .support-handoff-head>span{font-size:12px;padding:4px 8px;border-radius:7px;background:#eeeede;color:#657144}
 .support-handoff-ready .support-handoff-head>span{background:#e8f0e3;color:#4e6a44}
 .support-message{padding:12px 14px;border-left:3px solid #b79c65;background:#fff;border-radius:8px;margin:10px 0}
 .support-response{border-left-color:#7c9f73}
 .support-message h3{font-size:12px;font-weight:650;color:#647265;margin-bottom:6px}
 .support-message p{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
 .support-handoff>small{display:block;font-size:12px;color:#69766b;margin-top:12px}
 .support-contact-form{padding:18px;border:1px solid #dce5d8;border-radius:12px;background:#f7faf4;margin-top:18px!important}
 .support-contact-form label{font-size:13px!important;display:block;font-weight:600;color:#435e48;margin-bottom:8px}
 .support-contact-form textarea{font-size:14px!important;line-height:1.6;min-height:98px}
 .support-contact-form p{font-size:12px;line-height:1.6;color:#657567;margin:8px 0}
 .support-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0}
 #infosGrid{align-items:start;gap:20px!important}
 #infosGrid .design-card{background:#fff!important;border-color:#dce5d8!important}
 .support-reupload-card{border-width:1px!important;border-radius:14px!important;padding:18px 20px!important;border-left-width:4px!important;box-shadow:0 3px 14px #243c2c04}
 .support-reupload-card .support-resource-button{background:#f1f6eb;border-color:#d3e2c8}
}
@media print{#supportResourcesDialog,.support-handoff,.support-card-actions,.work-board-tools,.work-board-intro,.work-next-step{display:none!important}}

/* Shared queue summaries: one readable line per order, details on demand. */
@media screen{
 .work-order-summary{cursor:pointer;list-style:none}
 .work-order-summary::-webkit-details-marker{display:none}
 .work-row-identity{min-width:0}
 .work-row-identity strong{display:block;font-size:16px;color:#2d5a3d}
 .work-row-identity>span{display:block;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
 .work-row-identity small{display:block;font-size:12px;color:#627467;line-height:1.5;margin-top:3px}
 .work-row-focus{min-width:0}
 .work-row-focus>small{display:block;font-size:12px;font-weight:600;color:#627467;margin-bottom:4px}
 .work-row-focus>span{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
 .work-row-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:12px;color:#627467}
 .work-row-meta .work-files-present{color:#4b612f;background:#eef4e7;border-radius:5px;padding:1px 6px}
 .work-row-status{padding:7px 10px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.5;background:#f1f4ef;color:#455f4b}
 .work-row-status.warn{background:#fff4df;color:#7c5c22}
 .work-row-status.review{background:#ecf3ed;color:#365e42}
 .work-row-status.danger{background:#fff1ec;color:#943e32}
 .work-row-expand{font-size:12px;color:#516c56;white-space:nowrap}
 details[open]>.work-order-summary .work-row-expand span{display:inline-block;transform:rotate(180deg)}
 .work-order-summary:focus-visible{outline:3px solid #a3bba8;outline-offset:-3px}
 .work-review-actions{border:1px solid #dce5d8;border-radius:10px;padding:14px 16px;background:#f7faf5}
 .work-review-actions p{font-size:13px;line-height:1.6;color:#627467}
}
@media screen and (min-width:769px){
 :is(#atendenteGrid,#infosGrid){grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 #infosGrid>.work-info-row,#tabDesign .work-design-row{padding:0!important;border:1px solid #dce5d8!important;border-radius:14px!important;background:#fff!important;overflow:hidden;box-shadow:0 2px 10px #243c2c05}
 #atendenteGrid .support-order-row>summary.work-order-summary,#infosGrid .work-order-summary,#tabDesign .work-order-summary{display:grid!important;grid-template-columns:minmax(160px,.85fr) minmax(190px,1.6fr) minmax(110px,.65fr) auto;gap:18px;align-items:center;padding:20px!important;margin:0!important;border:0}
 :is(#atendenteGrid,#infosGrid,#designGrid) details[open]>.work-order-summary{background:#f8faf6;border-bottom:1px solid #e3eae1!important}
 #atendenteGrid .support-order-row>summary.work-order-summary>div:nth-child(2){min-width:0}
 #tabDesign #designGrid.work-design-compact{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 #tabDesign .work-design-body{padding:22px}
 #tabDesign .work-design-row .design-card-header{padding:0 0 16px}
 #tabDesign .work-design-row .design-items{padding:0}
 #tabDesign .work-design-row .design-queue-actions{order:initial;flex-basis:auto;margin-left:auto!important;padding-top:0}
 #tabDesign .work-design-row .design-card-topline{margin-bottom:10px!important}
 #infosGrid .work-info-row .design-items{margin:12px 0 20px}
 #infosGrid .work-info-row .design-item-row{padding:12px;border:1px solid #e2e9df;border-radius:9px;background:#fafcf8;margin-bottom:10px}
}
@media screen and (max-width:768px){
 .work-order-summary{padding:16px;display:grid;gap:12px}
 .work-row-expand{justify-self:end}
 .work-design-body,.work-info-row .support-atendimento-body{padding:16px}
}