/* v2.3: dashboard mais limpa, compacta e responsiva. */
:root{
  --gold:#f5b900;
  --gold-soft:#7b5d00;
  --surface:#060606;
  --surface-2:#0b0b0b;
  --line:#272727;
  --muted:#969696;
}
body{background:#000!important}
.main{padding:0 22px 18px!important}
.topbar{height:72px!important;border-bottom:1px solid #161616;margin-bottom:14px}
.title-wrap{gap:14px!important}
.hamb{width:42px;height:42px;border:1px solid #292929!important;border-radius:8px!important;cursor:pointer}
.topbar h1{font-size:21px!important;letter-spacing:.02em}
.page-subtitle{display:block;color:#777;font-size:11px;margin-top:3px}
.agent-chip{height:46px!important;min-width:225px!important;border-color:#262626!important;background:#050505!important;grid-template-columns:minmax(0,1fr) 12px!important}
.agent-chip b{font-size:11px!important}.agent-chip span{color:#aaa}
.topbar,.view,footer{width:100%;max-width:1600px!important;margin-left:auto!important;margin-right:auto!important}

.panel{border-color:#292929!important;border-radius:10px!important;background:#050505!important}
.panel-title{font-size:14px!important;letter-spacing:.035em}
.panel-title::before{height:15px!important}
.panel-head p,.composer-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
.composer-panel{padding:18px!important;border-color:#5c4800!important}
.composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.ready-chip{font-size:10px;font-weight:800;color:#32d760;border:1px solid #185f2c;background:#06180b;border-radius:20px;padding:7px 10px;white-space:nowrap}
.composer-panel textarea{display:block;width:100%;height:92px;margin:14px 0 0;padding:14px 15px;resize:vertical;background:#000!important;border:1px solid #323232;border-radius:8px;color:#fff;outline:none;line-height:1.45}
.composer-panel textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #f5b9001a}
.composer-actions{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(145px,.65fr) minmax(120px,.5fr) 112px minmax(185px,.8fr);gap:10px;align-items:end;margin-top:12px}
.composer-actions label{display:block;color:#aaa;font-size:10px;font-weight:700;margin-bottom:5px}
.composer-actions select{width:100%;height:42px;border:1px solid #333;border-radius:7px;background:#000!important;color:#eee;padding:0 10px}
.composer-actions button{height:42px!important}
.composer-actions .transmit-btn{font-size:14px!important;letter-spacing:.025em}
button:disabled{opacity:.55;cursor:wait!important}

.priority-panel{margin-top:12px;padding:16px!important}
.quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
.quick-card{min-height:76px!important;padding:11px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important;border-color:#292929!important;transition:border-color .15s,transform .15s}
.quick-card:hover{border-color:var(--gold)!important;transform:translateY(-1px)}
.quick-card .ico{font-size:21px!important}
.quick-card b{font-size:11px!important;line-height:1.25}
.quick-card span span{font-size:10px!important;line-height:1.25}

.dashboard-lower{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:12px;margin-top:12px}
.dashboard-lower .panel{min-width:0;padding:15px!important}
.dashboard-lower .schedule-panel,.dashboard-lower .history-panel{grid-column:auto!important;grid-row:auto!important;height:100%}
.schedule-row{grid-template-columns:55px minmax(0,1fr) 55px 36px!important;padding:9px 2px!important}
.text-btn{border:0;background:transparent!important;color:var(--gold);font-size:10px;font-weight:800;cursor:pointer;padding:7px}
.dashboard-lower table{min-width:530px}
.dashboard-lower th{font-size:10px;padding:9px!important}
.dashboard-lower td{font-size:11px;padding:9px!important}

.settings-page>p{color:var(--muted)}
.settings-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.settings-card{border:1px solid #292929;border-radius:9px;background:#000;padding:16px}
.settings-card h3{margin:0 0 13px;color:var(--gold);font-size:12px;letter-spacing:.06em}
.settings-card label{display:flex;justify-content:space-between;color:#aaa;font-size:10px;font-weight:700;margin:12px 0 5px}
.settings-card select,.settings-card input[type="number"],.settings-card input:not([type]){width:100%;height:41px;border:1px solid #333;border-radius:7px;background:#050505!important;color:#eee;padding:0 10px}
.settings-card .range-row{grid-template-columns:24px 1fr!important;padding:9px!important}
.delay-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.settings-save{display:block;min-width:300px;margin:15px 0 0 auto}
.page-panel{padding:18px!important}
footer{padding:20px 0 4px!important}

@media(max-width:1180px){
  .composer-actions{grid-template-columns:1.2fr .7fr .6fr 110px}
  .composer-actions .transmit-btn{grid-column:1/-1}
  .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dashboard-lower{grid-template-columns:1fr}
  .dashboard-lower .schedule-panel,.dashboard-lower .history-panel{grid-column:1!important}
}
@media(max-width:760px){
  .main{padding:0 10px 12px!important}
  .topbar{margin-bottom:10px}
  .page-subtitle,.clock{display:none!important}
  .agent-chip{min-width:165px!important;width:165px!important}
  .composer-head{display:block}
  .ready-chip{display:inline-block;margin-top:10px}
  .composer-actions{grid-template-columns:1fr 1fr}
  .voice-control{grid-column:1/-1}
  .composer-actions .transmit-btn{grid-column:auto}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .settings-sections{grid-template-columns:1fr}
  .settings-save{width:100%;min-width:0}
}
@media(max-width:480px){
  .main{padding:0 7px 10px!important}
  .topbar h1{font-size:16px!important}
  .hamb{width:38px;height:38px}
  .agent-chip{width:132px!important;min-width:132px!important}
  .agent-chip span{display:none}
  .composer-panel,.priority-panel,.dashboard-lower .panel,.page-panel{padding:12px!important}
  .composer-panel textarea{height:110px}
  .composer-actions{grid-template-columns:1fr}
  .voice-control,.composer-actions .transmit-btn{grid-column:1}
  .composer-actions button{width:100%}
  .quick-grid{grid-template-columns:1fr!important}
  .quick-card{min-height:66px!important}
  .panel-head{align-items:flex-start!important}
  .panel-head .small{width:auto!important}
  .delay-grid{grid-template-columns:1fr}
}