/* Valora 3D v0.148 — Hodômetro opcional das impressoras */
.machine-settings-card{padding:11px 0;border-bottom:1px solid var(--border)}
.machine-settings-head{display:flex;align-items:flex-start;gap:10px}
.machine-settings-main{flex:1;min-width:0}
.machine-settings-actions{display:flex;gap:5px;flex-shrink:0;align-items:center}
.machine-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}
.machine-usage-stat{min-width:0;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:7px 8px;display:flex;flex-direction:column;gap:2px}
.machine-usage-stat small{font-size:9px;line-height:1.2;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.machine-usage-stat b{font-size:11px;line-height:1.25;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.machine-usage-life{margin-top:7px;height:4px;background:var(--surface2);border-radius:999px;overflow:hidden}
.machine-usage-life>i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width .25s ease}
.machine-maint-btn{padding:5px 8px!important;flex:none!important;white-space:nowrap}
@media(min-width:720px){.machine-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){
  .machine-settings-head{gap:7px}
  .machine-settings-actions{gap:4px}
  .machine-settings-actions .btn-sm{padding:5px 7px!important}
  .machine-usage-grid{gap:5px}
  .machine-usage-stat{padding:6px 7px}
  .machine-usage-stat b{font-size:10px}
}

.machine-usage-setting{margin-bottom:11px}
.machine-usage-setting .toggle-field{margin-bottom:5px;gap:12px}
.machine-usage-setting-copy{min-width:0;flex:1}
.machine-usage-setting-copy .toggle-label{justify-content:flex-start;flex-wrap:wrap}
.machine-usage-setting-desc{font-size:10px;color:var(--text3);line-height:1.45;margin-top:3px;padding-right:4px}
.machine-usage-state{font-size:9px;padding:2px 6px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text3);font-weight:800;text-transform:uppercase;letter-spacing:.03em}
#tog-machineUsage.active .machine-usage-state{background:rgba(57,211,83,.10);border-color:rgba(57,211,83,.28);color:var(--green)}
.machine-usage-mode-hint{font-size:10px;color:var(--text3);line-height:1.45;padding:0 2px 4px}
.machine-usage-off{margin-top:9px;padding:9px 10px;border:1px dashed var(--border);background:var(--surface2);border-radius:9px;display:flex;flex-direction:column;gap:3px}
.machine-usage-off span{font-size:10px;font-weight:800;color:var(--text2)}
.machine-usage-off small{font-size:9px;line-height:1.4;color:var(--text3)}
.machine-usage-footer{display:flex;justify-content:flex-end;margin-top:7px}
.machine-reset-btn{appearance:none;border:1px solid var(--border);background:transparent;color:var(--text3);border-radius:8px;padding:6px 8px;font-family:'DM Sans',sans-serif;font-size:9px;font-weight:700;cursor:pointer;transition:.15s ease}
.machine-reset-btn:hover{border-color:var(--red);color:var(--red);background:rgba(239,83,80,.06)}
.machine-reset-btn:active{transform:scale(.97)}
@media(max-width:420px){
  .machine-usage-setting .toggle-field{align-items:flex-start}
  .machine-usage-setting .toggle-switch{margin-top:2px}
  .machine-usage-setting-copy .toggle-label{font-size:12px}
  .machine-usage-footer{justify-content:stretch}
  .machine-reset-btn{width:100%;padding:7px 8px}
}
