/* SIGAS-web — tema institucional (Prefeitura de Arari)
   Escopo restrito a .sigas-nav, .sigas-main, .sigas-footer e modais: não afeta o Órbita Chat nem o painel de chamada. */

.sigas-nav, .sigas-main, .sigas-footer, .sigas-ui .modal {
  --sg-green: #00974c;
  --sg-green-dark: #007a3d;
  --sg-green-soft: #e8f6ee;
  --sg-blue: #0b5aa6;
  --sg-blue-soft: #e8f1fa;
  --sg-ink: #1f2937;
  --sg-muted: #6b7280;
  --sg-line: #e5e9f0;
  --sg-radius: 14px;
  --sg-shadow: 0 1px 2px rgba(16,24,40,.04), 0 4px 14px rgba(16,24,40,.06);

  --bs-primary: var(--sg-green);
  --bs-primary-rgb: 0,151,76;
  --bs-link-color: var(--sg-blue);
  --bs-link-color-rgb: 11,90,166;
  --bs-link-hover-color: #084679;
  --bs-border-color: var(--sg-line);
  --bs-body-color: var(--sg-ink);
  --bs-border-radius: 10px;
  --bs-border-radius-lg: 14px;
  --bs-focus-ring-color: rgba(0,151,76,.22);
}

body.sigas-ui {
  background: linear-gradient(180deg, #f3f6fa 0, #f7f9fb 320px);
  color: var(--sg-ink, #1f2937);
  font-family: Inter, "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow-x: hidden;
}

/* ---------- Cabeçalho ---------- */
.sigas-nav {
  background: #fff !important;
  border-bottom: 1px solid var(--sg-line) !important;
  box-shadow: 0 1px 0 rgba(16,24,40,.03), 0 6px 18px rgba(16,24,40,.05);
  border-top: 3px solid var(--sg-green);
  padding-top: .35rem; padding-bottom: .35rem;
}
.sigas-nav .navbar-brand { color: var(--sg-green-dark); letter-spacing: .2px; font-size: 1.05rem; }
.sigas-nav .navbar-nav { gap: .15rem; }
.sigas-nav .nav-link {
  color: #374151 !important; font-weight: 500; font-size: .92rem;
  padding: .5rem .8rem !important; border-radius: 10px; text-shadow: none !important;
  transition: background-color .15s ease, color .15s ease;
}
.sigas-nav .nav-link:hover, .sigas-nav .nav-link:focus {
  background: var(--sg-green-soft); color: var(--sg-green-dark) !important; text-shadow: none !important;
}
.sigas-nav .nav-link.active {
  background: var(--sg-green-soft); color: var(--sg-green-dark) !important; font-weight: 600;
  box-shadow: inset 0 -2px 0 var(--sg-green);
}
.sigas-nav .navbar-toggler { border-color: var(--sg-line); border-radius: 10px; padding: .35rem .55rem; }
.sigas-nav .navbar-toggler:focus { box-shadow: 0 0 0 .2rem rgba(0,151,76,.2); }
.sigas-nav .sigas-user-toggle {
  padding: .25rem .6rem .25rem .3rem; border: 1px solid var(--sg-line); border-radius: 999px; background: #fff;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.sigas-nav .sigas-user-toggle:hover { border-color: #cfd8e3; box-shadow: var(--sg-shadow); }
.sigas-nav .sigas-user-toggle::after { margin-left: .2rem; }
.sigas-nav .sigas-avatar { width: 36px; height: 36px; flex: 0 0 36px; border: 2px solid #fff; box-shadow: 0 0 0 1px var(--sg-line); }
.sigas-nav .dropdown-menu {
  border: 1px solid var(--sg-line); border-radius: 12px; box-shadow: 0 12px 32px rgba(16,24,40,.14); padding: .4rem; min-width: 12rem;
}
.sigas-nav .dropdown-item { border-radius: 8px; padding: .5rem .75rem; font-size: .92rem; }
.sigas-nav .dropdown-item:hover { background: var(--sg-green-soft); color: var(--sg-green-dark); }
.sigas-nav .dropdown-item.text-danger:hover { background: #fdecec; color: #b42318 !important; }

@media (max-width: 991.98px) {
  .sigas-nav .navbar-collapse { margin-top: .6rem; padding-top: .6rem; border-top: 1px solid var(--sg-line); max-height: calc(100vh - 80px); overflow-y: auto; }
  .sigas-nav .nav-link { padding: .65rem .85rem !important; }
  .sigas-nav .sigas-userbox { margin-top: .5rem; padding-top: .6rem; border-top: 1px solid var(--sg-line); width: 100%; }
  .sigas-nav .sigas-user-toggle { width: 100%; }
}

/* ---------- Conteúdo ---------- */
.sigas-main { padding-top: 1.75rem !important; padding-bottom: 1.5rem !important; max-width: 1280px; }
.sigas-main h1, .sigas-main h2, .sigas-main h3, .sigas-main h4, .sigas-main h5 { color: #111827; font-weight: 700; letter-spacing: -.01em; }
.sigas-main h4 { font-size: 1.35rem; }
.sigas-main a:not(.btn):not(.dropdown-item):not(.page-link):not(.nav-link) { text-underline-offset: 2px; }

/* Cards */
.sigas-main .card {
  border: 1px solid var(--sg-line) !important; border-radius: var(--sg-radius) !important;
  box-shadow: var(--sg-shadow) !important; background: #fff;
}
.sigas-main .card-header { background: #fafbfc; border-bottom: 1px solid var(--sg-line); font-weight: 600; border-radius: var(--sg-radius) var(--sg-radius) 0 0 !important; }

/* Botões */
.sigas-main .btn, .sigas-ui .modal .btn { border-radius: 10px; font-weight: 500; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease; }
.sigas-main .btn:active { transform: translateY(1px); }
.sigas-main .btn-primary, .sigas-ui .modal .btn-primary {
  --bs-btn-bg: var(--sg-green); --bs-btn-border-color: var(--sg-green);
  --bs-btn-hover-bg: var(--sg-green-dark); --bs-btn-hover-border-color: var(--sg-green-dark);
  --bs-btn-active-bg: #006b36; --bs-btn-active-border-color: #006b36;
  --bs-btn-disabled-bg: var(--sg-green); --bs-btn-disabled-border-color: var(--sg-green);
  --bs-btn-focus-shadow-rgb: 0,151,76;
  box-shadow: 0 1px 2px rgba(0,151,76,.25);
}
.sigas-main .btn-outline-primary {
  --bs-btn-color: var(--sg-green-dark); --bs-btn-border-color: #9bd3b3;
  --bs-btn-hover-bg: var(--sg-green); --bs-btn-hover-border-color: var(--sg-green); --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--sg-green-dark); --bs-btn-active-border-color: var(--sg-green-dark); --bs-btn-active-color: #fff;
  --bs-btn-focus-shadow-rgb: 0,151,76;
}
.sigas-main .btn-outline-secondary { --bs-btn-color: #4b5563; --bs-btn-border-color: #d5dbe3; --bs-btn-hover-bg: #f3f4f6; --bs-btn-hover-color: #111827; --bs-btn-hover-border-color: #c3cad4; }
.sigas-main .btn-light { --bs-btn-bg: #f3f5f8; --bs-btn-border-color: #e5e9f0; }
.sigas-main .btn-sm { border-radius: 8px; }

/* Formulários */
.sigas-main .form-label { font-weight: 600; font-size: .85rem; color: #374151; margin-bottom: .3rem; }
.sigas-main .form-control, .sigas-main .form-select, .sigas-ui .modal .form-control, .sigas-ui .modal .form-select {
  border: 1px solid #d5dbe3; border-radius: 10px; padding: .55rem .8rem; background-color: #fff;
}
.sigas-main .form-control-lg { padding: .7rem 1rem; }
.sigas-main .form-control:focus, .sigas-main .form-select:focus {
  border-color: var(--sg-green); box-shadow: 0 0 0 .22rem rgba(0,151,76,.15);
}
.sigas-main .form-control:disabled, .sigas-main .form-select:disabled { background: #f3f5f8; color: #6b7280; }
.sigas-main .form-check-input:checked { background-color: var(--sg-green); border-color: var(--sg-green); }
.sigas-main .form-text { color: var(--sg-muted); }
.sigas-main .input-group > .btn { border-radius: 0 10px 10px 0; }
.sigas-main .input-group > .form-control:first-child { border-radius: 10px 0 0 10px; }

/* Tabelas */
.sigas-main .table-responsive { border: 1px solid var(--sg-line); border-radius: var(--sg-radius); background: #fff; box-shadow: var(--sg-shadow); }
.card .sigas-main .table-responsive, .sigas-main .card .table-responsive { border: 0; box-shadow: none; }
.sigas-main .table { --bs-table-striped-bg: #f8fafc; --bs-table-hover-bg: #eef6f1; margin-bottom: 0; font-size: .92rem; }
.sigas-main .table > thead > tr > th, .sigas-main .table > thead th {
  background: #f3f6fa; color: #4b5563; font-size: .76rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  border-bottom: 1px solid var(--sg-line); white-space: nowrap; padding-top: .8rem; padding-bottom: .8rem;
}
.sigas-main .table > :not(caption) > * > * { border-bottom-color: #eef1f5; vertical-align: middle; }
.sigas-main .table tbody tr:last-child > * { border-bottom: 0; }

/* Paginação */
.sigas-main .pagination { gap: .25rem; flex-wrap: wrap; }
.sigas-main .page-link { border: 1px solid var(--sg-line); border-radius: 8px !important; color: #374151; }
.sigas-main .page-link:hover { background: var(--sg-green-soft); color: var(--sg-green-dark); }
.sigas-main .page-item.active .page-link { background: var(--sg-green); border-color: var(--sg-green); color: #fff; }
.sigas-main .page-item.disabled .page-link { background: #f8fafc; color: #9ca3af; }

/* Badges e alertas */
.sigas-main .badge { border-radius: 999px; font-weight: 600; padding: .38em .7em; letter-spacing: .01em; }
.sigas-main .alert { border: 0; border-left: 4px solid; border-radius: 12px; box-shadow: var(--sg-shadow); }
.sigas-main .alert-success { background: #e9f7ef; border-color: var(--sg-green); color: #0b5a33; }
.sigas-main .alert-danger { background: #fdecec; border-color: #d92d20; color: #912018; }
.sigas-main .alert-warning { background: #fff6e0; border-color: #f0a30a; color: #7a4b00; }
.sigas-main .alert-info { background: var(--sg-blue-soft); border-color: var(--sg-blue); color: #0a4a87; }

/* Modais e SweetAlert */
.sigas-ui .modal-content { border: 0; border-radius: 16px; box-shadow: 0 20px 50px rgba(16,24,40,.22); }
.sigas-ui .modal-header, .sigas-ui .modal-footer { border-color: var(--sg-line); }
.sigas-ui .swal2-popup { border-radius: 16px !important; font-family: inherit; }
.sigas-ui .swal2-styled.swal2-confirm { background-color: #00974c !important; border-radius: 10px !important; }
.sigas-ui .swal2-styled.swal2-cancel { border-radius: 10px !important; }

/* Dashboard */
.sigas-page-head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: .25rem 1rem; margin-bottom: 1.1rem; }
.sigas-page-head h4 { margin: 0; }
.sigas-page-head small { color: var(--sg-muted); }
.sigas-stat { position: relative; overflow: hidden; }
.sigas-stat .card-body { display: flex; align-items: center; gap: 1rem; padding: 1.25rem 1.35rem; }
.sigas-stat-icon { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; }
.sigas-stat-icon svg { width: 26px; height: 26px; }
.sigas-stat-label { color: var(--sg-muted); font-size: .82rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.sigas-stat-value { font-size: 2.4rem; font-weight: 800; line-height: 1.05; color: #111827; font-variant-numeric: tabular-nums; }
.sigas-stat::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--accent); }
.sigas-stat--wait { --accent: #f0a30a; } .sigas-stat--wait .sigas-stat-icon { background: #fff4d9; color: #b86e00; }
.sigas-stat--serv { --accent: #0b5aa6; } .sigas-stat--serv .sigas-stat-icon { background: var(--sg-blue-soft); color: var(--sg-blue); }
.sigas-stat--done { --accent: #00974c; } .sigas-stat--done .sigas-stat-icon { background: var(--sg-green-soft); color: var(--sg-green-dark); }
.sigas-chart-card .card-body { height: 340px; position: relative; padding: 1.25rem; }
.sigas-chart-card .card-body canvas { max-height: 100%; }
.sigas-chart-title { font-weight: 700; color: #111827; margin-bottom: .6rem; font-size: 1rem; }

/* Login */
.sigas-main .card.shadow-lg { box-shadow: 0 18px 48px rgba(16,24,40,.12) !important; }

/* Rodapé */
.sigas-footer { background: #fff; border-top: 1px solid var(--sg-line) !important; border-bottom: 3px solid var(--sg-green); color: var(--sg-muted) !important; }

/* Mobile: sem rolagem horizontal indevida */
@media (max-width: 575.98px) {
  .sigas-main { padding-left: .85rem; padding-right: .85rem; padding-top: 1.1rem !important; }
  .sigas-main h4 { font-size: 1.15rem; }
  .sigas-stat-value { font-size: 2rem; }
  .sigas-main .card-body { padding: 1rem; }
  .sigas-main img { max-width: 100%; }
}
.sigas-main { overflow-wrap: anywhere; }
.sigas-main .table { overflow-wrap: normal; }

/* Impressão: preserva o comportamento das telas de impressão existentes */
@media print {
  body.sigas-ui { background: #fff !important; }
  .sigas-nav { box-shadow: none !important; border-top: 0 !important; }
  .sigas-main .card, .sigas-main .table-responsive { box-shadow: none !important; }
}