/* PABX PRIME - CONFIGURACOES > GRAVACOES DASHBOARD V2
 * Escopo integralmente isolado em .pabx-rec2.
 * Nao altera topbar, sidebar, CDR ou outros modulos.
 */

.pabx-rec2{--r2-bg:#f6f8fb;--r2-card:#fff;--r2-border:#e5eaf1;--r2-text:#172033;--r2-muted:#667085;--r2-blue:#1677ff;--r2-green:#16a34a;--r2-amber:#d97706;--r2-red:#dc2626;color:var(--r2-text)}
.pabx-rec2 *{box-sizing:border-box}
.pabx-rec2 button,.pabx-rec2 input,.pabx-rec2 select{font:inherit}
.pabx-rec2 .r2-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.pabx-rec2 .r2-head h2{margin:0 0 5px;font-size:24px;line-height:1.2;color:var(--r2-text)}
.pabx-rec2 .r2-head p{margin:0;color:var(--r2-muted);font-size:13px}
.pabx-rec2 .r2-refresh{white-space:nowrap}

.pabx-rec2 .r2-summary{display:grid;grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:16px}
.pabx-rec2 .r2-status-strip,.pabx-rec2 .r2-kpi{background:var(--r2-card);border:1px solid var(--r2-border);border-radius:12px;min-height:92px}
.pabx-rec2 .r2-status-strip{display:flex;align-items:center;padding:14px 16px}
.pabx-rec2 .r2-status-segment{flex:1;min-width:0;border:0;background:transparent;padding:7px 10px;cursor:pointer;text-align:left;color:var(--r2-text);border-radius:8px}
.pabx-rec2 .r2-status-segment:hover,.pabx-rec2 .r2-status-segment.active{background:#f1f6ff}
.pabx-rec2 .r2-status-segment span{display:block;font-size:11px;color:var(--r2-muted);white-space:nowrap}
.pabx-rec2 .r2-status-segment strong{display:block;font-size:24px;line-height:1.15;margin-top:4px}
.pabx-rec2 .r2-status-segment[data-status="attention"] strong{color:var(--r2-amber)}
.pabx-rec2 .r2-status-segment[data-status="critical"] strong{color:var(--r2-red)}
.pabx-rec2 .r2-divider{width:1px;height:42px;background:var(--r2-border);flex:0 0 1px}

.pabx-rec2 .r2-kpi{padding:14px 15px}
.pabx-rec2 .r2-kpi>span{display:block;font-size:11px;color:var(--r2-muted);margin-bottom:4px}
.pabx-rec2 .r2-kpi>strong{display:block;font-size:18px;line-height:1.25}
.pabx-rec2 .r2-kpi>small{display:block;color:var(--r2-muted);font-size:11px;margin-top:5px;line-height:1.35}
.pabx-rec2 .r2-kpi-bar{height:5px;background:#edf1f6;border-radius:999px;overflow:hidden;margin-top:9px}
.pabx-rec2 .r2-kpi-bar i{display:block;height:100%;background:var(--r2-blue);border-radius:inherit}
.pabx-rec2 .r2-kpi.queue i{background:var(--r2-amber)}

.pabx-rec2 .r2-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:14px;align-items:start}
.pabx-rec2 .r2-main,.pabx-rec2 .r2-box{background:var(--r2-card);border:1px solid var(--r2-border);border-radius:12px}
.pabx-rec2 .r2-toolbar{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--r2-border);flex-wrap:wrap}
.pabx-rec2 .r2-search{min-width:220px;flex:1;height:36px;border:1px solid #d7dee8;border-radius:8px;padding:0 11px;outline:none}
.pabx-rec2 .r2-search:focus{border-color:#98bcff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}
.pabx-rec2 .r2-chip{height:32px;padding:0 11px;border:1px solid #dfe5ed;border-radius:999px;background:#fff;color:#536075;cursor:pointer;font-size:11px}
.pabx-rec2 .r2-chip.active{background:#edf5ff;border-color:#a9caff;color:#0b5ed7;font-weight:700}
.pabx-rec2 .r2-count{font-size:11px;color:var(--r2-muted);margin-left:auto}

.pabx-rec2 .r2-table-wrap{overflow:auto}
.pabx-rec2 .r2-table{width:100%;border-collapse:collapse;min-width:1040px}
.pabx-rec2 .r2-table th{padding:10px 10px;border-bottom:1px solid var(--r2-border);background:#fafbfc;color:#667085;text-transform:uppercase;letter-spacing:.025em;font-size:10px;text-align:left;white-space:nowrap}
.pabx-rec2 .r2-table td{padding:10px;border-bottom:1px solid #edf0f4;vertical-align:middle;font-size:12px}
.pabx-rec2 .r2-table tbody tr{cursor:pointer}
.pabx-rec2 .r2-table tbody tr:hover{background:#fafcff}
.pabx-rec2 .r2-client strong{display:block;font-size:12px}
.pabx-rec2 .r2-client small,.pabx-rec2 .r2-sub{display:block;font-size:10px;color:var(--r2-muted);margin-top:2px}
.pabx-rec2 .r2-progress{height:5px;width:120px;background:#edf1f6;border-radius:999px;overflow:hidden;margin:5px 0 3px}
.pabx-rec2 .r2-progress i{display:block;height:100%;border-radius:inherit;background:var(--r2-green)}
.pabx-rec2 .r2-progress i.attention{background:var(--r2-amber)}
.pabx-rec2 .r2-progress i.critical{background:var(--r2-red)}
.pabx-rec2 .r2-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700}
.pabx-rec2 .r2-badge.ok{background:#eaf8ef;color:#087b32}
.pabx-rec2 .r2-badge.attention{background:#fff6df;color:#a75c00}
.pabx-rec2 .r2-badge.critical{background:#ffeded;color:#c11c1c}
.pabx-rec2 .r2-badge.pending{background:#fff6df;color:#a75c00}
.pabx-rec2 .r2-more{width:32px;height:30px;border:1px solid #dde3eb;border-radius:7px;background:#fff;cursor:pointer;font-size:16px;line-height:1}
.pabx-rec2 .r2-empty{padding:38px;text-align:center;color:var(--r2-muted)}

.pabx-rec2 .r2-pager{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;color:var(--r2-muted)}
.pabx-rec2 .r2-pager div{display:flex;gap:6px}

.pabx-rec2 .r2-side{display:flex;flex-direction:column;gap:12px}
.pabx-rec2 .r2-box{padding:13px}
.pabx-rec2 .r2-box h3{margin:0 0 3px;font-size:13px}
.pabx-rec2 .r2-box>p{margin:0 0 12px;color:var(--r2-muted);font-size:10px}
.pabx-rec2 .r2-rule{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #eef1f5}
.pabx-rec2 .r2-rule:first-of-type{border-top:0}
.pabx-rec2 .r2-rule span strong{display:block;font-size:11px}
.pabx-rec2 .r2-rule span small{display:block;color:var(--r2-muted);font-size:9px;margin-top:2px}
.pabx-rec2 .r2-rule input[type="number"]{width:58px;height:30px;border:1px solid #d8dee8;border-radius:7px;padding:0 6px}
.pabx-rec2 .r2-rule input[type="checkbox"]{width:16px;height:16px}
.pabx-rec2 .r2-rule-save{width:100%;margin-top:9px}
.pabx-rec2 .r2-events{display:flex;flex-direction:column;gap:8px}
.pabx-rec2 .r2-event{padding-left:9px;border-left:3px solid #cbd5e1}
.pabx-rec2 .r2-event.attention{border-left-color:var(--r2-amber)}
.pabx-rec2 .r2-event.critical,.pabx-rec2 .r2-event.error{border-left-color:var(--r2-red)}
.pabx-rec2 .r2-event span{display:block;font-size:9px;color:var(--r2-muted)}
.pabx-rec2 .r2-event strong{display:block;font-size:10px;margin-top:2px}
.pabx-rec2 .r2-event small{display:block;font-size:9px;color:#596579;margin-top:2px;line-height:1.35}

.r2-toast{position:fixed;right:20px;bottom:20px;z-index:2147483646;padding:11px 14px;border-radius:10px;background:#162033;color:#fff;font-size:12px;box-shadow:0 12px 40px rgba(0,0,0,.18)}
.r2-toast.error{background:#a51f1f}

.r2-backdrop{position:fixed;inset:0;z-index:2147483000;background:rgba(15,23,42,.42);display:flex;justify-content:flex-end}
.r2-drawer{width:min(500px,calc(100vw - 28px));height:100%;background:#fff;overflow:auto;box-shadow:-18px 0 50px rgba(15,23,42,.16);padding:18px}
.r2-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:14px;border-bottom:1px solid #e7ebf1}
.r2-drawer-head h3{margin:0;font-size:20px;color:#172033}
.r2-drawer-head p{margin:4px 0 0;color:#667085;font-size:11px}
.r2-close{width:34px;height:34px;border:1px solid #dfe5ed;background:#fff;border-radius:8px;cursor:pointer}
.r2-drawer-actions{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}
.r2-btn{height:34px;padding:0 11px;border:1px solid #d9e0ea;border-radius:8px;background:#fff;color:#243147;cursor:pointer;font-size:11px;font-weight:600}
.r2-btn:hover{background:#f7f9fc}
.r2-btn.primary{background:#1677ff;border-color:#1677ff;color:#fff}
.r2-btn.danger{background:#fff;border-color:#efb2b2;color:#b42318}
.r2-btn:disabled{opacity:.5;cursor:not-allowed}
.r2-section{border:1px solid #e5eaf1;border-radius:11px;padding:13px;margin-top:11px}
.r2-section h4{margin:0 0 10px;font-size:12px;color:#172033}
.r2-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.r2-stat{padding:9px;background:#f8fafc;border-radius:8px}
.r2-stat span{display:block;font-size:9px;color:#667085}
.r2-stat strong{display:block;font-size:12px;margin-top:3px;color:#172033}
.r2-delivery-state{padding:10px;border-radius:8px;background:#f8fafc;font-size:11px;line-height:1.45;color:#536075}
.r2-delivery-state strong{color:#172033}
.r2-danger-zone{border-color:#f3c2c2;background:#fffafa}
.r2-danger-zone p{font-size:10px;color:#7c4a4a;line-height:1.45}

.r2-modal-backdrop{position:fixed;inset:0;z-index:2147483100;background:rgba(15,23,42,.48);display:flex;align-items:center;justify-content:center;padding:20px}
.r2-modal{width:min(620px,calc(100vw - 32px));max-height:85vh;overflow:auto;background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 24px 70px rgba(15,23,42,.24)}
.r2-modal header{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid #e7ebf1}
.r2-modal header h3{margin:0;font-size:16px}
.r2-modal main{padding:16px}
.r2-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e7ebf1}
.r2-copy{display:flex;gap:7px;margin-top:8px}
.r2-copy input{flex:1;min-width:0;height:34px;border:1px solid #d8dee8;border-radius:8px;padding:0 9px}
.r2-package{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f4}
.r2-package:last-child{border-bottom:0}
.r2-package strong{display:block;font-size:11px}
.r2-package small{display:block;color:#667085;font-size:9px;margin-top:3px}

@media (max-width:1280px){
  .pabx-rec2 .r2-summary{grid-template-columns:1fr 1fr}
  .pabx-rec2 .r2-status-strip{grid-column:1/-1}
  .pabx-rec2 .r2-layout{grid-template-columns:1fr}
  .pabx-rec2 .r2-side{display:grid;grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .pabx-rec2 .r2-summary{grid-template-columns:1fr}
  .pabx-rec2 .r2-status-strip{grid-column:auto;padding:10px 8px}
  .pabx-rec2 .r2-status-segment{padding:6px}
  .pabx-rec2 .r2-status-segment span{font-size:9px;white-space:normal}
  .pabx-rec2 .r2-status-segment strong{font-size:19px}
  .pabx-rec2 .r2-side{display:flex}
  .pabx-rec2 .r2-head{flex-direction:column}
  .pabx-rec2 .r2-toolbar{align-items:stretch}
  .pabx-rec2 .r2-search{min-width:100%;width:100%}
}


/* PABX PRIME RECORDINGS DASHBOARD V3 CSS 20260924 */
.r3-actions-menu{
  position:fixed;
  z-index:2147482500;
  overflow:hidden;
  border:1px solid #d8e0ea;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 48px rgba(15,23,42,.20);
  padding:6px;
}
.r3-actions-menu button{
  display:flex;
  width:100%;
  align-items:center;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#334155;
  padding:9px 10px;
  text-align:left;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.r3-actions-menu button:hover{background:#f4f7fb;}
.r3-actions-menu button.danger{color:#b4232f;}
.r3-actions-menu button.danger:hover{background:#fff0f1;}
.r3-actions-menu button + button{margin-top:2px;}
.r3-rules-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:11px 0 8px;
  padding:9px 10px;
  border:1px solid #dce6ef;
  border-radius:10px;
  background:#f8fafc;
}
.r3-rules-toolbar>span{min-width:0;}
.r3-rules-toolbar strong,.r3-rules-toolbar small{display:block;}
.r3-rules-toolbar strong{color:#334a62;font-size:10px;}
.r3-rules-toolbar small{margin-top:2px;color:#7c8c9e;font-size:9px;}
.r3-rules-toolbar>div{display:flex;gap:6px;flex:0 0 auto;}
.r3-rules-readonly .r2-rule input,
.r3-rules-readonly .r2-rule select{display:none!important;}
.r3-rule-value{
  display:none;
  flex:0 0 auto;
  padding:4px 8px;
  border:1px solid #dce5ee;
  border-radius:999px;
  background:#fff;
  color:#486078;
  font-size:9px;
  font-weight:800;
}
.r3-rules-readonly .r3-rule-value{display:inline-flex;}
.r3-rules-editing .r3-rule-value{display:none;}
.r3-rules-readonly .r2-rule{cursor:default;}
.r3-mini-toast{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:2147483000;
  max-width:min(420px,calc(100vw - 36px));
  padding:11px 13px;
  border-radius:10px;
  background:#17243a;
  color:#fff;
  box-shadow:0 12px 38px rgba(15,23,42,.28);
  font-size:11px;
  font-weight:700;
}
.r3-mini-toast.error{background:#a62d3b;}
@media(max-width:760px){
  .r3-rules-toolbar{align-items:flex-start;flex-direction:column;}
}