/* assets/css/modais.css
   Diálogos, sobreposições e formulários modais. */

.modal-bg{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.55);backdrop-filter:blur(6px);
  z-index:500;align-items:center;justify-content:center;
}
.modal-bg.open{display:flex}
.modal{
  background:var(--surface-1);
  border:1px solid var(--border-strong);
  border-radius:var(--r-lg);
  padding:var(--sp-8);
  width:520px;max-width:95vw;max-height:90vh;overflow-y:auto;
  box-shadow:var(--shadow);
}
.modal h3{font-size:16px;font-weight:700;margin-bottom:20px}
.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}

/* ═══════════════════════════════════════════════
   ALERTS
═══════════════════════════════════════════════ */
.alert{
  padding:12px 16px;border-radius:var(--r-sm);
  margin-bottom:10px;font-size:13px;
  display:flex;gap:10px;align-items:flex-start;
  border:1px solid;
}
.alert-warn{background:var(--yellow-bg);border-color:rgba(245,158,11,.25);color:var(--yellow)}
.alert-danger{background:var(--red-bg);border-color:rgba(239,68,68,.25);color:var(--red)}
.alert-info{background:var(--accent-bg);border-color:rgba(75,158,255,.25);color:var(--accent)}
.alert-success{background:var(--green-bg);border-color:rgba(34,197,94,.25);color:var(--green)}

/* ═══════════════════════════════════════════════
   UTILITIES
═══════════════════════════════════════════════ */
.gap-10{gap:10px}
.flex{display:flex}
.flex-1{flex:1}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.mb-16{margin-bottom:16px}
.mb-24{margin-bottom:24px}
.text-right{text-align:right}
.hidden{display:none}
.divider{border:none;border-top:1px solid var(--border);margin:20px 0}
.mini-table table{font-size:12px}
.mini-table th,.mini-table td{padding:6px 10px}
.assessor-table{overflow-x:auto}
.assessor-table table{min-width:1120px;table-layout:fixed}
.assessor-table th,.assessor-table td{height:40px;padding:6px 8px;vertical-align:middle;white-space:nowrap}
.assessor-table th:nth-child(1),.assessor-table td:nth-child(1){width:205px;text-align:left}
.assessor-table th:nth-child(2),.assessor-table td:nth-child(2){width:150px;text-align:left}
.assessor-table th:not(:nth-child(1)):not(:nth-child(2)):not(:last-child),.assessor-table td:not(:nth-child(1)):not(:nth-child(2)):not(:last-child){width:76px;text-align:right}
.assessor-table th:last-child,.assessor-table td:last-child{width:82px;text-align:center;position:sticky;right:0;background:var(--surface-1);z-index:1}
.assessor-table tr:hover td:last-child{background:var(--surface-2)}
.assessor-name{display:flex;align-items:center;gap:7px;min-width:0}
.assessor-name>span:first-child{overflow:hidden;text-overflow:ellipsis}
.assessor-inativo td:first-child{color:var(--red)}
.assessor-inativo td:first-child{box-shadow:inset 3px 0 0 var(--red)}
.assessor-sort{cursor:pointer;user-select:none;transition:color .15s ease}
.assessor-sort:hover,.assessor-sort.active{color:var(--gold)}
#importFile{display:none}

/* ═══════════════════════════════════════════════
   SCROLLBAR GLOBAL
═══════════════════════════════════════════════ */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}

/* ═══════════════════════════════════════════════
   RESPONSIVIDADE
═══════════════════════════════════════════════ */