.config-shell{padding-block:64px 80px;min-height:calc(100vh - 180px)}
.config-shell .login{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;min-height:490px}
.config-shell .intro h1{font-size:clamp(2.3rem,4vw,4rem);margin:18px 0 24px;color:#f4faff}
.config-shell .intro>p,.config-shell .legal p{color:#9cb8cb}
.config-shell .legal{border-left:2px solid #23e4f8;padding:8px 0 8px 20px;margin-top:36px;max-width:530px;font-size:.9rem}
.config-shell .legal b{color:#81eafa}.config-shell .legal p{margin-bottom:0}
.config-shell .panel,.device-summary,.playlist-workspace,.modal-card{background:#082239;border:1px solid rgba(79,191,245,.28);border-radius:20px;padding:30px}
.config-shell label,.modal-card label{display:grid;gap:10px;margin-bottom:20px;color:#c8e3f2;font-weight:600;font-size:.92rem}
.config-shell input,.config-shell select,.modal-card input,.modal-card select,.language-switch select{width:100%;min-height:48px;padding:12px 14px;border:1px solid #245679;border-radius:10px;background:#031426;color:#f4faff;outline:none;font:inherit}
.config-shell input:focus,.modal-card input:focus,.modal-card select:focus{border-color:#23e4f8;box-shadow:0 0 0 3px #23e4f822}
.language-switch select{width:auto;min-height:38px;padding:8px 12px;font-size:.8rem}
.config-shell button,.modal-card button{border:1px solid #23e4f8;border-radius:10px;background:linear-gradient(120deg,#0aa8df,#117bfa);padding:13px 18px;color:#fff;font-weight:700;min-height:46px;cursor:pointer}
.config-shell button:hover,.modal-card button:hover{filter:brightness(1.15)}
.config-shell button:focus-visible,.modal-card button:focus-visible{outline:3px solid #81eafa;outline-offset:3px}
.config-shell button.secondary,.config-shell button.copy-device,.modal-card #close{background:#0a2c45;border-color:#245679}
.login-panel #enter{width:100%;margin-top:8px}.field-note{display:block;color:#9cb8cb;font-size:.8rem;margin-top:16px;line-height:1.6}
.msg{font-size:.9rem;color:#ffb3b3;line-height:1.6;margin-top:16px;overflow-wrap:anywhere}.msg:empty{display:none}
.dash-shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}
.device-summary-head,.device-id-row,.workspace-head,.card-top,.modal-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.device-id-title{font-size:1.1rem;letter-spacing:0;overflow-wrap:anywhere}.compact-btn,.copy-device{font-size:.75rem!important;padding:8px 12px!important;min-height:34px!important}
.device-state{display:inline-block;border-radius:8px;background:#0b4161;color:#81eafa;padding:8px 12px;font-size:.8rem;font-weight:700}
.device-state.active{background:#103d3a;color:#76efbc}.device-state.trial{background:#173d59;color:#81eafa}.device-state.expired,.device-state.blocked{background:#482939;color:#ffb3b3}
.summary-section{margin-top:24px;padding-top:20px;border-top:1px solid #1d4563}.summary-section-title{font-size:.7rem;font-weight:800;letter-spacing:.13em;color:#81eafa}
.device-meta{display:grid;gap:15px;margin-top:18px}.device-meta>div{display:flex;justify-content:space-between;gap:18px;font-size:.8rem}.device-meta span{color:#9cb8cb}.device-meta strong{text-align:right;overflow-wrap:anywhere}
.device-support-card{margin-top:24px;padding-top:20px;border-top:1px solid #1d4563;font-size:.86rem}.device-support-card p{color:#9cb8cb}.device-support-card a{color:#23e4f8}
.workspace-head{align-items:flex-start;margin-bottom:28px}.workspace-head h1{font-size:2rem;margin:12px 0}.workspace-head p{color:#9cb8cb;font-size:.9rem;margin-bottom:0}.counter{flex:none;display:grid;gap:8px;font-size:.75rem;color:#9cb8cb}.counter b{display:block;color:#81eafa;font-size:1rem}.counter span{display:block}
.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.slots .card{padding:22px;background:#0a2c45;border:1px solid #245679;border-radius:14px;min-width:0}.card h3{margin:12px 0;font-size:1.1rem;overflow-wrap:anywhere}.card p{color:#9cb8cb;overflow-wrap:anywhere;font-size:.85rem}.card .eyebrow{font-size:.65rem}.tag{font-size:.65rem;letter-spacing:0}.actions{display:flex;flex-wrap:wrap;gap:10px}.card button{padding:9px 13px;min-height:38px;font-size:.8rem}.card .danger{background:#0a2c45;border-color:#47718d;color:#c8e3f2}.empty{border-style:dashed!important}
.license-box{margin-top:20px;padding:16px;border-radius:10px;background:#0a2c45;font-size:.8rem;border:1px solid #245679}.license-box strong,.license-kicker{display:block}.license-box strong{margin-top:10px}.license-box p{color:#9cb8cb}.license-box a{display:inline-block;color:#23e4f8;margin-top:12px}
.modal{position:fixed;inset:0;z-index:100;background:#020c19d9;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;backdrop-filter:blur(8px)}.modal-card{width:min(580px,100%);max-height:90vh;overflow-y:auto}.modal-head{margin-bottom:24px}.modal-head h2{font-size:1.5rem;margin:0}.modal-head #close{padding:6px 12px;min-height:34px;font-size:1.4rem}.connection-tabs{display:flex;gap:10px;margin-bottom:24px}.connection-tabs button{flex:1;background:#0a2c45}.connection-tabs button[aria-selected=true]{background:#0c5478;border-color:#23e4f8}.modal-card #save{width:100%}.legal-links{display:flex;gap:24px;font-size:.85rem;color:#9cb8cb}
@media(max-width:1000px){.dash-shell{grid-template-columns:290px minmax(0,1fr)}.slots{grid-template-columns:1fr}.config-shell .login{gap:32px}.workspace-head{flex-direction:column}}
@media(max-width:680px){.config-shell{padding-block:40px}.config-shell .login{grid-template-columns:1fr;gap:28px;min-height:0}.config-shell .intro h1{font-size:2.35rem}.config-shell .legal{margin-top:24px}.dash-shell{grid-template-columns:1fr}.config-shell .panel,.device-summary,.playlist-workspace,.modal-card{padding:22px}.slots{grid-template-columns:1fr}.workspace-head h1{font-size:1.8rem}.legal-links{gap:16px;flex-wrap:wrap}.modal{padding:16px}.device-id-title{font-size:1rem}.nav-links .language-switch{padding:12px}.connection-tabs button{padding:12px 8px;font-size:.8rem}}

/* Zynex Player — correção do modal Adicionar/Editar Lista.
 * ANEXAR AO FINAL do config.css original.
 * Não substitua styles.css ou config.css por este trecho. */
#modal.modal{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  max-width:none !important;
  height:100vh !important;
  height:100dvh !important;
  margin:0 !important;
  padding:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:10000 !important;
  overflow:auto !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
  background:rgba(2,12,25,.78) !important;
  backdrop-filter:blur(5px);
}
#modal.modal.hidden{display:none !important}
#modal.modal > .modal-card{
  position:relative !important;
  inset:auto !important;
  float:none !important;
  transform:none !important;
  flex:0 1 400px !important;
  width:100% !important;
  max-width:400px !important;
  min-width:0 !important;
  max-height:calc(100dvh - 32px) !important;
  margin:auto !important;
  padding:22px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
  background:#082239;
  border:1px solid rgba(79,191,245,.35);
  border-radius:18px;
  box-shadow:0 18px 60px rgba(0,0,0,.45);
}
#modal .modal-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px;
  margin-bottom:16px !important;
}
#modal .modal-head h2{
  margin:0 !important;
  font-size:1.25rem !important;
  line-height:1.25;
}
#modal .modal-head #close{
  width:36px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center;
  flex-shrink:0;
}
#modal .connection-tabs{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px !important;
  margin-bottom:16px !important;
}
#modal .connection-tabs button{
  min-width:0;
  width:100%;
  min-height:40px !important;
  padding:8px 6px !important;
  font-size:.82rem !important;
}
#modal .modal-card label{
  display:grid;
  gap:7px !important;
  margin-bottom:13px !important;
  font-size:.86rem;
}
#modal .modal-card input,
#modal .modal-card select,
#modal .modal-card textarea{
  width:100% !important;
  max-width:100% !important;
  min-height:42px !important;
  padding:9px 12px !important;
  box-sizing:border-box;
}
#modal .modal-card #save{
  width:100% !important;
  min-height:44px !important;
  margin-top:8px;
}
@media(max-width:480px){
  #modal.modal{padding:12px !important}
  #modal.modal > .modal-card{
    width:100% !important;
    max-width:100% !important;
    max-height:calc(100dvh - 24px) !important;
    padding:17px !important;
  }
  #modal .modal-head h2{font-size:1.12rem !important}
}

/* Compact, matching device and playlist panels. */
.config-shell{padding-block:32px 36px;min-height:0}.config-shell .login{min-height:0;gap:32px;padding:20px 0}.config-shell .intro h1{font-size:clamp(2rem,3.6vw,3.2rem);margin:12px 0 16px}.config-shell .legal{margin-top:20px}.dash-shell{align-items:stretch!important}.device-summary,.playlist-workspace{align-self:stretch!important;margin:0!important;min-height:0!important}.device-summary{padding:24px!important}.device-summary .summary-section{margin-top:18px;padding-top:18px}.device-summary .summary-section-title,.device-support-card,#licenseBox,.device-summary .summary-section:nth-of-type(3){display:none!important}.device-meta>div:has(#deviceVersion),.device-meta>div:has(#deviceDays),.device-meta>div:has(#deviceColor),.device-meta>div:has(#deviceListCount){display:none!important}.device-meta{gap:12px!important}.device-summary .device-id-title{font-size:1rem!important}.config-shell .workspace-head p{margin-bottom:0}.config-shell .intro p{font-size:.95rem}@media(max-width:680px){.config-shell{padding-block:24px 28px}.config-shell .login{gap:18px;padding:0}.config-shell .intro h1{font-size:2rem;margin:10px 0}.config-shell .legal{display:none}.config-shell .login-panel .field-note{display:none}.config-shell .login-panel{margin:0}.device-summary{padding:20px!important}.device-summary .summary-section{margin-top:12px;padding-top:12px}.device-meta{display:grid!important;grid-template-columns:1fr 1fr!important}.device-meta>div{display:flex;flex-direction:column;gap:5px;align-items:flex-start!important}.device-summary .summary-section:nth-of-type(2){margin-top:12px;padding-top:12px}.playlist-workspace{padding:20px!important}.workspace-head h1{font-size:1.65rem}.workspace-head>div>p{display:none}.device-summary .device-id-title{font-size:.95rem!important}}
.whatsapp-support{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:50px;background:#188747;color:white;text-decoration:none}.whatsapp-support svg{width:28px;height:28px}@media(max-width:680px){.whatsapp-support span{display:none}}
.device-meta>div:has(#deviceVersion),.device-meta>div:has(#deviceDays),.device-meta>div:has(#deviceListCount){display:flex!important}.device-summary .summary-section:nth-of-type(3){display:block!important}.device-summary .summary-section-title{display:block!important;font-size:.7rem;margin-bottom:12px}.device-summary .summary-section{margin-top:16px;padding-top:16px}.config-guide{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.config-guide h2{font-size:1.25rem;margin:0 0 20px}.config-guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.config-guide-steps article span{display:block;color:var(--cyan);font-weight:800;margin-bottom:10px}.config-guide-steps article strong{font-size:.95rem}.config-guide-steps article p{color:var(--muted);font-size:.87rem;line-height:1.6;margin:8px 0 0}.config-shell:has(#dashboard:not(.hidden)) .config-guide{display:none}.footer{padding-top:32px}.footer-top{padding-bottom:24px;gap:30px}.footer-bottom{padding-block:18px}.config-shell{padding-block:28px 32px}.whatsapp-support,.whatsapp-float{background:#25d366!important;color:#073b1c!important;border-color:#25d366!important}.whatsapp-support:hover,.whatsapp-float:hover{background:#20bd5a!important}@media(max-width:680px){.config-guide{margin-top:24px}.config-guide-steps{grid-template-columns:1fr;gap:18px}.config-guide-steps article span{float:left;margin:0 14px 30px 0}.config-guide-steps article p{margin-left:36px}.device-summary .summary-section{margin-top:12px;padding-top:12px}.device-summary .summary-section-title{margin-bottom:8px}.footer-top{gap:22px}.footer{padding-top:26px}}

body{min-height:100dvh;display:flex;flex-direction:column}body>.header{flex-shrink:0}.config-shell{flex:1}.footer{margin-top:auto}