/* Cafedeyim V11 — Kurumsal tema sistemi.
   Her tema; zemin / yüzey / metin / vurgu / durum renklerini EŞLİ (zemin + üstündeki yazı) tanımlar.
   Böylece "beyaz zemin üstüne beyaz yazı" türü kontrast hataları yapısal olarak engellenir.
   Saklanan tema kimlikleri (kum, espresso, zeytin, tas, gece) değişmedi; yalnızca görünümleri güncellendi. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&family=Cormorant+Garamond:ital,wght@1,500;1,600&display=swap');

/* ── 1) Ay Yıldız (kum) — Türkiye kırmızısı, koyu yüzey, beyaz tipografi ─────────────── */
:root,[data-cafe-theme="kum"]{
 color-scheme:dark;
 --c-bg:#7a0618;--c-paper:#8e0a1f;--c-panel:#6f0816;--c-text:#fff8f8;--c-muted:#f3cdd2;
 --c-accent:#e3192f;--c-accent-contrast:#ffffff;--c-link:#ffd0d5;
 --c-sidebar:#4a030d;--c-sidebar-text:#fff4f5;--c-line:rgba(255,255,255,.22);--c-shadow:rgba(30,0,6,.35);
 --c-warm:#8a0d20;--c-hero:#a10d24;--c-hero-to:#5c0513;--c-hero-highlight:#ffd8a8;
 --c-price:#ffe1b0;--c-glow:rgba(255,60,80,.55);--c-close-filter:invert(1) grayscale(1) brightness(2);
 --c-ok:#9af0c2;--c-ok-bg:#0f4a35;--c-ok-solid:#12804f;
 --c-warn:#ffe29a;--c-warn-bg:#5a3d05;--c-warn-solid:#f2b134;
 --c-bad:#ffc2c8;--c-bad-bg:#3b0510;--c-bad-solid:#a80f26;
 --c-info:#a9d4ff;--c-info-bg:#0e2f5c;--c-info-solid:#2b6fd1;
 --c-select-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
/* ── IZMIR ── */
[data-cafe-theme="izmir"],[data-cafe-theme="zeytin"]{
 color-scheme:light;
 --c-bg:#e8f3f3;--c-paper:#f4fafa;--c-panel:#ffffff;--c-text:#0e2a2f;--c-muted:#47625f;
 --c-accent:#0b7683;--c-accent-contrast:#ffffff;--c-link:#096069;
 --c-sidebar:#08333a;--c-sidebar-text:#e6f5f6;--c-line:#cde2e2;--c-shadow:rgba(8,51,58,.13);
 --c-warm:#d9edec;--c-hero:#0d7d8a;--c-hero-to:#05303a;--c-hero-highlight:#ffd89a;
 --c-price:#096069;--c-glow:rgba(11,118,131,.38);--c-close-filter:none;
 --c-ok:#17623d;--c-ok-bg:#dff2e7;--c-ok-solid:#1d7a4d;--c-warn:#7a4b00;--c-warn-bg:#fdecc8;--c-warn-solid:#e8a317;--c-bad:#9d1f19;--c-bad-bg:#fde5e2;--c-bad-solid:#c0372f;--c-info:#154aa3;--c-info-bg:#e0eafb;--c-info-solid:#2a6cc0;
 --c-select-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230e2a2f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
/* ── ISTANBUL ── */
[data-cafe-theme="istanbul"],[data-cafe-theme="tas"]{
 color-scheme:dark;
 --c-bg:#0e1630;--c-paper:#141d3d;--c-panel:#1a2548;--c-text:#f5f7ff;--c-muted:#bbc4e2;
 --c-accent:#f2b134;--c-accent-contrast:#1c1300;--c-link:#ffd27a;
 --c-sidebar:#080d22;--c-sidebar-text:#eef1ff;--c-line:#33406f;--c-shadow:rgba(0,0,0,.38);
 --c-warm:#222f5c;--c-hero:#26376f;--c-hero-to:#0a1130;--c-hero-highlight:#ffd27a;
 --c-price:#ffd27a;--c-glow:rgba(242,177,52,.42);--c-close-filter:invert(1) grayscale(1) brightness(2);
 --c-ok:#8ce8b4;--c-ok-bg:#123d2a;--c-ok-solid:#178055;--c-warn:#ffd27a;--c-warn-bg:#4a3508;--c-warn-solid:#f2b134;--c-bad:#ffa3aa;--c-bad-bg:#4a1018;--c-bad-solid:#c93447;--c-info:#9fcdff;--c-info-bg:#112f55;--c-info-solid:#2e6ad2;
 --c-select-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f5f7ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
/* ── ANKARA ── */
[data-cafe-theme="ankara"],[data-cafe-theme="espresso"]{
 color-scheme:light;
 --c-bg:#f1ede4;--c-paper:#faf7f1;--c-panel:#ffffff;--c-text:#25201a;--c-muted:#5f5649;
 --c-accent:#85511a;--c-accent-contrast:#ffffff;--c-link:#704510;
 --c-sidebar:#2b2620;--c-sidebar-text:#f6f0e5;--c-line:#dcd2bf;--c-shadow:rgba(43,38,32,.12);
 --c-warm:#ebe2d0;--c-hero:#4b3a26;--c-hero-to:#221b12;--c-hero-highlight:#ecc67d;
 --c-price:#85511a;--c-glow:rgba(133,81,26,.36);--c-close-filter:none;
 --c-ok:#17623d;--c-ok-bg:#dff2e7;--c-ok-solid:#1d7a4d;--c-warn:#7a4b00;--c-warn-bg:#fdecc8;--c-warn-solid:#e8a317;--c-bad:#9d1f19;--c-bad-bg:#fde5e2;--c-bad-solid:#c0372f;--c-info:#154aa3;--c-info-bg:#e0eafb;--c-info-solid:#2a6cc0;
 --c-select-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2325201a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
/* ── ERZURUM ── */
[data-cafe-theme="erzurum"],[data-cafe-theme="gece"]{
 color-scheme:light;
 --c-bg:#eceff8;--c-paper:#f6f7fc;--c-panel:#ffffff;--c-text:#171c33;--c-muted:#545b78;
 --c-accent:#5146b5;--c-accent-contrast:#ffffff;--c-link:#41379a;
 --c-sidebar:#1d2340;--c-sidebar-text:#eceffc;--c-line:#d3d8ec;--c-shadow:rgba(29,35,64,.13);
 --c-warm:#e1e5f6;--c-hero:#2f3a78;--c-hero-to:#121733;--c-hero-highlight:#cfd6ff;
 --c-price:#41379a;--c-glow:rgba(81,70,181,.38);--c-close-filter:none;
 --c-ok:#17623d;--c-ok-bg:#dff2e7;--c-ok-solid:#1d7a4d;--c-warn:#7a4b00;--c-warn-bg:#fdecc8;--c-warn-solid:#e8a317;--c-bad:#9d1f19;--c-bad-bg:#fde5e2;--c-bad-solid:#c0372f;--c-info:#154aa3;--c-info-bg:#e0eafb;--c-info-solid:#2a6cc0;
 --c-select-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23171c33' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
/* ── Bootstrap 5.3 değişkenlerini tema belirteçlerine bağla (bileşenler kendiliğinden uyum sağlar) ── */
:root{
 --bs-body-bg:var(--c-bg);--bs-body-color:var(--c-text);
 --bs-emphasis-color:var(--c-text);--bs-secondary-color:var(--c-muted);--bs-secondary-bg:var(--c-paper);
 --bs-tertiary-bg:var(--c-warm);--bs-tertiary-color:var(--c-muted);--bs-border-color:var(--c-line);
 --bs-link-color:var(--c-link);--bs-link-hover-color:var(--c-accent);
}

/* ── Yapısal kurallar (V7 tabanı, V11 ile uyumlu) ── */
html{scroll-behavior:smooth}
body:not(.cafe-customer){font-family:'DM Sans',system-ui,sans-serif!important;background:var(--c-bg)!important;color:var(--c-text)!important;font-weight:450;letter-spacing:0}
body:not(.cafe-customer) h1,body:not(.cafe-customer) h2,body:not(.cafe-customer) h3,body:not(.cafe-customer) h4,body:not(.cafe-customer) h5{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.032em!important;font-weight:500!important;color:var(--c-text)}
body:not(.cafe-customer) .fw-bold,body:not(.cafe-customer) strong{font-weight:500!important}
body:not(.cafe-customer) .main-content{padding:clamp(24px,3.3vw,48px)!important;animation:cafe-enter .44s ease both}
body:not(.cafe-customer) .sidebar{background:var(--c-sidebar)!important;border-right:1px solid var(--c-line)!important;box-shadow:none!important}
body:not(.cafe-customer) .sidebar a{color:var(--c-sidebar-text)!important;border-radius:8px!important;font-size:14.5px!important;font-weight:450!important;margin:2px 0!important;gap:12px!important}
body:not(.cafe-customer) .sidebar a:hover{background:rgba(255,255,255,.095)!important;transform:translateX(3px)!important}
body:not(.cafe-customer) .sidebar a.active{background:rgba(255,255,255,.12)!important;box-shadow:inset 2px 0 0 var(--c-accent)!important;color:#fff!important;border-color:transparent!important}
body:not(.cafe-customer) .sidebar h5{font-weight:500!important;letter-spacing:0!important}
body:not(.cafe-customer) .card,body:not(.cafe-customer) .table-card,body:not(.cafe-customer) .stat-card:not(.bg-success-light):not(.bg-info-light),body:not(.cafe-customer) .settings-panel{background:var(--c-panel)!important;border:1px solid var(--c-line)!important;border-radius:13px!important;box-shadow:0 5px 22px var(--c-shadow)!important}
body:not(.cafe-customer) .card:hover,body:not(.cafe-customer) .bayi-kart:hover,body:not(.cafe-customer) .stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 10px 28px var(--c-shadow)!important}
body:not(.cafe-customer) .btn{font-weight:500!important;border-radius:9px!important;box-shadow:none!important;letter-spacing:0!important}
body:not(.cafe-customer) .btn-primary{background:var(--c-accent)!important;border:1px solid var(--c-accent)!important;color:var(--c-accent-contrast)!important}
body:not(.cafe-customer) .btn-warning{background:var(--c-warm)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important}
body:not(.cafe-customer) .btn-outline-primary{color:var(--c-accent)!important;border-color:var(--c-accent)!important;background:transparent!important}
body:not(.cafe-customer) .form-control,body:not(.cafe-customer) .form-select{background:var(--c-paper)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important;box-shadow:none!important;border-radius:8px!important}
body:not(.cafe-customer) input:focus-visible,body:not(.cafe-customer) select:focus-visible,body:not(.cafe-customer) button:focus-visible,body:not(.cafe-customer) a:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}
body:not(.cafe-customer) .table thead th{background:var(--c-warm)!important;color:var(--c-text)!important;font-weight:500!important;letter-spacing:.025em!important}
body:not(.cafe-customer) .table td,body:not(.cafe-customer) .table th{border-color:var(--c-line)!important}
body:not(.cafe-customer) .text-muted,body:not(.cafe-customer) small{color:var(--c-muted)}
body:not(.cafe-customer) .badge{font-weight:500!important;letter-spacing:0!important}
body:not(.cafe-customer) .panel-page-head h1,body:not(.cafe-customer) .operations-heading h1{font-size:clamp(25px,2.7vw,34px);line-height:1.25!important}
body:not(.cafe-customer) .operations-heading{background:transparent;padding:0 0 26px;border-bottom:1px solid var(--c-line);margin:0 0 24px;gap:24px}
body:not(.cafe-customer) .operations-eyebrow,body:not(.cafe-customer) .settings-eyebrow,body:not(.cafe-customer) .panel-eyebrow{color:var(--c-accent)!important;font-weight:500!important;font-size:13px!important;letter-spacing:.09em!important}
body:not(.cafe-customer) .operations-heading p,body:not(.cafe-customer) .operations-section-head p{color:var(--c-muted)!important;line-height:1.75;max-width:58ch}
body:not(.cafe-customer) .operations-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 28px}
body:not(.cafe-customer) .operations-shortcuts a{min-height:48px;gap:11px;padding:11px 17px;background:var(--c-panel)!important;border:1px solid var(--c-line)!important;color:var(--c-text)!important;border-radius:10px!important;font-weight:500!important;font-size:14.5px!important}
body:not(.cafe-customer) .operations-shortcuts a[aria-current="page"]{border-color:var(--c-accent)!important;box-shadow:inset 0 -2px 0 var(--c-accent)}
body:not(.cafe-customer) .operations-shortcuts b{margin-left:auto;background:var(--c-warm)!important;color:var(--c-text)!important;border-radius:6px}
body:not(.cafe-customer) .operations-legend{background:transparent!important;border:none!important;padding:0!important;margin-bottom:25px!important;font-size:14px!important;gap:13px 23px!important;color:var(--c-muted)!important}
body:not(.cafe-customer) .operations-section{margin-top:36px;margin-bottom:46px}
body:not(.cafe-customer) .operations-section-head{padding-bottom:17px;border-bottom:1px solid var(--c-line);margin-bottom:23px;gap:18px}
body:not(.cafe-customer) .operations-section h2{font-weight:500!important;line-height:1.34;letter-spacing:-.025em!important}
body:not(.cafe-customer) .operations-section h2 small{margin-left:12px;font-weight:450!important;color:var(--c-muted)!important}
body:not(.cafe-customer) .operations-card{padding:24px!important;background:var(--c-panel)!important;border:1px solid var(--c-line)!important;border-left:3px solid var(--state)!important;border-radius:12px!important;box-shadow:0 5px 20px var(--c-shadow)!important;color:var(--c-text)!important;transition:transform .2s,box-shadow .2s!important}
body:not(.cafe-customer) .operations-card.status-yeni{background:color-mix(in srgb,var(--c-panel) 92%,#b9d4e8)!important}
body:not(.cafe-customer) .operations-card.status-islem{background:color-mix(in srgb,var(--c-panel) 92%,#e8d39b)!important}
body:not(.cafe-customer) .operations-card.status-aktif{background:color-mix(in srgb,var(--c-panel) 93%,#b1ccae)!important}
body:not(.cafe-customer) .operations-card h3,body:not(.cafe-customer) .operations-card-bottom strong{font-weight:500!important;color:var(--c-text)!important}
body:not(.cafe-customer) .operations-card-status{background:var(--c-warm)!important;color:var(--c-text)!important;border-color:var(--c-line)!important;font-weight:500!important}
body:not(.cafe-customer) .operations-empty{background:var(--c-panel)!important;border:1px dashed var(--c-line)!important;padding:52px 26px!important;border-radius:12px!important;color:var(--c-muted)!important;font-size:15px!important;line-height:1.8!important}
body:not(.cafe-customer) .requires-attention{animation:cafe-soft-pulse 2.5s ease-in-out infinite!important}
@keyframes cafe-soft-pulse{0%,100%{box-shadow:0 0 0 0 rgba(154,117,70,.06)}50%{box-shadow:0 0 0 5px rgba(154,117,70,.13)}}
body:not(.cafe-customer) .settings-hero,body:not(.cafe-customer).settings-workspace .settings-hero{background:var(--c-paper)!important;border:1px solid var(--c-line)!important;box-shadow:none!important;padding:35px clamp(24px,4vw,48px)!important;min-height:unset!important;border-radius:13px!important}
body:not(.cafe-customer) .settings-hero:after,body:not(.cafe-customer) .settings-hero-art{display:none!important}
body:not(.cafe-customer) .settings-hero h1,body:not(.cafe-customer).settings-workspace .settings-hero h1{color:var(--c-text)!important;font-weight:500!important}
body:not(.cafe-customer) .settings-hero h1 em{color:var(--c-accent)!important}
body:not(.cafe-customer) .settings-hero p,body:not(.cafe-customer) .settings-hero-tags span{color:var(--c-muted)!important}
body:not(.cafe-customer) .settings-hero-tags span{background:var(--c-warm)!important;border-color:var(--c-line)!important;font-weight:450!important}
body:not(.cafe-customer) .settings-overview,body:not(.cafe-customer) .settings-rail-inner{background:var(--c-panel)!important;border-color:var(--c-line)!important;box-shadow:0 4px 18px var(--c-shadow)!important}
body:not(.cafe-customer) .settings-stage-heading h2,body:not(.cafe-customer) .settings-panel h3{color:var(--c-text)!important;font-weight:500!important}
body:not(.cafe-customer) .settings-stage-heading p,body:not(.cafe-customer) .settings-panel p{color:var(--c-muted)!important;line-height:1.75}
body:not(.cafe-customer) .settings-workspace button,body:not(.cafe-customer) .settings-nav-item strong{font-weight:500!important}
body:not(.cafe-customer) .settings-overview-logo{background:transparent!important;border:0!important;padding:0!important}
body:not(.cafe-customer) .settings-admin-navbar{background:var(--c-sidebar)!important}
body:not(.cafe-customer) .workflow-panel{background:var(--c-sidebar)!important;box-shadow:0 8px 22px var(--c-shadow)!important;border-radius:12px!important}
body:not(.cafe-customer) .workflow-step:hover{transform:translateY(-2px)!important}
/* Theme picker: compact, meaningful preview; native radio remains keyboard accessible. */
.cafe-theme-picker{border:1px solid var(--c-line);border-radius:12px;padding:24px;margin:24px 0;background:var(--c-panel);color:var(--c-text)}
.cafe-theme-picker legend{float:none;width:auto;font:600 18px Manrope,sans-serif;margin-bottom:6px}
.cafe-theme-picker>p{color:var(--c-muted);font-size:14.5px;margin-bottom:20px;line-height:1.6}
.cafe-theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.cafe-theme-choice{cursor:pointer;position:relative;display:block}.cafe-theme-choice input{position:absolute;opacity:0;width:1px;height:1px}
.cafe-theme-choice-card{display:flex;flex-direction:column;gap:5px;border:2px solid transparent;outline:1px solid var(--c-line);border-radius:10px;padding:10px;background:var(--c-paper);min-height:142px;transition:transform .17s,border-color .17s}
.cafe-theme-choice:hover .cafe-theme-choice-card{transform:translateY(-2px)}.cafe-theme-choice input:checked+.cafe-theme-choice-card{border-color:var(--c-accent)}
.cafe-theme-choice input:focus-visible+.cafe-theme-choice-card{outline:3px solid var(--c-accent);outline-offset:3px}
.cafe-theme-swatch{display:flex;align-items:center;gap:7px;height:60px;padding:10px;background:var(--preview-bg);border-radius:6px}.cafe-theme-swatch i{height:100%;width:24%;background:var(--preview-accent);border-radius:4px}.cafe-theme-swatch b{width:49%;height:50%;background:rgba(255,255,255,.65);border-radius:4px}.cafe-theme-swatch em{width:10px;height:10px;background:var(--preview-accent);border-radius:50%}
.cafe-theme-choice-card strong{font-size:14.5px;font-weight:500;color:var(--c-text)}.cafe-theme-choice-card small{font-size:13px;color:var(--c-muted);line-height:1.5}
/* Reports: accessible chart surfaces and metric layouts. */
.cafe-report-head{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 24px;padding-bottom:24px;border-bottom:1px solid var(--c-line)}
.cafe-report-head h1{font-size:clamp(25px,3vw,34px);margin:0 0 9px}.cafe-report-head p{max-width:60ch;line-height:1.7;color:var(--c-muted);margin:0}
.cafe-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}
.cafe-report-metric{padding:22px;background:var(--c-panel);border:1px solid var(--c-line);border-radius:12px}
.cafe-report-metric span{display:block;font-size:14px;color:var(--c-muted);margin-bottom:10px}.cafe-report-metric strong{font-size:clamp(19px,2.1vw,28px);font-weight:500;letter-spacing:-.03em}.cafe-report-metric small{display:block;margin-top:9px;font-size:13px;color:var(--c-muted)}
.cafe-chart-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin:20px 0 30px}.cafe-chart-card{padding:24px;min-width:0;background:var(--c-panel);border:1px solid var(--c-line);border-radius:12px}
.cafe-chart-card h3{font-size:17px!important;margin:0 0 5px}.cafe-chart-card p{font-size:14px;color:var(--c-muted);margin:0 0 15px;line-height:1.6}.cafe-chart-area{height:290px;position:relative}.cafe-chart-empty{padding:40px 10px;text-align:center;color:var(--c-muted)}
/* Administrators get the same restrained palette. */
body .navbar.bg-dark,body .navbar{background:var(--c-sidebar)!important}
body .admin-metrics .stat-card:hover{transform:translateY(-2px)!important}
@keyframes cafe-enter{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.cafe-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cafe-chart-grid{grid-template-columns:1fr}}
@media(max-width:650px){body:not(.cafe-customer) .main-content{padding:66px 16px 30px!important}.cafe-report-metrics{grid-template-columns:1fr 1fr;gap:10px}.cafe-report-metric{padding:15px}.cafe-chart-card{padding:15px}.cafe-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.settings-stage[hidden]{display:none!important}
.cafe-theme-picker[hidden]{display:none!important}
/* System center: inherit the same warm palette instead of a separate neon-dark dashboard. */
body .layout .side{background:var(--c-sidebar)!important;border-color:var(--c-line)!important;color:var(--c-sidebar-text)}
body .layout .side .brand-name,body .layout .side .nav a{color:var(--c-sidebar-text)!important;font-weight:500!important}
body .layout .side .nav a.active{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:transparent!important}
body .layout .main{background:var(--c-bg)!important;color:var(--c-text)!important}
body .layout .main .hero-panel,body .layout .main .score-panel,body .layout .main .metric,body .layout .main .section,body .layout .main .check{background:var(--c-panel)!important;color:var(--c-text)!important;border-color:var(--c-line)!important;box-shadow:0 5px 18px var(--c-shadow)!important;border-radius:12px!important}
body .layout .main .top h1,body .layout .main .hero-panel h2,body .layout .main .section h3{color:var(--c-text)!important;font-weight:500!important}
body .layout .main .sub,body .layout .main .hero-panel p,body .layout .main .check p,body .layout .main .metric-foot{color:var(--c-muted)!important}
body .layout .main .eyebrow{color:var(--c-accent)!important;letter-spacing:.06em!important}
body .layout .main .btn.primary{background:var(--c-accent)!important;color:var(--c-accent-contrast)!important;border-color:var(--c-accent)!important}
/* Clear hierarchy on the daily home, while retaining attention states. */
body:not(.cafe-customer) .panel-page-head{margin-bottom:28px!important;gap:24px!important}
body:not(.cafe-customer) .panel-page-head h1{font-size:clamp(25px,3vw,34px)!important;margin:5px 0 11px!important}
body:not(.cafe-customer) .panel-page-head p{line-height:1.75!important;color:var(--c-muted)!important}
body:not(.cafe-customer) .stat-card{padding:24px!important;border:1px solid var(--c-line)!important;background:var(--c-panel)!important;border-radius:11px!important;box-shadow:0 5px 18px var(--c-shadow)!important;color:var(--c-text)!important}
body:not(.cafe-customer) .stat-card h3{font-size:clamp(20px,2.2vw,27px)!important;color:var(--c-text)!important;font-weight:500!important}
body:not(.cafe-customer) .stat-icon{background:var(--c-warm)!important;color:var(--c-accent)!important;border-radius:9px!important;box-shadow:none!important;width:48px!important;height:48px!important;font-size:19px!important}
body:not(.cafe-customer) .pending-route{background:var(--c-paper)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important;border-left:3px solid var(--c-accent)!important;border-radius:10px!important;min-height:78px}
body:not(.cafe-customer) .pending-route>i:first-child{color:var(--c-accent)!important}
body:not(.cafe-customer) .pending-route small{color:var(--c-muted)!important}
body:not(.cafe-customer) .workflow-panel{background:var(--c-panel)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important;box-shadow:0 5px 18px var(--c-shadow)!important;padding:25px!important}
body:not(.cafe-customer) .workflow-panel h3{color:var(--c-text)!important}
body:not(.cafe-customer) .workflow-panel .workflow-sub{color:var(--c-muted)!important;line-height:1.7!important}
body:not(.cafe-customer) .workflow-panel .workflow-step{background:var(--c-warm)!important;border:1px solid var(--c-line)!important;border-radius:9px!important;padding:15px!important}
body:not(.cafe-customer) .workflow-panel .workflow-count{color:var(--c-accent)!important;font-size:25px!important;font-weight:500!important}
body:not(.cafe-customer) .workflow-panel .workflow-label{color:var(--c-muted)!important;font-weight:450!important}
body:not(.cafe-customer) .panel-empty-state{background:var(--c-panel)!important;color:var(--c-text)!important;border-color:var(--c-line)!important;box-shadow:none!important}
body:not(.cafe-customer) #siparisModal{background:rgba(43,35,29,.5)!important;backdrop-filter:blur(3px)!important}
body:not(.cafe-customer) #siparisModal .modal-icerik{background:var(--c-panel)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important;border-radius:13px!important;box-shadow:0 20px 50px rgba(0,0,0,.14)!important}
body:not(.cafe-customer) #siparisModal .modal-icerik h2{animation:none!important;color:var(--c-accent)!important;font-size:23px!important;font-weight:500!important}
body:not(.cafe-customer) #siparisModal .islem-btn{background:var(--c-accent)!important;color:var(--c-accent-contrast)!important;font-weight:500!important;box-shadow:none!important;border-radius:8px!important}



/* Sidebar bug fix for EVERY theme: only one scroll container, no hover-induced shift. */
body:not(.cafe-customer) .sidebar {
  overflow:hidden!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overscroll-behavior:contain;
}
body:not(.cafe-customer) .sidebar .sidebar-logo-container {
  flex:0 0 auto!important;
}
body:not(.cafe-customer) .sidebar .menu-items {
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}
body:not(.cafe-customer) .sidebar a:hover,
body:not(.cafe-customer) .sidebar .menu-items a:hover,
body:not(.cafe-customer) .sidebar a:focus-visible,
body:not(.cafe-customer) .sidebar a i:hover {transform:none!important}
body:not(.cafe-customer) .sidebar a i{transition:color .18s ease!important;transform:none!important}
body:not(.cafe-customer) .sidebar .menu-items a{
  box-sizing:border-box!important;
  min-width:0;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease!important;
}
body:not(.cafe-customer) .sidebar > a:last-child {flex:0 0 auto!important}

/* ═══════════════ V11 — KONTRAST GÜVENCESİ & ANLAMSAL RENKLER ═══════════════
   Kural: her yüzey, kendi yazı rengini kendisi belirler. Düğmeler anlamına göre ayrışır:
   birincil = tema vurgusu · başarı = yeşil · tehlike = kırmızı · uyarı = kehribar · bilgi = mavi · ikincil = nötr. */
:root{
 --bs-success-bg-subtle:var(--c-ok-bg);--bs-success-text-emphasis:var(--c-ok);--bs-success-border-subtle:var(--c-ok-solid);
 --bs-danger-bg-subtle:var(--c-bad-bg);--bs-danger-text-emphasis:var(--c-bad);--bs-danger-border-subtle:var(--c-bad-solid);
 --bs-warning-bg-subtle:var(--c-warn-bg);--bs-warning-text-emphasis:var(--c-warn);--bs-warning-border-subtle:var(--c-warn-solid);
 --bs-info-bg-subtle:var(--c-info-bg);--bs-info-text-emphasis:var(--c-info);--bs-info-border-subtle:var(--c-info-solid);
 --bs-primary-bg-subtle:var(--c-warm);--bs-primary-text-emphasis:var(--c-link);
}
/* Yüzey sınıfları: açık/koyu fark etmeksizin yazı rengi eşleşir */
.bg-light,.bg-white,.bg-body,.bg-body-tertiary,.bg-body-secondary,.table-light,.card-header,.card-footer{color:var(--c-text)!important}
body:not(.cafe-customer) .bg-light,body:not(.cafe-customer) .table-light{background-color:var(--c-warm)!important}
body:not(.cafe-customer) .bg-white,body:not(.cafe-customer) .bg-body{background-color:var(--c-panel)!important}
body:not(.cafe-customer) .card-header,body:not(.cafe-customer) .card-footer{background-color:var(--c-warm)!important;border-color:var(--c-line)!important}
.bg-light .text-dark,.bg-white .text-dark,.bg-light .text-body,.badge.bg-light.text-dark,.badge.bg-white.text-dark,.card .text-dark:not(.badge):not(.btn):not([class*="bg-warning"]):not([class*="bg-info"]):not([class*="bg-light"]),.modal-content .text-dark:not(.badge):not(.btn):not([class*="bg-warning"]):not([class*="bg-info"]),.settings-panel .text-dark:not(.badge):not(.btn){color:var(--c-text)!important}
.text-muted,.text-secondary,.text-body-secondary,.form-text{color:var(--c-muted)!important}
.text-primary{color:var(--c-link)!important}
.text-success{color:var(--c-ok)!important}.text-danger{color:var(--c-bad)!important}.text-warning{color:var(--c-warn)!important}.text-info{color:var(--c-info)!important}
/* Koyu yüzey üzerinde (kenar çubuğu, koyu kartlar) açık tonlar */
.sidebar .text-danger{color:#ffb7ae!important}.sidebar .text-warning{color:#ffd88a!important}.sidebar .text-white,.sidebar .text-light{color:#fff!important}
.bg-dark .text-muted,.bg-dark .text-secondary,.navbar.bg-dark .text-muted{color:#cfc9d8!important}
.bg-dark .text-warning,.bg-dark.text-warning{color:#ffd88a!important}.bg-dark .text-danger{color:#ffb7ae!important}.bg-dark .text-success{color:#9be4bc!important}
/* Düğmeler — anlamlarına göre ayrışır, birbirine karışmaz */
body:not(.cafe-customer) .btn{border-radius:9px!important;font-weight:500!important;border:1px solid transparent;letter-spacing:0!important;transition:transform .16s ease,box-shadow .2s ease,filter .16s ease,background-color .16s ease,border-color .16s ease}
body:not(.cafe-customer) .btn:hover:not(:disabled):not(.disabled){transform:translateY(-1px)}
body:not(.cafe-customer) .btn:active:not(:disabled){transform:translateY(0)}
body:not(.cafe-customer) .btn:disabled,body:not(.cafe-customer) .btn.disabled{opacity:.5;transform:none}
body:not(.cafe-customer) .btn-primary{background:var(--c-accent)!important;border-color:var(--c-accent)!important;color:var(--c-accent-contrast)!important}
body:not(.cafe-customer) .btn-primary:hover{filter:brightness(1.08)}
body:not(.cafe-customer) .btn-success{background:var(--c-ok-solid)!important;border-color:var(--c-ok-solid)!important;color:#fff!important}
body:not(.cafe-customer) .btn-danger{background:var(--c-bad-solid)!important;border-color:var(--c-bad-solid)!important;color:#fff!important}
body:not(.cafe-customer) .btn-warning{background:var(--c-warn-solid)!important;border-color:var(--c-warn-solid)!important;color:#241600!important}
body:not(.cafe-customer) .btn-info{background:var(--c-info-solid)!important;border-color:var(--c-info-solid)!important;color:#fff!important}
body:not(.cafe-customer) .btn-secondary,body:not(.cafe-customer) .btn-light{background:var(--c-warm)!important;border-color:var(--c-line)!important;color:var(--c-text)!important}
body:not(.cafe-customer) .btn-secondary:hover,body:not(.cafe-customer) .btn-light:hover{filter:brightness(1.06);border-color:var(--c-accent)!important}
body:not(.cafe-customer) .btn-dark{background:var(--c-sidebar)!important;border-color:var(--c-line)!important;color:var(--c-sidebar-text)!important}
body:not(.cafe-customer) .btn-outline-primary{background:transparent!important;border-color:var(--c-accent)!important;color:var(--c-link)!important}
body:not(.cafe-customer) .btn-outline-primary:hover{background:var(--c-accent)!important;color:var(--c-accent-contrast)!important}
body:not(.cafe-customer) .btn-outline-secondary,body:not(.cafe-customer) .btn-outline-light,body:not(.cafe-customer) .btn-outline-dark{background:transparent!important;border-color:var(--c-line)!important;color:var(--c-text)!important}
body:not(.cafe-customer) .btn-outline-secondary:hover,body:not(.cafe-customer) .btn-outline-light:hover,body:not(.cafe-customer) .btn-outline-dark:hover{background:var(--c-warm)!important;border-color:var(--c-accent)!important}
body:not(.cafe-customer) .btn-outline-success{background:transparent!important;border-color:var(--c-ok-solid)!important;color:var(--c-ok)!important}
body:not(.cafe-customer) .btn-outline-success:hover{background:var(--c-ok-solid)!important;color:#fff!important}
body:not(.cafe-customer) .btn-outline-danger{background:transparent!important;border-color:var(--c-bad-solid)!important;color:var(--c-bad)!important}
body:not(.cafe-customer) .btn-outline-danger:hover{background:var(--c-bad-solid)!important;color:#fff!important}
body:not(.cafe-customer) .btn-outline-warning{background:transparent!important;border-color:var(--c-warn-solid)!important;color:var(--c-warn)!important}
body:not(.cafe-customer) .btn-outline-warning:hover{background:var(--c-warn-solid)!important;color:#241600!important}
body:not(.cafe-customer) .btn-outline-info{background:transparent!important;border-color:var(--c-info-solid)!important;color:var(--c-info)!important}
body:not(.cafe-customer) .btn-outline-info:hover{background:var(--c-info-solid)!important;color:#fff!important}
body:not(.cafe-customer) .btn-link{color:var(--c-link)!important}
.btn-close{filter:var(--c-close-filter,none)}
/* Rozetler */
.badge.bg-success-subtle,.badge.bg-danger-subtle,.badge.bg-warning-subtle,.badge.bg-info-subtle{border:1px solid color-mix(in srgb,currentColor 28%,transparent)}
.badge.bg-success-subtle{background-color:var(--c-ok-bg)!important;color:var(--c-ok)!important}
.badge.bg-danger-subtle{background-color:var(--c-bad-bg)!important;color:var(--c-bad)!important}
.badge.bg-warning-subtle{background-color:var(--c-warn-bg)!important;color:var(--c-warn)!important}
.badge.bg-info-subtle,.badge.bg-info.text-info-emphasis{background-color:var(--c-info-bg)!important;color:var(--c-info)!important}
.badge.bg-success{background-color:var(--c-ok-solid)!important;color:#fff!important}
.badge.bg-danger{background-color:var(--c-bad-solid)!important;color:#fff!important}
.badge.bg-warning{background-color:var(--c-warn-solid)!important;color:#241600!important}
.badge.bg-info{background-color:var(--c-info-solid)!important;color:#fff!important}
.badge.bg-secondary{background-color:var(--c-warm)!important;color:var(--c-text)!important;border:1px solid var(--c-line)}
.badge.bg-primary{background-color:var(--c-accent)!important;color:var(--c-accent-contrast)!important}
/* Uyarı kutuları */
.alert{border-radius:11px}
.alert-success{--bs-alert-bg:var(--c-ok-bg);--bs-alert-color:var(--c-ok);--bs-alert-border-color:color-mix(in srgb,var(--c-ok) 40%,transparent);--bs-alert-link-color:var(--c-ok)}
.alert-danger{--bs-alert-bg:var(--c-bad-bg);--bs-alert-color:var(--c-bad);--bs-alert-border-color:color-mix(in srgb,var(--c-bad) 40%,transparent);--bs-alert-link-color:var(--c-bad)}
.alert-warning{--bs-alert-bg:var(--c-warn-bg);--bs-alert-color:var(--c-warn);--bs-alert-border-color:color-mix(in srgb,var(--c-warn) 40%,transparent);--bs-alert-link-color:var(--c-warn)}
.alert-info,.alert-primary{--bs-alert-bg:var(--c-info-bg);--bs-alert-color:var(--c-info);--bs-alert-border-color:color-mix(in srgb,var(--c-info) 40%,transparent);--bs-alert-link-color:var(--c-info)}
.alert-light,.alert-secondary,.alert-dark{--bs-alert-bg:var(--c-warm);--bs-alert-color:var(--c-text);--bs-alert-border-color:var(--c-line);--bs-alert-link-color:var(--c-link)}
.alert-success,.alert-danger,.alert-warning,.alert-info,.alert-primary,.alert-light,.alert-secondary,.alert-dark{background-color:var(--bs-alert-bg)!important;color:var(--bs-alert-color)!important;border-color:var(--bs-alert-border-color)!important}
.alert .alert-link,.alert a{color:inherit;text-decoration:underline}
/* Modal, açılır menü, liste, akordeon, offcanvas, tablo, form */
.modal{--bs-modal-bg:var(--c-panel);--bs-modal-color:var(--c-text);--bs-modal-border-color:var(--c-line);--bs-modal-header-border-color:var(--c-line);--bs-modal-footer-border-color:var(--c-line)}
.modal-content{background-color:var(--c-panel)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important;border-radius:15px!important}
.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h4,.modal-content h5,.modal-content h6,.modal-content label,.modal-content .modal-title{color:var(--c-text)!important}
.modal-backdrop{--bs-backdrop-bg:#08040a;--bs-backdrop-opacity:.62}
.dropdown-menu{--bs-dropdown-bg:var(--c-panel);--bs-dropdown-color:var(--c-text);--bs-dropdown-link-color:var(--c-text);--bs-dropdown-link-hover-color:var(--c-text);--bs-dropdown-link-hover-bg:var(--c-warm);--bs-dropdown-border-color:var(--c-line);--bs-dropdown-divider-bg:var(--c-line)}
.list-group{--bs-list-group-bg:transparent;--bs-list-group-color:var(--c-text);--bs-list-group-border-color:var(--c-line);--bs-list-group-action-hover-bg:var(--c-warm);--bs-list-group-action-hover-color:var(--c-text);--bs-list-group-action-color:var(--c-text)}
.accordion{--bs-accordion-bg:var(--c-panel);--bs-accordion-color:var(--c-text);--bs-accordion-border-color:var(--c-line);--bs-accordion-btn-bg:var(--c-paper);--bs-accordion-btn-color:var(--c-text);--bs-accordion-active-bg:var(--c-warm);--bs-accordion-active-color:var(--c-text)}
.offcanvas{--bs-offcanvas-bg:var(--c-panel);--bs-offcanvas-color:var(--c-text);--bs-offcanvas-border-color:var(--c-line)}
.toast{--bs-toast-bg:var(--c-panel);--bs-toast-color:var(--c-text);--bs-toast-border-color:var(--c-line)}
.nav-tabs{--bs-nav-tabs-border-color:var(--c-line);--bs-nav-tabs-link-active-bg:var(--c-panel);--bs-nav-tabs-link-active-color:var(--c-text);--bs-nav-tabs-link-active-border-color:var(--c-line) var(--c-line) var(--c-panel);--bs-nav-link-color:var(--c-muted);--bs-nav-link-hover-color:var(--c-text)}
.nav-pills{--bs-nav-pills-link-active-bg:var(--c-accent);--bs-nav-pills-link-active-color:var(--c-accent-contrast);--bs-nav-link-color:var(--c-muted);--bs-nav-link-hover-color:var(--c-text)}
.pagination{--bs-pagination-bg:var(--c-panel);--bs-pagination-color:var(--c-text);--bs-pagination-border-color:var(--c-line);--bs-pagination-hover-bg:var(--c-warm);--bs-pagination-hover-color:var(--c-text);--bs-pagination-active-bg:var(--c-accent);--bs-pagination-active-color:var(--c-accent-contrast);--bs-pagination-active-border-color:var(--c-accent);--bs-pagination-disabled-bg:var(--c-paper);--bs-pagination-disabled-color:var(--c-muted)}
body:not(.cafe-customer) .table>:not(caption)>*>*{color:var(--c-text)}
body:not(.cafe-customer) .table,.table{--bs-table-color:var(--c-text);--bs-table-bg:transparent;--bs-table-border-color:var(--c-line);--bs-table-striped-color:var(--c-text);--bs-table-striped-bg:color-mix(in srgb,var(--c-warm) 55%,transparent);--bs-table-hover-color:var(--c-text);--bs-table-hover-bg:color-mix(in srgb,var(--c-warm) 80%,transparent);--bs-table-active-color:var(--c-text)}
.form-control,.form-select,.input-group-text,textarea{color:var(--c-text)}
body:not(.cafe-customer) .form-control::placeholder,body:not(.cafe-customer) textarea::placeholder{color:var(--c-muted)!important;opacity:.9}
.form-control:disabled,.form-control[readonly],.form-select:disabled{background-color:var(--c-warm)!important;color:var(--c-muted)!important;opacity:.85}
.form-select{background-image:var(--c-select-arrow)!important;background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}
.form-select option,select option{background:var(--c-panel);color:var(--c-text)}
.form-control:focus,.form-select:focus,textarea:focus{border-color:var(--c-accent)!important;box-shadow:0 0 0 .22rem color-mix(in srgb,var(--c-accent) 28%,transparent)!important;background-color:var(--c-paper)!important;color:var(--c-text)!important}
.input-group-text{background-color:var(--c-warm)!important;border-color:var(--c-line)!important;color:var(--c-text)!important}
.form-check-input{background-color:var(--c-paper);border-color:var(--c-line)}
.form-check-input:checked{background-color:var(--c-accent)!important;border-color:var(--c-accent)!important}
.form-check-input:focus{box-shadow:0 0 0 .2rem color-mix(in srgb,var(--c-accent) 30%,transparent)}
.form-label,label{color:inherit}
.form-range::-webkit-slider-thumb{background:var(--c-accent)}
code{color:var(--c-link);background:var(--c-warm);padding:.08em .38em;border-radius:5px;font-size:.88em}
hr{border-color:var(--c-line);opacity:1}
.border,.border-top,.border-bottom,.border-start,.border-end{border-color:var(--c-line)!important}
.border-danger{border-color:var(--c-bad-solid)!important}.border-warning{border-color:var(--c-warn-solid)!important}.border-success{border-color:var(--c-ok-solid)!important}.border-info{border-color:var(--c-info-solid)!important}.border-primary{border-color:var(--c-accent)!important}
a{color:var(--c-link)}a:hover{color:var(--c-accent)}
.dropdown-item,.page-link,.nav-link,.list-group-item{transition:background-color .15s,color .15s}
/* Canlı uyarı pencereleri ve bildirimler tema renklerini kullanır (bkz. panel-live-notify.css / app-notifications.css) */
/* Müşteri menüsü — açık temalarda okunabilirlik düzeltmeleri */
body.cafe-customer .timeline:before{background:var(--c-line)!important}
body.cafe-customer .timeline li h5{color:var(--c-text)!important}
body.cafe-customer .timeline li small{color:var(--c-muted)!important}
body.cafe-customer .timeline li .icon{background:var(--c-warm)!important;border-color:var(--c-panel)!important;color:var(--c-muted)!important;box-shadow:0 0 0 1px var(--c-line)!important}
body.cafe-customer .timeline li.active .icon{background:var(--c-accent)!important;color:var(--c-accent-contrast)!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--c-accent) 22%,transparent),0 0 22px var(--c-glow)!important}
body.cafe-customer .timeline li.completed .icon{background:var(--c-ok-solid)!important;color:#fff!important}
body.cafe-customer .text-secondary,body.cafe-customer .text-muted,body.cafe-customer .text-white-50,body.cafe-customer .text-light-emphasis{color:var(--c-muted)!important}
body.cafe-customer .text-warning:not(.btn):not(.fa-solid):not(.fa-regular){color:var(--c-price)!important}
body.cafe-customer .modal-content .text-warning,body.cafe-customer #faturaOzeti .text-warning{color:var(--c-price)!important}
body.cafe-customer #faturaOzeti{background:var(--c-warm)!important;border-color:var(--c-line)!important;color:var(--c-text)!important}
body.cafe-customer #faturaOzeti .border-secondary,body.cafe-customer .modal-header,body.cafe-customer .offcanvas-header{border-color:var(--c-line)!important}
body.cafe-customer .btn-outline-light{color:var(--c-text)!important;border-color:var(--c-line)!important;background:transparent!important}
body.cafe-customer .btn-outline-light:hover{background:var(--c-warm)!important}
body.cafe-customer .offcanvas .btn-close,body.cafe-customer .modal .btn-close{filter:var(--c-close-filter,none)!important;opacity:.75}
body.cafe-customer .form-control.bg-secondary,body.cafe-customer .form-control.bg-opacity-25{background-color:var(--c-panel)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important}
body.cafe-customer .badge.bg-danger{background:var(--c-bad-solid)!important;color:#fff!important;border-radius:6px}
body.cafe-customer .announcement-banner{font-weight:500}
body.cafe-customer .urun-kart .text-decoration-line-through{color:var(--c-muted)!important}
body.cafe-customer #effect-canvas{position:fixed;inset:0;pointer-events:none;z-index:9998}
/* Odak halkası: klavye kullanıcıları için her temada görünür */
:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}
/* Tema seçici önizlemesi tema renklerini doğru göstersin */
.cafe-theme-choice-card{color:var(--c-text)}
.cafe-theme-swatch b{background:rgba(255,255,255,.8)}
.cafe-theme-choice input:checked+.cafe-theme-choice-card{box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 30%,transparent)}
@media (forced-colors:active){.btn{border:1px solid ButtonText!important}}
/* panel-premium.css başlık rengini zorluyordu (koyu temalarda koyu-üstü-koyu); yüzeye göre eşle */
body:not(.cafe-customer) .main-content :is(h1,h2,h3,h4,h5,h6),body:not(.cafe-customer) .main-content .h1,body:not(.cafe-customer) .main-content .h3{color:var(--c-text)!important}
body:not(.cafe-customer) .main-content .text-primary{color:var(--c-link)!important}
body:not(.cafe-customer) .main-content :is(.fw-normal,.fw-bold,.fs-2,.fs-3,.fs-4,.fs-5){color:inherit}
body.cafe-customer :is(h1,h2,h3,h4,h5,h6){color:inherit}
body.cafe-customer .menu-hero{color:#fff}body.cafe-customer .menu-hero :is(h1,h2,h3){color:#fff}

/* ═══ V12 — OKUNABİLİR TİPOGRAFİ: biraz daha büyük, hafif; kalınlık yalnızca başlıklarda ═══ */
html{font-size:106.25%}
body:not(.cafe-customer){font-size:1rem;font-weight:400;line-height:1.62;letter-spacing:0}
body.cafe-customer{font-size:1.02rem;font-weight:400;line-height:1.6}
body :is(p,li,td,th,span,label,small,a,input,select,textarea,button,div){font-weight:inherit}
body:not(.cafe-customer) :is(td,li,p,label,small,.small,.text-muted,.form-text){font-weight:400}
b,strong,.fw-bold,.fw-semibold,.fw-bolder,.fw-black{font-weight:550!important}
body :is(h1,h2,h3,h4,h5,h6),body .h1,body .h2,body .h3,body .h4,body .h5,body .h6{font-weight:650!important}
body :is(h4,h5,h6){font-weight:600!important}
body:not(.cafe-customer) .main-content :is(h1,h2,h3,h4,h5,h6){font-weight:650!important}
body:not(.cafe-customer) .btn,body.cafe-customer .btn,.btn{font-size:1rem;font-weight:500!important}
body:not(.cafe-customer) .btn-sm,.btn-sm{font-size:.94rem}
.small,small{font-size:.9em}
.badge{font-size:.82rem;font-weight:500!important;letter-spacing:.01em}
.form-label,label{font-size:.97rem;font-weight:500}
.form-control,.form-select,.input-group-text{font-size:1rem;font-weight:400}
.table{font-size:1rem}.table thead th{font-size:.86rem;font-weight:600!important;letter-spacing:.04em}
.sidebar a,.sidebar a span{font-size:1rem;font-weight:500!important}
.sidebar-group-label,.operations-eyebrow,.panel-eyebrow,.settings-eyebrow,.settings-stage-kicker{font-size:.82rem;font-weight:600!important}
.stat-card h3,.stat-card h2,.workflow-count,.cafe-report-metric strong{font-weight:650!important}
.nav-link,.dropdown-item,.page-link,.list-group-item{font-size:1rem;font-weight:400}
.modal-title{font-size:1.15rem}
.alert{font-size:1rem}

/* ═══ V12 — YÜZEY SİSTEMİ: kart benzeri her bileşen kendi yazı rengini taşır (koyu üstüne açık / açık üstüne koyu) ═══ */
body:not(.cafe-customer) :is(.card,.table-card,.stat-card,.chef-item-card,.operations-note,.operations-empty,.panel-empty-state,.dealer-section,.dealer-empty,.demo-section,.demo-empty,.settings-hero,.settings-panel,.settings-rail-inner,.settings-image-card,.settings-overview-item,.settings-reference-item,.settings-reference-empty,.workflow-panel,.cafe-chart-card,.cafe-chart-empty,.score-panel,.score-note,.hero-panel,.operations-card,.cafe-report-metric,.accordion-item){background-color:var(--c-panel)!important;color:var(--c-text)!important;border-color:var(--c-line)!important}
body:not(.cafe-customer) :is(.card,.table-card,.stat-card,.chef-item-card,.operations-note,.operations-empty,.panel-empty-state,.dealer-section,.dealer-empty,.demo-section,.demo-empty,.settings-hero,.settings-panel,.settings-rail-inner,.settings-image-card,.settings-overview-item,.settings-reference-item,.settings-reference-empty,.workflow-panel,.cafe-chart-card,.cafe-chart-empty,.score-panel,.score-note,.hero-panel,.operations-card,.cafe-report-metric,.accordion-item) :is(h1,h2,h3,h4,h5,h6,p,label,strong,b,li,dt,dd,td,th,legend){color:var(--c-text)!important}
body:not(.cafe-customer) :is(.card,.table-card,.stat-card,.chef-item-card,.operations-note,.operations-empty,.panel-empty-state,.dealer-section,.dealer-empty,.demo-section,.demo-empty,.settings-hero,.settings-panel,.settings-rail-inner,.settings-image-card,.settings-overview-item,.settings-reference-item,.settings-reference-empty,.workflow-panel,.cafe-chart-card,.cafe-chart-empty,.score-panel,.score-note,.hero-panel,.operations-card,.cafe-report-metric,.accordion-item) :is(small,.small,.text-muted,.text-secondary,.form-text,figcaption,.operations-card-bottom span){color:var(--c-muted)!important}
body:not(.cafe-customer) :is(.card,.table-card,.stat-card,.chef-item-card,.operations-note,.operations-empty,.panel-empty-state,.dealer-section,.dealer-empty,.demo-section,.demo-empty,.settings-hero,.settings-panel,.settings-rail-inner,.settings-image-card,.settings-overview-item,.settings-reference-item,.settings-reference-empty,.workflow-panel,.cafe-chart-card,.cafe-chart-empty,.score-panel,.score-note,.hero-panel,.operations-card,.cafe-report-metric,.accordion-item) a:not(.btn):not(.badge){color:var(--c-link)}
body:not(.cafe-customer) .chef-item-thumb{background:var(--c-warm)!important;color:var(--c-muted)!important;border:1px solid var(--c-line)!important;border-radius:14px;overflow:hidden;display:grid;place-items:center;width:64px;height:64px;flex:none}
body:not(.cafe-customer) .chef-item-thumb img{width:100%;height:100%;object-fit:cover}
body:not(.cafe-customer) .chef-item-card{border:1px solid var(--c-line)!important;border-radius:18px!important;padding:20px!important;box-shadow:0 6px 20px var(--c-shadow);transition:transform .25s,box-shadow .25s,border-color .25s}
body:not(.cafe-customer) .chef-item-card:hover{transform:translateY(-4px);border-color:var(--c-accent)!important;box-shadow:0 16px 38px var(--c-shadow),0 0 0 1px var(--c-accent)}
body:not(.cafe-customer) .operations-note{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--c-line)!important;border-left:4px solid var(--c-accent)!important;border-radius:14px!important;padding:16px 18px!important}
body:not(.cafe-customer) .operations-note>i{color:var(--c-accent)!important;font-size:1.25rem;margin-top:3px}
body:not(.cafe-customer) .settings-status-pill{background:var(--c-warm)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important}
body:not(.cafe-customer) .settings-status-on{background:var(--c-ok-bg)!important;color:var(--c-ok)!important;border-color:color-mix(in srgb,var(--c-ok) 40%,transparent)!important}
body:not(.cafe-customer) .settings-nav-item{background:transparent!important;color:var(--c-text)!important;border:1px solid transparent!important}
body:not(.cafe-customer) .settings-nav-item:hover,body:not(.cafe-customer) .settings-nav-item.is-active,body:not(.cafe-customer) .settings-nav-item[aria-current="true"]{background:var(--c-warm)!important;border-color:var(--c-line)!important}
body:not(.cafe-customer) .settings-nav-item *{color:inherit!important}
body:not(.cafe-customer) .settings-hero-tags span{background:var(--c-warm)!important;color:var(--c-muted)!important}
body:not(.cafe-customer) .panel-eyebrow,body:not(.cafe-customer) .operations-eyebrow{background:transparent!important;color:var(--c-link)!important}

/* ═══ V12 — OPERASYON KARTLARI (aktif masalar, paket siparişler): geniş, bilgi dolu, hareketli ═══ */
@keyframes opIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@keyframes opRing{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--state,var(--c-accent)) 55%,transparent)}100%{box-shadow:0 0 0 14px transparent}}
@keyframes opGlow{0%,100%{box-shadow:0 8px 24px var(--c-shadow)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--state,var(--c-accent)) 45%,transparent),0 14px 38px color-mix(in srgb,var(--state,var(--c-accent)) 40%,transparent)}}
@keyframes opShine{from{transform:translateX(-140%)}to{transform:translateX(240%)}}
@keyframes opBlink{50%{opacity:.35}}
body:not(.cafe-customer) .operations-card{--state:var(--c-line);display:flex!important;flex-direction:column;gap:12px;width:100%;min-height:190px;padding:20px 22px 18px!important;text-align:left;cursor:pointer;position:relative;overflow:hidden;border:1px solid var(--c-line)!important;border-radius:20px!important;box-shadow:0 8px 24px var(--c-shadow)!important;animation:opIn .55s cubic-bezier(.2,.8,.2,1) both;transition:transform .25s,box-shadow .25s,border-color .25s}
body:not(.cafe-customer) .operations-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--state),color-mix(in srgb,var(--state) 55%,#fff));transition:height .25s}
body:not(.cafe-customer) .operations-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translateX(-140%)}
body:not(.cafe-customer) .operations-card:hover{transform:translateY(-6px)!important;border-color:var(--state)!important;box-shadow:0 20px 44px var(--c-shadow),0 0 0 1px var(--state)!important}
body:not(.cafe-customer) .operations-card:hover::before{height:8px}
body:not(.cafe-customer) .operations-card:hover::after{animation:opShine .9s ease}
body:not(.cafe-customer) .operations-card.status-yeni{--state:var(--c-info-solid)}
body:not(.cafe-customer) .operations-card.status-islem{--state:var(--c-warn-solid)}
body:not(.cafe-customer) .operations-card.status-aktif{--state:var(--c-ok-solid)}
body:not(.cafe-customer) .operations-card.status-bos{--state:var(--c-line)}
body:not(.cafe-customer) .operations-card.requires-attention{animation:opIn .55s both,opGlow 1.8s ease-in-out .6s infinite!important}
body:not(.cafe-customer) .operations-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
body:not(.cafe-customer) .oc-ico,body:not(.cafe-customer) .operations-card-top>i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:1.25rem;background:color-mix(in srgb,var(--state) 18%,var(--c-panel));color:var(--state)!important;border:1px solid color-mix(in srgb,var(--state) 40%,transparent);position:relative}
body:not(.cafe-customer) .operations-card.status-bos .oc-ico,body:not(.cafe-customer) .operations-card.status-bos .operations-card-top>i{color:var(--c-muted)!important;background:var(--c-warm)}
body:not(.cafe-customer) .operations-card.requires-attention .oc-ico,body:not(.cafe-customer) .operations-card.requires-attention .operations-card-top>i{animation:opRing 1.5s ease-out infinite}
body:not(.cafe-customer) .operations-card-status{font-size:.86rem!important;font-weight:500;padding:6px 12px;border-radius:99px;background:color-mix(in srgb,var(--state) 16%,var(--c-panel))!important;color:var(--c-text)!important;border:1px solid color-mix(in srgb,var(--state) 45%,transparent)!important}
body:not(.cafe-customer) .operations-card h3{font-size:1.45rem!important;margin:2px 0 0!important;letter-spacing:-.02em}
body:not(.cafe-customer) .oc-chips{display:flex;flex-wrap:wrap;gap:7px;min-height:30px}
body:not(.cafe-customer) .oc-chip{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;padding:4px 10px;border-radius:99px;background:var(--c-warm);color:var(--c-text)!important;border:1px solid var(--c-line)}
body:not(.cafe-customer) .oc-chip i{font-size:.8em}
body:not(.cafe-customer) .oc-chip.c-new{background:var(--c-info-bg);color:var(--c-info)!important;border-color:color-mix(in srgb,var(--c-info) 40%,transparent)}
body:not(.cafe-customer) .oc-chip.c-wait{background:var(--c-warn-bg);color:var(--c-warn)!important;border-color:color-mix(in srgb,var(--c-warn) 40%,transparent)}
body:not(.cafe-customer) .oc-chip.c-ok{background:var(--c-ok-bg);color:var(--c-ok)!important;border-color:color-mix(in srgb,var(--c-ok) 40%,transparent)}
body:not(.cafe-customer) .oc-chip.c-call{background:var(--c-bad-bg);color:var(--c-bad)!important;border-color:color-mix(in srgb,var(--c-bad) 40%,transparent);animation:opBlink 1s steps(2) infinite}
body:not(.cafe-customer) .oc-bar{height:6px;border-radius:99px;background:var(--c-warm);overflow:hidden}
body:not(.cafe-customer) .oc-bar i{display:block;height:100%;width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg,var(--state),color-mix(in srgb,var(--state) 55%,#fff));transition:width .8s cubic-bezier(.2,.8,.2,1)}
body:not(.cafe-customer) .operations-card-bottom{display:flex!important;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}
body:not(.cafe-customer) .operations-card-bottom strong{font-size:1.5rem!important;font-weight:650!important;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
body:not(.cafe-customer) .operations-alert-count{display:inline-flex;align-items:center;gap:6px;min-width:34px;justify-content:center;padding:5px 10px;border-radius:99px;font-size:.9rem;background:var(--c-bad-solid)!important;color:#fff!important;animation:opBlink 1s steps(2) infinite;border:0!important}
body:not(.cafe-customer) .operations-section .row>*:nth-child(2) .operations-card{animation-delay:.05s}body:not(.cafe-customer) .operations-section .row>*:nth-child(3) .operations-card{animation-delay:.1s}body:not(.cafe-customer) .operations-section .row>*:nth-child(4) .operations-card{animation-delay:.15s}body:not(.cafe-customer) .operations-section .row>*:nth-child(n+5) .operations-card{animation-delay:.2s}
.ops-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:0 0 22px}
.ops-kpi{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid var(--c-line);background:var(--c-panel);color:var(--c-text);box-shadow:0 6px 18px var(--c-shadow);animation:opIn .5s both;position:relative;overflow:hidden}
.ops-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--k,var(--c-line))}
.ops-kpi>i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.15rem;color:var(--k,var(--c-muted));background:color-mix(in srgb,var(--k,var(--c-line)) 16%,var(--c-panel))}
.ops-kpi b{display:block;font-size:1.75rem;line-height:1.1;font-weight:650;font-variant-numeric:tabular-nums;color:var(--c-text)}
.ops-kpi span{font-size:.92rem;color:var(--c-muted)}
.ops-kpi.k-new{--k:var(--c-info-solid)}.ops-kpi.k-proc{--k:var(--c-warn-solid)}.ops-kpi.k-act{--k:var(--c-ok-solid)}.ops-kpi.k-empty{--k:var(--c-muted)}
.ops-kpi:nth-child(2){animation-delay:.06s}.ops-kpi:nth-child(3){animation-delay:.12s}.ops-kpi:nth-child(4){animation-delay:.18s}
@media(prefers-reduced-motion:reduce){body:not(.cafe-customer) .operations-card,.ops-kpi,body:not(.cafe-customer) .oc-chip.c-call,body:not(.cafe-customer) .operations-alert-count{animation:none!important}}
body:not(.cafe-customer) .operations-card .operations-card-bottom{flex-wrap:wrap;row-gap:4px}
body:not(.cafe-customer) .operations-card .operations-card-bottom strong{white-space:nowrap;font-size:1.4rem!important}
body:not(.cafe-customer) .operations-card .operations-card-bottom .operations-alert-count,body:not(.cafe-customer) .operations-card .operations-card-bottom .operations-alert-count *{color:#fff!important}
/* V13: sekmeler, düğme içi odak ve beyaza dönen alanlar */
body:not(.cafe-customer) .history-tabs a.is-active{background:var(--c-accent)!important;border-color:var(--c-accent)!important;color:var(--c-accent-contrast)!important}
body:not(.cafe-customer) .history-tabs a:not(.is-active){background:var(--c-panel)!important;color:var(--c-text)!important}
body:not(.cafe-customer) .settings-field input,body:not(.cafe-customer) .settings-field select,body:not(.cafe-customer) .settings-field textarea,body:not(.cafe-customer) .settings-field .form-control{background-color:var(--c-paper)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important}
body:not(.cafe-customer) .settings-field input:focus,body:not(.cafe-customer) .settings-field select:focus,body:not(.cafe-customer) .settings-field textarea:focus{background-color:var(--c-paper)!important;color:var(--c-text)!important;border-color:var(--c-accent)!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--c-text)!important;caret-color:var(--c-text);-webkit-box-shadow:0 0 0 1000px var(--c-paper) inset!important;transition:background-color 9999s ease-in-out 0s}
button:focus,button:active,.btn:focus,.btn:active,.btn.active,.btn:first-child:active,:not(.btn-check)+.btn:active{outline:none}
body:not(.cafe-customer) .btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}
body:not(.cafe-customer) :is(.btn-secondary,.btn-light,.btn-outline-secondary,.btn-outline-light):active,body:not(.cafe-customer) :is(.btn-secondary,.btn-light,.btn-outline-secondary,.btn-outline-light).active,body:not(.cafe-customer) :is(.btn-secondary,.btn-light,.btn-outline-secondary,.btn-outline-light):focus{background:var(--c-warm)!important;color:var(--c-text)!important;border-color:var(--c-accent)!important}
body:not(.cafe-customer) .dropdown-menu,body:not(.cafe-customer) .dropdown-item{color:var(--c-text)}
body:not(.cafe-customer) .dropdown-item:hover,body:not(.cafe-customer) .dropdown-item:focus,body:not(.cafe-customer) .dropdown-item.active{background:var(--c-warm)!important;color:var(--c-text)!important}