:root {
  --marca: #0b5d6b;
  --marca-escura: #084652;
  --bs-link-color-rgb: 11, 93, 107;
  --bs-primary: #0b5d6b;
  --bs-primary-rgb: 11, 93, 107;
}
body { background: #f3f6f8; }
.bg-marca { background: var(--marca) !important; }
.btn-primary { --bs-btn-bg: var(--marca); --bs-btn-border-color: var(--marca); --bs-btn-hover-bg: var(--marca-escura); --bs-btn-hover-border-color: var(--marca-escura); --bs-btn-active-bg: var(--marca-escura); }
.btn-outline-primary { --bs-btn-color: var(--marca); --bs-btn-border-color: var(--marca); --bs-btn-hover-bg: var(--marca); --bs-btn-hover-border-color: var(--marca); --bs-btn-active-bg: var(--marca); --bs-btn-active-border-color: var(--marca); }
.text-bg-primary { background-color: var(--marca) !important; }
.nav-pills .nav-link.active { background: rgba(255,255,255,.18); }

.sidebar { width: 260px; min-height: 100vh; }
@media (min-width: 992px) {
  .sidebar { position: sticky; top: 0; height: 100vh; overflow-y: auto; flex-shrink: 0; }
}
.sidebar .menu .nav-link { color: rgba(255,255,255,.85); padding: .4rem .6rem; border-radius: .4rem; }
.sidebar .menu .nav-link:hover { color: #fff; background: rgba(255,255,255,.1); }
.sidebar .menu .nav-link i { width: 1.4rem; display: inline-block; }
.sidebar .menu-titulo { font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.5); margin: .8rem .6rem .1rem; }
.conteudo { min-width: 0; }

.card { border: 0; box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08); }
.card-header { background: #fff; font-weight: 600; }
.kpi { border-left: 4px solid var(--marca); }
.kpi .valor { font-size: 1.9rem; font-weight: 700; line-height: 1.1; }
.kpi.alerta { border-left-color: var(--bs-danger); }
.kpi.atencao { border-left-color: var(--bs-warning); }
.kpi.ok { border-left-color: var(--bs-success); }
.kpi a { text-decoration: none; color: inherit; }

.table-os td, .table-os th { vertical-align: middle; }
.table-os tr[data-href] { cursor: pointer; }
.page-title { font-size: 1.4rem; font-weight: 600; margin: 0; }
.rotulo { font-size: .75rem; color: var(--bs-secondary-color); text-transform: uppercase; letter-spacing: .03em; }
.timeline { border-left: 2px solid #dee2e6; padding-left: 1rem; }
.timeline .item { position: relative; margin-bottom: .9rem; }
.timeline .item::before { content: ""; position: absolute; left: -1.38rem; top: .35rem; width: .7rem; height: .7rem; border-radius: 50%; background: var(--marca); }
.checklist .item { border-bottom: 1px dashed #dee2e6; padding: .6rem 0; }
.htmx-indicator { opacity: 0; transition: opacity .2s; }
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator { opacity: 1; }

@media print {
  .no-print { display: none !important; }
  body { background: #fff; }
}

/* Logo: porca sextavada com a cruz vazada (static/img/logo-simbolo.svg), na cor do texto */
.logo-marca { display: inline-block; width: 24px; height: 24px; background-color: currentColor; flex-shrink: 0;
  -webkit-mask: url("../img/logo-simbolo.86517ebfac9c.svg") center / contain no-repeat; mask: url("../img/logo-simbolo.86517ebfac9c.svg") center / contain no-repeat; }
.logo-marca.logo-grande { width: 30px; height: 30px; }