/* SECDAY — Identidade visual (landing + área logada) */
:root {
  --secday-bg: #1a202c;
  --secday-bg-nav: #0d1117;
  --secday-bg-card: #16213e;
  --secday-accent: #00ff41;
  --secday-accent-hover: #00cc34;
  --secday-orange: #ff6b35;
  --secday-blue: #4a90d9;
  --secday-text: #f7fafc;
  --secday-muted: #718096;
  --secday-card-bg: rgba(26, 32, 44, 0.95);
  --secday-border: #2d3748;
}

/* Área logada: identidade visual escura */
body.secday-app {
  background-color: var(--secday-bg) !important;
  color: var(--secday-text) !important;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: 'DM Sans', system-ui, sans-serif;
}

.secday-app main,
.secday-app .container {
  background-color: transparent !important;
  color: var(--secday-text) !important;
}

.secday-app h1, .secday-app h2, .secday-app h5, .secday-app h6,
.secday-app .card-title, .secday-app .card-subtitle {
  color: var(--secday-text) !important;
}

.secday-app .text-secondary {
  color: var(--secday-muted) !important;
}

.secday-app .navbar {
  background-color: var(--secday-bg-nav) !important;
  border-bottom: 1px solid var(--secday-border);
}

.secday-app .navbar-brand,
.secday-app .nav-link {
  color: var(--secday-accent) !important;
}

.secday-app .nav-link:hover,
.secday-app .nav-link.active {
  color: var(--secday-accent-hover) !important;
}

.secday-app .container {
  max-width: 1200px;
}

.secday-app .card {
  background-color: var(--secday-bg-card) !important;
  border: 1px solid var(--secday-border) !important;
  color: var(--secday-text) !important;
}

.secday-app .card-body,
.secday-app .card-footer {
  background-color: var(--secday-bg-card) !important;
  border-color: var(--secday-border) !important;
  color: var(--secday-text) !important;
}

.secday-app .card-header {
  background-color: rgba(13, 17, 23, 0.9) !important;
  border-bottom: 1px solid var(--secday-border) !important;
  color: var(--secday-text) !important;
  font-weight: 600;
}

.secday-app .table {
  color: var(--secday-text) !important;
}

.secday-app .table th,
.secday-app .table td {
  background-color: var(--secday-bg-card) !important;
  border-color: var(--secday-border) !important;
  color: var(--secday-text) !important;
}

.secday-app .table-dark {
  background-color: var(--secday-bg-card) !important;
  --bs-table-bg: var(--secday-bg-card) !important;
  --bs-table-border-color: var(--secday-border) !important;
  --bs-table-striped-bg: rgba(74, 144, 217, 0.08) !important;
  --bs-table-hover-bg: rgba(74, 144, 217, 0.12) !important;
}

.secday-app .table-dark thead th {
  background-color: rgba(13, 17, 23, 0.9) !important;
  color: var(--secday-text) !important;
  border-color: var(--secday-border) !important;
}

.secday-app .table-striped tbody tr:nth-of-type(odd) td {
  background-color: rgba(74, 144, 217, 0.08) !important;
}

.secday-app .btn-primary,
.secday-app .btn-secday {
  background-color: var(--secday-accent);
  border-color: var(--secday-accent);
  color: #0d1117;
  font-weight: 600;
}

.secday-app .btn-primary:hover,
.secday-app .btn-secday:hover {
  background-color: var(--secday-accent-hover);
  border-color: var(--secday-accent-hover);
  color: #0d1117;
}

.secday-app .alert-success { background-color: rgba(0, 255, 65, 0.2); border-color: var(--secday-accent); color: #fff; }
.secday-app .alert-danger { background-color: rgba(196, 68, 68, 0.3); border-color: #c44; color: #fff; }
.secday-app .alert-info { background-color: rgba(74, 144, 217, 0.2); border-color: var(--secday-blue); color: #fff; }

.secday-app .form-control,
.secday-app .form-select {
  background-color: rgba(15, 17, 23, 0.8);
  border: 1px solid var(--secday-border);
  color: var(--secday-text);
}

.secday-app .form-control:focus,
.secday-app .form-select:focus {
  border-color: var(--secday-accent);
  box-shadow: 0 0 0 3px rgba(0, 255, 65, 0.2);
  background-color: rgba(15, 17, 23, 0.9);
  color: var(--secday-text);
}

/* Footer: largura total e texto centralizado na página */
.secday-app .secday-footer,
.secday-guest .secday-footer {
  width: 100%;
  text-align: center;
  padding: 2rem 1rem;
  color: var(--secday-muted);
  font-size: 0.875rem;
  margin-top: auto;
  display: block;
  box-sizing: border-box;
}

/* Guest (landing + login) */
body.secday-guest {
  background-color: var(--secday-bg);
  color: var(--secday-text);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: 'DM Sans', system-ui, sans-serif;
}

.secday-guest .navbar {
  background-color: var(--secday-bg-nav) !important;
  border-bottom: 1px solid var(--secday-border);
}

.secday-guest .navbar-brand,
.secday-guest .nav-link {
  color: var(--secday-accent) !important;
}

.secday-guest .nav-link:hover {
  color: var(--secday-accent-hover) !important;
}

.secday-guest .secday-hero {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 3rem 1.5rem;
}

.secday-guest .secday-hero-img {
  max-width: 100%;
  width: 900px;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
  margin-bottom: 1.5rem;
}

.secday-guest .secday-hero h1 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 1rem;
  color: #fff;
}

.secday-guest .secday-hero .lead {
  color: var(--secday-text);
  opacity: 0.95;
  max-width: 480px;
  margin-bottom: 1.75rem;
}

.secday-guest .btn-secday {
  background-color: var(--secday-accent);
  color: #0d1117;
  font-weight: 600;
  padding: 0.75rem 2rem;
  border: none;
  border-radius: 6px;
  transition: background-color 0.2s;
}

.secday-guest .btn-secday:hover {
  background-color: var(--secday-accent-hover);
  color: #0d1117;
}


.secday-guest .secday-card {
  background: var(--secday-card-bg);
  border: 1px solid var(--secday-border);
  border-radius: 12px;
  padding: 2rem;
  max-width: 400px;
  width: 100%;
}

.secday-guest .secday-card h1 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: #fff;
}

.secday-guest .form-control {
  background-color: rgba(15, 17, 23, 0.8);
  border: 1px solid var(--secday-border);
  color: var(--secday-text);
}

.secday-guest .form-control:focus {
  border-color: var(--secday-accent);
  box-shadow: 0 0 0 3px rgba(0, 255, 65, 0.2);
}

.secday-guest .form-control::placeholder {
  color: var(--secday-muted);
}

.secday-guest .form-label {
  color: var(--secday-muted);
  font-size: 0.875rem;
}

.secday-guest .alert {
  border-radius: 8px;
  border: none;
}

/* List group dark */
.secday-app .list-group-item {
  background-color: transparent;
  border-color: var(--secday-border);
  color: var(--secday-text);
}

.secday-app .list-group-item:hover {
  background-color: rgba(0, 255, 65, 0.08);
}

.secday-app .list-group-item-action:focus {
  background-color: rgba(0, 255, 65, 0.12);
}

.secday-app .btn-outline-light {
  border-color: var(--secday-border);
  color: var(--secday-text);
}

.secday-app .btn-outline-light:hover {
  background-color: rgba(255,255,255,0.1);
  border-color: var(--secday-muted);
  color: #fff;
}

.secday-app .badge {
  border: 1px solid var(--secday-border);
}

.secday-app pre,
.secday-app .bg-dark {
  background-color: rgba(13, 17, 23, 0.9) !important;
  color: var(--secday-text) !important;
  border-color: var(--secday-border) !important;
}

.secday-app .border-secondary {
  border-color: var(--secday-border) !important;
}

/* Nav centralizada (guest e app) */
.navbar .navbar-collapse {
  justify-content: center;
}

.navbar .navbar-nav {
  flex-wrap: wrap;
  justify-content: center;
}

.navbar-brand {
  margin-right: 0;
}

@media (min-width: 992px) {
  .navbar .container {
    flex-wrap: wrap;
  }
  .navbar .navbar-collapse {
    flex-grow: 1;
  }
}