:root {
  color-scheme: dark;
}

.teknosay-viewbar {
  position: fixed;
  z-index: 9500;
  top: 0;
  right: 0;
  left: 256px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  padding: 0 20px;
  border-bottom: 1px solid rgb(51 65 85 / .62);
  color: #cbd5e1;
  background: linear-gradient(90deg, rgb(2 6 23 / .70), rgb(15 23 42 / .93));
  box-shadow: 0 12px 34px rgb(0 0 0 / .13);
  backdrop-filter: blur(18px);
  font-family: Inter, sans-serif;
  transition: left .3s ease, width .3s ease, background .45s ease, border-color .45s ease, box-shadow .45s ease;
}

.teknosay-viewbar::before {
  content: "";
  position: absolute;
  inset: auto 20px 0 auto;
  width: 180px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #22d3ee, #818cf8, transparent);
  opacity: .58;
}

.teknosay-viewbar-caption { display: flex; align-items: center; gap: 9px; }
.teknosay-viewbar-caption span { color: #64748b; font: 700 8px/1 "JetBrains Mono", monospace; letter-spacing: .13em; }
.teknosay-viewbar-caption strong { min-width: 74px; color: #e2e8f0; font-size: 11px; font-weight: 700; transition: color .35s ease; }

.teknosay-theme-toggle {
  position: relative;
  width: 76px;
  height: 36px;
  padding: 0;
  border: 1px solid rgb(71 85 105 / .85);
  border-radius: 999px;
  background: rgb(2 6 23 / .68);
  box-shadow: inset 0 2px 10px rgb(0 0 0 / .28), 0 7px 18px rgb(0 0 0 / .18);
  cursor: pointer;
  transition: transform .2s ease, border-color .35s ease, background .4s ease, box-shadow .4s ease;
}
.teknosay-theme-toggle:hover { border-color: #38bdf8; transform: translateY(-1px) scale(1.02); }
.teknosay-theme-toggle:active { transform: scale(.96); }
.teknosay-theme-toggle:focus-visible { outline: 2px solid #38bdf8; outline-offset: 3px; }
.teknosay-theme-track { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; overflow: hidden; border-radius: inherit; }
.teknosay-theme-track i { position: relative; z-index: 2; display: grid; place-items: center; width: 18px; height: 18px; font-style: normal; line-height: 1; transition: opacity .35s ease, transform .5s cubic-bezier(.2,.8,.2,1); }
.teknosay-theme-track svg { width: 16px; height: 16px; display: block; }
.teknosay-theme-sun { color: #f59e0b; opacity: .45; transform: rotate(-100deg) scale(.72); }
.teknosay-theme-moon { color: #c4b5fd; opacity: 1; transform: rotate(0) scale(1); }
.teknosay-theme-track b { position: absolute; z-index: 1; top: 4px; right: 4px; width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(145deg, #e0e7ff, #8b5cf6); box-shadow: 0 3px 12px rgb(139 92 246 / .48); transition: transform .5s cubic-bezier(.34,1.56,.64,1), background .4s ease, box-shadow .4s ease; }

#root > div > div > main {
  box-sizing: border-box;
  padding-top: 58px;
}

#root > div > div > main > div {
  max-height: calc(100vh - 58px) !important;
}

#root > div > div > main > div[class*="h-screen"] {
  height: calc(100vh - 58px) !important;
}

/* Form pencereleri tema çubuğunun altında kalmamalı. */
#root .fixed.inset-0.z-50 {
  z-index: 10000 !important;
}

.teknosay-profit-highlight {
  border-color: rgb(52 211 153 / .72) !important;
  background: linear-gradient(135deg, rgb(6 78 59 / .78), rgb(2 44 34 / .88)) !important;
  box-shadow: inset 0 1px 0 rgb(167 243 208 / .10), 0 10px 24px rgb(5 150 105 / .13);
}
.teknosay-profit-highlight > span,
.teknosay-profit-highlight > div { color: #6ee7b7 !important; text-shadow: 0 1px 8px rgb(16 185 129 / .22); }
.teknosay-quick-profit > span { color: #a7f3d0 !important; }
.teknosay-quick-profit > span:last-child { color: #6ee7b7 !important; }

.teknosay-pos-product-grid {
  align-content: start;
  grid-auto-rows: 188px;
}
.teknosay-pos-product-card {
  min-height: 188px;
}
.teknosay-stock-part-select,
.teknosay-stock-part-select option {
  background: #0f172a;
  color: #e2e8f0;
}
.teknosay-service-total-card {
  color: #e2e8f0;
  background: linear-gradient(135deg, rgb(15 23 42 / .92), rgb(30 64 175 / .42)) !important;
  border-color: rgb(96 165 250 / .48) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .07), 0 10px 24px rgb(15 23 42 / .18);
}
.teknosay-service-total-card div { color: #e2e8f0 !important; }
.teknosay-service-total-card div:last-child { color: #6ee7b7 !important; }
.teknosay-service-actions button {
  min-height: 38px;
  border: 1px solid rgb(148 163 184 / .18);
  white-space: nowrap;
  font-weight: 800;
}
.teknosay-service-actions button,
.teknosay-service-actions button * {
  opacity: 1 !important;
}
.teknosay-service-actions button:nth-child(2),
.teknosay-service-actions button:nth-child(2) * {
  color: #34d399 !important;
}
.teknosay-service-actions button:nth-child(4),
.teknosay-service-actions button:nth-child(4) * {
  color: #f87171 !important;
}
select {
  transition: none !important;
  will-change: auto !important;
}
select option {
  transition: none !important;
}
.teknosay-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 120000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgb(2 6 23 / .64);
  opacity: 0;
  backdrop-filter: blur(10px);
  transition: opacity .12s ease;
}
.teknosay-confirm-overlay.is-visible { opacity: 1; }
.teknosay-confirm-dialog {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  width: min(520px, 100%);
  padding: 22px;
  border: 1px solid rgb(71 85 105 / .78);
  border-radius: 20px;
  color: #e2e8f0;
  background: linear-gradient(145deg, #0f172a, #111827);
  box-shadow: 0 30px 90px rgb(0 0 0 / .42), inset 0 1px 0 rgb(255 255 255 / .06);
}
.teknosay-confirm-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  font-weight: 900;
  background: rgb(239 68 68 / .18);
  color: #fca5a5;
  border: 1px solid rgb(248 113 113 / .28);
}
.teknosay-confirm-icon.info {
  background: rgb(59 130 246 / .18);
  color: #93c5fd;
  border-color: rgb(96 165 250 / .35);
}
.teknosay-confirm-content h2 {
  margin: 0;
  color: #f8fafc;
  font-size: 17px;
  font-weight: 800;
}
.teknosay-confirm-content p {
  margin: 8px 0 0;
  color: #cbd5e1;
  font-size: 13px;
  line-height: 1.55;
}
.teknosay-confirm-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 6px;
}
.teknosay-confirm-actions button {
  min-width: 96px;
  border: 1px solid rgb(71 85 105 / .8);
  border-radius: 12px;
  padding: 10px 15px;
  color: #e2e8f0;
  background: #1e293b;
  cursor: pointer;
  font-weight: 800;
}
.teknosay-confirm-actions button:hover { transform: translateY(-1px); }
.teknosay-confirm-accept.danger {
  border-color: rgb(248 113 113 / .35);
  background: linear-gradient(135deg, #dc2626, #991b1b);
  color: #fff;
}
.teknosay-confirm-accept.info,
.teknosay-confirm-accept.success {
  border-color: rgb(96 165 250 / .45);
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  color: #fff;
}

.teknosay-sidebar-license-pro {
  color: #020617 !important;
  border-color: #34d399 !important;
  background: linear-gradient(135deg, #a7f3d0, #6ee7b7) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .48), 0 8px 24px rgb(5 150 105 / .18);
}
.teknosay-sidebar-license-pro > div:first-child > div:first-child { color: #020617 !important; }
.teknosay-license-status-active {
  color: #022c22 !important;
  background: #6ee7b7 !important;
  box-shadow: 0 0 0 1px rgb(167 243 208 / .42), 0 0 16px rgb(52 211 153 / .27);
  letter-spacing: .045em;
}
.teknosay-sidebar-license-copy { color: #064e3b !important; font-weight: 700; }

.teknosay-enterprise-badge {
  border-color: rgb(110 231 183 / .68) !important;
  color: #a7f3d0 !important;
  background: rgb(6 78 59 / .72) !important;
  box-shadow: 0 0 0 1px rgb(52 211 153 / .10), 0 8px 20px rgb(5 150 105 / .14);
}
.teknosay-license-comparison th:last-child,
.teknosay-license-comparison td:last-child {
  color: #a7f3d0 !important;
  background: rgb(6 78 59 / .52) !important;
  border-left: 1px solid rgb(52 211 153 / .22);
}
.teknosay-license-comparison th:last-child {
  color: #d1fae5 !important;
  background: rgb(6 78 59 / .82) !important;
  text-shadow: 0 1px 10px rgb(16 185 129 / .25);
}

body.teknosay-auth-active .teknosay-viewbar {
  z-index: 100100;
  top: 14px;
  right: 18px;
  left: auto;
  width: 184px;
  height: 48px;
  padding: 0 10px 0 15px;
  border: 1px solid rgb(71 85 105 / .58);
  border-radius: 17px;
}
body.teknosay-auth-active .teknosay-viewbar::before { display: none; }

html[data-teknosay-theme="light"] { color-scheme: light; }
html[data-teknosay-theme="light"] body { background: #eef3f8 !important; color: #172033 !important; }
html[data-teknosay-theme="light"] .teknosay-viewbar { color: #475569; border-color: #d8e1eb; background: linear-gradient(90deg, rgb(248 250 252 / .88), rgb(255 255 255 / .97)); box-shadow: 0 12px 30px rgb(51 65 85 / .09); }
html[data-teknosay-theme="light"] .teknosay-viewbar-caption strong { color: #172033; }
html[data-teknosay-theme="light"] .teknosay-theme-toggle { border-color: #bfdbfe; background: #e0f2fe; box-shadow: inset 0 2px 10px rgb(14 165 233 / .10), 0 7px 18px rgb(51 65 85 / .10); }
html[data-teknosay-theme="light"] .teknosay-theme-track b { transform: translateX(-40px); background: linear-gradient(145deg, #fff7c2, #fbbf24); box-shadow: 0 3px 13px rgb(245 158 11 / .42); }
html[data-teknosay-theme="light"] .teknosay-theme-sun { opacity: 1; transform: rotate(0) scale(1); }
html[data-teknosay-theme="light"] .teknosay-theme-moon { opacity: .35; transform: rotate(100deg) scale(.72); }

html.teknosay-theme-transitioning *, html.teknosay-theme-transitioning *::before, html.teknosay-theme-transitioning *::after { transition-duration: .45s !important; }

html[data-teknosay-theme="light"] #root > div { background: #edf2f7 !important; color: #1e293b !important; }
html[data-teknosay-theme="light"] #root aside { background: rgb(255 255 255 / .96) !important; border-color: #dbe4ee !important; box-shadow: 8px 0 28px rgb(71 85 105 / .06); }
html[data-teknosay-theme="light"] #root main { background: linear-gradient(135deg, #f8fafc, #eef4fa 58%, #f8fafc) !important; }
html[data-teknosay-theme="light"] #root [class*="bg-slate-950"],
html[data-teknosay-theme="light"] #root [class*="bg-slate-900"],
html[data-teknosay-theme="light"] #root [class*="bg-slate-850"] { background-color: #fff !important; }
html[data-teknosay-theme="light"] #root [class*="bg-slate-800"] { background-color: #f1f5f9 !important; }
html[data-teknosay-theme="light"] #root [class*="bg-slate-700"] { background-color: #e2e8f0 !important; }
html[data-teknosay-theme="light"] #root [class*="from-slate-"],
html[data-teknosay-theme="light"] #root [class*="via-slate-"],
html[data-teknosay-theme="light"] #root [class*="to-slate-"] { --tw-gradient-from: #fff var(--tw-gradient-from-position) !important; --tw-gradient-via: #f6f9fc var(--tw-gradient-via-position) !important; --tw-gradient-to: #edf3f9 var(--tw-gradient-to-position) !important; }
html[data-teknosay-theme="light"] #root [class*="text-white"],
html[data-teknosay-theme="light"] #root [class*="text-slate-100"],
html[data-teknosay-theme="light"] #root [class*="text-slate-200"] { color: #172033 !important; }
html[data-teknosay-theme="light"] #root [class*="text-slate-300"] { color: #334155 !important; }
html[data-teknosay-theme="light"] #root [class*="text-slate-400"] { color: #64748b !important; }
html[data-teknosay-theme="light"] #root [class*="text-slate-500"] { color: #64748b !important; }
html[data-teknosay-theme="light"] #root [class*="border-slate-800"],
html[data-teknosay-theme="light"] #root [class*="border-slate-700"],
html[data-teknosay-theme="light"] #root [class*="border-slate-600"] { border-color: #d9e2ec !important; }
html[data-teknosay-theme="light"] #root input,
html[data-teknosay-theme="light"] #root select,
html[data-teknosay-theme="light"] #root textarea { color: #172033 !important; border-color: #cbd5e1 !important; background: #fff !important; }
html[data-teknosay-theme="light"] #root select option { color: #172033 !important; background: #fff !important; }
html[data-teknosay-theme="light"] #root input::placeholder,
html[data-teknosay-theme="light"] #root textarea::placeholder { color: #94a3b8 !important; }
html[data-teknosay-theme="light"] #root table { background: #fff; }
html[data-teknosay-theme="light"] #root tr { border-color: #e2e8f0 !important; }
html[data-teknosay-theme="light"] #root [class*="shadow-"] { --tw-shadow-color: rgb(71 85 105 / .10) !important; }
html[data-teknosay-theme="light"] #root button[class*="bg-blue-"],
html[data-teknosay-theme="light"] #root button[class*="bg-indigo-"],
html[data-teknosay-theme="light"] #root button[class*="bg-emerald-"],
html[data-teknosay-theme="light"] #root button[class*="bg-red-"],
html[data-teknosay-theme="light"] #root button[class*="bg-amber-"],
html[data-teknosay-theme="light"] #root [class*="from-blue-"],
html[data-teknosay-theme="light"] #root [class*="from-indigo-"],
html[data-teknosay-theme="light"] #root [class*="from-emerald-"] { color: #fff !important; }

html[data-teknosay-theme="light"] .teknosay-profit-highlight {
  border-color: #34d399 !important;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
  box-shadow: inset 0 1px 0 #fff, 0 10px 24px rgb(5 150 105 / .11);
}
html[data-teknosay-theme="light"] .teknosay-profit-highlight > span,
html[data-teknosay-theme="light"] .teknosay-profit-highlight > div,
html[data-teknosay-theme="light"] .teknosay-quick-profit > span { color: #065f46 !important; text-shadow: none; }
html[data-teknosay-theme="light"] .teknosay-quick-profit > span:last-child { color: #047857 !important; }

html[data-teknosay-theme="light"] .teknosay-service-total-card {
  color: #0f172a;
  background: linear-gradient(135deg, #f8fafc, #e0f2fe) !important;
  border-color: #93c5fd !important;
}
html[data-teknosay-theme="light"] .teknosay-service-total-card div { color: #1e3a8a !important; }
html[data-teknosay-theme="light"] .teknosay-service-total-card div:last-child { color: #047857 !important; }
html[data-teknosay-theme="light"] .teknosay-service-actions button {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .65), 0 8px 18px rgb(51 65 85 / .08);
}
html[data-teknosay-theme="light"] .teknosay-service-actions button:first-child {
  color: #334155 !important;
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
}
html[data-teknosay-theme="light"] .teknosay-service-actions button:nth-child(2) {
  background: #d1fae5 !important;
  border-color: #86efac !important;
}
html[data-teknosay-theme="light"] .teknosay-service-actions button:nth-child(2),
html[data-teknosay-theme="light"] .teknosay-service-actions button:nth-child(2) * {
  color: #065f46 !important;
}
html[data-teknosay-theme="light"] .teknosay-service-actions button:nth-child(4) {
  background: #fee2e2 !important;
  border-color: #fecaca !important;
}
html[data-teknosay-theme="light"] .teknosay-service-actions button:nth-child(4),
html[data-teknosay-theme="light"] .teknosay-service-actions button:nth-child(4) * {
  color: #b91c1c !important;
}

html[data-teknosay-theme="light"] .teknosay-sidebar-license-pro {
  color: #020617 !important;
  border-color: #34d399 !important;
  background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
}
html[data-teknosay-theme="light"] .teknosay-sidebar-license-pro > div:first-child > div:first-child { color: #020617 !important; }
html[data-teknosay-theme="light"] .teknosay-license-status-active {
  color: #fff !important;
  background: #047857 !important;
  box-shadow: 0 0 0 1px #059669, 0 6px 16px rgb(5 150 105 / .20);
}
html[data-teknosay-theme="light"] .teknosay-sidebar-license-copy { color: #064e3b !important; }
html[data-teknosay-theme="light"] .teknosay-enterprise-badge {
  color: #fff !important;
  border-color: #047857 !important;
  background: #047857 !important;
}
html[data-teknosay-theme="light"] .teknosay-license-comparison th:last-child,
html[data-teknosay-theme="light"] .teknosay-license-comparison td:last-child {
  color: #065f46 !important;
  background: #ecfdf5 !important;
  border-left-color: #a7f3d0;
}
html[data-teknosay-theme="light"] .teknosay-license-comparison th:last-child {
  color: #fff !important;
  background: #047857 !important;
  text-shadow: none;
}

html[data-teknosay-theme="light"] .teknosay-cloud-pill,
html[data-teknosay-theme="light"] .teknosay-cloud-menu { color: #1e293b; border-color: #d8e1eb; background: rgb(255 255 255 / .97); box-shadow: 0 18px 45px rgb(51 65 85 / .14); }
html[data-teknosay-theme="light"] .teknosay-cloud-meta b,
html[data-teknosay-theme="light"] .teknosay-cloud-menu strong { color: #172033; }
html[data-teknosay-theme="light"] .teknosay-cloud-menu button { color: #475569; }
html[data-teknosay-theme="light"] .teknosay-cloud-menu button:hover { color: #172033; background: #f1f5f9; }

html[data-teknosay-theme="light"] .teknosay-auth-overlay { color: #172033; background: radial-gradient(circle at 18% 12%,#d8f5ff 0,transparent 35%),radial-gradient(circle at 88% 82%,#eee5ff 0,transparent 40%),#edf4fa; }
html[data-teknosay-theme="light"] .teknosay-auth-overlay::before { opacity: .2; }
html[data-teknosay-theme="light"] .teknosay-auth-shell { border-color: #cad8e6; background: rgb(255 255 255 / .82); box-shadow: 0 35px 100px rgb(51 65 85 / .18); }
html[data-teknosay-theme="light"] .teknosay-auth-brand { border-color: #d7e3ed; background: linear-gradient(155deg, rgb(224 247 255 / .86), rgb(248 250 252 / .82) 52%, rgb(238 232 255 / .78)); }
html[data-teknosay-theme="light"] .teknosay-brand-lockup strong,
html[data-teknosay-theme="light"] .teknosay-auth-hero h1,
html[data-teknosay-theme="light"] .teknosay-auth-benefits b,
html[data-teknosay-theme="light"] .teknosay-auth-card h2 { color: #172033; }
html[data-teknosay-theme="light"] .teknosay-auth-hero p,
html[data-teknosay-theme="light"] .teknosay-auth-card header p,
html[data-teknosay-theme="light"] .teknosay-auth-benefits small { color: #64748b; }
html[data-teknosay-theme="light"] .teknosay-auth-card { background: rgb(255 255 255 / .93); }
html[data-teknosay-theme="light"] .teknosay-auth-tabs { border-color: #dbe4ee; background: #eef3f8; }
html[data-teknosay-theme="light"] .teknosay-auth-tabs button { color: #64748b; }
html[data-teknosay-theme="light"] .teknosay-auth-tabs button.is-active { color: #172033; background: #fff; box-shadow: 0 6px 18px rgb(51 65 85 / .12); }
html[data-teknosay-theme="light"] .teknosay-auth-form label > span { color: #475569; }
html[data-teknosay-theme="light"] .teknosay-input-wrap input { color: #172033; border-color: #cbd5e1; background: #fff; }
html[data-teknosay-theme="light"] .teknosay-google-button { color: #334155; border-color: #d5e0ea; background: #fff; box-shadow: 0 10px 24px rgb(51 65 85 / .08); }

html[data-teknosay-theme="light"] .teknosay-confirm-dialog { color: #172033; border-color: #d8e2ec; background: #fff; box-shadow: 0 35px 90px rgb(51 65 85 / .22); }
html[data-teknosay-theme="light"] .teknosay-confirm-dialog h2 { color: #172033; }
html[data-teknosay-theme="light"] .teknosay-confirm-dialog p { color: #64748b; }
html[data-teknosay-theme="light"] .teknosay-confirm-overlay { background: rgb(15 23 42 / .28); }
html[data-teknosay-theme="light"] .teknosay-confirm-actions button:not(.teknosay-confirm-accept) {
  color: #334155;
  background: #e2e8f0;
  border-color: #cbd5e1;
}

@media print {
  @page { size: auto; margin: 12mm; }
  html, body {
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    background: #fff !important;
  }
  body * {
    visibility: hidden !important;
  }
  .teknosay-print-area,
  .teknosay-print-area * {
    visibility: visible !important;
  }
  .teknosay-print-area {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    color: #0f172a !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  .teknosay-print-area .teknosay-no-print,
  .teknosay-print-area .teknosay-no-print * {
    display: none !important;
    visibility: hidden !important;
  }
  .teknosay-viewbar,
  .teknosay-cloud-account,
  .teknosay-no-print {
    display: none !important;
    visibility: hidden !important;
  }
}

@media (max-width: 800px) {
  .teknosay-viewbar { left: 0; }
  .teknosay-viewbar-caption span { display: none; }
}