/* GibirNet Bayi Panel — Stiller */
.bh{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.bh h2{font-size:20px;font-weight:700;color:#fff;margin:0}
.bh .badge{background:#f59e0b20;color:#f59e0b;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600}

/* Tabs */
.tabs{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}
.tab{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #334155;background:#1e293b;color:#94a3b8;transition:all .15s}
.tab:hover{border-color:#475569;color:#e2e8f0}
.tab.active{background:#f59e0b;color:#1e293b;border-color:#f59e0b}
.tp{display:none}
.tp.active{display:block}

/* KPI */
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.kc{padding:14px;border-radius:12px;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}
.kc .kl{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.kc .kv{font-size:26px;font-weight:700;color:#fff}

/* Tablo */
.bt{width:100%;border-collapse:collapse}
.bt th{text-align:left;padding:8px 12px;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #334155}
.bt td{padding:10px 12px;font-size:13px;color:#e2e8f0;border-bottom:1px solid #1e293b}
.bt tr:hover td{background:#1e293b}

/* Genel */
.empty{text-align:center;padding:32px;color:#64748b;font-size:14px}
.search-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.search-row input,.search-row select{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:8px 12px;color:#e2e8f0;font-size:13px;outline:none}
.search-row input:focus,.search-row select:focus{border-color:#f59e0b}

/* Butonlar */
.btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s}
.btn-primary{background:#f59e0b;color:#1e293b}
.btn-primary:hover{background:#fbbf24}
.btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}

/* Spinner */
.spin{animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}

/* Izin etiketleri */
.perm-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;margin:2px}
.perm-on{background:#05966920;color:#34d399}
.perm-off{background:#47556920;color:#64748b}

/* Adres breadcrumb */
.addr-chain{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.addr-chain .addr-step{background:#1e293b;border:1px solid #334155;padding:6px 12px;border-radius:8px;font-size:13px;color:#e2e8f0;cursor:pointer}
.addr-chain .addr-step.active{border-color:#f59e0b;color:#f59e0b}
.addr-chain .addr-arrow{color:#475569;font-size:12px}

/* Musteri kart */
.cust-card{padding:14px;margin-bottom:10px;border:1px solid #334155;border-radius:12px;background:#0f172a}

/* Responsive */
@media(max-width:768px){
    .kpi{grid-template-columns:1fr 1fr}
    .search-row{flex-direction:column}
}