/* =============================================
   FİLO YÖNETİM SİSTEMİ — style.css
   HGS Tasarım Dili ile Uyumlu
   ============================================= */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ---- DESIGN TOKENS (HGS paleti) ---- */
:root {
  --bg:      #060912;
  --sf:      #0c1120;
  --sf2:     #111827;
  --sf3:     #162033;
  --bd:      rgba(255,255,255,.07);
  --bd2:     rgba(255,255,255,.12);
  --tx:      #f0f4ff;
  --tx2:     #8892aa;
  --tx3:     #5c6b8a;
  --accent:  #ff6b35;
  --acc2:    #ff9a00;
  --acc-rgb: 255,107,53;
  --acc-bg:  rgba(255,107,53,.1);
  --green:   #00d4aa;
  --green-bg:rgba(0,212,170,.1);
  --red:     #f87171;
  --red-bg:  rgba(248,113,113,.1);
  --purple:  #a78bfa;
  --pur-bg:  rgba(167,139,250,.1);
  --amber:   #fbbf24;
  --radius:  12px;
  --rsm:     8px;
  --shadow:  0 2px 12px rgba(0,0,0,.4);
  --shadow2: 0 8px 32px rgba(0,0,0,.6);
}

[data-theme="light"] {
  --bg:      #f0f4fb;
  --sf:      #ffffff;
  --sf2:     #eaeff8;
  --sf3:     #dde4f0;
  --bd:      rgba(0,0,0,.08);
  --bd2:     rgba(0,0,0,.13);
  --tx:      #0f1829;
  --tx2:     #6b7a99;
  --tx3:     #8a9bbf;
  --acc-bg:  rgba(255,107,53,.07);
  --green-bg:rgba(0,212,170,.08);
  --red-bg:  rgba(248,113,113,.08);
  --pur-bg:  rgba(167,139,250,.08);
  --shadow:  0 2px 12px rgba(0,0,0,.08);
  --shadow2: 0 8px 32px rgba(0,0,0,.14);
}

body {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  background: var(--bg); color: var(--tx);
  font-size: 13px; line-height: 1.5; min-height: 100vh;
}

/* ---- LOADING ---- */
.loading-screen {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  height:100vh; gap:1rem; color:var(--tx2);
  background: var(--bg);
}
.loading-screen span { color: var(--tx2); font-size:14px; letter-spacing:.05em; }
.spinner {
  width:28px; height:28px;
  border:3px solid rgba(255,107,53,.2);
  border-top-color: var(--accent);
  border-radius:50%; animation:spin .7s linear infinite;
}
@keyframes spin { to { transform:rotate(360deg); } }

/* ---- AUTH ---- */
.auth-wrap {
  display:flex; align-items:center; justify-content:center;
  min-height:100vh; padding:1.5rem;
  background: var(--bg);
}
.auth-box {
  background: var(--sf);
  border: 1px solid var(--bd);
  border-radius:20px;
  padding:2.5rem; width:100%; max-width:380px;
  box-shadow: 0 0 0 1px rgba(255,107,53,.08), 0 24px 64px rgba(0,0,0,.5);
}
.auth-logo {
  width:64px; height:64px; border-radius:16px;
  background: linear-gradient(135deg, #ff6b35, #ff9a00);
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 1.5rem;
  color:#fff;
  box-shadow:0 8px 24px rgba(255,107,53,.35);
}
.auth-title {
  font-family:'Space Grotesk', monospace;
  font-size:18px; font-weight:700;
  text-align:center; margin-bottom:.25rem; color:var(--tx);
}
.auth-sub  { font-size:12px; color:var(--tx2); text-align:center; margin-bottom:.25rem; }
.auth-err  { font-size:12px; color:var(--red); text-align:center; margin-top:.75rem; min-height:18px; }

/* ---- APP SHELL ---- */
.app-shell  { display:flex; flex-direction:column; height:100vh; overflow:hidden; }
.app-body   { display:flex; flex:1; overflow:hidden; }
.module-container { flex:1; overflow:hidden; }

/* ---- NAV RAIL ---- */
.nav-rail {
  width:72px; flex-shrink:0;
  background: var(--sf);
  border-right: 1px solid var(--bd);
  display:flex; flex-direction:column;
  align-items:center; gap:4px;
  padding:.75rem 0;
  z-index:50;
}
.rail-btn {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; width:56px; padding:.625rem .25rem;
  border:none; border-radius:10px; cursor:pointer;
  background:transparent; color:var(--tx3);
  transition:all .15s;
}
.rail-btn:hover { background: var(--acc-bg); color:var(--accent); }
.rail-btn.active {
  background: var(--acc-bg); color:var(--accent);
  box-shadow: inset 0 0 0 1px rgba(255,107,53,.25);
}
.rail-icon  { font-size:20px; line-height:1; }
.rail-label { font-size:9px; font-weight:700; letter-spacing:.03em; text-align:center; line-height:1.2; }

/* ---- TOPNAV ---- */
.topnav {
  display:flex; align-items:center; justify-content:space-between;
  padding:0 1.25rem; height:52px; flex-shrink:0;
  background: var(--sf);
  border-bottom: 1px solid var(--bd);
  z-index:100;
}
.topnav-brand {
  display:flex; align-items:center; gap:10px;
  font-family:'Space Grotesk', monospace; font-size:15px; font-weight:700;
  color:var(--tx); letter-spacing:.02em;
}
.topnav-brand svg { opacity:.8; flex-shrink:0; color:var(--accent); }
.topnav-modules { display:flex; gap:4px; }
.nav-tab {
  font-family:'Space Grotesk',sans-serif; font-size:12px; font-weight:500;
  padding:5px 14px; border-radius:var(--rsm); border:none;
  background:transparent; color:var(--tx3); cursor:pointer;
  transition:all .15s;
}
.nav-tab:hover  { background:var(--sf2); color:var(--tx); }
.nav-tab.active { background:var(--acc-bg); color:var(--accent); }
.topnav-right { display:flex; align-items:center; gap:6px; }
.user-pill {
  font-size:11px; color:var(--tx2);
  background:var(--sf2); border:1px solid var(--bd);
  padding:3px 10px; border-radius:20px;
}
.branch-pill {
  font-size:11px; font-weight:700; color:var(--tx);
  background:var(--sf2); border:1px solid var(--bd);
  padding:3px 11px; border-radius:20px; letter-spacing:.01em;
}
.branch-pill-btn { cursor:pointer; transition:background .15s; }
.branch-pill-btn:hover { background:var(--acc-bg); color:var(--accent); border-color:rgba(255,107,53,.3); }
.branch-switcher { position:relative; }
.branch-menu {
  position:absolute; top:calc(100% + 8px); right:0;
  background:var(--sf); border:1px solid var(--bd2);
  border-radius:var(--radius); box-shadow:0 8px 24px rgba(0,0,0,.4);
  min-width:180px; z-index:999; overflow:hidden;
}
.branch-menu-item {
  display:block; width:100%; text-align:left;
  padding:10px 16px; font-size:12px; font-weight:600;
  background:transparent; border:none; cursor:pointer;
  color:var(--tx); transition:background .12s;
}
.branch-menu-item:hover  { background:var(--sf2); }
.branch-menu-item.active { color:var(--accent); background:var(--acc-bg); }

/* ---- VEHICLES LAYOUT ---- */
.vehicles-layout { display:flex; height:100%; overflow:hidden; }

.v-sidebar {
  width:240px; min-width:200px; flex-shrink:0;
  background:var(--sf); border-right:1px solid var(--bd);
  display:flex; flex-direction:column; overflow:hidden;
}
.v-sidebar-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:.75rem 1rem; border-bottom:1px solid var(--bd); flex-shrink:0;
}
.v-list { flex:1; overflow-y:auto; padding:.5rem; }
.v-item {
  padding:.625rem .75rem; border-radius:var(--rsm); cursor:pointer;
  border:1px solid transparent; margin-bottom:3px;
  transition:all .12s; position:relative;
}
.v-move-btn {
  position:absolute; top:6px; right:6px;
  background:transparent; border:1px solid var(--bd); border-radius:5px;
  font-size:11px; padding:1px 5px; cursor:pointer; color:var(--tx2);
  opacity:0; transition:opacity .15s;
}
.v-item:hover .v-move-btn { opacity:1; }
.v-move-btn:hover { background:var(--accent); color:#fff; border-color:var(--accent); }
.v-item:hover { background:var(--sf2); border-color:var(--bd); }
.v-item.active {
  background: var(--acc-bg);
  border-color: rgba(255,107,53,.3);
  border-left:3px solid var(--accent);
}
.v-plate { font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:700; letter-spacing:.04em; margin-bottom:4px; }
.v-meta  { display:flex; align-items:center; gap:6px; }
.v-driver{ font-size:11px; color:var(--tx2); }

.type-badge {
  font-size:9px; font-weight:700; padding:2px 7px; border-radius:6px;
  text-transform:uppercase; letter-spacing:.04em;
}
.type-ozmal           { background:var(--green-bg); color:var(--green); }
.type-kiralik         { background:var(--acc-bg); color:var(--accent); }
.type-satis-pazarlama { background:var(--pur-bg); color:var(--purple); }

.v-content { flex:1; overflow-y:auto; background:var(--bg); }

/* ---- VEHICLE DETAIL ---- */
.detail-header {
  background:var(--sf); border-bottom:1px solid var(--bd);
  padding:1rem 1.25rem; position:sticky; top:0; z-index:10;
}
.detail-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.detail-plate  { font-family:'JetBrains Mono',monospace; font-size:22px; font-weight:700; letter-spacing:.03em; color:var(--tx); }
.detail-meta   { display:flex; align-items:center; gap:8px; margin-top:4px; }
.detail-driver { font-size:12px; color:var(--tx2); }
.detail-right  { display:flex; align-items:flex-end; gap:8px; flex-shrink:0; }

/* ---- KPI GRID ---- */
.kpi-grid {
  display:grid; grid-template-columns:repeat(8,1fr); gap:10px;
  padding:1rem 1.25rem;
}
.kpi-card {
  background:var(--sf); border:1px solid var(--bd);
  border-radius:var(--radius); padding:.875rem 1rem;
  box-shadow:var(--shadow); transition:box-shadow .15s;
}
.kpi-card:hover { box-shadow:var(--shadow2); }
.kpi-label  { font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--tx3); margin-bottom:6px; }
.kpi-val    { font-family:'JetBrains Mono',monospace; font-size:15px; font-weight:700; color:var(--tx); }
.kpi-val-lg { font-size:20px; }
.kpi-sub    { font-size:10px; color:var(--tx3); margin-top:3px; }

.kpi-green   { border-left:3px solid var(--green); }
.kpi-green .kpi-val  { color:var(--green); }
.kpi-red     { border-left:3px solid var(--red); }
.kpi-red .kpi-val    { color:var(--red); }
.kpi-blue    { border-left:3px solid #3b82f6; }
.kpi-blue .kpi-val   { color:#3b82f6; }
.kpi-purple  { border-left:3px solid var(--purple); }
.kpi-purple .kpi-val { color:var(--purple); }
.kpi-gray    { border-left:3px solid var(--bd2); }
.kpi-success { border-left:3px solid var(--green); }
.kpi-success .kpi-val{ color:var(--green); }
.kpi-danger  { border-left:3px solid var(--red); }
.kpi-danger .kpi-val { color:var(--red); }

/* ---- TABS (auth) ---- */
.tab-row {
  display:flex; gap:4px; margin-bottom:1.5rem;
  background:var(--sf2); border-radius:10px; padding:3px;
}
.tab {
  flex:1; font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:500;
  padding:7px; border-radius:8px; border:none; background:transparent;
  color:var(--tx2); cursor:pointer; transition:all .12s;
}
.tab.active {
  background:var(--accent); color:#fff;
  box-shadow:0 2px 8px rgba(255,107,53,.35);
}

/* ---- TABLES ---- */
.table-scroll-wrap {
  overflow-x:auto; border:1px solid var(--bd);
  border-radius:var(--radius); background:var(--sf); box-shadow:var(--shadow);
}
.data-table { border-collapse:collapse; font-size:11px; white-space:nowrap; min-width:100%; }
.data-table th, .data-table td { padding:5px 8px; border:1px solid var(--bd); text-align:center; vertical-align:middle; }
.data-table thead th {
  background:var(--sf2); font-size:9.5px; font-weight:700;
  letter-spacing:.05em; color:var(--tx3); text-transform:uppercase; line-height:1.3;
}
.dt-compact th, .dt-compact td { padding:4px 6px; }

/* group headers */
.hg-row .gh { font-size:8.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:4px 6px; border-bottom:2px solid var(--bd2); }
.gh-1 { background:rgba(59,130,246,.12); color:#93c5fd; }
.gh-2 { background:rgba(0,212,170,.1);   color:var(--green); }
.gh-3 { background:rgba(251,191,36,.1);  color:var(--amber); }
.gh-4 { background:rgba(167,139,250,.1); color:var(--purple); }
.gh-5 { background:rgba(248,113,113,.1); color:var(--red); }

/* sticky col */
.sticky-col { position:sticky; left:0; z-index:5; background:var(--sf); }
.data-table thead .sticky-col { background:var(--sf2); z-index:10; }

.th-ay    { min-width:88px; }
.th-act   { min-width:56px; }
.th-xs    { min-width:30px; max-width:40px; }
.th-num   { text-align:right; }
.th-route { min-width:140px; text-align:left; }
.th-calc  { background:rgba(251,191,36,.08) !important; color:var(--amber) !important; }
.th-total { background:rgba(167,139,250,.08) !important; color:var(--purple) !important; }

/* body cells */
.td-ay   { font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600; text-align:left; }
.num     { font-family:'JetBrains Mono',monospace; font-size:11px; text-align:right; }
.mono-sm { font-family:'JetBrains Mono',monospace; font-size:11px; }
.td-route { text-align:left; font-size:11px; max-width:160px; white-space:normal; line-height:1.3; }
.td-calc  { background:rgba(251,191,36,.06); color:var(--amber); font-weight:600; }
.td-total { background:rgba(167,139,250,.06) !important; color:var(--purple) !important; font-weight:600 !important; }

.td-profit { color:var(--green) !important; font-weight:600 !important; }
.td-loss   { color:var(--red)   !important; font-weight:600 !important; }
.row-loss  { background:rgba(248,113,113,.04); }

.data-table tbody tr:hover td           { background:rgba(255,107,53,.03); }
.data-table tbody tr:hover .td-calc     { background:rgba(251,191,36,.08); }
.data-table tbody tr:hover .td-total    { background:rgba(167,139,250,.08) !important; }
.data-table tbody tr:hover .sticky-col  { background:rgba(255,107,53,.03); }

.td-empty  { text-align:center !important; color:var(--tx3); padding:2.5rem !important; font-size:13px; }
.td-actions { display:flex; gap:4px; justify-content:center; padding:3px !important; }

.tfoot-row { background:var(--sf2) !important; }
.tfoot-row td { font-weight:700 !important; border-top:2px solid var(--bd2) !important; }
.tf-label  { text-align:left !important; font-size:10px; font-weight:700 !important; color:var(--accent); letter-spacing:.04em; text-transform:uppercase; }

.c-green { color:var(--green) !important; }
.c-red   { color:var(--red)   !important; }

/* ---- SIDE-BY-SIDE ---- */
.side-by-side { display:flex; gap:1rem; align-items:flex-start; }
.side-by-side > .table-scroll-wrap { flex:1; }
.info-box {
  width:240px; flex-shrink:0;
  background:var(--sf); border:1px solid var(--bd);
  border-radius:var(--radius); padding:1rem; box-shadow:var(--shadow);
}
.info-box-title { font-size:12px; font-weight:700; margin-bottom:.75rem; color:var(--tx2); }
.info-row {
  display:flex; justify-content:space-between; align-items:center;
  padding:.375rem 0; border-bottom:1px solid var(--bd); font-size:12px;
}
.info-row:last-child { border-bottom:none; }
.info-accent { background:var(--acc-bg); border-radius:var(--rsm); padding:.375rem .5rem; margin-top:.25rem; font-weight:600; }

/* ---- TRIP RESULT ROW ---- */
.trip-result-row { display:flex; gap:1rem; flex-wrap:wrap; }
.trip-res { display:flex; flex-direction:column; gap:4px; min-width:140px; }
.res-lbl  { font-size:10px; font-weight:700; color:var(--tx3); text-transform:uppercase; letter-spacing:.04em; }
.res-val  { font-family:'JetBrains Mono',monospace; font-size:18px; font-weight:700; }
.fsec-result { background:var(--sf2); border-radius:var(--rsm); padding:1rem; margin-top:.5rem; }

/* ---- DASHBOARD ---- */
.dashboard-wrap { padding:1.5rem; height:100%; overflow-y:auto; }
.dash-toolbar {
  display:flex; align-items:flex-start; justify-content:space-between;
  margin-bottom:1.25rem;
  background: var(--sf); border:1px solid var(--bd);
  border-radius:var(--radius); padding:1rem 1.25rem;
  box-shadow:var(--shadow);
}
.dash-title { font-size:18px; font-weight:700; color:var(--tx); }
.dash-sub   { font-size:12px; color:var(--tx2); margin-top:3px; }
.empty-dash {
  display:flex; flex-direction:column; align-items:center;
  justify-content:center; height:60vh;
  gap:1rem; color:var(--tx3); font-size:14px;
}

/* ---- WELCOME STATE ---- */
.welcome-state {
  display:flex; flex-direction:column; align-items:center;
  justify-content:center; height:100%;
  gap:1rem; color:var(--tx3);
}
.welcome-state h3 { font-size:16px; font-weight:500; color:var(--tx2); }
.welcome-state p  { font-size:13px; }

/* ---- FORMS ---- */
.form-group  { display:flex; flex-direction:column; gap:4px; margin-bottom:.75rem; }
.form-label  { font-size:10px; font-weight:700; color:var(--tx3); text-transform:uppercase; letter-spacing:.05em; }
.calc-label  { color:var(--amber) !important; }
.calc-badge  {
  font-size:9px; background:rgba(251,191,36,.1); color:var(--amber);
  border-radius:4px; padding:1px 5px; vertical-align:middle; margin-left:3px; font-weight:700;
}

.input {
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:13px; color:var(--tx); background:var(--sf2);
  border:1.5px solid var(--bd); border-radius:var(--rsm);
  padding:7px 11px; height:36px; outline:none; width:100%;
  transition:border-color .15s, box-shadow .15s;
}
.input:focus {
  border-color: rgba(255,107,53,.5);
  box-shadow:0 0 0 3px rgba(255,107,53,.12);
  background:var(--sf);
}
.input-sm          { height:30px; font-size:12px; padding:4px 9px; }
.calc-input {
  background:rgba(251,191,36,.06); color:var(--amber); border-color:rgba(251,191,36,.25);
  font-family:'JetBrains Mono',monospace; font-weight:600; cursor:default;
}

/* ---- BUTTONS ---- */
.btn {
  font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:600;
  padding:7px 14px; height:36px; border-radius:var(--rsm);
  border:1.5px solid var(--bd2); background:var(--sf); color:var(--tx);
  cursor:pointer; white-space:nowrap;
  transition:all .15s;
  display:inline-flex; align-items:center; gap:5px;
}
.btn:hover         { background:var(--sf2); border-color:rgba(255,107,53,.35); }
.btn-primary {
  background: linear-gradient(135deg, #ff6b35, #ff9a00);
  color:#fff; border:none;
  box-shadow:0 4px 14px rgba(255,107,53,.3);
}
.btn-primary:hover { opacity:.92; box-shadow:0 6px 20px rgba(255,107,53,.45); }
.btn-ghost  { border-color:transparent; background:transparent; color:var(--tx2); }
.btn-ghost:hover { background:var(--sf2); color:var(--tx); border-color:var(--bd); }
.btn-danger-ghost { border-color:transparent; background:transparent; color:var(--red); }
.btn-danger-ghost:hover { background:var(--red-bg); }
.btn-sm     { height:28px; padding:4px 10px; font-size:12px; }
.w-full     { width:100%; justify-content:center; }
.icon-btn {
  background:transparent; border:none; cursor:pointer; color:var(--tx3);
  padding:5px 7px; border-radius:var(--rsm); font-size:15px; line-height:1;
  transition:all .12s;
}
.icon-btn:hover { color:var(--tx); background:var(--sf2); }
.topnav .btn-ghost { color:var(--tx2); border-color:var(--bd); }
.topnav .btn-ghost:hover { background:var(--sf2); color:var(--tx); }

.btn-edit  { color:var(--accent); }
.btn-del   { color:var(--red); opacity:0; transition:opacity .15s; }
.data-table tbody tr:hover .btn-del { opacity:1; }

/* ---- MODAL ---- */
.modal-bg {
  position:fixed; inset:0; background:rgba(0,0,0,.7);
  display:flex; align-items:center; justify-content:center;
  z-index:200; padding:1rem;
  backdrop-filter:blur(6px);
}
.modal {
  position:relative;
  background:var(--sf); border:1px solid var(--bd2);
  border-radius:16px;
  width:380px; max-width:95vw;
  box-shadow:0 24px 64px rgba(0,0,0,.5), 0 0 0 1px rgba(255,107,53,.08);
  display:flex; flex-direction:column; max-height:90vh;
}
.modal-lg  { width:740px; }
.modal-xl  { width:920px; }

.modal::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, #ff6b35, #ff9a00);
  border-radius:16px 16px 0 0; pointer-events:none;
}
.modal-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:.875rem 1.25rem; border-bottom:1px solid var(--bd); flex-shrink:0;
}
.modal-title { font-size:14px; font-weight:700; color:var(--tx); }
.modal-body  { overflow-y:auto; padding:1.25rem; flex:1; }
.modal-foot  {
  display:flex; gap:8px; justify-content:flex-end;
  padding:.875rem 1.25rem; border-top:1px solid var(--bd); flex-shrink:0;
}

/* form sections */
.fsec { margin-bottom:1.25rem; padding-bottom:1.25rem; border-bottom:1px solid var(--bd); }
.fsec:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.fsec-title {
  font-size:10px; font-weight:700; letter-spacing:.07em;
  text-transform:uppercase; color:var(--tx3); margin-bottom:.75rem;
  display:flex; align-items:center; gap:6px;
}
.fsec-title::before {
  content:''; width:3px; height:12px;
  background:linear-gradient(#ff6b35,#ff9a00);
  border-radius:2px; display:inline-block;
}

.fgrid { display:grid; gap:10px; }
.fgrid-4 { grid-template-columns:repeat(4,1fr); }
.fgrid-3 { grid-template-columns:repeat(3,1fr); }

.section-label { font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--tx3); }
.empty-state   { text-align:center; color:var(--tx3); font-size:12px; padding:1.5rem; line-height:1.7; }

/* ---- VP CTRL ---- */
.vp-ctrl {
  display:flex; align-items:center; justify-content:space-between;
  padding:.75rem 1.25rem; background:var(--sf); border-bottom:1px solid var(--bd);
  position:sticky; top:0; z-index:10; gap:1rem; flex-shrink:0;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.vp-left   { display:flex; align-items:center; gap:10px; }
.vp-mid    { display:flex; align-items:center; }
.vp-right  { display:flex; align-items:center; gap:6px; }
.vp-driver { font-size:12px; color:var(--tx2); }
.ss-plate  { font-family:'JetBrains Mono',monospace; font-size:19px; font-weight:800; letter-spacing:.04em; color:var(--tx); }

/* ---- SUMSTRIP ---- */
/* ---- SPARK KPI CARDS ---- */
.spark-kpi-row {
  display:flex; gap:1rem; padding:1rem 1.25rem;
  background:var(--bg); flex-shrink:0; flex-wrap:wrap;
}
.spark-kpi-card {
  flex:1; min-width:180px;
  border-radius:var(--radius); padding:1.2rem 1.25rem .4rem;
  position:relative; overflow:hidden;
}
.spark-gelir   { background:linear-gradient(135deg, #00917a 0%, #006b5a 100%); }
.spark-gider   { background:linear-gradient(135deg, #c04e20 0%, #9a3a12 100%); }
.spark-kar-pos { background:linear-gradient(135deg, #1565c0 0%, #0d47a1 100%); }
.spark-kar-neg { background:linear-gradient(135deg, #b71c1c 0%, #8b0000 100%); }
.spark-kpi-top {
  display:flex; align-items:center; justify-content:space-between; margin-bottom:.35rem;
}
.spark-kpi-label {
  font-size:9.5px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:rgba(255,255,255,.65);
}
.spark-kpi-badge {
  font-size:9px; font-weight:600; color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.12); border-radius:20px; padding:2px 8px;
}
.spark-kpi-val {
  font-family:'JetBrains Mono',monospace;
  font-size:21px; font-weight:700; color:#fff;
  letter-spacing:-.5px; margin-bottom:.2rem;
}
.spark-kpi-chart { margin:0 -1.25rem; }

/* ---- SECONDARY CHIPS ---- */
.sec-chip-row {
  display:flex; flex-wrap:wrap; gap:.45rem;
  padding:.65rem 1.25rem .85rem; background:var(--bg);
  border-bottom:1px solid var(--bd);
}
.sec-chip {
  background:var(--sf); border:1px solid var(--bd);
  border-radius:10px; padding:.42rem .85rem;
  display:flex; align-items:center; gap:.5rem;
}
.sec-chip-accent { border-color:rgba(255,107,53,.3); }
.sec-chip-lbl {
  font-size:9px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--tx3);
}
.sec-chip-val {
  font-family:'JetBrains Mono',monospace;
  font-size:13px; font-weight:700; color:var(--tx);
}

/* legacy — kept for any remaining references */
.sumstrip-wrap { overflow-x:auto; background:var(--sf); border-bottom:2px solid var(--bd2); flex-shrink:0; }
.sumstrip-tbl  { border-collapse:collapse; width:100%; min-width:900px; }
.sumstrip-tbl th {
  font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--tx3); padding:6px 12px 4px; border-right:1px solid var(--bd);
  text-align:center; background:var(--sf2);
}
.sumstrip-tbl td {
  padding:9px 12px; border-right:1px solid var(--bd); text-align:center;
}
.sumstrip-tbl th:last-child, .sumstrip-tbl td:last-child { border-right:none; }
.ss-num { font-family:'JetBrains Mono',monospace; font-size:14px; font-weight:700; }

.ss-tripkar-th { background:rgba(0,212,170,.08) !important; color:var(--green) !important; }
.ss-tripkar    { font-size:15px !important; font-weight:800 !important; }
.ss-kar-th     { background:rgba(255,107,53,.08) !important; color:var(--accent) !important; }
.ss-kar        { font-size:16px !important; font-weight:800 !important; }
.ss-kar-pos    { color:var(--green) !important; }
.ss-kar-neg    { color:var(--red)   !important; }

/* ---- SECTION CARDS ---- */
.sec-card {
  margin:1rem 1.25rem 0;
  border:1px solid var(--bd); border-radius:var(--radius);
  overflow:hidden; box-shadow:var(--shadow);
}
.sec-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:.625rem 1rem; background:var(--sf2); border-bottom:1px solid var(--bd);
}
.sec-title { font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); }
.sec-body  { overflow-x:auto; background:var(--sf); }

.sec-totals-row { background:var(--sf2) !important; }
.sec-totals-row td { font-weight:700 !important; border-bottom:2px solid var(--bd2) !important; }
.stot-label {
  text-align:left !important; font-size:10px; font-weight:700 !important;
  color:var(--accent); letter-spacing:.04em; text-transform:uppercase;
}

/* ---- BOTTOM SECTIONS ---- */
.bottom-sections {
  display:flex; gap:1.25rem; padding:0 1.25rem 1.5rem; margin-top:1rem;
}
.bottom-sections .sec-card { flex:1; margin:0; }

/* ---- SEFER TİPİ BADGE ---- */
.sefer-tip-badge {
  font-size:9px; font-weight:700; padding:2px 7px; border-radius:6px;
  text-transform:uppercase; letter-spacing:.04em; white-space:nowrap;
}
.stp-ihracat { background:rgba(59,130,246,.12); color:#93c5fd; }
.stp-ithalat { background:var(--pur-bg); color:var(--purple); }
.stp-x       { background:var(--sf2); color:var(--tx3); }

/* ---- DASHBOARD (AUTO-AGGREGATE) ---- */
.dash-period-bar {
  font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; color:#fff;
  background: linear-gradient(135deg, #ff6b35, #ff9a00);
  border-radius:var(--rsm); padding:6px 14px; display:inline-block;
  margin-bottom:1.25rem;
  box-shadow:0 4px 12px rgba(255,107,53,.3);
}
.dash-group-label {
  font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  color:var(--accent); margin:1.5rem 0 .75rem;
  padding-bottom:.4rem; border-bottom:2px solid var(--bd2);
  display:flex; align-items:center; gap:6px;
}
.dash-group-label::before {
  content:''; width:3px; height:12px;
  background:linear-gradient(#ff6b35,#ff9a00);
  border-radius:2px; display:inline-block;
}
.dash-kpi-row { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:.5rem; }
.dash-kpi {
  flex:1; min-width:160px;
  background:var(--sf); border:1px solid var(--bd);
  border-radius:var(--radius); padding:.875rem 1.125rem;
  box-shadow:var(--shadow); transition:box-shadow .15s;
}
.dash-kpi:hover { box-shadow:var(--shadow2); }
.dkpi-label { font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--tx3); margin-bottom:7px; }
.dkpi-val   { font-family:'JetBrains Mono',monospace; font-size:19px; font-weight:700; line-height:1.2; }
.dkpi-sub   { font-size:10px; color:var(--tx3); margin-top:4px; }

.dkpi-green  { border-left:3px solid var(--green); }
.dkpi-green .dkpi-val  { color:var(--green); }
.dkpi-red    { border-left:3px solid var(--red); }
.dkpi-red .dkpi-val    { color:var(--red); }
.dkpi-blue   { border-left:3px solid #3b82f6; }
.dkpi-blue .dkpi-val   { color:#3b82f6; }
.dkpi-purple { border-left:3px solid var(--purple); }
.dkpi-purple .dkpi-val { color:var(--purple); }
.dkpi-gray   { border-left:3px solid var(--bd2); }
.dkpi-gray .dkpi-val   { color:var(--tx); }

/* CIRO STRIP */
.dash-ciro-strip {
  display:flex; align-items:stretch;
  background:var(--sf); border:1px solid var(--bd);
  border-radius:var(--radius); overflow:hidden;
  box-shadow:var(--shadow); margin-bottom:1rem;
  flex-wrap:wrap;
}
.dcs-col {
  flex:1; min-width:120px; padding:.875rem 1rem; text-align:center;
  border-right:1px solid var(--bd);
}
.dcs-col:last-child { border-right:none; }
.dcs-sep {
  display:flex; align-items:center; padding:0 8px;
  font-size:18px; font-weight:700; color:var(--tx3); flex-shrink:0;
}
.dcs-label { font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--tx3); margin-bottom:5px; }
.dcs-val   { font-family:'JetBrains Mono',monospace; font-size:14px; font-weight:700; color:var(--tx); line-height:1.3; }
.dcs-kar   { font-size:11px; margin-top:3px; font-weight:600; }

.dcs-ozmal   { background:rgba(59,130,246,.06); }
.dcs-kiralik { background:rgba(0,212,170,.06); }
.dcs-sp      { background:rgba(167,139,250,.06); }
.dcs-dom     { background:rgba(251,191,36,.06); }
.dcs-net     { background:var(--sf2); }
.dcs-total   { background:rgba(255,107,53,.06); flex:1.4; }
.dcs-total .dcs-label { color:var(--accent); font-size:10px; }
.dcs-total .dcs-val   { color:var(--accent); font-size:17px; }

/* ---- ROL BAZLI GİZLEME ---- */
body.role-readonly .btn-primary       { display:none !important; }
body.role-readonly .btn-danger-ghost  { display:none !important; }
body.role-readonly .btn-del           { display:none !important; }
body.role-readonly .btn-edit          { display:none !important; }

/* ---- ADMIN PANELİ ---- */
.adm-kpi-row { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:1.25rem; }
.adm-kpi {
  flex:1; min-width:110px; background:var(--sf);
  border:1px solid var(--bd); border-radius:var(--radius);
  padding:.875rem 1.125rem; box-shadow:var(--shadow); text-align:center;
}
.adm-kpi-val   { font-family:'JetBrains Mono',monospace; font-size:26px; font-weight:800; line-height:1; margin-bottom:5px; }
.adm-kpi-label { font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--tx3); }
.adm-kpi-blue   { border-left:3px solid #3b82f6; }
.adm-kpi-blue .adm-kpi-val   { color:#3b82f6; }
.adm-kpi-purple { border-left:3px solid var(--purple); }
.adm-kpi-purple .adm-kpi-val { color:var(--purple); }
.adm-kpi-green  { border-left:3px solid var(--green); }
.adm-kpi-green .adm-kpi-val  { color:var(--green); }
.adm-kpi-gray   { border-left:3px solid var(--bd2); }
.adm-kpi-red    { border-left:3px solid var(--red); }
.adm-kpi-red .adm-kpi-val    { color:var(--red); }

.adm-table-card {
  background:var(--sf); border:1px solid var(--bd);
  border-radius:var(--radius); box-shadow:var(--shadow);
  overflow:hidden; margin-bottom:1.25rem;
}
.adm-table-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:.875rem 1.25rem; background:var(--sf2); border-bottom:1px solid var(--bd);
}
.adm-table-title { font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); }

.adm-avatar {
  width:30px; height:30px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg, #ff6b35, #ff9a00);
  color:#fff; font-size:13px; font-weight:700;
  display:flex; align-items:center; justify-content:center;
}
.adm-role-sel { width:120px; height:28px; font-size:11px; padding:3px 8px; }
.adm-status-badge {
  font-size:10px; font-weight:700; padding:3px 9px;
  border-radius:6px; white-space:nowrap;
}
.adm-active  { background:var(--green-bg); color:var(--green); }
.adm-passive { background:var(--red-bg);   color:var(--red);   }
.adm-row-inactive td { opacity:.5; }
.adm-modal-info {
  font-size:11px; color:var(--tx2); background:var(--sf2);
  border:1px solid var(--bd); border-radius:var(--rsm);
  padding:.75rem; margin-top:.5rem; line-height:1.6;
}

.adm-role-legend {
  background:var(--sf); border:1px solid var(--bd);
  border-radius:var(--radius); padding:1.25rem; box-shadow:var(--shadow);
}
.adm-legend-title {
  font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--accent); margin-bottom:1rem;
}
.adm-legend-grid { display:flex; flex-direction:column; gap:.75rem; }
.adm-legend-item { display:flex; align-items:center; gap:.875rem; font-size:12px; color:var(--tx2); }
.adm-role-badge {
  font-size:9px; font-weight:700; padding:3px 10px;
  border-radius:6px; white-space:nowrap; flex-shrink:0;
}
.role-admin    { background:rgba(255,107,53,.12); color:var(--accent); }
.role-operator { background:var(--green-bg); color:var(--green); }
.role-readonly { background:var(--sf2); color:var(--tx2); border:1px solid var(--bd); }

/* ---- NAV RAIL SEPARATOR ---- */
.rail-sep {
  width:36px; height:1px; background:var(--bd2);
  margin:.5rem auto;
}

/* ---- SHARED PAGE MODULE ---- */
.page-module-wrap { padding:1.5rem; height:100%; overflow-y:auto; }
.page-header { margin-bottom:1.5rem; }
.page-title  { font-size:20px; font-weight:700; color:var(--tx); margin-bottom:4px; }
.page-sub    { font-size:13px; color:var(--tx2); }

/* ---- SEKME NAVİGASYONU ---- */
.mn-tabs {
  display:flex; gap:4px;
  background:var(--sf2); border:1px solid var(--bd);
  border-radius:var(--radius); padding:5px;
  margin-bottom:1.25rem; width:fit-content;
}
.mn-tab {
  background:transparent; border:none; cursor:pointer;
  padding:7px 18px; border-radius:9px;
  font-size:13px; font-weight:600; color:var(--tx2);
  transition:all .18s;
}
.mn-tab:hover { background:var(--sf); color:var(--tx); }
.mn-tab-active {
  background:var(--sf) !important; color:var(--accent) !important;
  box-shadow:0 1px 4px rgba(255,107,53,.15);
}

/* ---- MANUEL GİRİŞ ---- */
.mn-grid {
  display:grid; grid-template-columns:320px 1fr; gap:1.25rem; align-items:start;
}
.mn-form-card, .mn-list-card {
  background:var(--sf); border:1px solid var(--bd);
  border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden;
}
.mn-card-title {
  font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  color:var(--accent); padding:.875rem 1.25rem;
  border-bottom:1px solid var(--bd); background:var(--sf2);
  display:flex; align-items:center; justify-content:space-between;
}
.mn-count { font-size:11px; font-weight:600; color:var(--tx2); letter-spacing:0; text-transform:none; }
.mn-form-card .form-group { padding:0 1.25rem; }
.mn-form-card .form-group:first-of-type { padding-top:1.25rem; }
.mn-form-card .btn.w-full { margin:0 1.25rem 1.25rem; width:calc(100% - 2.5rem); }
.mn-err { font-size:12px; color:var(--red); min-height:16px; padding:0 1.25rem .75rem; text-align:center; }

/* ---- İÇE AKTAR ---- */
.im-steps { display:flex; flex-direction:column; gap:1rem; }
.im-step  {
  display:flex; gap:1.25rem; align-items:flex-start;
  background:var(--sf); border:1px solid var(--bd);
  border-radius:var(--radius); padding:1.25rem;
  box-shadow:var(--shadow);
}
.im-step-num {
  width:32px; height:32px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg, #ff6b35, #ff9a00);
  color:#fff; font-size:14px; font-weight:700;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 10px rgba(255,107,53,.3);
}
.im-step-body  { flex:1; }
.im-step-title { font-size:14px; font-weight:700; color:var(--tx); margin-bottom:4px; }
.im-step-desc  { font-size:12px; color:var(--tx2); margin-bottom:.875rem; }
.im-col-info   { display:flex; gap:6px; flex-wrap:wrap; margin-top:.75rem; }
.im-col-chip   {
  font-size:10px; font-weight:600; padding:2px 8px;
  border-radius:6px; background:var(--sf2); color:var(--tx2);
  border:1px solid var(--bd);
}
.im-col-chip.req { background:var(--acc-bg); color:var(--accent); border-color:rgba(255,107,53,.2); }
.im-file-label { display:flex; align-items:center; gap:10px; cursor:pointer; }
.im-filename   { font-size:12px; color:var(--tx2); font-style:italic; }
.im-preview-wrap { margin-top:.5rem; }

@media (max-width:800px) {
  .mn-grid { grid-template-columns:1fr; }
}

/* ---- CHARTS ---- */
.chart-row {
  display:flex; gap:1rem; padding:1rem 1.25rem;
  background:var(--bg); flex-wrap:wrap;
}
.chart-card {
  flex:1; min-width:220px;
  background:var(--sf); border:1px solid var(--bd);
  border-radius:var(--radius); padding:1rem 1.125rem;
  box-shadow:var(--shadow);
}
.chart-card-wide { flex:1.6; }
.chart-card-title {
  font-size:10px; font-weight:700; letter-spacing:.07em;
  text-transform:uppercase; color:var(--accent);
  margin-bottom:.75rem; padding-bottom:.4rem;
  border-bottom:1px solid var(--bd);
  display:flex; align-items:center; gap:6px;
}
.chart-card-title::before {
  content:''; width:3px; height:11px;
  background:linear-gradient(#ff6b35, #ff9a00);
  border-radius:2px; display:inline-block;
}
.chart-canvas-wrap { position:relative; }

/* ---- SCROLLBAR ---- */
::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:rgba(255,107,53,.25); border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:rgba(255,107,53,.45); }

/* ---- LINK BTN ---- */
.link-btn { background:none; border:none; color:var(--accent); cursor:pointer; font-size:inherit; text-decoration:underline; }

/* ---- RESPONSIVE ---- */
@media (max-width:900px) {
  .kpi-grid { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:700px) {
  .kpi-grid { grid-template-columns:repeat(2,1fr); }
  .modal-lg, .modal-xl { width:100%; }
  .fgrid-4 { grid-template-columns:1fr 1fr; }
  .fgrid-3 { grid-template-columns:1fr 1fr; }
  .user-pill, .topnav-brand span { display:none; }
  .v-sidebar { width:180px; }
  .side-by-side { flex-direction:column; }
  .info-box { width:100%; }
}

/* ════════════════════════════════════════════════════════
   HGS FILO — DARK GLASSMORPHISM REDESIGN
   Admin paneli ile uyumlu siberpunk / glassmorphism tema
   ════════════════════════════════════════════════════════ */

body {
  background:
    radial-gradient(ellipse 90% 40% at 15% 0%, rgba(255,107,53,.05) 0%, transparent 55%),
    radial-gradient(ellipse 60% 30% at 85% 100%, rgba(167,139,250,.04) 0%, transparent 50%),
    var(--bg);
}

/* ── Topnav ────────────────────────────────── */
.topnav {
  background: rgba(6,9,18,.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 1px 0 rgba(255,107,53,.09), 0 4px 20px rgba(0,0,0,.4);
}
.nav-tab.active {
  background: rgba(255,107,53,.12);
  color: var(--accent);
  box-shadow: inset 0 0 0 1px rgba(255,107,53,.25);
}

/* ── Nav Rail ──────────────────────────────── */
.nav-rail {
  background: rgba(6,9,18,.72);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-right: 1px solid rgba(255,255,255,.06);
}
.rail-btn.active {
  background: rgba(255,107,53,.13);
  box-shadow: inset 0 0 0 1px rgba(255,107,53,.3), 0 0 14px rgba(255,107,53,.1);
}

/* ── Vehicle Sidebar ───────────────────────── */
.v-sidebar {
  background: rgba(6,9,18,.68);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-right: 1px solid rgba(255,255,255,.06);
}
.v-sidebar-head {
  background: rgba(255,107,53,.05);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.v-item {
  border-radius: 10px;
  border: 1px solid transparent;
  transition: all .15s;
}
.v-item:hover {
  background: rgba(255,107,53,.07);
  border-color: rgba(255,107,53,.18);
}
.v-item.active {
  background: rgba(255,107,53,.11);
  border-color: rgba(255,107,53,.38);
  border-left: 3px solid var(--accent);
  box-shadow: 0 0 16px rgba(255,107,53,.12), inset 0 0 20px rgba(255,107,53,.04);
}
.v-plate { color: var(--tx); letter-spacing: .06em; }

/* ── VP-CTRL (Sticky Vehicle Header) ──────── */
.vp-ctrl {
  background: rgba(6,9,18,.88);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 4px 24px rgba(0,0,0,.5), 0 1px 0 rgba(255,107,53,.12);
}
.ss-plate {
  color: var(--accent);
  text-shadow: 0 0 18px rgba(255,107,53,.45);
  letter-spacing: .08em;
}
.vp-driver { color: var(--tx2); }

/* ── Section Cards ─────────────────────────── */
.sec-card {
  margin: 1rem 1.25rem 0;
  background: rgba(11,16,28,.65);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 28px rgba(0,0,0,.4);
  transition: border-color .22s, box-shadow .22s;
}
.sec-card:hover {
  border-color: rgba(255,107,53,.22);
  box-shadow: 0 4px 28px rgba(0,0,0,.45), 0 0 0 1px rgba(255,107,53,.07);
}
.sec-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: .7rem 1.1rem;
  background: rgba(255,107,53,.07);
  border-bottom: 1px solid rgba(255,255,255,.07);
  position: relative;
}
.sec-header::before {
  content: '';
  position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, #ff6b35, #ff9a00);
  border-radius: 0 0 0 0;
}
.sec-title {
  font-size: 10px; font-weight: 800; letter-spacing: .1em;
  text-transform: uppercase; color: var(--accent);
  text-shadow: 0 0 14px rgba(255,107,53,.4);
  padding-left: 4px;
}
.sec-body { background: transparent; }

/* ── Tables ────────────────────────────────── */
.table-scroll-wrap {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.data-table { background: transparent; }
.data-table thead th {
  background: rgba(255,107,53,.07);
  color: rgba(160,170,190,.8);
  border-color: rgba(255,255,255,.06);
  font-size: 9px; letter-spacing: .07em; text-transform: uppercase;
  padding: 7px 9px;
}
.data-table td {
  border-color: rgba(255,255,255,.05);
  color: var(--tx);
  padding: 6px 8px;
}
.data-table tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.018);
}
.data-table tbody tr:hover td {
  background: rgba(255,107,53,.05) !important;
}
.data-table tbody tr:hover .sticky-col {
  background: rgba(255,107,53,.05) !important;
}
.sticky-col { background: rgba(11,16,28,.9); }
.data-table thead .sticky-col { background: rgba(255,107,53,.07); }

/* Toplam satırı */
.sec-totals-row td, .tfoot-row td {
  background: rgba(255,107,53,.07) !important;
  border-top: 1px solid rgba(255,107,53,.2) !important;
  color: var(--tx);
}
.stot-label, .tf-label {
  color: var(--accent) !important;
  text-shadow: 0 0 10px rgba(255,107,53,.3);
}

/* ── Chip Redesign ─────────────────────────── */
.sec-chip {
  background: rgba(11,16,28,.75);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(8px);
  transition: border-color .15s, box-shadow .15s;
}
.sec-chip:hover {
  border-color: rgba(255,107,53,.28);
  box-shadow: 0 0 12px rgba(255,107,53,.09);
}
.sec-chip-accent {
  border-color: rgba(255,107,53,.32);
  background: rgba(255,107,53,.08);
}

/* ── Bottom Sections ───────────────────────── */
.bottom-sections {
  display: flex; gap: 1.25rem;
  padding: 1rem 1.25rem 2rem;
  margin-top: 0;
}
.bottom-sections .sec-card { flex: 1; margin: 0; }

/* ── Chart Cards ───────────────────────────── */
.chart-card {
  background: rgba(11,16,28,.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 4px 20px rgba(0,0,0,.4);
}
.chart-card-title {
  border-bottom-color: rgba(255,255,255,.07);
  text-shadow: 0 0 12px rgba(255,107,53,.3);
}

/* ── Inputs inside dark ────────────────────── */
.input {
  background: rgba(6,9,18,.7);
  border-color: rgba(255,255,255,.1);
  color: var(--tx);
}
.input:focus {
  background: rgba(6,9,18,.92);
  border-color: rgba(255,107,53,.55);
  box-shadow: 0 0 0 3px rgba(255,107,53,.1), 0 0 14px rgba(255,107,53,.08);
}

/* ── Modal dark ────────────────────────────── */
.modal {
  background: rgba(11,16,28,.92);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 24px 80px rgba(0,0,0,.7), 0 0 0 1px rgba(255,107,53,.06);
}
.modal-head {
  background: rgba(255,107,53,.06);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.modal-foot {
  background: rgba(6,9,18,.5);
  border-top: 1px solid rgba(255,255,255,.07);
}

/* ── Sefer tip badge ───────────────────────── */
.sefer-tip-badge { backdrop-filter: blur(6px); }

/* ── Sec totals count row ──────────────────── */
.sec-count-row td {
  background: rgba(0,212,170,.05) !important;
  color: var(--green) !important;
  font-size: 10px !important; font-weight: 700 !important;
  border-bottom: 1px solid rgba(0,212,170,.15) !important;
}
.sec-count-row .stot-label {
  color: var(--green) !important;
  text-shadow: 0 0 8px rgba(0,212,170,.3) !important;
}

/* ── Action Buttons in table ───────────────── */
.btn-del, .btn-edit {
  background: transparent;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 7px;
  padding: 3px 8px; font-size: 12px;
  cursor: pointer; color: var(--tx3);
  transition: all .15s;
}
.btn-del:hover  { background: var(--red-bg);   border-color: rgba(248,113,113,.35); color: var(--red); }
.btn-edit:hover { background: var(--acc-bg); border-color: rgba(255,107,53,.35);  color: var(--accent); }
}

/* ── DROPZONE FOLDER ── */
.dz-fw{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:.25rem 0}
.dz-folder{position:relative;width:120px;height:80px;margin:0 auto;animation:dzFloat 2.5s infinite ease-in-out;filter:drop-shadow(0 0 12px rgba(255,107,53,.35));transition:filter .4s}
.dz-folder.dz-ok{animation-duration:.75s;filter:drop-shadow(0 0 12px rgba(0,212,170,.38))}
.dz-ff,.dz-fb{position:absolute;transition:transform 350ms;transform-origin:bottom center}
.dz-fb::before,.dz-fb::after{content:"";display:block;width:120px;height:80px;position:absolute;transform-origin:bottom center;border-radius:15px;transition:transform 350ms;background:rgba(255,107,53,.18)}
label:hover .dz-fb::before{transform:rotateX(-5deg) skewX(5deg)}
label:hover .dz-fb::after{transform:rotateX(-15deg) skewX(12deg)}
.dz-ff{z-index:1}
label:hover .dz-ff{transform:rotateX(-40deg) skewX(15deg)}
.dz-tip{width:80px;height:20px;border-radius:12px 12px 0 0;position:absolute;top:-10px;z-index:2;background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 5px 15px rgba(234,88,12,.4);transition:background .4s,box-shadow .4s}
.dz-folder.dz-ok .dz-tip{background:linear-gradient(135deg,#00d4aa,#00b894);box-shadow:0 5px 15px rgba(0,212,170,.4)}
.dz-cov{width:120px;height:80px;border-radius:10px;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 0 18px rgba(249,115,22,.28),0 10px 20px rgba(0,0,0,.22);transition:background .4s,box-shadow .4s}
.dz-folder.dz-ok .dz-cov{background:linear-gradient(135deg,#00d4aa,#00b894);box-shadow:0 0 18px rgba(0,212,170,.28),0 10px 20px rgba(0,0,0,.22)}
.dz-fb.dz-cov{z-index:0}
.dz-mt{font-weight:700;font-size:.88rem;color:#e2d9f3}
.dz-st{font-size:.7rem;color:rgba(255,107,53,.65)}
@keyframes dzFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}