/* Duplicated from public/assets/css/app.css for root (no /public) setup */

/* Minimal SaaS-like styling + mobile-first */

:root {
  --sidebar-width: 260px;
}

#appShell {
  display: flex;
  flex-wrap: nowrap; /* prevent sidebar moving to next line */
}
#appShell .sidebar {
  width: var(--sidebar-width);
  min-height: 100vh;
  flex: 0 0 var(--sidebar-width);
}
#appShell main {
  flex: 1 1 auto;
  min-width: 0; /* allow children to shrink without forcing layout wrap */
}

#appShell .sidebar .nav-link {
  color: #212529;
}
#appShell .sidebar .nav-link:hover {
  background: #f1f3f5;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 10;
  overflow: hidden;
}
.topbar .fw-semibold {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Mobile sidebar */
@media (max-width: 767.98px) {
  #appShell .sidebar {
    position: fixed;
    left: -280px;
    top: 0;
    z-index: 1030;
    transition: left .2s ease-in-out;
  }
  #appShell.sidebar-open .sidebar {
    left: 0;
  }
}

.card-kpi {
  border: 0;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

.fc .fc-toolbar-title {
  font-size: 1.1rem;
}

/* Dashboard CSS appended */
:root{
  --bg: #F7F9FB;
  --primary: #0F6B6B;
  --secondary: #1F4B7A;
  --success: #28A745;
  --warning: #FFB020;
  --danger:  #DC3545;
  --info:    #17A2B8;
  --muted:   #6C757D;
  --card-shadow: 0 4px 12px rgba(31,75,122,0.06);
}

body { background: var(--bg); color: #212529; }

.card-kpi { border: none; box-shadow: var(--card-shadow); }
.card-kpi .card-body { padding: 1.1rem; }
.card-kpi .h3 { color: var(--secondary); font-weight: 700; }
.kpi-sub { font-size: 0.85rem; color: var(--muted); }

/* Date header row */
.table .table-active { background: linear-gradient(90deg, rgba(31,75,122,0.04), rgba(15,107,107,0.03)); }

/* Badges customizados (mantém compatibilidade com bootstrap .badge) */
.badge-confirmed { background-color: var(--success) !important; color: #fff !important; }
.badge-warning { background-color: var(--warning) !important; color: #1b1b1b !important; }
.badge-cancelled { background-color: var(--danger) !important; color: #fff !important; }
.badge-info { background-color: var(--info) !important; color: #fff !important; }
.badge-muted { background-color: #e9ecef !important; color: var(--muted) !important; }
.badge-refund { background-color: #6f42c1 !important; color: #fff !important; }

/* Small polished touches */
.table tr:hover { background: rgba(15,107,107,0.02); }
.table td { vertical-align: middle; }

/* Make badge icons slightly smaller */
.badge i.fa { font-size: 0.85em; }