/* ═══════════════════════════════════════════════════════════════
   OYUNTECH — Modern Glass Dark Theme 2026
   ═══════════════════════════════════════════════════════════════
   Built from scratch. No legacy. Pure modern CSS.
   
   TABLE OF CONTENTS
   ─────────────────
   0. Design Tokens (CSS Custom Properties)
   1. Reset & Base
   2. Typography
   3. Grid System (Bootstrap 4 compatible)
   4. Forms & Inputs
   5. Buttons
   6. Dropdowns
   7. Navigation (Tabs, Pills, Breadcrumbs)
   8. Tables
   9. Cards & Element Boxes
   10. Alerts & Badges
   11. Layout (Body, Wrapper, Content, Panels)
   12. Menus (Mobile, Side, Top, Top-Image)
   13. Utilities (Spacing, Display, Flex, Text)
   14. Components (Accordion, Switch, Progress, Steps)
   15. Apps (Chat, Email, Projects)
   16. Icon Font
   17. Animations
   18. Responsive
   ═══════════════════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────
   0. DESIGN TOKENS
   ───────────────────────────────────────────── */
/* ─────────────────────────────────────────────
   0. DESIGN TOKENS — DARK (varsayılan)
   ───────────────────────────────────────────── */
body.theme-dark, body:not(.theme-light) {
  /* Surface colors — oyuntech.com ile hizali (notr siyah, mavi tonu yok) */
  --bg-deep:     #0a0b0e;
  --bg-base:     #111217;
  --bg-elevated: #1b1c22;
  --bg-surface:     rgba(240,244,255,0.03);
  --bg-surface-2:   rgba(240,244,255,0.05);
  --bg-surface-3:   rgba(240,244,255,0.08);
  --bg-hover:       rgba(240,244,255,0.06);
  --bg-active:      rgba(240,244,255,0.10);

  /* Border */
  --border:         rgba(240,244,255,0.09);
  --border-subtle:  rgba(240,244,255,0.05);
  --border-strong:  rgba(240,244,255,0.15);

  /* Text */
  --text:           #f3f4f7;
  --text-secondary: rgba(243,244,247,0.66);
  --text-muted:     #989aa2;
  --text-disabled:  rgba(243,244,247,0.30);

  /* Accent — OyunTECH Lime (oyuntech.com --lime) */
  --accent:         #b9fa4d;
  --accent-2:       #dcff91;
  --accent-bg:      rgba(185,250,77,0.14);
  --accent-border:  rgba(185,250,77,0.32);
  --accent-glow:    rgba(185,250,77,0.20);
  --accent-ink:     #102112;

  /* Semantic */
  --success:        #34d399;
  --success-bg:     rgba(52,211,153,0.12);
  --warning:        #ff7a48;
  --warning-bg:     rgba(255,122,72,0.13);
  --danger:         #f87171;
  --danger-bg:      rgba(248,113,113,0.12);
  --info:           #60a5fa;
  --info-bg:        rgba(96,165,250,0.12);

  /* Shadow */
  --shadow-sm:  0 4px 12px rgba(0,0,0,0.25);
  --shadow-md:  0 12px 32px rgba(0,0,0,0.35);
  --shadow-lg:  0 24px 64px rgba(0,0,0,0.50);
  --shadow-glow: 0 0 0 3px var(--accent-glow);
}

/* ─────────────────────────────────────────────
   0b. DESIGN TOKENS — LIGHT
   ───────────────────────────────────────────── */
body.theme-light {
  /* Surface colors */
  --bg-deep:     #eef1f5;
  --bg-base:     #f7f8fa;
  --bg-elevated: #fafbfc;
  --bg-surface:     rgba(15,23,42,0.035);
  --bg-surface-2:   rgba(15,23,42,0.055);
  --bg-surface-3:   rgba(15,23,42,0.085);
  --bg-hover:       rgba(15,23,42,0.06);
  --bg-active:      rgba(15,23,42,0.10);

  /* Border */
  --border:         rgba(15,23,42,0.10);
  --border-subtle:  rgba(15,23,42,0.06);
  --border-strong:  rgba(15,23,42,0.18);

  /* Text */
  --text:           rgba(15,23,42,0.92);
  --text-secondary: rgba(15,23,42,0.68);
  --text-muted:     rgba(15,23,42,0.48);
  --text-disabled:  rgba(15,23,42,0.30);

  /* Accent — lime, acik zeminde okunur olsun diye koyu zeytin tonu */
  --accent:         #4d7c0f;
  --accent-2:       #3f6b0a;
  --accent-bg:      rgba(77,124,15,0.10);
  --accent-border:  rgba(77,124,15,0.32);
  --accent-glow:    rgba(77,124,15,0.18);
  --accent-ink:     #ffffff;

  /* Semantic */
  --success:        #15803d;
  --success-bg:     rgba(21,128,61,0.10);
  --warning:        #c2410c;
  --warning-bg:     rgba(194,65,12,0.10);
  --danger:         #dc2626;
  --danger-bg:      rgba(220,38,38,0.10);
  --info:           #2563eb;
  --info-bg:        rgba(37,99,235,0.10);

  /* Shadow — light temada daha yumuşak ve az opak */
  --shadow-sm:  0 2px 8px rgba(15,23,42,0.08);
  --shadow-md:  0 8px 24px rgba(15,23,42,0.10);
  --shadow-lg:  0 16px 48px rgba(15,23,42,0.14);
  --shadow-glow: 0 0 0 3px var(--accent-glow);
}

/* Sabit kalan token'lar (renk içermeyen) — :root'ta bırakılabilir */
:root {
  --r-sm:  10px;
  --r-md:  14px;
  --r-lg:  18px;
  --r-xl:  24px;
  --r-pill: 999px;

  --fast:   140ms ease;
  --normal: 220ms ease;
  --slow:   360ms ease;

  --font: "Manrope", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", "JetBrains Mono", Menlo, Monaco, Consolas, monospace;

  --z-dropdown: 1000;
  --z-sticky:   1020;
  --z-fixed:    1030;
  --z-overlay:  1040;
  --z-modal:    1050;
  --z-toast:    1060;
}


/* ─────────────────────────────────────────────
   1. RESET & BASE
   ───────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

th { text-align: left; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  height: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--text);
  background: var(--bg-deep);
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article, aside, footer, header, nav, section, main, figcaption, figure { display: block; }
[hidden], template { display: none !important; }
[tabindex="-1"]:focus { outline: none !important; }

hr {
  border: 0;
  border-top: 1px solid var(--border);
  margin: 1rem 0;
}

a {
  color: var(--accent);
  text-decoration: none;
  transition: color var(--fast);
}
a:hover, a:focus { color: #dcff91; text-decoration: underline; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }

img { vertical-align: middle; border-style: none; max-width: 100%; }
svg:not(:root) { overflow: hidden; }
[role="button"] { cursor: pointer; }

button, input, optgroup, select, textarea {
  font-family: var(--font);
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  font-weight: 500;
}
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
textarea { overflow: auto; resize: vertical; }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

input[type="radio"]:disabled,
input[type="checkbox"]:disabled { cursor: not-allowed; }


/* ─────────────────────────────────────────────
   2. TYPOGRAPHY
   ───────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: var(--font);
  font-weight: 600;
  line-height: 1.15;
  color: var(--text);
  letter-spacing: -0.01em;
}

h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }

p { margin: 0 0 1rem; }

.lead { font-size: 1.25rem; font-weight: 300; }
.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; }
.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; }
.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; }
.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.1; }

small, .small { font-size: 80%; font-weight: 500; }
mark, .mark { padding: 0.2em; background-color: rgba(251,191,36,0.2); color: var(--text); }

ol, ul, dl { margin: 0 0 1rem; }
dt { font-weight: 600; }
dd { margin-bottom: .5rem; margin-left: 0; }
blockquote { margin: 0 0 1rem; }

label { display: inline-block; margin-bottom: .5rem; color: var(--text-secondary); }

.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; }
.list-inline-item { display: inline-block; }
.list-inline-item:not(:last-child) { margin-right: 5px; }

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  border-left: 4px solid var(--accent);
  color: var(--text-secondary);
  background: var(--bg-surface);
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
}
.blockquote-footer { display: block; font-size: 80%; color: var(--text-muted); }
.blockquote-footer::before { content: "\2014 \00A0"; }

code, kbd, pre, samp { font-family: var(--font-mono); }
code {
  padding: 0.2rem 0.4rem;
  font-size: 87%;
  color: var(--accent);
  background: var(--accent-bg);
  border-radius: 6px;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87%;
  color: #fff;
  background: rgba(255,255,255,0.15);
  border-radius: 6px;
}
pre {
  display: block;
  margin: 0 0 1rem;
  font-size: 87%;
  color: var(--text);
  overflow: auto;
}
pre code { padding: 0; font-size: inherit; color: inherit; background: transparent; border-radius: 0; }

.img-fluid { max-width: 100%; height: auto; }
.img-thumbnail {
  padding: 4px;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  max-width: 100%;
  height: auto;
}


/* ─────────────────────────────────────────────
   3. GRID SYSTEM (Bootstrap 4 compatible classes)
   ───────────────────────────────────────────── */
.container {
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
}
@media (min-width: 576px)  { .container { max-width: 540px; } }
@media (min-width: 768px)  { .container { max-width: 720px; } }
@media (min-width: 992px)  { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }

.container-fluid { position: relative; margin: 0 auto; padding: 0 15px; width: 100%; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.no-gutters { margin: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding: 0; }

/* Column base */
[class*="col-"], .col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding: 0 15px;
}

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
.col-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3  { flex: 0 0 25%;        max-width: 25%; }
.col-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6  { flex: 0 0 50%;        max-width: 50%; }
.col-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9  { flex: 0 0 75%;        max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%;       max-width: 100%; }

.offset-1  { margin-left: 8.333333%; }
.offset-2  { margin-left: 16.666667%; }
.offset-3  { margin-left: 25%; }
.offset-4  { margin-left: 33.333333%; }
.offset-5  { margin-left: 41.666667%; }
.offset-6  { margin-left: 50%; }
.offset-7  { margin-left: 58.333333%; }
.offset-8  { margin-left: 66.666667%; }
.offset-9  { margin-left: 75%; }
.offset-10 { margin-left: 83.333333%; }
.offset-11 { margin-left: 91.666667%; }

/* SM breakpoint */
@media (min-width: 576px) {
  .col-sm    { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; }
  .col-sm-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
  .col-sm-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3  { flex: 0 0 25%;        max-width: 25%; }
  .col-sm-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6  { flex: 0 0 50%;        max-width: 50%; }
  .col-sm-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9  { flex: 0 0 75%;        max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { flex: 0 0 100%;       max-width: 100%; }
  .offset-sm-0  { margin-left: 0; }
  .offset-sm-1  { margin-left: 8.333333%; }
  .offset-sm-2  { margin-left: 16.666667%; }
  .offset-sm-3  { margin-left: 25%; }
  .offset-sm-4  { margin-left: 33.333333%; }
  .offset-sm-5  { margin-left: 41.666667%; }
  .offset-sm-6  { margin-left: 50%; }
  .offset-sm-7  { margin-left: 58.333333%; }
  .offset-sm-8  { margin-left: 66.666667%; }
  .offset-sm-9  { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.333333%; }
  .offset-sm-11 { margin-left: 91.666667%; }
}

/* MD breakpoint */
@media (min-width: 768px) {
  .col-md    { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-md-auto { flex: 0 0 auto; width: auto; }
  .col-md-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
  .col-md-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3  { flex: 0 0 25%;        max-width: 25%; }
  .col-md-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6  { flex: 0 0 50%;        max-width: 50%; }
  .col-md-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9  { flex: 0 0 75%;        max-width: 75%; }
  .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { flex: 0 0 100%;       max-width: 100%; }
  .offset-md-0  { margin-left: 0; }
  .offset-md-1  { margin-left: 8.333333%; }
  .offset-md-2  { margin-left: 16.666667%; }
  .offset-md-3  { margin-left: 25%; }
  .offset-md-4  { margin-left: 33.333333%; }
  .offset-md-5  { margin-left: 41.666667%; }
  .offset-md-6  { margin-left: 50%; }
  .offset-md-7  { margin-left: 58.333333%; }
  .offset-md-8  { margin-left: 66.666667%; }
  .offset-md-9  { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.333333%; }
  .offset-md-11 { margin-left: 91.666667%; }
}

/* LG breakpoint */
@media (min-width: 992px) {
  .col-lg    { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; }
  .col-lg-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
  .col-lg-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3  { flex: 0 0 25%;        max-width: 25%; }
  .col-lg-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6  { flex: 0 0 50%;        max-width: 50%; }
  .col-lg-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9  { flex: 0 0 75%;        max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { flex: 0 0 100%;       max-width: 100%; }
  .offset-lg-0  { margin-left: 0; }
  .offset-lg-1  { margin-left: 8.333333%; }
  .offset-lg-2  { margin-left: 16.666667%; }
  .offset-lg-3  { margin-left: 25%; }
  .offset-lg-4  { margin-left: 33.333333%; }
  .offset-lg-5  { margin-left: 41.666667%; }
  .offset-lg-6  { margin-left: 50%; }
  .offset-lg-7  { margin-left: 58.333333%; }
  .offset-lg-8  { margin-left: 66.666667%; }
  .offset-lg-9  { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.333333%; }
  .offset-lg-11 { margin-left: 91.666667%; }
}

/* XL breakpoint */
@media (min-width: 1200px) {
  .col-xl    { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; }
  .col-xl-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
  .col-xl-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3  { flex: 0 0 25%;        max-width: 25%; }
  .col-xl-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6  { flex: 0 0 50%;        max-width: 50%; }
  .col-xl-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9  { flex: 0 0 75%;        max-width: 75%; }
  .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { flex: 0 0 100%;       max-width: 100%; }
  .offset-xl-0  { margin-left: 0; }
  .offset-xl-1  { margin-left: 8.333333%; }
  .offset-xl-2  { margin-left: 16.666667%; }
  .offset-xl-3  { margin-left: 25%; }
  .offset-xl-4  { margin-left: 33.333333%; }
  .offset-xl-5  { margin-left: 41.666667%; }
  .offset-xl-6  { margin-left: 50%; }
  .offset-xl-7  { margin-left: 58.333333%; }
  .offset-xl-8  { margin-left: 66.666667%; }
  .offset-xl-9  { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.333333%; }
  .offset-xl-11 { margin-left: 91.666667%; }
}


/* ─────────────────────────────────────────────
   4. FORMS & INPUTS
   ───────────────────────────────────────────── */
.form-control {
  display: block;
  width: 100%;
  padding: 10px 14px;
  font-family: var(--font);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--text);
  background: var(--bg-surface-2);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  outline: none;
  transition: border-color var(--fast), box-shadow var(--fast), background var(--fast);
  -webkit-appearance: none;
}

.form-control:focus {
  background: var(--bg-surface-3);
  border-color: var(--accent-border);
  box-shadow: var(--shadow-glow);
}

.form-control::placeholder { color: var(--text-muted); opacity: 1; }

.form-control:disabled,
.form-control[readonly] {
  background: var(--bg-surface);
  border-color: var(--border-subtle);
  color: var(--text-disabled);
  cursor: not-allowed;
  opacity: 1;
}

.form-control.rounded { border-radius: var(--r-pill); }
.form-control.bright { border-color: var(--border-strong); background: var(--bg-surface-3); }
.form-control[type="checkbox"] { width: auto; display: inline-block; }

select.form-control {
  color-scheme: light dark;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' fill-opacity='0.55' d='M6 8.2L2.2 4.4l1.1-1.1L6 6.0l2.7-2.7 1.1 1.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px;
  padding-right: 40px;
}
select.form-control:not([size]):not([multiple]) { height: calc(2.4rem + 2px); }
select.form-control option {
  background: var(--bg-elevated);
  color: var(--text);
}
select.form-control option:disabled {
  background: var(--bg-surface);
  color: var(--text-muted);
}
select.form-control optgroup {
  background: var(--bg-surface);
  color: var(--text-muted);
  font-style: normal;
  font-weight: 600;
}

.form-control-sm { padding: 7px 10px; font-size: 0.82rem; border-radius: var(--r-sm); }
.form-control-lg { padding: 14px 18px; font-size: 1.05rem; border-radius: 16px; }

.form-group { margin-bottom: 14px; }
.form-text { display: block; margin-top: 6px; font-size: 0.82rem; color: var(--text-muted); }
.form-check { position: relative; display: block; margin-bottom: 8px; }
.form-check.disabled .form-check-label { color: var(--text-disabled); cursor: not-allowed; }
.form-check-label { padding-left: 1.4rem; margin-bottom: 0; cursor: pointer; color: var(--text-secondary); }
.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.35rem; margin-right: 0.5rem; }
.form-check-inline { display: inline-block; }
.form-check-inline + .form-check-inline { margin-left: 12px; }

.form-control-feedback { margin-top: 6px; color: var(--text-muted); }

/* Validation */
.has-success .form-control { border-color: rgba(52,211,153,0.5); box-shadow: 0 0 0 3px rgba(52,211,153,0.10); }
.has-success .form-control-label, .has-success .form-check-label { color: var(--success); }
.has-warning .form-control { border-color: rgba(251,191,36,0.5); box-shadow: 0 0 0 3px rgba(251,191,36,0.10); }
.has-warning .form-control-label, .has-warning .form-check-label { color: var(--warning); }
.has-danger .form-control { border-color: rgba(248,113,113,0.5); box-shadow: 0 0 0 3px rgba(248,113,113,0.10); }
.has-danger .form-control-label, .has-danger .form-check-label { color: var(--danger); }

.form-inline { display: flex; flex-flow: row wrap; align-items: center; gap: 10px; }
@media (min-width: 576px) {
  .form-inline .form-group { display: flex; flex: 0 0 auto; align-items: center; margin-bottom: 0; }
  .form-inline .form-control { display: inline-block; width: auto; }
}

/* Form structure */
.form-buttons-w { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--border); }
.form-header {
  display: block;
  padding: 10px 14px;
  border-radius: var(--r-sm);
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  margin: 0 0 12px;
  color: var(--text);
  font-weight: 700;
  font-size: 0.95rem;
}
.form-desc {
  color: var(--text-muted);
  margin-bottom: 16px;
  font-size: 0.85rem;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
}

label.bigger { font-size: 1.08rem; margin: 12px 0; color: var(--text); }
fieldset { margin-top: 22px; }
legend {
  font-size: 0.98rem;
  display: block;
  margin-bottom: 16px;
  position: relative;
  color: var(--text);
  font-weight: 700;
  letter-spacing: 0.02em;
}
legend span {
  padding-right: 10px;
  background: var(--bg-elevated);
  display: inline-block;
  position: relative;
  z-index: 2;
}
legend::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  height: 1px;
  top: 50%;
  background: var(--border);
  z-index: 1;
}

/* Input group */
.input-group { position: relative; display: flex; width: 100%; }
.input-group .form-control { position: relative; z-index: 2; flex: 1 1 auto; width: 1%; margin-bottom: 0; }
.input-group .form-control:focus { z-index: 3; }

.input-group-addon {
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-secondary);
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  display: flex;
  align-items: center;
}
.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child) { border-radius: var(--r-md) 0 0 var(--r-md); }
.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child) { border-radius: 0 var(--r-md) var(--r-md) 0; border-left: 0; }

.input-group-btn { position: relative; white-space: nowrap; }
.input-group-btn > .btn { position: relative; z-index: 2; }

/* Custom controls */
.custom-control { position: relative; display: inline-flex; min-height: 1.5rem; padding-left: 1.6rem; margin-right: 1rem; cursor: pointer; align-items: center; }
.custom-control-input { position: absolute; z-index: -1; opacity: 0; }
.custom-control-indicator {
  position: absolute; top: 0.22rem; left: 0;
  width: 1.05rem; height: 1.05rem;
  background: var(--bg-surface-2);
  border: 1px solid var(--border-strong);
  border-radius: 4px;
  transition: background var(--fast), border-color var(--fast), box-shadow var(--fast);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}
.custom-control-input:checked ~ .custom-control-indicator {
  background: var(--accent);
  border-color: var(--accent);
}
.custom-control-input:focus ~ .custom-control-indicator { box-shadow: var(--shadow-glow); }
.custom-control-input:disabled ~ .custom-control-indicator { opacity: 0.4; cursor: not-allowed; }
.custom-checkbox .custom-control-indicator { border-radius: 5px; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-radio .custom-control-indicator { border-radius: 50%; }
.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

/* Custom select */
.custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.4rem + 2px);
  padding: 10px 42px 10px 14px;
  color: var(--text);
  background: var(--bg-surface-2) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' fill-opacity='0.55' d='M6 8.2L2.2 4.4l1.1-1.1L6 6.0l2.7-2.7 1.1 1.1z'/%3E%3C/svg%3E") no-repeat right 14px center;
  background-size: 14px;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  appearance: none;
  outline: none;
  transition: border-color var(--fast), box-shadow var(--fast);
}
.custom-select:focus { border-color: var(--accent-border); box-shadow: var(--shadow-glow); }
.custom-select:disabled { color: var(--text-disabled); cursor: not-allowed; }


/* ─────────────────────────────────────────────
   5. BUTTONS
   ───────────────────────────────────────────── */
.btn, .all-wrapper .fc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--font);
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  padding: 7px 14px;
  font-size: 0.82rem;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  color: var(--text);
  background: var(--bg-surface-2);
  cursor: pointer;
  text-decoration: none;
  transition: transform var(--fast), background var(--fast), border-color var(--fast), box-shadow var(--fast);
}
.btn:hover, .all-wrapper .fc-button:hover {
  background: var(--bg-active);
  border-color: var(--border-strong);
  filter: brightness(1.08);
  text-decoration: none;
}
.btn:focus, .btn.focus { outline: 0; box-shadow: var(--shadow-glow); }
.btn:active, .btn.active { transform: translateY(0); filter: brightness(0.96); }
.btn:disabled, .btn.disabled { cursor: not-allowed; opacity: 0.45; transform: none; }
a.btn.disabled { pointer-events: none; }

/* Primary */
.btn-primary, .all-wrapper .fc-button.fc-state-active {
  color: var(--accent-ink);
  background: var(--accent);
  border-color: rgba(185,250,77,0.6);
  font-weight: 700;
}
.btn-primary:hover { background: var(--accent-2); border-color: var(--accent-2); color: var(--accent-ink); }
.btn-primary:focus { box-shadow: 0 0 0 3px rgba(185,250,77,0.25); }
.btn-primary:disabled { background: rgba(185,250,77,0.4); border-color: transparent; }

/* Secondary */
.btn-secondary { color: var(--text); background: var(--bg-surface-3); border-color: var(--border); }
.btn-secondary:hover { background: var(--bg-active); border-color: var(--border-strong); }

/* Success */
.btn-success { color: #fff; background: rgba(52,211,153,0.75); border-color: rgba(52,211,153,0.5); }
.btn-success:hover { background: rgba(52,211,153,0.9); border-color: rgba(52,211,153,0.8); color: #fff; }
.btn-success:focus { box-shadow: 0 0 0 3px rgba(52,211,153,0.18); }

/* Danger */
.btn-danger { color: #fff; background: rgba(248,113,113,0.75); border-color: rgba(248,113,113,0.5); }
.btn-danger:hover { background: rgba(248,113,113,0.92); border-color: rgba(248,113,113,0.8); color: #fff; }
.btn-danger:focus { box-shadow: 0 0 0 3px rgba(248,113,113,0.18); }

/* Warning — oyuntech.com turuncu (--orange) */
.btn-warning { color: #2a1206; background: rgba(255,122,72,0.90); border-color: rgba(255,122,72,0.65); }
.btn-warning:hover { background: #ff7a48; border-color: #ff7a48; color: #2a1206; }
.btn-warning:focus { box-shadow: 0 0 0 3px rgba(255,122,72,0.22); }

/* Info — notr ikincil aksiyon (lime "Yonet" ile yarismasin) */
.btn-info { color: var(--text); background: var(--bg-surface-3); border-color: var(--border-strong); }
.btn-info:hover { color: var(--text); background: var(--bg-active); border-color: var(--accent-border); }
.btn-info:focus { box-shadow: 0 0 0 3px var(--accent-glow); }

/* White (dark-theme ghost) */
.btn-white, .all-wrapper .fc-button {
  color: var(--text);
  background: var(--bg-surface-2);
  border-color: var(--border);
}
.btn-white:hover { background: var(--bg-active); border-color: var(--border-strong); }

/* Outline variants */
.btn-outline-primary { color: var(--accent); background: transparent; border-color: var(--accent-border); }
.btn-outline-primary:hover { color: #fff; background: var(--accent); border-color: var(--accent); }
.btn-outline-secondary { color: var(--text-secondary); background: transparent; border-color: var(--border-strong); }
.btn-outline-secondary:hover { color: var(--text); background: var(--bg-hover); }
.btn-outline-success { color: var(--success); background: transparent; border-color: rgba(52,211,153,0.45); }
.btn-outline-success:hover { color: #fff; background: rgba(52,211,153,0.8); }
.btn-outline-danger { color: var(--danger); background: transparent; border-color: rgba(248,113,113,0.45); }
.btn-outline-danger:hover { color: #fff; background: rgba(248,113,113,0.8); }
.btn-outline-warning { color: var(--warning); background: transparent; border-color: rgba(251,191,36,0.45); }
.btn-outline-warning:hover { color: #111; background: rgba(251,191,36,0.9); }
.btn-outline-info { color: var(--text-secondary); background: transparent; border-color: var(--border-strong); }
.btn-outline-info:hover { color: var(--text); background: var(--bg-active); border-color: var(--accent-border); }

/* Link */
.btn-link { color: var(--text-secondary); background: transparent; border-color: transparent; font-weight: 600; }
.btn-link:hover { color: var(--text); text-decoration: underline; background: transparent; }
.btn-link:disabled { color: var(--text-disabled); }

/* Sizes */
.btn-lg, .btn-group-lg > .btn { padding: 12px 20px; font-size: 1.05rem; border-radius: 16px; }
.btn-sm, .btn-group-sm > .btn { padding: 4px 9px; font-size: 0.75rem; border-radius: var(--r-sm); }
.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: 10px; }
.btn-rounded, .btn.btn-rounded { border-radius: var(--r-pill); }

/* Icon in button */
.btn .os-icon { font-size: 18px; margin-right: 8px; display: inline-block; vertical-align: middle; opacity: 0.9; }
.btn .os-icon + span { display: inline-block; vertical-align: middle; }
.btn-sm .os-icon { font-size: 14px; margin-right: 6px; }

/* Button group */
.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }
.btn-group > .btn { position: relative; flex: 0 1 auto; }
.btn-group > .btn:not(:first-child):not(:last-child) { border-radius: 0; }
.btn-group > .btn:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.btn-group > .btn + .btn { margin-left: -1px; }
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active { z-index: 2; }

.btn-toolbar { display: flex; justify-content: flex-start; }
.btn-toolbar .input-group { width: auto; }


/* ─────────────────────────────────────────────
   6. DROPDOWNS
   ───────────────────────────────────────────── */
.dropup, .dropdown { position: relative; }
.dropdown-toggle::after {
  display: inline-block;
  width: 0; height: 0;
  margin-left: 0.35em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
  opacity: 0.7;
}
.dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--z-dropdown);
  display: none;
  min-width: 12rem;
  padding: 8px;
  margin: 6px 0 0;
  font-size: 0.9rem;
  color: var(--text);
  list-style: none;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg);
  backdrop-filter: none;
}
.show > .dropdown-menu { display: block; }

.dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  font-weight: 600;
  color: var(--text);
  background: transparent;
  border: 0;
  border-radius: var(--r-sm);
  transition: background var(--fast), transform var(--fast);
  white-space: nowrap;
  text-decoration: none;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--text);
  background: var(--bg-hover);
  text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--text);
  background: var(--accent-bg);
  border: 1px solid var(--accent-border);
}
.dropdown-item.disabled, .dropdown-item:disabled { color: var(--text-disabled); cursor: not-allowed; }

.dropdown-divider { height: 1px; margin: 8px 4px; background: var(--border); overflow: hidden; }
.dropdown-header {
  padding: 8px 12px;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.dropdown-menu-right { right: 0; left: auto; }
.dropdown-backdrop { position: fixed; inset: 0; z-index: 990; }
.dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 6px; }


/* ─────────────────────────────────────────────
   7. NAVIGATION
   ───────────────────────────────────────────── */
.nav { display: flex; padding-left: 0; margin-bottom: 0; list-style: none; }
.nav-link {
  display: block;
  padding: 0.5em 1em;
  color: var(--text-secondary);
  transition: color var(--fast);
}
.nav-link:hover, .nav-link:focus { text-decoration: none; color: var(--text); }
.nav-link.disabled { color: var(--text-disabled); cursor: not-allowed; }
.nav-link i { display: inline-block; color: var(--text-muted); font-size: 22px; margin-bottom: 6px; }
.nav-link span { display: block; font-size: 0.78rem; color: var(--text-secondary); }
.nav-link.active i { color: var(--text); }

/* Tabs */
.nav-tabs { border-bottom: 1px solid var(--border); }
.nav-tabs .nav-item { margin-bottom: 0; margin-right: 8px; }
.nav-tabs .nav-link {
  border: none;
  background: transparent;
  position: relative;
  transition: color var(--normal);
}
.nav-tabs .nav-link::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background: var(--accent);
  border-radius: var(--r-pill);
  transition: width var(--normal);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link { color: var(--text); background: transparent; border-color: transparent; }
.nav-tabs .nav-link.active::after,
.nav-tabs .nav-link:hover::after,
.nav-tabs .nav-item.show .nav-link::after { width: 100%; }
.nav-tabs .nav-link.disabled { color: var(--text-disabled); }

/* Nav variants */
.nav.smaller { font-size: 0.78rem; }
.nav.smaller.nav-tabs .nav-link { padding: 10px 12px; }
.nav.bigger { font-size: 1.15rem; font-weight: 700; }
.nav.bigger.nav-tabs .nav-link { padding-left: 0; padding-right: 0; margin-right: 22px; }
.nav.bigger.nav-tabs .nav-link.active::after { height: 4px; }
.nav.upper { font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; }
.nav.upper.nav-tabs .nav-link { padding-left: 0; padding-right: 0; padding-bottom: 12px; margin-right: 22px; }
.nav.centered { justify-content: space-around; text-align: center; }

/* Pills */
.nav-pills .nav-link {
  border-radius: var(--r-pill);
  color: var(--text-secondary);
  background: var(--bg-surface);
  border: 1px solid var(--border);
  padding: 8px 14px;
  transition: all var(--fast);
}
.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link {
  color: var(--text);
  background: var(--accent-bg);
  border-color: var(--accent-border);
}

.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }
.nav-justified .nav-item { flex: 1 1 100%; text-align: center; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }

/* Breadcrumb */
.breadcrumb {
  list-style: none;
  margin: 0;
  padding: 12px 18px;
  border-bottom: 1px solid var(--border);
  background: transparent;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.breadcrumb li, .breadcrumb-item {
  display: inline-block;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
}
.breadcrumb li a, .breadcrumb-item a { color: var(--text-secondary); transition: color var(--fast); }
.breadcrumb li a:hover, .breadcrumb-item a:hover { color: var(--text); text-decoration: none; }
.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding: 0 0.5rem; color: var(--text-disabled); content: "/"; }
.breadcrumb-item.active { color: var(--text-muted); }

/* Pagination */
.pagination { display: flex; padding-left: 0; list-style: none; border-radius: var(--r-sm); gap: 2px; }
.page-link {
  display: block;
  padding: 8px 12px;
  font-size: 0.85rem;
  color: var(--text-secondary);
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  transition: all var(--fast);
}
.page-link:hover { color: var(--text); background: var(--bg-hover); border-color: var(--border-strong); text-decoration: none; }
.page-item.active .page-link { color: #fff; background: var(--accent); border-color: var(--accent); z-index: 2; }
.page-item.disabled .page-link { color: var(--text-disabled); cursor: not-allowed; background: var(--bg-surface); }
.page-item:first-child .page-link { border-radius: var(--r-sm) 0 0 var(--r-sm); }
.page-item:last-child .page-link { border-radius: 0 var(--r-sm) var(--r-sm) 0; }

/* Tabs controls */
.os-tabs-controls { margin-bottom: 2rem; display: flex; justify-content: space-between; }
.os-tabs-controls .nav-pills { align-items: center; border-bottom: 1px solid var(--border); }
.os-tabs-controls .nav-tabs { flex: 1; }


/* ─────────────────────────────────────────────
   8. TABLES
   ───────────────────────────────────────────── */
.table { width: 100%; max-width: 100%; margin-bottom: 1rem; background: transparent; border-collapse: collapse; }
.table th, .table td { padding: 0.75rem 1rem; vertical-align: middle; border-top: 1px solid var(--border); }
.table th img, .table td img { max-width: 100%; }
.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid var(--border-strong);
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  font-weight: 600;
  border-top: none;
}
.table tfoot th { border-top: 1px solid var(--border-strong); font-size: 0.65rem; text-transform: uppercase; color: var(--text-muted); }
.table tbody + tbody { border-top: 2px solid var(--border); }

.table-sm th, .table-sm td { padding: 0.35rem 0.5rem; }
.table-bordered { border: 1px solid var(--border); }
.table-bordered th, .table-bordered td { border: 1px solid var(--border); }
.table-striped tbody tr:nth-of-type(odd) { background: var(--bg-surface); }
.table-hover tbody tr:hover { background: var(--bg-hover); }
.table-responsive { display: block; width: 100%; overflow-x: auto; }

.table .row-actions { text-align: center; }
.table .row-actions .os-icon { font-size: 16px; }
.table .row-actions a { margin-right: 0.8rem; color: var(--text-secondary); transition: color var(--fast); }
.table .row-actions a:hover { color: var(--text); }
.table .row-actions a.danger { color: var(--danger); }
.table .row-actions a:last-child { margin-right: 0; }
.table td.nowrap { white-space: nowrap; }
.table-lg td { padding: 1.2rem 1.5rem; }

.table-active, .table-active > th, .table-active > td { background: var(--bg-hover); }
.table-success, .table-success > th, .table-success > td { background: var(--success-bg); }
.table-info, .table-info > th, .table-info > td { background: var(--info-bg); }
.table-warning, .table-warning > th, .table-warning > td { background: var(--warning-bg); }
.table-danger, .table-danger > th, .table-danger > td { background: var(--danger-bg); }
.thead-inverse th { color: #fff; background: rgba(255,255,255,0.08); }
.thead-default th { color: var(--text-secondary); background: var(--bg-surface); }
.table-inverse { color: #fff; background: rgba(255,255,255,0.06); }

/* ── Eski tema kalıntısı: tpl'lere gömülü inline "background-color:#efefef/#ddd/#eee"
   (boş-durum satırları, harita grup başlıkları) — koyu temada beyaz kutu görünmesin.
   ~150 game tpl'sini tek tek düzenlemek yerine merkezi override. ── */
[style*="background-color: #efefef"],
[style*="background-color:#efefef"],
[style*="background-color: #eee"],
[style*="background-color:#eee"],
[style*="background-color: #f5f5f5"],
[style*="background-color:#f5f5f5"] {
  background-color: var(--bg-surface-2) !important;
  color: var(--text-muted) !important;
}
[style*="background-color: #ddd"],
[style*="background-color:#ddd"],
[style*="background-color: #e0e0e0"],
[style*="background-color:#e0e0e0"] {
  background-color: var(--bg-surface-3) !important;
  color: var(--text) !important;
}

/* Table controls */
.controls-above-table { margin-bottom: 1rem; }
.controls-above-table .btn { margin-right: 0.5rem; }
.controls-above-table .form-control { margin-right: 1rem; }
.controls-below-table { display: flex; justify-content: space-between; font-size: 0.81rem; }
.controls-below-table .table-records-info { color: var(--text-muted); }
.controls-below-table .table-records-pages ul { list-style: none; }
.controls-below-table .table-records-pages ul li { display: inline-block; margin: 0 10px; }

/* Cell image list */
.table .cell-image-list { position: relative; display: inline-block; white-space: nowrap; }
.table .cell-image-list .cell-img {
  display: inline-block; width: 30px; height: 30px; background-size: cover; background-position: center;
  border-radius: 4px; box-shadow: 0 0 0 2px var(--bg-elevated); vertical-align: middle; position: relative;
}
.table .cell-image-list .cell-img + .cell-img { margin-left: -12px; }


/* ─────────────────────────────────────────────
   9. CARDS & ELEMENT BOXES
   ───────────────────────────────────────────── */
.element-box, .invoice-w, .big-error-w,
.box-style, .user-profile,
.activity-boxes-w .activity-box,
.projects-list .project-box {
  border-radius: var(--r-lg);
  background: var(--bg-surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md);
}

.element-box, .invoice-w, .big-error-w {
  padding: 20px 24px;
  margin-bottom: 16px;
}
.element-box + .element-box { margin-top: 16px; }

.element-box .os-tabs-controls { margin-left: -24px; margin-right: -24px; }
.element-box .os-tabs-controls .nav { padding: 0 24px; }
.element-box .centered-header {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  text-align: center;
  margin-bottom: 12px;
  color: var(--text);
}

/* Element wrapper */
.element-wrapper .element-info { padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid var(--border); }
.element-wrapper .element-info-with-icon { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.element-wrapper .element-info-with-icon .element-info-icon { flex: 0 0 70px; font-size: 30px; color: var(--text); opacity: 0.85; }
.element-wrapper .element-info-with-icon.smaller .element-info-icon { flex: 0 0 50px; font-size: 20px; }
.element-wrapper .element-actions { float: right; position: relative; z-index: 2; }

.element-wrapper .element-header {
  border-bottom: 1px solid var(--border);
  padding-bottom: 14px;
  margin-bottom: 18px;
  position: relative;
}
.element-wrapper .element-header::after {
  content: "";
  background: var(--accent);
  width: 32px;
  height: 3px;
  border-radius: var(--r-pill);
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  opacity: 0.6;
}
.element-wrapper .element-inner-header { margin: 0 0 6px; color: var(--text); font-weight: 700; }
.element-wrapper .element-inner-desc { color: var(--text-secondary); font-size: 0.85rem; }

/* Element search */
.element-wrapper .element-search { position: relative; }
.element-wrapper .element-search::before {
  font-family: 'osfont' !important;
  position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
  font-size: 18px; content: "\e92c"; color: var(--text-muted);
  font-style: normal; font-weight: normal; line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.element-wrapper .element-search input {
  border: 1px solid var(--border);
  background: var(--bg-surface-2);
  border-radius: var(--r-pill);
  padding: 11px 14px 11px 46px;
  display: block; width: 100%; outline: none;
  color: var(--text);
  transition: border-color var(--fast), box-shadow var(--fast);
}
.element-wrapper .element-search input:focus { border-color: var(--accent-border); box-shadow: var(--shadow-glow); }
.element-wrapper .element-search input::placeholder { color: var(--text-muted); }

/* Tablo element */
.el-tablo { padding-right: 5px; }
.el-tablo .label { display: block; font-size: 0.63rem; text-transform: uppercase; color: var(--text-muted); }
.el-tablo .value { font-size: 2.4rem; font-weight: 600; font-family: var(--font); letter-spacing: -1px; line-height: 1.2; }
.el-tablo .trending { padding: 3px 10px; border-radius: 30px; display: inline-block; font-size: 0.72rem; vertical-align: middle; margin-left: 1rem; }
.el-tablo .trending-up { color: #fff; background: rgba(52,211,153,0.7); }
.el-tablo .trending-down { color: #fff; background: rgba(248,113,113,0.7); }
.el-tablo .trending-up-basic { color: var(--success); }
.el-tablo .trending-down-basic { color: var(--danger); }
.el-tablo.centered { text-align: center; }
.el-tablo.highlight .value { color: var(--accent); }

/* Charts */
.el-chart-w { position: relative; text-align: center; }
.el-chart-w .inside-donut-chart-label { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; font-size: 0.63rem; text-transform: uppercase; z-index: 1; }
.el-chart-w .inside-donut-chart-label strong { display: block; font-size: 1.26rem; }
.el-chart-w .inside-donut-chart-label span { display: block; color: var(--text-muted); }
.el-chart-w + .el-legend { border-top: 1px solid var(--border); padding-top: 1.5rem; margin-top: 2rem; }
.el-legend .legend-pin { width: 10px; height: 10px; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 0.7rem; }
.el-legend .legend-value { display: inline-block; vertical-align: middle; }

/* Profile tile */
.profile-tile { display: flex; align-items: center; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--border); }
.profile-tile .profile-tile-box { width: 110px; text-align: center; border-radius: var(--r-sm); padding: 1.5rem 0.5rem 0.5rem; background: var(--bg-surface-2); }
.profile-tile .pt-avatar-w { display: inline-block; border-radius: 50%; overflow: hidden; }
.profile-tile .pt-avatar-w img { width: 60px; height: auto; }
.profile-tile .profile-tile-meta { flex: 1; padding-left: 30px; }

/* Status pill */
.status-pill { width: 12px; height: 12px; border-radius: 30px; background: var(--bg-surface-3); display: inline-block; }
.status-pill.yellow { background: var(--warning); }
.status-pill.red { background: var(--danger); }
.status-pill.green { background: var(--success); }

/* Users list */
.users-list-w .user-w { display: flex; padding: 12px 0; border-bottom: 1px solid var(--border-subtle); align-items: center; justify-content: space-between; }
.users-list-w .user-w .user-avatar-w { width: 50px; }
.users-list-w .user-w .user-avatar-w .user-avatar { border-radius: 40px; overflow: hidden; }
.users-list-w .user-w .user-avatar-w .user-avatar img { max-width: 100%; height: auto; }
.users-list-w .user-w .user-name { padding-left: 20px; flex: 1; }
.users-list-w .user-w .user-role { font-size: 0.63rem; text-transform: uppercase; color: var(--text-muted); }
.users-list-w .user-w .user-action { width: 50px; color: var(--accent); font-size: 18px; }

/* Progress bar */
.os-progress-bar { margin-bottom: 1rem; }
.os-progress-bar .bar-labels { display: flex; justify-content: space-between; margin-bottom: 5px; }
.os-progress-bar .bar-labels span { font-size: 0.72rem; }
.os-progress-bar .bar-level-1, .os-progress-bar .bar-level-2, .os-progress-bar .bar-level-3 { border-radius: 12px; height: 6px; }
.os-progress-bar.blue .bar-level-1 { background: var(--bg-surface-3); }
.os-progress-bar.blue .bar-level-2 { background: rgba(96,165,250,0.4); }
.os-progress-bar.blue .bar-level-3 { background: var(--info); }

/* Value pair */
.value-pair { display: inline-block; }
.value-pair .label { color: var(--text-muted); font-size: 0.63rem; text-transform: uppercase; display: inline-block; }
.value-pair .value { display: inline-block; font-size: 0.63rem; text-transform: uppercase; }
.value-pair + .value-pair { margin-left: 10px; padding-left: 10px; border-left: 1px solid var(--border); }


/* ─────────────────────────────────────────────
   10. ALERTS & BADGES
   ───────────────────────────────────────────── */
.alert {
  position: relative;
  padding: 12px 16px;
  padding-left: 48px;
  margin-bottom: 14px;
  border-radius: var(--r-md);
  border: 1px solid var(--border);
  background: var(--bg-surface);
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
  box-shadow: none;
}
.alert::before {
  content: "ℹ";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--text-muted);
  font-style: normal;
}
.alert-heading { color: var(--text); font-weight: 700; margin-bottom: 4px; }
.alert-link { font-weight: 600; color: inherit; text-decoration: underline; text-decoration-color: rgba(255,255,255,0.2); }
.alert-link:hover { text-decoration-color: rgba(255,255,255,0.5); }
.alert-dismissible { padding-right: 3.2rem; }
.alert-dismissible .close {
  position: absolute; top: 50%; right: 10px;
  transform: translateY(-50%);
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--r-sm); border: 1px solid var(--border); background: transparent;
  color: var(--text-muted); opacity: 1;
  transition: all var(--fast);
}
.alert-dismissible .close:hover { background: var(--bg-hover); color: var(--text); }
.alert hr { border: 0; border-top: 1px solid var(--border); margin: 10px 0; }

.alert-primary   { background: rgba(185,250,77,0.06); border-color: rgba(185,250,77,0.22); color: #dcff91; }
.alert-primary::before { content: "ℹ"; color: var(--accent); }

.alert-success   { background: rgba(52,211,153,0.06); border-color: rgba(52,211,153,0.2); color: #6ee7b7; }
.alert-success::before { content: "✓"; color: var(--success); }

.alert-warning   { background: rgba(255,122,72,0.07); border-color: rgba(255,122,72,0.25); color: #ffb599; }
.alert-warning::before { content: "⚠"; color: var(--warning); }

.alert-danger    { background: rgba(248,113,113,0.06); border-color: rgba(248,113,113,0.2); color: #fca5a5; }
.alert-danger::before { content: "✕"; color: var(--danger); }

.alert-info      { background: rgba(185,250,77,0.06); border-color: rgba(185,250,77,0.22); color: #dcff91; }
.alert-info::before { content: "ℹ"; color: var(--accent); }

.alert-secondary { background: var(--bg-surface); color: var(--text-secondary); }
.alert-light     { background: var(--bg-surface-2); color: var(--text-secondary); }
.alert-dark      { background: var(--bg-surface-3); border-color: var(--border-strong); color: var(--text-secondary); }

/* Light temada üstteki pastel metin renkleri (#dcff91 vb.) beyaza yakın zeminde
   okunmuyor - light temanın kendi koyu semantic tonlarıyla eziliyor. */
body.theme-light .alert-primary,
body.theme-light .alert-info {
  background: var(--accent-bg); border-color: var(--accent-border); color: var(--accent);
}
body.theme-light .alert-success {
  background: var(--success-bg); border-color: rgba(21,128,61,0.28); color: var(--success);
}
body.theme-light .alert-warning {
  background: var(--warning-bg); border-color: rgba(194,65,12,0.28); color: var(--warning);
}
body.theme-light .alert-danger {
  background: var(--danger-bg); border-color: rgba(220,38,38,0.28); color: var(--danger);
}

/* Badges */
.badge {
  display: inline-block;
  padding: 0.3em 0.5em;
  font-size: 72%;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 6px;
}
.badge:empty { display: none; }
.badge-pill { padding: 0.3em 0.65em; border-radius: 10rem; }
.badge-default { background: rgba(240,244,255,0.15); }
.badge-primary { background: var(--accent); color: var(--accent-ink); }
.badge-success { background: var(--success); color: #06281c; }
.badge-info { background: var(--bg-surface-3); color: var(--text-secondary); }
.badge-warning { background: var(--warning); color: #2a1206; }
.badge-danger { background: var(--danger); color: #2a0808; }


/* ─────────────────────────────────────────────
   11. LAYOUT
   ───────────────────────────────────────────── */
html { height: 100%; }

body {
  min-height: 100%;
  position: relative;
  padding: 40px;
  background: var(--bg-deep);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(185,250,77,0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(96,165,250,0.04) 0%, transparent 50%),
    var(--bg-deep);
}

.all-wrapper {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
  border-radius: var(--r-lg);
  padding: 0;
  background: var(--bg-base);
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}
.all-wrapper.with-pattern {
  background-image: none !important;
  background: var(--bg-base);
  border: 1px solid var(--border-subtle);
}

/* Side menu layout */
.menu-side .layout-w { display: flex; width: 100%; min-height: 100vh; align-items: stretch; }
.menu-side-w, .menu-side-compact-w { flex: 0 0 auto; align-self: stretch; }
.menu-side .content-w { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.menu-top .content-w { border-radius: 0 0 var(--r-lg) var(--r-lg); }

.content-w {
  width: 100%;
  min-width: 0;
  vertical-align: top;
  background: var(--bg-elevated);
  color: var(--text);
}
.content-box { padding: 20px 28px; }

/* Side panel */
.content-panel {
  position: relative;
  vertical-align: top;
  width: 380px;
  max-width: 92vw;
  padding: 22px;
  border-left: 1px solid var(--border);
  background: var(--bg-surface);
  backdrop-filter: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.content-panel .content-panel-close {
  display: none;
  position: absolute; top: 12px; right: 12px;
  font-size: 14px; color: var(--text-secondary);
  background: var(--bg-surface-2); border: 1px solid var(--border);
  border-radius: var(--r-sm); padding: 6px 10px;
  transition: all var(--fast); cursor: pointer; z-index: 999;
}
.content-panel .content-panel-close:hover { background: var(--bg-hover); color: var(--text); }

.content-panel-toggler {
  background: var(--bg-surface-3); border: 1px solid var(--border);
  padding: 7px 12px; border-radius: var(--r-sm);
  color: var(--text); font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em;
  display: none; position: absolute; top: 10px; right: 10px; z-index: 4;
  box-shadow: var(--shadow-md); cursor: pointer;
  transition: all var(--fast);
}
.content-panel-toggler:hover { background: var(--bg-active); }
.content-panel-toggler i { display: inline-block; vertical-align: middle; font-size: 12px; }
.content-panel-toggler span { margin-left: 10px; display: inline-block; vertical-align: middle; }

/* Side panel active layout */
.with-side-panel .content-i { display: flex; width: 100%; gap: 0; align-items: stretch; }
.with-side-panel .content-box { flex: 1; min-width: 0; }

/* CSS custom property helpers */
.black-background { background-color: #000; }
.white { color: #fff; }


/* ─────────────────────────────────────────────
   12. MENUS
   ───────────────────────────────────────────── */

/* Mobile menu */
.menu-mobile {
  background: var(--bg-elevated);
  box-shadow: var(--shadow-sm);
  position: relative;
  display: none;
  border-bottom: 1px solid var(--border);
}
.menu-mobile .mm-logo-buttons-w {
  display: flex; align-items: center; justify-content: space-between; padding: 1rem;
}
.menu-mobile .mm-logo-buttons-w .mm-logo { text-decoration: none; display: flex; align-items: center; gap: 12px; }
.menu-mobile .mm-logo-buttons-w .mm-logo img { width: 36px; }
.menu-mobile .mm-logo-buttons-w .mm-logo span { color: var(--text); }
.menu-mobile .mm-logo-buttons-w .mm-buttons { display: flex; gap: 12px; }
.menu-mobile .mm-logo-buttons-w .content-panel-open { display: none; font-size: 18px; cursor: pointer; color: var(--accent); }
.menu-mobile .mm-logo-buttons-w .mobile-menu-trigger { font-size: 18px; cursor: pointer; color: var(--accent); }
.menu-mobile .menu-and-user { display: none; padding-bottom: 20px; border-top: 1px solid var(--border); }
.menu-mobile ul.main-menu { list-style: none; padding: 10px 1rem; margin: 0; }
.menu-mobile ul.main-menu > li { border-bottom: 1px solid var(--border-subtle); }
.menu-mobile ul.main-menu > li:last-child { border-bottom: none; }
.menu-mobile ul.main-menu > li > a { color: var(--text); display: flex; align-items: center; text-decoration: none; position: relative; }
.menu-mobile ul.main-menu > li .icon-w { color: var(--accent); font-size: 24px; padding: 1rem; width: 65px; text-align: center; transition: all var(--fast); }
.menu-mobile ul.main-menu > li span { padding: 1rem; flex: 1; transition: all var(--fast); }
.menu-mobile ul.main-menu > li .icon-w + span { padding-left: 0; }
.menu-mobile ul.sub-menu { padding: 1rem 0 1rem 55px; border-top: 1px solid var(--border-subtle); display: none; list-style: none; }
.menu-mobile ul.sub-menu li { padding: 0.4rem 10px; border-bottom: 1px solid var(--border-subtle); }
.menu-mobile ul.sub-menu li:last-child { border-bottom: none; }
.menu-mobile ul.sub-menu li a { font-size: 0.81rem; color: var(--text-secondary); }

.menu-mobile.color-scheme-dark { background: linear-gradient(180deg, #151b2e 0%, #0f1424 100%); }
.menu-mobile.color-scheme-dark ul.main-menu .icon-w { color: var(--accent); }
.menu-mobile.color-scheme-dark ul.main-menu > li { border-bottom-color: var(--border); }
.menu-mobile.color-scheme-dark ul.main-menu > li > a { color: var(--text); }
.menu-mobile.color-scheme-dark .mm-logo-buttons-w .mobile-menu-trigger,
.menu-mobile.color-scheme-dark .mm-logo-buttons-w .content-panel-open { color: var(--text); }

/* Side menu */
.menu-side-w {
  background: var(--bg-base);
  border-right: 1px solid var(--border);
  position: relative;
  width: 280px;
}
.menu-side-w .logo-w { text-align: center; padding: 2rem 1rem; border-bottom: 1px solid var(--border); }
.menu-side-w .logo-w a { display: inline-block; text-decoration: none; }
.menu-side-w .logo-w img { width: 36px; height: auto; vertical-align: middle; }
.menu-side-w .logo-w span { vertical-align: middle; color: var(--text); margin-left: 1rem; font-weight: 600; }
.menu-side-w ul.main-menu { list-style: none; padding: 1.5rem 1rem; margin: 0; }
.menu-side-w ul.main-menu > li { border-bottom: 1px solid var(--border-subtle); }
.menu-side-w ul.main-menu > li:last-child { border-bottom: none; }
.menu-side-w ul.main-menu > li > a { color: var(--text-secondary); display: flex; align-items: center; text-decoration: none; position: relative; transition: color var(--fast); }
.menu-side-w ul.main-menu > li > a:hover { color: var(--text); }
.menu-side-w ul.main-menu > li .icon-w { color: var(--accent); font-size: 24px; padding: 1rem; width: 65px; text-align: center; transition: all var(--fast); }
.menu-side-w ul.main-menu > li span { padding: 1rem; flex: 1; transition: all var(--fast); }
.menu-side-w ul.main-menu > li .icon-w + span { padding-left: 0; }
.menu-side-w ul.sub-menu { padding: 1rem 0 1rem 50px; border-top: 1px solid var(--border-subtle); display: none; list-style: none; }
.menu-side-w ul.sub-menu li { border-bottom: 1px solid var(--border-subtle); }
.menu-side-w ul.sub-menu li:last-child { border-bottom: none; }
.menu-side-w ul.sub-menu li a {
  padding: 0.4rem 10px; display: block; font-size: 0.81rem; color: var(--text-secondary);
  position: relative; transition: all var(--fast);
}
.menu-side-w ul.sub-menu li a::before {
  content: ""; width: 5px; height: 5px; border: 1px solid var(--accent); border-radius: 50%;
  position: absolute; left: -10px; top: 50%; transform: translateY(-50%);
  background: var(--bg-elevated); transition: all var(--fast);
}
.menu-side-w ul.sub-menu li a:hover { color: var(--text); text-decoration: none; }
.menu-side-w ul.sub-menu li a:hover::before { background: var(--accent); border-color: var(--accent); }

.menu-side-w.color-scheme-dark { background: linear-gradient(180deg, #141a2e 0%, #0e1222 100%); }
.menu-side-w.color-scheme-dark ul.main-menu .icon-w { color: var(--accent); }
.menu-side-w.color-scheme-dark ul.main-menu > li { border-bottom-color: var(--border); }
.menu-side-w.color-scheme-dark ul.main-menu > li > a { color: var(--text); }
.menu-side-w.color-scheme-dark .logo-w { border-bottom-color: var(--border); }
.menu-side-w.color-scheme-dark .logo-w span { color: var(--text); }

/* Compact side menu */
.menu-side-compact-w {
  background: var(--bg-base);
  border-right: 1px solid var(--border);
  position: relative;
  width: 80px;
}
.menu-side-compact-w .logo-w { text-align: center; padding: 2rem 0.5rem; border-bottom: 1px solid var(--border); }
.menu-side-compact-w .logo-w img { width: 36px; }
.menu-side-compact-w ul.main-menu { list-style: none; padding: 0; text-align: center; }
.menu-side-compact-w ul.main-menu > li { border-bottom: 1px solid var(--border-subtle); position: relative; }
.menu-side-compact-w ul.main-menu > li > a { display: block; padding: 16px 10px; transition: background var(--fast); }
.menu-side-compact-w ul.main-menu .icon-w { font-size: 26px; color: var(--accent); }
.menu-side-compact-w ul.main-menu > li.active > a { background: var(--accent-bg); }
.menu-side-compact-w ul.main-menu > li.active > a .icon-w { color: var(--text); }

.menu-side-compact-w .sub-menu-w {
  z-index: 9999; visibility: hidden; opacity: 0;
  transform: translateX(20px) scale(0.97);
  transition: all var(--normal);
  position: absolute; left: 100%; top: -80px;
  background: var(--bg-elevated); color: var(--text);
  border: 1px solid var(--border); border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg); backdrop-filter: none;
  padding-bottom: 16px; overflow: hidden;
}
.menu-side-compact-w ul.main-menu > li.active .sub-menu-w { visibility: visible; opacity: 1; transform: translateX(0) scale(1); }
.menu-side-compact-w .sub-menu-w .sub-menu-title { font-size: 2rem; color: var(--text-muted); padding: 8px 40px; border-bottom: 1px solid var(--border); margin-bottom: 10px; font-weight: 600; white-space: nowrap; }
.menu-side-compact-w .sub-menu-w ul { list-style: none; padding: 0; min-width: 220px; }
.menu-side-compact-w .sub-menu-w ul > li { border-bottom: 1px solid var(--border-subtle); }
.menu-side-compact-w .sub-menu-w ul > li:last-child { border-bottom: none; }
.menu-side-compact-w .sub-menu-w ul > li > a { color: var(--text); display: block; padding: 12px 40px; font-size: 0.95rem; white-space: nowrap; transition: background var(--fast); }
.menu-side-compact-w .sub-menu-w ul > li > a:hover { background: var(--bg-hover); text-decoration: none; }

.menu-side-compact-w.color-scheme-dark { background: linear-gradient(180deg, #141a2e 0%, #0e1222 100%); }

/* Top menu */
.menu-top-w {
  background: var(--bg-base);
  border-bottom: 1px solid var(--border);
  position: relative;
}
.menu-top-w .menu-top-i { display: flex; justify-content: space-between; align-items: center; }
.menu-top-w .menu-top-i .logo-w { flex: 0 0 auto; padding: 0 2rem; border-right: 1px solid var(--border); }
.menu-top-w .menu-top-i .logo-w img { width: 36px; height: auto; vertical-align: middle; }
.menu-top-w .menu-top-i .logo-w span { vertical-align: middle; color: var(--text); margin-left: 1rem; }
.menu-top-w .menu-top-i ul.main-menu { list-style: none; padding: 0 1rem; margin: 0; display: flex; }
.menu-top-w .menu-top-i ul.main-menu > li { border-right: 1px solid var(--border-subtle); }
.menu-top-w .menu-top-i ul.main-menu > li > a { color: var(--text-secondary); display: flex; align-items: center; position: relative; transition: all var(--fast); padding: 0; }
.menu-top-w .menu-top-i ul.main-menu > li > a:hover { color: var(--text); background: var(--bg-hover); text-decoration: none; }
.menu-top-w .menu-top-i ul.main-menu > li .icon-w { color: var(--accent); font-size: 18px; padding: 1rem; width: 45px; text-align: center; }
.menu-top-w .menu-top-i ul.main-menu > li span { padding: 10px 24px 10px 0; white-space: nowrap; }
.menu-top-w.color-scheme-dark { background: var(--bg-base); }
.menu-top-w.color-scheme-dark .menu-top-i ul.main-menu > li > a { color: var(--text); }

/* Top image menu */
.menu-top-image-w {
  min-height: 300px;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
  padding-bottom: 70px;
}
.menu-top-image-w::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8,11,18,0.15) 0%, rgba(8,11,18,0.50) 55%, rgba(8,11,18,0.94) 100%);
  z-index: 1;
}

.menu-top-image-w .top-part-w { display: flex; justify-content: space-between; align-items: center; gap: 12px; position: relative; z-index: 2; padding: 16px 20px; }
.menu-top-image-w .top-part-w .logo-w a { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.menu-top-image-w .top-part-w .logo-w img { width: 36px; }
.menu-top-image-w .top-part-w .logo-w span { color: var(--text); font-weight: 700; }

.menu-top-image-w .top-part-w .element-search { position: relative; }
.menu-top-image-w .top-part-w .element-search::before {
  font-family: 'osfont' !important; position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  font-size: 16px; content: "\e92c"; color: var(--text-muted);
  font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased;
}
.menu-top-image-w .top-part-w .element-search input {
  border: 1px solid var(--border); background: rgba(8,11,18,0.6);
  backdrop-filter: none; border-radius: var(--r-pill);
  padding: 9px 14px 9px 40px; width: 260px; outline: none; color: var(--text);
  transition: all var(--fast);
}
.menu-top-image-w .top-part-w .element-search input:focus { border-color: var(--border-strong); background: rgba(8,11,18,0.8); box-shadow: var(--shadow-glow); }
.menu-top-image-w .top-part-w .element-search input::placeholder { color: var(--text-muted); }
.menu-top-image-w .top-part-w .logged-user-w { padding: 0; border-bottom: none; }
.menu-top-image-w .top-part-w .logged-user-w .avatar-w img { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--border); }

.menu-top-image-w .page-menu-header {
  position: relative; z-index: 2;
  font-size: 2.8rem; color: var(--text);
  padding: 12px 20px 10px; text-shadow: 0 4px 20px rgba(0,0,0,0.5);
  margin: 0; font-weight: 800; letter-spacing: -0.02em;
}

.menu-top-image-w .menu-top-image-i {
  display: flex; position: absolute; z-index: 3;
  bottom: 0; left: 0; right: 0;
  justify-content: space-between; align-items: center;
  padding: 14px 20px; margin: 0 !important;
}
.menu-top-image-w .menu-top-image-i::before,
.menu-top-image-w .menu-top-image-i::after { display: none !important; }

.menu-top-image-w ul.main-menu { list-style: none; padding: 0; margin: 0; display: flex; gap: 8px; }
.menu-top-image-w ul.main-menu > li { font-size: 0.95rem; }
.menu-top-image-w ul.main-menu > li > a {
  color: rgba(255,255,255,0.85) !important;
  display: flex; align-items: center;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: var(--r-pill);
  transition: all var(--fast);
  text-decoration: none;
}
.menu-top-image-w ul.main-menu > li > a:hover {
  background: rgba(255,255,255,0.15);
  border-color: rgba(255,255,255,0.25);
  color: #fff !important;
}
.menu-top-image-w ul.main-menu > li > a::after { display: none; }
.menu-top-image-w ul.main-menu > li .icon-w {
  color: rgba(255,255,255,0.85) !important;
  font-size: 14px;
  padding: 10px 10px 10px 14px;
}
.menu-top-image-w ul.main-menu > li span { padding: 10px 14px 10px 6px; white-space: nowrap; }
.menu-top-image-w ul.main-menu > li .icon-w + span { padding-left: 0; }
.menu-top-image-w ul.main-menu > li.has-sub-menu { position: relative; }
.menu-top-image-w ul.main-menu > li.has-sub-menu > a::before { display: none; }

/* Submenu dropdown */
.menu-top-image-w ul.main-menu > li.has-sub-menu .sub-menu {
  position: absolute; top: calc(100% + 8px); left: 0;
  list-style: none; display: none; flex-direction: column; gap: 4px;
  min-width: 200px; padding: 8px; margin: 0;
  background: var(--bg-elevated); border: 1px solid var(--border);
  border-radius: var(--r-md); box-shadow: var(--shadow-lg);
  backdrop-filter: none; z-index: 9999;
}
.menu-top-image-w ul.main-menu > li.has-sub-menu:hover .sub-menu,
.menu-top-image-w ul.main-menu > li.has-sub-menu.active .sub-menu { display: flex; }
.menu-top-image-w ul.main-menu > li.has-sub-menu .sub-menu li a {
  color: var(--text-secondary); display: block; padding: 10px 12px;
  border-radius: var(--r-sm); text-decoration: none; transition: all var(--fast);
}
.menu-top-image-w ul.main-menu > li.has-sub-menu .sub-menu li a:hover { color: var(--text); background: var(--bg-hover); }

/* Top menu secondary */
.top-menu-secondary {
  background: var(--bg-base); border-bottom: 1px solid var(--border);
  padding: 0 20px; text-align: center;
}
.top-menu-secondary ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; font-size: 0.9rem; }
.top-menu-secondary ul li { display: inline-block; }
.top-menu-secondary ul li a {
  display: inline-block; padding: 20px 20px; color: var(--text-muted);
  position: relative; transition: color var(--fast);
}
.top-menu-secondary ul li a::after {
  content: ""; background: var(--accent); position: absolute;
  bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px;
  border-radius: var(--r-pill); transition: width var(--normal);
}
.top-menu-secondary ul li.active a, .top-menu-secondary ul li:hover a { color: var(--text); text-decoration: none; }
.top-menu-secondary ul li.active a::after, .top-menu-secondary ul li:hover a::after { width: 100%; }

/* Logged user */
.logged-user-w { text-align: center; padding: 1rem; border-bottom: 1px solid var(--border); }
.logged-user-w .avatar-w { padding: 4px; border: 1px solid var(--border-strong); border-radius: 50%; overflow: hidden; display: inline-block; }
.logged-user-w .avatar-w img { width: 46px; height: auto; border-radius: 50%; }
.logged-user-w .logged-user-role { display: block; font-size: 0.63rem; text-transform: uppercase; color: var(--text-muted); }

.menu-side-w .logged-user-w { position: relative; cursor: pointer; }
.menu-side-w .logged-user-menu {
  background: var(--accent); box-shadow: var(--shadow-lg);
  position: absolute; top: 0; left: -8px; right: -8px;
  overflow: hidden; padding: 1rem; z-index: 999;
  visibility: hidden; opacity: 0; transform: translateY(16px);
  transition: all var(--normal); border-radius: var(--r-md);
}
.menu-side-w .logged-user-w:hover .logged-user-menu { visibility: visible; opacity: 1; transform: translateY(0); }
.menu-side-w .logged-user-menu ul { list-style: none; margin: 0; padding: 0 30px 16px; }
.menu-side-w .logged-user-menu ul li { border-bottom: 1px solid rgba(255,255,255,0.1); }
.menu-side-w .logged-user-menu ul li:last-child { border-bottom: none; }
.menu-side-w .logged-user-menu ul li a { display: block; padding: 10px; color: #fff; transition: all var(--fast); }
.menu-side-w .logged-user-menu ul li a:hover { text-decoration: none; }
.menu-side-w .logged-user-menu ul li a i { margin-right: 12px; font-size: 18px; }

.menu-side-w .side-menu-magic {
  background: linear-gradient(-154deg, rgba(185,250,77,0.3) 8%, rgba(96,165,250,0.2) 90%);
  border: 1px solid var(--accent-border);
  border-radius: var(--r-md); padding: 30px 20px; text-align: center; margin: 16px;
}
.menu-side-w .side-menu-magic h1, .menu-side-w .side-menu-magic h2,
.menu-side-w .side-menu-magic h3, .menu-side-w .side-menu-magic h4,
.menu-side-w .side-menu-magic h5 { color: #fff; margin-bottom: 5px; }
.menu-side-w .side-menu-magic p { color: rgba(255,255,255,0.6); }


/* ─────────────────────────────────────────────
   YENİ MİNİMAL HEADER (banner'sız)
   ───────────────────────────────────────────── */
.menu-top-minimal {
  background: var(--bg-base);
  border-bottom: 1px solid var(--border);
  position: relative;
}
.menu-top-minimal::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--accent), transparent 60%);
}

.menu-top-minimal .top-part-w {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 24px;
  border-bottom: 1px solid var(--border-subtle);
}
.menu-top-minimal .logo-w a {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.menu-top-minimal .logo-w img { width: 32px; }
.menu-top-minimal .logo-w span {
  color: var(--text);
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: -0.01em;
}

.menu-top-minimal .menu-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
}

.menu-top-minimal ul.main-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 4px;
}
.menu-top-minimal ul.main-menu > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 600;
  position: relative;
  transition: color var(--fast);
}
.menu-top-minimal ul.main-menu > li > a .icon-w {
  font-size: 16px;
  color: var(--text-muted);
  transition: color var(--fast);
}
.menu-top-minimal ul.main-menu > li > a:hover,
.menu-top-minimal ul.main-menu > li > a:hover .icon-w {
  color: var(--text);
}
.menu-top-minimal ul.main-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0; left: 16px; right: 16px;
  height: 2px;
  background: var(--accent);
  border-radius: var(--r-pill);
  transform: scaleX(0);
  transition: transform var(--normal);
}
.menu-top-minimal ul.main-menu > li > a:hover::after,
.menu-top-minimal ul.main-menu > li.active > a::after {
  transform: scaleX(1);
}
.menu-top-minimal ul.main-menu > li.active > a {
  color: var(--text);
}
.menu-top-minimal ul.main-menu > li.active > a .icon-w {
  color: var(--accent);
}

/* Submenu — aynı kanıtlanmış dropdown yapısı, sadece tetikleyici değişti */
.menu-top-minimal ul.main-menu > li.has-sub-menu { position: relative; }
.menu-top-minimal ul.main-menu > li.has-sub-menu .sub-menu {
  position: absolute; top: calc(100% + 4px); left: 0;
  list-style: none; display: none; flex-direction: column; gap: 4px;
  min-width: 200px; padding: 8px; margin: 0;
  background: var(--bg-elevated); border: 1px solid var(--border);
  border-radius: var(--r-md); box-shadow: var(--shadow-lg);
  z-index: 9999;
}
.menu-top-minimal ul.main-menu > li.has-sub-menu:hover .sub-menu,
.menu-top-minimal ul.main-menu > li.has-sub-menu.active .sub-menu { display: flex; }
.menu-top-minimal ul.main-menu > li.has-sub-menu .sub-menu li a {
  color: var(--text-secondary); display: block; padding: 10px 12px;
  border-radius: var(--r-sm); text-decoration: none; transition: all var(--fast);
  font-weight: 500; font-size: 0.85rem;
}
.menu-top-minimal ul.main-menu > li.has-sub-menu .sub-menu li a:hover {
  color: var(--text); background: var(--bg-hover);
}


.menu-top-minimal .notif-bell {
  background: var(--bg-surface-2);
  border: 1px solid var(--border);
  color: var(--text-secondary);
  backdrop-filter: none;
}
.menu-top-minimal .notif-bell:hover {
  background: var(--bg-hover);
  color: var(--text);
}
.menu-top-minimal .theme-switch-slider {
  background: var(--bg-surface-3);
  border: 1px solid var(--border-strong);
}


/* ─────────────────────────────────────────────
   13. UTILITIES
   ───────────────────────────────────────────── */

/* Display */
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-table{display:table!important}.d-sm-table-cell{display:table-cell!important} }
@media (min-width: 768px) { .d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-table{display:table!important}.d-md-table-cell{display:table-cell!important} }
@media (min-width: 992px) { .d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-table{display:table!important}.d-lg-table-cell{display:table-cell!important} }
@media (min-width: 1200px) { .d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-table{display:table!important}.d-xl-table-cell{display:table-cell!important} }

/* Hidden helpers */
.hidden-xs-up { display: none !important; }
@media (max-width: 575px) { .hidden-xs-down{display:none!important} }
@media (min-width: 576px) { .hidden-sm-up{display:none!important} }
@media (max-width: 767px) { .hidden-sm-down{display:none!important} }
@media (min-width: 768px) { .hidden-md-up{display:none!important} }
@media (max-width: 991px) { .hidden-md-down{display:none!important} }
@media (min-width: 992px) { .hidden-lg-up{display:none!important} }
@media (max-width: 1199px) { .hidden-lg-down{display:none!important} }
@media (min-width: 1200px) { .hidden-xl-up{display:none!important} }
.hidden-xl-down { display: none !important; }

/* Flex */
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-first { order: -1; }
.flex-last { order: 1; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-stretch { align-self: stretch !important; }

/* Float */
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }
.clearfix::after { display: block; content: ""; clear: both; }

/* Position */
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: var(--z-fixed); }
.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: var(--z-fixed); }
.sticky-top { position: sticky; top: 0; z-index: var(--z-sticky); }

/* Sizing */
.w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; }
.h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; }
.mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; }

/* Spacing (0-5) */
.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}
.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.m-3{margin:1rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.ml-3{margin-left:1rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.m-4{margin:1.5rem!important}.mt-4{margin-top:1.5rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.ml-4{margin-left:1.5rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.m-5{margin:3rem!important}.mt-5{margin-top:3rem!important}.mr-5{margin-right:3rem!important}.mb-5{margin-bottom:3rem!important}.ml-5{margin-left:3rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}
.m-auto{margin:auto!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}
.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}
.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.p-3{padding:1rem!important}.pt-3{padding-top:1rem!important}.pr-3{padding-right:1rem!important}.pb-3{padding-bottom:1rem!important}.pl-3{padding-left:1rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.p-4{padding:1.5rem!important}.pt-4{padding-top:1.5rem!important}.pr-4{padding-right:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pl-4{padding-left:1.5rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.p-5{padding:3rem!important}.pt-5{padding-top:3rem!important}.pr-5{padding-right:3rem!important}.pb-5{padding-bottom:3rem!important}.pl-5{padding-left:3rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}

/* Text */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.text-nowrap { white-space: nowrap !important; }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.font-weight-normal { font-weight: 500; }
.font-weight-bold { font-weight: 600; }
.font-italic { font-style: italic; }
.text-white { color: #fff !important; }
.text-muted, .invoice-body .invoice-desc .desc-value { color: var(--text-muted) !important; font-weight: 400; }
.text-primary { color: var(--accent) !important; }
.text-success { color: var(--success) !important; }
.text-info { color: var(--info) !important; }
.text-warning { color: var(--warning) !important; }
.text-danger { color: var(--danger) !important; }
.text-gray-dark { color: var(--text-secondary) !important; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background: transparent; border: 0; }
.invisible { visibility: hidden !important; }

/* Background */
.bg-faded { background: var(--bg-surface) !important; }
.bg-primary { background: var(--accent) !important; }
.bg-success { background: var(--success) !important; }
.bg-info { background: var(--info) !important; }
.bg-warning { background: var(--warning) !important; }
.bg-danger { background: var(--danger) !important; }
.bg-inverse { background: rgba(255,255,255,0.08) !important; }

/* Borders & Radius */
.border-0 { border: 0 !important; }
.border-top-0 { border-top: 0 !important; }
.border-right-0 { border-right: 0 !important; }
.border-bottom-0 { border-bottom: 0 !important; }
.border-left-0 { border-left: 0 !important; }
.rounded { border-radius: var(--r-sm); }
.rounded-top { border-radius: var(--r-sm) var(--r-sm) 0 0; }
.rounded-right { border-radius: 0 var(--r-sm) var(--r-sm) 0; }
.rounded-bottom { border-radius: 0 0 var(--r-sm) var(--r-sm); }
.rounded-left { border-radius: var(--r-sm) 0 0 var(--r-sm); }
.rounded-circle { border-radius: 50%; }
.rounded-0 { border-radius: 0; }

/* Alignment */
.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }

/* Misc helpers */
.padded { padding: 1rem 2rem; }
.padded-v { padding: 1rem 10px; }
.padded-v-big { padding: 2rem 10px; }
.b-l { border-left: 1px solid var(--border); }
.b-r { border-right: 1px solid var(--border); }
.b-t { border-top: 1px solid var(--border); }
.b-b { border-bottom: 1px solid var(--border); }
.m-t { margin-top: 1rem; }
.m-b { margin-bottom: 1rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.vcenter { display: flex; align-items: center; }


/* ─────────────────────────────────────────────
   14. COMPONENTS
   ───────────────────────────────────────────── */

/* Accordion */
.acc { position: relative; background: transparent; }
.acc dl::after { content: ""; display: block; height: 14px; }
.acc dt > a {
  display: flex; align-items: center; justify-content: space-between;
  text-align: left; font-weight: 600; padding: 14px 16px;
  text-decoration: none; color: var(--text);
  background: var(--bg-surface); border: 1px solid var(--border);
  border-radius: var(--r-lg);
  transition: all var(--fast);
}
.acc dt > a:hover { background: var(--bg-surface-2); border-color: var(--border-strong); }
.acc dd {
  margin: 8px 0 0; background: var(--bg-surface);
  border: 1px solid var(--border); border-radius: var(--r-lg);
  font-size: 14px; line-height: 1.6; color: var(--text-secondary); overflow: hidden;
}
.acc dd > p { padding: 14px 16px 0; }
.acc dd div.form-group { padding: 10px 16px 0; }
.acc dd div.form-buttons-w { padding: 14px 16px 16px; }
.acc dd table { margin-top: 12px; }

.acc_title { position: relative; gap: 12px; border-bottom: none; }
.acc_title::before {
  content: "+"; font-size: 20px; line-height: 1;
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 8px; background: var(--bg-surface-2); border: 1px solid var(--border);
  color: var(--text-secondary); transition: all var(--normal);
}
.acc_title:hover::before { background: var(--bg-surface-3); }
.acc_title_active { background: var(--bg-surface-2) !important; border-color: var(--border-strong) !important; }
.acc_title_active::before { transform: rotate(45deg); }
.acc_panel { display: grid; grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows var(--slow), opacity var(--normal); } .acc_panel > * { overflow: hidden; min-height: 0; }
.acc_panel_col { grid-template-rows: 0fr; opacity: 0; }

@keyframes acc_in { 0%{opacity:0;transform:translateY(-4px)} 100%{opacity:1;transform:translateY(0)} }
@keyframes acc_out { 0%{opacity:1;transform:translateY(0)} 100%{opacity:0;transform:translateY(-4px)} }
.anim_in { animation: acc_in 0.35s ease both; }
.anim_out { animation: acc_out 0.25s ease both; }

/* Switch / Toggle */
.switch { position: relative; display: inline-block; width: 52px; height: 28px; }
label.switch { margin-bottom: 0 !important; }
.switch input { display: none; }
.slider {
  position: absolute; cursor: pointer; inset: 0;
  background: var(--bg-surface-3); border: 1px solid var(--border);
  border-radius: var(--r-pill);
  transition: all var(--normal);
}
.slider::before {
  position: absolute; content: ""; height: 20px; width: 20px;
  left: 3px; bottom: 3px;
  background: var(--text-secondary); border-radius: 50%;
  transition: all var(--normal);
}
input:checked + .slider { background: var(--accent); border-color: var(--accent); }
input:checked + .slider::before { 
  left: auto;
  right: 3px;
  transform: none;
}
.slider.round { border-radius: var(--r-pill); }
.slider.round::before { border-radius: 50%; }

/* Steps */
.step-contents .step-content { padding: 0 5%; display: none; }
.step-contents .step-content.active { display: block; }
.step-triggers { display: flex; margin-bottom: 2.5rem; border-bottom: 1px solid var(--border); }
.step-triggers .step-trigger {
  padding-bottom: 1rem; flex: 1; text-align: center; font-size: 1.05rem;
  color: var(--text-muted); position: relative; transition: all var(--slow); cursor: pointer;
}
.step-triggers .step-trigger:hover { color: var(--text); text-decoration: none; }
.step-triggers .step-trigger::before {
  position: absolute; content: ""; height: 3px; background: var(--accent);
  left: 0; right: 100%; bottom: -2px; border-radius: var(--r-pill);
  transition: all var(--slow);
}
.step-triggers .step-trigger.active, .step-triggers .step-trigger.complete { color: var(--text); }
.step-triggers .step-trigger.active::before, .step-triggers .step-trigger.complete::before { right: 0; }

/* Dropzone */
.dropzone {
  border: 2px dashed var(--border-strong); background: var(--bg-surface);
  border-radius: var(--r-lg); transition: all var(--fast);
}
.dropzone:hover { border-color: var(--accent-border); background: var(--accent-bg); }

/* Select2 overrides */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-color: var(--border); background: var(--bg-surface-2); border-radius: var(--r-md);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: var(--bg-surface-3); border: 1px solid var(--border); color: var(--text); border-radius: var(--r-pill);
}
.select2-container--default .select2-results__option[aria-selected=true] { background: var(--accent-bg); color: var(--text); }

.baslatiliyor, .baslatiliyor2 { display: none; }

/* Demo icons grid */
.demo-icons-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 8px; }
.demo-icons-list li {
  display: flex; align-items: center; justify-content: center;
  min-height: 76px; border-radius: var(--r-md);
  background: var(--bg-surface); border: 1px solid var(--border);
  transition: all var(--fast);
}
.demo-icons-list li:hover {  background: var(--accent-bg); border-color: var(--accent-border); }
.demo-icons-list li a { width: 100%; height: 100%; border-radius: var(--r-md); display: flex; align-items: center; justify-content: center; color: var(--text); text-decoration: none; position: relative; }
.demo-icons-list li a i { font-size: 22px; opacity: 0.9; }

/* Number list */
.numberlist { padding-left: 20px; }
.numberlist ol { counter-reset: li; list-style: none; padding: 0; }
.numberlist li { position: relative; display: block; padding: 1.2em .4em .4em 2em; margin: .5em 0; background: var(--bg-surface-2); color: var(--text); border-radius: 8px; }
.numberlist li::before { content: counter(li); counter-increment: li; position: absolute; left: -1.2em; top: 50%; margin-top: -1.5em; background: var(--accent); height: 3em; width: 3em; line-height: 3em; border: 3px solid var(--bg-elevated); text-align: center; font-weight: 700; border-radius: 50%; color: #fff; }

/* Banner headers */
.mainHeaderBanner,.mainHeaderBanner2,.mainHeaderBanner3,.mainHeaderBanner4,.mainHeaderBanner5,.mainHeaderBanner6,.mainHeaderBanner7,.mainHeaderBanner8,.mainHeaderBanner9 {
  display: block; text-align: center; width: 100%; cursor: pointer !important; background-repeat: no-repeat; background-position: top center;
}
.discordinfobar { background: linear-gradient(317deg, rgba(37,171,227,1) 0%, rgba(0,86,144,1) 83%); display: block; height: 60px; text-align: center; width: 100%; cursor: pointer !important; }


/* ─────────────────────────────────────────────
   15. APPS (Chat, Email, Projects)
   ───────────────────────────────────────────── */

/* Floated chat */
.floated-chat-btn {
  z-index: 9999; position: fixed; bottom: 14px; right: 14px;
  background: var(--accent); box-shadow: 0 4px 24px rgba(185,250,77,0.4);
  border-radius: var(--r-pill); color: #fff;
  padding: 12px 20px; display: flex; align-items: center;
  font-size: 1rem; cursor: pointer; transition: all var(--fast);
}
.floated-chat-btn i { font-size: 22px; }
.floated-chat-btn span { font-weight: 600; }
.floated-chat-btn i + span { margin-left: 12px; }
.floated-chat-btn:hover { box-shadow: 0 6px 32px rgba(185,250,77,0.5); }

.floated-chat-w {
  z-index: 9999; position: fixed; bottom: 70px; right: 14px;
  visibility: hidden; opacity: 0; transform: translateY(-16px);
  transition: all var(--normal);
}
.floated-chat-w.active { visibility: visible; opacity: 1; transform: translateY(0); }
.floated-chat-w .floated-chat-i { background: var(--bg-elevated); box-shadow: var(--shadow-lg); border-radius: var(--r-lg); width: 320px; border: 1px solid var(--border); position: relative; }
.floated-chat-w .floated-chat-i .chat-close { position: absolute; top: 10px; right: 10px; color: var(--text-secondary); font-size: 10px; cursor: pointer; }
.floated-chat-w .chat-head { padding: 16px; border-bottom: 1px solid var(--border); }
.floated-chat-w .chat-messages { padding: 16px; height: 280px; overflow: hidden; }
.floated-chat-w .chat-messages .message { margin-bottom: 12px; }
.floated-chat-w .chat-messages .message .message-content { padding: 10px 16px; background: var(--bg-surface-2); border-radius: 16px 16px 16px 4px; max-width: 80%; display: inline-block; color: var(--text); }
.floated-chat-w .chat-messages .message.self { text-align: right; }
.floated-chat-w .chat-messages .message.self .message-content { border-radius: 16px 16px 4px 16px; background: var(--accent-bg); }
.floated-chat-w .chat-controls { padding: 10px; border-top: 1px solid var(--border); }
.floated-chat-w .chat-controls .message-input { border: 1px solid var(--border); background: var(--bg-surface); padding: 10px; width: 100%; border-radius: var(--r-sm); color: var(--text); outline: none; }
.floated-chat-w .chat-controls .message-input:focus { border-color: var(--accent-border); }

/* Email app */
.app-email-w a:focus, .app-email-w a:hover { text-decoration: none; }
.app-email-i { display: flex; align-items: stretch; background: var(--bg-elevated); border-radius: var(--r-md); border: 1px solid var(--border); }
.ae-side-menu { flex: 0 0 170px; border-right: 1px solid var(--border); background: var(--bg-base); }
.ae-side-menu .aem-head { padding: 12px 16px; height: 50px; display: flex; align-items: center; border-bottom: 1px solid var(--border); }
.ae-side-menu .ae-main-menu { list-style: none; padding: 0; margin: 0; }
.ae-side-menu .ae-main-menu li { border-bottom: 1px solid var(--border-subtle); position: relative; }
.ae-side-menu .ae-main-menu li a { display: block; padding: 16px; transition: all var(--fast); }
.ae-side-menu .ae-main-menu li a i { font-size: 18px; color: var(--accent); vertical-align: middle; }
.ae-side-menu .ae-main-menu li a span { margin-left: 16px; color: var(--text); font-weight: 600; text-transform: uppercase; font-size: 0.82rem; vertical-align: middle; }
.ae-side-menu .ae-main-menu li::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 3px; opacity: 0; background: var(--accent); transition: opacity var(--fast); }
.ae-side-menu .ae-main-menu li:hover::after, .ae-side-menu .ae-main-menu li.active::after { opacity: 1; }
.ae-side-menu .ae-labels { margin-top: 16px; }
.ae-side-menu .ae-labels .ae-label { display: block; padding: 10px 16px; border-bottom: 1px solid var(--border-subtle); color: var(--text-secondary); }
.ae-side-menu .ae-labels .ae-label .label-pin { width: 8px; height: 8px; border-radius: 50%; display: inline-block; vertical-align: middle; }
.ae-side-menu .ae-labels .ae-label .label-value { margin-left: 10px; vertical-align: middle; }

.ae-list-w { flex: 0 0 340px; border-right: 1px solid var(--border); background: var(--bg-base); }
.ae-list-w .ael-head { padding: 10px; display: flex; justify-content: space-between; align-items: center; height: 50px; border-bottom: 1px solid var(--border); }
.ae-list-w .ae-list .ae-item { display: flex; padding: 16px; border-bottom: 1px solid var(--border-subtle); cursor: pointer; position: relative; transition: background var(--fast); }
.ae-list-w .ae-list .ae-item:hover { background: var(--bg-hover); }
.ae-list-w .ae-list .ae-item::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 3px; opacity: 0; background: var(--accent); transition: opacity var(--fast); }
.ae-list-w .ae-list .ae-item:hover::after, .ae-list-w .ae-list .ae-item.active::after { opacity: 1; }
.ae-list-w .ae-list .aei-image { margin-right: 16px; }
.ae-list-w .ae-list .aei-image img { width: 44px; height: auto; border-radius: 50%; }
.ae-list-w .ae-list .aei-content .aei-sub-title { color: var(--accent); text-transform: uppercase; font-size: 0.72rem; font-weight: 600; }
.ae-list-w .ae-list .aei-content .aei-text { color: var(--text-muted); font-size: 0.81rem; }

.ae-content-w { background: var(--bg-elevated); flex: 1; }
.ae-content-w .aec-head { height: 50px; padding: 10px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
.ae-content { padding: 32px; }

.aec-full-message-w { position: relative; z-index: 2; margin-bottom: 32px; }
.aec-full-message-w .aec-full-message { background: var(--bg-surface); box-shadow: var(--shadow-sm); border-radius: var(--r-md); border: 1px solid var(--border); }
.aec-full-message-w .message-head { padding: 16px; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; }
.aec-full-message-w .message-content { padding: 5% 8%; }

.aec-reply { padding: 32px; background: var(--bg-surface); box-shadow: var(--shadow-sm); border-radius: var(--r-md); border: 1px solid var(--border); }
.aec-reply .reply-header { border-bottom: 1px solid var(--border); padding-bottom: 20px; }
.aec-reply .buttons-w { padding-top: 16px; margin-top: 16px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; }

/* Projects */
.projects-list { margin-bottom: 2rem; }
.projects-list .project-head { padding: 20px 32px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border); }
.projects-list .project-head .project-title { text-transform: uppercase; letter-spacing: 2px; }
.projects-list .project-info { padding: 20px 32px; }
.projects-list .project-box + .project-box { margin-top: 2rem; }

/* Full chat */
.full-chat-w .full-chat-i { display: flex; align-items: stretch; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--r-md); }
.full-chat-w .full-chat-left { flex: 0 0 320px; background: var(--bg-base); padding: 20px 0; border-radius: var(--r-md) 0 0 var(--r-md); }
.full-chat-w .full-chat-middle { flex: 1; }
.full-chat-w .full-chat-right { flex: 0 0 250px; border-left: 1px solid var(--border); padding: 20px; }
.full-chat-w .chat-content-w { height: 600px; overflow: hidden; position: relative; }
.full-chat-w .chat-content-w .chat-content { padding: 40px; min-height: 600px; }
.full-chat-w .chat-content-w .chat-message { margin-bottom: 20px; }
.full-chat-w .chat-content-w .chat-message .chat-message-content { padding: 14px 28px; background: var(--bg-surface-2); color: var(--text); max-width: 380px; display: inline-block; border-radius: 18px; }
.full-chat-w .chat-content-w .chat-message.self { text-align: right; }
.full-chat-w .chat-content-w .chat-message.self .chat-message-content { background: var(--accent-bg); }
.full-chat-w .chat-controls { padding: 16px; border-top: 1px solid var(--border); }
.full-chat-w .chat-input input[type="text"] { padding: 16px 0; border: none; width: 100%; outline: none; background: transparent; color: var(--text); }

/* User profile */
.user-profile .up-head-w { background-size: cover; background-position: center; position: relative; color: #fff; border-radius: var(--r-lg) var(--r-lg) 0 0; }
.user-profile .up-head-w::before { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent, rgba(0,0,0,0.5)); z-index: 1; border-radius: inherit; }
.user-profile .up-main-info { padding: 20% 5% 5%; position: relative; z-index: 4; }
.user-profile .up-header { text-shadow: 0 2px 8px rgba(0,0,0,0.5); font-size: 3rem; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 10px; margin-bottom: 10px; display: inline-block; }
.user-profile .up-sub-header { color: rgba(255,255,255,0.7); }
.user-profile .up-controls { padding: 20px 5%; }
.user-profile .up-contents { padding: 20px 5%; padding-top: 3rem; }
.user-profile + .element-wrapper { margin-top: 2rem; }

/* Auth box */
.auth-box-w {
  max-width: 450px; margin: 0 auto;
  background: var(--bg-elevated); border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg); border: 1px solid var(--border);
}
.auth-box-w .logo-w { text-align: center; padding: 15% 20%; }
.auth-box-w .auth-header { border-bottom: 1px solid var(--border); padding-bottom: 1rem; margin-bottom: 2rem; position: relative; padding-left: 40px; }
.auth-box-w .auth-header::after { content: ""; background: var(--accent); width: 28px; height: 4px; border-radius: var(--r-pill); display: block; position: absolute; bottom: -2px; left: 40px; }
.auth-box-w form { padding: 20px 40px 40px; }
.auth-box-w .buttons-w { padding-top: 1rem; margin-top: 0.5rem; border-top: 1px solid var(--border); }

/* Error page */
.big-error-w { width: 450px; text-align: center; padding: 50px; margin: 80px auto 0; }
.big-error-w h1 { font-size: 4.5rem; margin-bottom: 0; }
.big-error-w h5 { color: var(--accent); margin-bottom: 3rem; }

/* Invoice */
.invoice-w { max-width: 800px; position: relative; overflow: hidden; padding: 80px 80px 20px; }
.invoice-w::before { width: 140%; height: 400px; background: var(--bg-surface-2); position: absolute; top: -15%; left: -24%; transform: rotate(-27deg); content: ""; z-index: 1; border-radius: var(--r-xl); }
.invoice-w .infos { position: relative; z-index: 2; display: flex; justify-content: space-between; }
.invoice-heading { margin-bottom: 4rem; margin-top: 6rem; position: relative; z-index: 2; }
.invoice-footer { padding: 1rem 0; border-top: 1px solid var(--border); display: flex; justify-content: space-between; margin-top: 5rem; }
.invoice-body { display: flex; }
.invoice-body .invoice-desc { flex: 0 1 250px; font-size: 1.1rem; }


/* ─────────────────────────────────────────────
   16. ICON FONT
   ───────────────────────────────────────────── */
@font-face {
  font-family: 'osfont';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.os-icon {
  font-family: 'osfont' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.os-icon-search:before{content:"\e92c"}.os-icon-arrow-right:before{content:"\e90e"}.os-icon-arrow-right2:before{content:"\e90f"}.os-icon-arrow-right3:before{content:"\e910"}.os-icon-arrow-right4:before{content:"\e911"}.os-icon-arrow-right5:before{content:"\e912"}.os-icon-arrow-left:before{content:"\e913"}.os-icon-arrow-left2:before{content:"\e914"}.os-icon-arrow-left3:before{content:"\e915"}.os-icon-arrow-left4:before{content:"\e916"}.os-icon-arrow-up:before{content:"\e917"}.os-icon-arrow-down:before{content:"\e918"}.os-icon-arrow-left5:before{content:"\e919"}.os-icon-arrow-down2:before{content:"\e91a"}.os-icon-arrow-down3:before{content:"\e91b"}.os-icon-arrow-down4:before{content:"\e91c"}.os-icon-arrow-up2:before{content:"\e91d"}.os-icon-arrow-up3:before{content:"\e91e"}.os-icon-arrow-down5:before{content:"\e91f"}.os-icon-arrow-up4:before{content:"\e920"}.os-icon-arrow-up5:before{content:"\e921"}.os-icon-ui-93:before{content:"\e95d"}.os-icon-mail-14:before{content:"\e95e"}.os-icon-phone-15:before{content:"\e95f"}.os-icon-phone-18:before{content:"\e960"}.os-icon-ui-55:before{content:"\e95c"}.os-icon-mail-19:before{content:"\e95a"}.os-icon-mail-18:before{content:"\e95b"}.os-icon-grid-18:before{content:"\e950"}.os-icon-ui-02:before{content:"\e951"}.os-icon-ui-37:before{content:"\e952"}.os-icon-common-07:before{content:"\e953"}.os-icon-ui-54:before{content:"\e954"}.os-icon-ui-44:before{content:"\e955"}.os-icon-ui-15:before{content:"\e956"}.os-icon-documents-03:before{content:"\e957"}.os-icon-ui-92:before{content:"\e958"}.os-icon-phone-21:before{content:"\e959"}.os-icon-documents-07:before{content:"\e94c"}.os-icon-others-29:before{content:"\e94d"}.os-icon-ui-65:before{content:"\e94e"}.os-icon-ui-51:before{content:"\e94f"}.os-icon-mail-07:before{content:"\e94b"}.os-icon-mail-01:before{content:"\e949"}.os-icon-others-43:before{content:"\e94a"}.os-icon-signs-11:before{content:"\e946"}.os-icon-coins-4:before{content:"\e947"}.os-icon-user-male-circle2:before{content:"\e948"}.os-icon-emoticon-smile:before{content:"\e943"}.os-icon-robot-2:before{content:"\e944"}.os-icon-robot-1:before{content:"\e945"}.os-icon-crown:before{content:"\e942"}.os-icon-cancel-circle:before{content:"\e93f"}.os-icon-cancel-square:before{content:"\e940"}.os-icon-close:before{content:"\e941"}.os-icon-grid-circles:before{content:"\e93c"}.os-icon-grid-squares-22:before{content:"\e93d"}.os-icon-grid-squares2:before{content:"\e93e"}.os-icon-tasks-checked:before{content:"\e93a"}.os-icon-hierarchy-structure-2:before{content:"\e93b"}.os-icon-agenda-1:before{content:"\e935"}.os-icon-cv-2:before{content:"\e936"}.os-icon-grid-squares-2:before{content:"\e937"}.os-icon-grid-squares:before{content:"\e938"}.os-icon-calendar-time:before{content:"\e939"}.os-icon-twitter:before{content:"\e933"}.os-icon-facebook:before{content:"\e934"}.os-icon-pie-chart-2:before{content:"\e92d"}.os-icon-pie-chart-1:before{content:"\e92e"}.os-icon-pie-chart-3:before{content:"\e92f"}.os-icon-donut-chart-1:before{content:"\e930"}.os-icon-bar-chart-up:before{content:"\e931"}.os-icon-bar-chart-stats-up:before{content:"\e932"}.os-icon-hamburger-menu-2:before{content:"\e92a"}.os-icon-hamburger-menu-1:before{content:"\e92b"}.os-icon-email-2-at:before{content:"\e928"}.os-icon-email-2-at2:before{content:"\e929"}.os-icon-fingerprint:before{content:"\e927"}.os-icon-basic-2-259-calendar:before{content:"\e926"}.os-icon-arrow-2-up:before{content:"\e924"}.os-icon-arrow-2-down:before{content:"\e925"}.os-icon-bar-chart-down:before{content:"\e922"}.os-icon-graph-down:before{content:"\e923"}.os-icon-pencil-1:before{content:"\e90b"}.os-icon-edit-3:before{content:"\e90c"}.os-icon-edit-1:before{content:"\e90d"}.os-icon-database-remove:before{content:"\e908"}.os-icon-pencil-2:before{content:"\e909"}.os-icon-link-3:before{content:"\e90a"}.os-icon-email-forward:before{content:"\e907"}.os-icon-delivery-box-2:before{content:"\e900"}.os-icon-wallet-loaded:before{content:"\e901"}.os-icon-newspaper:before{content:"\e902"}.os-icon-window-content:before{content:"\e903"}.os-icon-donut-chart-2:before{content:"\e904"}.os-icon-text-input:before{content:"\e905"}.os-icon-user-male-circle:before{content:"\e906"}


/* ─────────────────────────────────────────────
   17. ANIMATIONS
   ───────────────────────────────────────────── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeLeft {
  from { opacity: 0; transform: translateX(30px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes jumpUp {
  0% { transform: scale(0.6) translate(40px, 40px); }
  80% { transform: scale(1.05) translate(-4px, -4px); }
  100% { transform: scale(1) translate(0); }
}

.element-box, .invoice-w, .big-error-w, .project-box, .aec-full-message-w, .user-profile { animation: none; }
.content-panel { animation: fadeLeft 0.6s ease both; }
.floated-chat-btn { animation: jumpUp 0.4s ease both; }


/* ─────────────────────────────────────────────
   18. RESPONSIVE
   ───────────────────────────────────────────── */
@media (max-width: 1650px) {
  body { padding: 30px; }
  .content-panel { padding: 1.5rem; width: 340px; }
  .all-wrapper { max-width: 100%; }
}

@media (max-width: 1550px) {
  body { padding: 16px; }
  .menu-side-w { width: 250px; }
  .menu-side-w ul.main-menu { padding: 1.2rem 0.8rem; }
}

@media (max-width: 1350px) {
  .menu-side-w .logo-w { padding: 1.5rem 0.8rem; }
  .menu-top-w .menu-top-i .logo-w { padding: 0 1rem; }
}

@media (max-width: 1250px) {
  body { padding: 0; }
  .content-w, .menu-side-w, .all-wrapper { border-radius: 0; }
  .element-box, .invoice-w, .big-error-w { padding: 16px 20px; }
}

@media (max-width: 1150px) {
  .content-panel {
    position: absolute; top: 0; bottom: 0; right: 0;
    background: var(--bg-elevated);
    z-index: 11; border: none;
    transform: translateX(100%); transition: all 0.5s ease;
    visibility: hidden;
  }
  .content-panel .content-panel-close { display: flex; }
  .content-panel-toggler { display: block; }
  .content-i, .with-side-panel .content-i { display: block; }
  .content-panel-active .content-panel { transform: translateX(60px); visibility: visible; box-shadow: var(--shadow-lg); }
  .content-panel-active .layout-w { transform: translateX(-60px); }
  .layout-w { transition: all 0.5s ease; }
  .content-box::after {
    display: block; position: absolute; inset: 0;
    background: rgba(0,0,0,0.5); content: ""; z-index: 10;
    visibility: hidden; opacity: 0; transition: all 0.3s ease;
  }
  .content-panel-active .content-box::after { opacity: 1; visibility: visible; }
}

@media (max-width: 1024px) {
  .content-w { border-radius: 0 !important; }
  .desktop-menu { display: none; }
  .table th, .table td { padding: 0.6rem 0.5rem; }
  .ae-list-w { flex: 0 0 220px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .full-chat-w .full-chat-right { display: none; }
  .menu-mobile { width: 80px; display: table-cell; }
  .menu-mobile .menu-and-user { display: block; }
  .menu-mobile .mm-logo-buttons-w .mm-buttons { display: none; }
  .menu-mobile .logged-user-w .logged-user-info-w { display: none; }
  .layout-w { display: table; table-layout: fixed; width: 100%; }
  .content-w { display: table-cell; }
  .content-box { padding: 1.5rem; }
  .element-box { padding: 14px; }
}

@media (max-width: 767px) {
  .full-chat-w .full-chat-i { display: block; }
  .projects-list .project-head { display: block; text-align: center; padding: 16px; }
  .ae-content-w { display: none; }
  .menu-mobile { display: block; }
  .content-panel-toggler { display: none; }
  .layout-w { display: block; }
  .content-w, .menu-side .content-w { display: block; }
  .content-i { display: block; }
  .content-i .content-box { display: block; padding: 14px; }
  .content-i .content-panel { padding: 14px; border-left: none; display: block; width: auto; }
  .element-box, .invoice-w, .big-error-w { padding: 14px; }
  .element-wrapper { padding-bottom: 1.5rem; }
  .invoice-w { padding: 24px; }
  .invoice-w .infos { display: block; }
  .invoice-body { display: block; }
  .invoice-footer { display: block; text-align: center; }
  .floated-chat-btn i + span { display: none; }
  .floated-chat-btn { padding: 10px 12px; }
  .breadcrumb { margin-bottom: 1rem; }
  .user-profile .up-header { font-size: 1.75rem; }
  .timed-activity { display: block; font-size: 0.9rem; }
  .timed-activity .ta-record-w { padding-left: 0; }
  .element-box .os-tabs-controls { display: block; margin: 0 -14px; }
  canvas, table { max-width: 100%; }
  .big-error-w { padding: 1rem; width: auto; }
  .controls-above-table .form-control { width: 110px; display: inline-block; }
}

/* ─────────────────────────────────────────────
   MOBIL: modernize header'da notif zili + tema
   anahtari (.desktop-menu.menu-top-minimal icinde,
   desktop-menu mobilde display:none — sadece
   header-actions'i geri gosteriyoruz)
   ───────────────────────────────────────────── */
@media (max-width: 1024px) {
  .layout-w { position: relative; }

  /* desktop-menu mobilde gizli — sadece notif zili + tema anahtarini
     mobil menu cubugunun sag ustune, sayfayla birlikte kayan (fixed
     DEGIL) bir katman olarak geri getiriyoruz */
  .desktop-menu.menu-top-minimal {
    display: block;
    position: absolute;
    top: 13px;
    right: 50px;   /* hamburger'in solu */
    left: auto;
    width: auto;
    background: none;
    border: none;
    box-shadow: none;
    z-index: 30;
    pointer-events: none;
  }
  .desktop-menu.menu-top-minimal::before { display: none; }
  .desktop-menu.menu-top-minimal .menu-row,
  .desktop-menu.menu-top-minimal .logo-w { display: none; }
  .desktop-menu.menu-top-minimal .top-part-w {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    min-height: 0;
    display: block;
  }
  .desktop-menu.menu-top-minimal .header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    pointer-events: auto;
  }
  .desktop-menu.menu-top-minimal .header-actions .notif-bell {
    width: 32px;
    height: 32px;
    font-size: 0.9rem;
  }
  .desktop-menu.menu-top-minimal .header-actions .theme-switch {
    transform: scale(0.8);
    transform-origin: right center;
  }
}

/* ─────────────────────────────────────────────
   MOBIL: admin panel toolbar + eklenti-modal
   icerik tasmasi
   ───────────────────────────────────────────── */
@media (max-width: 768px) {
  .admin-tabs-toolbar-row {
    flex-wrap: wrap;
    gap: 8px;
    align-items: stretch;
  }
  .admin-tabs-toolbar-row .nav-tabs {
    flex: 1 1 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .admin-tabs-toolbar-row .nav-tabs .nav-link { white-space: nowrap; }
  .admin-toolbar-btns {
    padding-bottom: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .eklenti-modal-container,
  .eklenti-modal-container.wide,
  .eklenti-modal-container.large-modal {
    width: 94%;
    max-width: 94%;
  }
  .eklenti-modal-body { padding: 14px; }
  .eklenti-modal-body .table td,
  .eklenti-modal-body .table th {
    white-space: normal;
    word-break: break-word;
  }
  .eklenti-modal-body .btn-group,
  .eklenti-modal-body .footer-right,
  .eklenti-modal-footer {
    flex-wrap: wrap;
  }
  .eklenti-modal-footer { gap: 6px; }
  .eklenti-modal-footer .btn { flex: 0 1 auto; }

  /* modal icindeki icon buton siralari sarabilsin */
  .oyun-modal-footer { flex-wrap: wrap; }
}

/* Print */
@media print {
  *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  pre { white-space: pre-wrap !important; }
  .navbar { display: none; }
  .badge { border: 1px solid #000; }
  .table { border-collapse: collapse !important; }
  .table td, .table th { background-color: #fff !important; }
}


/* ═══════════════════════════════════════════════════════════════
   SERVER.TPL — Inline Style Overrides (Dark Theme)
   ═══════════════════════════════════════════════════════════════ */

/* ─── Custom Checkbox (dark) ─── */
[type="checkbox"] {
  width: 22px;
  height: 22px;
  border: 2px solid var(--border-strong);
  background-color: var(--bg-surface-2);
  -webkit-appearance: none;
  appearance: none;
  border-radius: 6px;
  cursor: pointer;
  vertical-align: middle;
  transition: background var(--fast), border-color var(--fast);
  position: relative;
}
[type="checkbox"]:checked {
  background-color: var(--accent);
  border-color: var(--accent);
}
[type="checkbox"]:checked::after {
  content: "✓";
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[type="checkbox"]:hover {
  border-color: var(--accent-border);
}
[type="checkbox"]:focus {
  box-shadow: var(--shadow-glow);
  outline: none;
}

/* ─── Rcon Warning Banner ─── */
.rcon-warning,
.text-center[style*="0080ff"] {
  padding: 16px 18px !important;
  background: var(--accent-bg) !important;
  color: var(--text) !important;
  border: 1px solid var(--accent-border) !important;
  border-radius: var(--r-md) !important;
  margin-bottom: 16px !important;
  opacity: 1 !important;
  font-weight: 500;
}

/* ─── Progress Bars (server resources) ─── */
.progress {
  width: 100%;
  height: 8px;
  background: var(--bg-surface-3);
  border-radius: var(--r-pill);
  overflow: hidden;
  margin-bottom: 4px;
}
.progress-bar {
  height: 100%;
  width: 0%;
  border-radius: var(--r-pill);
  transition: width 0.5s ease, background-color 0.5s ease;
}
/* Varsayilan renk; JS yuk esigine gore ustune yaziyor (bkz. games/*.js cpuColor/ramColor) */
.cpu-bar { background: var(--accent); }
.ram-bar { background: var(--accent-2); }

/* ─── Layer / Level Selection Box ─── */
.layer-box {
  max-height: 350px;
  overflow-y: auto;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: 12px;
  background: var(--bg-surface);
  scrollbar-width: thin;
  scrollbar-color: var(--bg-surface-3) transparent;
}
.layer-box::-webkit-scrollbar { width: 6px; }
.layer-box::-webkit-scrollbar-track { background: transparent; }
.layer-box::-webkit-scrollbar-thumb { background: var(--bg-surface-3); border-radius: var(--r-pill); }

/* ─── Modal govde scrollbar — tum oyunlar (arksa/csgo/csgo2/squad/ark...) ─── */
.eklenti-modal-body {
  scrollbar-width: thin;
  scrollbar-color: var(--bg-surface-3) transparent;
}
.eklenti-modal-body::-webkit-scrollbar { width: 8px; }
.eklenti-modal-body::-webkit-scrollbar-track { background: transparent; }
.eklenti-modal-body::-webkit-scrollbar-thumb { background: var(--bg-surface-3); border-radius: var(--r-pill); border: 2px solid var(--bg-elevated); }
.eklenti-modal-body::-webkit-scrollbar-thumb:hover { background: var(--border-strong, var(--border)); }

/* ─── Oyuncu / yonetici / ban liste hucreleri — tum oyunlar ─── */
.player-name-cell { display: flex; align-items: center; gap: 9px; }
.player-avatar-img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: var(--bg-surface-3); }
.player-avatar-placeholder { width: 28px; height: 28px; border-radius: 50%; background: var(--bg-surface-3); flex-shrink: 0; }
.player-name-cell .nick { font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
.player-flag-img { width: 20px; height: auto; vertical-align: middle; margin-right: 4px; border-radius: 2px; }
.steamid-link { color: var(--text-secondary); text-decoration: none; font: 12px 'DM Mono', monospace; }
.steamid-link:hover { color: var(--accent); }
.steamid-link i { font-size: 10px; opacity: .5; margin-left: 3px; }
.steamid-link:hover i { opacity: 1; }
.player-empty { padding: 26px; color: var(--text-muted); }
.player-team-header { background: var(--bg-surface-2); color: var(--text-muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 8px 16px; }
.player-perm-tag { font-size: 11px; color: var(--accent); font-weight: 600; }
.perm-badge { display: inline-block; padding: 2px 9px; border-radius: 99px; font-size: 11px; font-weight: 600; background: var(--accent-bg, rgba(185,250,77,.12)); color: var(--accent); }
.perm-badge.mod { background: var(--bg-surface-2); color: var(--text-secondary); }

@media (max-width: 768px) {
  .player-name-cell .nick { max-width: 120px; }
}

.layer-item,
.layer-box label.item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  cursor: pointer;
  border-radius: var(--r-sm);
  color: var(--text-secondary);
  font-size: 0.88rem;
  transition: background var(--fast), color var(--fast);
}
.layer-item:hover,
.layer-box label.item:hover {
  background: var(--bg-hover);
  color: var(--text);
}

/* ─── Tag Box (language, modes, rules) ─── */
.tag-box {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
}
.tag-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: var(--bg-surface-2);
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  font-size: 0.84rem;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--fast);
  margin: 0;
  white-space: nowrap;
}
.tag-item:hover {
  background: var(--bg-surface-3);
  border-color: var(--border-strong);
  color: var(--text);
}
.tag-item input:checked + span,
.tag-item:has(input:checked) {
  background: var(--accent-bg);
  border-color: var(--accent-border);
  color: var(--text);
}

/* ─── SweetAlert2 Dark Override ─── */
.swal2-popup {
  background: var(--bg-elevated) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-lg) !important;
}
.swal2-title {
  color: var(--text) !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
}
.swal2-html-container {
  color: var(--text-secondary) !important;
  text-align: left !important;
  font-size: 0.9rem !important;
  line-height: 1.6 !important;
}
.swal2-confirm {
  background: var(--accent) !important;
  color: var(--accent-ink) !important;
  border: none !important;
  border-radius: var(--r-md) !important;
  font-weight: 700 !important;
  padding: 10px 28px !important;
  transition: all var(--fast) !important;
}
.swal2-confirm:hover {
  background: var(--accent-2) !important;
}
.swal2-confirm:focus {
  box-shadow: var(--shadow-glow) !important;
}
.swal2-icon { border-color: var(--border) !important; }
.swal2-icon.swal2-info { color: var(--info) !important; border-color: rgba(96,165,250,0.4) !important; }
.swal2-icon.swal2-success { border-color: rgba(52,211,153,0.4) !important; }
.swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(52,211,153,0.3) !important; }
.swal2-icon.swal2-success [class^='swal2-success-line'] { background: var(--success) !important; }
.swal2-icon.swal2-warning { color: var(--warning) !important; border-color: rgba(255,122,72,0.45) !important; }
.swal2-icon.swal2-error   { color: var(--danger) !important; border-color: rgba(248,113,113,0.4) !important; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] { background: var(--danger) !important; }
.swal2-icon.swal2-question { color: var(--accent) !important; border-color: var(--accent-border) !important; }

/* ikincil / iptal / input alanlari */
.swal2-cancel, .swal2-deny {
  background: var(--bg-surface-3) !important;
  color: var(--text) !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: var(--r-md) !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
}
.swal2-cancel:hover, .swal2-deny:hover { background: var(--bg-active) !important; }
.swal2-actions { gap: 10px !important; }
.swal2-input, .swal2-textarea, .swal2-select, .swal2-file {
  background: var(--bg-surface-2) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-sm) !important;
  box-shadow: none !important;
}
.swal2-input:focus, .swal2-textarea:focus, .swal2-select:focus {
  border-color: var(--accent-border) !important;
  box-shadow: 0 0 0 3px var(--accent-glow) !important;
}
.swal2-validation-message {
  background: var(--danger-bg) !important;
  color: var(--danger) !important;
}
.swal2-close { color: var(--text-muted) !important; }
.swal2-close:hover { color: var(--text) !important; }
.swal2-footer { border-top-color: var(--border) !important; color: var(--text-muted) !important; }
.swal2-timer-progress-bar { background: var(--accent) !important; }
.swal2-loader { border-color: var(--accent) transparent var(--accent) transparent !important; }

/* ─── Ortak "işlem yapılıyor" dönen daire (loading.gif yerine) ─── */
.spin-loader{display:inline-block;width:12px;height:12px;margin-left:4px;border-width:2px;border-style:solid;border-radius:100%;border-color:var(--accent) transparent var(--accent) transparent;animation:spin-loader-rotate 1.5s linear infinite;vertical-align:middle}
@keyframes spin-loader-rotate{100%{transform:rotate(360deg)}}

/* ─── server.tpl label width fix ─── */
.acc dd label {
  width: 100%;
  color: var(--text-secondary);
  font-size: 0.88rem;
  margin-bottom: 6px;
}
.acc dd .form-group label {
  display: block;
}

/* ─── Textarea inside accordion ─── */
.acc dd textarea.form-control {
  min-height: 160px;
  font-family: var(--font-mono);
  font-size: 0.84rem;
  line-height: 1.6;
}

/* ─── Popdown / modal link button ─── */
a.popdown.btn {
  text-decoration: none;
}

/* ─── FTP / Resource usage section headers ─── */
.ftp-account .element-header,
.resource-ussage .element-header {
  color: var(--text);
}

/* ─── Status indicators in server info ─── */
.element-box .table .status-pill {
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}

/* ─── Alert inside accordion (override) ─── */
.acc dd .alert {
  font-size: 0.84rem;
  margin: 12px 16px;
  padding: 12px 16px;
}

/* ─── Form text muted inside accordion ─── */
.acc dd .form-text.text-muted,
.acc dd small.form-text {
  color: var(--text-muted) !important;
  font-size: 0.78rem;
}

/* ─── Inline style overrides for server.tpl elements ─── */
/* These override the inline styles in the template */
div[style*="background-color: #0080ff"] {
  background-color: var(--accent-bg) !important;
  background: var(--accent-bg) !important;
  color: var(--text) !important;
  border: 1px solid var(--accent-border) !important;
  border-radius: var(--r-md) !important;
  opacity: 1 !important;
}

/* Layer box inline style overrides */
div[style*="background: #fafafa"],
div[style*="background-color: #fafafa"],
.layer-box[style] {
  background: var(--bg-surface) !important;
  border-color: var(--border) !important;
}

/* Number list dark fix */
.numberlist li {
  background: var(--bg-surface-2) !important;
  color: var(--text) !important;
}


/* ═══════════════════════════════════════════════════════════════
   ADMINS.TPL — Dark Theme Overrides
   ═══════════════════════════════════════════════════════════════ */

/* ─── User cell (avatar + nick + steamid) ─── */
.user-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-cell img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--border);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.user-cell .profile-link {
  color: var(--text);
  text-decoration: none;
  transition: color var(--fast);
}
.user-cell .profile-link:hover {
  color: var(--accent);
}
.user-meta { min-width: 0; }
.user-meta .nick {
  font-weight: 600;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: var(--text);
}
.user-meta .steam {
  font-size: 0.75rem;
  color: var(--text-muted);
  font-family: var(--font-mono);
}

/* ─── Table hover for admin lists ─── */
/* ─── Table hover for admin lists ─── */
.admins-table tbody tr:hover td,
.groups-table tbody tr:hover td {
  background: var(--bg-hover);
}

/* ─── Group header row ─── */
tr[style*="background:#f3f4f6"],
tr[style*="background-color:#f3f4f6"],
.table tbody tr.group-header {
  background: var(--bg-surface-2) !important;
}
tr[style*="background:#f3f4f6"] td,
.table tbody tr.group-header td {
  color: var(--text) !important;
  font-weight: 600;
  padding: 10px 16px;
  border-bottom: 1px solid var(--border);
}

/* ─── Group badge ─── */
.group-badge {
  background: var(--accent) !important;
  color: #fff !important;
  padding: 3px 10px;
  border-radius: var(--r-pill);
  font-size: 0.72rem;
  font-weight: 600;
  margin-left: 8px;
}

/* ─── Empty state row ─── */
td[style*="background-color: #efefef"],
td[style*="background-color:#efefef"] {
  background: var(--bg-surface) !important;
  color: var(--text-muted) !important;
  border-radius: var(--r-sm);
}

/* ─── Alert inside admin panel (warning count) ─── */
.element-box > .table-responsive > .alert {
  margin-top: 0;
}


/* ═══════════════════════════════════════════════════════════════
   CONSOLE.TPL — Dark Theme Overrides
   ═══════════════════════════════════════════════════════════════ */

/* ─── Console output ─── */
.console {
  background: #09090b;
  color: #e4e4e7;
  font-family: var(--font-mono);
  font-size: 0.82rem;
  line-height: 1.5;
  padding: 16px;
  height: 700px;
  overflow-y: auto;
  white-space: pre-wrap;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  scrollbar-width: thin;
  scrollbar-color: var(--bg-surface-3) transparent;
}
.console::-webkit-scrollbar { width: 6px; }
.console::-webkit-scrollbar-track { background: transparent; }
.console::-webkit-scrollbar-thumb { background: var(--bg-surface-3); border-radius: var(--r-pill); }

/* Console color tokens */
.console span.red    { color: #f87171; }
.console span.green  { color: #4ade80; }
.console span.yellow { color: #facc15; }
.console span.blue   { color: #60a5fa; }
.console span.purple { color: #c084fc; }
.console span.cyan   { color: #22d3ee; }
.console span.gray   { color: #71717a; }

/* ─── Server status bar (override inline #d1e7dd) ─── */
.alert[style*="d1e7dd"],
.alert[style*="background-color: #d1e7dd"] {
  background: var(--bg-surface-2) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-md) !important;
  color: var(--text) !important;
}

/* Hostname inside status bar */
.alert .text-dark,
span.text-dark {
  color: var(--text) !important;
}

/* Progress bar inside status bar */
.alert .progress,
div[style*="background:rgba(0,0,0,.08)"] {
  background: var(--bg-surface-3) !important;
  border-radius: var(--r-pill) !important;
  height: 6px !important;
}
.alert .progress .progress-bar {
  background: var(--accent) !important;
  border-radius: var(--r-pill);
}

/* ─── Console control buttons (override inline styles) ─── */
#pauseLogBtn,
button[style*="background-color: #ff0000"] {
  background: var(--danger) !important;
  color: #fff !important;
  border: none !important;
  padding: 8px 16px !important;
  border-radius: var(--r-sm) !important;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.84rem;
  transition: all var(--fast);
}
#pauseLogBtn:hover,
button[style*="background-color: #ff0000"]:hover {
  filter: brightness(1.1);
}

#resumeLogBtn,
button[style*="background-color: #28a745"] {
  background: var(--success) !important;
  color: #fff !important;
  border: none !important;
  padding: 8px 16px !important;
  border-radius: var(--r-sm) !important;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.84rem;
  transition: all var(--fast);
}

#scrollToBottomBtn,
button[style*="background-color: #007bff"] {
  background: var(--accent) !important;
  color: #fff !important;
  border: none !important;
  padding: 8px 16px !important;
  border-radius: var(--r-sm) !important;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.84rem;
  transition: all var(--fast);
}
#scrollToBottomBtn:hover { filter: brightness(1.1); }

/* ─── RCON input group (override inline styles) ─── */
.input-group[style*="border-radius:6px"] {
  border-radius: var(--r-md) !important;
  overflow: hidden !important;
  border: 1px solid var(--border);
}

.input-group-text[style*="background:#f5f5f5"],
.input-group-text[style*="background-color:#f5f5f5"] {
  background: var(--bg-surface-2) !important;
  border: none !important;
  color: var(--text-muted) !important;
}

.input-group .form-control[style*="border:none"] {
  border: none !important;
  background: var(--bg-surface) !important;
  color: var(--text) !important;
}
.input-group .form-control[style*="border:none"]:focus {
  box-shadow: none !important;
  background: var(--bg-surface-2) !important;
}

/* input-group-prepend / append dark */
.input-group-prepend .input-group-text,
.input-group-append .btn {
  border-color: var(--border);
}

/* ─── Alert badge chips (inside status bar) ─── */
.alert .badge {
  border-radius: var(--r-sm);
  padding: 5px 10px;
  font-weight: 600;
  font-size: 0.78rem;
}


/* ═══════════════════════════════════════════════════════════════
   POPDOWN MODAL — Dark Theme (no .theme-dark prefix needed)
   ═══════════════════════════════════════════════════════════════ */

/* Backdrop */
#popdown-opacity {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: none;
  z-index: 9000;

  opacity: 0;
  transition: opacity 0.15s ease;
}

#popdown-opacity.popdown-visible {
  opacity: 1;
}

/* Dialog */
#popdown-dialog {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-lg);
  animation: popdownFade 0.25s ease;
  overflow: visible;
  max-width: 840px !important;
  width: 840px !important;
  margin: 80px auto;
}

@keyframes popdownFade {
  from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: translateY(0); }
}

#popdown-dialog .body {
  padding: 24px 28px;
  overflow-y: auto;
  max-height: calc(100vh - 180px);
  contain: layout paint;   /* YENİ */
}

.popdown-loading {
  padding: 40px;
  background: url(../img/popdown-loading.gif) no-repeat center;
}

/* Header */
div.popdown-content header h2 {
  margin: 0;
  background: var(--bg-surface-2);
  padding: 18px 24px;
  font-size: 1.15rem;
  font-weight: 700;
  border-bottom: 1px solid var(--border);
  color: var(--text);
  border-radius: var(--r-xl) var(--r-xl) 0 0;
}

/* Body content */
div.popdown-content section.body {
  padding: 24px 28px;
  background: transparent;
}
div.popdown-content section.body h3 {
  margin-bottom: 6px;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text);
}
div.popdown-content section.body p {
  font-size: 0.9rem;
  color: var(--text-secondary);
  line-height: 1.6;
}

/* Footer */
div.popdown-content footer {
  text-align: right;
  padding: 16px 24px 20px;
  border-top: 1px solid var(--border);
  background: var(--bg-base);
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  border-radius: 0 0 var(--r-xl) var(--r-xl);
}

/* Shared button base */
div.popdown-content footer button,
div.popdown-content footer a.closee {
  border: none;
  padding: 10px 24px;
  border-radius: var(--r-sm);
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  transition: all var(--fast);
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Cancel */
div.popdown-content footer a.closee {
  background: var(--bg-surface-3);
  color: var(--text-secondary);
  border: 1px solid var(--border);
}
div.popdown-content footer a.closee:hover {
  background: var(--bg-active);
  color: var(--text);
}

/* Blue action */
div.popdown-content footer button.addd {
  background: var(--accent);
  color: var(--accent-ink);
}
div.popdown-content footer button.addd:hover {
  filter: brightness(1.1);
  box-shadow: 0 0 12px rgba(185,250,77,0.35);
}

/* Primary action */
div.popdown-content footer button.addd2 {
  background: var(--accent);
  color: var(--accent-ink);
}
div.popdown-content footer button.addd2:hover {
  filter: brightness(1.1);
  box-shadow: 0 0 12px rgba(185,250,77,0.4);
}

/* Form controls inside popdown */
#popdown-dialog .form-control {
  background: var(--bg-surface-2);
  border-color: var(--border);
  color: var(--text);
}
#popdown-dialog .form-control:focus {
  border-color: var(--accent-border);
  box-shadow: var(--shadow-glow);
}
#popdown-dialog label {
  color: var(--text-secondary);
}
#popdown-dialog select.form-control {
  color-scheme: dark;
}
#popdown-dialog select.form-control option {
  background: var(--bg-elevated);
  color: #fff;
}

/* UI Slider (jQuery UI) inside popdown */
.ui-slider {
  overflow: visible !important;
  margin: 0 10px;
  background: var(--bg-surface-3);
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  height: 8px;
}
.ui-slider-handle {
  z-index: 9999 !important;
  background: var(--accent) !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  width: 18px !important;
  height: 18px !important;
  top: -6px !important;
  cursor: grab;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.ui-slider-range {
  background: var(--accent) !important;
  border-radius: var(--r-pill);
}

/* Responsive */
@media (max-width: 900px) {
  #popdown-dialog {
    width: 95% !important;
    max-width: 95% !important;
    margin: 20px auto;
  }
}


/* ═══════════════════════════════════════════════════════════════
   PLAYERS.TPL — Dark Theme Overrides
   ═══════════════════════════════════════════════════════════════ */

/* ─── Table hover (override light #f5f7ff) ─── */
.table tbody tr:hover {
  background: var(--bg-hover) !important;
}

/* ─── Player name badge ─── */
.player-badge {
  background: var(--accent-bg);
  padding: 3px 8px;
  border-radius: 6px;
  font-weight: 600;
  color: var(--accent);
  display: inline-block;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.84rem;
  border: 1px solid var(--accent-border);
  transition: background var(--fast);
}
.player-badge:hover {
  background: rgba(185,250,77,0.22);
}

/* ─── Player name (long nick fix) ─── */
.player-name {
  max-width: 160px;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  line-height: 1.35;
  color: var(--text);
}

/* ─── Offline rows ─── */
.offline-row {
  opacity: 0.4;
}
.offline-row:hover {
  opacity: 0.7;
}

/* ─── Squad header card ─── */
.squad-header {
  background: var(--bg-surface-2) !important;
  border: 1px solid var(--border) !important;
  padding: 10px 14px;
  border-radius: var(--r-sm);
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.squad-title {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--text);
}
.squad-left i {
  font-size: 17px;
  color: var(--accent);
}

/* ─── Steam link ─── */
.steam-link {
  font-weight: 600;
  color: var(--accent) !important;
  transition: color var(--fast);
}
.steam-link:hover {
  color: #dcff91 !important;
}

/* ─── Dropdown overflow fix ─── */
.table-responsive {
  overflow: visible !important;
}
.table-responsive .dropdown-menu {
  position: absolute !important;
}

/* ─── ID Box ─── */
.id-box div {
  background: var(--bg-surface);
  padding: 4px 8px;
  margin-bottom: 3px;
  border-radius: 5px;
  font-size: 0.72rem;
  color: var(--text-secondary);
  font-family: var(--font-mono);
  border: 1px solid var(--border-subtle);
}

.player-team-header {
  background: var(--bg-surface-2) !important;
  color: var(--text) !important;
}

.player-perm-tag {
  color: var(--warning);
  font-weight: bold;
}


/* ═══════════════════════════════════════════════════════════════
   ZAMANLAYICI (Cron/Timer) — Dark Theme
   ═══════════════════════════════════════════════════════════════ */

/* Bare selects inside popdown tables (no .form-control class) */
.zamanlayiciekle select,
#popdown-dialog table select {
  display: block;
  width: 100%;
  padding: 8px 32px 8px 10px;
  font-family: var(--font);
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text);
  background: var(--bg-surface-2) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' fill-opacity='0.55' d='M6 8.2L2.2 4.4l1.1-1.1L6 6.0l2.7-2.7 1.1 1.1z'/%3E%3C/svg%3E") no-repeat right 10px center;
  background-size: 12px;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  color-scheme: dark;
  transition: border-color var(--fast), box-shadow var(--fast);
  cursor: pointer;
}
.zamanlayiciekle select:focus,
#popdown-dialog table select:focus {
  border-color: var(--accent-border);
  box-shadow: var(--shadow-glow);
}
.zamanlayiciekle select option,
#popdown-dialog table select option {
  background: var(--bg-elevated);
  color: #fff;
}

/* Cron table styling */
.zamanlayiciekle th {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  font-weight: 600;
  padding: 10px 12px;
}
.zamanlayiciekle td {
  padding: 8px 12px;
  vertical-align: middle;
  color: var(--text-secondary);
  font-size: 0.88rem;
}

/* Console command hidden row */
#consoleCommandRow td {
  padding: 14px 12px;
}
#consoleCommandRow .form-group label {
  color: var(--text);
  font-weight: 600;
}
#consoleCommandRow .form-group label small {
  color: var(--text-muted) !important;
  font-weight: 400;
}

.table tbody tr:hover > td,
.table tbody tr:hover > th {
  background: transparent !important;
}


/* ═══════════════════════════════════════════════════════════════
   NEWS.TPL — Duyurular Dark Theme
   ═══════════════════════════════════════════════════════════════ */

.announcement-card {
  background: var(--bg-surface-2);
  border-radius: var(--r-lg);
  border: 1px solid var(--border-strong);
  padding: 24px 28px;
  margin-bottom: 20px;
  box-shadow: var(--shadow-md);
  transition: border-color var(--fast);
}
.announcement-card:first-child {
  border-color: var(--accent-border);
}
.announcement-card:hover {
  border-color: var(--border-strong);
}

.announcement-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.badge-cat {
  border-radius: var(--r-sm);
  padding: 5px 11px;
  font-weight: 600;
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  color: #fff;
  background: var(--accent);
  border: none;
  box-shadow: none;
  text-transform: uppercase;
}

.date {
  font-size: 0.84rem;
  font-weight: 500;
  color: var(--text-muted);
}
.date i {
  font-size: 13px;
  margin-right: 5px;
  color: var(--accent);
}

.announcement-body {
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--text-secondary);
  margin-top: 6px;
  white-space: pre-line;
}

.announcement-updated {
  margin-top: 10px;
  font-size: 0.82rem;
  color: var(--text-muted);
  border-top: 1px solid var(--border);
  padding-top: 8px;
}
.announcement-updated b {
  color: var(--accent);
}

/* Timeline */
.timeline-box {
  margin-top: 18px;
  background: var(--bg-surface-3);
  border-radius: var(--r-md);
  padding: 14px 16px;
  border: 1px solid var(--border-strong);
}

.timeline-title {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 12px;
}

.timeline-row {
  display: flex;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px dashed var(--border);
}
.timeline-row:first-of-type {
  border-top: none;
}

.timeline-status {
  min-width: 110px;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: var(--r-sm);
  text-align: center;
  background: var(--accent-bg);
  color: var(--accent);
  border: 1px solid var(--accent-border);
  align-self: flex-start;
}

.timeline-body {
  flex: 1;
}

.timeline-message {
  font-size: 0.88rem;
  color: var(--text-secondary);
  line-height: 1.6;
}

.timeline-time {
  font-size: 0.75rem;
  color: var(--text-muted);
  margin-top: 4px;
}

/* Incident timeline (eski stil) */
.incident-timeline {
  margin-top: 15px;
  border-left: 2px solid var(--border);
  padding-left: 15px;
}
.timeline-item {
  margin-bottom: 15px;
  position: relative;
}
.timeline-dot {
  position: absolute;
  left: -9px;
  top: 4px;
  width: 10px;
  height: 10px;
  background: var(--accent);
  border-radius: 50%;
}
.timeline-header {
  display: flex;
  justify-content: space-between;
  font-size: 0.82rem;
  color: var(--text-muted);
}
.timeline-text {
  font-size: 0.88rem;
  margin-top: 3px;
  color: var(--text-secondary);
}

/* 11. Icon Fonts */
@font-face {
  font-family: 'osfont';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
  font-weight: normal;
  font-style: normal; }

.os-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'osfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.os-icon-search:before {
  content: "\e92c"; }

.os-icon-arrow-right:before {
  content: "\e90e"; }

.os-icon-arrow-right2:before {
  content: "\e90f"; }

.os-icon-arrow-right3:before {
  content: "\e910"; }

.os-icon-arrow-right4:before {
  content: "\e911"; }

.os-icon-arrow-right5:before {
  content: "\e912"; }

.os-icon-arrow-left:before {
  content: "\e913"; }

.os-icon-arrow-left2:before {
  content: "\e914"; }

.os-icon-arrow-left3:before {
  content: "\e915"; }

.os-icon-arrow-left4:before {
  content: "\e916"; }

.os-icon-arrow-up:before {
  content: "\e917"; }

.os-icon-arrow-down:before {
  content: "\e918"; }

.os-icon-arrow-left5:before {
  content: "\e919"; }

.os-icon-arrow-down2:before {
  content: "\e91a"; }

.os-icon-arrow-down3:before {
  content: "\e91b"; }

.os-icon-arrow-down4:before {
  content: "\e91c"; }

.os-icon-arrow-up2:before {
  content: "\e91d"; }

.os-icon-arrow-up3:before {
  content: "\e91e"; }

.os-icon-arrow-down5:before {
  content: "\e91f"; }

.os-icon-arrow-up4:before {
  content: "\e920"; }

.os-icon-arrow-up5:before {
  content: "\e921"; }

.os-icon-ui-93:before {
  content: "\e95d"; }

.os-icon-mail-14:before {
  content: "\e95e"; }

.os-icon-phone-15:before {
  content: "\e95f"; }

.os-icon-phone-18:before {
  content: "\e960"; }

.os-icon-ui-55:before {
  content: "\e95c"; }

.os-icon-mail-19:before {
  content: "\e95a"; }

.os-icon-mail-18:before {
  content: "\e95b"; }

.os-icon-grid-18:before {
  content: "\e950"; }

.os-icon-ui-02:before {
  content: "\e951"; }

.os-icon-ui-37:before {
  content: "\e952"; }

.os-icon-common-07:before {
  content: "\e953"; }

.os-icon-ui-54:before {
  content: "\e954"; }

.os-icon-ui-44:before {
  content: "\e955"; }

.os-icon-ui-15:before {
  content: "\e956"; }

.os-icon-documents-03:before {
  content: "\e957"; }

.os-icon-ui-92:before {
  content: "\e958"; }

.os-icon-phone-21:before {
  content: "\e959"; }

.os-icon-documents-07:before {
  content: "\e94c"; }

.os-icon-others-29:before {
  content: "\e94d"; }

.os-icon-ui-65:before {
  content: "\e94e"; }

.os-icon-ui-51:before {
  content: "\e94f"; }

.os-icon-mail-07:before {
  content: "\e94b"; }

.os-icon-mail-01:before {
  content: "\e949"; }

.os-icon-others-43:before {
  content: "\e94a"; }

.os-icon-signs-11:before {
  content: "\e946"; }

.os-icon-coins-4:before {
  content: "\e947"; }

.os-icon-user-male-circle2:before {
  content: "\e948"; }

.os-icon-emoticon-smile:before {
  content: "\e943"; }

.os-icon-robot-2:before {
  content: "\e944"; }

.os-icon-robot-1:before {
  content: "\e945"; }

.os-icon-crown:before {
  content: "\e942"; }

.os-icon-cancel-circle:before {
  content: "\e93f"; }

.os-icon-cancel-square:before {
  content: "\e940"; }

.os-icon-close:before {
  content: "\e941"; }

.os-icon-grid-circles:before {
  content: "\e93c"; }

.os-icon-grid-squares-22:before {
  content: "\e93d"; }

.os-icon-grid-squares2:before {
  content: "\e93e"; }

.os-icon-tasks-checked:before {
  content: "\e93a"; }

.os-icon-hierarchy-structure-2:before {
  content: "\e93b"; }

.os-icon-agenda-1:before {
  content: "\e935"; }

.os-icon-cv-2:before {
  content: "\e936"; }

.os-icon-grid-squares-2:before {
  content: "\e937"; }

.os-icon-grid-squares:before {
  content: "\e938"; }

.os-icon-calendar-time:before {
  content: "\e939"; }

.os-icon-twitter:before {
  content: "\e933"; }

.os-icon-facebook:before {
  content: "\e934"; }

.os-icon-pie-chart-2:before {
  content: "\e92d"; }

.os-icon-pie-chart-1:before {
  content: "\e92e"; }

.os-icon-pie-chart-3:before {
  content: "\e92f"; }

.os-icon-donut-chart-1:before {
  content: "\e930"; }

.os-icon-bar-chart-up:before {
  content: "\e931"; }

.os-icon-bar-chart-stats-up:before {
  content: "\e932"; }

.os-icon-hamburger-menu-2:before {
  content: "\e92a"; }

.os-icon-hamburger-menu-1:before {
  content: "\e92b"; }

.os-icon-email-2-at:before {
  content: "\e928"; }

.os-icon-email-2-at2:before {
  content: "\e929"; }

.os-icon-fingerprint:before {
  content: "\e927"; }

.os-icon-basic-2-259-calendar:before {
  content: "\e926";
  color: #474a56; }

.os-icon-arrow-2-up:before {
  content: "\e924"; }

.os-icon-arrow-2-down:before {
  content: "\e925"; }

.os-icon-bar-chart-down:before {
  content: "\e922"; }

.os-icon-graph-down:before {
  content: "\e923"; }

.os-icon-pencil-1:before {
  content: "\e90b"; }

.os-icon-edit-3:before {
  content: "\e90c"; }

.os-icon-edit-1:before {
  content: "\e90d"; }

.os-icon-database-remove:before {
  content: "\e908"; }

.os-icon-pencil-2:before {
  content: "\e909"; }

.os-icon-link-3:before {
  content: "\e90a"; }

.os-icon-email-forward:before {
  content: "\e907"; }

.os-icon-delivery-box-2:before {
  content: "\e900"; }

.os-icon-wallet-loaded:before {
  content: "\e901"; }

.os-icon-newspaper:before {
  content: "\e902"; }

.os-icon-window-content:before {
  content: "\e903"; }

.os-icon-donut-chart-2:before {
  content: "\e904"; }

.os-icon-text-input:before {
  content: "\e905"; }

.os-icon-user-male-circle:before {
  content: "\e906"; }




/* ═══════════════════════════════════════════════════════════════
   DASHBOARD STAT KARTLARI + BİLDİRİM ZİLİ
   main.css'in sonuna eklenecek
   ═══════════════════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────
   DASHBOARD STAT CARDS
   ───────────────────────────────────────────── */
.dash-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}

.dash-stat-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  transition: border-color var(--fast), box-shadow var(--fast), transform var(--fast);
}

.dash-stat-card:hover {
  border-color: var(--accent-border);
  box-shadow: 0 8px 24px rgba(185,250,77,0.08);
  transform: translateY(-2px);
}

.dash-stat-icon {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--r-md);
  background: var(--accent-bg);
  border: 1px solid var(--accent-border);
  color: var(--accent);
  font-size: 1.15rem;
  flex-shrink: 0;
}

.dash-stat-icon--open {
  background: rgba(251,191,36,0.12);
  border-color: rgba(251,191,36,0.3);
  color: var(--warning);
}

.dash-stat-icon--closed {
  background: rgba(52,211,153,0.12);
  border-color: rgba(52,211,153,0.3);
  color: var(--success);
}

.dash-stat-info {
  flex: 1;
  min-width: 0;
}

.dash-stat-value {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.dash-stat-label {
  display: block;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  margin-top: 2px;
}

.dash-stat-action {
  padding: 6px 14px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #000;
  background: var(--accent);
  border-radius: var(--r-sm);
  text-decoration: none;
  white-space: nowrap;
  transition: all var(--fast);
}

.dash-stat-action:hover {
  filter: brightness(1.15);
  text-decoration: none;
  color: #000;
  box-shadow: 0 0 12px rgba(185,250,77,0.3);
}


body.theme-light .dash-stat-action {
  color: #fff;
  box-shadow: 0 2px 8px rgba(77,124,15,0.25);
}

body.theme-light .dash-stat-action:hover {
  color: #fff;
  box-shadow: 0 2px 12px rgba(77,124,15,0.35);
}

/* Mobil */
@media (max-width: 760px) {
  .dash-stats {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .dash-stat-card {
    padding: 14px 16px;
    gap: 12px;
    flex-wrap: wrap;
  }
  .dash-stat-value { font-size: 1.25rem; }
  .dash-stat-icon { width: 40px; height: 40px; font-size: 1rem; }
  .dash-stat-action { margin-left: auto; }
}


/* ─────────────────────────────────────────────
   DASHBOARD HELPERS
   ───────────────────────────────────────────── */
.dash-table-scroll {
  max-height: none;
  overflow-y: visible;
  scrollbar-width: thin;
  scrollbar-color: var(--bg-surface-3) transparent;
}

.dash-table-scroll::-webkit-scrollbar { width: 5px; }
.dash-table-scroll::-webkit-scrollbar-track { background: transparent; }
.dash-table-scroll::-webkit-scrollbar-thumb { background: var(--bg-surface-3); border-radius: var(--r-pill); }

.dash-empty-row {
  background: var(--bg-surface) !important;
  color: var(--text-muted) !important;
  padding: 20px !important;
  border-radius: var(--r-sm);
}

.dash-game-icon {
  border-radius: 8px;
  border: 1px solid var(--border);
  object-fit: cover;
}

.dash-section-divider {
  height: 1px;
  background: var(--border);
  margin: 28px 0;
}


/* ─────────────────────────────────────────────
   BİLDİRİM ZİLİ (Header)
   ───────────────────────────────────────────── */
.notif-bell {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--r-sm);
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.85);
  font-size: 1rem;
  transition: all var(--fast);
  backdrop-filter: none;
}

.notif-bell:hover {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.28);
  color: #fff;
}

/* Badge */
.notif-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: var(--danger);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  border-radius: var(--r-pill);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(248,113,113,0.4);
  animation: none;
}

.notif-badge:empty,
.notif-badge[data-count="0"] {
  display: none;
}

@keyframes notifPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}


/* ─────────────────────────────────────────────
   BİLDİRİM DROPDOWN
   ───────────────────────────────────────────── */
.notif-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 360px;
  max-height: 440px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg);
  backdrop-filter: none;
  z-index: var(--z-dropdown);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all var(--normal);
}

.notif-bell.notif-active .notif-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Dropdown header */
.notif-dd-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border);
}

.notif-dd-header h4 {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--text);
}

.notif-dd-mark {
  font-size: 0.72rem;
  color: var(--accent);
  cursor: pointer;
  background: none;
  border: none;
  font-weight: 600;
  padding: 0;
  transition: color var(--fast);
}

.notif-dd-mark:hover {
  color: #dcff91;
}

/* Dropdown list */
.notif-dd-list {
  max-height: 340px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--bg-surface-3) transparent;
}

.notif-dd-list::-webkit-scrollbar { width: 4px; }
.notif-dd-list::-webkit-scrollbar-thumb { background: var(--bg-surface-3); border-radius: var(--r-pill); }

/* Dropdown item */
.notif-dd-item {
  display: flex;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border-subtle);
  cursor: pointer;
  transition: background var(--fast);
}

.notif-dd-item:last-child {
  border-bottom: none;
}

.notif-dd-item:hover {
  background: var(--bg-hover);
}

/* Okunmamış */
.notif-dd-item.unread {
  background: rgba(185,250,77,0.04);
}

.notif-dd-item.unread::before {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--accent);
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 6px;
}

.notif-dd-item:not(.unread)::before {
  content: '';
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  margin-top: 6px;
}

.notif-dd-content {
  flex: 1;
  min-width: 0;
}

.notif-dd-cat {
  display: inline-block;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 2px 7px;
  border-radius: var(--r-sm);
  background: var(--accent-bg);
  color: var(--accent);
  border: 1px solid var(--accent-border);
  margin-bottom: 4px;
}

.notif-dd-title {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.notif-dd-date {
  font-size: 0.7rem;
  color: var(--text-muted);
  margin-top: 3px;
}

/* Dropdown footer */
.notif-dd-footer {
  padding: 10px 18px;
  border-top: 1px solid var(--border);
  text-align: center;
}

.notif-dd-footer a {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--accent);
  text-decoration: none;
  transition: color var(--fast);
}

.notif-dd-footer a:hover {
  color: #dcff91;
  text-decoration: none;
}

/* Mobil dropdown */
@media (max-width: 640px) {
  .notif-dropdown {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 70vh;
    border-radius: var(--r-lg) var(--r-lg) 0 0;
  }
}


/* ─────────────────────────────────────────────
   DUYURU DETAY MODAL
   ───────────────────────────────────────────── */
.notif-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  backdrop-filter: none;
  z-index: 9999;
  display: none;
  justify-content: center;
  align-items: center;
}

.notif-modal-overlay.active {
  display: flex;
}

.notif-modal {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-lg);
  width: min(640px, 92vw);
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  animation: modalIn 0.25s ease;
}

@keyframes modalIn {
  from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: translateY(0); }
}

.notif-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  border-bottom: 1px solid var(--border);
}

.notif-modal-header h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
}

.notif-modal-close {
  background: var(--bg-surface-2);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  color: var(--text-secondary);
  font-size: 1.2rem;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--fast);
}

.notif-modal-close:hover {
  background: var(--bg-hover);
  color: var(--text);
}

.notif-modal-body {
  padding: 24px;
  overflow-y: auto;
  color: var(--text-secondary);
  font-size: 0.9rem;
  line-height: 1.7;
}

.notif-modal-body .notif-modal-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border);
}

.notif-modal-body .notif-modal-meta .notif-dd-cat {
  font-size: 0.7rem;
}

.notif-modal-body .notif-modal-meta .notif-modal-date {
  font-size: 0.78rem;
  color: var(--text-muted);
}

/* Timeline inside modal */
.notif-modal-body .timeline-box {
  margin-top: 18px;
}

.notif-modal-body .notif-modal-updated {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
  font-size: 0.8rem;
  color: var(--text-muted);
}

/* ═══════════════════════════════════════════════════════════════
   ÖDEME SAYFASI — main.css'in sonuna ekle
   ═══════════════════════════════════════════════════════════════ */

/* ── Bakiye kartı ── */
.pay-balance-card {
  text-align: center;
  padding: 20px 10px;
  border-right: 1px solid var(--border);
}

.pay-balance-value {
  display: block;
  font-size: 2rem;
  font-weight: 800;
  color: var(--accent);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.pay-balance-label {
  display: block;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  margin-bottom: 12px;
}

/* ── Tutar renkleri ── */
.pay-amount {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.pay-amount--credit {
  color: var(--success);
}

.pay-amount--refund {
  color: var(--danger);
}

/* ── Bonus badge ── */
.pay-type-bonus {
  color: var(--success);
  font-weight: 700;
}

/* ── Boş tablo satırı ── */
.pay-empty-row {
  background: var(--bg-surface) !important;
  color: var(--text-muted) !important;
  text-align: center;
  padding: 20px !important;
}

/* ── Toplam bilgi ── */
.pay-total-info {
  margin: 12px 0;
  font-size: 0.9rem;
  color: var(--text-secondary);
}

/* ── Banka kartları grid ── */
.pay-bank-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 16px;
}
@media (max-width: 640px) {
  .pay-bank-grid {
    grid-template-columns: 1fr;
  }
}
.pay-bank-card {
  padding: 15px;
  border: 1px solid var(--border);
  border-radius: 6px;
  margin-bottom: 10px;
  background: var(--bg-elevated);
}
.bank-name {
  display: block;
  font-size: 16px;
  color: var(--text);
  margin-bottom: 5px;
}
.bank-iban {
  font-size: 14px;
  color: var(--text-muted);
}
.pay-bank-card:hover {
  border-color: var(--accent-border);
}
.pay-bank-card img {
  max-height: 36px;
  margin: 0 auto 10px;
  display: block;
}
.pay-bank-card div {
  font-size: 0.82rem;
  color: var(--text-secondary);
  word-break: break-all;
}
.pay-bank-card strong {
  color: var(--text);
}
/* ── Banka notu ── */
.pay-bank-note {
  font-size: 0.82rem;
  color: var(--text-muted);
  padding: 10px 0;
  border-top: 1px solid var(--border);
}
.pay-bank-note strong {
  color: var(--text);
}

/* ── Mobil bakiye kartı ── */
@media (max-width: 768px) {
  .pay-balance-card {
    border-right: none;
    border-bottom: 1px solid var(--border);
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}

/* ─────────────────────────────────────────────
   TABBOX (Oyun / VDS seçim tabları)
   ───────────────────────────────────────────── */
.tabbox input[type="radio"] {
  display: none;
}

.tabbox label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 -1px;
  padding: 14px 22px;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: center;
  color: var(--text-muted);
  border: 1px solid transparent;
  border-radius: var(--r-md) var(--r-md) 0 0;
  cursor: pointer;
  transition: color var(--fast), background var(--fast), border-color var(--fast);
}

.tabbox label:hover {
  color: var(--text-secondary);
  background: var(--bg-surface);
}

/* Tab ikonları (FA6 uyumlu) */
.tabbox label:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1rem;
  opacity: .8;
  color: var(--accent);
}

.tabbox label[for*='1']:before { content: '\f11b'; }  /* gamepad */
.tabbox label[for*='2']:before { content: '\f108'; }  /* desktop */
.tabbox label[for*='3']:before { content: '\f0d6'; }  /* money */
.tabbox label[for*='4']:before { content: '\f06b'; }  /* gift */

/* Seçili tab */
.tabbox input:checked + label,
.tabbox input.checked + label {
  color: var(--text);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-top: 2px solid var(--accent);
  border-bottom: 1px solid var(--bg-elevated);
}

/* Tab içerik paneli */
.tabs {
  display: none;
  border: 1px solid var(--border);
  border-radius: 0 0 var(--r-md) var(--r-md);
  padding: 28px;
  background: var(--bg-elevated);
  color: var(--text);
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: flex;
}

/* Mobil tab — sadece ikon */
@media screen and (max-width: 650px) {
  .tabbox label { font-size: 0; padding: 14px 16px; }
  .tabbox label:before { margin: 0; font-size: 1.1rem; }
}
@media screen and (max-width: 400px) {
  .tabbox label { padding: 12px; }
}

/* ═══════════════════════════════════════════════════════════════
   DESTEK CHAT — main.css'in sonuna ekle
   ═══════════════════════════════════════════════════════════════ */

/* ── Chat container ── */
.chat {
  max-height: min(550px, 45vh);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--bg-surface-3) transparent;
}

.chat::-webkit-scrollbar { width: 6px; }
.chat::-webkit-scrollbar-track { background: transparent; }
.chat::-webkit-scrollbar-thumb { background: var(--bg-surface-3); border-radius: var(--r-pill); }

.chat ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.chat ul li {
  margin: 40px 0 0 0;
  font-weight: 400;
}

/* ── Avatar ── */
.chat ul li a.user {
  margin: -30px 0 0 0;
  display: block;
  color: var(--text);
}

.chat ul li a.user img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--bg-surface-2);
  border: 1px solid var(--border);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* ── Date ── */
.chat ul li .date {
  font-size: 0.78rem;
  color: var(--text-muted);
  font-weight: 500;
}

/* ── Message bubble ── */
.chat ul li .message {
  display: block;
  padding: 14px 16px;
  position: relative;
  font-family: var(--font);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.65;
  border-radius: var(--r-md);
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  word-break: break-word;
}

.chat ul li .message p {
  margin: 0;
  padding: 0;
}

/* YOU (müşteri) */
.chat ul li.you .message {
  background: var(--accent-bg);
  color: var(--text);
  border: 1px solid var(--accent-border);
  margin: 0 0 0 70px;
}

.chat ul li.you .message:before {
  content: '';
  position: absolute;
  border-top: 14px solid rgba(185,250,77,0.2);
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  margin: -7px 0 0 -14px;
  left: 0;
}

.chat ul li.you .message:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 15px solid rgba(185,250,77,0.14);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  margin: 0 0 0 -13px;
}

/* OTHER (admin) */
.chat ul li.other .message {
  background: var(--bg-surface-2);
  color: var(--text-secondary);
  border: 1px solid var(--border);
  margin: 0 70px 0 0;
}

.chat ul li.other .message:before {
  content: '';
  position: absolute;
  border-top: 14px solid rgba(255,255,255,0.06);
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  margin: -7px -14px 0 0;
  right: 0;
}

.chat ul li.other .message:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 15px solid var(--bg-surface-2);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  margin: 0 -13px 0 0;
}

/* Float pozisyonları */
.chat ul li.you a.user { float: left; }
.chat ul li.you .date { float: left; margin: -20px 0 0 10px; }
.chat ul li.other a.user { float: right; }
.chat ul li.other .date { float: right; margin: -20px 10px 0 0; }

/* ── Chat images ── */
.chat img {
  max-width: 100%;
  max-height: 480px;
  border-radius: var(--r-md);
  object-fit: cover;
  border: 1px solid var(--border);
}

/* ── Blur effect ── */
.chat ul li .message.blur p {
  filter: blur(3px);
}

.chat ul li .message.blur .hider {
  opacity: 1;
  z-index: 1;
}

.chat ul li .message .hider {
  opacity: 0;
  z-index: -1;
  position: absolute;
  height: 100%;
  width: 100%;
  margin: -14px -16px;
  text-align: center;
  cursor: pointer;
  transition: all 0.15s;
}

.chat ul li .message .hider span {
  display: block;
  position: relative;
  top: 50%;
  font-size: 1rem;
  transform: translateY(-50%);
  color: var(--text);
}

/* ── Dosya ekleri ── */
.chat-attachment {
  background: var(--bg-surface);
  padding: 8px 12px;
  border-radius: var(--r-sm);
  margin: 5px 0;
  font-size: 0.84rem;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--border);
  width: fit-content;
}

.chat-attachment-icon {
  font-size: 1rem;
}

.chat-attachment-name {
  color: var(--text-secondary);
}

.chat-attachment-link {
  margin-left: 10px;
  color: var(--accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--fast);
}

.chat-attachment-link:hover {
  color: #dcff91;
}

/* ── Reply form ── */
.cevapla {
  padding-top: 24px;
}

.cevapla label {
  display: block;
  color: var(--text-secondary);
  font-weight: 600;
  margin-bottom: 6px;
  font-size: 0.88rem;
}

.cevapla textarea.form-control {
  min-height: 120px;
  font-family: var(--font);
  font-size: 0.9rem;
  line-height: 1.6;
}

/* ── File upload area ── */
.chat-file-area {
  background: var(--bg-surface);
  border: 1px dashed var(--border-strong);
  border-radius: var(--r-md);
  padding: 10px 12px;
  min-height: 42px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 0.15s ease;
}

.chat-add-file-btn {
  margin-top: 10px;
  padding: 6px 12px;
  background: var(--bg-surface-2);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  cursor: pointer;
  font-weight: 600;
  color: var(--text);
  transition: all var(--fast);
}

.chat-add-file-btn:hover {
  background: var(--bg-surface-3);
  border-color: var(--border-strong);
}

.chat-remove-file-btn {
  background: var(--danger-bg);
  border: 1px solid rgba(248,113,113,0.25);
  color: var(--danger);
  border-radius: var(--r-sm);
  padding: 4px 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.82rem;
  transition: all var(--fast);
}

.chat-remove-file-btn:hover {
  background: rgba(248,113,113,0.2);
}

.chat-file-help {
  font-size: 0.75rem;
  color: var(--text-muted);
  margin-top: 4px;
}

/* ── Error message ── */
.chat-error {
  background: var(--danger-bg);
  border: 1px solid rgba(248,113,113,0.25);
  color: var(--danger);
  padding: 10px 14px;
  border-radius: var(--r-sm);
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 0.88rem;
}

/* ── Popdown overrides for chat ── */
.popdown-content {
  width: 100%;
  max-width: 840px;
  box-sizing: border-box;
  overflow: hidden;
}

.popdown-content > section {
  padding: 15px 20px !important;
  margin: 0 !important;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto !important;
  flex: 1 !important;
  min-height: 0 !important;
  background: transparent !important;
}

.popdown-content label {
  float: none !important;
  display: block !important;
  margin-bottom: 6px !important;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .popdown-content {
    width: 100% !important;
    max-width: 100% !important;
  }
  .chat ul li.you .message,
  .chat ul li.other .message {
    margin: 0 50px !important;
  }
  .chat ul li .message {
    max-width: calc(100% - 60px) !important;
  }
  .chat ul li a.user img {
    width: 42px !important;
    height: 42px !important;
  }
}
.chat ul li .message:before,
.chat ul li.you .message:before,
.chat ul li.other .message:before {
  display: none !important;
}


/* ─── Header Actions Container ─── */
.header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* ─── Theme Switch (Slide Toggle) ─── */
.theme-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 56px;
  height: 30px;
  cursor: pointer;
  margin: 0;
}
.theme-switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.theme-switch-slider {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  transition: background 0.2s, border-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px;
}
.theme-switch-slider::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.25s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  z-index: 2;
}
.theme-switch input:checked + .theme-switch-slider::before {
  transform: translateX(24px);
}
.theme-switch-icon-sun,
.theme-switch-icon-moon {
  font-size: 12px;
  position: relative;
  z-index: 1;
}
.theme-switch-icon-sun { color: #fbbf24; }
.theme-switch-icon-moon { color: rgba(255,255,255,0.7); }

/* ─── Ticket Offer Card ─── */
.offer-card {
  background: var(--warning-bg);
  border: 1px solid var(--warning);
  border-radius: var(--r-md);
  padding: 16px 18px;
  margin-bottom: 18px;
}
.offer-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.offer-card-icon {
  font-size: 1.1rem;
}
.offer-card-title {
  font-weight: 700;
  color: var(--text);
  font-size: 0.92rem;
}
.offer-card-body {
  margin-bottom: 14px;
}
.offer-card-name {
  color: var(--text-secondary);
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 6px;
}
.offer-card-amount {
  font-weight: 800;
  font-size: 1.5rem;
  color: var(--warning);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.offer-card-actions {
  display: flex;
  gap: 10px;
}
.offer-btn {
  flex: 1;
  padding: 10px 12px;
  border-radius: var(--r-sm);
  border: none;
  font-weight: 600;
  font-size: 0.85rem;
  white-space: nowrap;
  cursor: pointer;
  transition: all var(--fast);
}
@media (max-width: 360px) {
  .offer-btn { font-size: 0.78rem; padding: 10px 8px; }
}
.offer-btn-approve {
  background: var(--success);
  color: #fff;
}
.offer-btn-approve:hover {
  filter: brightness(1.1);
  box-shadow: 0 0 12px rgba(52,211,153,0.3);
}
.offer-btn-reject {
  background: var(--bg-surface-3);
  color: var(--text-secondary);
  border: 1px solid var(--border);
}
.offer-btn-reject:hover {
  background: var(--bg-active);
  color: var(--text);
}

/* WebFTP/elFinder sayfalarında dialog'ların .all-wrapper dışına taşabilmesi için */
.all-wrapper:has(.elfinder) {
  overflow: visible !important;
}


.dash-table-scroll table th,
.dash-table-scroll table td {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  text-align: left;
}
.dash-table-scroll table th.text-center,
.dash-table-scroll table td.text-center {
  text-align: center;
}
.dash-table-scroll table th.text-right,
.dash-table-scroll table td.text-right {
  text-align: right;
}
/* ─────────────────────────────────────────────
   HOME.TPL TABLO HİZALAMA DÜZELTMESİ
   ───────────────────────────────────────────── */
.dash-table-scroll table {
  table-layout: fixed;
  width: 100%;
}
.dash-table-scroll table th,
.dash-table-scroll table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-table-scroll table td.text-right {
  white-space: nowrap;
}

.dash-table-scroll table th,
.dash-table-scroll table td {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  text-align: left;
}
.dash-table-scroll table th.text-center,
.dash-table-scroll table td.text-center {
  text-align: center;
}
.dash-table-scroll table th.text-right,
.dash-table-scroll table td.text-right {
  text-align: right;
}


/* ─────────────────────────────────────────────
   HOME.TPL — MOBIL: tabloyu kart yapisina cevir
   ───────────────────────────────────────────── */
@media (max-width: 760px) {
  .dash-table-scroll { overflow-x: visible; }
  .dash-table-scroll table {
    table-layout: auto;
    width: 100%;
    min-width: 0;
  }
  .dash-table-scroll table thead { display: none; }
  .dash-table-scroll table tbody,
  .dash-table-scroll table tr,
  .dash-table-scroll table td { display: block; width: 100% !important; }

  .dash-table-scroll table tr {
    border: 1px solid var(--border);
    border-radius: var(--r-md, 12px);
    background: var(--bg-surface-2, var(--bg-surface));
    margin-bottom: 12px;
    padding: 10px 14px;
  }

  .dash-table-scroll table td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: right !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    padding: 7px 0 !important;
    border: 0 !important;
  }
  .dash-table-scroll table td + td { border-top: 1px solid var(--border) !important; }

  .dash-table-scroll table td::before {
    content: attr(data-label);
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    text-align: left;
  }
  /* etiketsiz hucrelerde ::before'u gizle */
  .dash-table-scroll table td:not([data-label])::before { content: none; }

  .dash-table-scroll table td.text-right .btn-group {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px !important;
  }
  .dash-table-scroll table td.text-right .btn {
    flex: 0 0 auto;
  }

  .dash-table-scroll table td.dash-empty-row {
    display: block;
    text-align: center !important;
  }
  .dash-table-scroll table td.dash-empty-row::before { content: none; }
}

/* ─────────────────────────────────────────────
   GENEL MOBIL: <table class="mobile-cards"> → kart
   td'lere data-label="..." eklemek yeterli
   ───────────────────────────────────────────── */
@media (max-width: 820px) {
  .table-responsive:has(> table.mobile-cards) { overflow-x: hidden; }

  table.mobile-cards {
    table-layout: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    display: block;
  }
  table.mobile-cards thead { display: none; }
  table.mobile-cards tbody { display: block; width: 100%; }
  table.mobile-cards tr {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--border);
    border-radius: var(--r-md, 12px);
    background: var(--bg-surface-2, var(--bg-surface));
    margin-bottom: 12px;
    padding: 4px 14px;
  }

  table.mobile-cards td {
    display: grid;
    grid-template-columns: minmax(70px, max-content) minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    width: 100% !important;
    box-sizing: border-box;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    padding: 9px 0 !important;
    border: 0 !important;
    min-width: 0;
  }
  table.mobile-cards td + td { border-top: 1px solid var(--border) !important; }
  table.mobile-cards td > * { min-width: 0; max-width: 100%; }

  table.mobile-cards td::before {
    content: attr(data-label);
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  table.mobile-cards td:not([data-label]) { display: block; }
  table.mobile-cards td:not([data-label])::before { content: none; }

  /* buton huceleri: label ustte, butonlar altta tam satir sarar */
  table.mobile-cards td.text-right {
    grid-template-columns: 1fr;
    justify-items: end;
  }
  table.mobile-cards td.text-right::before { justify-self: start; }
  table.mobile-cards td .btn-group,
  table.mobile-cards td .icon-btn-group {
    display: inline-flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px !important;
  }

  /* avatar + nick hucresi */
  table.mobile-cards td .user-cell,
  table.mobile-cards td .player-name-cell {
    justify-content: flex-end;
    flex-wrap: wrap;
    text-align: right;
    min-width: 0;
  }
  table.mobile-cards td .user-meta { min-width: 0; }
  table.mobile-cards td .user-meta .nick,
  table.mobile-cards td .user-meta .steam {
    max-width: 100%;
    white-space: normal;
    word-break: break-all;
  }

  table.mobile-cards td .yetki-details { width: 100%; }

  /* bos-satir mesaji */
  table.mobile-cards td[colspan] {
    display: block;
    text-align: center !important;
  }
  table.mobile-cards td[colspan]::before { content: none; }
}

.admins-table {
  table-layout: fixed;
  width: 100%;
}
.admins-table th:nth-child(1), .admins-table td:nth-child(1) { width: 24%; }
.admins-table th:nth-child(2), .admins-table td:nth-child(2) { width: 10%; text-align: center; }
.admins-table th:nth-child(3), .admins-table td:nth-child(3) { width: 40%; }
.admins-table th:nth-child(4), .admins-table td:nth-child(4) { width: 16%; }
.admins-table th:nth-child(5), .admins-table td:nth-child(5) { width: 10%; text-align: right; }

.groups-table {
  table-layout: fixed;
  width: 100%;
}
.groups-table th:nth-child(1), .groups-table td:nth-child(1) { width: 30%; }
.groups-table th:nth-child(2), .groups-table td:nth-child(2) { width: 50%; }
.groups-table th:nth-child(3), .groups-table td:nth-child(3) { width: 20%; }

.yetki-details { font-size: 0.82rem; }
.yetki-summary {
  cursor: pointer;
  color: var(--accent);
  font-weight: 600;
  list-style: none;
  padding: 4px 10px;
  background: var(--accent-bg);
  border: 1px solid var(--accent-border);
  border-radius: var(--r-pill);
  display: inline-block;
  user-select: none;
}
.yetki-summary::-webkit-details-marker { display: none; }
.yetki-details[open] .yetki-summary { margin-bottom: 8px; }
.yetki-content {
  columns: 2;
  column-gap: 24px;
  color: var(--text-secondary);
  line-height: 1.8;
  font-size: 0.82rem;
}
@media (min-width: 1400px) {
  .yetki-content { columns: 3; }
}

.icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--r-sm);
  border: 1px solid var(--border);
  background: var(--bg-surface-2);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--fast);
  margin-left: 4px;
  text-decoration: none;
}
.icon-btn:hover { text-decoration: none; }
.icon-btn-edit:hover {
  background: var(--success-bg);
  border-color: rgba(52,211,153,0.4);
  color: var(--success);
}
.icon-btn-delete:hover {
  background: var(--danger-bg);
  border-color: rgba(248,113,113,0.4);
  color: var(--danger);
}


/* SweetAlert */
.swal2-container {
  z-index: 100001 !important;
}
/* Popdown içi animasyon kapatma - performans fix */
#popdown-dialog .element-box,
#popdown-dialog .invoice-w,
#popdown-dialog .user-profile {
  animation: none !important;
}