/* ============================================================
   Rapor +Mobil - Panel Tasarim Sistemi
   AdminLTE 3 uzerine giydirilmis tema.

   TEMA MIMARISI
   - :root                       -> acik tema belirtecleri (varsayilan)
   - prefers-color-scheme: dark  -> kullanici sistemi koyudaysa otomatik koyu
                                    ([data-theme="light"] ile bastirilabilir)
   - :root[data-theme="dark"]    -> ust bardaki dugmeyle elle secilen koyu tema

   Renkler DAIMA belirtec uzerinden kullanilir; sabit renk yazmak koyu temayi
   bozar. Yeni bir renk gerekiyorsa once buraya belirtec eklenir.
   ============================================================ */

:root{
  color-scheme:light;

  /* Yuzeyler */
  --rp-bg:#F6F8FB;
  --rp-surface:#FFFFFF;
  --rp-surface-2:#F2F5F9;
  --rp-surface-3:#E4E9F0;
  --rp-surface-raise:#FFFFFF;

  /* Kenarliklar */
  --rp-border:#E6EAF1;
  --rp-border-strong:#CFD6E2;

  /* Metin */
  --rp-text:#0B1220;
  --rp-text-2:#48566B;
  --rp-text-3:#6A7889;
  --rp-text-4:#7C8899;

  /* Marka */
  --rp-navy:#0B1220;
  --rp-navy-2:#161F30;
  --rp-navy-3:#2A3648;
  --rp-primary:#3563E9;
  --rp-primary-hover:#2A4FD0;
  --rp-primary-soft:#EEF3FF;
  --rp-primary-border:#C5D6FF;
  --rp-primary-ink:#FFFFFF;

  /* Durum */
  --rp-success:#0E9F6E;
  --rp-success-soft:#E8FBF3;
  --rp-success-border:#A7EBD1;
  --rp-success-ink:#065F46;

  --rp-danger:#E02D3C;
  --rp-danger-soft:#FEF0F1;
  --rp-danger-border:#FBC5CA;
  --rp-danger-ink:#9B1C24;

  --rp-warning:#D97706;
  --rp-warning-soft:#FFF8EC;
  --rp-warning-border:#FBDDA6;
  --rp-warning-ink:#8A4B0A;

  --rp-info:#0A93B5;
  --rp-info-soft:#ECFAFE;
  --rp-info-border:#A5E6F5;
  --rp-info-ink:#0B5C71;

  /* Kenar cubugu (her iki temada da koyu kalir) */
  --rp-sidebar-bg:#0B1220;
  --rp-sidebar-bg-2:#111A2B;
  --rp-sidebar-line:rgba(255,255,255,.07);
  --rp-sidebar-text:#9FB0C6;
  --rp-sidebar-text-strong:#EEF3FA;
  --rp-sidebar-muted:#5D6E85;
  --rp-sidebar-hover:rgba(255,255,255,.055);

  /* Ust bar - yari saydam cam */
  --rp-topbar-bg:rgba(255,255,255,.78);
  --rp-topbar-line:#E6EAF1;

  /* Tablo */
  --rp-table-head:#F7F9FC;
  --rp-table-hover:#F4F7FE;
  --rp-table-stripe:rgba(11,18,32,.014);

  /* Bicim */
  --rp-r-sm:8px;
  --rp-r:11px;
  --rp-r-lg:16px;
  --rp-r-xl:22px;

  --rp-shadow-xs:0 1px 2px rgba(11,18,32,.05);
  --rp-shadow-sm:0 1px 2px rgba(11,18,32,.05), 0 2px 6px rgba(11,18,32,.04);
  --rp-shadow:0 2px 4px rgba(11,18,32,.04), 0 8px 24px rgba(11,18,32,.07);
  --rp-shadow-lg:0 4px 10px rgba(11,18,32,.06), 0 20px 48px rgba(11,18,32,.12);

  --rp-ring:0 0 0 3px rgba(53,99,233,.20);
  --rp-glow:0 6px 18px rgba(53,99,233,.28);

  --rp-font:'Inter','Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  --rp-mono:'SFMono-Regular',ui-monospace,Consolas,'Liberation Mono',Menlo,monospace;

  --rp-sidebar-w:262px;
  --rp-header-h:66px;

  --rp-ease:cubic-bezier(.4,0,.2,1);
}

/*
   KOYU TEMA
   Asagidaki iki blok ayni belirtecleri tanimlar: biri sistem tercihi icin,
   digeri ust bardaki dugmeyle elle secim icin. Degistirirken IKISINI birden
   guncelleyin.
*/
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;

    --rp-bg:#080C14;
    --rp-surface:#101725;
    --rp-surface-2:#18202F;
    --rp-surface-3:#232D3F;
    --rp-surface-raise:#141C2B;

    --rp-border:#212B3B;
    --rp-border-strong:#313D52;

    --rp-text:#EAF0F8;
    --rp-text-2:#AFBCCE;
    --rp-text-3:#8896AA;
    --rp-text-4:#66748A;

    --rp-navy:#080C14;
    --rp-navy-2:#101725;
    --rp-navy-3:#1C2637;
    --rp-primary:#6C8CFF;
    --rp-primary-hover:#8AA3FF;
    --rp-primary-soft:#16203A;
    --rp-primary-border:#2E3F66;
    --rp-primary-ink:#0A1020;

    --rp-success:#34D399;
    --rp-success-soft:#0E241F;
    --rp-success-border:#1F4A3D;
    --rp-success-ink:#8FF0CD;

    --rp-danger:#FB7185;
    --rp-danger-soft:#26141A;
    --rp-danger-border:#55242E;
    --rp-danger-ink:#FFC2CB;

    --rp-warning:#FBBF24;
    --rp-warning-soft:#241C0D;
    --rp-warning-border:#54401A;
    --rp-warning-ink:#FCD98A;

    --rp-info:#38BDF8;
    --rp-info-soft:#0C2029;
    --rp-info-border:#1D4354;
    --rp-info-ink:#A5E6F5;

    --rp-sidebar-bg:#05080F;
    --rp-sidebar-bg-2:#0B111C;
    --rp-sidebar-line:rgba(255,255,255,.06);
    --rp-sidebar-text:#93A2B8;
    --rp-sidebar-text-strong:#EAF0F8;
    --rp-sidebar-muted:#556479;
    --rp-sidebar-hover:rgba(255,255,255,.05);

    --rp-topbar-bg:rgba(16,23,37,.76);
    --rp-topbar-line:#212B3B;

    --rp-table-head:#151D2B;
    --rp-table-hover:#1A2333;
    --rp-table-stripe:rgba(255,255,255,.012);

    --rp-shadow-xs:0 1px 2px rgba(0,0,0,.4);
    --rp-shadow-sm:0 1px 2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3);
    --rp-shadow:0 2px 4px rgba(0,0,0,.35), 0 8px 24px rgba(0,0,0,.45);
    --rp-shadow-lg:0 4px 10px rgba(0,0,0,.4), 0 20px 48px rgba(0,0,0,.6);

    --rp-ring:0 0 0 3px rgba(108,140,255,.28);
    --rp-glow:0 6px 18px rgba(108,140,255,.25);
  }
}

:root[data-theme="dark"]{
  color-scheme:dark;

  --rp-bg:#080C14;
  --rp-surface:#101725;
  --rp-surface-2:#18202F;
  --rp-surface-3:#232D3F;
  --rp-surface-raise:#141C2B;

  --rp-border:#212B3B;
  --rp-border-strong:#313D52;

  --rp-text:#EAF0F8;
  --rp-text-2:#AFBCCE;
  --rp-text-3:#8896AA;
  --rp-text-4:#66748A;

  --rp-navy:#080C14;
  --rp-navy-2:#101725;
  --rp-navy-3:#1C2637;
  --rp-primary:#6C8CFF;
  --rp-primary-hover:#8AA3FF;
  --rp-primary-soft:#16203A;
  --rp-primary-border:#2E3F66;
  --rp-primary-ink:#0A1020;

  --rp-success:#34D399;
  --rp-success-soft:#0E241F;
  --rp-success-border:#1F4A3D;
  --rp-success-ink:#8FF0CD;

  --rp-danger:#FB7185;
  --rp-danger-soft:#26141A;
  --rp-danger-border:#55242E;
  --rp-danger-ink:#FFC2CB;

  --rp-warning:#FBBF24;
  --rp-warning-soft:#241C0D;
  --rp-warning-border:#54401A;
  --rp-warning-ink:#FCD98A;

  --rp-info:#38BDF8;
  --rp-info-soft:#0C2029;
  --rp-info-border:#1D4354;
  --rp-info-ink:#A5E6F5;

  --rp-sidebar-bg:#05080F;
  --rp-sidebar-bg-2:#0B111C;
  --rp-sidebar-line:rgba(255,255,255,.06);
  --rp-sidebar-text:#93A2B8;
  --rp-sidebar-text-strong:#EAF0F8;
  --rp-sidebar-muted:#556479;
  --rp-sidebar-hover:rgba(255,255,255,.05);

  --rp-topbar-bg:rgba(16,23,37,.76);
  --rp-topbar-line:#212B3B;

  --rp-table-head:#151D2B;
  --rp-table-hover:#1A2333;
  --rp-table-stripe:rgba(255,255,255,.012);

  --rp-shadow-xs:0 1px 2px rgba(0,0,0,.4);
  --rp-shadow-sm:0 1px 2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3);
  --rp-shadow:0 2px 4px rgba(0,0,0,.35), 0 8px 24px rgba(0,0,0,.45);
  --rp-shadow-lg:0 4px 10px rgba(0,0,0,.4), 0 20px 48px rgba(0,0,0,.6);

  --rp-ring:0 0 0 3px rgba(108,140,255,.28);
  --rp-glow:0 6px 18px rgba(108,140,255,.25);
}

/* ------------------------------------------------------------
   Temel
   ------------------------------------------------------------ */
body,
.wrapper{ background:var(--rp-bg); }

html{ scroll-behavior:smooth; }

body{
  /* Rakamlar tabloda hizali dursun */
  font-variant-numeric:tabular-nums;
  font-feature-settings:'tnum' 1,'cv05' 1;
  font-family:var(--rp-font);
  color:var(--rp-text);
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

*:focus-visible{
  outline:2px solid var(--rp-primary);
  outline-offset:2px;
}

/* Sayılar tablo boyunca hizalı kalsın */
.rp-num,
.rp-kpi__value,
table.rp-table td.rp-num,
table.rp-table th.rp-num{
  font-variant-numeric:tabular-nums;
  font-feature-settings:'tnum' 1;
}

/* ------------------------------------------------------------
   Kenar çubuğu (Sidebar)
   ------------------------------------------------------------ */
.main-sidebar{
  background:linear-gradient(180deg,var(--rp-sidebar-bg) 0%,var(--rp-sidebar-bg-2) 100%) !important;
  width:var(--rp-sidebar-w);
  box-shadow:none !important;
  border-right:1px solid var(--rp-sidebar-line);
}
body:not(.sidebar-collapse) .content-wrapper,
body:not(.sidebar-collapse) .main-header,
body:not(.sidebar-collapse) .main-footer{ margin-left:var(--rp-sidebar-w); }

.main-sidebar .brand-link{
  display:flex;
  align-items:center;
  gap:12px;
  height:var(--rp-header-h);
  padding:0 16px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:transparent;
  color:#fff !important;
  font-weight:600;
  letter-spacing:-.01em;
  transition:background .15s ease;
}
.main-sidebar .brand-link:hover{ background:rgba(255,255,255,.03); }

.rp-brand__mark{
  flex:0 0 38px;
  width:38px;height:38px;
  border-radius:11px;
  background:linear-gradient(135deg,var(--rp-primary) 0%,#3B82F6 55%,#60A5FA 100%);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:16px;
  box-shadow:0 2px 10px rgba(37,99,235,.45);
}
.rp-brand__text{ display:flex;flex-direction:column;line-height:1.1;min-width:0;gap:2px; }
.rp-brand__text b{
  font-weight:700;font-size:18px;color:#fff;
  letter-spacing:-.025em;
}
.rp-brand__text span{
  font-size:10.5px;font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:#60A5FA;
}

.main-sidebar .sidebar{ padding:14px 12px 24px; }
.main-sidebar .sidebar::-webkit-scrollbar{ width:6px; }
.main-sidebar .sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.12);border-radius:3px; }

.rp-nav-heading{
  padding:14px 10px 7px;
  font-size:10.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--rp-sidebar-muted);
}

.nav-sidebar .nav-item{ margin-bottom:2px; }

.nav-sidebar .nav-link{
  display:flex;align-items:center;gap:11px;
  padding:9px 11px;
  border-radius:var(--rp-r);
  color:var(--rp-sidebar-text) !important;
  font-size:13.5px;font-weight:500;
  transition:background .15s ease,color .15s ease;
}
.nav-sidebar .nav-link:hover{
  background:rgba(255,255,255,.055);
  color:var(--rp-sidebar-text-strong) !important;
}
.nav-sidebar .nav-link p{ margin:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px; }
.nav-sidebar .nav-link > i:first-child,
.nav-sidebar .nav-icon{
  width:17px;font-size:14px;text-align:center;
  color:var(--rp-sidebar-muted);flex:0 0 17px;
  transition:color .15s ease;
}
.nav-sidebar .nav-link:hover .nav-icon{ color:var(--rp-sidebar-text); }

/* Üst seviye açık grup */
.nav-sidebar > .nav-item.menu-open > .nav-link{
  background:rgba(255,255,255,.05);
  color:var(--rp-sidebar-text-strong) !important;
}
.nav-sidebar > .nav-item.menu-open > .nav-link .nav-icon{ color:#93C5FD; }
.nav-sidebar .nav-link .right{
  font-size:11px;transition:transform .2s var(--rp-ease);color:var(--rp-sidebar-muted);
}
.nav-sidebar .menu-open > .nav-link .right{ transform:rotate(-90deg); }

/* Alt menü */
.nav-sidebar .nav-treeview{
  margin:2px 0 6px;
  padding-left:16px;
  border-left:1px solid rgba(255,255,255,.09);
  margin-left:20px;
}
.nav-sidebar .nav-treeview .nav-link{
  padding:7px 10px;font-size:13px;
  color:var(--rp-sidebar-text) !important;
}
.nav-sidebar .nav-treeview .nav-icon{ font-size:6px;width:12px;flex:0 0 12px; }

/* Aktif sayfa */
.nav-sidebar .nav-treeview .nav-link.active,
.nav-sidebar .nav-link.active:not(.rp-group){
  background:var(--rp-primary) !important;
  color:#fff !important;
  font-weight:600;
  box-shadow:0 2px 10px rgba(37,99,235,.35);
}
.nav-sidebar .nav-link.active .nav-icon{ color:#fff !important; }

.rp-sidebar-foot{
  margin-top:18px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}
.rp-sidebar-foot .nav-link{ color:var(--rp-sidebar-text) !important; }
.rp-sidebar-foot .nav-link:hover{
  background:rgba(220,38,38,.12);
  color:#FCA5A5 !important;
}
.rp-sidebar-foot .nav-link:hover .nav-icon{ color:#FCA5A5; }

/* Daraltılmış kenar çubuğu */
.sidebar-collapse .rp-brand__text,
.sidebar-collapse .rp-nav-heading{ opacity:0; }

/* ------------------------------------------------------------
   Üst bar
   ------------------------------------------------------------ */
.main-header.navbar{
  height:var(--rp-header-h);
  min-height:var(--rp-header-h);
  padding:0 22px 0 14px;
  /* Yari saydam cam: icerik altindan gecerken bulanik gorunur */
  background:var(--rp-topbar-bg) !important;
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--rp-topbar-line) !important;
  box-shadow:none !important;
  display:flex;align-items:center;
}

.rp-hamburger{
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  border-radius:var(--rp-r);
  color:var(--rp-text-3) !important;
  transition:background .15s ease,color .15s ease;
}
.rp-hamburger:hover{ background:var(--rp-surface-2);color:var(--rp-text) !important; }

.rp-topbar__title{
  display:flex;flex-direction:column;justify-content:center;
  margin-left:10px;min-width:0;
}
.rp-topbar__title h1{
  margin:0;font-size:15px;font-weight:650;
  letter-spacing:-.01em;color:var(--rp-text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.rp-topbar__crumb{
  font-size:11.5px;color:var(--rp-text-4);
  display:flex;align-items:center;gap:6px;
  white-space:nowrap;
}
.rp-topbar__crumb i{ font-size:8px; }

.rp-topbar__right{
  margin-left:auto;
  display:flex;align-items:center;gap:10px;
}

.rp-clock{
  display:flex;align-items:center;gap:7px;
  height:34px;padding:0 12px;
  background:var(--rp-surface-2);
  border:1px solid var(--rp-border);
  border-radius:999px;
  font-size:12.5px;font-weight:500;color:var(--rp-text-2);
  font-variant-numeric:tabular-nums;
}
.rp-clock i{ color:var(--rp-text-4);font-size:11px; }

.rp-user{
  display:flex;align-items:center;gap:9px;
  height:38px;padding:0 6px 0 4px;
  border-radius:999px;
  transition:background .15s ease;
  color:var(--rp-text) !important;
  max-width:230px;
}
.rp-user:hover{ background:var(--rp-surface-2); }
.rp-user__avatar{
  flex:0 0 30px;width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,var(--rp-navy-2),var(--rp-navy-3));
  color:#fff;font-size:11.5px;font-weight:650;
  display:flex;align-items:center;justify-content:center;
  letter-spacing:.02em;
}
.rp-user__meta{ display:flex;flex-direction:column;line-height:1.25;min-width:0; }
.rp-user__meta b{ font-size:12.5px;font-weight:600;color:var(--rp-text); }
.rp-user__meta span{ font-size:11px;color:var(--rp-text-4); }
.rp-user__meta b,
.rp-user__meta span{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px; }

.dropdown-menu{
  border:1px solid var(--rp-border);
  border-radius:var(--rp-r-lg);
  box-shadow:var(--rp-shadow-lg);
  padding:6px;font-size:13.5px;
}
.dropdown-item{ border-radius:var(--rp-r-sm);padding:8px 11px;color:var(--rp-text-2); }
.dropdown-item:hover{ background:var(--rp-surface-2);color:var(--rp-text); }
.dropdown-item i{ width:16px;color:var(--rp-text-4); }
.dropdown-divider{ margin:5px 0;border-color:var(--rp-border); }

/* ------------------------------------------------------------
   İçerik alanı
   ------------------------------------------------------------ */
.content-wrapper{ background:var(--rp-bg) !important; }
.content-wrapper > .content{ padding:0; }
.rp-page{ padding:22px 26px 40px;max-width:1680px; }

.rp-page-head{
  display:flex;align-items:flex-start;
  flex-wrap:wrap;gap:14px;
  margin-bottom:18px;
}
.rp-page-head__text{ min-width:0;flex:1 1 320px; }
.rp-page-head h2{
  margin:0 0 3px;
  font-size:21px;font-weight:680;
  letter-spacing:-.02em;color:var(--rp-text);
}
.rp-page-head p{
  margin:0;font-size:13px;color:var(--rp-text-3);max-width:70ch;
}
.rp-page-head__actions{ display:flex;align-items:center;gap:8px;flex-wrap:wrap; }

/* ------------------------------------------------------------
   Kart
   ------------------------------------------------------------ */
.card,
.rp-card{
  transition:box-shadow .22s var(--rp-ease),border-color .22s var(--rp-ease);
  overflow:hidden;
  background:var(--rp-surface);
  border:1px solid var(--rp-border);
  border-radius:var(--rp-r-lg);
  box-shadow:var(--rp-shadow-sm);
  margin-bottom:18px;
}
.card{ border-top:1px solid var(--rp-border) !important; }

.rp-card__head{
  display:flex;align-items:center;gap:12px;
  padding:14px 18px;
  border-bottom:1px solid var(--rp-border);
  flex-wrap:wrap;
}
.rp-card__head h3{
  margin:0;font-size:14.5px;font-weight:650;
  letter-spacing:-.01em;color:var(--rp-text);
  display:flex;align-items:center;gap:9px;
}
.rp-card__head h3 i{ color:var(--rp-primary);font-size:13px; }
.rp-card__head .rp-card__sub{
  font-size:12.5px;color:var(--rp-text-3);margin:2px 0 0;
}
.rp-card__actions{ margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.rp-card__body{ padding:18px; }
.rp-card__body--flush{ padding:0; }

/* ------------------------------------------------------------
   KPI kartları
   ------------------------------------------------------------ */
.rp-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px;
  margin-bottom:18px;
}
.rp-kpi{
  position:relative;
  background:var(--rp-surface);
  border:1px solid var(--rp-border);
  border-radius:var(--rp-r-lg);
  padding:18px 19px;
  box-shadow:var(--rp-shadow-sm);
  overflow:hidden;
  transition:transform .22s var(--rp-ease),
             box-shadow .22s var(--rp-ease),
             border-color .22s var(--rp-ease);
}
.rp-kpi:hover{
  box-shadow:var(--rp-shadow);
  border-color:var(--rp-border-strong);
  transform:translateY(-2px);
}
/* Ust kenardaki renk seridi: kartin turunu bir bakista belli eder */
.rp-kpi::before{
  content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:var(--rp-primary);
  opacity:.9;
}
/* Serit renginin karta hafifce yayilmasi */
.rp-kpi::after{
  content:'';position:absolute;left:0;right:0;top:0;height:76px;
  background:linear-gradient(180deg,var(--rp-primary-soft) 0%,transparent 100%);
  opacity:.55;pointer-events:none;
}
.rp-kpi--success::after{ background:linear-gradient(180deg,var(--rp-success-soft) 0%,transparent 100%); }
.rp-kpi--danger::after { background:linear-gradient(180deg,var(--rp-danger-soft)  0%,transparent 100%); }
.rp-kpi--warning::after{ background:linear-gradient(180deg,var(--rp-warning-soft) 0%,transparent 100%); }
.rp-kpi--info::after   { background:linear-gradient(180deg,var(--rp-info-soft)    0%,transparent 100%); }
.rp-kpi--muted::after  { background:none; }
.rp-kpi > *{ position:relative;z-index:1; }
.rp-kpi--success::before{ background:var(--rp-success); }
.rp-kpi--danger::before{ background:var(--rp-danger); }
.rp-kpi--warning::before{ background:var(--rp-warning); }
.rp-kpi--info::before{ background:var(--rp-info); }
.rp-kpi--muted::before{ background:var(--rp-border-strong); }

.rp-kpi__top{ display:flex;align-items:center;gap:8px;margin-bottom:9px; }
.rp-kpi__label{
  font-size:11px;font-weight:650;letter-spacing:.055em;
  text-transform:uppercase;color:var(--rp-text-3);
}
.rp-kpi__icon{
  margin-left:auto;
  width:30px;height:30px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:var(--rp-primary-soft);color:var(--rp-primary);font-size:12px;
}
.rp-kpi--success .rp-kpi__icon{ background:var(--rp-success-soft);color:var(--rp-success); }
.rp-kpi--danger  .rp-kpi__icon{ background:var(--rp-danger-soft);color:var(--rp-danger); }
.rp-kpi--warning .rp-kpi__icon{ background:var(--rp-warning-soft);color:var(--rp-warning); }
.rp-kpi--info    .rp-kpi__icon{ background:var(--rp-info-soft);color:var(--rp-info); }
.rp-kpi--muted   .rp-kpi__icon{ background:var(--rp-surface-2);color:var(--rp-text-3); }

.rp-kpi__value{
  font-size:30px;font-weight:700;letter-spacing:-.03em;
  color:var(--rp-text);line-height:1.15;
  display:flex;align-items:baseline;gap:5px;
}
.rp-kpi__value small{ font-size:14px;font-weight:600;color:var(--rp-text-3); }
.rp-kpi__foot{
  margin-top:7px;font-size:12px;color:var(--rp-text-4);
  display:flex;align-items:center;gap:6px;
}
.rp-kpi__foot .rp-chip{ margin:0; }

/* ------------------------------------------------------------
   Filtre çubuğu
   ------------------------------------------------------------ */
.rp-filter{ padding:16px 18px 18px; }
.rp-filter__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px 16px;
  align-items:start;
}
.rp-field{ display:flex;flex-direction:column;gap:6px;min-width:0; }
.rp-field--wide{ grid-column:span 2; }
.rp-field > label{
  margin:0;
  font-size:11px;font-weight:650;letter-spacing:.055em;
  text-transform:uppercase;color:var(--rp-text-2);
  display:flex;align-items:center;gap:6px;
}
.rp-field > label .rp-req{ color:var(--rp-danger);font-weight:700; }
.rp-field__hint{ font-size:11.5px;color:var(--rp-text-4);margin:0; }

.rp-filter__foot{
  display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;
  margin-top:16px;padding-top:15px;
  border-top:1px solid var(--rp-border);
}
.rp-filter__foot .rp-filter__note{
  margin:0 auto 0 0;
  font-size:12px;color:var(--rp-text-4);
  display:flex;align-items:center;gap:7px;
}

/* Form elemanları */
.form-control,
.custom-select,
select.form-control{
  height:39px;
  padding:0 12px;
  font-size:13.5px;
  color:var(--rp-text);
  background:var(--rp-surface);
  border:1px solid var(--rp-border-strong);
  border-radius:var(--rp-r);
  box-shadow:var(--rp-shadow-xs);
  transition:border-color .15s ease,box-shadow .15s ease;
}
.form-control::placeholder{ color:var(--rp-text-4); }
.form-control:focus,
select.form-control:focus{
  border-color:var(--rp-primary);
  box-shadow:var(--rp-ring);
  outline:none;
}
.form-control:disabled,
.form-control[readonly]{ background:var(--rp-surface-2);color:var(--rp-text-3); }
select.form-control:not([multiple]){
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 6 8 10 12 6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 11px center;
  padding-right:32px;
}
input[type="date"].form-control{ padding-right:10px; }
input[type="date"].form-control::-webkit-calendar-picker-indicator{ cursor:pointer;opacity:.55; }
input[type="date"].form-control::-webkit-calendar-picker-indicator:hover{ opacity:1; }

/* ------------------------------------------------------------
   Butonlar
   ------------------------------------------------------------ */
.btn{
  height:39px;
  padding:0 16px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-size:13.5px;font-weight:600;
  border-radius:var(--rp-r);
  border:1px solid transparent;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease;
  white-space:nowrap;
}
.btn:focus{ box-shadow:var(--rp-ring); }
.btn i{ font-size:12.5px; }

.btn-primary,
.rp-btn-primary{
  background:linear-gradient(180deg,var(--rp-primary) 0%,var(--rp-primary-hover) 100%) !important;
  border-color:var(--rp-primary) !important;
  color:var(--rp-primary-ink) !important;
  box-shadow:var(--rp-shadow-xs);
}
.btn-primary:hover,
.rp-btn-primary:hover{
  background:var(--rp-primary-hover) !important;
  border-color:var(--rp-primary-hover) !important;
  box-shadow:var(--rp-glow);
  transform:translateY(-1px);
}

.btn-outline-primary,
.rp-btn-ghost{
  background:var(--rp-surface) !important;
  border-color:var(--rp-border-strong) !important;
  color:var(--rp-text-2) !important;
  box-shadow:var(--rp-shadow-xs);
}
.btn-outline-primary:hover,
.rp-btn-ghost:hover{
  background:var(--rp-surface-2) !important;
  border-color:var(--rp-border-strong) !important;
  color:var(--rp-text) !important;
}

.btn-block{ width:100%; }
.btn-sm{ height:33px;padding:0 12px;font-size:12.5px;border-radius:var(--rp-r-sm); }

.btn.is-loading{ pointer-events:none;opacity:.75; }
.btn.is-loading > i:first-child{
  animation:rp-spin .8s linear infinite;
}
@keyframes rp-spin{ to{ transform:rotate(360deg); } }

/* ------------------------------------------------------------
   Rozet / çip
   ------------------------------------------------------------ */
.rp-chip{
  display:inline-flex;align-items:center;gap:5px;
  height:22px;padding:0 9px;
  border-radius:999px;
  font-size:11.5px;font-weight:600;line-height:1;
  background:var(--rp-surface-2);
  color:var(--rp-text-2);
  border:1px solid var(--rp-border);
  white-space:nowrap;
}
.rp-chip i{ font-size:9px; }
.rp-chip--success{ background:var(--rp-success-soft);color:var(--rp-success-ink);border-color:var(--rp-success-border); }
.rp-chip--danger{ background:var(--rp-danger-soft);color:var(--rp-danger-ink);border-color:var(--rp-danger-border); }
.rp-chip--warning{ background:var(--rp-warning-soft);color:var(--rp-warning-ink);border-color:var(--rp-warning-border); }
.rp-chip--info{ background:var(--rp-info-soft);color:var(--rp-info-ink);border-color:var(--rp-info-border); }
.rp-chip--primary{ background:var(--rp-primary-soft);color:var(--rp-primary);border-color:var(--rp-primary-border); }
.rp-chip--mono{ font-family:var(--rp-mono);font-size:11px;letter-spacing:-.02em; }

/* ------------------------------------------------------------
   Tablo
   ------------------------------------------------------------ */
.rp-table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.rp-table-wrap::-webkit-scrollbar{ height:9px; }
.rp-table-wrap::-webkit-scrollbar-track{ background:var(--rp-surface-2); }
.rp-table-wrap::-webkit-scrollbar-thumb{ background:var(--rp-border-strong);border-radius:5px; }

table.rp-table,
table.table.rp-table{
  width:100%;
  margin:0;
  border-collapse:separate;
  border-spacing:0;
  font-size:13.2px;
  color:var(--rp-text-2);
}
table.rp-table thead th{
  /* Yapiskan baslik icin kapsayicinin yukseklik siniri gerekir; burada
     yok, o yuzden yalnizca zemin veriliyor. */
  background:var(--rp-table-head);
  background:var(--rp-surface-2);
  border:0;
  border-bottom:1px solid var(--rp-border) !important;
  padding:11px 14px;
  font-size:10.8px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
  color:var(--rp-text-2);
  white-space:nowrap;
  vertical-align:middle;
}
table.rp-table tbody td{
  padding:11px 14px;
  border:0;
  border-bottom:1px solid var(--rp-border);
  vertical-align:middle;
}
table.rp-table tbody tr{ transition:background .12s ease; }
table.rp-table tbody tr:hover{ background:var(--rp-table-hover); }
table.rp-table tbody tr:last-child td{ border-bottom:1px solid var(--rp-border); }

table.rp-table td.rp-num,
table.rp-table th.rp-num{ text-align:right; }
table.rp-table td.rp-strong{ font-weight:650;color:var(--rp-text); }
table.rp-table td.rp-idx{ color:var(--rp-text-4);font-size:12.5px;width:1%;white-space:nowrap; }
table.rp-table td.rp-mono{ font-family:var(--rp-mono);font-size:12.5px;letter-spacing:-.02em;color:var(--rp-text); }

table.rp-table tfoot th,
table.rp-table tfoot td{
  padding:13px 14px;
  background:var(--rp-surface-2);
  border:0;
  border-top:2px solid var(--rp-border-strong) !important;
  font-size:13px;font-weight:700;
  color:var(--rp-text);
  white-space:nowrap;
}
table.rp-table tfoot th.rp-num{ text-align:right; }
table.rp-table tfoot tr th:first-child{
  font-size:10.8px;letter-spacing:.06em;text-transform:uppercase;color:var(--rp-text-2);
}

/* Boş durum */
.rp-empty{
  padding:52px 24px;
  text-align:center;
  color:var(--rp-text-3);
}
.rp-empty__icon{
  width:52px;height:52px;margin:0 auto 14px;
  border-radius:14px;
  background:var(--rp-surface-2);
  display:flex;align-items:center;justify-content:center;
  color:var(--rp-text-4);font-size:20px;
}
.rp-empty h4{ margin:0 0 5px;font-size:14.5px;font-weight:650;color:var(--rp-text-2); }
.rp-empty p{ margin:0 auto;font-size:13px;max-width:44ch;color:var(--rp-text-4); }
td.rp-empty-cell{ padding:0 !important;border-bottom:0 !important;background:var(--rp-surface); }
td.rp-empty-cell:hover{ background:var(--rp-surface); }

/* ------------------------------------------------------------
   Grafik
   ------------------------------------------------------------ */
.rp-chart{
  position:relative;
  height:290px;
  padding:4px 2px;
}
@media (max-width:768px){ .rp-chart{ height:230px; } }

/* ------------------------------------------------------------
   DataTables uyumu
   ------------------------------------------------------------ */
.dataTables_wrapper{ padding:0; }
.rp-dt-toolbar{
  display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;
  padding:12px 16px;
  border-bottom:1px solid var(--rp-border);
  background:var(--rp-surface);
}
.rp-dt-toolbar .dataTables_filter{ margin:0; }
.rp-dt-toolbar .dataTables_filter label{
  margin:0;position:relative;display:block;
  font-size:0;
}
.rp-dt-toolbar .dataTables_filter input{
  width:250px;max-width:100%;
  height:36px;
  margin:0;
  padding:0 12px 0 33px;
  font-size:13.5px;
  border:1px solid var(--rp-border-strong);
  border-radius:var(--rp-r);
  background:var(--rp-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' stroke='%23889AAF' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='6.5' cy='6.5' r='4.5'/%3E%3Cpath d='M10 10l3.5 3.5'/%3E%3C/svg%3E") no-repeat left 11px center;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.rp-dt-toolbar .dataTables_filter input:focus{
  border-color:var(--rp-primary);box-shadow:var(--rp-ring);outline:none;
}
.rp-dt-toolbar .dataTables_length{ margin:0;font-size:12.5px;color:var(--rp-text-3); }
.rp-dt-toolbar .dataTables_length label{ margin:0;display:flex;align-items:center;gap:7px;font-weight:500; }
.rp-dt-toolbar .dataTables_length select{
  height:36px;min-width:70px;padding:0 8px;
  border:1px solid var(--rp-border-strong);border-radius:var(--rp-r);
  font-size:13px;color:var(--rp-text);background:var(--rp-surface);
}
.rp-dt-toolbar .dt-buttons{ margin-left:auto;display:flex;gap:7px;flex-wrap:wrap; }

.dt-buttons .btn,
.dt-button{
  height:36px !important;
  padding:0 13px !important;
  display:inline-flex !important;align-items:center;gap:7px;
  font-size:12.5px !important;font-weight:600 !important;
  background:var(--rp-surface) !important;
  border:1px solid var(--rp-border-strong) !important;
  border-radius:var(--rp-r) !important;
  color:var(--rp-text-2) !important;
  box-shadow:var(--rp-shadow-xs) !important;
  margin:0 !important;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.dt-buttons .btn:hover,
.dt-button:hover:not(.disabled){
  background:var(--rp-surface-2) !important;
  color:var(--rp-text) !important;
  border-color:var(--rp-border-strong) !important;
}
.dt-button.buttons-excel i{ color:var(--rp-success); }
.dt-button.buttons-pdf i{ color:var(--rp-danger); }
.dt-button.buttons-print i{ color:var(--rp-text-3); }
.dt-button.buttons-copy i{ color:var(--rp-info); }

/* Sıralama okları */
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc{
  position:relative;padding-right:26px !important;cursor:pointer;
  background-image:none !important;
}
table.dataTable thead th.sorting::after,
table.dataTable thead th.sorting_asc::after,
table.dataTable thead th.sorting_desc::after{
  content:'';position:absolute;right:11px;top:50%;
  width:9px;height:12px;margin-top:-6px;
  background-repeat:no-repeat;background-position:center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' fill='none' stroke='%23889AAF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2 4.6 4.5 2 7 4.6'/%3E%3Cpolyline points='2 7.4 4.5 10 7 7.4'/%3E%3C/svg%3E");
  opacity:.75;
}
table.dataTable thead th.sorting_asc::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' fill='none' stroke='%233563E9' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2 7 4.5 4 7 7'/%3E%3C/svg%3E");
  opacity:1;
}
table.dataTable thead th.sorting_desc::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' fill='none' stroke='%233563E9' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2 5 4.5 8 7 5'/%3E%3C/svg%3E");
  opacity:1;
}
table.dataTable thead th.sorting:hover{ background:var(--rp-surface-3); }

/* Alt bilgi + sayfalama */
.rp-dt-foot,
.dataTables_wrapper .row:last-child{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:12px 16px;
  border-top:1px solid var(--rp-border);
}
.dataTables_info{
  padding:0 !important;margin:0;
  font-size:12.5px;color:var(--rp-text-3);
}
.dataTables_paginate{ margin-left:auto !important;padding:0 !important; }
.dataTables_paginate .pagination{ margin:0;gap:4px; }

.pagination{ margin:0;flex-wrap:wrap;gap:4px; }
.page-item .page-link,
.pagination li a,
.pagination li span{
  min-width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  padding:0 10px;
  margin:0;
  font-size:13px;font-weight:500;
  color:var(--rp-text-2) !important;
  background:var(--rp-surface);
  border:1px solid var(--rp-border) !important;
  border-radius:var(--rp-r-sm) !important;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.page-item .page-link:hover,
.pagination li a:hover{
  background:var(--rp-surface-2);
  color:var(--rp-text) !important;
  border-color:var(--rp-border-strong) !important;
}
.page-item.active .page-link,
.pagination li.active span{
  background:var(--rp-primary) !important;
  border-color:var(--rp-primary) !important;
  color:var(--rp-primary-ink) !important;
  box-shadow:var(--rp-glow);
}
.page-item.disabled .page-link,
.pagination li.disabled span{
  color:var(--rp-text-4) !important;background:var(--rp-surface-2);
}

/* ------------------------------------------------------------
   Select2 uyumu (ölü rawgit "chosen" yerine)
   ------------------------------------------------------------ */
.select2-container{ width:100% !important; }
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single{
  min-height:39px;
  padding:3px 6px;
  background:var(--rp-surface);
  border:1px solid var(--rp-border-strong) !important;
  border-radius:var(--rp-r) !important;
  box-shadow:var(--rp-shadow-xs);
  transition:border-color .15s ease,box-shadow .15s ease;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single{
  border-color:var(--rp-primary) !important;
  box-shadow:var(--rp-ring);
}
.select2-container--default .select2-selection--single{ display:flex;align-items:center; }
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding:0 6px;color:var(--rp-text);font-size:13.5px;line-height:31px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height:37px;right:6px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice{
  margin:3px 4px 3px 0;
  padding:2px 9px 2px 7px;
  background:var(--rp-primary-soft) !important;
  border:1px solid var(--rp-primary-border) !important;
  border-radius:999px !important;
  color:var(--rp-primary) !important;
  font-size:12px;font-weight:600;
  line-height:1.65;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color:var(--rp-primary) !important;
  margin-right:5px;font-weight:700;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{ color:var(--rp-primary-hover) !important; }
.select2-container--default .select2-search--inline .select2-search__field{
  margin-top:6px;font-size:13.5px;color:var(--rp-text);
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder{
  color:var(--rp-text-4);font-size:13.5px;line-height:31px;
}
.select2-dropdown{
  border:1px solid var(--rp-border) !important;
  border-radius:var(--rp-r-lg) !important;
  box-shadow:var(--rp-shadow-lg);
  overflow:hidden;
}
.select2-search--dropdown{ padding:8px; }
.select2-container--default .select2-search--dropdown .select2-search__field{
  height:34px;padding:0 10px;
  border:1px solid var(--rp-border-strong);
  border-radius:var(--rp-r-sm);
  font-size:13.5px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
  border-color:var(--rp-primary);box-shadow:var(--rp-ring);outline:none;
}
.select2-results__option{ padding:8px 12px;font-size:13.5px;color:var(--rp-text-2); }
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:var(--rp-primary) !important;color:#fff !important;
}
.select2-container--default .select2-results__option[aria-selected=true]{
  background:var(--rp-primary-soft);color:var(--rp-primary);font-weight:600;
}
.select2-results__options{ max-height:260px; }

/* ------------------------------------------------------------
   Uyarı kutuları
   ------------------------------------------------------------ */
.rp-alert,
.alert{
  display:flex;align-items:flex-start;gap:11px;
  padding:13px 15px;
  border-radius:var(--rp-r);
  border:1px solid var(--rp-border);
  background:var(--rp-surface-2);
  color:var(--rp-text-2);
  font-size:13.2px;
  box-shadow:none;
  margin-bottom:16px;
}
.rp-alert i{ font-size:14px;margin-top:1px;flex:0 0 auto; }
.rp-alert--info,
.alert-info{ background:var(--rp-info-soft);border-color:var(--rp-info-border);color:var(--rp-info-ink); }
.rp-alert--danger,
.alert-danger{ background:var(--rp-danger-soft);border-color:var(--rp-danger-border);color:var(--rp-danger-ink); }
.rp-alert--success,
.alert-success{ background:var(--rp-success-soft);border-color:var(--rp-success-border);color:var(--rp-success-ink); }
.rp-alert--warning,
.alert-warning{ background:var(--rp-warning-soft);border-color:var(--rp-warning-border);color:var(--rp-warning-ink); }

.rp-disclaimer{
  display:flex;align-items:flex-start;gap:9px;
  padding:12px 16px;
  border-top:1px solid var(--rp-border);
  font-size:12px;color:var(--rp-text-4);
  line-height:1.5;
}
.rp-disclaimer i{ margin-top:2px;font-size:11px; }

/* ------------------------------------------------------------
   Giriş ekranı
   ------------------------------------------------------------ */
body.rp-login{
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:24px;
  background:
    radial-gradient(1000px 520px at 15% -5%, rgba(37,99,235,.20), transparent 60%),
    radial-gradient(820px 460px at 100% 100%, rgba(56,189,248,.14), transparent 60%),
    var(--rp-navy);
}
.rp-login__box{ width:100%;max-width:404px; }
.rp-login__brand{
  display:flex;align-items:center;justify-content:center;gap:11px;
  margin-bottom:22px;
}
.rp-login__brand .rp-brand__mark{ width:38px;height:38px;flex-basis:38px;font-size:16px;border-radius:11px; }
.rp-login__brand b{ color:var(--rp-sidebar-text-strong);font-size:19px;font-weight:650;letter-spacing:-.02em; }
.rp-login__brand span{ color:var(--rp-sidebar-text);font-size:11px;letter-spacing:.09em;text-transform:uppercase;display:block;font-weight:500; }

.rp-login__card{
  background:var(--rp-surface);
  border-radius:var(--rp-r-xl);
  box-shadow:0 24px 60px rgba(2,6,23,.42);
  padding:30px 30px 26px;
}
.rp-login__card h1{
  margin:0 0 4px;font-size:19px;font-weight:680;
  letter-spacing:-.02em;color:var(--rp-text);
}
.rp-login__card > p{ margin:0 0 22px;font-size:13.2px;color:var(--rp-text-3); }
.rp-login__field{ margin-bottom:15px; }
.rp-login__field label{
  display:block;margin:0 0 6px;
  font-size:11px;font-weight:650;letter-spacing:.055em;
  text-transform:uppercase;color:var(--rp-text-2);
}
.rp-input-icon{ position:relative;display:block; }
.rp-input-icon > i{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  color:var(--rp-text-4);font-size:13px;pointer-events:none;
}
.rp-input-icon .form-control{ height:42px;padding-left:36px; }
.rp-input-icon .rp-toggle-pw{
  position:absolute;right:5px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;border:0;background:transparent;
  color:var(--rp-text-4);border-radius:var(--rp-r-sm);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.rp-input-icon .rp-toggle-pw:hover{ background:var(--rp-surface-2);color:var(--rp-text-2); }
.rp-login__card .btn{ height:43px;font-size:14px;width:100%;margin-top:7px; }
.rp-login__foot{
  margin-top:20px;text-align:center;
  font-size:11.5px;color:var(--rp-text-3);
}

/* ------------------------------------------------------------
   Tema değiştirme düğmesi

   Üst barda durur. Üç durumu vardır: sistem (varsayılan), açık, koyu.
   Seçim localStorage'da saklanır ve <html data-theme="..."> ile uygulanır.
   ------------------------------------------------------------ */
.rp-theme-toggle{
  width:38px;height:38px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--rp-border);
  border-radius:11px;
  background:var(--rp-surface);
  color:var(--rp-text-3);
  font-size:14px;
  cursor:pointer;
  transition:background .18s var(--rp-ease),color .18s var(--rp-ease),
             border-color .18s var(--rp-ease),transform .18s var(--rp-ease);
}
.rp-theme-toggle:hover{
  background:var(--rp-surface-2);
  color:var(--rp-text);
  border-color:var(--rp-border-strong);
  transform:translateY(-1px);
}
.rp-theme-toggle:focus-visible{ outline:none;box-shadow:var(--rp-ring); }
.rp-theme-toggle i{ pointer-events:none; }

/* ------------------------------------------------------------
   Hareket azaltma tercihi
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* ------------------------------------------------------------
   Yardımcılar
   ------------------------------------------------------------ */
.rp-mt-0{ margin-top:0 !important; }
.rp-mb-0{ margin-bottom:0 !important; }
.rp-hide{ display:none !important; }
.rp-scroll-hint{
  display:none;
  padding:7px 16px;font-size:11.5px;color:var(--rp-text-4);
  border-bottom:1px solid var(--rp-border);
  align-items:center;gap:7px;
}
@media (max-width:900px){ .rp-scroll-hint{ display:flex; } }

/* ------------------------------------------------------------
   Duyarlılık
   ------------------------------------------------------------ */
@media (max-width:991.98px){
  .rp-page{ padding:16px 15px 32px; }
  .rp-page-head h2{ font-size:18.5px; }
  .rp-kpis{ grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:11px; }
  .rp-kpi{ padding:13px 14px; }
  .rp-kpi__value{ font-size:22px; }
  .rp-field--wide{ grid-column:auto; }
  .rp-topbar__title h1{ font-size:14px; }
  .rp-topbar__crumb{ display:none; }
  .rp-clock{ display:none; }
}
@media (max-width:600px){
  .rp-filter__grid{ grid-template-columns:1fr; }
  .rp-filter__foot .btn{ width:100%; }
  .rp-filter__foot{ flex-direction:column-reverse;align-items:stretch; }
  .rp-filter__foot .rp-filter__note{ margin:0;justify-content:center;text-align:center; }
  .rp-user__meta{ display:none; }
  .rp-user{ padding:0;max-width:none; }
  .rp-dt-toolbar .dataTables_filter input{ width:100%; }
  .rp-dt-toolbar .dt-buttons{ margin-left:0;width:100%; }
  .rp-dt-toolbar > *{ width:100%; }
}

/* ------------------------------------------------------------
   Numara arama (tüm modüllerde ortak)
   ------------------------------------------------------------ */
.rp-field--msisdn > label .rp-chip{ margin-left:auto; }

input.rp-input-mono{
  font-family:var(--rp-mono);
  font-size:13px;
  letter-spacing:.02em;
}
input.rp-input-mono::-webkit-search-cancel-button{ cursor:pointer; }

/* Numara ile arama aktifken tarih/servis alanlarının önemsizleştiğini belli et */
.rp-filter--by-msisdn .rp-field:not(.rp-field--msisdn){
  opacity:.55;
  transition:opacity .15s ease;
}
.rp-filter--by-msisdn .rp-field:not(.rp-field--msisdn):focus-within{ opacity:1; }

.rp-field--msisdn input:focus{
  border-color:var(--rp-primary);
  box-shadow:var(--rp-ring);
}

.rp-card--msisdn{ border-color:var(--rp-primary-border); }

.rp-msisdn-bar{
  display:flex;align-items:center;flex-wrap:wrap;gap:7px;
  padding:11px 18px;
  background:var(--rp-surface-2);
  border-bottom:1px solid var(--rp-border);
}
.rp-msisdn-bar__label{
  display:flex;align-items:center;gap:7px;
  margin-right:4px;
  font-size:12px;font-weight:600;color:var(--rp-text-2);
}
.rp-msisdn-bar__label i{ font-size:11px;color:var(--rp-text-4); }
.rp-msisdn-bar a.rp-chip{
  text-decoration:none;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.rp-msisdn-bar a.rp-chip:hover{
  background:var(--rp-primary-soft);
  border-color:var(--rp-primary-border);
  color:var(--rp-primary);
}

/* Numara sonucu üstündeki bilgi şeridi (kendi tablosunu basan modüller) */
.rp-msisdn-note{
  display:flex;align-items:center;gap:8px;
  padding:10px 18px;
  font-size:12.5px;
  color:var(--rp-info-ink);
  background:var(--rp-info-soft);
  border-bottom:1px solid var(--rp-info-border);
}
.rp-msisdn-note i{ font-size:12px; }

@media (max-width:640px){
  .rp-msisdn-bar{ padding:10px 12px; }
  .rp-msisdn-bar__label{ width:100%;margin-bottom:2px; }
}

@media print{
  .rp-msisdn-bar{ display:none !important; }
}

/* ------------------------------------------------------------
   Yazdırma
   ------------------------------------------------------------ */
@media print{
  .main-sidebar,
  .main-header,
  .rp-filter,
  .rp-dt-toolbar,
  .dt-buttons,
  .dataTables_filter,
  .dataTables_length,
  .dataTables_paginate,
  .rp-page-head__actions,
  .rp-scroll-hint,
  .pagination{ display:none !important; }

  body,.wrapper,.content-wrapper{ background:#fff !important;margin:0 !important; }
  .content-wrapper{ margin-left:0 !important; }
  .rp-page{ padding:0 !important;max-width:none; }
  .card,.rp-card,.rp-kpi{
    box-shadow:none !important;
    border:1px solid #CBD5E1 !important;
    break-inside:avoid;
  }
  .rp-kpis{ grid-template-columns:repeat(4,1fr); }
  table.rp-table{ font-size:11px; }
  table.rp-table thead th{ background:#F1F5F9 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact; }
  .rp-chart{ height:220px;break-inside:avoid; }
  a[href]:after{ content:''; }
}
