:root {
  --etsan-red: #c8102e;
  --etsan-dark: #8f0b20;
}
body { background: #f4f5f7; }
.bg-etsan { background: linear-gradient(90deg, var(--etsan-red), var(--etsan-dark)); }
.brand-box { background: #fff; color: var(--etsan-red); padding: 1px 8px; border-radius: 4px; letter-spacing: 1px; margin-right: 4px; }
.btn-etsan { background: var(--etsan-red); color: #fff; border-color: var(--etsan-red); }
.btn-etsan:hover { background: var(--etsan-dark); color: #fff; }

.sidebar { width: 250px; flex: 0 0 250px; min-height: calc(100vh - 56px); }
@media (min-width: 992px) { .sidebar { position: sticky; top: 56px; height: calc(100vh - 56px); overflow-y: auto; } }
.sidebar .nav-link { color: #333; padding: .45rem 1rem; border-left: 3px solid transparent; font-size: .93rem; }
.sidebar .nav-link i { width: 1.4rem; display: inline-block; color: #777; }
.sidebar .nav-link:hover { background: #f1f1f1; }
.sidebar .nav-link.active { background: #fdecef; border-left-color: var(--etsan-red); color: var(--etsan-red); font-weight: 600; }
.sidebar .nav-link.active i { color: var(--etsan-red); }
.sidebar .nav-header { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: #999; padding: .9rem 1rem .25rem; }
.main-content { min-width: 0; }

.card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.card-header { background: #fff; font-weight: 600; }
.kpi-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; }
.table-sm td, .table-sm th { vertical-align: middle; }
.table thead th { font-size: .8rem; text-transform: uppercase; color: #666; white-space: nowrap; }
.num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.row-danger td { background: #fff1f1 !important; }
.row-warning td { background: #fff9e6 !important; }
.filter-bar { background: #fff; border-radius: .5rem; padding: .75rem; box-shadow: 0 1px 3px rgba(0,0,0,.06); margin-bottom: 1rem; }
.risk-badge { min-width: 2.4rem; }
.price-up { color: #c8102e; font-weight: 600; }
.price-down { color: #198754; font-weight: 600; }
.heat-cell { text-align: center; font-size: .8rem; }
.login-card { max-width: 420px; }
.demo-users code { cursor: pointer; }

/* Tablet takas paneli */
body.bare { background: #1b1d21; color: #eee; }
.tablet-head { background: var(--etsan-red); color: #fff; border-radius: .75rem; padding: .75rem 1rem; }
.tablet-card { background: #2a2d33; border-radius: .9rem; padding: 1rem; margin-bottom: .8rem; border-left: 8px solid #555; }
.tablet-card.urgent { border-left-color: #ff3b3b; animation: pulse 1.5s infinite; }
.tablet-card.normal { border-left-color: #f0b400; }
.tablet-card.mine { border-left-color: #3b8cff; }
.tablet-card .big { font-size: 1.6rem; font-weight: 700; }
.tablet-btn { font-size: 1.25rem; padding: .8rem 1.2rem; border-radius: .7rem; }
.quick-req { font-size: 1.1rem; padding: 1rem; border-radius: .8rem; width: 100%; }
@keyframes pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(255,59,59,.5); } 50% { box-shadow: 0 0 0 10px rgba(255,59,59,0); } }
.login-logo { background: var(--etsan-red); color: #fff; padding: .15rem 1rem; border-radius: .4rem; letter-spacing: 2px; }