/* Visual-only desktop refresh, including small/zoomed desktop viewports.
   Fine-pointer desktops retain the new skin below 769px. Coarse-pointer mobile
   and printed output keep their existing media rules. Existing IDs and roles
   rules are retained. No new framework, font download or data requests. */
@media screen and (min-width:769px), screen and (hover:hover) and (pointer:fine){
  :root{--bg:#f5f7f5;--surface2:#f1f4f1;--border:#dce4dd;--text:#203329;--text2:#405548;--muted:#627467;--danger:#a33e36;--danger-bg:#fff3f1}
  body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
  .topbar{min-height:64px;padding:6px 24px;background:#fffaf0;border-bottom:1px solid #e6e6d9;box-shadow:0 2px 12px #20332905;gap:8px}
  .topbar-left{border-right:1px solid #e3e8df;padding-right:18px;margin-right:0}
  .topbar-logo{color:#2d5a3d}
  .topbar-nav{height:50px;gap:3px}
  .sidebar-nav-item{height:42px;padding:0 13px;border:0;border-radius:10px;font-weight:550;color:#526455}
  .sidebar-nav-item:hover{background:#eaf0e8;color:#254b33}
  .sidebar-nav-item.active{background:#2d5a3d;color:#fff;border-radius:10px;box-shadow:0 2px 6px #2d5a3d18}
  .sidebar-nav-badge{font-family:var(--sans);font-weight:600;padding:4px 6px;background:#b2463c}
  .topbar-right{border-color:#e3e8df;gap:8px;padding-left:12px}
  .topbar-role{font-family:var(--sans);background:#e8f0e7;border-radius:20px;padding:4px 8px}
  .nav-scroll-btn{height:50px;background:#fffaf0;border-radius:8px}
  .nav-scroll-left{background:linear-gradient(90deg,#fffaf0 60%,#fffaf000)}
  .nav-scroll-right{background:linear-gradient(270deg,#fffaf0 60%,#fffaf000)}
  :is(.sync-menu-btn,.btn-upload-csv,.sync-btn,.btn-logout){border-radius:8px!important;font-family:var(--sans);transition:background .15s ease}
  .btn-upload-csv:hover{background:#244a32}
  .sync-dropdown{border-color:#dce4dd;background:#fffaf0;border-radius:12px;box-shadow:0 8px 30px #20332914}
  .screen{max-width:1240px;padding:32px 36px}
  #screenOrders:has(#tabOrders[style*="block"]),#screenOrders:has(#tabDesign[style*="block"]),#screenConf{max-width:1240px}
  .screen-header{gap:10px;margin-bottom:22px;align-items:center}
  :is(.screen-title,.upload-title,.ops-history-head h2){font-family:var(--sans);font-weight:650;letter-spacing:-.55px;line-height:1.3;color:#243e2f}
  .badge{font-family:var(--sans);font-weight:600;border:1px solid #dce4dd;padding:6px 10px;border-radius:20px;line-height:1.2;background:#edf2ed;color:#596d5b}
  .badge.green{background:#edf6ed;border-color:#d4e6d4;color:#315f3d}
  .badge.yellow{background:#fff5df;border-color:#ebdfbf;color:#80611e}
  .badge.red{background:#fff1ee;border-color:#efd6d0;color:#9a4037}
  .filter-badge.active{box-shadow:none;border-width:1px;outline:2px solid #b5cbb8;outline-offset:2px}
  .btn{font-weight:600;border-radius:9px;padding:9px 14px;min-height:36px;box-shadow:none;transition:background .15s,border-color .15s}
  .btn-sm{min-height:30px;padding:6px 10px;}
  .btn-ghost{background:#fff;border:1px solid #dce4dd;color:#405a47}
  .btn-ghost:hover{background:#f0f5ef;border-color:#b3c7b6}
  .btn-danger{background:#fff8f6;border:1px solid #edcfca;color:#9a4037}
  :is(button,[role=button],input,textarea,select,a):focus-visible{outline:3px solid #a3bba8;outline-offset:3px}
  :is(input.form-input,.scan-input,textarea,select){font-family:var(--sans);border-width:1px!important;border-color:#d5e0d7!important;border-radius:9px!important;background:#fff!important;color:#293e30;line-height:1.5}
  .search-input{font-family:var(--sans);min-height:38px;padding:9px 12px;border-radius:9px!important;color:#293e30}
  .search-bar,.scan-bar{border:1px solid #dce4dd;border-radius:13px;box-shadow:0 2px 10px #20332904;padding:14px 18px}
  :is(#designGrid,#atendenteGrid,#infosRecebidasGrid){align-items:start;gap:20px!important}
  .design-card,#tabDesign .design-card{padding:22px;max-height:none;overflow:visible;background:#fff;border:1px solid #dce4dd;border-radius:15px;box-shadow:0 3px 14px #243c2c06;line-height:1.5}
  .design-card.status-missing{border-color:#e7d5d0;background:#fff;box-shadow:inset 3px 0 #c36a5c,0 3px 14px #243c2c06}
  .design-card.status-done{border-color:#d3e3d3;background:#fff;box-shadow:inset 3px 0 #6c9774,0 3px 14px #243c2c06}
  .design-card.status-sent{border-color:#e7dec7!important;background:#fff!important;box-shadow:inset 3px 0 #c3a060,0 3px 14px #243c2c06}
  .design-card-header,#tabDesign .design-card-header{gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #eef1ed}
  .design-order-num,#tabDesign .design-order-num{font-family:var(--sans);font-weight:750;letter-spacing:-.25px;min-width:75px}
  .design-customer,#tabDesign .design-customer{line-height:1.5;font-weight:600}
  .design-items{gap:10px;margin:12px 0}
  .design-item-row{padding:8px 0;gap:10px;border-color:#e9eee8}
  .design-item-name,#tabDesign .design-item-name{line-height:1.65}
  .design-item-qty,#tabDesign .design-item-qty{font-family:var(--sans);border-radius:6px;background:#edf4eb;min-width:28px;padding:4px 7px;text-align:center}
  .design-photos{gap:10px;margin-top:10px}
  .design-photo-wrap{gap:5px;min-width:0}
  .design-photo,#tabDesign .design-photo{width:90px;height:90px;object-fit:contain;border:1px solid #dae4d9;background:#f4f6f2;border-radius:9px;transition:border-color .15s}
  .design-photo:hover{transform:none;border-color:#72947a}
  .design-photo-label{color:#697969;max-width:104px;line-height:1.4}
  .design-photo-wrap>button{border-radius:6px!important;min-height:27px;padding:5px 8px!important;font-family:var(--sans)!important;font-weight:600!important;border-color:#dae4d9!important}
  .design-text-field{border-color:#dfe7df;background:#f2f6ef;border-radius:9px;line-height:1.6;padding:10px 12px;}
  .design-request-alert{background:#fff4ef!important;border:1px solid #efdad0!important;border-radius:9px!important;padding:12px 14px!important;line-height:1.6}
  .design-status-bar,#tabDesign .design-status-bar{border-color:#e8eee5;gap:10px;padding-top:16px;margin-top:16px;flex-wrap:wrap}
  .design-updated{font-family:var(--sans);}
  .order-row,.saved-report-row{border-width:1px;border-radius:13px;box-shadow:0 2px 12px #243c2c04}
  .order-row:hover{transform:none}
  .stat-grid{gap:16px}
  .stat-card{border:1px solid #dce4dd;border-radius:14px;padding:22px;box-shadow:0 3px 14px #243c2c04}
  .stat-label{color:#667868;letter-spacing:.06em}
  .stat-value{font-family:var(--sans);letter-spacing:-1px}
  .report-table{border-collapse:separate;border-spacing:0;border:1px solid #dce4dd;border-radius:12px;overflow:hidden}
  .report-table th{background:#eef3ec;border-bottom:1px solid #dce4dd;padding:13px 16px}
  .report-table td{padding:14px 16px;border-color:#e8eee5}
  .romaneios-grid{gap:18px}
  .romaneio-card{border:1px solid #dce4dd;border-radius:14px;padding:20px;box-shadow:0 3px 14px #243c2c04}
  .romaneio-card h3{font-family:var(--sans);}
  :is(.step,.login-box,.drop-zone){border-width:1px;border-radius:14px;box-shadow:0 3px 14px #243c2c04}
  .drop-zone{border-style:dashed}
  .blumiez-editor-art{background:#f3f7f0;border-color:#d6e3d3;border-radius:12px}
  .blumiez-editor-art code{color:#637363;}
  :is(#opsHistory,#orderNotesDialog,#blumiez-editor-preview-dialog){border-color:#dce4dd;border-radius:16px;box-shadow:0 20px 60px #14271b24}
}
@media screen and (min-width:769px) and (max-width:1180px){
  .topbar{padding:6px 10px;gap:3px}
  .topbar-left{padding-right:8px}
  .topbar-logo{}
  .sidebar-nav-item{padding:0 9px;}
  .topbar-right{gap:5px;padding-left:6px}
  .screen{padding:26px 24px}
}
@media (prefers-reduced-motion:reduce){.design-photo:not(.loaded),.romaneio-photo:not(.loaded),.conf-photo:not(.loaded){animation:none}}

/* Clear target cards: values and thresholds stay unchanged; only presentation. */
@media screen and (min-width:769px), screen and (hover:hover) and (pointer:fine){
  .home-goals-heading{gap:16px;flex-wrap:wrap;margin-bottom:18px!important}
  .home-goals-title{font-family:var(--sans)!important;font-size:22px!important;letter-spacing:-.5px}
  .home-goals-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .home-goals-season{display:inline-flex!important;align-items:center;gap:4px;padding:3px 9px 3px 5px;border:1px solid #e4e7d4;border-radius:20px;background:#f7f8ec;color:#5c704e;font-size:12px;font-weight:600;letter-spacing:0;line-height:1.4}
  .home-goal-christmas{display:block!important;position:absolute;right:12px;bottom:8px;width:95px;height:112px;opacity:.085;pointer-events:none}
  .home-goal-card>.home-goal-label,.home-goal-card>.home-goal-value,.home-goal-card>.home-goal-status,.home-goal-card>.home-goal-track,.home-goal-card>.home-goal-detail{position:relative;z-index:1}
  .home-goals-updated{font-family:var(--sans)!important;font-size:12px!important;color:#647569!important}
  .home-goals-grid{grid-template-columns:1fr 1fr!important;gap:18px!important;align-items:stretch!important}
  .home-goal-card{--goal-color:#527e5e;--goal-tint:#edf5eb;--goal-status:#3d6546;background:#fff!important;border:1px solid #dce5dc!important;border-radius:16px!important;padding:24px 26px!important;box-shadow:0 3px 14px #243c2c05;display:flex;flex-direction:column;min-width:0}
  .home-goal-decoration{display:none}
  .home-goal-label{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;color:#536958!important;font-size:12px!important;letter-spacing:.055em!important;line-height:1.5;margin-bottom:18px!important}
  .home-goal-target{display:inline-flex!important;padding:5px 10px;background:#f3f6f0;border:1px solid #e2e9df;border-radius:7px;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:#566c5a}
  .home-goal-value{font-size:52px!important;letter-spacing:-2px;font-variant-numeric:tabular-nums;color:#2e563c!important;margin-bottom:14px!important}
  .home-goal-value>span{font-size:26px!important;font-weight:500!important;letter-spacing:-.5px;margin-left:5px;color:#748575}
  .home-goal-status{margin-bottom:20px!important}
  .home-goal-status>span{display:inline-flex;align-items:center;font-size:12px!important;line-height:1.4;font-weight:600!important;padding:5px 10px!important;background:var(--goal-tint)!important;color:var(--goal-status)!important;border-radius:7px!important}
  .home-goal-track{height:8px!important;border-radius:8px!important;background:#ecf0e9!important;margin-bottom:10px!important;margin-top:auto;flex-shrink:0}
  .home-goal-fill{background:var(--goal-color)!important;border-radius:8px!important}
  .home-goal-detail{font-size:12px!important;color:#627466!important;line-height:1.5}
  .home-goal-card.goal-below{--goal-color:#ba6a57;--goal-tint:#fcf0e9;--goal-status:#975440}
  .home-goal-card.goal-progress{--goal-color:#b18b45;--goal-tint:#faf3e3;--goal-status:#856a32}
  .home-goal-card.goal-success{--goal-color:#507b57;--goal-tint:#eaf4e7;--goal-status:#365d3d}
  .home-goal-card.goal-exceeded{--goal-color:#ba6a57;--goal-tint:#fcf0e9;--goal-status:#975440}
  .home-goal-resend.goal-exceeded .home-goal-value{color:#a15440!important}
}
@media (prefers-reduced-motion:reduce){.home-goal-fill{transition:none!important}}

/* Home continuation: existing data/actions remain intact; screen-only hooks. */
@media screen and (min-width:769px), screen and (hover:hover) and (pointer:fine){
  .home-history{margin:28px 0!important}
  .home-section-heading{gap:14px;flex-wrap:wrap;margin-bottom:14px!important}
  .home-section-title{font-family:var(--sans)!important;font-size:18px!important;font-weight:650!important;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}
  .home-history-count{font-family:var(--sans);font-size:12px!important;background:#eaf0e6;border:1px solid #dde7d7;border-radius:20px;padding:4px 9px;margin-left:2px!important;letter-spacing:0}
  .home-history-table{border-color:#dce5dc!important;border-radius:15px!important;box-shadow:0 3px 14px #243c2c05}
  .home-history-columns,.home-history-row{grid-template-columns:minmax(160px,1fr) 190px 150px!important;padding:14px 22px!important;gap:20px!important}
  .home-history-columns{background:#edf3eb!important;border-bottom:1px solid #dce5dc!important}
  .home-history-columns>div{font-size:12px!important;font-weight:650!important;letter-spacing:.04em!important;color:#526858!important}
  .home-history-row{min-height:65px;border-color:#edf1e9!important}
  .home-history-row>div:first-child{font-size:14px!important;font-weight:550!important}
  .home-history-row:nth-child(odd){background:#fbfcf9!important}
  .home-history-editable:hover{background:#f0f5ec!important}
  .home-history-editable{box-shadow:inset 3px 0 transparent}
  .home-history-editable:hover{box-shadow:inset 3px 0 #7c9d79}
  .home-history-metric{display:flex;align-items:center;justify-content:center;gap:10px;font-variant-numeric:tabular-nums}
  .home-history-badge{padding:5px 10px!important;font-size:13px!important;min-width:74px;justify-content:center;border-radius:8px!important;white-space:nowrap}
  .home-history-track{display:block!important;width:64px;height:5px;flex-shrink:0;border-radius:5px;overflow:hidden;background:#e7ece3}
  .home-history-track>span{display:block;height:100%;border-radius:5px;opacity:.7}
  .home-sync-card{padding:18px 22px!important;margin-bottom:14px!important;background:#fff!important;border-color:#dce5dc!important;border-radius:14px!important;box-shadow:0 3px 14px #243c2c04;gap:16px!important}
  .home-sync-summary{min-width:240px!important;gap:14px!important}
  .home-sync-summary>div:last-child>div:first-child{font-size:14px!important;font-weight:600!important}
  .home-sync-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e1e9d9;border-radius:12px;background:#f0f5e8;flex-shrink:0}
  .home-sync-custom .home-sync-icon{background:#f0edf6;border-color:#e4dff0}
  :is(#nuvemSyncStatus,#campopersSyncStatus){font-size:12px!important;margin-top:5px!important;line-height:1.5}
  .home-sync-actions{gap:8px!important}
  .home-sync-actions .btn{min-height:36px}
  .home-summary-grid{gap:14px!important;margin:22px 0!important}
  .home-summary-card{padding:20px!important;border-color:#dce5dc!important;border-radius:14px!important;box-shadow:0 3px 14px #243c2c04;gap:10px}
  .home-summary-label{font-size:13px!important;line-height:1.4;margin-bottom:9px!important}
  .home-summary-value{font-size:26px!important;line-height:1.1;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
  .home-summary-icon{width:42px!important;height:42px!important;border-radius:12px!important;flex-shrink:0}
  .home-meta-editor,.home-print-metrics{padding:22px!important;border:1px solid #dce5dc!important;border-radius:14px!important;box-shadow:0 3px 14px #243c2c04}
  .home-meta-editor label{font-size:12px!important;line-height:1.5}
  .home-status-grid{gap:18px!important}
  .home-status-card{border-color:#dce5dc!important;border-radius:14px!important;box-shadow:0 3px 14px #243c2c04}
  .home-status-heading{font-size:13px!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important;background:#edf3eb!important;border-color:#dce5dc!important;padding:16px 22px!important}
  .home-status-row{padding:13px 22px!important;border-color:#edf1e9!important;font-size:14px!important}
  .home-status-row:last-child{border-bottom:0!important}
}
@media screen and (min-width:769px) and (max-width:1000px){
  .home-history-columns,.home-history-row{grid-template-columns:minmax(150px,1fr) 150px 110px!important;gap:12px!important}
  .home-history-track{width:40px}
  .home-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* Home sections: goals first; compact admin editors directly beside the goals. */
@media screen and (min-width:769px), screen and (hover:hover) and (pointer:fine){
 .home-poll-card{background:#fff!important;border:1px solid #dbe5d8!important;border-radius:16px!important;padding:24px!important;box-shadow:0 3px 16px #253b2905}
 .home-poll-eyebrow{display:inline-flex;font-size:12px!important;letter-spacing:.04em!important;color:#526d50!important;background:#f0f5ec;padding:5px 9px;border-radius:7px;margin-bottom:12px!important}
 .home-poll-question{font:600 20px/1.45 var(--sans)!important;color:#294132!important;letter-spacing:-.25px}
 .home-poll-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin-bottom:16px!important}
 .home-poll-option{border:1px solid #dce5d8!important;background:#fafcf8!important;border-radius:10px!important;padding:14px!important;font-size:14px!important;line-height:1.5;min-width:0}
 .home-poll-option:has(input:checked){background:#edf4e8!important;border-color:#72966a!important;color:#2d5235}
 .home-poll-option:focus-within{outline:2px solid #72966a;outline-offset:2px}
 .home-poll-option input{accent-color:#476d43!important;flex-shrink:0}
 .home-poll-comment{border:1px solid #dce5d8!important;padding:12px!important;border-radius:10px!important;font-size:14px!important;line-height:1.6}
 .home-poll-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:6px}
 .home-poll-footer>span{font-size:13px;color:#687665}
 .home-poll-submit{background:#365c40!important;font-size:14px!important;padding:11px 20px!important;border-radius:9px!important}
 .home-poll-manager{border:1px solid #e1e7dc!important;border-radius:14px!important;background:#fbfcf9!important}
}
/* Administrative inputs stay mounted once, with the original saveMeta flow. */
@media screen{
 .home-admin-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px;align-items:start}
 .home-admin-controls .home-settings{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}
 .home-admin-controls .home-settings>summary{cursor:pointer;padding:12px 14px;font-size:14px;font-weight:600;color:var(--green)}
 .home-admin-controls .home-settings>summary>span{float:right;font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}
 .home-admin-controls .home-settings[open]>summary{border-bottom:1px solid var(--border)}
 .home-admin-controls .home-meta-editor{padding:16px!important;border:0!important;margin:0!important;border-radius:0!important;box-shadow:none}
 .home-admin-controls .home-meta-editor>div:nth-child(2){grid-template-columns:1fr 1fr!important;gap:10px!important}
 .home-admin-controls .home-meta-editor>div:nth-child(2)>button{grid-column:1/-1;height:36px!important;justify-self:end}
 .home-admin-controls .home-season-editor{margin-top:12px!important;padding-top:12px!important}
 .home-admin-controls .home-settings summary:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
 .home-notice-editor{padding:16px}
 .home-notice-editor>label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
 .home-notice-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
 .home-notice-actions label{font-size:13px;color:var(--muted)}
 .home-notice-actions select{width:130px}
 .home-notice-actions button{margin-left:auto}
 .home-notice-editor small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}
 .home-revenue-editor{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
 .home-revenue-editor label{display:block;font-size:13px;font-weight:500;line-height:1.5;margin-bottom:8px}
 .home-revenue-editor label:first-child{display:flex;gap:8px;align-items:center}
 .home-revenue-actions{display:flex;align-items:center;gap:8px}
 .home-revenue-actions input{min-width:0;flex:1}
 .home-revenue-editor small{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:var(--muted)}
 .home-meta-editor input[readonly]{background:var(--bg);color:var(--muted)}
 .home-goal-revenue.goal-unavailable{background:var(--surface)!important}
}
@media screen and (max-width:768px){.home-admin-controls{grid-template-columns:minmax(0,1fr)}}
@media screen and (min-width:769px), screen and (hover:hover) and (pointer:fine){
  .home-section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 16px;gap:16px}
  .home-section-heading h2{font:600 22px/1.3 var(--serif);color:var(--text);margin:0}
  .home-section-heading p{font-size:14px;color:var(--muted);margin:6px 0 0}
  .home-production-section{padding-bottom:6px}
  .home-history-section:not(:empty){margin-top:28px}
  .home-team-section{margin-top:24px}
  .home-settings{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:24px;overflow:hidden}
  .home-settings>summary{cursor:pointer;padding:18px 20px;font-size:15px;font-weight:600;color:var(--green)}
  .home-settings[open]>summary{border-bottom:1px solid var(--border)}
  .home-settings .home-meta-editor{border:0!important;margin:0!important;border-radius:0!important}
}
/* Design queue: a clear desktop hierarchy, without changing workflow or print. */
@media screen and (min-width:769px), screen and (hover:hover) and (pointer:fine){
  #tabDesign .design-queue-heading{align-items:flex-start;gap:24px;padding:0 0 22px;flex-wrap:wrap}
  #tabDesign .screen-title{font-size:26px;line-height:1.2}
  #tabDesign .design-queue-description{font-size:14px;color:var(--muted);margin:8px 0 0;line-height:1.5}
  #tabDesign .design-queue-totals{flex-wrap:wrap;justify-content:flex-end}
  #tabDesign .design-queue-totals .badge{font-size:14px;line-height:1.4;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:#fff;box-shadow:0 2px 6px #203d2910}
  #tabDesign .design-queue-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr);gap:14px!important;padding:18px 20px;background:#fff;border:1px solid var(--border);border-radius:16px;margin-bottom:22px!important}
  #tabDesign .design-queue-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  #tabDesign .design-queue-filters button{font-family:inherit;font-size:14px;line-height:1.4;padding:10px 18px;border-radius:9px;border:1px solid transparent;background:#f4f7f3;color:var(--text);font-weight:600}
  #tabDesign .design-queue-filters button.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:none;outline:none}
  #tabDesign #designSearch{width:100%;min-width:0!important;padding:12px 14px!important;font-size:15px!important;border-radius:10px!important;line-height:1.5}
  #tabDesign .design-queue-exact{font-size:13px!important;white-space:normal!important}
  #tabDesign .design-queue-filters button:focus-visible,#tabDesign #designSearch:focus-visible{outline:3px solid #a4c3ad;outline-offset:3px}
  #tabDesign #designGrid{gap:20px!important}
  #tabDesign .design-card{border-radius:16px;box-shadow:0 3px 12px #243d2910}
  #tabDesign .design-card-header{padding:22px;border-bottom:1px solid #e5ece5}
  #tabDesign .design-card-topline{gap:8px!important;margin-bottom:14px!important}
  #tabDesign .design-queue-actions{display:flex;flex-wrap:wrap;gap:7px;order:3;flex-basis:100%;margin-left:0!important;padding-top:10px}
  #tabDesign .design-queue-actions .btn{font-size:13px;min-height:36px;padding:8px 11px;border-radius:9px}
  #tabDesign .design-customer{font-size:16px;font-weight:600}
  #tabDesign .design-card-header>div:not(.design-card-topline):not(.design-customer){font-size:13px!important;line-height:1.5!important}
  #tabDesign .design-items{padding:20px 22px}
}

@media screen and (min-width:769px), screen and (hover:hover) and (pointer:fine){
 .work-board-intro{font-size:14px;color:var(--muted);line-height:1.6;margin:-8px 0 20px}
 .work-board-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:1100px;margin:0 auto 18px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:#fff}
 .work-board-tools>span{font-size:13px;color:var(--muted);margin-right:auto}
 .work-board-tools label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
 .work-board-tools select{font-size:13px;padding:7px 10px;max-width:240px}
 .work-view-switch{display:flex;gap:4px;background:#f3f6f1;border-radius:9px;padding:3px}
 .work-view-switch button[aria-pressed=true]{background:#2d5a3d;border-color:#2d5a3d;color:#fff}
 :is(#tabAtendente,#tabInfosrestantes)>.screen-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px!important}
 :is(#tabAtendente,#tabInfosrestantes)>.screen-header .screen-title{font-size:26px;margin-right:auto}
 :is(#tabAtendente,#tabInfosrestantes) .search-input{font-size:14px!important;max-width:340px!important}
 #atendBadge[aria-pressed=true],#atendSentBadge[aria-pressed=true]{opacity:1!important;outline:2px solid #b5cbb8;outline-offset:2px}
 #atendBadge[aria-pressed=false],#atendSentBadge[aria-pressed=false]{opacity:.8!important;outline:none!important}
 .work-next-step{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #e0e7dd;border-radius:8px;margin:12px 0;background:#f8faf5;font-size:13px;line-height:1.5;flex-wrap:wrap}
 .work-next-step>span{font-size:12px;color:#627467}
 .work-next-step strong{font-weight:600;color:#3f5e46}
 .work-next-step.warn{background:#fff9ed;border-color:#eddfc1}
 .work-next-step.danger{background:#fff5f1;border-color:#eed7cf}
 .work-next-step.review{background:#f0f7f0;border-color:#d6e6d6}
 #ordersGrid .order-row{padding:20px 22px;position:relative}
 #ordersGrid .order-num{font-size:20px}
 #ordersGrid .order-customer{font-size:16px;font-weight:600}
 #ordersGrid .ops-order-products{font-size:14px;line-height:1.6;margin-top:10px;color:#405548}
 #ordersGrid .ops-stages{margin-top:10px}
 #ordersGrid .work-next-step{display:inline-flex;margin:10px 12px 0 0}
 #ordersGrid [data-order-notes]{font-size:13px;vertical-align:top;display:inline-flex;align-items:center;margin-top:10px!important}
 #screenConf .conf-header{padding:22px 24px;border-color:#dce4dd;border-radius:15px}
 #screenConf .conf-actions{gap:8px;flex-wrap:wrap}
 #tabDesign .design-queue-toolbar{margin-bottom:14px!important}
 #tabDesign .design-card .support-handoff{margin:12px 0 0}
}
@media screen and (max-width:768px){
 .work-board-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
 .work-board-tools label{display:flex;gap:6px;align-items:center;font-size:13px}
 .work-board-tools>span{width:100%;font-size:13px}
 .work-next-step{font-size:13px;margin:8px 0}
 .work-next-step>span{margin-right:6px;color:var(--muted)}
}

/* Compact desktop geometry: preserve the modern skin without forcing wide grids. */
@media screen and (max-width:768px) and (hover:hover) and (pointer:fine){
 .topbar{padding:6px 12px;gap:6px}
 .topbar-left{padding-right:8px}
 .topbar-right{padding-left:4px;gap:5px}
 .sidebar-nav-item{padding:0 10px}
 .screen{padding:24px 20px;min-width:0}
 .screen-header{flex-wrap:wrap}
 .scan-bar,.search-bar{flex-wrap:wrap;gap:10px;padding:14px}
 .scan-input{min-width:0;flex:1 1 180px;font-size:15px}
 .scan-bar .btn{white-space:nowrap;flex-shrink:0}
 .home-history-columns,.home-history-row{grid-template-columns:minmax(110px,1fr) minmax(85px,1fr) minmax(85px,1fr)!important;gap:10px!important;padding:12px!important}
 .home-history-track{display:none!important}
 .home-sync-card,.home-sync-actions{flex-wrap:wrap}
 .home-sync-summary{min-width:0!important}
 .home-goal-card{padding:20px!important}
 .home-summary-grid,.home-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .romaneios-grid{grid-template-columns:minmax(0,1fr)}
 :is(#designGrid,#atendenteGrid,#infosGrid){grid-template-columns:minmax(0,1fr)!important}
}
@media screen and (max-width:540px) and (hover:hover) and (pointer:fine){
 .screen{padding:20px 12px}
 .home-goals-grid,.home-poll-options,.home-summary-grid,.home-status-grid{grid-template-columns:minmax(0,1fr)!important}
 .scan-bar label{flex-basis:100%}
 .scan-input{flex-basis:100%}
 .topbar-left{padding-right:4px;border-right:0}
}