/* Unity360 Revenue — Custom Styles */

:root {
  --u360-navy:    #1a2744;
  --u360-blue:    #2356a5;
  --u360-accent:  #e8a020;
  --u360-light:   #f4f6fb;
  --u360-green:   #198754;
  --u360-yellow:  #ffc107;
  --u360-orange:  #fd7e14;
  --u360-red:     #dc3545;
  --u360-gray:    #6c757d;
}

/* ── Navbar ─────────────────────────────────────────────── */
.u360-navbar {
  background: var(--u360-navy);
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.u360-navbar .nav-link.active { border-bottom: 2px solid var(--u360-accent); }

/* ── Login ──────────────────────────────────────────────── */
.login-body { background: var(--u360-light); }
.login-card  { border-radius: 12px; border: none; }

/* ── Cards ──────────────────────────────────────────────── */
.u360-card {
  border-radius: 10px;
  border: 1px solid #dee2e6;
  background: #fff;
}
.u360-card .card-header {
  background: var(--u360-navy);
  color: #fff;
  border-radius: 10px 10px 0 0;
  font-weight: 600;
  font-size: .9rem;
  padding: .6rem 1rem;
}

/* ── Occupancy color coding (matches Excel) ─────────────── */
.occ-high   { background: #c6efce !important; color: #276221 !important; font-weight: 600; }
.occ-med    { background: #ffeb9c !important; color: #9c6500 !important; font-weight: 600; }
.occ-low    { background: #ffc7ad !important; color: #9c3600 !important; font-weight: 600; }
.occ-vlow   { background: #ffc7ce !important; color: #9c0006 !important; font-weight: 600; }
.occ-na     { background: #f2f2f2 !important; color: #999 !important; }

/* Unity360 own properties: bold label */
.prop-ours td:first-child { font-weight: 700; color: var(--u360-navy); }

/* ── Alert cards ────────────────────────────────────────── */
.alert-card-critical { border-left: 4px solid var(--u360-red);   background: #fff5f5; }
.alert-card-warning  { border-left: 4px solid var(--u360-orange); background: #fff9f0; }
.alert-card-ok       { border-left: 4px solid var(--u360-green);  background: #f0fff4; }

/* ── Market summary cards ───────────────────────────────── */
.market-card { transition: box-shadow .2s; }
.market-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.12); }

/* ── AI Analysis block ──────────────────────────────────── */
.ai-analysis {
  background: var(--u360-light);
  border-radius: 8px;
  padding: 1.25rem 1.5rem;
  font-size: .9rem;
  line-height: 1.7;
  border: 1px solid #dce3f0;
}
.ai-analysis h3, .ai-analysis h4 { color: var(--u360-navy); margin-top: 1rem; }

/* ── Tables ─────────────────────────────────────────────── */
.table-occ th { font-size: .75rem; white-space: nowrap; }
.table-occ td { font-size: .8rem; text-align: center; white-space: nowrap; }
.table-occ td:first-child { text-align: left; font-size: .82rem; }

/* ── Footer ─────────────────────────────────────────────── */
.footer { background: var(--u360-light); font-size: .8rem; }

/* ── Stat number ────────────────────────────────────────── */
.stat-number { font-size: 2rem; font-weight: 700; color: var(--u360-navy); line-height: 1; }
.stat-label  { font-size: .75rem; color: var(--u360-gray); text-transform: uppercase; letter-spacing: .05em; }

/* ── Badge pill ─────────────────────────────────────────── */
.badge-ours { background: var(--u360-navy); color: #fff; }
.badge-comp { background: #e9ecef; color: #495057; }

/* ── Responsive table wrapper ───────────────────────────── */
.table-responsive-occ { overflow-x: auto; border-radius: 6px; }

/* ── Hamburger menu contrast ────────────────────────────── */
.u360-navbar .navbar-toggler {
  border-color: rgba(255,255,255,.75);
  padding: .35rem .6rem;
}
.u360-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ── Occupancy average column ───────────────────────────── */
.occ-avg-th {
  background: #e2e8f0 !important;
  color: #1a2744 !important;
  font-weight: 700;
  border-right: 2px solid #adb5bd !important;
  white-space: nowrap;
}
.occ-avg-cell {
  border-right: 2px solid #adb5bd !important;
  font-weight: 700 !important;
}

/* ── Alert list ─────────────────────────────────────────── */
.alert-list-item {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .35rem .75rem;
  border-radius: 6px;
  font-size: .85rem;
  border-left: 3px solid transparent;
}
.alert-list-item.critical { border-left-color: var(--u360-red);   background: #fff5f5; }
.alert-list-item.warning  { border-left-color: var(--u360-orange); background: #fff9f0; }