/* optila-color-theme-1.0.0. Screen-only appearance. No visibility, layout or business-rule overrides. */
@media screen {
  .op-kt-theme-picker { margin: 14px 12px 18px; padding: 11px 8px; border: 1px solid #ccd7e8; border-radius: 11px; background: #f4f7fc; color: #263954; }
  .op-kt-theme-label { display: block; margin: 0 3px 7px; font: 600 11px/1.4 "Segoe UI", Arial, sans-serif; }
  .op-kt-theme-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; }
  .op-kt-theme-options button { min-width: 0; padding: 7px 2px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: inherit; cursor: pointer; font: 600 10px/1.3 "Segoe UI", Arial, sans-serif; }
  .op-kt-theme-options button:hover { background: #e4ebf7; }
  .op-kt-theme-options button[aria-pressed="true"] { background: #fff; color: #3830a5; border-color: #bec8e4; box-shadow: 0 2px 5px #18295612; }
  .op-kt-theme-options button:focus-visible { outline: 2px solid #7e95ff; outline-offset: 2px; }
  body.op-kurumsal .op-kt-theme-picker { background: #ffffff08; color: #e8eafb; border-color: #ffffff29; }
  body.op-kurumsal .op-kt-theme-options button:hover { background: #ffffff12; }
  body.op-kurumsal .op-kt-theme-options button[aria-pressed="true"] { background: #f0eeff; border-color: #fff; color: #373093; }
  .ant-layout-sider-collapsed .op-kt-theme-picker { margin-inline: 5px; padding-inline: 3px; }
  .ant-layout-sider-collapsed .op-kt-theme-options { grid-template-columns: 1fr; }
  .ant-layout-sider-collapsed .op-kt-theme-label { text-align: center; font-size: 9px; }

  body.op-kurumsal.op-renkli {
    --kt-shell: #171832; --kt-shell-2: #20234a; --kt-shell-line: #343654; --kt-shell-ink: #e7e9f8; --kt-shell-muted: #b5bdd6;
    --kt-accent: #5146cd; --kt-accent-hover: #4035b1; --kt-bg: #f3f5fb; --kt-card: #fff; --kt-line: #d6deed; --kt-line-soft: #e7ebf4;
    --kt-ink: #1c2541; --kt-muted: #56647c; --kt-th: #edf0f9; --kt-hover: #f1f3fc; --kt-radius: 9px;
    --op-surface: #fff; --op-heading: #f0f2fc; --op-shadow: 0 5px 18px #2235680c, 0 1px 3px #22356808;
    --op-module-ink: #5146cd; --op-module-light: #aa9bff; --op-module-soft: #eeecff;
  }
  body.op-renkli[data-op-color-module="sales"], body.op-renkli [data-op-color="sales"] { --op-module-ink: #245edb; --op-module-light: #8baeff; --op-module-soft: #eef4ff; }
  body.op-renkli[data-op-color-module="rx"], body.op-renkli [data-op-color="rx"] { --op-module-ink: #077b61; --op-module-light: #64d4b3; --op-module-soft: #ecf8f2; }
  body.op-renkli[data-op-color-module="workshop"], body.op-renkli [data-op-color="workshop"] { --op-module-ink: #9b5705; --op-module-light: #f4c167; --op-module-soft: #fff7e6; }
  body.op-renkli[data-op-color-module="uts"], body.op-renkli [data-op-color="uts"] { --op-module-ink: #087d96; --op-module-light: #63d3d5; --op-module-soft: #ecf9fb; }
  body.op-renkli[data-op-color-module="finance"], body.op-renkli [data-op-color="finance"] { --op-module-ink: #6844bd; --op-module-light: #bb9bff; --op-module-soft: #f3efff; }
  body.op-renkli[data-op-color-module="people"], body.op-renkli [data-op-color="people"] { --op-module-ink: #087498; --op-module-light: #71c8ec; --op-module-soft: #edf7fc; }
  body.op-renkli[data-op-color-module="cargo"], body.op-renkli [data-op-color="cargo"] { --op-module-ink: #a34a13; --op-module-light: #ffad7c; --op-module-soft: #fff3eb; }
  body.op-renkli[data-op-color-module="market"], body.op-renkli [data-op-color="market"] { --op-module-ink: #b42f5f; --op-module-light: #f491b4; --op-module-soft: #fff0f5; }
  body.op-renkli [data-op-color="general"] { --op-module-ink: #5146cd; --op-module-light: #aa9bff; --op-module-soft: #eeecff; }
  body.op-kurumsal.op-renkli .op-shell-header { background: linear-gradient(110deg, #171832, #282651 75%, #343067) !important; border-bottom-color: #393754; }
  body.op-kurumsal.op-renkli .ant-layout-sider :is(.ant-menu-item, .ant-menu-submenu-title) .anticon { color: var(--op-module-light) !important; }
  body.op-kurumsal.op-renkli .ant-layout-sider .ant-menu-item-selected { background: #ffffff13 !important; box-shadow: inset 3px 0 0 var(--op-module-light); border: 1px solid #ffffff18; }
  body.op-kurumsal.op-renkli .ant-layout-sider [data-op-deep-menu] { background: #ffffff09 !important; }
  body.op-kurumsal.op-renkli .ant-layout-sider [data-op-deep-menu] .anticon { color: var(--op-module-light) !important; }
  body.op-kurumsal.op-renkli main.ant-layout-content :is(.ant-card, .ow-panel, .od-panel, .op-qs-products, .op-qs-checkout, .op-qs-recent) { border-radius: 13px !important; box-shadow: var(--op-shadow) !important; }
  body.op-kurumsal.op-renkli main.ant-layout-content .ant-card-head { background: var(--op-module-soft); border-radius: 13px 13px 0 0; }
  body.op-kurumsal.op-renkli .ant-btn { transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important; }
  body.op-kurumsal.op-renkli .ant-btn-primary:not(.ant-btn-dangerous):not(:disabled):not(.ant-btn-disabled):hover { box-shadow: 0 4px 12px #5146cd30 !important; }
  body.op-kurumsal.op-renkli :is(.ant-input-affix-wrapper, .ant-picker, .ant-input-number, .ant-select-selector, textarea.ant-input) { background-color: #fff !important; border-color: #aab8d2 !important; color: var(--kt-ink); }
  body.op-kurumsal.op-renkli .ant-input { color: var(--kt-ink); }
  body.op-kurumsal.op-renkli :is(input, textarea)::placeholder { color: #66748a !important; opacity: 1; }
  body.op-kurumsal.op-renkli .ant-select-selection-placeholder { color: #66748a !important; }
  body.op-kurumsal.op-renkli :is(.ant-input-affix-wrapper-focused, .ant-picker-focused, .ant-input-number-focused)[class],
  body.op-kurumsal.op-renkli .ant-select-focused .ant-select-selector { border-color: #5b78ff !important; box-shadow: 0 0 0 3px #5b78ff20 !important; }
  body.op-kurumsal.op-renkli :is(.ant-input-status-error, .ant-input-affix-wrapper-status-error, .ant-input-number-status-error, .ant-picker-status-error)[class],
  body.op-kurumsal.op-renkli .ant-select-status-error .ant-select-selector { border-color: #b91c1c !important; }
  body.op-kurumsal.op-renkli :is(.ant-input-status-warning, .ant-input-affix-wrapper-status-warning, .ant-input-number-status-warning, .ant-picker-status-warning)[class],
  body.op-kurumsal.op-renkli .ant-select-status-warning .ant-select-selector { border-color: #9b5705 !important; }
  body.op-kurumsal.op-renkli :is(input, select, textarea, button, a):focus-visible { outline-color: #5b78ff; }
  body.op-kurumsal.op-renkli .ant-modal-content { border-radius: 14px !important; box-shadow: 0 18px 70px #101b4233; }
  body.op-kurumsal.op-renkli .ant-dropdown-menu { border-radius: 11px !important; }
  body.op-kurumsal.op-renkli .od-head { background: linear-gradient(110deg, #20244d, #3c36a2 65%, #6a4ce3); border-radius: 15px; padding: 22px; color: #fff; margin-bottom: 18px; }
  body.op-kurumsal.op-renkli .od-head h2 { color: #fff; }
  body.op-kurumsal.op-renkli .od-head .od-updated { color: #e4e4fc; }
  body.op-kurumsal.op-renkli .od-head .od-period { background: #ffffff15; border-color: #ffffff35; }
  body.op-kurumsal.op-renkli .od-head .od-period button { color: #fff; }
  body.op-kurumsal.op-renkli .od-head .od-period button[aria-pressed="true"] { background: #fff; color: #3d2cb4; }
  body.op-kurumsal.op-renkli .od-head .od-refresh { color: #fff; background: #ffffff13; border-color: #ffffff44; }
  body.op-kurumsal.op-renkli .od-kpi { border-radius: 13px; box-shadow: var(--op-shadow); transition: box-shadow 160ms ease, border-color 160ms ease; }
  body.op-kurumsal.op-renkli .od-kpi:hover { box-shadow: 0 7px 20px #22356816; }
  body.op-kurumsal.op-renkli [data-rx-ekran="1"] { background: #f7fafc !important; }
  body.op-kurumsal.op-renkli .op-qs-head, body.op-kurumsal.op-renkli .op-qs-tools, body.op-kurumsal.op-renkli .op-qs-basket-head { background: linear-gradient(110deg, #eef2ff, #f9fbff); }
  @media (prefers-reduced-motion: reduce) {
    body.op-kurumsal.op-renkli .ant-btn, body.op-kurumsal.op-renkli .od-kpi { transition: none !important; }
  }
}

/* sidebar-icons-1: original SVG stays in React's DOM; CSS masks supply distinct icons. */
@media screen {
 .ant-layout-sider .anticon[data-op-sidebar-icon] { position: relative; }
 .ant-layout-sider .anticon[data-op-sidebar-icon] > svg { opacity: 0; }
 .ant-layout-sider .anticon[data-op-sidebar-icon]::before { content: ""; display: block; position: absolute; inset: 0; width: 1em; height: 1em; background: currentColor; -webkit-mask: var(--op-sidebar-icon) center / contain no-repeat; mask: var(--op-sidebar-icon) center / contain no-repeat; pointer-events: none; }
 .ant-layout-sider .anticon[data-op-sidebar-icon="cash"] { --op-sidebar-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2015h18v6H3zM5%2015V9h14v6M14%203h6v6h-6zM17%209v6M7%2012h2M11%2012h1M8%2018h8%22%2F%3E%3C%2Fsvg%3E"); }
 .ant-layout-sider .anticon[data-op-sidebar-icon="accounts"] { --op-sidebar-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v16M3%204h6a3%203%200%200%201%203%203%203%203%200%200%201%203-3h6v16h-6a3%203%200%200%200-3%201%203%203%200%200%200-3-1H3zM6%209h3M6%2013h3M15%209h3M15%2013h3%22%2F%3E%3C%2Fsvg%3E"); }
 .ant-layout-sider .anticon[data-op-sidebar-icon="license"] { --op-sidebar-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%207h10M7%2011h4m2%2010%203-2%203%202v-7h-6z%22%2F%3E%3C%2Fsvg%3E"); }
 .ant-layout-sider .anticon[data-op-sidebar-icon="credit"] { --op-sidebar-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v18h18M6%2016l5-6%204%203%206-7M17%206h4v4%22%2F%3E%3C%2Fsvg%3E"); }

 body.op-renkli .ant-layout-sider [data-op-nav-kind="cash"] { --op-module-light: #64d4b3; }
 body.op-renkli .ant-layout-sider [data-op-nav-kind="accounts"] { --op-module-light: #bb9bff; }
 body.op-renkli .ant-layout-sider [data-op-nav-kind="license"] { --op-module-light: #f4c167; }
 body.op-renkli .ant-layout-sider [data-op-nav-kind="credit"] { --op-module-light: #71c8ec; }
 /* Custom module selections are not Ant Design's ant-menu-item-selected. */
 body.op-kurumsal .ant-layout-sider .ant-menu-light .ant-menu-item:is(.opf-module-menu-active, [aria-current="page"]) { background: var(--kt-accent) !important; color: #fff !important; }
 body.op-kurumsal .ant-layout-sider .ant-menu-light .ant-menu-item:is(.opf-module-menu-active, [aria-current="page"]) :is(.ant-menu-title-content, a) { color: inherit !important; }
 body.op-kurumsal .ant-layout-sider .ant-menu-light .ant-menu-item:is(.opf-module-menu-active, [aria-current="page"]) .anticon { color: #fff !important; }
 body.op-kurumsal .ant-layout-sider .ant-menu-light .ant-menu-item.opf-module-menu:is(:hover, :focus-visible) { background: #ffffff12 !important; color: #fff !important; }
 body.op-kurumsal.op-renkli .ant-layout-sider .ant-menu-light .ant-menu-item:is(.ant-menu-item-selected, .opf-module-menu-active, [aria-current="page"]) { background: #ffffff13 !important; color: #fff !important; border: 1px solid #ffffff18; box-shadow: inset 3px 0 0 var(--op-module-light); }
 body.op-kurumsal.op-renkli .ant-layout-sider .ant-menu-light .ant-menu-item:is(.ant-menu-item-selected, .opf-module-menu-active, [aria-current="page"]) .anticon { color: var(--op-module-light) !important; }
 body:not(.op-kurumsal) .ant-layout-sider .ant-menu-light .ant-menu-item:is(.opf-module-menu-active, [aria-current="page"]) { background: #eaf3ff !important; color: #1747b8 !important; }
 body:not(.op-kurumsal) .ant-layout-sider .ant-menu-light .ant-menu-item:is(.opf-module-menu-active, [aria-current="page"]) :is(.ant-menu-title-content, a, .anticon) { color: inherit !important; }
}