/* MobilizaPro — Design System Empresarial v1
   Escopo inicial: Solicitações de M.O. e Recrutamento
   Somente apresentação; não altera regras de negócio. */
:root{
  --mp-radius-sm:10px;
  --mp-radius-md:14px;
  --mp-control-h:42px;
  --mp-gap-1:8px;
  --mp-gap-2:12px;
  --mp-shadow-soft:0 10px 28px rgba(2,8,23,.18);
}

/* Botões oficiais */
#page-solicitacao button,
#page-recrutamento button,
#modal-overlay button{
  min-height:var(--mp-control-h);
  border-radius:var(--mp-radius-sm);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:700;
  line-height:1.15;
  transition:background-color .18s ease,border-color .18s ease,opacity .18s ease,transform .12s ease;
}
#page-solicitacao button:active,
#page-recrutamento button:active,
#modal-overlay button:active{transform:translateY(1px)}
#page-solicitacao button:disabled,
#page-recrutamento button:disabled,
#modal-overlay button:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* Cabeçalho empresarial */
.mp-enterprise-page{display:flex;flex-direction:column;gap:24px}
.mp-enterprise-header{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  border:1px solid color-mix(in srgb,var(--outline-variant,#334155) 82%, transparent);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.mp-enterprise-heading{min-width:240px;flex:1}
.mp-enterprise-kicker{
  display:flex;align-items:center;gap:7px;
  margin-bottom:7px;
  color:var(--primary,#60a5fa);
  font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
}
.mp-enterprise-title{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.01em;color:var(--on-surface,#f8fafc)}
.mp-enterprise-description{margin-top:5px;max-width:760px;color:var(--muted,#94a3b8);font-size:.82rem;line-height:1.5}
.mp-enterprise-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}

/* Pesquisa e filtros */
.mp-enterprise-toolbar{
  display:flex;flex-wrap:wrap;align-items:end;gap:12px;
  padding:16px;
  border:1px solid var(--outline-variant,#334155);
  border-radius:var(--mp-radius-md);
  background:rgba(15,23,42,.26);
}
#page-solicitacao input,#page-solicitacao select,
#page-recrutamento input,#page-recrutamento select,
#modal-overlay input,#modal-overlay select,#modal-overlay textarea{
  min-height:var(--mp-control-h);
  border-radius:var(--mp-radius-sm)!important;
}

/* Cards e tabelas */
#page-solicitacao .card,#page-recrutamento .card{
  border-radius:16px;
  border-color:color-mix(in srgb,var(--outline-variant,#334155) 90%,transparent);
}
#page-solicitacao table thead,#page-recrutamento table thead{
  position:sticky;top:0;z-index:2;
  background:color-mix(in srgb,var(--surface-container-high,#1e293b) 96%,black 4%);
}
#page-solicitacao table th,#page-recrutamento table th{
  height:48px;font-size:10px;letter-spacing:.09em;
}
#page-solicitacao table tbody tr,#page-recrutamento table tbody tr{transition:background-color .16s ease}
#page-solicitacao table tbody tr:hover,#page-recrutamento table tbody tr:hover{background:rgba(96,165,250,.055)}

/* Status oficiais */
.mp-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.mp-status-open{color:#93c5fd;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.25)}
.mp-status-progress{color:#fcd34d;background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.24)}
.mp-status-done{color:#86efac;background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.24)}
.mp-status-danger{color:#fca5a5;background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.24)}
.mp-status-muted{color:#cbd5e1;background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.20)}

/* Modal */
#modal-overlay #modal{border-radius:18px;box-shadow:var(--mp-shadow-soft)}
#modal-overlay #modal>div:first-child{min-height:68px}
#modal-overlay #modal>div:last-child{gap:10px}

/* Marca alterações pendentes sem poluir */
.mp-pending-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.10)}

@media(max-width:760px){
  .mp-enterprise-header{padding:18px}
  .mp-enterprise-actions{width:100%;justify-content:stretch}
  .mp-enterprise-actions>button{flex:1 1 180px}
  #page-solicitacao button,#page-recrutamento button{min-height:44px}
}

/* Paleta semântica dos botões oficiais */
.mp-btn-primary{background:var(--primary,#2563eb)!important;color:var(--on-primary,#fff)!important;border:1px solid transparent!important;box-shadow:0 6px 16px rgba(37,99,235,.16)}
.mp-btn-primary:hover{filter:brightness(1.08)}
.mp-btn-secondary{background:rgba(59,130,246,.10)!important;color:#bfdbfe!important;border:1px solid rgba(96,165,250,.28)!important}
.mp-btn-secondary:hover{background:rgba(59,130,246,.16)!important}
.mp-btn-neutral{background:rgba(148,163,184,.07)!important;color:var(--on-surface,#e2e8f0)!important;border:1px solid var(--outline-variant,#334155)!important}
.mp-btn-warning{background:rgba(245,158,11,.10)!important;color:#fcd34d!important;border:1px solid rgba(245,158,11,.30)!important}
.mp-btn-danger{background:rgba(239,68,68,.10)!important;color:#fca5a5!important;border:1px solid rgba(239,68,68,.30)!important}