/* Kaio Eletro Control v0.2.2 — recebimento automático de aparelhos */
.device-intake-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.device-intake-card{display:grid;gap:7px;border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;color:var(--text)}
.device-intake-card:hover{border-color:#9fb9ed;background:var(--primary-soft)}
.device-intake-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--primary-soft);color:var(--primary);font-weight:900}
.device-intake-card strong{font-size:17px}.device-intake-card small{color:var(--muted);line-height:1.5}
.device-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.device-summary-grid article{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff;display:grid;gap:4px}
.device-summary-grid span{font-size:12px;color:var(--muted)}.device-summary-grid strong{font-size:24px}
.device-name small,.device-identity small{display:block;color:var(--muted);margin-top:4px}
.device-stage{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eef3ff;color:var(--primary);font-size:12px;font-weight:750}
.device-stage.demo{background:#eaf8f0;color:var(--green)}.device-stage.inspection{background:#fff7e8;color:#9a6700}.device-stage.homologation{background:#f3efff;color:#6941c6}
.device-stage.restricted{background:#fff0f0;color:#b42318}.identity-warning{display:inline-flex;margin-top:5px;color:#b54708;font-size:12px;font-weight:700}
.device-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.device-flow article{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff;display:grid;gap:4px}
.device-flow b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--primary-soft);color:var(--primary)}
.device-flow strong{font-size:14px}.device-flow small{color:var(--muted);line-height:1.4}
.pairing-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}
.qr-panel{text-align:center}.qr-panel canvas{display:block;max-width:100%;height:auto;margin:12px auto;border:1px solid var(--line);border-radius:14px}
.pairing-code{font-size:30px;letter-spacing:.16em;color:var(--primary);font-weight:900}
.token-box{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-all;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px}
.enrollment-status{display:flex;align-items:center;gap:10px;border-radius:13px;padding:12px 14px;background:#fff7e8;color:#7a4b00;font-weight:700}
.enrollment-status:before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor;animation:kecPulse 1.4s infinite}
.enrollment-status.success{background:#eaf8f0;color:var(--green)}
@keyframes kecPulse{50%{opacity:.3}}
.tech-readonly{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tech-readonly article{border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafc;min-width:0}
.tech-readonly span{display:block;color:var(--muted);font-size:11px}.tech-readonly strong{display:block;margin-top:4px;overflow-wrap:anywhere}
.homologation-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.homologation-checks label{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}
.homologation-checks input{margin-top:3px}
.method-note{border-left:4px solid var(--primary);padding:12px 14px;background:var(--primary-soft);border-radius:0 12px 12px 0;line-height:1.55}
@media(max-width:850px){.device-summary-grid,.device-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.pairing-layout{grid-template-columns:1fr}.tech-readonly{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.device-intake-actions,.device-summary-grid,.device-flow,.tech-readonly,.homologation-checks{grid-template-columns:1fr}.pairing-code{font-size:24px}.route-devices .table-wrap table,.route-devices .table-wrap tbody,.route-devices .table-wrap tr,.route-devices .table-wrap td{display:block}.route-devices .table-wrap thead{display:none}.route-devices .table-wrap tr{padding:13px;border-bottom:1px solid var(--line)}.route-devices .table-wrap td{padding:5px 0;border:0}.route-devices .table-wrap td:before{content:attr(data-label);display:block;color:var(--muted);font-size:11px}}
.inspection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.inspection-item{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}
.inspection-item>span{font-weight:750;color:var(--text)}
.demo-ready-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:#b7e4c7;background:#f4fbf7}
.demo-ready-panel h2{margin:0 0 4px}.demo-ready-panel p{margin:0;color:var(--muted)}
.device-intake-card{margin:0}.device-intake-card .button{margin-top:4px;width:100%}
.device-intake-card button{font:inherit}
.route-device_enrollment .form-actions form,.route-device_homologation .demo-ready-panel form{margin:0}
.route-devices .search{display:grid;grid-template-columns:minmax(210px,1fr) minmax(180px,.55fr) auto;gap:8px;flex:1}
.route-devices .search select{min-width:0}
@media(max-width:850px){.inspection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-ready-panel{align-items:stretch;flex-direction:column}.demo-ready-panel .button{width:100%}.route-devices .search{grid-template-columns:1fr 1fr}.route-devices .search .button{grid-column:1/-1}}
@media(max-width:600px){.inspection-grid,.route-devices .search{grid-template-columns:1fr}.route-devices .search .button{grid-column:auto}.device-intake-card{padding:14px}.pairing-layout .form-actions{display:grid}.pairing-layout .form-actions>*{width:100%}.pairing-layout .form-actions .button{width:100%}}

/* Correção R1: cartões de aparelhos sem largura mínima no celular. */
@media(max-width:600px){
  .route-devices .table-wrap{overflow:visible;max-width:100%}
  .route-devices .table-wrap table{min-width:0!important;width:100%!important;max-width:100%;table-layout:fixed}
  .route-devices .table-wrap tbody,
  .route-devices .table-wrap tr,
  .route-devices .table-wrap td{width:100%!important;max-width:100%;box-sizing:border-box}
  .route-devices .table-wrap td,
  .route-devices .table-wrap td *{overflow-wrap:anywhere;word-break:break-word;min-width:0}
}


/* v0.2.4 R3 — apresentação amigável ao cliente */
.panel-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.customer-showcase{max-width:980px;margin:0 auto;display:grid;gap:16px}
.customer-showcase-head{border-radius:24px;padding:26px;background:linear-gradient(135deg,#071f42,#0d4f9b);color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;box-shadow:0 18px 48px rgba(7,31,66,.2)}
.customer-showcase-head span{font-size:12px;letter-spacing:.08em;color:#cfe2ff;font-weight:800}
.customer-showcase-head h1{font-size:clamp(30px,5vw,48px);line-height:1.05;margin:8px 0 10px;color:#fff}
.customer-showcase-head p{margin:0;color:#e4efff;font-size:16px}
.customer-approval{border-radius:999px;padding:10px 14px;font-size:13px;white-space:nowrap}
.customer-approval.approved{background:#dff8e9;color:#08643b}.customer-approval.preparing{background:#e7f1ff;color:#164e87}
.customer-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.customer-spec-grid article,.customer-message-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.customer-spec-grid span,.customer-message-card>span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}
.customer-spec-grid strong{display:block;margin-top:7px;font-size:25px;color:#0f2745}
.customer-message-card strong{display:block;margin-top:8px;font-size:21px;color:#0f2745}.customer-message-card p{margin:7px 0 0;color:#4b6078}.customer-message-card ul{margin:10px 0 0;padding-left:20px;columns:2}.customer-message-card li{margin:5px 0;color:#324a62}
.customer-showcase-footer{border-top:1px solid var(--line);padding:18px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px}.customer-showcase-footer div{display:grid;gap:3px}.customer-showcase-footer span{color:var(--muted);font-size:13px}
@media(max-width:760px){.customer-showcase-head{display:grid}.customer-approval{width:max-content}.customer-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-message-card ul{columns:1}.customer-showcase-footer{align-items:stretch;flex-direction:column}.panel-head-actions{justify-content:flex-start}}
@media(max-width:440px){.customer-spec-grid{grid-template-columns:1fr}.customer-showcase-head{padding:20px}.customer-spec-grid strong{font-size:22px}}
