/* ===== 16.30.0 — "Lüks restoran" görünümü (kullanıcı 28.09.2026: beyaz zemin, koyu yeşil menü, altın ayrıntı, serif başlık) =====
   Tamamı html.luxe altında: <html class="luxe"> kaldırılırsa uygulama ESKİ görünüme döner (acil geri dönüş için tek satır).
   Renkler değişken üzerinden → gece modu (☾) mevcut koyu değişkenlerle çalışmaya devam eder.
   İkonlar: Lucide (ISC lisansı, lucide-static 0.453.0) — CSS maskesi olarak gömülü; HTML/JS'e dokunmadan sembol karakterlerinin yerine geçer. */
/* 16.60.0 (T11): Cormorant Garamond artık styles.css başındaki yerel @font-face ile (public/fonts) — buradaki ikinci Google @import kaldırıldı */


html.luxe {
  --bg: #f6f4ee;
  --panel: #fff;
  --surface: #fff;
  --card: #fff;
  --surface-2: #faf8f2;
  --line: #e8e2d4;
  --border: #e8e2d4;
  --ink: #14231c;
  --text: #14231c;
  --muted: #6b7a72;
  --label: #4a5850;
  --lx-line-2: #f1ede3;
  --lx-field: #e3dccb;
  /* 16.60.0 (T10): luxe belirteçleri styles.css :root içindeki TEK palete bağlı (değerler aynı) */
  --lx-green: var(--green-900);
  --lx-green-2: var(--green-700);
  --lx-gold: var(--gold-500);
  --lx-gold-2: var(--gold-300);
  --lx-gold-dk: var(--gold-ink);
  --lx-cream: #f1e3bd;
  --lx-head: var(--green-900);
  --lx-top: #fffdf9;
  --lx-chip-on: var(--green-900);
  /* durum renkleri = styles.css --st-* (koyu temada orada döner; #1d7048 / #e2f3ea marka yeşili #176b4b / #dff1e9 ile birleşti) */
  --lx-ok: var(--st-ok); --lx-ok-bg: var(--st-ok-bg);
  --lx-warn: var(--st-warn); --lx-warn-bg: var(--st-warn-bg);
  --lx-bad: var(--st-bad); --lx-bad-bg: var(--st-bad-bg);
  --lx-info: var(--st-info); --lx-info-bg: var(--st-info-bg);
  --lx-soft-gold: var(--gold-50); --lx-soft-gold-line: var(--gold-200); --lx-today-col: #fdf9ef; --lx-ti-bg: #f6edd6; --lx-pick-on: #f6efdd; --lx-all-bg: #fbf6ea;
  --lx-bar-dim-1: #d3dfd8; --lx-bar-dim-2: #c0d0c7; --lx-exp-1: #bfd0c7; --lx-exp-2: #94aea0; --lx-kart: #1f4a3a; --lx-date-bg: #faf5e8; --lx-date-line: #efe3c4; --lx-av-bg: #eef3f0; --lx-av-line: #d9e5de; --lx-av-ink: #1f5c44;
  --lx-a-bg: #fbf3e0; --lx-a-ink: #7a5a12; --lx-a-line: #efdcaa; --lx-b-bg: #e6f1eb; --lx-b-ink: #1f5c44; --lx-b-line: #c3dccf; --lx-c-bg: #e9eef7; --lx-c-ink: #2d4a75; --lx-c-line: #cbd7ea;
  --lx-x-bg: #f1f4f2; --lx-x-line: #dfe7e2; --lx-off-bg: #f4f2ed; --lx-off-ink: #8f897d; --lx-off-line: #ebe7de; --lx-emp-ink: #b3ab9a; --lx-emp-line: #d6ceb9;
  --lx-sick-bg: #fde7e2; --lx-sick-ink: #b23a24; --lx-sick-line: #f5c9bd; --lx-mat-bg: #fbeef6; --lx-mat-ink: #9c3f73; --lx-mat-line: #efcfe2; --lx-ot-bg: #eef4ea; --lx-ot-ink: #4f6b43; --lx-ot-line: #d4e3cc;
  --lx-unp-bg: #f3f0ea; --lx-unp-ink: #7a6a52; --lx-unp-line: #e5dccb; --lx-trn-bg: #eef0fb; --lx-trn-ink: #4a4f9c; --lx-trn-line: #d3d6f2; --lx-away-bg: #eef4fb; --lx-away-ink: #2f5d8a; --lx-away-line: #93b4dd;
  --lx-serif: var(--font-heading);
  --shadow-1: 0 1px 2px rgba(20,35,28,.05);
  --shadow-2: 0 1px 2px rgba(20,35,28,.04), 0 12px 30px -20px rgba(20,35,28,.22);
}
@media (prefers-color-scheme: dark) {
  html.luxe:not([data-theme="light"]) {
    --lx-soft-gold: rgba(201,162,74,.12); --lx-soft-gold-line: rgba(201,162,74,.38); --lx-today-col: rgba(201,162,74,.06); --lx-ti-bg: rgba(201,162,74,.14); --lx-pick-on: rgba(201,162,74,.14); --lx-all-bg: rgba(201,162,74,.12);
    --lx-bar-dim-1: #3b4b43; --lx-bar-dim-2: #2f3e37; --lx-exp-1: #5d7669; --lx-exp-2: #455c50; --lx-kart: #3d8a68; --lx-date-bg: rgba(201,162,74,.10); --lx-date-line: rgba(201,162,74,.30); --lx-av-bg: rgba(143,224,189,.10); --lx-av-line: rgba(143,224,189,.25); --lx-av-ink: #8fe0bd;
    --lx-a-bg: rgba(201,162,74,.16); --lx-a-ink: #e7c78a; --lx-a-line: rgba(201,162,74,.38); --lx-b-bg: rgba(70,160,120,.16); --lx-b-ink: #8fe0bd; --lx-b-line: rgba(70,160,120,.38); --lx-c-bg: rgba(110,150,220,.16); --lx-c-ink: #a9c3ec; --lx-c-line: rgba(110,150,220,.38);
    --lx-x-bg: rgba(255,255,255,.05); --lx-x-line: rgba(255,255,255,.12); --lx-off-bg: rgba(255,255,255,.04); --lx-off-ink: #a29c90; --lx-off-line: rgba(255,255,255,.09); --lx-emp-ink: #7d766a; --lx-emp-line: rgba(255,255,255,.18);
    --lx-sick-bg: rgba(241,154,134,.15); --lx-sick-ink: #f19a86; --lx-sick-line: rgba(241,154,134,.35); --lx-mat-bg: rgba(220,140,190,.15); --lx-mat-ink: #e7a9cd; --lx-mat-line: rgba(220,140,190,.35); --lx-ot-bg: rgba(140,180,120,.15); --lx-ot-ink: #b5d3a6; --lx-ot-line: rgba(140,180,120,.35);
    --lx-unp-bg: rgba(200,180,150,.13); --lx-unp-ink: #d3c2a5; --lx-unp-line: rgba(200,180,150,.3); --lx-trn-bg: rgba(140,150,230,.15); --lx-trn-ink: #b9bff0; --lx-trn-line: rgba(140,150,230,.35); --lx-away-bg: rgba(110,150,220,.15); --lx-away-ink: #a9c3ec; --lx-away-line: rgba(110,150,220,.4);
    --surface-2: #121b15; --lx-line-2: #1f2a24; --lx-field: #2d3a33; --lx-head: #f1e3bd; --lx-top: #131d18; --lx-chip-on: var(--gold-500);
    /* 16.60.0 (T10): --lx-ok/warn/bad/info koyu değerleri styles.css --st-* içinde (aynı değerler) */
  }
}
html.luxe[data-theme="dark"] {
  --lx-soft-gold: rgba(201,162,74,.12); --lx-soft-gold-line: rgba(201,162,74,.38); --lx-today-col: rgba(201,162,74,.06); --lx-ti-bg: rgba(201,162,74,.14); --lx-pick-on: rgba(201,162,74,.14); --lx-all-bg: rgba(201,162,74,.12);
  --lx-bar-dim-1: #3b4b43; --lx-bar-dim-2: #2f3e37; --lx-exp-1: #5d7669; --lx-exp-2: #455c50; --lx-kart: #3d8a68; --lx-date-bg: rgba(201,162,74,.10); --lx-date-line: rgba(201,162,74,.30); --lx-av-bg: rgba(143,224,189,.10); --lx-av-line: rgba(143,224,189,.25); --lx-av-ink: #8fe0bd;
  --lx-a-bg: rgba(201,162,74,.16); --lx-a-ink: #e7c78a; --lx-a-line: rgba(201,162,74,.38); --lx-b-bg: rgba(70,160,120,.16); --lx-b-ink: #8fe0bd; --lx-b-line: rgba(70,160,120,.38); --lx-c-bg: rgba(110,150,220,.16); --lx-c-ink: #a9c3ec; --lx-c-line: rgba(110,150,220,.38);
  --lx-x-bg: rgba(255,255,255,.05); --lx-x-line: rgba(255,255,255,.12); --lx-off-bg: rgba(255,255,255,.04); --lx-off-ink: #a29c90; --lx-off-line: rgba(255,255,255,.09); --lx-emp-ink: #7d766a; --lx-emp-line: rgba(255,255,255,.18);
  --lx-sick-bg: rgba(241,154,134,.15); --lx-sick-ink: #f19a86; --lx-sick-line: rgba(241,154,134,.35); --lx-mat-bg: rgba(220,140,190,.15); --lx-mat-ink: #e7a9cd; --lx-mat-line: rgba(220,140,190,.35); --lx-ot-bg: rgba(140,180,120,.15); --lx-ot-ink: #b5d3a6; --lx-ot-line: rgba(140,180,120,.35);
  --lx-unp-bg: rgba(200,180,150,.13); --lx-unp-ink: #d3c2a5; --lx-unp-line: rgba(200,180,150,.3); --lx-trn-bg: rgba(140,150,230,.15); --lx-trn-ink: #b9bff0; --lx-trn-line: rgba(140,150,230,.35); --lx-away-bg: rgba(110,150,220,.15); --lx-away-ink: #a9c3ec; --lx-away-line: rgba(110,150,220,.4);
  --surface-2: #121b15; --lx-line-2: #1f2a24; --lx-field: #2d3a33; --lx-head: #f1e3bd; --lx-top: #131d18; --lx-chip-on: var(--gold-500);
}

/* ---------- tipografi ---------- */
html.luxe .welcome h1, html.luxe .section-head h1 { font-family: var(--lx-serif); font-weight: 600; font-size: 44px; line-height: 1.02; letter-spacing: -.005em; color: var(--lx-head); font-variant-numeric: lining-nums; text-wrap: balance; }
html.luxe .welcome p:last-child, html.luxe .section-head p:last-child { font-size: 14px; }
html.luxe .eyebrow { color: var(--lx-gold-dk); letter-spacing: .16em; }
html.luxe .panel-head h3 { font-family: var(--lx-serif); font-weight: 600; font-size: 24px; letter-spacing: 0; color: var(--lx-head); }

/* ---------- yan menü ---------- */
html.luxe .sidebar { background: linear-gradient(180deg, #0c2219, #071a12); border-right: 1px solid rgba(201,162,74,.16); }
html.luxe .brand b { font-family: var(--lx-serif); font-size: 25px; font-weight: 600; color: var(--lx-cream); letter-spacing: .01em; }
html.luxe .brand small { text-transform: uppercase; letter-spacing: .14em; font-size: 10px; color: var(--lx-gold); }
html.luxe .nav-search input { border-radius: 11px; }
html.luxe .nav-search { background: #0b2017; } /* 16.63.1: kenar çubuğu geçişinin o yüksekliğe denk tonu (opak) */
html.luxe nav button { color: #c3d6cc; font-size: var(--fs-sm); }
html.luxe nav button.active { font-weight: 700; }
html.luxe .nav-group-toggle { color: #dbe8e1; }
html.luxe .nav-submenu { border-left-color: rgba(255,255,255,.07); }
html.luxe .nav-submenu button { color: #9fb8ac; font-weight: 500; }
html.luxe .nav-submenu button > span:first-child { display: none; }
html.luxe .nav-submenu button.active { color: #fff; font-weight: 700; }

/* ikon kalıbı: sembol karakteri görünmez, maskeli ikon çizilir */
html.luxe #nav > button > span:first-child,
html.luxe #nav > .nav-group-toggle > span:first-child {
  font-size: 0; color: inherit; width: 18px; height: 18px; flex: 0 0 18px; display: inline-block;
  background: currentColor; -webkit-mask: var(--ic) center / 18px no-repeat; mask: var(--ic) center / 18px no-repeat; opacity: .9;
}
html.luxe #nav > button.active > span:first-child { background: var(--lx-gold-2); opacity: 1; }
html.luxe #nav [data-view="dashboard"] { --ic: var(--lx-i-layout-dashboard); }
html.luxe #accountingToggle { --ic: var(--lx-i-landmark); }
html.luxe #reservationToggle { --ic: var(--lx-i-calendar-days); }
html.luxe #restaurantToggle { --ic: var(--lx-i-store); }
html.luxe #hrToggle { --ic: var(--lx-i-users); }
html.luxe #tasksToggle { --ic: var(--lx-i-square-check); }
html.luxe #userToggle { --ic: var(--lx-i-shield); }
html.luxe #nav > [data-view="assistant"] { --ic: var(--lx-i-sparkles); }
html.luxe #nav > [data-view="help"] { --ic: var(--lx-i-circle-help); }

html.luxe .sidebar-footer .creator-credit { opacity: .78; }
html.luxe .sidebar-footer .creator-credit p { display: none; }
html.luxe #supportButton { border-radius: 9px; background: transparent; border: 1px solid rgba(229,118,95,.45); color: #f2a896; font-weight: 700; } /* 16.36.0: köşe, ince düğmeye uygun */
html.luxe #backupButton { color: #c3d6cc; }
html.luxe .profile .avatar { background: linear-gradient(145deg, #2f6a57, #1b4a3b); color: var(--lx-cream); border: 1px solid rgba(201,162,74,.35); }

/* ---------- üst çubuk ---------- */
html.luxe .topbar { background: var(--lx-top); border-bottom-color: var(--line); min-height: 78px; }
html.luxe .topbar .eyebrow { color: var(--lx-gold-dk); }
html.luxe .topbar h2 { font-size: 15px; font-weight: 700; color: var(--ink); }
html.luxe .topbar h2 .lx-crumb { color: var(--muted); font-weight: 600; }
html.luxe .topbar h2 .lx-crumb i { font-style: normal; color: var(--lx-gold); margin: 0 7px; }
html.luxe .restaurant-picker span { display: none; }
html.luxe .restaurant-picker select, html.luxe .language-select { border-radius: 999px; border-color: var(--lx-field); font-weight: 600; font-size: var(--fs-sm); padding: 9px 14px; min-height: 40px; background-color: var(--panel); }
html.luxe .notification-button, html.luxe .assistant-button, html.luxe .menu-button {
  width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--lx-field); background: var(--panel); color: #52625a; font-size: 0; position: relative;
}
html.luxe .notification-button::before, html.luxe .assistant-button::before, html.luxe .menu-button::before {
  content: ""; position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--ic) center / 18px no-repeat; mask: var(--ic) center / 18px no-repeat;
}
html.luxe .assistant-button { color: var(--lx-gold-dk); border-color: var(--lx-soft-gold-line); background: var(--lx-soft-gold); --ic: var(--lx-i-sparkles); }
html.luxe #calendarButton { --ic: var(--lx-i-calendar); }
html.luxe #themeToggle { --ic: var(--lx-i-moon); }
html.luxe[data-theme="dark"] #themeToggle { --ic: var(--lx-i-sun); }
html.luxe #refreshAppButton { --ic: var(--lx-i-rotate-cw); }
html.luxe #helpModeButton { --ic: var(--lx-i-circle-help); }
html.luxe #notificationButton { --ic: var(--lx-i-bell); }
html.luxe .menu-button { --ic: var(--lx-i-menu); border: 0; background: transparent; color: var(--ink); }
html.luxe #notificationBadge { font-size: 10px; position: absolute; top: -4px; right: -5px; z-index: 1; }
html.luxe #quickInvoice { border-radius: 11px; }

/* ---------- kartlar ve paneller ---------- */
html.luxe .panel, html.luxe .mini-card, html.luxe .metric-card { border-radius: 16px; border-color: var(--line); box-shadow: var(--shadow-2); }
html.luxe .metric-card small, html.luxe .mini-card small { text-transform: uppercase; letter-spacing: .12em; font-size: var(--fs-2xs); font-weight: 700; color: var(--muted); }
html.luxe .metric-card strong { font-family: var(--lx-serif); font-weight: 600; font-size: 38px; letter-spacing: 0; font-variant-numeric: lining-nums; }
html.luxe .mini-card b { font-family: var(--lx-serif); font-weight: 600; font-size: 30px; font-variant-numeric: lining-nums; }
html.luxe .metric-card::after, html.luxe .metric-card::before { display: none; }

/* ortak özet kartları (fatura, fire, program…) */
html.luxe .res-stile { border-radius: 16px; border-color: var(--line); box-shadow: var(--shadow-2); padding: 16px 18px; }
html.luxe .res-stile .lbl { letter-spacing: .14em; font-size: var(--fs-2xs); font-weight: 700; }
html.luxe .res-stile .big { font-family: var(--lx-serif); font-weight: 600; font-size: 38px; letter-spacing: 0; font-variant-numeric: lining-nums; }
html.luxe .res-stile.feat { background: radial-gradient(420px 220px at 95% -40%, var(--green-700) 0%, transparent 70%), linear-gradient(160deg, #153628, #0b1f18); box-shadow: 0 18px 40px -22px rgba(11,31,24,.8); }
html.luxe .res-stile.feat::before { content: ""; position: absolute; left: 18px; right: 18px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(231,199,138,.8), transparent); }
html.luxe .res-stile.feat .big { color: var(--lx-cream); }

/* ---------- düğmeler ---------- */
html.luxe .primary-button { background: linear-gradient(180deg, var(--green-700), var(--green-900)); border-radius: var(--radius-btn); box-shadow: 0 8px 20px -10px rgba(16,38,29,.6); font-weight: 700; } /* 16.60.0 (T12): köşe 9 / 11 / 12 px → tek --radius-btn */
html.luxe .primary-button:hover { filter: brightness(1.12); }
html.luxe .secondary-button { border-radius: var(--radius-btn); border-color: var(--lx-field); font-weight: 700; }
html.luxe .secondary-button:hover { border-color: var(--lx-gold); }
html.luxe .icon-button { border-radius: var(--radius-sm); border-color: var(--lx-field); }
/* 16.60.0 (T12, tarama 21.10.2026): koyu temada koyu-yeşil ana düğme koyu panelde kayboluyordu → bir ton açık yeşil + altın çerçeve + krem yazı.
   Özgüllük :where ile (0,2,1): luxe ana düğmesini (sonra geldiği için) geçer, bileşene özel (0,3,0) düğme renkleri (ör. rezervasyon uyarısındaki beyaz düğme) aynen kalır. */
@media (prefers-color-scheme: dark) {
  html.luxe:where(:not([data-theme="light"])) .primary-button { background: linear-gradient(180deg, var(--green-700), var(--green-800)); color: var(--lx-cream, #f1e3bd); box-shadow: inset 0 0 0 1px rgba(201,162,74,.6), 0 8px 20px -12px rgba(0,0,0,.7); }
}
html.luxe:where([data-theme="dark"]) .primary-button { background: linear-gradient(180deg, var(--green-700), var(--green-800)); color: var(--lx-cream, #f1e3bd); box-shadow: inset 0 0 0 1px rgba(201,162,74,.6), 0 8px 20px -12px rgba(0,0,0,.7); }

/* ---------- form alanları ---------- */
html.luxe input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), html.luxe select, html.luxe textarea { border-color: var(--lx-field); border-radius: 11px; }
html.luxe input:focus, html.luxe select:focus, html.luxe textarea:focus { border-color: var(--lx-gold); box-shadow: 0 0 0 3px rgba(201,162,74,.18); }

/* ---------- tablolar ---------- */
html.luxe .table-wrap table { border-collapse: separate; border-spacing: 0; }
html.luxe th { background: var(--surface-2); color: var(--muted); letter-spacing: .12em; font-size: var(--fs-2xs); font-weight: 700; }
html.luxe td { border-bottom-color: var(--lx-line-2); }
html.luxe tbody tr:hover > td { background: rgba(201,162,74,.045); }
html.luxe .table-panel { padding: 0; overflow: hidden; }
html.luxe .table-panel > .list-summary { padding: 14px 18px 4px; }
html.luxe .table-panel .pagination { padding: 10px 16px; }

/* ---------- rozet / durum / çip ---------- */
html.luxe .badge { border-radius: 999px; padding: 5px 10px; font-size: 11px; font-weight: 800; letter-spacing: .01em; }
html.luxe .badge.pending, html.luxe .badge.partial { background: var(--lx-warn-bg); color: var(--lx-warn); }
html.luxe .badge.paid, html.luxe .badge.settled, html.luxe .badge.approved, html.luxe .badge.confirmed { background: var(--lx-ok-bg); color: var(--lx-ok); }
html.luxe .badge.overdue, html.luxe .badge.rejected, html.luxe .badge.cancelled { background: var(--lx-bad-bg); color: var(--lx-bad); }
html.luxe .op-filter-chips button, html.luxe .op-filter-chips .chip { border-radius: 999px; border: 1px solid var(--lx-field); background: var(--panel); font-weight: 700; }
html.luxe .op-filter-chips button.active, html.luxe .op-filter-chips .chip.active, html.luxe .op-chip.on { background: var(--lx-chip-on); border-color: var(--lx-chip-on); color: #fff; }
html.luxe .op-chip { border-radius: 999px; border: 1px solid var(--lx-field); background: var(--panel); color: var(--muted); font-weight: 700; }
html.luxe .op-chip b { color: var(--lx-gold-dk); margin-left: 5px; }
html.luxe .op-chip.on b { color: var(--lx-gold-2); }

/* ---------- alt sekmeler (telefon + iPad) ---------- */
html.luxe .bottom-tabbar { background: linear-gradient(180deg, #0c2219, #071a12); border-top: 1px solid rgba(201,162,74,.25); }
html.luxe .bottom-tab { color: #8fae9f; font-weight: 600; }
html.luxe .bottom-tab.act { color: var(--lx-gold-2); font-weight: 800; }
html.luxe .bottom-tab .bt-ic { font-size: 0; position: relative; }
html.luxe .bottom-tab .bt-ic::before { content: ""; position: absolute; inset: 0; margin: auto; width: 19px; height: 19px; background: currentColor; -webkit-mask: var(--ic) center / 19px no-repeat; mask: var(--ic) center / 19px no-repeat; }
html.luxe .bottom-tab[data-view="dashboard"] { --ic: var(--lx-i-layout-dashboard); }
html.luxe .bottom-tab[data-view="invoices"] { --ic: var(--lx-i-file-text); }
html.luxe .bottom-tab[data-view="reservations"] { --ic: var(--lx-i-calendar-days); }
html.luxe .bottom-tab[data-view="hrSchedule"] { --ic: var(--lx-i-calendar-range); }
html.luxe #bottomTabMore { --ic: var(--lx-i-menu); }

/* ---------- tablet (iPad yatay/dik): karşılama satırı yan yana kalır ---------- */
@media (max-width: 1024px), (min-width: 1025px) and (max-width: 1366px) and (pointer: coarse) {
  html.luxe .welcome { flex-direction: row; align-items: flex-end; justify-content: space-between; }
  html.luxe .topbar { padding-left: 14px; padding-right: 24px; gap: 8px; min-height: 72px; }
}

/* ---------- telefon üst çubuğu: iki satır, yenile/yardım yok (aşağı çek + menüdeki Yardım) ---------- */
@media (max-width: 700px) {
  html.luxe .welcome h1, html.luxe .section-head h1 { font-size: 34px; }
  html.luxe #refreshAppButton, html.luxe #helpModeButton { display: none; }
  html.luxe .notification-button, html.luxe .assistant-button { width: 36px; height: 36px; flex: none; }
  html.luxe .res-stile .big, html.luxe .metric-card strong { font-size: 28px; }
  html.luxe .topbar { padding: calc(8px + env(safe-area-inset-top)) 16px 12px; gap: 10px 6px; flex-wrap: wrap; align-items: center; }
  html.luxe #menuButton { order: 1; width: 38px; height: 38px; flex: none; }
  html.luxe .topbar-title { order: 2; flex: 1 1 calc(100% - 100px); min-width: 0; margin: 0; }
  html.luxe .topbar-title .eyebrow { font-size: 10px; }
  html.luxe .topbar h2, html.luxe .lx-crumb { font-size: 16px; }
  html.luxe #notificationButton { order: 3; }
  html.luxe #lxRpick { order: 4; flex: 1 1 150px; min-width: 140px; }
  html.luxe .lx-rpick-btn { width: 100%; max-width: none; min-height: 36px; }
  html.luxe #appLanguage { order: 5; width: 50px; min-width: 0; min-height: 36px; height: 36px; padding: 0 4px; text-align: center; text-align-last: center; background-image: none; -webkit-appearance: none; appearance: none; flex: none; }
  html.luxe #assistantButton { order: 6; }
  html.luxe #calendarButton { order: 7; }
  html.luxe #themeToggle { order: 8; }
  html.luxe #quickInvoice { order: 9; }
  html.luxe .bottom-tab { font-size: 10px; padding-left: 1px; padding-right: 1px; }
  html.luxe .bottom-tab span:not(.bt-ic) { white-space: normal; line-height: 1.15; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  html.luxe .bottom-tab span.bt-long { display: none !important; }
  html.luxe .bottom-tab span.bt-short { display: -webkit-box; }
}

/* ---------- Genel Bakış (16.30.0): üst kısım ---------- */
html.luxe .welcome { align-items: flex-end; margin-bottom: 22px; }
html.luxe .welcome .eyebrow { display: none; }
html.luxe .welcome h1 { margin-bottom: 6px; }
html.luxe #exportDashboardButton { display: none !important; } /* kullanıcı 28.09.2026: "excel aktar butonu gereksiz" — öğe kalır (olay bağı), görünmez */
html.luxe .lx-seg { display: flex; border: 1px solid var(--lx-field); border-radius: 11px; padding: 3px; background: var(--panel); flex: none; }
html.luxe .lx-seg button { border: 0; background: transparent; padding: 7px 13px; font: inherit; font-size: var(--fs-xs); font-weight: 700; color: var(--muted); border-radius: 8px; cursor: pointer; white-space: nowrap; }
html.luxe .lx-seg button.on { background: var(--lx-chip-on); color: #fff; }
html.luxe .lx-overview { display: grid; gap: 16px; margin-bottom: 8px; }
html.luxe .lx-overview:empty { display: none; }
html.luxe .lx-k4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
html.luxe .lx-kpi, html.luxe .lx-card { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 18px 20px; position: relative; box-shadow: var(--shadow-2); min-width: 0; }
html.luxe .lx-kpi.hero { background: radial-gradient(420px 220px at 95% -40%, var(--green-700) 0%, transparent 70%), linear-gradient(160deg, #153628, #0b1f18); border-color: #0b1f18; box-shadow: 0 18px 40px -22px rgba(11,31,24,.8); }
html.luxe .lx-kpi.hero::before { content: ""; position: absolute; left: 18px; right: 18px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(231,199,138,.8), transparent); }
html.luxe .lx-lab { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); font-weight: 700; display: flex; align-items: center; gap: 7px; }
html.luxe .lx-lab svg { width: 14px; height: 14px; color: var(--lx-gold-dk); flex: none; }
html.luxe .lx-big { font-family: var(--lx-serif); font-size: 40px; font-weight: 600; color: var(--lx-head); line-height: 1.1; margin-top: 8px; font-variant-numeric: lining-nums; overflow-wrap: anywhere; }
html.luxe .lx-big small { font-family: var(--sans, "DM Sans", sans-serif); font-size: 14px; color: var(--muted); font-weight: 500; margin-left: 6px; }
html.luxe .lx-meta { font-size: var(--fs-xs); color: var(--muted); margin-top: 4px; }
html.luxe .lx-kpi.hero .lx-lab { color: #c3d6cc; }
html.luxe .lx-kpi.hero .lx-lab svg { color: var(--lx-gold-2); }
html.luxe .lx-kpi.hero .lx-big { color: var(--lx-cream); }
html.luxe .lx-kpi.hero .lx-meta { color: #a9bdb2; }
html.luxe .lx-trend { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 800; border-radius: 999px; padding: 2px 9px; margin-top: 8px; }
html.luxe .lx-trend svg { width: 13px; height: 13px; flex: none; }
html.luxe .lx-trend.up { color: var(--lx-ok); background: var(--lx-ok-bg); }
html.luxe .lx-trend.down { color: var(--lx-bad); background: var(--lx-bad-bg); }
html.luxe .lx-kpi.hero .lx-trend.up { background: rgba(70,192,142,.15); color: #8fe0bd; }
html.luxe .lx-kpi.hero .lx-trend.down { background: rgba(241,154,134,.16); color: #f6b8a8; }
html.luxe .lx-click { cursor: pointer; transition: border-color .15s, box-shadow .15s, transform .15s; }
html.luxe .lx-click:hover { border-color: #e2cf9f; }
html.luxe .lx-click:focus-visible { outline: 2px solid var(--lx-gold); outline-offset: 2px; }
html.luxe .lx-g2 { display: grid; grid-template-columns: 1.25fr 1fr; gap: 16px; }
html.luxe .lx-chd { display: flex; align-items: center; gap: 12px; }
html.luxe .lx-g2 > .lx-card { display: flex; flex-direction: column; }
html.luxe .lx-rest { display: grid; gap: 12px; margin-top: 16px; flex: 1; align-content: space-evenly; }
html.luxe .lx-rr { display: grid; grid-template-columns: auto minmax(90px, 150px) 1fr minmax(84px, auto); align-items: center; gap: 12px; font-size: var(--fs-sm); }
html.luxe .lx-rn { min-width: 0; }
html.luxe .lx-rn b { display: block; font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.luxe .lx-rn small { display: block; font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.luxe .lx-track { height: 10px; border-radius: 6px; background: var(--lx-line-2); overflow: hidden; }
html.luxe .lx-track span { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--gold-500), var(--gold-300)); }
html.luxe .lx-track.gr span { background: linear-gradient(90deg, #557d6c, #9fbcaf); }
html.luxe .lx-v { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; color: var(--ink); white-space: nowrap; }
html.luxe .lx-week { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; align-items: end; height: 220px; margin-top: 14px; padding: 0 4px; }
html.luxe .lx-wbar { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 6px; height: 100%; min-width: 0; }
html.luxe .lx-wbar i { display: block; width: 100%; max-width: 64px; flex: none; border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg, var(--lx-bar-dim-1), var(--lx-bar-dim-2)); }
html.luxe .lx-wbar.last i { background: linear-gradient(180deg, var(--gold-300), var(--gold-500)); box-shadow: 0 8px 18px -8px rgba(201,162,74,.55); }
html.luxe .lx-wbar b { font-size: 11px; color: var(--ink); font-weight: 700; font-variant-numeric: tabular-nums; }
html.luxe .lx-wbar em { font-style: normal; font-size: var(--fs-2xs); color: var(--muted); }
html.luxe .lx-todo { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
html.luxe .lx-td { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--lx-line-2); border-radius: 12px; background: var(--surface-2); min-width: 0; }
html.luxe .lx-td > div { min-width: 0; }
html.luxe .lx-td b { display: block; font-size: var(--fs-sm); font-weight: 600; color: var(--ink); }
html.luxe .lx-td small { display: block; font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.luxe .lx-ti { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--lx-ti-bg); color: var(--lx-gold-dk); flex: none; }
html.luxe .lx-ti svg { width: 17px; height: 17px; }
html.luxe .lx-td.done .lx-ti { background: var(--lx-ok-bg); color: var(--lx-ok); }
html.luxe .lx-go { margin-left: auto; font-size: var(--fs-xs); font-weight: 700; color: var(--lx-gold-dk); white-space: nowrap; }
html.luxe .lx-ok { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; font-size: var(--fs-xs); font-weight: 700; color: var(--lx-ok); white-space: nowrap; }
html.luxe .lx-ok svg, html.luxe .lx-warn svg { width: 15px; height: 15px; }
html.luxe .lx-warn { margin-left: auto; color: var(--lx-warn); display: inline-flex; }
html.luxe .lx-link { display: block; margin-top: 8px; padding: 0; border: 0; background: none; font: inherit; font-size: 12px; font-weight: 700; color: var(--lx-gold-dk); cursor: pointer; }
html.luxe .lx-link:hover { text-decoration: underline; }
html.luxe .lx-sech { display: flex; align-items: flex-end; gap: 12px; margin: 22px 0 14px; }
html.luxe .lx-sech .eyebrow { margin: 0 0 4px; }
html.luxe .lx-sech h2 { margin: 0; font-family: var(--lx-serif); font-size: 30px; font-weight: 600; color: var(--lx-head); line-height: 1; }
html.luxe .lx-sech-tools { margin-left: auto; }
html.luxe .lx-sech-tools .period-controls { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
html.luxe .lx-sech-tools select { width: auto; min-width: 150px; }
html.luxe .dashboard-grid > .lx-sech { margin: 12px 0 0; }

html.luxe .lx-cmp { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin-top: 8px; font-size: 12px; color: var(--muted); }
html.luxe .lx-cmp .lx-trend { margin-top: 0; }
html.luxe .lx-kpi.hero .lx-cmp { color: #a9bdb2; }
html.luxe .lx-namecell { display: inline-flex; align-items: center; gap: 10px; }
html.luxe .lx-namecell b { white-space: nowrap; }
/* restoran logosu: beyaz karo (logonun zemini saydam; koyu zeminde de beyaz karo içinde durur) */
html.luxe .lx-logo { box-sizing: border-box; width: 46px; height: 30px; flex: none; display: inline-flex; align-items: center; justify-content: center; padding: 3px 5px; border-radius: 8px; background: #fff; border: 1px solid #e8e2d4; overflow: hidden; vertical-align: middle; }
html.luxe .lx-logo img { width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; display: block; }
html.luxe .lx-logo i { font-style: normal; font-size: 11px; font-weight: 800; color: var(--lx-gold-dk); letter-spacing: .02em; }
html.luxe .lx-logo.sm { width: 38px; height: 26px; border-radius: 7px; padding: 2px 4px; }
html.luxe .lx-logo.xs { width: 30px; height: 22px; border-radius: 6px; padding: 2px 3px; }
html.luxe .lx-logo.all { background: var(--lx-all-bg); border-color: var(--lx-soft-gold-line); color: var(--lx-gold-dk); }
html.luxe .lx-logo.all svg { width: 15px; height: 15px; }

/* Genel Bakış alt bölümleri: 12 sütun (bugünkü paneller aynı, yalnız yerleşim) */
html.luxe .dashboard-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
html.luxe .dashboard-grid > * { grid-column: span 12; }
html.luxe .dashboard-grid > .lx-c4 { grid-column: span 4; }
html.luxe .dashboard-grid > .lx-c5 { grid-column: span 5; }
html.luxe .dashboard-grid > .lx-c6 { grid-column: span 6; }
html.luxe .dashboard-grid > .lx-c7 { grid-column: span 7; }
html.luxe .dashboard-grid > .lx-c12 { grid-column: span 12; }
html.luxe #metricCards { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
html.luxe #metricCards .metric-card strong { font-size: 32px; }
html.luxe #dashboardHealthMetrics:empty { display: none; }
html.luxe .restaurant-comparison { margin: 16px 0; }
html.luxe .restaurant-comparison tfoot td { background: var(--surface-2); font-weight: 800; border-top: 1px solid var(--line); }
html.luxe .bar.income { background: linear-gradient(180deg, var(--gold-300), var(--gold-500)); }
html.luxe .bar.expense { background: linear-gradient(180deg, #bfd0c7, #94aea0); }
html.luxe .income-dot { background: var(--gold-500); }
html.luxe .expense-dot { background: #a9bfb3; }
html.luxe .date-box { background: var(--lx-date-bg); border: 1px solid var(--lx-date-line); border-radius: 10px; }
html.luxe .date-box b { font-family: var(--lx-serif); font-size: 19px; color: var(--lx-head); font-variant-numeric: lining-nums; }
html.luxe .date-box small { color: var(--lx-gold-dk); letter-spacing: .12em; text-transform: uppercase; font-weight: 800; font-size: 9px; }
html.luxe .avatar-box { background: var(--lx-av-bg); border: 1px solid var(--lx-av-line); color: var(--lx-av-ink); }

/* günün durumu kartları */
html.luxe .lx-hb { display: grid; gap: 13px; }
html.luxe .lx-hbr { display: grid; grid-template-columns: auto minmax(70px, 110px) 1fr auto; gap: 10px; align-items: center; font-size: var(--fs-xs); }
html.luxe .lx-hbr b { font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.luxe .lx-foot { margin: 14px 0 0; font-size: 12px; color: var(--muted); }
html.luxe .lx-list { display: grid; }
html.luxe .lx-li { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--lx-line-2); font-size: 13px; }
html.luxe .lx-li:last-child { border-bottom: 0; }
html.luxe .lx-x { flex: 1; min-width: 0; }
html.luxe .lx-x b { display: block; font-weight: 700; color: var(--ink); }
html.luxe .lx-x small { color: var(--muted); font-size: var(--fs-2xs); }
html.luxe .lx-stars { display: inline-flex; align-items: center; gap: 4px; color: var(--gold-500); font-weight: 800; font-variant-numeric: tabular-nums; }
html.luxe .lx-stars svg { width: 14px; height: 14px; fill: currentColor; }
html.luxe .lx-badge { font-size: 11px; font-weight: 800; border-radius: 999px; padding: 3px 9px; white-space: nowrap; }
html.luxe .lx-badge.warn { background: var(--lx-warn-bg); color: var(--lx-warn); }

/* üst çubuk: grup › sayfa */
html.luxe .topbar-title { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 0; min-width: 0; }
html.luxe .topbar-title .eyebrow { flex-basis: 100%; margin: 0 0 4px; }
html.luxe .lx-crumb { font-size: 15px; font-weight: 600; color: var(--muted); white-space: nowrap; }
html.luxe .lx-crumb i { font-style: normal; color: var(--lx-gold); margin: 0 7px; }
html.luxe .topbar-title h2 { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* logolu restoran seçici (asıl <select> gizli ama yerinde: tüm kod onu okur) */
html.luxe .restaurant-picker { display: none; }
html.luxe .lx-rpick { position: relative; flex: none; }
html.luxe .lx-rpick-btn { display: flex; align-items: center; gap: 8px; min-height: 40px; max-width: 260px; padding: 4px 12px 4px 5px; border: 1px solid var(--lx-field); border-radius: 999px; background: var(--panel); color: var(--ink); font: inherit; font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
html.luxe .lx-rpick-btn:hover { border-color: var(--lx-gold); }
html.luxe .lx-rpick-btn > svg { width: 15px; height: 15px; color: var(--lx-gold-dk); flex: none; }
html.luxe .lx-rpick-cur { display: flex; align-items: center; gap: 8px; min-width: 0; }
html.luxe .lx-rpick-cur b { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.luxe .lx-rpick-cur .lx-logo { border-radius: 999px 6px 6px 999px; }
html.luxe .lx-rpick-cur .lx-logo.all { border-radius: 999px; width: 30px; }
html.luxe .lx-rpick-menu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 60; width: 320px; max-height: min(70vh, 520px); overflow: auto; padding: 8px; background: var(--panel); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 24px 50px -18px rgba(20,35,28,.35); display: grid; gap: 2px; }
html.luxe .lx-rpick-menu[hidden] { display: none; }
html.luxe .lx-rpick-menu button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px 10px; border: 0; border-radius: 12px; background: transparent; color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
html.luxe .lx-rpick-menu button:hover, html.luxe .lx-rpick-menu button:focus-visible { background: var(--surface-2); outline: none; }
html.luxe .lx-rpick-menu button.on { background: var(--lx-pick-on); }
html.luxe .lx-rpick-menu button > svg { width: 16px; height: 16px; margin-left: auto; color: var(--lx-gold-dk); flex: none; }
html.luxe .lx-rpick-t { display: grid; min-width: 0; }
html.luxe .lx-rpick-t b { font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.luxe .lx-rpick-t small { font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* çalışma programı: seçili restoranın logosu */
html.luxe .lx-sched-logo { display: inline-flex; margin-right: 8px; vertical-align: middle; }
html.luxe .lx-sched-logo:empty { display: none; }

/* iPad rezervasyon masası başlığı: restoran logosu beyaz karoda */
html.luxe .lx-desk-brand img.lx-desk-logo { background: #fff; border: 1px solid rgba(231,199,138,.55); border-radius: 10px; padding: 4px 6px; object-fit: contain; width: 64px; height: 40px; }

/* ---------- muhasebe dönemi hapı (tüm muhasebe ekranlarının başlığında) ---------- */
html.luxe .section-head > .accounting-period-bar { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 0; padding: 3px 4px 3px 14px; border: 1px solid var(--lx-field); border-radius: 999px; background: var(--panel); box-shadow: none; width: auto; min-width: 0; }
html.luxe .section-head > .accounting-period-bar::before { content: ""; width: 15px; height: 15px; flex: none; background: var(--lx-gold-dk); -webkit-mask: var(--lx-i-calendar) center / 15px no-repeat; mask: var(--lx-i-calendar) center / 15px no-repeat; }
html.luxe .section-head > .accounting-period-bar > div:first-child small { display: none; }
html.luxe .section-head > .accounting-period-bar > div:first-child b { font-size: 13px; font-weight: 500; color: var(--muted); white-space: nowrap; }
html.luxe .section-head > .accounting-period-bar > select { width: auto; min-width: 0; min-height: 34px; border: 0; background-color: transparent; font-weight: 700; padding: 5px 30px 5px 6px; box-shadow: none; }
html.luxe .section-head > .accounting-period-bar:has(.custom-date-range:not(.hidden)) { border-radius: 16px; padding: 6px 8px 6px 14px; }
html.luxe .section-head > .accounting-period-bar .custom-date-range { flex-basis: 100%; }

/* ---------- Fatura Giriş (tasarım: özet kartları → filtreler → çipler → liste) ---------- */
html.luxe #exportInvoicesButton { display: none !important; } /* kullanıcı 28.09.2026: Excel düğmesi gereksiz — öğe kalır, görünmez */
html.luxe #invoicesView.active { display: flex; flex-direction: column; }
html.luxe #invoicesView > * { order: 4; }
html.luxe #invoicesView > .section-head { order: 0; }
html.luxe #invoicesView > #invoiceMetrics { order: 1; }
html.luxe #invoicesView > .volume-toolbar { order: 2; }
html.luxe #invoicesView > #invoiceFilterChips { order: 3; }
html.luxe #invoicesView > .table-panel { order: 5; }
html.luxe #invoicesView > .accounting-control-panel { order: 6; }
html.luxe #invoicesView > .section-head, html.luxe #hrScheduleView > .section-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 16px 20px; margin-bottom: 22px; }
html.luxe #invoicesView > .section-head > div:first-child, html.luxe #hrScheduleView > .section-head > div:first-child { grid-column: 1; grid-row: 1; }
html.luxe #invoicesView > .section-head > .accounting-period-bar { grid-column: 2; grid-row: 1; justify-self: end; }
html.luxe #invoicesView > .section-head > .head-actions, html.luxe #hrScheduleView > .section-head > .head-actions { grid-column: 1 / -1; grid-row: 2; display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; width: 100%; }
html.luxe #invoicesView #addInvoiceButton { margin-left: auto; }
html.luxe #invoicesView .head-actions button { display: inline-flex; align-items: center; gap: 8px; }
html.luxe .lx-emoji { display: none; }
html.luxe #documentScanButton::before, html.luxe #paymentListPdfButton::before, html.luxe #combinedPayButton::before, html.luxe #addInvoiceButton::before {
  content: ""; width: 16px; height: 16px; flex: none; background: var(--lx-gold-dk); -webkit-mask: var(--ic) center / 16px no-repeat; mask: var(--ic) center / 16px no-repeat;
}
html.luxe #documentScanButton { --ic: var(--lx-i-scan-line); }
html.luxe #paymentListPdfButton { --ic: var(--lx-i-file-text); }
html.luxe #combinedPayButton { --ic: var(--lx-i-layers); }
html.luxe #addInvoiceButton { --ic: var(--lx-i-plus); }
html.luxe #addInvoiceButton::before { background: var(--lx-gold-2); }
html.luxe #invoicesView > #invoiceMetrics { margin-bottom: 16px; }
html.luxe #invoicesView > .volume-toolbar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
html.luxe #invoicesView > .volume-toolbar > * { width: auto; min-width: 0; }
html.luxe #invoiceSearch { flex: 1 1 280px; }
html.luxe #invoiceStatusFilter, html.luxe #invoiceReviewFilter, html.luxe #invoicePageSize { flex: 0 0 auto; }
html.luxe #invoiceMinAmount, html.luxe #invoiceMaxAmount { flex: 0 1 150px; }
html.luxe #invoicesView > #invoiceFilterChips { margin-bottom: 14px; }
html.luxe .lx-sup { display: flex; align-items: center; gap: 12px; min-width: 0; }
html.luxe .lx-sup > div { min-width: 0; }
html.luxe .lx-ini { width: 34px; height: 34px; flex: none; border-radius: 10px; border: 1px solid var(--lx-soft-gold-line); background: var(--lx-soft-gold); color: var(--lx-gold-dk); display: grid; place-items: center; font-size: 12px; font-weight: 800; }
html.luxe .lx-restcell { white-space: nowrap; }
html.luxe .lx-restcell .lx-namecell > span:last-child { font-weight: 600; color: var(--ink); }

/* ---------- Haftalık Çalışma Programı (tasarım: ikonlu düğmeler, tek satır seçim, renkli vardiya çipleri, bugün sütunu) ---------- */
html.luxe #hrScheduleView .head-actions button { display: inline-flex; align-items: center; gap: 8px; }
html.luxe #saveScheduleButton { margin-left: auto; }
html.luxe #shiftTemplateButton::before, html.luxe #printScheduleButton::before, html.luxe #sharePdfScheduleButton::before, html.luxe #whatsappScheduleButton::before, html.luxe #saveScheduleButton::before {
  content: ""; width: 16px; height: 16px; flex: none; background: var(--lx-gold-dk); -webkit-mask: var(--ic) center / 16px no-repeat; mask: var(--ic) center / 16px no-repeat;
}
html.luxe #shiftTemplateButton { --ic: var(--lx-i-clock); }
html.luxe #printScheduleButton { --ic: var(--lx-i-printer); }
html.luxe #sharePdfScheduleButton { --ic: var(--lx-i-share-2); }
html.luxe #whatsappScheduleButton { --ic: var(--lx-i-message-circle); background: var(--panel); color: var(--ink); border: 1px solid var(--lx-field); box-shadow: none; }
html.luxe #whatsappScheduleButton > svg, html.luxe #whatsappScheduleButton > img { display: none; }
html.luxe #whatsappScheduleButton::before { background: #25a35a; }
html.luxe #saveScheduleButton { --ic: var(--lx-i-save); }
html.luxe #saveScheduleButton::before { background: var(--lx-gold-2); }
/* 16.57.2: sarmalı satır — iPad / 1280–1366 px dizüstünde hafta gezinmesi seçicilerin üstüne binmesin, sığmazsa alt satıra iner */
html.luxe .schedule-controls { display: flex; flex-direction: row; flex-wrap: wrap; gap: 14px 22px; align-items: flex-end; padding: 18px 22px; }
html.luxe .schedule-selectors { flex: 999 1 562px; min-width: 0; grid-template-columns: minmax(200px, 1.7fr) minmax(110px, .8fr) minmax(96px, .6fr) minmax(120px, .8fr); gap: 12px; }
html.luxe .schedule-filters { flex: 1 1 100%; }
html.luxe .schedule-selectors label { position: relative; font-size: var(--fs-2xs); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); gap: 5px; }
html.luxe .schedule-selectors select { font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ink); }
@media (pointer: coarse) { html.luxe .schedule-selectors select { font-size: 16px; } } /* 16.58.0: iOS odakta yakınlaştırma yok (16 px altı büyütüyordu); masaüstü 14 px aynen */
html.luxe .schedule-selectors label:has(.lx-sched-logo:not(:empty)) #scheduleRestaurant { padding-left: 58px; }
html.luxe .schedule-selectors .lx-sched-logo { position: absolute; left: 7px; bottom: 7px; margin: 0; }
html.luxe .schedule-selectors .lx-sched-logo .lx-logo { width: 42px; height: 28px; }
html.luxe .schedule-weeknav { flex: 1 1 auto; gap: 10px; }
html.luxe .schedule-period { background: var(--surface-2); border: 1px solid var(--lx-line-2); border-radius: 11px; min-width: 210px; padding: 6px 16px; }
html.luxe .schedule-period b { font-size: var(--fs-sm); color: var(--ink); }
html.luxe .schedule-filters { grid-column: 1 / -1; gap: 22px; }
html.luxe .schedule-filter-toggle { gap: 8px; font-size: var(--fs-xs); color: var(--ink); background: none; border: 0; padding: 0; min-height: 0; flex-wrap: nowrap; flex: 0 1 auto; min-width: 0; }
html.luxe .schedule-filter-toggle > span { flex: 1 1 auto; min-width: 0; }
html.luxe .schedule-filter-toggle input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: 30px; height: 18px; flex: none; margin: 0; border-radius: 999px; background: #e3ddd0; position: relative; cursor: pointer; transition: background .15s; border: 0; }
html.luxe .schedule-filter-toggle input[type="checkbox"]::after { content: ""; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: left .15s; }
html.luxe .schedule-filter-toggle input[type="checkbox"]:checked { background: var(--lx-chip-on); }
html.luxe .schedule-filter-toggle input[type="checkbox"]:checked::after { left: 14px; }
html.luxe .schedule-panel { padding: 0; overflow: hidden; }
html.luxe .schedule-panel .schedule-notes { display: block; padding: 14px 18px 18px; }
html.luxe .schedule-table { border-collapse: separate; border-spacing: 0; }
html.luxe .schedule-table th { background: var(--surface-2); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); font-weight: 700; padding: 9px 6px; border-bottom: 1px solid var(--line); }
html.luxe .schedule-table th small { display: block; margin-top: 1px; font-family: var(--lx-serif); font-size: 20px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--lx-head); font-variant-numeric: lining-nums; }
html.luxe .schedule-table th:first-child { padding-left: 18px; vertical-align: middle; }
html.luxe .schedule-table th.lx-today { color: var(--lx-gold-dk); background: var(--lx-soft-gold); box-shadow: inset 0 3px 0 var(--lx-gold); }
html.luxe .schedule-table th.lx-today small { color: var(--lx-gold-dk); }
html.luxe .schedule-table td { padding: 7px 6px; vertical-align: middle; border-bottom: 1px solid var(--lx-line-2); }
html.luxe .schedule-table td.lx-today { background: var(--lx-today-col); }
html.luxe .schedule-table td:first-child { padding-left: 18px; }
html.luxe .schedule-table td:first-child b { display: block; font-weight: 700; font-size: 13px; color: var(--ink); }
html.luxe .schedule-table td:first-child small { display: block; font-size: 11px; color: var(--muted); }
html.luxe .schedule-table .employee-shift-total { color: var(--lx-ok); font-weight: 700; }
html.luxe .shift-cell.lx-chipped { display: block; min-width: 0; padding: 0; background: none !important; border: 0; }
html.luxe .shift-cell.lx-chipped > .lx-pop { display: none; }
html.luxe .shift-cell.lx-chipped.lx-open > .lx-pop { display: grid; gap: 5px; margin-top: 6px; }
html.luxe .lx-pop-head { display: none; }
html.luxe .lx-chip { display: block; width: 100%; min-height: 40px; margin: 0; padding: 6px 4px; border-radius: 9px; border: 1px solid transparent; font: inherit; font-size: 12px; font-weight: 800; line-height: 1.2; text-align: center; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.luxe .lx-chip small { display: block; font-size: var(--fs-2xs); font-weight: 600; opacity: .9; }
html.luxe .lx-chip .lx-chip-short { display: none; }
html.luxe .lx-chip.k-a { background: var(--lx-a-bg); color: var(--lx-a-ink); border-color: var(--lx-a-line); }
html.luxe .lx-chip.k-b { background: var(--lx-b-bg); color: var(--lx-b-ink); border-color: var(--lx-b-line); }
html.luxe .lx-chip.k-c { background: var(--lx-c-bg); color: var(--lx-c-ink); border-color: var(--lx-c-line); }
html.luxe .lx-chip.k-x { background: var(--lx-x-bg); color: var(--ink); border-color: var(--lx-x-line); }
html.luxe .lx-chip.k-off { background: var(--lx-off-bg); color: var(--lx-off-ink); border-color: var(--lx-off-line); font-weight: 600; }
html.luxe .lx-chip.k-emp { background: var(--panel); color: var(--lx-emp-ink); border: 1px dashed var(--lx-emp-line); letter-spacing: .08em; font-weight: 700; }
html.luxe .lx-chip.k-st-vacation { background: var(--lx-c-bg); color: var(--lx-c-ink); border-color: var(--lx-c-line); font-weight: 700; }
html.luxe .lx-chip.k-st-sick { background: var(--lx-sick-bg); color: var(--lx-sick-ink); border-color: var(--lx-sick-line); font-weight: 700; }
html.luxe .lx-chip.k-st-maternity { background: var(--lx-mat-bg); color: var(--lx-mat-ink); border-color: var(--lx-mat-line); font-weight: 700; }
html.luxe .lx-chip.k-st-overtime_leave { background: var(--lx-ot-bg); color: var(--lx-ot-ink); border-color: var(--lx-ot-line); font-weight: 700; }
html.luxe .lx-chip.k-st-unpaid { background: var(--lx-unp-bg); color: var(--lx-unp-ink); border-color: var(--lx-unp-line); font-weight: 700; }
html.luxe .lx-chip.k-st-unexcused { background: var(--lx-sick-bg); color: var(--lx-sick-ink); border-color: var(--lx-sick-ink); border-style: dashed; font-weight: 800; } /* 16.70.0: unentschuldigt */
html.luxe .lx-chip.k-st-training { background: var(--lx-trn-bg); color: var(--lx-trn-ink); border-color: var(--lx-trn-line); font-weight: 700; }
html.luxe .lx-chip.k-away { background: var(--lx-away-bg); color: var(--lx-away-ink); border-color: var(--lx-away-line); }
/* 16.57.2: grup içi Darlehen paneli — serif başlıklar + net tutar (onaylı taslak "Alacak | Borç") */
html.luxe .gl-head h3, html.luxe .gl-side header h4, html.luxe .gl-journal-head h4 { font-family: var(--lx-serif); font-weight: 600; }
html.luxe .gl-head h3 { font-size: 26px; }
html.luxe .gl-side header h4, html.luxe .gl-journal-head h4 { font-size: 21px; }
html.luxe .gl-net b { font-family: var(--lx-serif); font-weight: 600; font-size: 30px; }
/* 16.57.2: çıkış sonrası gün (kesik çizgili gri, kilitli) + geçmiş haftada sonradan değişen gün (altın kenar + ✎ rozeti) */
html.luxe .lx-chip.k-exited { background: var(--lx-off-bg); color: var(--lx-off-ink); border: 1px dashed var(--lx-emp-line); font-weight: 700; }
html.luxe .lx-chip.k-exited small { font-size: 10px; font-weight: 600; letter-spacing: .02em; }
html.luxe .shift-cell.lx-chipped.has-late { position: relative; box-shadow: none; }
html.luxe .shift-cell.lx-chipped.has-late > .lx-chip { border-color: var(--lx-gold); }
html.luxe .shift-cell.lx-chipped > .late-edit { top: -6px; right: -5px; width: 18px; height: 18px; font-size: 10px; }
html.luxe .lx-chip:disabled { cursor: default; opacity: 1; }
html.luxe .lx-chip:not(:disabled):hover { box-shadow: 0 0 0 2px rgba(201,162,74,.28); }
html.luxe .shift-cell.lx-open > .lx-chip { box-shadow: 0 0 0 2px var(--lx-gold); }
html.luxe .lx-pop-done { border: 0; border-radius: 10px; padding: 8px 14px; background: linear-gradient(180deg, var(--green-700), var(--green-900)); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }

/* ---------- yeni görünüm karşılaması: hoş geldiniz kartı (ilk girişte bir kez, 08.10.2026'ya kadar) ---------- */
html.luxe .lx-welcome-back { position: fixed; inset: 0; z-index: 9990; display: grid; place-items: center; padding: 20px; background: rgba(7,26,18,.55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); animation: lxFade .25s ease both; }
html.luxe .lx-welcome { position: relative; width: min(520px, 100%); max-height: calc(100dvh - 40px); overflow: auto; padding: 30px 30px 26px; border-radius: 22px; background: var(--panel); border: 1px solid var(--line); box-shadow: 0 30px 80px -30px rgba(0,0,0,.55); text-align: center; animation: lxRise .35s ease both; }
html.luxe .lx-welcome::before { content: ""; position: absolute; left: 30px; right: 30px; top: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--lx-gold), transparent); }
html.luxe .lx-welcome-x { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: var(--muted); font-size: 22px; cursor: pointer; }
html.luxe .lx-welcome-x:hover { background: var(--surface-2); }
html.luxe .lx-welcome-logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 6px 0 18px; }
html.luxe .lx-logo.lg { width: 78px; height: 50px; border-radius: 12px; padding: 6px 8px; box-shadow: 0 10px 22px -16px rgba(20,35,28,.55); }
html.luxe .lx-welcome h2 { margin: 4px 0 14px; font-family: var(--lx-serif); font-size: 34px; font-weight: 600; line-height: 1.05; color: var(--lx-head); text-wrap: balance; }
html.luxe .lx-welcome ul { list-style: none; margin: 0 auto 22px; padding: 0; display: grid; gap: 10px; text-align: left; max-width: 400px; }
html.luxe .lx-welcome li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ink); line-height: 1.4; }
html.luxe .lx-welcome li svg { width: 18px; height: 18px; flex: none; margin-top: 1px; color: var(--lx-ok); }
html.luxe .lx-welcome .primary-button { min-width: 180px; min-height: 46px; font-size: 15px; }
@keyframes lxFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes lxRise { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }

@media (max-width: 1180px) {
  html.luxe .lx-todo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1024px), (min-width: 1025px) and (max-width: 1366px) and (pointer: coarse) {
  html.luxe .lx-rpick-btn { max-width: 220px; }
}
@media (max-width: 900px) {
  html.luxe .lx-g2 { grid-template-columns: 1fr; }
  html.luxe .dashboard-grid > .lx-c4, html.luxe .dashboard-grid > .lx-c5, html.luxe .dashboard-grid > .lx-c6, html.luxe .dashboard-grid > .lx-c7 { grid-column: span 12; }
}

@media (max-width: 700px) {
  html.luxe .welcome { flex-direction: column; align-items: stretch; gap: 12px; }
  html.luxe .lx-seg { width: 100%; }
  html.luxe .lx-seg button { flex: 1; }
  html.luxe .lx-k4 { grid-template-columns: 1fr 1fr; gap: 10px; }
  html.luxe .lx-kpi, html.luxe .lx-card { padding: 14px; border-radius: 14px; }
  html.luxe .lx-big { font-size: 27px; }
  html.luxe .lx-big small { display: block; margin: 2px 0 0; font-size: 12px; }
  html.luxe .lx-meta { font-size: var(--fs-2xs); }
  html.luxe .lx-trend { font-size: 11px; }
  html.luxe .lx-lab { font-size: 10px; letter-spacing: .12em; }
  html.luxe .lx-rr { grid-template-columns: auto minmax(64px, 88px) 1fr auto; gap: 8px; font-size: var(--fs-xs); }
  html.luxe .lx-rr .lx-logo { width: 38px; height: 26px; }
  html.luxe .lx-week { height: 190px; gap: 6px; }
  html.luxe .lx-wbar b { font-size: var(--fs-3xs); }
  html.luxe .lx-todo { grid-template-columns: 1fr; gap: 8px; }
  html.luxe .lx-sech { flex-wrap: wrap; margin-top: 16px; }
  html.luxe .lx-sech h2 { font-size: 26px; }
  html.luxe .lx-sech-tools { margin-left: 0; width: 100%; }
  html.luxe .lx-sech-tools .period-controls { justify-content: flex-start; }
  html.luxe #metricCards { grid-template-columns: 1fr 1fr; gap: 10px; }
  html.luxe #metricCards .metric-card { padding: 14px; }
  html.luxe #metricCards .metric-card strong { font-size: 24px; overflow-wrap: anywhere; }
  html.luxe .lx-rpick-menu { width: min(320px, calc(100vw - 32px)); }
  html.luxe #quickInvoice { display: none !important; } /* telefonda sayfadaki "Fatura ekle" aynı işi görür; üst çubuk 2 satır kalır */
  /* Fatura Giriş — telefon: tasarımdaki gibi büyük "Fatura ekle", 2×2 düğme, 2×2 özet, kart liste */
  html.luxe #invoicesView > .section-head { grid-template-columns: 1fr; }
  html.luxe #invoicesView > .section-head > .accounting-period-bar { grid-column: 1; grid-row: 2; justify-self: start; }
  html.luxe #invoicesView > .section-head > .head-actions { grid-row: 3; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  html.luxe #invoicesView > .section-head > .head-actions > button { justify-content: center; width: 100%; min-height: 44px; }
  html.luxe #invoicesView #addInvoiceButton { order: -1; grid-column: 1 / -1; margin: 0; min-height: 48px; }
  html.luxe #invoicesView > .volume-toolbar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  html.luxe #invoiceSearch { grid-column: 1 / -1; }
  html.luxe #invoicePageSize { grid-column: 1 / -1; }
  html.luxe #invoiceFilterChips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  html.luxe #invoiceTable { overflow: visible; }
  html.luxe #invoiceTable table, html.luxe #invoiceTable tbody { display: block; width: 100%; min-width: 0; }
  html.luxe #invoiceTable thead { display: none; }
  html.luxe #invoiceTable tbody > tr { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 14px; margin: 0 0 10px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); box-shadow: var(--shadow-1); }
  html.luxe #invoiceTable tbody > tr::before { content: ""; order: 3; flex-basis: 100%; height: 0; }
  html.luxe #invoiceTable tbody > tr > td { display: block; padding: 0; border: 0; background: none; min-width: 0; }
  html.luxe #invoiceTable td.bulk-cell { order: 0; flex: none; }
  html.luxe #invoiceTable td.lx-c-sup { order: 1; flex: 1 1 0; }
  html.luxe #invoiceTable td.lx-c-amt { order: 2; margin-left: auto; text-align: right; }
  html.luxe #invoiceTable td.lx-c-amt small { display: none; }
  html.luxe #invoiceTable td.lx-restcell { order: 4; font-size: 12px; }
  html.luxe #invoiceTable td.lx-c-date, html.luxe #invoiceTable td.lx-c-due, html.luxe #invoiceTable td.lx-c-cat { order: 5; font-size: 12px; color: var(--muted); }
  html.luxe #invoiceTable td.lx-c-due::before { content: attr(data-label) ": "; }
  html.luxe #invoiceTable td.lx-restcell .lx-logo { width: 30px; height: 22px; }
  html.luxe #invoiceTable td.lx-c-st { order: 6; margin-left: auto; }
  html.luxe #invoiceTable td.lx-c-ctrl { order: 7; flex-basis: 100%; }
  html.luxe #invoiceTable td.lx-c-ctrl:not(:has(.badge)) { display: none; }
  html.luxe #invoiceTable td.lx-c-act { order: 8; flex-basis: 100%; }
  html.luxe #invoiceTable td.lx-c-act .row-actions { justify-content: flex-end; }
  html.luxe #invoicesView .table-panel { background: none; border: 0; box-shadow: none; }
  /* ortak özet kartları: telefonda 2 sütun (4 kartlı ekranlarda koyu kart da tek hücre, halka gizli — tasarım) */
  html.luxe .res-hero { grid-template-columns: 1fr 1fr; gap: 10px; }
  html.luxe .res-hero .res-stile.feat { grid-column: 1 / -1; }
  html.luxe .res-hero:has(> :nth-child(4):last-child) .res-stile.feat { grid-column: auto; display: block; }
  html.luxe .res-hero:has(> :nth-child(4):last-child) .res-stile.feat .donut { display: none; }
  html.luxe .res-stile { padding: 13px 14px; }
  html.luxe .res-stile .big { font-size: 25px; overflow-wrap: anywhere; }
  /* Çalışma programı — telefon: 7 günlük sıkı ızgara (harf çipleri); saatler çipe dokununca alttan panelde */
  html.luxe #hrScheduleView > .section-head > .head-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  html.luxe #hrScheduleView .head-actions > button { justify-content: center; width: 100%; }
  html.luxe #saveScheduleButton { order: -1; grid-column: 1 / -1; margin: 0; min-height: 48px; }
  html.luxe .schedule-controls { grid-template-columns: 1fr; padding: 14px; }
  html.luxe .schedule-selectors { grid-template-columns: 1fr 1fr 1fr; }
  html.luxe .schedule-selectors > label:first-child { grid-column: 1 / -1; }
  html.luxe .schedule-weeknav { flex: 1 1 100%; }
  html.luxe .schedule-weeknav .secondary-button { padding: 10px 12px; }
  html.luxe .schedule-period { min-width: 0; }
  html.luxe .schedule-filters { flex-direction: column; gap: 10px; }
  html.luxe .schedule-filters .schedule-filter-toggle { flex: 0 0 auto; min-height: 36px; }
  html.luxe .schedule-table thead th[data-lx-day] { font-size: 0; }
  html.luxe .schedule-table thead th[data-lx-day]::before { content: attr(data-lx-day); display: block; font-size: 9px; }
  html.luxe .schedule-table thead th[data-lx-day] small { font-size: 0; }
  html.luxe .schedule-table thead th[data-lx-day] small::after { content: attr(data-lx-num); font-size: 17px; }
  html.luxe .schedule-panel { padding: 10px 10px 0; }
  html.luxe .schedule-table-wrap { overflow: visible; max-height: none; }
  html.luxe .schedule-table { display: table; width: 100%; min-width: 0; table-layout: fixed; }
  html.luxe .schedule-table thead { display: table-header-group; }
  html.luxe .schedule-table tbody { display: table-row-group; }
  html.luxe .schedule-table tr { display: table-row; border: 0; border-radius: 0; margin: 0; padding: 0; background: none; box-shadow: none; }
  html.luxe .schedule-table th, html.luxe .schedule-table td, html.luxe .schedule-table td[data-daylabel] { display: table-cell; padding: 5px 2px; }
  html.luxe .schedule-table td[data-daylabel]::before { content: none; }
  html.luxe .schedule-table thead th { position: static; font-size: 9px; letter-spacing: .06em; padding: 6px 1px; }
  html.luxe .schedule-table th small { font-size: 17px; }
  html.luxe .schedule-table th:first-child, html.luxe .schedule-table td:first-child { width: 86px !important; position: static; padding: 6px 4px 6px 2px; margin: 0; border-bottom: 1px solid var(--lx-line-2); }
  html.luxe .schedule-table td:first-child b { font-size: var(--fs-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.luxe .schedule-table td:first-child small { font-size: var(--fs-2xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.luxe .schedule-table .employee-reorder, html.luxe .schedule-table .employee-shift-total { display: none; }
  html.luxe .lx-chip { min-height: 0; height: 34px; padding: 0; display: grid; place-items: center; }
  html.luxe .lx-chip .lx-chip-main, html.luxe .lx-chip small { display: none; }
  html.luxe .lx-chip .lx-chip-short { display: block; font-size: 12px; }
  html.luxe .lx-chip.k-off .lx-chip-short, html.luxe .lx-chip[class*="k-st-"] .lx-chip-short, html.luxe .lx-chip.k-exited .lx-chip-short { font-size: var(--fs-3xs); font-weight: 600; }
  html.luxe .shift-cell.lx-chipped.lx-open > .lx-pop { position: fixed; left: 12px; right: 12px; bottom: calc(84px + env(safe-area-inset-bottom)); z-index: 70; margin: 0; padding: 14px; gap: 10px; background: var(--panel); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 24px 60px -18px rgba(0,0,0,.45); }
  html.luxe .shift-cell.lx-open .lx-pop-head { display: flex; align-items: center; gap: 10px; }
  html.luxe .lx-pop-head b { flex: 1; font-size: var(--fs-sm); color: var(--ink); }
}

/* ---------- 16.30.1 Genel Bakış alt bölümleri — onaylı tasarımla BİREBİR (kullanıcı 29.09.2026: "bana verdiğinle tutmuyor") ---------- */
/* panel başlığı: küçük altın ikon + BÜYÜK HARF etiket (serif başlık yok); sağda gösterge ya da "Tümünü gör ›" */
html.luxe #dashboardView .dashboard-grid > .panel { padding: 18px 20px 20px; }
html.luxe #dashboardView .dashboard-grid .panel-head { align-items: center; gap: 12px; margin-bottom: 14px; }
html.luxe #dashboardView .dashboard-grid .panel-head .eyebrow { display: none; }
html.luxe #dashboardView .dashboard-grid .panel-head h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-family: var(--sans, "DM Sans", system-ui, sans-serif); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); line-height: 1.3; }
html.luxe #dashboardView [data-lx-icon] .panel-head h3::before, html.luxe #metricCards .lx-metric small::before {
  content: ""; width: 14px; height: 14px; flex: none; background: var(--lx-gold-dk); -webkit-mask: var(--ic) center / 14px no-repeat; mask: var(--ic) center / 14px no-repeat;
}
html.luxe [data-lx-icon="chart-column"] { --ic: var(--lx-i-chart-column); }
html.luxe [data-lx-icon="credit-card"] { --ic: var(--lx-i-credit-card); }
html.luxe [data-lx-icon="chart-line"] { --ic: var(--lx-i-chart-line); }
html.luxe [data-lx-icon="calendar-clock"] { --ic: var(--lx-i-calendar-clock); }
html.luxe [data-lx-icon="chart-pie"] { --ic: var(--lx-i-chart-pie); }
html.luxe [data-lx-icon="wallet"] { --ic: var(--lx-i-wallet); }
html.luxe [data-lx-icon="hand-coins"] { --ic: var(--lx-i-hand-coins); }
html.luxe [data-lx-icon="plane"] { --ic: var(--lx-i-plane); }
html.luxe [data-lx-icon="user-plus"] { --ic: var(--lx-i-user-plus); }
html.luxe [data-lx-icon="calendar-check"] { --ic: var(--lx-i-calendar-check); }
html.luxe [data-lx-icon="landmark"] { --ic: var(--lx-i-landmark); }
html.luxe [data-lx-icon="users"] { --ic: var(--lx-i-users); }
html.luxe [data-lx-icon="star"] { --ic: var(--lx-i-star); }
html.luxe [data-lx-icon="scale"] { --ic: var(--lx-i-scale); }
html.luxe [data-lx-icon="arrow-down-left"] { --ic: var(--lx-i-arrow-down-left); }
html.luxe [data-lx-icon="arrow-up-right"] { --ic: var(--lx-i-arrow-up-right); }
html.luxe [data-lx-icon="percent"] { --ic: var(--lx-i-percent); }
html.luxe [data-lx-icon="banknote"] { --ic: var(--lx-i-banknote); }
html.luxe [data-lx-icon="store"] { --ic: var(--lx-i-store); }
html.luxe #dashboardView .dashboard-grid .link-button { color: var(--lx-gold-dk); font-size: var(--fs-xs); font-weight: 700; white-space: nowrap; }
html.luxe #dashboardView .dashboard-grid .link-button::after { content: " ›"; }
html.luxe #dashboardView .legend { display: flex; gap: 14px; font-size: var(--fs-2xs); color: var(--muted); }
html.luxe #dashboardView .legend span { display: inline-flex; align-items: center; gap: 6px; }
html.luxe #dashboardView .legend i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
html.luxe .income-dot { background: linear-gradient(180deg, var(--gold-300), var(--gold-500)) !important; }
html.luxe .expense-dot { background: linear-gradient(180deg, #bfd0c7, #94aea0) !important; }
html.luxe .card-dot { background: var(--lx-kart) !important; }
html.luxe .cash-dot { background: #e2c47f !important; }
html.luxe #restaurantCashCardSummary { display: none; }

/* Finans özeti kartları (etiket ikonu, serif renkli tutar) + "Dönem" hapı */
html.luxe #metricCards .lx-metric small { display: flex; align-items: center; gap: 7px; }
html.luxe #metricCards .lx-metric strong { font-size: 34px; color: var(--lx-head); }
html.luxe #metricCards .lx-metric.positive strong { color: var(--lx-ok); }
html.luxe #metricCards .lx-metric.negative strong { color: var(--lx-bad); }
html.luxe #metricCards .lx-metric.gold strong { color: var(--lx-gold-dk); }
html.luxe #metricCards .lx-metric span { font-size: var(--fs-xs); color: var(--muted); line-height: 1.45; }
html.luxe .lx-sech-tools .period-controls { display: inline-flex; align-items: center; gap: 6px; flex-wrap: nowrap; padding: 3px 4px 3px 14px; border: 1px solid var(--lx-field); border-radius: 999px; background: var(--panel); }
html.luxe .lx-sech-tools .period-controls::before { content: ""; width: 15px; height: 15px; flex: none; background: var(--lx-gold-dk); -webkit-mask: var(--lx-i-calendar) center / 15px no-repeat; mask: var(--lx-i-calendar) center / 15px no-repeat; }
html.luxe .lx-period-lab { font-size: 13px; color: var(--muted); }
html.luxe .lx-sech-tools .period-controls select { border: 0; background-color: transparent; font-weight: 700; min-height: 34px; padding: 5px 30px 5px 6px; box-shadow: none; min-width: 0; width: auto; }
html.luxe .lx-sech-tools .period-controls .custom-date-range:not(.hidden) { display: flex; gap: 6px; }

/* Banka bakiyeleri: şirket başına kart (tasarım) */
html.luxe #dashboardBankBalances { margin-bottom: 8px; }
html.luxe .lx-bank-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
html.luxe .lx-when { font-size: var(--fs-xs); font-weight: 600; color: var(--muted); }
html.luxe .lx-when b { color: var(--ink); }
html.luxe .lx-bank-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
html.luxe .lx-bank .lx-big { font-size: 34px; margin-top: 6px; }
html.luxe .lx-bank .lx-big.neg { color: var(--lx-bad); }
html.luxe .lx-bank .lx-lab svg { color: var(--lx-gold-dk); }

/* Restoran karşılaştırması: sayılar sağa hizalı (tasarım) */
html.luxe .lx-num-table th:not(:first-child), html.luxe .lx-num-table td:not(:first-child) { text-align: right; }
html.luxe .lx-num-table td { font-variant-numeric: tabular-nums; }

/* Restoranlara göre gelir ve gider · BİN € — gruplu çubuk, grup üstünde "512 / 401" */
html.luxe .lx-gc { display: flex; align-items: flex-end; gap: 18px; height: 230px; padding: 22px 4px 0; border: 0 !important; }
html.luxe .lx-gc-grp { flex: 1; min-width: 0; height: 100%; display: flex; flex-direction: column; align-items: center; gap: 8px; }
html.luxe .lx-gc-bars { position: relative; flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 6px; }
html.luxe .lx-gc-bars i { display: block; width: min(30px, 38%); border-radius: 7px 7px 2px 2px; }
html.luxe .lx-gc-val { position: absolute; left: 0; right: 0; text-align: center; margin-bottom: 6px; font-size: 11px; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.luxe .lx-gc em, html.luxe .lx-mc em { font-style: normal; font-size: var(--fs-2xs); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
html.luxe i.inc { background: linear-gradient(180deg, var(--gold-300), var(--gold-500)); box-shadow: 0 8px 18px -10px rgba(201,162,74,.6); }
html.luxe i.exp { background: linear-gradient(180deg, var(--lx-exp-1), var(--lx-exp-2)); }

/* Restoranlara göre nakit ve kart cirosu — yatay yığılı çubuk + "%86 kart" */
html.luxe .lx-s2 { display: grid; gap: 15px; margin-top: 6px; border: 0 !important; height: auto !important; }
html.luxe .lx-s2r { display: grid; grid-template-columns: minmax(80px, 110px) 1fr 76px; gap: 12px; align-items: center; font-size: var(--fs-xs); }
html.luxe .lx-s2r > b { font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.luxe .lx-s2-t { display: flex; height: 14px; border-radius: 7px; overflow: hidden; background: var(--lx-line-2); }
html.luxe .lx-s2-t .k { background: var(--lx-kart); }
html.luxe .lx-s2-t .n { background: #e2c47f; }
html.luxe .lx-s2-p { text-align: right; color: var(--muted); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Aylık gelir ve gider · BİN € — TÜM aylar; çubuk üstünde tutar, ay altında net */
html.luxe .lx-flow { display: block; height: auto !important; border: 0 !important; }
html.luxe .lx-flow-sum { margin: -6px 0 10px; font-size: 12px; color: var(--muted); }
html.luxe .lx-flow-sum b { font-variant-numeric: tabular-nums; white-space: nowrap; }
html.luxe .lx-flow-sum .pos, html.luxe .lx-mc-net.pos { color: var(--lx-ok); }
html.luxe .lx-flow-sum .neg, html.luxe .lx-mc-net.neg { color: var(--lx-bad); }
html.luxe .lx-flow-scroll { overflow-x: auto; scrollbar-width: thin; }
html.luxe .lx-mc { display: grid; grid-template-columns: repeat(var(--n), minmax(58px, 1fr)); gap: 10px; align-items: end; height: 250px; min-width: calc(var(--n) * 64px); }
html.luxe .lx-mc-grp { height: 100%; display: flex; flex-direction: column; align-items: center; gap: 5px; }
html.luxe .lx-mc-bars { flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 4px; }
html.luxe .lx-mc-bars > div { flex: 1; max-width: 22px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 3px; }
html.luxe .lx-mc-bars b { font-size: var(--fs-3xs); font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.luxe .lx-mc-bars i { display: block; width: 100%; border-radius: 5px 5px 2px 2px; }
html.luxe .lx-mc em small { font-size: var(--fs-3xs); color: var(--lx-gold-dk); font-weight: 700; }
html.luxe .lx-mc-net { font-size: var(--fs-2xs); font-weight: 700; font-variant-numeric: tabular-nums; min-height: 14px; }
html.luxe .lx-mc-grp.now em { color: var(--lx-gold-dk); font-weight: 700; }

/* En yüksek gider kategorileri (altın) · Ödeme yöntemleri (adaçayı) — tasarımdaki yatay çubuklar */
html.luxe .lx-rks { display: grid; gap: 13px; margin-top: 4px; }
html.luxe .lx-rk { display: grid; grid-template-columns: minmax(90px, 150px) 1fr minmax(76px, auto) 38px; gap: 12px; align-items: center; font-size: var(--fs-xs); }
html.luxe .lx-rk > b { font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.luxe .lx-rk .lx-v { text-align: right; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.luxe .lx-rk small { text-align: right; color: var(--muted); font-size: 11px; font-variant-numeric: tabular-nums; }
html.luxe .lx-rks.sage .lx-track span { background: linear-gradient(90deg, #557d6c, #9fbcaf); }
html.luxe .lx-rks.sage .lx-rk { grid-template-columns: minmax(90px, 150px) 1fr 48px 70px; }

/* Listeler: tarih kutusu (serif gün + altın ay), baş harf dairesi, sağda tutar; rezervasyon tablosunda serif saat */
html.luxe #dashboardView .item-list { display: grid; }
html.luxe #dashboardView .list-item { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--lx-line-2); font-size: 13px; }
html.luxe #dashboardView .list-item:last-child { border-bottom: 0; }
html.luxe #dashboardView .list-item > div:not(.date-box):not(.avatar-box) { flex: 1; min-width: 0; }
html.luxe #dashboardView .list-item h4 { margin: 0; font-size: var(--fs-sm); font-weight: 700; color: var(--ink); }
html.luxe #dashboardView .list-item p { margin: 1px 0 0; font-size: var(--fs-2xs); color: var(--muted); }
html.luxe #dashboardView .list-item strong { font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.luxe #dashboardView .date-box { width: 46px; flex: none; text-align: center; padding: 4px 0; line-height: 1.05; }
html.luxe #dashboardView .date-box b { display: block; }
html.luxe #dashboardView .avatar-box { width: 34px; height: 34px; flex: none; border-radius: 50%; display: grid; place-items: center; font-size: var(--fs-2xs); font-weight: 800; }
html.luxe #dashboardView .pill-date { font-size: var(--fs-xs); color: var(--muted); background: none; padding: 0; white-space: nowrap; }
html.luxe .lx-res-table { width: 100%; }
html.luxe .lx-res-table .lx-time { font-family: var(--lx-serif); font-size: 19px; font-weight: 600; color: var(--lx-head); font-variant-numeric: lining-nums; }
html.luxe .lx-res-table th { background: none; }


/* Tasarımla son eşleştirmeler: başlık metni tek akış (dar ekranda "· BİN €" kopmaz, gösterge alt satıra iner) */
html.luxe #dashboardView .dashboard-grid .panel-head:has(> .legend) { flex-wrap: wrap; row-gap: 8px; }
html.luxe #dashboardView .dashboard-grid .panel-head > .link-button { margin-left: auto; flex: none; }
html.luxe #dashboardView .dashboard-grid .panel-head > div:first-child { flex: 1 1 auto; min-width: 0; }
html.luxe #dashboardView .dashboard-grid .panel-head .legend { margin-left: auto; }
html.luxe #dashboardView .dashboard-grid .panel-head h3 { display: block; }
html.luxe #dashboardView [data-lx-icon] .panel-head h3::before { display: inline-block; vertical-align: -2px; margin-right: 8px; }
html.luxe #dashboardView .lx-suffix { white-space: nowrap; }
/* Banka: "Yenile" sessiz altın bağlantı (tasarımda düğme yok) */
html.luxe .lx-refresh { display: inline-flex; align-items: center; gap: 5px; border: 0; background: none; padding: 4px 0; min-height: 0; box-shadow: none; font: inherit; font-size: var(--fs-xs); font-weight: 700; color: var(--lx-gold-dk); cursor: pointer; }
html.luxe .lx-refresh svg { width: 14px; height: 14px; }
html.luxe .lx-refresh:disabled { opacity: .5; cursor: default; }
html.luxe .lx-bank-grid { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
html.luxe .lx-bank .lx-meta { font-size: var(--fs-2xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.luxe .lx-bank-tools .lx-refresh { margin-left: auto; }
/* Tablolar: sabit ilk sütunun dikey çizgisi ve beyaz başlık hücresi tasarımda yok */
html.luxe .table-wrap > table.lx-num-table > thead > tr > :first-child, html.luxe .table-wrap > table.lx-num-table > tbody > tr > :first-child,
html.luxe .table-wrap > table.lx-res-table > thead > tr > :first-child, html.luxe .table-wrap > table.lx-res-table > tbody > tr > :first-child { position: static; box-shadow: none; }
html.luxe .table-wrap > table.lx-num-table > thead > tr > :first-child { background: var(--surface-2); }
html.luxe .table-wrap > table.lx-num-table > tbody > tr > :first-child, html.luxe .table-wrap > table.lx-res-table > tbody > tr > :first-child, html.luxe .table-wrap > table.lx-res-table > thead > tr > :first-child { background: transparent; }
html.luxe .lx-num-table td { font-weight: 700; }
html.luxe .lx-num-table .money-in { color: var(--lx-ok); }
html.luxe .lx-num-table .money-out { color: var(--lx-bad); }
html.luxe .lx-num-table td:nth-child(5) { color: var(--ink); }
html.luxe .lx-num-table tfoot td, html.luxe .lx-num-table tfoot td.money-in, html.luxe .lx-num-table tfoot td.money-out { color: var(--ink); background: var(--surface-2); }
html.luxe .lx-num-table td:first-child b { white-space: normal; }
/* Geciken ödeme / vergi tarihi kutusu */
html.luxe #dashboardView .date-box.tint-red { background: var(--lx-bad-bg); border-color: transparent; }
html.luxe #dashboardView .date-box.tint-red b, html.luxe #dashboardView .date-box.tint-red small { color: var(--lx-bad); }
html.luxe .lx-mc-bars > div { max-width: 26px; }
html.luxe #dashboardView .lx-foot b { color: var(--ink); font-weight: 700; font-variant-numeric: tabular-nums; }
@media (max-width: 700px) {
  html.luxe #metricCards > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  html.luxe .lx-bank-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  html.luxe .lx-bank-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  html.luxe .lx-bank .lx-big { font-size: 25px; }
  html.luxe .lx-bank-tools { width: 100%; justify-content: space-between; }
  html.luxe .lx-gc { gap: 8px; }
  html.luxe .lx-gc-bars { gap: 4px; }
  html.luxe .lx-gc-bars i { width: min(17px, 42%); }
  html.luxe .lx-gc em { font-size: var(--fs-3xs); white-space: normal; text-align: center; line-height: 1.2; overflow: visible; }
  html.luxe .lx-gc-val { font-size: var(--fs-3xs); }
  html.luxe .lx-s2r { grid-template-columns: 88px 1fr 72px; gap: 10px; font-size: 12px; }
  html.luxe .lx-rk, html.luxe .lx-rks.sage .lx-rk { grid-template-columns: 88px 1fr 72px; gap: 10px; font-size: 12px; }
  html.luxe .lx-rk > small { display: none; }
  html.luxe .lx-rk > b { white-space: normal; line-height: 1.25; }
  html.luxe .lx-mc { grid-template-columns: repeat(var(--n), minmax(46px, 1fr)); gap: 4px; min-width: calc(var(--n) * 50px); }
  html.luxe #restaurantComparisonTable table.lx-num-table, html.luxe .table-wrap > table.lx-res-table { min-width: 0; }
  html.luxe .lx-num-table { font-size: var(--fs-2xs); }
  html.luxe .lx-num-table th, html.luxe .lx-num-table td { padding: 9px 8px; }
  html.luxe .lx-num-table th:nth-child(5), html.luxe .lx-num-table td:nth-child(5) { display: none; }
  html.luxe .lx-res-table { font-size: 12px; }
  html.luxe .lx-res-table th, html.luxe .lx-res-table td { padding: 8px 5px; }
  html.luxe .lx-res-table th:nth-child(5), html.luxe .lx-res-table td:nth-child(5) { display: none; }
  html.luxe .lx-res-table .lx-time { font-size: 16px; }
}

/* Lucide ikonları (ISC lisansı, lucide-static 0.453.0; stroke 1.75). Yeni ikon: lucide.dev SVG'si aynı biçimde (tırnak ', < > # kodlu) eklenir. */
html.luxe {
  --lx-i-arrow-down-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M17 7 7 17' /%3E%3Cpath d='M17 17H7V7' /%3E%3C/svg%3E");
  --lx-i-arrow-up-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M7 7h10v10' /%3E%3Cpath d='M7 17 17 7' /%3E%3C/svg%3E");
  --lx-i-banknote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='12' x='2' y='6' rx='2' /%3E%3Ccircle cx='12' cy='12' r='2' /%3E%3Cpath d='M6 12h.01M18 12h.01' /%3E%3C/svg%3E");
  --lx-i-bell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9' /%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0' /%3E%3C/svg%3E");
  --lx-i-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M8 2v4' /%3E%3Cpath d='M16 2v4' /%3E%3Crect width='18' height='18' x='3' y='4' rx='2' /%3E%3Cpath d='M3 10h18' /%3E%3C/svg%3E");
  --lx-i-calendar-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M8 2v4' /%3E%3Cpath d='M16 2v4' /%3E%3Crect width='18' height='18' x='3' y='4' rx='2' /%3E%3Cpath d='M3 10h18' /%3E%3Cpath d='m9 16 2 2 4-4' /%3E%3C/svg%3E");
  --lx-i-calendar-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5' /%3E%3Cpath d='M16 2v4' /%3E%3Cpath d='M8 2v4' /%3E%3Cpath d='M3 10h5' /%3E%3Cpath d='M17.5 17.5 16 16.3V14' /%3E%3Ccircle cx='16' cy='16' r='6' /%3E%3C/svg%3E");
  --lx-i-calendar-days: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M8 2v4' /%3E%3Cpath d='M16 2v4' /%3E%3Crect width='18' height='18' x='3' y='4' rx='2' /%3E%3Cpath d='M3 10h18' /%3E%3Cpath d='M8 14h.01' /%3E%3Cpath d='M12 14h.01' /%3E%3Cpath d='M16 14h.01' /%3E%3Cpath d='M8 18h.01' /%3E%3Cpath d='M12 18h.01' /%3E%3Cpath d='M16 18h.01' /%3E%3C/svg%3E");
  --lx-i-calendar-range: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='18' x='3' y='4' rx='2' /%3E%3Cpath d='M16 2v4' /%3E%3Cpath d='M3 10h18' /%3E%3Cpath d='M8 2v4' /%3E%3Cpath d='M17 14h-6' /%3E%3Cpath d='M13 18H7' /%3E%3Cpath d='M7 14h.01' /%3E%3Cpath d='M17 18h.01' /%3E%3C/svg%3E");
  --lx-i-chart-column: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16' /%3E%3Cpath d='M18 17V9' /%3E%3Cpath d='M13 17V5' /%3E%3Cpath d='M8 17v-3' /%3E%3C/svg%3E");
  --lx-i-chart-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16' /%3E%3Cpath d='m19 9-5 5-4-4-3 3' /%3E%3C/svg%3E");
  --lx-i-chart-pie: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z' /%3E%3Cpath d='M21.21 15.89A10 10 0 1 1 8 2.83' /%3E%3C/svg%3E");
  --lx-i-circle-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3' /%3E%3Cpath d='M12 17h.01' /%3E%3C/svg%3E");
  --lx-i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpolyline points='12 6 12 12 16 14' /%3E%3C/svg%3E");
  --lx-i-credit-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='20' height='14' x='2' y='5' rx='2' /%3E%3Cline x1='2' x2='22' y1='10' y2='10' /%3E%3C/svg%3E");
  --lx-i-file-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' /%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4' /%3E%3Cpath d='M10 9H8' /%3E%3Cpath d='M16 13H8' /%3E%3Cpath d='M16 17H8' /%3E%3C/svg%3E");
  --lx-i-hand-coins: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17' /%3E%3Cpath d='m7 21 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9' /%3E%3Cpath d='m2 16 6 6' /%3E%3Ccircle cx='16' cy='9' r='2.9' /%3E%3Ccircle cx='6' cy='5' r='3' /%3E%3C/svg%3E");
  --lx-i-landmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='3' x2='21' y1='22' y2='22' /%3E%3Cline x1='6' x2='6' y1='18' y2='11' /%3E%3Cline x1='10' x2='10' y1='18' y2='11' /%3E%3Cline x1='14' x2='14' y1='18' y2='11' /%3E%3Cline x1='18' x2='18' y1='18' y2='11' /%3E%3Cpolygon points='12 2 20 7 4 7' /%3E%3C/svg%3E");
  --lx-i-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z' /%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65' /%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65' /%3E%3C/svg%3E");
  --lx-i-layout-dashboard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='7' height='9' x='3' y='3' rx='1' /%3E%3Crect width='7' height='5' x='14' y='3' rx='1' /%3E%3Crect width='7' height='9' x='14' y='12' rx='1' /%3E%3Crect width='7' height='5' x='3' y='16' rx='1' /%3E%3C/svg%3E");
  --lx-i-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='4' x2='20' y1='12' y2='12' /%3E%3Cline x1='4' x2='20' y1='6' y2='6' /%3E%3Cline x1='4' x2='20' y1='18' y2='18' /%3E%3C/svg%3E");
  --lx-i-message-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z' /%3E%3C/svg%3E");
  --lx-i-moon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z' /%3E%3C/svg%3E");
  --lx-i-percent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='19' x2='5' y1='5' y2='19' /%3E%3Ccircle cx='6.5' cy='6.5' r='2.5' /%3E%3Ccircle cx='17.5' cy='17.5' r='2.5' /%3E%3C/svg%3E");
  --lx-i-plane: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z' /%3E%3C/svg%3E");
  --lx-i-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M5 12h14' /%3E%3Cpath d='M12 5v14' /%3E%3C/svg%3E");
  --lx-i-printer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2' /%3E%3Cpath d='M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6' /%3E%3Crect x='6' y='14' width='12' height='8' rx='1' /%3E%3C/svg%3E");
  --lx-i-rotate-cw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8' /%3E%3Cpath d='M21 3v5h-5' /%3E%3C/svg%3E");
  --lx-i-save: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z' /%3E%3Cpath d='M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7' /%3E%3Cpath d='M7 3v4a1 1 0 0 0 1 1h7' /%3E%3C/svg%3E");
  --lx-i-scale: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z' /%3E%3Cpath d='m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z' /%3E%3Cpath d='M7 21h10' /%3E%3Cpath d='M12 3v18' /%3E%3Cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2' /%3E%3C/svg%3E");
  --lx-i-scan-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2' /%3E%3Cpath d='M17 3h2a2 2 0 0 1 2 2v2' /%3E%3Cpath d='M21 17v2a2 2 0 0 1-2 2h-2' /%3E%3Cpath d='M7 21H5a2 2 0 0 1-2-2v-2' /%3E%3Cpath d='M7 12h10' /%3E%3C/svg%3E");
  --lx-i-share-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='18' cy='5' r='3' /%3E%3Ccircle cx='6' cy='12' r='3' /%3E%3Ccircle cx='18' cy='19' r='3' /%3E%3Cline x1='8.59' x2='15.42' y1='13.51' y2='17.49' /%3E%3Cline x1='15.41' x2='8.59' y1='6.51' y2='10.49' /%3E%3C/svg%3E");
  --lx-i-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3C/svg%3E");
  --lx-i-sparkles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z' /%3E%3Cpath d='M20 3v4' /%3E%3Cpath d='M22 5h-4' /%3E%3Cpath d='M4 17v2' /%3E%3Cpath d='M5 18H3' /%3E%3C/svg%3E");
  --lx-i-square-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect width='18' height='18' x='3' y='3' rx='2' /%3E%3Cpath d='m9 12 2 2 4-4' /%3E%3C/svg%3E");
  --lx-i-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2' /%3E%3C/svg%3E");
  --lx-i-store: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7' /%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8' /%3E%3Cpath d='M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4' /%3E%3Cpath d='M2 7h20' /%3E%3Cpath d='M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7' /%3E%3C/svg%3E");
  --lx-i-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='12' cy='12' r='4' /%3E%3Cpath d='M12 2v2' /%3E%3Cpath d='M12 20v2' /%3E%3Cpath d='m4.93 4.93 1.41 1.41' /%3E%3Cpath d='m17.66 17.66 1.41 1.41' /%3E%3Cpath d='M2 12h2' /%3E%3Cpath d='M20 12h2' /%3E%3Cpath d='m6.34 17.66-1.41 1.41' /%3E%3Cpath d='m19.07 4.93-1.41 1.41' /%3E%3C/svg%3E");
  --lx-i-user-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3Cline x1='19' x2='19' y1='8' y2='14' /%3E%3Cline x1='22' x2='16' y1='11' y2='11' /%3E%3C/svg%3E");
  --lx-i-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87' /%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75' /%3E%3C/svg%3E");
  --lx-i-wallet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1' /%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4' /%3E%3C/svg%3E");
}
/* 16.34.0 — Austrittsübersicht: lüks dil (serif rakam, altın başlık) */
html.luxe .xo-top b { font-family: var(--lx-serif); font-size: 22px; font-weight: 600; color: var(--lx-head); }
html.luxe .xo-head { color: var(--lx-gold-dk); letter-spacing: .12em; }
html.luxe .xo-big { font-family: var(--lx-serif); font-weight: 600; font-size: 34px; color: var(--lx-head); font-variant-numeric: lining-nums; }
html.luxe .xo-big.risk { color: var(--orange); }
@media (max-width: 700px) { html.luxe .xo-big { font-size: 28px; } }

/* ===== 16.43.0 — TELEFON SADELEŞTİRME (kullanıcı 10.10.2026: "telefon sadeleşebilirsin"). Masaüstü DEĞİŞMEZ. ===== */
html.luxe .lx-topmore { display: none; position: relative; flex: none; }
html.luxe .lx-more-actions { display: contents; }
html.luxe .lx-more-toggle { display: none; }
html.luxe .lx-more-menu { display: contents; }
/* 16.68.1 (kullanıcı 02.11.2026 "diğer butonu neden çalışmıyor"): geniş ekranda "⋯ Diğer" gizli — menüdeki düğmeler zaten yan yana. Fatura Giriş ve
   Çalışma Programı'ndaki "#…View .head-actions button { display: inline-flex }" kuralı onu görünür yapıyordu; tıklayınca açılacak bir şey yoktu. */
html.luxe #invoicesView .head-actions .lx-more-toggle, html.luxe #hrScheduleView .head-actions .lx-more-toggle { display: none; }
@media (max-width: 700px) {
  /* üst çubuk: tek satır */
  html.luxe .topbar { flex-wrap: nowrap; gap: 6px; padding: calc(6px + env(safe-area-inset-top)) 12px 8px; }
  html.luxe .topbar-title { order: 2; flex: 1 1 auto; min-width: 0; }
  html.luxe .topbar-title .eyebrow { display: none; }
  html.luxe .topbar h2, html.luxe .lx-crumb { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.luxe #lxRpick { order: 3; flex: none; min-width: 0; }
  html.luxe .lx-rpick-btn { width: auto; min-height: 36px; padding: 3px; gap: 0; }
  html.luxe .lx-rpick-cur b, html.luxe .lx-rpick-btn > svg { display: none; }
  html.luxe .lx-topmore { display: block; order: 4; }
  html.luxe #notificationButton { order: 5; }
  html.luxe #appLanguage, html.luxe #assistantButton, html.luxe #calendarButton, html.luxe #themeToggle, html.luxe #quickInvoice { display: none !important; }
  html.luxe .lx-topmore-btn { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--lx-field, var(--line)); border-radius: 999px; background: var(--panel); color: var(--ink); font-size: 20px; font-weight: 700; line-height: 1; cursor: pointer; }
  html.luxe .lx-topmore-menu { display: none; position: absolute; right: 0; top: calc(100% + 6px); z-index: 60; min-width: 200px; padding: 6px; border: 1px solid var(--lx-field, var(--line)); border-radius: 12px; background: var(--panel); box-shadow: var(--shadow-2, 0 6px 20px rgba(0,0,0,.14)); }
  html.luxe .lx-topmore.open .lx-topmore-menu { display: grid; gap: 2px; }
  html.luxe .lx-topmore-item { text-align: left; border: 0; background: transparent; padding: 11px 12px; min-height: 44px; border-radius: 8px; font: inherit; font-weight: 600; color: var(--ink); cursor: pointer; }
  html.luxe .lx-topmore-item:active, html.luxe .lx-topmore-item:hover { background: var(--surface-2); }
  html.luxe .lx-topmore-lang { display: flex; gap: 4px; padding: 4px 4px 8px; border-bottom: 1px solid var(--line); margin-bottom: 4px; }
  html.luxe .lx-topmore-lang button { flex: 1; min-height: 40px; border: 1px solid var(--lx-field, var(--line)); border-radius: 8px; background: transparent; font: inherit; font-weight: 700; color: var(--ink); }
  html.luxe .lx-topmore-lang button.on { background: var(--lx-chip-on, var(--green-900)); color: #fff; border-color: transparent; }
  /* sayfa başlıkları: küçük, açıklama gizli */
  html.luxe .welcome h1, html.luxe .section-head h1 { font-size: 26px; }
  html.luxe .section-head > div > p:not(.eyebrow), html.luxe #lxGreetingSub { display: none; }
  html.luxe .section-head { margin-bottom: 10px; }
  html.luxe .welcome { margin-bottom: 12px; }
  /* kalabalık araç çubukları: "⋯ Weitere" */
  html.luxe .lx-more-actions { display: inline-flex; position: relative; }
  html.luxe .lx-more-toggle { display: inline-flex; }
  html.luxe #invoicesView .head-actions .lx-more-toggle, html.luxe #hrScheduleView .head-actions .lx-more-toggle { display: inline-flex; } /* 16.68.1: telefonda görünür */
  html.luxe .lx-more-menu { display: none; position: absolute; right: 0; top: calc(100% + 6px); z-index: 50; min-width: 230px; max-width: calc(100vw - 32px); padding: 6px; flex-direction: column; gap: 4px; border: 1px solid var(--lx-field, var(--line)); border-radius: 12px; background: var(--panel); box-shadow: var(--shadow-2, 0 6px 20px rgba(0,0,0,.14)); }
  html.luxe .lx-more-actions.open .lx-more-menu { display: flex; }
  html.luxe .lx-more-menu > * { width: 100%; justify-content: flex-start; text-align: left; min-height: 44px; }
  html.luxe .lx-more-actions:not(:has(.lx-more-menu > :not(.hidden))) { display: none; }
}

/* ---------- 16.53.0 Banka bakiyeleri: hesap / kart grupları — telefon · iPad · PC, açık + koyu tema ----------
   Kullanıcı 14.10.2026: "hangisi kart hangisi hesap tam anlaşılmıyor, eksiyi yazınca alt satıra kayıyor" + "ipad iphone pc için her zaman
   tasarımı düzgün yap". Tutar tek satır (overflow-wrap:anywhere eksi işaretinden sonra bölüyordu), ad tek satır, sütun sayısı luxe.js'ten
   (--lx-cols PC, --lx-cols-md ≤1180, --lx-cols-sm ≤900); telefonda hesaplar 2, kartlar 1 sütun. */
html.luxe #dashboardBankBalances .lx-bank-grp { display: grid; gap: 10px; min-width: 0; }
html.luxe #dashboardBankBalances .lx-bank-grp + .lx-bank-grp { margin-top: 20px; }
html.luxe #dashboardBankBalances .lx-bank-grp-h { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; font-size: var(--fs-2xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--label, var(--muted)); }
html.luxe #dashboardBankBalances .lx-bank-grp-h svg { width: 15px; height: 15px; color: var(--lx-gold-dk); flex: none; }
html.luxe #dashboardBankBalances .lx-bank-grp-t { white-space: nowrap; }
html.luxe #dashboardBankBalances .lx-bank-grp-c { font-size: 11px; letter-spacing: 0; line-height: 1.5; border-radius: 999px; padding: 0 8px; background: var(--lx-soft-gold); border: 1px solid var(--lx-soft-gold-line); color: var(--lx-gold-dk); }
html.luxe #dashboardBankBalances .lx-bank-grp-n { font-size: var(--fs-xs); font-weight: 500; letter-spacing: .01em; text-transform: none; color: var(--muted); }
html.luxe #dashboardBankBalances .lx-bank-grp-h::after { content: ""; flex: 1 1 40px; height: 1px; background: linear-gradient(90deg, var(--lx-soft-gold-line), transparent); }
html.luxe #dashboardBankBalances .lx-bank-grid { grid-template-columns: repeat(var(--lx-cols, 3), minmax(0, 1fr)); gap: 16px; }
html.luxe #dashboardBankBalances .lx-bank { display: flex; flex-direction: column; min-width: 0; }
html.luxe #dashboardBankBalances .lx-bank .lx-lab { min-width: 0; }
html.luxe #dashboardBankBalances .lx-bank .lx-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.luxe #dashboardBankBalances .lx-bank .lx-big { white-space: nowrap; overflow-wrap: normal; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: lining-nums tabular-nums; }
html.luxe #dashboardBankBalances .lx-bank > .lx-meta { margin-bottom: 10px; }
html.luxe #dashboardBankBalances .lx-go { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin: auto 0 0; padding-top: 9px; border-top: 1px solid var(--lx-line-2, var(--line)); font-size: 12px; font-weight: 700; color: var(--lx-gold-dk); }
html.luxe #dashboardBankBalances .lx-go svg { width: 14px; height: 14px; flex: none; transition: transform .15s; }
html.luxe #dashboardBankBalances .lx-click:hover .lx-go svg, html.luxe #dashboardBankBalances .lx-click:focus-visible .lx-go svg { transform: translateX(3px); }
/* kart kutusu: kart biçimi (çip, marka, son dört hane) — koyu temada da altın ayrıntı */
html.luxe #dashboardBankBalances .lx-cc { overflow: hidden; border-color: var(--lx-soft-gold-line); background: radial-gradient(260px 140px at 110% -10%, var(--lx-soft-gold) 0%, transparent 70%), var(--panel); }
html.luxe #dashboardBankBalances .lx-cc::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: repeating-linear-gradient(115deg, transparent 0 22px, rgba(201,162,74,.06) 22px 23px); }
html.luxe #dashboardBankBalances .lx-cc > * { position: relative; z-index: 1; }
html.luxe #dashboardBankBalances .lx-cc-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
html.luxe #dashboardBankBalances .lx-cc-brand { flex: none; font-size: var(--fs-xs); font-style: italic; font-weight: 800; letter-spacing: .08em; line-height: 1; color: var(--lx-gold-dk); }
html.luxe #dashboardBankBalances .lx-cc-mid { display: flex; align-items: center; gap: 12px; margin-top: 10px; min-width: 0; }
html.luxe #dashboardBankBalances .lx-chip { width: 30px; height: 22px; border-radius: 5px; flex: none; box-shadow: inset 0 0 0 1px rgba(122,90,18,.35);
  background: linear-gradient(90deg, transparent 45%, rgba(122,90,18,.25) 45% 55%, transparent 55%), linear-gradient(0deg, transparent 30%, rgba(122,90,18,.2) 30% 36%, transparent 36% 64%, rgba(122,90,18,.2) 64% 70%, transparent 70%), linear-gradient(135deg, #efd9a4, var(--gold-500) 55%, #a97c34); }
html.luxe #dashboardBankBalances .lx-pan { font-size: var(--fs-sm); font-weight: 600; letter-spacing: .12em; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.luxe #dashboardBankBalances .lx-cc .lx-big { color: var(--lx-head); margin-top: 8px; }
html.luxe #dashboardBankBalances .lx-cc > .lx-meta { margin-bottom: 0; }
html.luxe #dashboardBankBalances .lx-cc-paid { display: flex; align-items: flex-start; gap: 6px; margin: 8px 0 10px; font-size: 12px; line-height: 1.4; color: var(--ink); }
html.luxe #dashboardBankBalances .lx-cc-paid svg { width: 14px; height: 14px; flex: none; margin-top: 1px; color: var(--lx-ok); }
html.luxe #dashboardBankBalances .lx-cc-paid b { font-weight: 700; white-space: nowrap; }
html.luxe #dashboardBankBalances .lx-cc:not(:has(.lx-cc-paid)) > .lx-meta { margin-bottom: 10px; }
@media (max-width: 1180px) { html.luxe #dashboardBankBalances .lx-bank-grid { grid-template-columns: repeat(var(--lx-cols-md, 3), minmax(0, 1fr)); } }
@media (max-width: 900px) { html.luxe #dashboardBankBalances .lx-bank-grid { grid-template-columns: repeat(var(--lx-cols-sm, 2), minmax(0, 1fr)); gap: 12px; } }
@media (max-width: 700px) {
  html.luxe #dashboardBankBalances .lx-bank-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  html.luxe #dashboardBankBalances .lx-bank-grp + .lx-bank-grp { margin-top: 16px; }
  html.luxe #dashboardBankBalances .lx-bank-grp-n { flex-basis: 100%; }
  html.luxe #dashboardBankBalances .lx-bank-grp-h::after { display: none; }
  html.luxe #dashboardBankBalances .lx-bank .lx-big { font-size: 25px; }
  html.luxe #dashboardBankBalances .lx-go { font-size: var(--fs-2xs); }
}
@media (max-width: 520px) {
  html.luxe #dashboardBankBalances .lx-cc-grid { grid-template-columns: minmax(0, 1fr); }
  html.luxe #dashboardBankBalances .lx-cc .lx-big { font-size: 28px; }
}

/* 16.57.3 Berichte — lüks görünüm: başlık ve rakamlar serif; öne çıkan kart (Monatsergebnis) koyu yeşil + altın çizgi (res-stile.feat gibi) */
html.luxe .ro-kpi b, html.luxe .ro-month b, html.luxe .ro-panel-h h4, html.luxe .cs-step h5, html.luxe .rc-sub, html.luxe .closing-more-title { font-family: var(--lx-serif); letter-spacing: 0; }
html.luxe .ro-kpi { border-radius: 16px; box-shadow: var(--shadow-2); }
html.luxe .ro-kpi b { font-size: 31px; font-weight: 600; font-variant-numeric: lining-nums tabular-nums; }
html.luxe .ro-kpi.feat { position: relative; overflow: hidden; background: radial-gradient(420px 220px at 95% -40%, var(--green-700) 0%, transparent 70%), linear-gradient(160deg, #153628, #0b1f18); box-shadow: 0 18px 40px rgba(8, 26, 19, .35); }
html.luxe .ro-kpi.feat::before { content: ""; position: absolute; left: 18px; right: 18px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(231, 199, 120, .75), transparent); }
html.luxe .ro-kpi.feat b { color: var(--lx-cream); }
html.luxe .cs-step, html.luxe .ro-panel { border-radius: 16px; }
html.luxe .ro-month b { font-size: 21px; font-weight: 600; }
@media (max-width: 700px) { html.luxe .ro-kpi b { font-size: 24px; } }