.recurring-ledger-panel{margin:0 0 18px}.recurring-ledger-panel .panel-head{align-items:center}.recurring-ledger-panel .panel-head h3{margin:0}.recurring-ledger-panel .panel-head p{margin:4px 0 0;color:#6d786f}.recurring-ledger-panel table{min-width:1050px}.recurring-ledger-panel td.actions{white-space:nowrap}.recurring-ledger-panel .status-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf0ed;font-size:.76rem;font-weight:750}.recurring-ledger-panel .status-chip.success{color:#236842;background:#e1f3e7}.recurring-ledger-panel .status-chip.warning{color:#945031;background:#f8e8df}.row-warning{background:#fff7f2}.checkbox-stack{align-self:end;padding:12px 14px;border:1px solid #d7ded7;border-radius:13px;background:#f6f8f5}.checkbox-stack label{display:flex;gap:9px;align-items:flex-start;font-weight:750}.checkbox-stack label input{width:auto;min-height:auto;margin-top:3px}.checkbox-stack small{display:block;margin:5px 0 0 25px;color:#6d786f}.recurring-total-preview{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-radius:13px;background:#f7f2e8}.recurring-total-preview small{color:#6d786f}.recurring-total-preview strong{font-size:1.2rem}.button.danger{color:#a43f3f;border-color:#d9aaaa;background:#fff8f8}.cancelled-row{opacity:.7;background:#f2f3f1}.status-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf0ed;font-size:.76rem;font-weight:750}.status-chip.success{color:#236842;background:#e1f3e7}.status-chip.danger{color:#8b302c;background:#fae4e0}

:root {
  --forest: #314438;
  --forest-2: #41584a;
  --forest-soft: #e8eee9;
  --sage: #81917c;
  --cream: #f7f1e6;
  --paper: #fffefa;
  --canvas: #f2f3ef;
  --copper: #b96c46;
  --copper-soft: #f5e4d9;
  --ink: #243029;
  --muted: #68736b;
  --line: #d8dcd5;
  --danger: #b24141;
  --danger-soft: #fff0ef;
  --warning: #a8662d;
  --success: #27764a;
  --blue: #536b8f;
  --radius: 13px;
  --shadow: 0 12px 36px rgba(36, 48, 41, .08);
  color-scheme: light;
}

/* v2.9.1 · aynı tür ve fiyattaki ürünler için fiyat grubu filtreleri */
.price-analysis-filter{display:grid;grid-template-columns:minmax(260px,2fr) minmax(150px,.6fr) minmax(150px,.6fr) minmax(220px,1fr) auto;gap:12px;align-items:end;padding:16px;margin-bottom:16px;background:#f7f2e8;border:1px solid #e4ddcf;border-radius:16px}.price-analysis-filter .search-box{position:relative}.price-analysis-filter .suggestions{z-index:80}.price-equivalent-choice{display:flex!important;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #d5ddd5;border-radius:12px;background:#fff;min-height:52px}.price-equivalent-choice input{width:auto!important;min-height:auto!important;margin-top:4px}.price-equivalent-choice span{display:grid;gap:2px}.price-equivalent-choice small{color:#6c786f}.price-scope-note{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 16px;margin-bottom:14px;background:#edf3ee;border:1px solid #cbd8ce;border-radius:14px}.price-scope-note div{display:grid;gap:3px}.price-scope-note span,.price-scope-note small{color:#68756c}.price-summary-grid{margin-bottom:18px}.price-summary-grid .stat-card span{display:block;color:#68756c;font-size:.78rem;margin-top:5px}.stat-card.warning{border-color:#d99a5f;background:#fff8ef}.price-section{margin-top:16px}.price-section .panel-head p{margin:3px 0 0;color:#6d786f}.price-section table{min-width:980px}.price-section th{white-space:nowrap}.price-section td small{color:#6d786f}.empty-cell{text-align:center!important;color:#718078;padding:28px!important}.price-diff{font-weight:750;white-space:nowrap}.price-diff.up{color:#b14d35}.price-diff.down{color:#27764a}.competitor-add-form{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(340px,1.5fr) auto;gap:12px;align-items:end;padding:14px 16px;border-bottom:1px solid #e0e5df;background:#fbfcfa}.competitor-url input{width:100%}.match-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf0ed;font-size:.76rem;font-weight:750;white-space:nowrap}.match-chip.verified{background:#e1f3e7;color:#236842}.match-chip.review{background:#fff1d9;color:#8c5e20}.match-chip.mismatch{background:#f8dfdf;color:#9c3939}.competitor-mismatch{background:#fff7f7}.error-text{color:#a43f3f!important;white-space:normal}.loading-state{padding:48px;text-align:center;color:#647168}
.competitor-search-results{display:grid;gap:9px}.competitor-search-results article{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,auto) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.competitor-search-results article div{display:grid;gap:4px;min-width:0}.competitor-search-results article strong,.competitor-search-results article small,.competitor-search-results article p{overflow-wrap:anywhere}.competitor-search-results article small{color:var(--muted)}.competitor-search-results article p{margin:3px 0 0;color:var(--muted);font-size:.88rem;line-height:1.4}.competitor-result-price{text-align:right}.competitor-result-actions{display:flex!important;grid-auto-flow:column;gap:7px!important}.competitor-result-actions .button{white-space:nowrap}
@media (max-width:1100px){.price-analysis-filter{grid-template-columns:1fr 1fr}.price-analysis-filter .search-box,.price-equivalent-choice{grid-column:1/-1}.price-analysis-filter [data-price-report]{width:100%}}
@media (max-width:700px){.price-analysis-filter{grid-template-columns:1fr;padding:12px}.price-analysis-filter>*{grid-column:1!important}.price-scope-note{align-items:flex-start;flex-direction:column}.competitor-add-form{grid-template-columns:1fr}.competitor-add-form>*{grid-column:1}.price-section .panel-head{align-items:flex-start;gap:10px;flex-direction:column}.competitor-panel .panel-head .button{width:100%}.price-summary-grid{grid-template-columns:1fr 1fr}.price-summary-grid .stat-card{min-height:110px}.price-section .table-wrap{max-height:62vh;overflow:auto}.price-section table{min-width:900px}.competitor-search-results article{grid-template-columns:1fr}.competitor-search-results article .button{width:100%}}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--canvas); color: var(--ink); }
body { font: 15px/1.42 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
button, input, select, textarea { font: inherit; color: inherit; }
button { touch-action: manipulation; }
[hidden] { display: none !important; }

.login-screen {
  min-height: 100vh; display: grid; place-items: center; padding: 24px;
  background:
    radial-gradient(circle at 10% 10%, #f4dfd1 0, transparent 35%),
    radial-gradient(circle at 90% 90%, #dfe8df 0, transparent 38%),
    var(--cream);
}
.login-card {
  width: min(440px, 100%); border: 1px solid #dfdbd1; border-radius: 22px;
  background: rgba(255,255,255,.94); box-shadow: 0 26px 90px #34483b24; overflow: hidden;
}
.login-brand {
  display: flex; align-items: center; gap: 16px; padding: 24px 28px;
  background: var(--forest); color: white;
}
.login-brand img { width: 86px; height: 86px; border-radius: 50%; object-fit: cover; }
.login-brand strong { display: block; font-size: 22px; }
.login-brand span { display: block; color: #dbe2dc; text-transform: uppercase; font-size: 12px; letter-spacing: .12em; }
.login-card form { padding: 28px; }
.login-hint { margin: 0; padding: 0 28px 26px; color: var(--muted); font-size: 13px; }
.remember-login {
  display: flex; align-items: center; gap: 9px; margin: -2px 0 2px; color: var(--ink);
  font-size: 13px; cursor: pointer;
}
.remember-login input { width: 18px; min-height: 18px; margin: 0; accent-color: var(--forest); }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 286px minmax(0, 1fr); }
.sidebar {
  position: fixed; inset: 0 auto 0 0; z-index: 30; width: 286px; display: flex; flex-direction: column;
  background: var(--forest); color: white; box-shadow: 8px 0 28px rgba(28,40,33,.12);
}
.brand {
  min-height: 112px; display: flex; align-items: center; gap: 14px; padding: 16px 22px;
  color: white; text-decoration: none; border-bottom: 1px solid #ffffff19;
}
.brand img { width: 74px; height: 74px; border-radius: 50%; }
.brand strong { display: block; font-size: 22px; font-family: Georgia, serif; }
.brand small { display: block; color: #cfdbd2; text-transform: uppercase; letter-spacing: .09em; font-size: 10px; }
.sidebar nav { flex: 1; overflow: auto; padding: 12px 10px 90px; scrollbar-width: thin; }
.sidebar nav p {
  margin: 17px 11px 6px; color: #b9c8bd; font-size: 10px; font-weight: 800; text-transform: uppercase;
  letter-spacing: .09em;
}
.sidebar nav button {
  width: 100%; display: flex; align-items: center; gap: 11px; padding: 11px 13px; border: 0;
  border-radius: 10px; background: transparent; color: #f5f7f5; cursor: pointer; text-align: left;
}
.sidebar nav button span { width: 21px; color: #dce7df; font-size: 17px; text-align: center; }
.sidebar nav button:hover { background: #ffffff12; }
.sidebar nav button.active { background: var(--paper); color: var(--forest); font-weight: 750; }
.sidebar nav button.active span { color: var(--copper); }
.sidebar footer {
  position: absolute; inset: auto 0 0; padding: 13px 20px 16px; border-top: 1px solid #ffffff1c;
  background: #2c3e33; display: grid; grid-template-columns: 1fr auto;
}
.sidebar footer strong { font-size: 13px; }
.sidebar footer span { grid-column: 1; color: #c7d1ca; font-size: 11px; }
.sidebar footer .app-version {
  grid-column: 1 / 3; margin-top: 7px; color: #d9b79b; font-size: 10px;
  font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
}
.sidebar footer button {
  grid-column: 2; grid-row: 1/3; border: 1px solid #ffffff33; border-radius: 8px; color: white;
  background: transparent; padding: 4px 9px; cursor: pointer;
}
.login-version {
  margin: 10px 0 0; color: var(--muted); font-size: 11px; font-weight: 750;
  letter-spacing: .04em; text-align: center; text-transform: uppercase;
}
.workspace { grid-column: 2; min-width: 0; }
.topbar {
  position: sticky; top: 0; z-index: 20; height: 82px; display: flex; align-items: center; gap: 15px;
  padding: 0 28px; background: rgba(255,254,250,.94); border-bottom: 1px solid var(--line);
  backdrop-filter: blur(14px);
}
.topbar h1 { margin: 0; font-size: 24px; line-height: 1.15; }
.topbar p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 9px; }
.notification-button {
  position: relative; display: inline-grid; place-items: center; width: 42px; height: 42px;
  border: 1px solid var(--line); border-radius: 12px; color: var(--forest); background: white;
  font-size: 18px; cursor: pointer;
}
.notification-button b {
  position: absolute; top: -7px; right: -7px; min-width: 22px; height: 22px; padding: 0 5px;
  display: grid; place-items: center; border: 2px solid white; border-radius: 999px;
  color: white; background: var(--warning); font-size: 10px;
}
.notification-button.has-danger { border-color: #d9aaaa; background: #fff7f5; }
.notification-button.has-danger b { background: var(--danger); }
.notification-button.has-warning { border-color: #e6c88e; background: #fffaf0; }
.notification-button.has-info { border-color: #b9c9dc; background: #f4f8fd; }
.notification-button.has-info b { background: var(--blue); }
.notification-scrim {
  position: fixed; inset: 0; z-index: 69; background: rgba(22,34,27,.34);
  backdrop-filter: blur(1px);
}
.notification-drawer {
  position: fixed; z-index: 70; inset: 0 0 0 auto; width: min(560px, 96vw);
  display: grid; grid-template-rows: auto minmax(0,1fr); background: var(--canvas);
  border-left: 1px solid var(--line); box-shadow: -18px 0 48px rgba(26,39,31,.18);
  animation: notification-drawer-in .18s ease-out;
}
@keyframes notification-drawer-in { from { opacity: .55; transform: translateX(32px); } }
.notification-drawer-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
  padding: 22px 22px 18px; color: white; background: var(--forest);
}
.notification-drawer-head small { color: #cbd7ce; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.notification-drawer-head h2 { margin: 3px 0 1px; font-size: 23px; }
.notification-drawer-head p { margin: 0; color: #d8e0da; font-size: 12px; }
.notification-drawer-head .icon-button { width: 40px; height: 40px; color: white; background: #ffffff12; border-color: #ffffff2a; }
.notification-drawer-body { overflow: auto; overscroll-behavior: contain; padding: 16px 16px 32px; }
.notification-drawer-open { overflow: hidden; }
.notification-summary { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.notification-summary > span { padding: 9px 12px; border-radius: 11px; font-weight: 750; }
.notification-summary > span.danger { color: #8b302c; background: #fae4e0; }
.notification-summary > span.warning { color: #8a5a16; background: #fff1cf; }
.notification-summary > span.info { color: #465e82; background: #e9f0fa; }
.notification-summary .button { margin-left: auto; }
.notification-filters { display: flex; gap: 7px; overflow-x: auto; padding: 0 0 12px; scrollbar-width: thin; }
.notification-filter {
  display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; padding: 8px 10px;
  border: 1px solid var(--line); border-radius: 999px; background: white; cursor: pointer; font-weight: 720;
}
.notification-filter b { min-width: 21px; padding: 2px 5px; border-radius: 999px; color: var(--muted); background: #edf0ed; font-size: 10px; }
.notification-filter.active { color: white; border-color: var(--forest); background: var(--forest); }
.notification-filter.active b { color: var(--forest); background: white; }
.notification-business { font-weight: 800; color: #fff !important; background: #375b48 !important; }
.notification-business.baykar { background: #17213b !important; }
.notification-business.combined { background: #7b5b20 !important; }
.notification-focus { outline: 3px solid #e1a52a; outline-offset: -3px; animation: notification-focus-pulse 1s ease-in-out 3; }
@keyframes notification-focus-pulse { 50% { box-shadow: 0 0 0 7px rgba(225,165,42,.24); } }
.notification-list { display: grid; gap: 10px; }
.notification-item {
  display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 12px; align-items: start;
  padding: 14px; border: 1px solid var(--line); border-left-width: 5px; border-radius: 13px; background: white;
}
.notification-item.warning { border-left-color: #d89a2d; background: #fffdf6; }
.notification-item.danger { border-left-color: var(--danger); background: #fff8f7; }
.notification-item.info { border-left-color: var(--blue); background: #f8fbff; }
.notification-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; font-weight: 900; }
.notification-item.warning .notification-mark { color: #815314; background: #ffe7ad; }
.notification-item.danger .notification-mark { color: white; background: var(--danger); }
.notification-item.info .notification-mark { color: white; background: var(--blue); }
.notification-labels { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.notification-labels small:first-child { padding: 3px 7px; border-radius: 999px; color: var(--forest); background: var(--forest-soft); }
.notification-item small,.notification-item time { display: block; color: var(--muted); font-size: 11px; font-weight: 700; }
.notification-item strong { display: block; margin: 2px 0 4px; }
.notification-item p { margin: 0 0 6px; color: #526158; }
.notification-actions { display: grid; gap: 6px; }
.menu-button { display: none !important; }
.connection-state {
  border-radius: 99px; padding: 6px 10px; background: var(--forest-soft); color: var(--success);
  font-size: 12px; font-weight: 700;
}
.connection-state.offline { background: var(--danger-soft); color: var(--danger); }
.connection-state.pending { background: #fff5e5; color: var(--warning); }
.connection-state.error { background: var(--danger-soft); color: var(--danger); }
.pending-stock { display: block; margin-top: 3px; color: var(--warning); font-size: 10px; white-space: nowrap; }
.sync-queue-list { display: grid; gap: 9px; }
.sync-queue-list article { display: grid; grid-template-columns: minmax(180px,.65fr) minmax(0,1fr); gap: 14px;
  align-items: center; padding: 12px 14px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.sync-queue-list article div { display: grid; gap: 2px; }
.sync-queue-list article small, .sync-queue-list article span { color: var(--muted); overflow-wrap: anywhere; }
.view { padding: 26px 28px 50px; min-height: calc(100vh - 82px); outline: none; }
.view-head {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px;
}
.view-head > div { min-width: 0; }
.view-head h2 { margin: 0; font-size: 20px; }
.view-head p { margin: 4px 0 0; color: var(--muted); overflow-wrap: anywhere; }
.toolbar { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }

.button, .icon-button {
  border: 1px solid transparent; border-radius: 10px; cursor: pointer; transition: .16s ease;
  font-weight: 720;
}
.button { padding: 10px 15px; background: white; border-color: var(--line); }
.button:hover, .icon-button:hover { transform: translateY(-1px); box-shadow: 0 5px 12px #24312815; }
.button.primary { background: var(--forest); color: white; border-color: var(--forest); }
.button.copper { background: var(--copper); color: white; border-color: var(--copper); }
.button.danger { background: var(--danger); color: white; border-color: var(--danger); }
.button.ghost { background: transparent; border-color: var(--line); }
.button.compact { padding: 7px 10px; font-size: 12px; }
.button.wide { width: 100%; }
.button:disabled { opacity: .48; cursor: not-allowed; transform: none; box-shadow: none; }
[hidden] { display: none !important; }
.icon-button {
  width: 40px; height: 40px; display: inline-grid; place-items: center; background: white;
  border-color: var(--line); font-size: 20px;
}

.stats-grid { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 13px; }
.dashboard-board { padding: 18px; border: 1px solid color-mix(in srgb, var(--dashboard-background, var(--canvas)) 76%, #314438); border-radius: 18px; background: var(--dashboard-background, var(--canvas)); }
.stat-card {
  position: relative; min-height: 114px; padding: 18px; border: 1px solid var(--line);
  border-radius: var(--radius); background: var(--card-background, var(--paper)); box-shadow: 0 3px 0 var(--accent, var(--forest));
  overflow: hidden;
}
.stat-card::after {
  content: ""; position: absolute; width: 80px; height: 80px; border-radius: 50%;
  right: -35px; bottom: -42px; background: color-mix(in srgb, var(--accent, var(--forest)) 14%, white);
}
.stat-card small { color: var(--muted); }
.stat-card strong { display: block; margin-top: 12px; font-size: 23px; color: var(--accent, var(--forest)); }
.stat-card.negative strong { color: var(--danger); }
.panel-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; margin-top: 20px; }
.panel {
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: var(--shadow);
  overflow: hidden;
}
.panel-head { padding: 15px 18px; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 10px; }
.panel-head h3 { margin: 0; font-size: 15px; }
.panel-body { padding: 18px; }
.quick-actions { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.quick-action {
  display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px solid var(--line);
  border-radius: 11px; background: white; cursor: pointer; text-align: left;
}
.quick-action span { width: 35px; height: 35px; border-radius: 9px; display: grid; place-items: center; background: var(--cream); color: var(--copper); }

.table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: var(--radius); background: white; }
.table-scroll-dock { position: fixed; bottom: 8px; z-index: 65; height: 19px; overflow-x: auto; overflow-y: hidden; border: 1px solid #aeb8b0; border-radius: 9px; background: #f7f8f5; box-shadow: 0 6px 22px rgba(25,38,30,.2); scrollbar-color: #52685a #e3e8e3; }
.table-scroll-dock > div { height: 1px; }
.table-scroll-dock::-webkit-scrollbar { height: 15px; }
.table-scroll-dock::-webkit-scrollbar-track { border-radius: 8px; background: #e3e8e3; }
.table-scroll-dock::-webkit-scrollbar-thumb { border: 2px solid #e3e8e3; border-radius: 8px; background: #52685a; }
table { width: 100%; border-collapse: collapse; min-width: 780px; }
th, td { padding: 10px 12px; border-bottom: 1px solid #e5e7e2; text-align: left; white-space: nowrap; }
th {
  position: sticky; top: 0; z-index: 2; background: #f6f7f4; color: #536058; font-size: 11px;
  text-transform: uppercase; letter-spacing: .045em;
}
tbody tr { cursor: default; }
tbody tr:hover { background: #f8faf7; }
tbody tr.critical { background: var(--danger-soft); color: #8e2f2f; }
tbody tr.negative { background: #ffdedd; color: #791e1e; font-weight: 700; }
tbody tr.inventory-product-selected {
  background: #e3eee5; color: var(--forest); box-shadow: inset 5px 0 var(--forest-2);
}
td.actions { text-align: right; }
.wrap-cell { max-width: 420px; white-space: normal; overflow-wrap: anywhere; }
.debt-chip, .paid-chip {
  display: inline-flex; align-items: center; border-radius: 99px; padding: 5px 9px;
  font-size: 12px; font-weight: 800;
}
.debt-chip { background: #ffe4e1; color: var(--danger); }
.paid-chip { background: #e8f5eb; color: var(--success); }
.current-debt-summary {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 16px; border: 1px solid #efc8c2; border-radius: 12px; background: #fff6f4;
}
.current-debt-summary strong { color: var(--danger); font-size: 24px; }
.helium-settings-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-bottom: 12px; }
.helium-settings-summary > div, .formula-preview {
  padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--cream);
}
.helium-settings-summary small, .helium-settings-summary strong,
.formula-preview small, .formula-preview strong, .formula-preview span { display: block; }
.helium-settings-summary strong, .formula-preview strong { margin-top: 5px; color: var(--forest); }
.stock-chip { display: inline-flex; align-items: center; border-radius: 99px; padding: 4px 8px; font-size: 11px; font-weight: 800; }
.stock-chip.good { background: #e8f5eb; color: var(--success); }
.stock-chip.critical { background: #ffe8e6; color: var(--danger); }
.stock-chip.negative { background: var(--danger); color: white; }

.product-table-shell { min-width: 0; }
.product-table-toolbar {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin-bottom: 8px; padding: 10px 12px; border: 1px solid var(--line);
  border-radius: 11px; background: var(--paper);
}
.product-table-toolbar strong { display: block; font-size: 13px; }
.product-table-toolbar small { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; }
.product-scroll-controls { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.product-scroll-controls span {
  min-width: 94px; color: var(--muted); font-size: 11px; text-align: center;
}
.product-table-wrap {
  max-width: 100%; max-height: calc(100vh - 315px); min-height: 330px;
  overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable;
  scrollbar-color: var(--forest-2) #e5e9e3; scrollbar-width: auto;
}
.product-table-wrap::-webkit-scrollbar { width: 14px; height: 14px; }
.product-table-wrap::-webkit-scrollbar-track { background: #e5e9e3; border-radius: 9px; }
.product-table-wrap::-webkit-scrollbar-thumb {
  min-width: 80px; border: 3px solid #e5e9e3; border-radius: 9px; background: var(--forest-2);
}
.product-table-wrap:focus { outline: 3px solid #41584a20; outline-offset: 2px; }
.product-table { min-width: 2510px; table-layout: fixed; }
.product-table th {
  min-height: 52px; white-space: normal; line-height: 1.25; vertical-align: bottom;
  overflow-wrap: normal; word-break: normal;
}
.product-table td { overflow: hidden; text-overflow: ellipsis; }
.product-table th:nth-child(1), .product-table td:nth-child(1) { width: 125px; }
.product-table th:nth-child(2), .product-table td:nth-child(2) { width: 285px; }
.product-table th:nth-child(3), .product-table td:nth-child(3) { width: 140px; }
.product-table th:nth-child(4), .product-table td:nth-child(4) { width: 125px; }
.product-table th:nth-child(5), .product-table td:nth-child(5) { width: 165px; }
.product-table th:nth-child(6), .product-table td:nth-child(6) { width: 175px; }
.product-table th:nth-child(7), .product-table td:nth-child(7) { width: 165px; }
.product-table th:nth-child(8), .product-table td:nth-child(8) { width: 165px; }
.product-table th:nth-child(9), .product-table td:nth-child(9) { width: 155px; }
.product-table th:nth-child(10), .product-table td:nth-child(10) { width: 150px; }
.product-table th:nth-child(11), .product-table td:nth-child(11) { width: 105px; }
.product-table th:nth-child(12), .product-table td:nth-child(12) { width: 145px; }
.product-table th:nth-child(13), .product-table td:nth-child(13) { width: 150px; }
.product-table th:nth-child(14), .product-table td:nth-child(14) { width: 145px; }
.product-table th:nth-child(15), .product-table td:nth-child(15) { width: 135px; }
.product-table th:nth-child(16), .product-table td:nth-child(16) { width: 150px; }
.product-table th:nth-child(17), .product-table td:nth-child(17) { width: 125px; }
.product-table th:nth-child(18), .product-table td:nth-child(18) { width: 105px; }

.filters {
  display: grid; grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(130px, .28fr));
  gap: 10px; padding: 13px; border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--paper); margin-bottom: 13px;
}
.inventory-search-filter { min-width: 0; }
.inventory-search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.product-search-clear { min-height: 42px; }
.search-help {
  display: block; margin: 6px 2px 0; color: var(--muted); font-size: 10px;
  font-weight: 500; line-height: 1.35; overflow-wrap: anywhere;
}
label { display: block; margin-bottom: 5px; color: #414c45; font-size: 12px; font-weight: 720; }
input, select, textarea {
  width: 100%; min-height: 42px; border: 1px solid #cfd4cd; border-radius: 9px; background: white;
  padding: 9px 11px; outline: none;
}
input:focus, select:focus, textarea:focus { border-color: var(--forest-2); box-shadow: 0 0 0 3px #41584a16; }
textarea { min-height: 82px; resize: vertical; }
.stack { display: grid; gap: 15px; }
.form-grid { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 13px; }
.span-2 { grid-column: span 2; }.span-3 { grid-column: span 3; }.span-4 { grid-column: span 4; }
.span-5 { grid-column: span 5; }.span-6 { grid-column: span 6; }.span-8 { grid-column: span 8; }
.span-9 { grid-column: span 9; }.span-12 { grid-column: span 12; }
.form-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; }
.form-error { color: var(--danger); background: var(--danger-soft); padding: 10px; border-radius: 8px; }
.muted { color: var(--muted); }.money { text-align: right; font-variant-numeric: tabular-nums; }
.unit-conversion-card {
  padding: 14px; border: 1px solid #d7b98f; border-radius: 12px; background: #fff8ec;
}
.unit-conversion-card.applied { border-color: #b9cfbe; background: #f1f8f3; }
.unit-conversion-card > strong { display: block; color: var(--forest); }
.unit-conversion-card > small { display: block; margin-top: 5px; color: var(--muted); }
.unit-conversion-check {
  display: flex; align-items: flex-start; gap: 10px; margin: 0; cursor: pointer;
}
.unit-conversion-check input { flex: 0 0 auto; width: 18px; min-height: 18px; margin-top: 2px; }
.unit-conversion-check span { min-width: 0; }
.unit-conversion-check strong, .unit-conversion-check small { display: block; }
.unit-conversion-check small { margin-top: 4px; color: var(--muted); font-weight: 400; }
.unit-conversion-vat {
  display: flex; align-items: flex-start; gap: 10px; margin: 12px 0 0 28px;
  padding: 10px; border: 1px solid #ead8bd; border-radius: 9px; background: #fffdf8;
  cursor: pointer;
}
.unit-conversion-vat input { flex: 0 0 auto; width: 18px; min-height: 18px; margin-top: 2px; }
.unit-conversion-vat span { min-width: 0; }
.unit-conversion-vat strong, .unit-conversion-vat small { display: block; }
.unit-conversion-vat small { margin-top: 4px; color: var(--muted); font-weight: 400; }
[data-unit-conversion-preview] {
  display: grid; grid-template-columns: 72px 1fr; gap: 5px 10px; margin-top: 12px;
  padding: 10px; border-radius: 9px; background: white; color: var(--muted);
}
[data-unit-conversion-preview] strong { color: var(--forest); }

.link-button {
  border: 0; padding: 0; background: transparent; color: var(--forest);
  cursor: pointer; text-align: left; font: inherit; text-decoration: underline;
  text-decoration-color: transparent; text-underline-offset: 3px;
}
.link-button:hover, .link-button:focus-visible { text-decoration-color: currentColor; }
.note-preview { max-width: 320px; }
.note-preview summary { cursor: pointer; color: var(--muted); list-style-position: inside; }
.note-preview div { margin-top: 8px; white-space: pre-wrap; line-height: 1.45; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.detail-grid > div { border: 1px solid var(--line); border-radius: 12px; padding: 12px; min-width: 0; }
.detail-grid small, .detail-grid strong { display: block; }
.detail-grid strong, .detail-grid p { margin: 5px 0 0; overflow-wrap: anywhere; }
.detail-grid .span-2 { grid-column: span 2; }
.permission-editor { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.permission-editor .panel-head { padding: 14px; }
.permission-editor .panel-head small { display: block; margin-top: 4px; color: var(--muted); }
.permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line); }
.permission-grid label { display: flex; gap: 10px; align-items: flex-start; background: #fff; padding: 12px; cursor: pointer; }
.permission-grid input { width: 18px; min-height: 18px; flex: 0 0 auto; margin-top: 2px; }
.permission-grid strong, .permission-grid small { display: block; }
.permission-grid small { margin-top: 3px; color: var(--muted); font-weight: 400; line-height: 1.35; }

@media (max-width: 720px) {
  .detail-grid, .permission-grid { grid-template-columns: 1fr; }
  .detail-grid .span-2 { grid-column: auto; }
  .current-account-filters { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
  .current-account-filters .button { flex: 0 0 auto; }
}
.purchase-unit {
  display: block; margin-top: 3px; color: var(--muted); font-size: 10px; white-space: nowrap;
}
.purchase-metric {
  display: inline-block; min-width: 105px; color: var(--forest); line-height: 1.35;
  font-variant-numeric: tabular-nums;
}
.purchase-classified-lines {
  margin-top: 12px; overflow: hidden; border: 1px solid #c7d1c8;
  border-radius: 11px; background: #fbfcfb;
}
.purchase-classified-lines .section-title {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 11px 13px; background: #eef3ef;
}
.purchase-classified-lines .section-title > div { display: grid; gap: 3px; }
.purchase-classified-lines .section-title strong { color: var(--forest); }
.purchase-classified-lines .section-title small { color: var(--muted); }
.purchase-classified-lines .table-wrap { border-width: 1px 0 0; border-radius: 0; }
.purchase-multi-info {
  display: flex; align-items: center; gap: 12px; padding: 11px 13px;
  border: 1px solid #c8d1c8; border-radius: 10px; background: var(--forest-soft);
}
.purchase-multi-info strong { color: var(--forest); white-space: nowrap; }
.purchase-multi-info span { color: var(--muted); font-size: 12px; }
.purchase-add-action { display: flex; align-items: flex-end; }
.purchase-add-action .button { min-height: 42px; }
.purchase-selection {
  display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 9px 12px;
  border: 1px dashed #c8d1c8; border-radius: 9px; color: var(--muted); background: #fafbf9;
  font-size: 12px;
}
.purchase-selection.selected { border-style: solid; border-color: #91a394; background: var(--forest-soft); }
.purchase-selection strong { color: var(--forest); white-space: nowrap; }
.purchase-selection span { min-width: 0; overflow-wrap: anywhere; }
.search-box { position: relative; }
.search-box input { padding-right: 44px; }
.search-box .scan-button {
  position: absolute; right: 4px; bottom: 4px; width: 34px; height: 34px; border: 0;
  background: var(--forest-soft); border-radius: 7px; cursor: pointer;
}
#sale-product-search .scan-button { top: 26px; bottom: auto; }
#inventory-product-search .scan-button { top: 4px; bottom: auto; }
.suggestions { display: none; }
.suggestions.floating-suggestions {
  position: fixed; z-index: 120; display: block; overflow: auto; overscroll-behavior: contain;
  border: 1px solid #bfc7bd; border-radius: 14px; background: white;
  box-shadow: 0 24px 70px #17231c35, 0 3px 12px #17231c20;
}
.suggestion-head {
  position: sticky; z-index: 3; top: 0; display: flex; align-items: flex-start;
  justify-content: space-between; gap: 16px; padding: 12px 14px;
  border-bottom: 1px solid var(--line); background: #fbfaf6f5; backdrop-filter: blur(8px);
}
.suggestion-head > div { min-width: 0; display: grid; gap: 2px; }
.suggestion-head strong { color: var(--forest); font-size: 13px; }
.suggestion-head span { color: var(--muted); font-size: 11px; line-height: 1.35; }
.suggestion-head button {
  flex: 0 0 auto; width: 34px; height: 34px; border: 0; border-radius: 9px;
  background: var(--forest-soft); color: var(--forest); font-size: 21px; cursor: pointer;
}
.suggestion-results { display: grid; }
.suggestion-option {
  width: 100%; min-height: 86px; display: grid; grid-template-columns: minmax(0, 1fr) auto;
  align-items: center; gap: 16px; padding: 12px 14px; border: 0;
  border-bottom: 1px solid #e8ebe6; background: white; color: var(--ink);
  text-align: left; white-space: normal; cursor: pointer;
}
.suggestion-option:last-child { border-bottom: 0; }
.suggestion-option:hover, .suggestion-option.active {
  position: relative; z-index: 1; background: var(--forest-soft); box-shadow: inset 4px 0 var(--forest-2);
}
.suggestion-option:focus-visible { outline: 3px solid #2b684d42; outline-offset: -3px; }
.suggestion-option.critical { box-shadow: inset 4px 0 #c87132; }
.suggestion-option.negative { box-shadow: inset 4px 0 var(--danger); background: #fff7f6; }
.suggestion-identity { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 5px 9px; }
.suggestion-identity > strong {
  grid-column: 1 / -1; min-width: 0; overflow-wrap: anywhere; color: var(--ink);
  font-size: 14px; line-height: 1.32;
}
.suggestion-identity > b {
  align-self: start; padding: 3px 7px; border-radius: 6px; background: #eef1ec;
  color: var(--forest); font-size: 11px; font-variant-numeric: tabular-nums;
}
.suggestion-identity > small {
  min-width: 0; align-self: center; overflow-wrap: anywhere; color: var(--muted);
  font-size: 11px; line-height: 1.4;
}
.suggestion-numbers { display: grid; grid-template-columns: repeat(2, minmax(122px, auto)); gap: 8px; }
.suggestion-stock, .suggestion-price {
  min-height: 51px; display: grid; align-content: center; gap: 2px; padding: 7px 10px;
  border: 1px solid var(--line); border-radius: 9px; background: #fbfcfa; text-align: right;
}
.suggestion-stock small, .suggestion-price small { color: var(--muted); font-size: 9px; }
.suggestion-stock b, .suggestion-price b { white-space: nowrap; color: var(--forest); font-size: 12px; }
.suggestion-stock.critical { border-color: #d69b70; background: #fff8ef; }
.suggestion-stock.critical b { color: #9c511d; }
.suggestion-stock.negative { border-color: #dc8984; background: #fff0ee; }
.suggestion-stock.negative b { color: var(--danger); }
.suggestion-price.missing { border-color: #dfc6b3; background: #fffaf5; }
.suggestion-price.missing b { color: #9b5b31; }
.suggestion-state {
  min-height: 72px; display: grid; align-content: center; gap: 3px; padding: 14px 16px;
  background: white;
}
.suggestion-state strong { color: var(--forest); font-size: 13px; }
.suggestion-state span { color: var(--muted); font-size: 11px; }
.suggestion-state.error { background: var(--danger-soft); }
.suggestion-state.error strong { color: var(--danger); }
.cart-summary {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 20px; padding: 13px; background: var(--cream);
  border: 1px solid #eadfce; border-radius: 10px; margin-top: 12px;
}
.cart-summary span { min-width: 0; }
.cart-summary strong { font-size: 17px; white-space: nowrap; }
.cart-summary .summary-source-note {
  padding: 4px 8px; border-radius: 99px; background: #e2f1e6; color: #25653c;
  font-size: 10px; font-weight: 850; white-space: nowrap;
}
.purchase-invoice-totals-card {
  overflow: hidden; border: 1px solid #b9c8bc; border-radius: 11px; background: #fbfcfb;
}
.purchase-invoice-totals-card > header {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 11px 13px; background: #eef3ef;
}
.purchase-invoice-totals-card > header > div { min-width: 0; display: grid; gap: 3px; }
.purchase-invoice-totals-card > header strong { color: var(--forest); }
.purchase-invoice-totals-card > header small { color: var(--muted); }
.invoice-total-fields {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 12px 13px;
}
.invoice-total-fields label { min-width: 0; font-weight: 700; }
.money-input { position: relative; margin-top: 5px; }
.money-input > span {
  position: absolute; z-index: 1; left: 12px; top: 50%; transform: translateY(-50%);
  color: var(--muted); font-weight: 800;
}
.money-input input { width: 100%; min-width: 0; padding-left: 30px; font-variant-numeric: tabular-nums; }
.invoice-total-status {
  margin: 0 13px 12px; padding: 9px 11px; border-radius: 8px; background: #f3f5f2;
  color: var(--muted); font-size: 11px; line-height: 1.45;
}
.invoice-total-status .good { color: #2d6846; font-weight: 750; }
.invoice-total-status .warning { color: #9b5420; font-weight: 700; }
.quick-sale-browser {
  margin-top: 14px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius);
  background: linear-gradient(180deg, #fff 0%, #fbfaf6 100%); box-shadow: var(--shadow);
}
.quick-browser-head, .quick-cart-head {
  display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 13px;
}
.quick-browser-head > div, .quick-cart-head > div { min-width: 0; }
.quick-browser-head h3, .quick-cart-head h3 { margin: 0; font-size: 16px; }
.quick-browser-head p, .quick-cart-head p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.quick-browser-head > span, .quick-cart-head > strong {
  flex: 0 0 auto; padding: 7px 10px; border-radius: 9px; background: var(--cream); color: var(--forest);
  font-size: 12px;
}
.quick-category-strip {
  display: flex; gap: 9px; overflow-x: auto; padding: 2px 2px 10px; scrollbar-width: thin;
}
.quick-category-strip button {
  flex: 0 0 auto; min-width: 145px; display: grid; grid-template-columns: 30px 1fr auto;
  align-items: center; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 11px;
  background: white; color: var(--ink); cursor: pointer; text-align: left;
}
.quick-category-strip button > span {
  width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px;
  background: var(--forest-soft); color: var(--forest); font-size: 17px;
}
.quick-category-strip button strong { font-size: 12px; line-height: 1.2; }
.quick-category-strip button em {
  min-width: 23px; padding: 3px 6px; border-radius: 99px; background: #eef0eb; color: var(--muted);
  font-size: 10px; font-style: normal; text-align: center;
}
.quick-category-strip button:hover, .quick-category-strip button.active {
  border-color: var(--forest-2); background: var(--forest); color: white;
}
.quick-category-strip button.active > span, .quick-category-strip button:hover > span {
  background: #ffffff1d; color: white;
}
.quick-category-strip button.active em, .quick-category-strip button:hover em {
  background: #ffffff24; color: white;
}
.quick-product-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); gap: 10px;
  max-height: 470px; overflow: auto; padding: 2px;
}
.quick-product-card {
  position: relative; min-height: 142px; display: flex; flex-direction: column; align-items: stretch;
  gap: 7px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: white;
  color: var(--ink); text-align: left; cursor: pointer; transition: transform .12s ease, box-shadow .12s ease;
}
.quick-product-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px #26372d18; border-color: var(--forest-2); }
.quick-product-card.critical { border-color: #d8847d; background: #fff7f6; }
.quick-product-card.negative { border-color: var(--danger); background: #ffe9e7; }
.quick-product-card.just-added { animation: product-added .35s ease; }
@keyframes product-added { 45% { transform: scale(.96); background: #e8f5eb; } }
.quick-product-category {
  align-self: flex-start; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  padding: 3px 7px; border-radius: 99px; background: var(--cream); color: var(--copper);
  font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em;
}
.quick-product-card > strong { font-size: 13px; line-height: 1.3; }
.quick-product-card > small { color: var(--muted); line-height: 1.25; overflow-wrap: anywhere; }
.quick-product-barcode {
  display: flex; align-items: center; gap: 5px; min-height: 18px; color: var(--muted);
  font-size: 10px; font-variant-numeric: tabular-nums;
}
.quick-product-barcode::before { content: "▥"; color: var(--forest-2); font-size: 12px; }
.quick-product-barcode.missing::before { content: "—"; }
.quick-product-meta {
  display: flex; justify-content: space-between; align-items: flex-end; gap: 8px; margin-top: auto;
}
.quick-product-meta em { color: var(--muted); font-size: 11px; font-style: normal; }
.quick-product-meta b { color: var(--forest); font-size: 15px; }
.quick-product-limit { margin: 10px 2px 0; color: var(--muted); font-size: 11px; }
.quick-cart-panel { margin-top: 14px; padding: 15px; border: 1px solid var(--line); border-radius: var(--radius); background: white; }
.sale-workspace {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, 455px);
  align-items: start; gap: 16px;
}
.sale-main { min-width: 0; }
.sale-search-panel { min-width: 0; overflow: visible; margin-bottom: 14px; }
.sale-search-panel label { overflow-wrap: anywhere; }
.sale-search-actions { display: flex; justify-content: flex-end; margin-top: 9px; }
.sale-drawer {
  position: sticky; top: 94px; min-width: 0; max-height: calc(100vh - 112px); overflow: auto;
  border: 1px solid #c8d0c7; border-radius: 15px; background: #fff;
  box-shadow: 0 18px 45px #1d2b2220; overscroll-behavior: contain;
  scrollbar-gutter: stable; -webkit-overflow-scrolling: touch;
}
.sale-drawer-handle {
  position: sticky; top: 0; z-index: 12; width: 100%; display: flex;
  justify-content: space-between; align-items: center; gap: 12px; padding: 13px 15px;
  border-bottom: 1px solid var(--line); background: var(--forest); color: white;
}
.sale-drawer-toggle { min-width: 0; flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0; border: 0; background: transparent; color: white; text-align: left; cursor: pointer; }
.sale-drawer-toggle span { display: flex; align-items: center; gap: 8px; }
.sale-drawer-toggle i { font-style: normal; transition: transform .2s ease; }.sale-drawer:not(.open) .sale-drawer-toggle i { transform: rotate(180deg); }
.sale-drawer-handle em { font-size: 11px; font-style: normal; color: #dfe9e1; }
.sale-drawer-handle b { font-size: 17px; white-space: nowrap; }
.sale-drawer-actions { display: flex; align-items: center; gap: 10px; }
.drawer-confirm { min-height: 38px; padding: 7px 13px; border: 1px solid #ffffff55; border-radius: 9px; background: white; color: var(--forest); font-weight: 800; cursor: pointer; }
.drawer-confirm:disabled { opacity: .48; cursor: not-allowed; }
.sale-drawer .quick-cart-panel { margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.sale-drawer .sale-checkout-panel { margin: 0; border-top: 1px solid var(--line); background: #fbfaf6; }
.sale-drawer .checkout-fields { grid-template-columns: repeat(2, 1fr); }
.sale-drawer .checkout-field { min-width: 0; grid-column: auto; }
.sale-drawer .checkout-field.customer, .sale-drawer .checkout-field.discount,
.sale-drawer .checkout-field.notes { grid-column: 1 / -1; }
.sale-drawer .checkout-bar { position: static; flex-direction: column; align-items: stretch; }
.sale-drawer .checkout-bar > div { display: flex; align-items: center; justify-content: space-between; text-align: left; }
.sale-drawer .checkout-submit { min-width: 0; width: 100%; }
.sale-cart-list {
  display: grid; gap: 10px; max-height: none; overflow: visible;
  padding: 2px;
}
.sale-cart-empty { display: grid; place-items: center; gap: 6px; min-height: 108px; padding: 18px; text-align: center; }
.sale-cart-empty strong { color: var(--forest); font-size: 18px; }.sale-cart-empty span { color: var(--muted); font-size: 12px; }
.sale-cart-item {
  min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 12px;
  background: #fbfcfa; box-shadow: 0 2px 7px #26372d0b;
}
.sale-cart-item-head {
  display: grid; grid-template-columns: minmax(0, 1fr) 34px; align-items: start; gap: 10px;
  padding-bottom: 10px; border-bottom: 1px solid #e3e7e1;
}
.sale-cart-item-head > div { min-width: 0; display: grid; gap: 3px; }
.sale-cart-item-head strong { overflow-wrap: anywhere; line-height: 1.28; }
.sale-cart-item-head small { color: var(--muted); overflow-wrap: anywhere; }
.sale-cart-code {
  justify-self: start; padding: 2px 6px; border-radius: 5px; background: var(--forest-soft);
  color: var(--forest); font-size: 10px; font-weight: 800; font-variant-numeric: tabular-nums;
}
.sale-cart-remove {
  width: 34px; height: 34px; border: 1px solid #e0b8b5; border-radius: 9px;
  background: var(--danger-soft); color: var(--danger); font-size: 20px; cursor: pointer;
}
.sale-cart-options:empty { display: none; }
.sale-cart-options { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 12px; margin-top: 9px; }
.sale-cart-controls {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 10px;
}
.sale-cart-field, .sale-cart-line-total {
  min-width: 0; display: grid; align-content: end; gap: 5px; margin: 0;
}
.sale-cart-field > span, .sale-cart-line-total > span {
  color: var(--muted); font-size: 10px; font-weight: 750;
}
.sale-cart-field > input { min-width: 0; min-height: 38px; }
.sale-cart-field > strong { min-height: 38px; display: flex; align-items: center; }
.sale-cart-line-total {
  padding: 8px 10px; border-radius: 9px; background: var(--cream); text-align: right;
}
.sale-cart-line-total strong { color: var(--forest); font-size: 16px; white-space: nowrap; }
.helium-line-toggle {
  display: flex; align-items: center; gap: 6px; margin-top: 7px; color: var(--forest);
  font-size: 11px; font-weight: 750; white-space: nowrap;
}
.helium-line-toggle input { width: 17px; min-height: 17px; }
.helium-line-fee { display: block; margin-top: 4px; color: #97603c; font-weight: 750; }
.helium-fee-editor {
  display: flex; align-items: center; gap: 7px; margin-top: 5px; color: #7a4c2c;
  font-size: 10px; font-weight: 800; white-space: nowrap;
}
.helium-fee-editor input { width: 86px; min-height: 31px; padding: 5px 7px; }
.production-output-card {
  display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px;
  border: 1px solid #c9d2ca; border-radius: 11px; background: var(--forest-soft);
}
.production-output-card strong { color: var(--forest); }
.production-output-card span { color: var(--muted); }
.production-help { display: flex; align-items: flex-end; padding-bottom: 10px; color: var(--muted); }
.production-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.production-summary span { display: grid; gap: 4px; }
.production-summary strong { font-size: 17px; }
.report-breakdowns { margin-top: 18px; align-items: start; }
.report-view-head { align-items: flex-start; }
.report-filter-card {
  margin-bottom: 16px; padding: 15px; border: 1px solid var(--line); border-radius: var(--radius);
  background: #fffdf9; box-shadow: var(--shadow);
}
.report-date-grid { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) 190px; gap: 12px; align-items: end; }
.report-date-grid .button { min-height: 47px; }
.report-periods { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }
.report-summary-band {
  display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 1px; overflow: hidden;
  margin: 0 0 15px; border: 1px solid #c9d2ca; border-radius: var(--radius); background: #c9d2ca;
}
.report-summary-band > div { display: grid; gap: 4px; padding: 14px 16px; background: #f8fbf8; }
.report-summary-band small { color: var(--muted); }
.report-summary-band strong { color: var(--forest); font-size: 19px; }
.negative-text { color: var(--danger) !important; }
.report-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.report-kpis .stat-card span { display: block; margin-top: 8px; color: var(--muted); font-size: 11px; line-height: 1.35; }
.report-mini-kpis { margin-bottom: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.report-accounting-note {
  margin: 15px 0; padding: 12px 14px; border: 1px solid #dfc697; border-left: 5px solid #c98250;
  border-radius: 10px; background: #fff8e9; color: #5f4b32; line-height: 1.45;
}
.report-tabs {
  position: sticky; top: 0; z-index: 6; display: flex; gap: 6px; overflow-x: auto;
  margin: 0 0 15px; padding: 7px; border: 1px solid var(--line); border-radius: 12px;
  background: #f7f8f5ee; backdrop-filter: blur(9px); scrollbar-width: thin;
}
.report-tabs button {
  flex: 0 0 auto; min-height: 38px; padding: 7px 12px; border: 1px solid transparent; border-radius: 8px;
  background: transparent; color: var(--forest); font-weight: 800; cursor: pointer;
}
.report-tabs button:hover, .report-tabs button.active { background: var(--forest); color: white; }
.report-panel[hidden] { display: none !important; }
.report-panel { display: grid; gap: 16px; }
.report-chart-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.report-chart-grid.one-chart { grid-template-columns: minmax(0, 1fr); }
.report-chart-card {
  min-width: 0; padding: 17px; border: 1px solid var(--line); border-radius: var(--radius);
  background: white; box-shadow: var(--shadow);
}
.report-chart-title { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; margin-bottom: 12px; }
.report-chart-title h3 { margin: 0; color: var(--forest); font-size: 16px; }
.report-chart-title p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.report-chart-title > strong { white-space: nowrap; color: var(--forest); font-size: 17px; }
.report-pie-layout { display: grid; grid-template-columns: minmax(150px, .75fr) minmax(0, 1.25fr); gap: 16px; align-items: center; }
.report-pie { width: min(100%, 230px); margin: auto; overflow: visible; }
.report-pie text { fill: var(--muted); font-size: 11px; font-weight: 700; }
.report-pie .pie-total { fill: var(--forest); font-size: 16px; font-weight: 900; }
.report-legend { min-width: 0; display: grid; gap: 7px; }
.report-legend > div { display: grid; grid-template-columns: 11px minmax(0, 1fr) auto; gap: 7px; align-items: center; }
.report-legend i { width: 11px; height: 11px; border-radius: 3px; }
.report-legend span { min-width: 0; overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; }
.report-legend b { color: var(--forest); font-size: 11px; }
.report-bars { display: grid; gap: 8px; }
.report-bar-row { display: grid; grid-template-columns: minmax(100px, .8fr) minmax(120px, 1.5fr) 92px; gap: 9px; align-items: center; }
.report-bar-row > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.report-bar-row > div { height: 13px; overflow: hidden; border-radius: 99px; background: #edf0ed; }
.report-bar-row i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--forest), #78917f); }
.report-bar-row i.negative-bar { background: linear-gradient(90deg, #8f3939, #c46b63); }
.report-bar-row b { color: var(--forest); font-size: 11px; text-align: right; white-space: nowrap; }
.report-comparison-legend { display: flex; gap: 15px; margin-bottom: 10px; color: var(--muted); font-size: 11px; }
.report-comparison-legend span::before { content: ''; display: inline-block; width: 9px; height: 9px; margin-right: 5px; border-radius: 2px; }
.report-comparison-legend .sale::before, .report-comparison-bars .sale { background: #314438; }
.report-comparison-legend .purchase::before, .report-comparison-bars .purchase { background: #c98250; }
.report-comparison-legend .expense::before, .report-comparison-bars .expense { background: #a06c67; }
.report-comparison-bars { max-height: 420px; overflow-y: auto; display: grid; gap: 8px; padding-right: 4px; }
.report-comparison-bars > div { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 3px 9px; }
.report-comparison-bars b { grid-row: 1 / 4; align-self: center; color: var(--muted); font-size: 10px; }
.report-comparison-bars span { display: block; min-width: 0; height: 7px; border-radius: 0 99px 99px 0; }
.report-feature {
  display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 18px;
  border: 1px solid #dcb889; border-radius: var(--radius); background: linear-gradient(135deg, #fff8e8, #f5efe5);
}
.report-feature span { color: #a45e30; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.report-feature h3 { margin: 4px 0; color: var(--forest); font-size: 21px; }
.report-feature p { margin: 0; color: var(--muted); }
.report-feature > strong { color: var(--forest); font-size: 25px; white-space: nowrap; }
.report-data-panel { min-width: 0; }
.report-data-panel .panel-head { align-items: center; }
.report-data-panel .panel-head h3 { margin-bottom: 3px; }
.report-data-panel .panel-head p { margin: 0; color: var(--muted); font-size: 11px; }
.report-data-panel .panel-head > span { padding: 5px 9px; border-radius: 99px; background: var(--forest-soft); color: var(--forest); font-size: 11px; font-weight: 800; }
.report-drilldown-list { display: grid; gap: 11px; }
.report-source,.report-category { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfa; }
.report-source > summary,.report-category > summary { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 13px 15px; cursor: pointer; list-style: none; }
.report-source > summary::-webkit-details-marker,.report-category > summary::-webkit-details-marker { display: none; }
.report-source > summary::before,.report-category > summary::before { content: '›'; color: var(--forest); font-size: 21px; font-weight: 900; transition: transform .15s; }
.report-source[open] > summary::before,.report-category[open] > summary::before { transform: rotate(90deg); }
.report-source > summary > span:first-of-type,.report-category > summary > span:first-of-type { flex: 1; }
.report-source summary span,.report-category summary span { display: grid; gap: 3px; }
.report-source summary span:last-child,.report-category summary span:last-child { text-align: right; }
.report-source summary small,.report-category summary small { color: var(--muted); }
.report-source-body { display: grid; gap: 9px; padding: 0 12px 12px 38px; }
.report-category { background: white; }
.report-category .table-wrap { border-width: 1px 0 0; border-radius: 0; }
.report-category table { min-width: 760px; }
.print-option { display: flex; gap: 11px; align-items: flex-start; margin-top: 15px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 11px; background: #f7f9f6; cursor: pointer; }
.print-option input { width: 19px; min-height: 19px; margin-top: 2px; accent-color: var(--forest); }
.print-option span { display: grid; gap: 2px; }
.print-option small { color: var(--muted); }
.report-table-wrap { max-height: 520px; overflow: auto; scrollbar-width: thin; }
.report-table-wrap thead { position: sticky; top: 0; z-index: 2; }
.report-table-wrap th { white-space: nowrap; }
.report-table-wrap td { max-width: 300px; }
.report-table-wrap td:not(.money) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quick-cart-actions { display: flex; align-items: center; gap: 9px; }
.quick-cart-actions > strong {
  padding: 7px 10px; border-radius: 9px; background: var(--cream); color: var(--forest); font-size: 12px;
}
.cart-confirm-top { min-width: 142px; box-shadow: 0 4px 0 #1f3026; }
.operation-panel {
  margin-bottom: 14px; padding: 16px; border: 1px solid #d7c6ae; border-radius: var(--radius);
  background: linear-gradient(135deg, #fffaf1, #f7f3eb); box-shadow: var(--shadow);
}
.operation-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 12px; }
.operation-head h3 { margin: 0; font-size: 16px; }.operation-head p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.operation-head > strong { padding: 7px 11px; border-radius: 99px; background: var(--forest); color: white; font-size: 12px; }
.operation-type-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 9px; }
.operation-type {
  min-height: 96px; display: grid; grid-template-columns: 34px 1fr; grid-template-rows: auto auto;
  align-content: center; gap: 3px 9px; padding: 12px; border: 1px solid var(--line); border-radius: 11px;
  background: white; color: var(--ink); text-align: left; cursor: pointer;
}
.operation-type > span {
  grid-row: 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; align-self: center;
  border-radius: 9px; background: var(--forest-soft); color: var(--forest); font-size: 17px; font-weight: 850;
}
.operation-type strong, .operation-type small { min-width: 0; overflow-wrap: anywhere; }
.operation-type strong { align-self: end; font-size: 13px; line-height: 1.25; }
.operation-type small { color: var(--muted); line-height: 1.3; }
.operation-type:hover, .operation-type.active { border-color: var(--forest); background: var(--forest); color: white; }
.operation-type:hover > span, .operation-type.active > span { background: #ffffff20; color: white; }
.operation-type:hover small, .operation-type.active small { color: #e3ebe5; }
.organization-choice {
  display: grid; grid-template-columns: minmax(170px, .32fr) minmax(280px, 1fr); align-items: center;
  gap: 7px 12px; margin-top: 12px; padding: 12px; border-radius: 10px; background: #fff;
  border: 1px solid #d8c4a8;
}
.organization-choice label { margin: 0; }.organization-choice small { grid-column: 2; color: var(--muted); }
.discount-field {
  padding: 11px 12px; border: 1px solid #d59a64; border-radius: 10px;
  background: #fff6e9; box-shadow: inset 4px 0 0 #c17b3f;
}
.discount-field label { color: #7a431e; font-weight: 850; }
.discount-field input { border-color: #d59a64; background: white; font-size: 17px; font-weight: 800; }
.discount-field small { display: block; margin-top: 5px; color: #855d3d; }
.sale-checkout-panel { margin-top: 14px; overflow: visible; }
.checkout-bar {
  position: sticky; bottom: 10px; z-index: 8; display: flex; align-items: center; justify-content: flex-end;
  gap: 20px; margin-top: 18px; padding: 13px; border: 1px solid #c6d0c8; border-radius: 12px;
  background: #f7faf7ee; backdrop-filter: blur(10px); box-shadow: 0 10px 35px #1f302624;
}
.checkout-bar > div { text-align: right; }.checkout-bar small { display: block; color: var(--muted); }
.checkout-bar strong { display: block; color: var(--forest); font-size: 21px; }
.checkout-submit { min-width: 260px; min-height: 48px; box-shadow: 0 4px 0 #1f3026; }
.receipt-ready {
  display: grid; grid-template-columns: 64px repeat(3, 1fr); gap: 13px; align-items: center;
  padding: 18px; border: 1px solid #bdd4c2; border-radius: 13px; background: #f3faf5;
}
.receipt-ready > span {
  width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%;
  background: var(--success); color: white; font-size: 27px; font-weight: 900;
}
.receipt-ready small { display: block; color: var(--muted); }.receipt-ready strong { display: block; margin-top: 4px; }
.operation-chip { display: inline-flex; padding: 4px 8px; border-radius: 99px; background: #e8f1ea; color: var(--forest); font-size: 11px; font-weight: 800; }
.operation-chip.discountsale { background: #fff0d9; color: #8b4d1f; }
.operation-chip.waste { background: #ffe4e1; color: #9c332d; }
.operation-chip.gift { background: #f9e4ee; color: #923d66; }
.operation-chip.organizationuse { background: #ece5f7; color: #64458e; }
.quantity-stepper { display: grid; grid-template-columns: 30px 70px 30px; align-items: center; }
.quantity-stepper button {
  min-height: 36px; border: 1px solid #cfd4cd; background: var(--forest-soft); color: var(--forest);
  font-size: 18px; cursor: pointer;
}
.quantity-stepper button:first-child { border-radius: 8px 0 0 8px; }
.quantity-stepper button:last-child { border-radius: 0 8px 8px 0; }
.quantity-stepper input { min-height: 36px; border-radius: 0; padding: 5px; text-align: center; }
.empty-state { padding: 60px 24px; text-align: center; color: var(--muted); }
.empty-state strong { display: block; color: var(--ink); font-size: 18px; margin-bottom: 7px; }
.view-head.compact { margin: 0 0 10px; align-items: center; }
.view-head.compact h3 { margin: 0; }
.field-suggestion {
  display: block; margin-top: 6px; padding: 5px 8px; border: 1px dashed #9aae9f;
  border-radius: 7px; background: var(--forest-soft); color: var(--forest); cursor: pointer;
  font-size: 11px; font-weight: 750; text-align: left;
}
.quality-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.quality-filters label {
  display: flex; align-items: center; gap: 7px; margin: 0; padding: 8px 11px;
  border: 1px solid var(--line); border-radius: 99px; background: #fff; cursor: pointer;
}
.quality-filters input { width: 17px; min-height: 17px; }
.missing-chip-list { display: flex; flex-wrap: wrap; gap: 5px; }
.missing-chip, .match-chip {
  display: inline-flex; padding: 4px 8px; border-radius: 99px; background: #fff0df;
  color: #914f1f; font-size: 10px; font-weight: 850;
}
.match-chip.good { background: #e2f1e6; color: #25653c; }
.match-chip.warning { background: #fff0df; color: #914f1f; }
.category-panels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.category-card-list { display: grid; gap: 8px; }
.category-card {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%;
  padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: white;
  color: var(--ink); cursor: pointer; text-align: left;
}
.category-card:hover { border-color: var(--forest); background: var(--forest-soft); }
.category-card.inactive { opacity: .58; }
.category-card span { min-width: 0; display: grid; gap: 2px; }
.category-card small { color: var(--muted); }.category-card em { font-size: 10px; font-style: normal; font-weight: 850; }
.category-assignment-controls {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px; align-items: end;
}
.category-assignment-controls > * { min-width: 0; }
.category-assignment-controls > :first-child { grid-column: span 2; }
.category-price-filter-card {
  display: grid; grid-template-columns: minmax(220px, .75fr) minmax(0, 2fr); gap: 12px;
  align-items: end; padding: 13px; border: 1px solid #d4dfd6; border-radius: 11px;
  background: linear-gradient(135deg, #f5f9f5, #fffdf8);
}
.category-price-filter-intro { min-width: 0; display: grid; gap: 4px; align-self: center; }
.category-price-filter-intro strong { color: var(--forest); font-size: 14px; }
.category-price-filter-intro small { color: var(--muted); line-height: 1.4; overflow-wrap: anywhere; }
.category-price-filter-controls {
  min-width: 0; display: grid; grid-template-columns: minmax(210px, 1.2fr) minmax(150px, .8fr)
    minmax(190px, 1fr) auto; gap: 10px; align-items: end;
}
.category-price-filter-controls > * { min-width: 0; }
.category-price-filter-controls > .button { min-height: 42px; white-space: nowrap; }
.category-manager-panel, .category-manager-panel .panel-body, #category-product-list {
  width: 100%; min-width: 0; max-width: 100%;
}
.category-bulk-bar {
  position: sticky; top: 90px; z-index: 8; display: flex; flex-wrap: wrap;
  align-items: center; gap: 10px;
  padding: 10px 12px; border: 1px solid var(--line); border-radius: 11px;
  background: rgba(255,254,250,.96); box-shadow: 0 5px 14px #23312712; backdrop-filter: blur(10px);
}
.category-bulk-bar.has-selection { border-color: #9aae9f; background: rgba(232,238,233,.97); }
.category-bulk-bar > div { flex: 1 1 300px; min-width: 0; display: grid; gap: 2px; }
.category-bulk-bar > .button { flex: 0 0 auto; white-space: nowrap; }
.category-bulk-bar small { color: var(--muted); overflow-wrap: anywhere; }
.category-table-tools {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px;
  padding: 9px 11px; border: 1px solid var(--line); border-bottom: 0;
  border-radius: 11px 11px 0 0; background: #f6f7f4;
}
.category-table-tools > div:first-child { min-width: 0; display: grid; gap: 1px; }
.category-table-tools small { color: var(--muted); overflow-wrap: anywhere; }
.category-scroll-buttons { display: flex; gap: 7px; margin-left: auto; }
.compact-product-picker {
  width: 100%; max-width: 100%; max-height: 440px; overflow-x: scroll; overflow-y: auto;
  overscroll-behavior: contain; scrollbar-gutter: stable both-edges; scrollbar-width: auto;
  scrollbar-color: var(--forest-2) var(--cream); border-radius: 0 0 11px 11px;
}
.compact-product-picker::-webkit-scrollbar { width: 14px; height: 16px; }
.compact-product-picker::-webkit-scrollbar-track { background: var(--cream); border-radius: 10px; }
.compact-product-picker::-webkit-scrollbar-thumb {
  min-width: 56px; border: 3px solid var(--cream); border-radius: 10px; background: var(--forest-2);
}
.compact-product-picker::-webkit-scrollbar-corner { background: var(--cream); }
.compact-product-picker table { width: 1580px; min-width: 1580px; table-layout: fixed; }
.compact-product-picker th:nth-child(1), .compact-product-picker td:nth-child(1) { width: 54px; text-align: center; }
.compact-product-picker th:nth-child(2), .compact-product-picker td:nth-child(2) { width: 150px; }
.compact-product-picker th:nth-child(3), .compact-product-picker td:nth-child(3) { width: 360px; }
.compact-product-picker th:nth-child(4), .compact-product-picker td:nth-child(4) { width: 160px; }
.compact-product-picker th:nth-child(5), .compact-product-picker td:nth-child(5) { width: 110px; }
.compact-product-picker th:nth-child(6), .compact-product-picker td:nth-child(6) { width: 90px; }
.compact-product-picker th:nth-child(7), .compact-product-picker td:nth-child(7) { width: 190px; }
.compact-product-picker th:nth-child(8), .compact-product-picker td:nth-child(8) { width: 200px; }
.compact-product-picker th:nth-child(9), .compact-product-picker td:nth-child(9) { width: 240px; }
.compact-product-picker th, .compact-product-picker td { overflow: hidden; text-overflow: ellipsis; }
.compact-product-picker input[type="checkbox"] { width: 18px; min-height: 18px; }
.compact-product-picker .status-chip {
  display: inline-flex; padding: 4px 8px; border-radius: 99px; font-size: 10px; font-weight: 850;
}
.compact-product-picker .status-chip.active { color: var(--success); background: #e2f1e6; }
.compact-product-picker .status-chip.inactive { color: var(--muted); background: #ecefec; }
.compact-product-picker .inactive-product-row { color: var(--muted); background: #fafafa; }
.bulk-price-form {
  display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)) auto; gap: 10px; align-items: end;
}
.approval-banner {
  display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; padding: 12px 14px;
  border: 1px solid #d8bc8d; border-radius: 10px; background: #fff8e8; color: #684820;
}
.bulk-price-preview { max-height: 55vh; }.bulk-price-preview table { min-width: 680px; }
.purchase-document-card {
  display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px;
  border: 1px dashed #9caf9f; border-radius: 11px; background: #f5f9f5;
}
.purchase-document-card > div:first-child { min-width: 0; display: grid; gap: 3px; }
.purchase-document-card span { color: var(--muted); font-size: 11px; }
.purchase-document-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.ocr-progress { position: relative; min-width: 185px; overflow: hidden; padding: 9px; border-radius: 8px; background: #e5ebe6; }
.ocr-progress::before { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--ocr-progress, 0%); background: #bfd5c2; }
.ocr-progress strong { position: relative; font-size: 11px; }
.ocr-preview { padding: 13px; border: 1px solid #b9c8bc; border-radius: 12px; background: white; box-shadow: var(--shadow); }
.ocr-preview .table-wrap { max-height: 48vh; }.ocr-preview table { min-width: 1580px; table-layout: fixed; }
.ocr-preview th:nth-child(1), .ocr-preview td:nth-child(1) { width: 300px; white-space: normal; }
.ocr-preview th:nth-child(2), .ocr-preview td:nth-child(2) { width: 150px; }
.ocr-preview th:nth-child(3), .ocr-preview td:nth-child(3) { width: 300px; }
.ocr-preview select { min-width: 260px; }
.ocr-preview input { min-width: 90px; }
.ocr-preview tr.unmatched { background: #fff8ec; }
.ocr-preview tr.ignored { opacity: .72; background: #f3f3f3; }
.ocr-preview td:last-child small { display: block; margin-top: 6px; color: var(--muted); }
.ocr-description { width: 100%; min-width: 270px !important; margin-bottom: 5px; }
.ocr-new-product-row td { background: #f2f7f3; }
.ocr-new-product { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 9px; align-items: end; }
.ocr-section-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 12px 0; }
.ocr-section { overflow: hidden; border: 1px solid #c7d1c9; border-radius: 12px; background: #fbfcfb; }
.ocr-section > header { display: flex; align-items: center; gap: 10px; padding: 11px 13px; background: #eef3ef; }
.ocr-section > header b { flex: 0 0 30px; width: 30px; height: 30px; display: grid; place-items: center;
  border-radius: 50%; background: var(--forest); color: white; }
.ocr-section > header > div { min-width: 0; display: grid; gap: 3px; }
.ocr-section > header > [data-ocr-add-line] { flex: 0 0 auto; margin-left: auto; }
.ocr-section > header small { color: var(--muted); font-weight: 500; }
.ocr-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; padding: 12px; }
.ocr-fields label { min-width: 0; }.ocr-fields label.wide { grid-column: 1 / -1; }
.ocr-fields input { width: 100%; min-width: 0; }
.ocr-confirm, .ocr-final-confirm { display: flex; align-items: flex-start; gap: 9px; margin: 0 12px 12px;
  padding: 10px; border: 1px solid #d4c299; border-radius: 9px; background: #fff8e8; }
.ocr-confirm input, .ocr-final-confirm input { flex: 0 0 18px; width: 18px; min-width: 18px; min-height: 18px; }
.ocr-party-summary, .ocr-payment-list { display: grid; gap: 6px; padding: 13px; }
.ocr-party-summary span, .ocr-payment-list span, .ocr-payment-list code { overflow-wrap: anywhere; }
.ocr-payment-list code { padding: 6px 8px; border-radius: 7px; background: #edf1ed; color: var(--ink); }
.ocr-items { margin: 12px 0; }.ocr-items > .table-wrap { border-width: 1px 0 0; border-radius: 0; }
.ocr-invoice-total-section { margin: 12px 0; }
.ocr-notes { margin: 12px 0; padding: 10px 12px; border: 1px solid #d5dcd6; border-radius: 10px; }
.ocr-notes summary { cursor: pointer; font-weight: 750; }.ocr-notes pre { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--muted); }
.ocr-final-confirm { margin: 12px 0; border-color: #91a995; background: #eef6ef; font-weight: 750; }

/* 3.3.8 · Alışlar ve İadeler merkezi ve ekrana sığan belge satırları */
.purchase-hub-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.purchase-hub-summary article { display: grid; gap: 5px; min-height: 86px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); }
.purchase-hub-summary span { color: var(--muted); font-size: 12px; }.purchase-hub-summary strong { color: var(--forest); font-size: 22px; }
.purchase-hub-summary article.warning { border-color: #e7c997; background: #fff9ee; }.purchase-hub-summary article.warning strong { color: #9a641b; }
.purchase-hub-tabs { position: sticky; top: 86px; z-index: 8; display: flex; gap: 6px; margin-bottom: 14px; padding: 7px; overflow-x: auto; border: 1px solid var(--line); border-radius: 13px; background: rgba(248,249,246,.96); backdrop-filter: blur(10px); }
.purchase-hub-tabs button { min-height: 40px; padding: 8px 16px; border: 0; border-radius: 9px; background: transparent; color: var(--forest); font-weight: 800; white-space: nowrap; }
.purchase-hub-tabs button.active { background: var(--forest); color: white; }.purchase-hub-panel { display: grid; gap: 16px; }
.purchase-reader-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.purchase-reader-card { display: flex; align-items: center; gap: 14px; min-height: 112px; padding: 18px; text-align: left; border: 1px solid #cbd5cd; border-radius: 15px; background: white; color: var(--ink); box-shadow: var(--shadow); }
.purchase-reader-card b { flex: 0 0 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; background: #e9efea; color: var(--forest); font-size: 22px; }
.purchase-reader-card span { display: grid; gap: 5px; }.purchase-reader-card strong { font-size: 16px; }.purchase-reader-card small { color: var(--muted); line-height: 1.45; }
.purchase-reader-card.primary { border-color: #809b87; background: var(--forest-soft); }.purchase-reader-note { display: flex; gap: 12px; padding: 13px 15px; border-left: 4px solid var(--forest); border-radius: 10px; background: #edf3ee; }
.purchase-reader-note span { color: var(--muted); }.purchase-workflow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 15px; }
.purchase-workflow span { display: flex; align-items: center; gap: 7px; padding: 9px; border-radius: 9px; background: #eef1ee; color: var(--muted); font-size: 11px; font-weight: 800; }
.purchase-workflow b { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: #d6ddd7; color: var(--forest); }
.purchase-workflow span.active { background: var(--forest-soft); color: var(--forest); }.purchase-workflow span.active b { background: var(--forest); color: white; }

/* Dikey iç içe kaydırma kaldırıldı; 40 satırlık sayfalama ve kart düzeni kullanılır. */
.ocr-preview .table-wrap { max-height: none; }.ocr-review-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin: 12px 0; }
.ocr-review-summary > div { display: grid; gap: 4px; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: #f7f9f7; }
.ocr-review-summary span { color: var(--muted); font-size: 11px; }.ocr-review-summary strong { color: var(--forest); font-size: 19px; }
.ocr-review-summary .good { background: #edf7ef; border-color: #a9c9af; }.ocr-review-summary .warning { background: #fff7e7; border-color: #e5c37e; }
.ocr-review-layout { display: grid; grid-template-columns: minmax(270px, 350px) minmax(0, 1fr); gap: 13px; align-items: start; }
.ocr-document-side { position: sticky; top: 95px; display: grid; gap: 10px; max-height: calc(100vh - 118px); overflow-y: auto; padding-right: 3px; }
.ocr-review-main, .ocr-review-layout > * { min-width: 0; }.ocr-review-main { display: grid; gap: 11px; }.ocr-compact-detail > summary { cursor: pointer; padding: 13px; font-weight: 800; color: var(--forest); background: #eef3ef; }
.ocr-compact-detail pre { margin: 0; padding: 12px; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--muted); font: inherit; font-size: 12px; }
.ocr-vat-hint { margin: 10px 12px 0; padding: 9px 11px; border-radius: 8px; font-size: 12px; }
.ocr-vat-hint.good { background: #edf7ef; color: #33633e; }.ocr-vat-hint.warning { background: #fff4d9; color: #815915; }
.ocr-review-toolbar { position: sticky; top: 88px; z-index: 5; display: flex; flex-wrap: wrap; gap: 9px; align-items: end; padding: 10px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.97); backdrop-filter: blur(8px); }
.ocr-filter-group, .ocr-search-group, .ocr-bulk-vat { display: flex; align-items: center; gap: 6px; min-width: 0; }.ocr-filter-group { flex: 0 1 auto; }.ocr-search-group { flex: 1 1 280px; }.ocr-bulk-vat { flex: 0 1 auto; }.ocr-search-group input { flex: 1 1 180px; min-width: 0; }
.ocr-bulk-vat label { margin: 0; white-space: nowrap; }.ocr-bulk-vat input { width: 68px; min-width: 68px; }
.ocr-line-list { display: grid; gap: 9px; min-width: 0; padding: 10px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-gutter: stable; }.ocr-line-card { min-width: 0; overflow: hidden; border: 1px solid #ccd5ce; border-left-width: 5px; border-radius: 12px; background: white; }
.ocr-line-card.matched { border-left-color: #4e8b5a; background: #f6fbf7; }.ocr-line-card.unmatched { border-left-color: #d8a331; background: #fffaf0; }.ocr-line-card.ignored { opacity: .72; border-left-color: #9aa39c; background: #f2f3f2; }
.ocr-line-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 11px; border-bottom: 1px solid rgba(130,145,135,.22); }
.ocr-line-head > div { display: flex; align-items: center; gap: 8px; }.ocr-line-number { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: #e3e9e4; color: var(--forest); font-size: 11px; font-weight: 900; }
.ocr-line-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 8px; align-items: end; min-width: 0; padding: 11px; }
.ocr-line-grid label { min-width: 0; }.ocr-line-grid input, .ocr-line-grid select { width: 100%; min-width: 0; }.ocr-line-grid .description { min-width: 0; }
.ocr-line-grid .ocr-field-code { grid-column: span 2; }.ocr-line-grid .ocr-field-description { grid-column: span 3; }
.ocr-line-grid .ocr-field-type { grid-column: span 2; }.ocr-line-grid .ocr-field-product { grid-column: span 3; }
.ocr-line-grid .ocr-field-match { grid-column: span 2; }.ocr-line-grid .ocr-field-number { grid-column: span 2; }
.ocr-match-detail { display: grid; gap: 2px; align-self: center; color: var(--muted); font-size: 10px; }.ocr-match-detail strong { color: var(--forest); }
.ocr-new-button { align-self: end; }.ocr-new-helium { display: flex; align-items: center; gap: 7px; min-height: 43px; padding: 9px 10px; border: 1px solid #bfd0c2; border-radius: 9px; background: #f7faf7; }.ocr-new-helium input { width: 18px; min-width: 18px; min-height: 18px; }.ocr-raw-line { margin: 0 11px 10px; color: var(--muted); font-size: 11px; }.ocr-raw-line summary { cursor: pointer; }
.ocr-new-product { margin: 0 11px 11px; padding: 11px; border: 1px dashed #819b87; border-radius: 10px; background: #edf5ef; }
.ocr-pagination { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 10px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.ocr-pagination > div { display: flex; gap: 6px; }.ocr-approval-bar { position: sticky; bottom: 5px; z-index: 7; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; padding: 11px; border: 1px solid #8da394; border-radius: 11px; background: rgba(239,246,240,.97); box-shadow: 0 7px 24px rgba(25,48,31,.18); }
.ocr-approval-bar span { display: grid; gap: 2px; color: var(--muted); font-size: 11px; }.ocr-approval-bar strong { color: var(--forest); }
.switch-label { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.switch-label input { width: 18px; min-height: 18px; }
.loading { min-height: 300px; display: grid; place-items: center; align-content: center; color: var(--muted); }
.loading span { width: 32px; height: 32px; border: 3px solid var(--line); border-top-color: var(--forest); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.modal { width: min(780px, calc(100% - 28px)); max-height: min(90vh, 900px); padding: 0; border: 0; border-radius: 17px; box-shadow: 0 30px 100px #1d2a22aa; }
.modal:has(#purchase-form) { width: min(1480px, calc(100% - 24px)); max-height: 94vh; }
.modal:has(#purchase-form) .modal-body { max-height: calc(94vh - 76px); }
.modal::backdrop, .scanner-dialog::backdrop { background: rgba(22,31,25,.62); backdrop-filter: blur(3px); }
.modal-head { display: flex; align-items: center; padding: 17px 19px; background: var(--forest); color: white; }
.modal-head > div { flex: 1; }.modal-head h2 { margin: 0; font-size: 19px; }
.modal-head p { margin: 2px 0 0; color: #d5dfd7; font-size: 12px; }
.modal-head .icon-button { background: transparent; border-color: #ffffff2e; color: white; }
.modal-body { padding: 20px; overflow: auto; max-height: calc(90vh - 76px); }
.scanner-dialog { width: min(660px, calc(100% - 20px)); padding: 0; border: 0; border-radius: 18px; overflow: hidden; background: #111; color: white; }
.scanner-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 15px; background: var(--forest); }
.scanner-head h2 { margin: 0; font-size: 16px; }.scanner-head .icon-button { background: transparent; color: white; border-color: #ffffff33; }
.scanner-actions { display: flex; align-items: center; gap: 8px; }.scanner-actions .button { color: white; border-color: #ffffff55; background: #ffffff12; }
.scanner-camera { position: relative; background: #000; }
.scanner-dialog video { display: block; width: 100%; height: min(62vh, 560px); object-fit: cover; }
.scanner-dialog p { margin: 0; padding: 10px; text-align: center; color: #ddd; font-size: 12px; }
.scanner-guide { pointer-events: none; position: absolute; inset: 23% 8%; border: 2px solid #ffffffc7; border-radius: 14px; box-shadow: 0 0 0 100vmax #0006; }
.scanner-guide span { position: absolute; top: 50%; left: 8%; right: 8%; height: 2px; background: #e76565; box-shadow: 0 0 8px #f44; }
.scanner-manual { display: grid; gap: 6px; padding: 10px 12px 14px; background: #181818; }
.scanner-manual label { color: #ddd; font-size: 11px; }
.scanner-manual > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.scanner-manual input { min-height: 43px; border-color: #777; background: white; color: #111; }
.toast-region { position: fixed; z-index: 100; right: 18px; bottom: 18px; display: grid; gap: 9px; pointer-events: none; }
.toast { max-width: 420px; padding: 12px 15px; border-radius: 10px; background: #26372d; color: white; box-shadow: var(--shadow); animation: toast-in .18s ease; }
.toast.error { background: var(--danger); }.toast.warning { background: var(--warning); }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } }
.sidebar-scrim { display: none; }

@media (max-width: 1180px) {
  .stats-grid { grid-template-columns: repeat(3, 1fr); }
  .report-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .panel-grid { grid-template-columns: 1fr; }
  .operation-type-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .sale-workspace { grid-template-columns: minmax(0, 1fr) 390px; }
  .category-assignment-controls, .bulk-price-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .category-assignment-controls > :first-child { grid-column: 1 / -1; }
  .category-price-filter-card { grid-template-columns: 1fr; }
  .category-price-filter-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ocr-new-product { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ocr-section-grid { grid-template-columns: 1fr; }
  .ocr-review-layout { grid-template-columns: 1fr; }
  .ocr-document-side { position: static; max-height: none; grid-template-columns: repeat(2, minmax(0,1fr)); overflow: visible; }
  .ocr-document-side > :first-child { grid-column: 1 / -1; }
  .ocr-review-toolbar { align-items: stretch; }.ocr-filter-group { flex: 1 1 100%; }
  .ocr-line-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .ocr-line-grid .ocr-field-code, .ocr-line-grid .ocr-field-type, .ocr-line-grid .ocr-field-match,
  .ocr-line-grid .ocr-field-number { grid-column: span 1; }
  .ocr-line-grid .ocr-field-description, .ocr-line-grid .ocr-field-product { grid-column: span 2; }
}
@media (max-width: 820px) {
  .notification-drawer { width: 100vw; }
  .notification-drawer-head { padding: 18px 15px 15px; }
  .notification-drawer-body { padding: 12px 10px calc(28px + env(safe-area-inset-bottom)); }
  .suggestions.floating-suggestions.mobile {
    z-index: 160;
    width: auto; max-height: min(48dvh, 430px); border-radius: 14px;
    box-shadow: 0 14px 38px #17231c38;
  }
  .suggestion-head { padding: 12px; }
  .suggestion-head span { font-size: 10px; }
  .suggestion-option { min-height: 100px; grid-template-columns: minmax(0, 1fr); gap: 9px; padding: 12px; }
  .suggestion-identity > strong { font-size: 13px; }
  .suggestion-numbers { grid-template-columns: 1fr 1fr; }
  .suggestion-stock, .suggestion-price { min-height: 46px; text-align: left; }
  .app-shell { display: block; }
  .workspace { min-width: 0; }
  .sidebar { transform: translateX(-102%); transition: transform .2s ease; width: min(300px, 88vw); }
  .sidebar.open { transform: translateX(0); }
  .sidebar-scrim { position: fixed; inset: 0; z-index: 25; background: #14201878; }
  .sidebar-scrim.open { display: block; }
  .menu-button { display: inline-grid !important; }
  .topbar { height: 72px; padding: 0 13px; }
  .topbar h1 { font-size: 19px; }
  .topbar-actions .button { display: none; }
  .connection-state { max-width: 105px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .notification-item { grid-template-columns: 34px minmax(0,1fr); }
  .notification-actions { grid-column: 2; display: flex; flex-wrap: wrap; }
  .notification-summary .button { width: 100%; margin-left: 0; }
  .view { padding: 16px 12px 90px; min-height: calc(100vh - 72px); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .report-date-grid { grid-template-columns: 1fr 1fr; }
  .report-date-grid .button { grid-column: 1 / -1; }
  .report-summary-band { grid-template-columns: 1fr; }
  .report-kpis, .report-mini-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-chart-grid { grid-template-columns: 1fr; }
  .report-tabs { top: 72px; margin-left: -4px; margin-right: -4px; }
  .report-feature { align-items: flex-start; flex-direction: column; }
  .report-feature > strong { font-size: 22px; }
  .report-table-wrap { max-height: 58dvh; }
  .stat-card { min-height: 100px; padding: 14px; }.stat-card strong { font-size: 19px; }
  .view-head { align-items: flex-start; }.view-head .toolbar { justify-content: flex-end; }
  .filters { grid-template-columns: 1fr; }
  .product-table-toolbar { align-items: flex-start; }
  .product-table-toolbar > div:first-child small { max-width: 260px; }
  .product-scroll-controls span { display: none; }
  .product-table-wrap { max-height: 58vh; min-height: 320px; }
  .product-table { min-width: 2480px; }
  .category-panels { grid-template-columns: 1fr; }
  .category-assignment-controls, .bulk-price-form { grid-template-columns: 1fr; }
  .category-assignment-controls > :first-child { grid-column: auto; }
  .category-price-filter-controls { grid-template-columns: 1fr; }
  .category-price-filter-controls > .button { width: 100%; }
  .category-bulk-bar { top: 80px; }
  .category-bulk-bar > div { flex-basis: 100%; }
  .category-bulk-bar > .button.primary { flex: 1 1 100%; width: 100%; }
  .purchase-hub-summary, .ocr-review-summary { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .purchase-reader-cards { grid-template-columns: 1fr; }.purchase-reader-note { flex-direction: column; }
  .purchase-workflow { grid-template-columns: repeat(2, 1fr); }
  .purchase-hub-tabs { top: 72px; }
  .ocr-document-side { grid-template-columns: 1fr; }.ocr-document-side > :first-child { grid-column: auto; }
  .ocr-review-toolbar { position: static; }.ocr-filter-group { overflow-x: auto; }
  .ocr-search-group, .ocr-bulk-vat { flex-wrap: wrap; }.ocr-search-group input { flex: 1 1 180px; }.ocr-bulk-vat .button { flex: 1; }
  .ocr-line-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }.ocr-line-grid .description, .ocr-line-grid .product-match { grid-column: 1 / -1; }
  .ocr-approval-bar { align-items: stretch; flex-direction: column; }.ocr-approval-bar .button { width: 100%; }
  .category-table-tools { align-items: stretch; }
  .category-table-tools > div:first-child { flex: 1 1 100%; }
  .category-scroll-buttons { width: 100%; margin-left: 0; }
  .category-scroll-buttons .button { flex: 1; min-height: 42px; }
  .compact-product-picker { max-height: 56dvh; }
  .purchase-document-card { align-items: stretch; flex-direction: column; }
  .purchase-document-card .button { align-self: flex-start; }
  .purchase-document-actions { justify-content: flex-start; }
  .purchase-invoice-totals-card > header { align-items: flex-start; flex-direction: column; }
  .purchase-invoice-totals-card > header .button { width: 100%; }
  .invoice-total-fields { grid-template-columns: 1fr; }
  .ocr-items > header { align-items: flex-start; flex-wrap: wrap; }
  .ocr-section > header > [data-ocr-add-line] { width: 100%; margin-left: 40px; }
  .purchase-add-action .button { width: 100%; }
  .purchase-selection { align-items: flex-start; flex-direction: column; gap: 3px; }
  .ocr-progress { min-width: 0; }
  .ocr-new-product { grid-template-columns: 1fr; }
  .ocr-fields { grid-template-columns: 1fr; }.ocr-fields label.wide { grid-column: auto; }
  .production-summary { grid-template-columns: repeat(2, 1fr); }
  .helium-settings-summary { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }.form-grid > * { grid-column: auto !important; }
  .quick-actions { grid-template-columns: 1fr; }
  .modal { width: 100%; max-width: none; max-height: 96vh; margin: auto 0 0; border-radius: 17px 17px 0 0; }
  .modal-body { max-height: calc(96vh - 72px); }
  .cart-summary { justify-content: space-between; gap: 10px; }
  .quick-sale-browser, .quick-cart-panel { padding: 12px; }
  .sale-workspace { display: block; }
  .sale-workspace.quick .quick-sale-browser { display: none; }
  .sale-workspace.quick .sale-search-panel {
    position: sticky; top: 72px; z-index: 18; margin: -4px -4px 12px;
    border: 1px solid #bcc8bf; box-shadow: 0 8px 22px #23342a1c;
  }
  .sale-workspace.quick .operation-panel { margin-bottom: 100px; }
  .sale-drawer {
    position: fixed; z-index: 70; left: 0; right: 0; bottom: 0; top: auto;
    max-height: min(74dvh, 680px); overflow: auto; border-radius: 18px 18px 0 0;
    transform: translateY(calc(100% - 65px)); transition: transform .2s ease;
    padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -18px 50px #17231c35;
  }
  .sale-drawer.open { transform: translateY(0); }
  .sale-drawer-handle { min-height: 65px; }
  .sale-cart-list { max-height: none; overflow: visible; }
  .sale-drawer .quick-cart-head p { display: none; }
  .sale-drawer .checkout-fields { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 10px; }
  .sale-drawer .checkout-field.customer, .sale-drawer .checkout-field.discount,
  .sale-drawer .checkout-field.notes { grid-column: 1 / -1 !important; }
  .sale-drawer .checkout-bar { bottom: auto; }
  .quick-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; }
  .quick-browser-head, .quick-cart-head { align-items: flex-start; }
  .quick-cart-head { flex-direction: column; }
  .quick-cart-actions { width: 100%; justify-content: space-between; }
  .sale-drawer-actions { gap: 7px; }.sale-drawer-handle { padding: 10px 12px; }.drawer-confirm { min-width: 84px; }
  .operation-head { align-items: flex-start; }.operation-head > strong { white-space: nowrap; }
  .operation-type-grid { display: flex; overflow-x: auto; padding-bottom: 5px; }
  .operation-type { flex: 0 0 190px; min-height: 96px; }
  .organization-choice { grid-template-columns: 1fr; }.organization-choice small { grid-column: 1; }
  .checkout-bar { bottom: calc(8px + env(safe-area-inset-bottom)); justify-content: space-between; gap: 10px; }
  .checkout-submit { min-width: 0; flex: 1; }
  .receipt-ready { grid-template-columns: 54px 1fr; }
  .receipt-ready > span { grid-row: 1 / 4; width: 48px; height: 48px; }
  .toast-region { left: 10px; right: 10px; bottom: 12px; }.toast { max-width: none; }
}
@media (max-width: 420px) {
  .sale-drawer-handle b { font-size: 14px; }.sale-drawer-toggle em { display: none; }
  .sale-drawer .checkout-fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .suggestions.floating-suggestions.mobile { left: 5px; right: 5px; }
  .suggestion-head span { display: none; }
  .suggestion-numbers { gap: 6px; }
  .suggestion-stock, .suggestion-price { padding: 6px 8px; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .report-view-head .toolbar .button { flex: 1; }
  .report-date-grid { grid-template-columns: 1fr; }
  .report-date-grid .button { grid-column: auto; }
  .report-periods { display: grid; grid-template-columns: repeat(2, 1fr); }
  .report-periods .button { width: 100%; }
  .report-kpis, .report-mini-kpis { grid-template-columns: 1fr 1fr; }
  .report-kpis .stat-card { min-height: 122px; }
  .report-pie-layout { grid-template-columns: 1fr; }
  .report-pie { width: 190px; }
  .report-bar-row { grid-template-columns: minmax(78px, .8fr) minmax(75px, 1fr) 76px; gap: 6px; }
  .report-bar-row b { font-size: 10px; }
  .report-comparison-bars > div { grid-template-columns: 64px minmax(0, 1fr); }
  .topbar p { display: none; }
  .connection-state { font-size: 0; width: 12px; height: 12px; padding: 0; }
  .notification-button { width: 38px; height: 38px; }
  .view-head { display: block; }.view-head .toolbar { margin-top: 10px; justify-content: flex-start; }
  .product-table-toolbar { display: block; }
  .product-scroll-controls { margin-top: 9px; }
  .product-scroll-controls .button { flex: 1; }
  .inventory-search-row { grid-template-columns: 1fr; }
  .product-search-clear { justify-self: start; min-height: 36px; padding: 7px 11px; }
  .quick-product-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .quick-product-card { min-height: 130px; padding: 10px; }
  .quick-browser-head > span { display: none; }
  .operation-panel { padding: 12px; }.operation-type-grid { gap: 7px; }
  .operation-type { min-height: 100px; padding: 9px; grid-template-columns: 29px 1fr; }
  .operation-type > span { width: 29px; height: 29px; }.operation-type small { font-size: 10px; }
  .operation-head > strong { display: none; }
  .checkout-bar { align-items: stretch; flex-direction: column; }
  .checkout-bar > div { display: flex; justify-content: space-between; align-items: center; text-align: left; }
  .checkout-bar strong { font-size: 19px; }.checkout-submit { width: 100%; }
  .sale-cart-controls { grid-template-columns: 1fr; }
  .sale-cart-line-total { text-align: left; }
  .receipt-actions { flex-direction: column-reverse; }.receipt-actions .button { width: 100%; }
}

/* v3.2.0 · Bay-Kar başlangıç ve finans uyumluluk düzeltmesi */

.bk-roster-filter{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin-bottom:14px}
.bk-roster-filter label{display:grid;gap:6px;font-weight:700}
.bk-roster-filter select,.bk-roster-filter input{width:100%;min-height:44px}
.bk-table{max-width:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.bk-table table{min-width:900px}
@media(max-width:760px){.bk-roster-filter{grid-template-columns:1fr 1fr}.bk-roster-filter label:last-child{grid-column:1/-1}.panel-head{align-items:flex-start;gap:10px}.panel-head .toolbar{width:100%;overflow-x:auto;justify-content:flex-start}.bk-table{max-height:62vh}}
body[data-business="baykar"] {
  --forest: #17213b; --forest-2: #243353; --forest-soft: #e9edf5;
  --copper: #be2b2f; --copper-soft: #f8e3e4; --ink: #17213b;
}
body[data-business="baykar"] .sidebar { background: #17213b; }
body[data-business="baykar"] .sidebar footer { background: #111a31; }
body[data-business="baykar"] .sidebar nav button.active span,
body[data-business="baykar"] .sidebar footer .app-version { color: #be2b2f; }
body[data-business="baykar"] .brand img {
  object-fit: contain; background: white; border-radius: 15px; padding: 5px;
}
.business-switcher-label { display: grid; gap: 2px; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.business-switcher-label select { min-width: 190px; min-height: 40px; padding: 7px 34px 7px 11px; border: 1px solid var(--line); border-radius: 11px; background: white; font-size: 13px; font-weight: 750; text-transform: none; letter-spacing: 0; }
.bk-view-head .toolbar { flex-wrap: wrap; }
.bk-hero { display: flex; align-items: center; gap: 22px; margin-bottom: 18px; padding: 22px 26px; border: 1px solid #d8dee8; border-radius: 18px; background: linear-gradient(135deg,#fff 0,#f2f4f8 100%); box-shadow: var(--shadow); }
.bk-hero img { width: min(280px,34vw); height: 92px; object-fit: contain; }
.bk-hero div { display: grid; gap: 5px; }
.bk-hero strong { color: #17213b; font: 700 clamp(20px,2.3vw,31px)/1.15 Georgia,serif; }
.bk-hero span { color: #697286; }
.bk-stats { margin-bottom: 18px; }
.bk-stats .stat-card { border-bottom-width: 4px; }
.bk-stats .bk-red { border-bottom-color: #be2b2f; }
.bk-stats .bk-navy { border-bottom-color: #17213b; }
.bk-stats .bk-blue { border-bottom-color: #4d6793; }
.bk-stats .bk-green { border-bottom-color: #2f7b59; }
.bk-stats .bk-orange { border-bottom-color: #c67a31; }
.bk-table { width: 100%; max-width: 100%; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.bk-table table { min-width: 900px; }
.bk-table th { white-space: nowrap; position: sticky; top: 0; z-index: 1; }
.bk-table td { vertical-align: middle; }
.bk-table tr.pending-row { background: #fff7df; }
.bk-badge { display: inline-flex; padding: 4px 8px; border-radius: 999px; background: #edf0f5; font-size: 11px; font-weight: 800; }
.bk-badge.success { background:#dff3e7; color:#17653b; }
.bk-badge.warning { background:#fff0c9; color:#82520c; }
.bk-badge.danger { background:#ffe3e1; color:#9e292d; }
.bk-alerts { display: grid; gap: 9px; }
.bk-alerts article { display: flex; align-items: center; gap: 11px; padding: 12px; border: 1px solid #e0e3e8; border-radius: 12px; background: white; }
.bk-alerts article > span { display: grid; place-items: center; flex: 0 0 31px; height: 31px; border-radius: 50%; font-weight: 900; }
.bk-alerts article div { display: grid; gap: 3px; min-width: 0; }
.bk-alerts article small { color: var(--muted); }
.bk-alerts article.warning > span { color: #82520c; background: #fff0c9; }
.bk-alerts article.danger > span { color: white; background: #be2b2f; }
.bk-stops-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.bk-stops-head small { display: block; color: var(--muted); }
.bk-stop-row { display: grid; grid-template-columns: 34px minmax(150px,1.15fr) minmax(180px,1.5fr) 90px 115px 42px; gap: 8px; align-items: center; margin-bottom: 8px; }
.bk-stop-order { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: white; background: #17213b; font-weight: 850; }
.bk-map-tools { display: flex; align-items: center; gap: 10px; padding: 13px; border: 1px solid #cbd4e3; border-radius: 12px; background: #f3f6fb; }
.bk-map-tools > div { display: grid; gap: 3px; margin-right: auto; }
.bk-map-tools small { color: var(--muted); }
.bk-route-inline-actions,.bk-route-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.bk-route-preview { display: grid; gap: 15px; }
.bk-route-meta { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.bk-route-meta span { display: grid; gap: 4px; padding: 11px; border: 1px solid var(--line); border-radius: 11px; background: #f7f8fa; }
.bk-route-meta small { color: var(--muted); }
.bk-route-stop-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.bk-route-stop-list li { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 10px; align-items: start; padding: 11px; border: 1px solid var(--line); border-radius: 11px; }
.bk-route-stop-list li > b { display: grid; place-items: center; width: 30px; height: 30px; color: white; background: #17213b; border-radius: 50%; }
.bk-route-stop-list li > div { display: grid; gap: 3px; }
.bk-route-stop-list span,.bk-route-stop-list small { color: var(--muted); overflow-wrap: anywhere; }
.bk-km-summary { align-self: end; min-height: 53px; display: grid; align-content: center; gap: 2px; padding: 7px 12px; border: 1px solid #d7dde8; border-radius: 11px; background: #f3f5f9; }
.bk-km-summary strong { color: #17213b; }
.bk-finance-stats { margin-bottom: 18px; }
.bk-finance-grid { margin: 18px 0; }
.bk-account-list { display: grid; gap: 8px; max-height: min(62vh,600px); overflow: auto; }
.bk-account-link { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.bk-account-link > input,.bk-account-link em input { width: 19px; min-height: 19px; }
.bk-account-link span { display: grid; min-width: 0; }
.bk-account-link small { color: var(--muted); }
.bk-account-link em { display: flex; align-items: center; gap: 7px; font-style: normal; font-size: 12px; }
.business-comparison { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.business-summary { display: grid; gap: 13px; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow); }
.business-summary img { width: 210px; height: 80px; object-fit: contain; justify-self: center; }
.business-summary h3 { margin: 0; text-align: center; }
.business-summary div { display: flex; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.business-summary.baykar { border-top: 5px solid #be2b2f; }
.report-filter { display: grid; grid-template-columns: minmax(180px,1fr) minmax(180px,1fr) repeat(3,auto); gap: 10px; align-items: end; margin-bottom: 18px; padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: white; }
.report-filter label { display: grid; gap: 5px; font-weight: 750; }
.bk-report-result { display: grid; gap: 18px; }
.bk-bars { display: grid; gap: 11px; }
.bk-bars > div { display: grid; grid-template-columns: minmax(140px,1fr) minmax(100px,1.3fr) 110px; gap: 10px; align-items: center; }
.bk-bars i { height: 11px; border-radius: 999px; background: linear-gradient(90deg,#17213b var(--w),#e7eaf0 var(--w)); }
.bk-bars strong { text-align: right; }

@media (max-width: 900px) {
  .business-switcher-label span { display: none; }
  .business-switcher-label select { min-width: 142px; max-width: 170px; }
  .bk-stop-row { grid-template-columns: 32px minmax(140px,1fr) 80px 105px 40px; }
  .bk-stop-row [data-stop-address] { grid-column: 2 / -1; grid-row: 2; }
  .report-filter { grid-template-columns: 1fr 1fr; }
  .report-filter .button { width: 100%; }
}
@media (max-width: 620px) {
  .business-switcher-label select { min-width: 0; width: 116px; padding-left: 8px; font-size: 11px; }
  .bk-hero { align-items: flex-start; flex-direction: column; padding: 16px; }
  .bk-hero img { width: 220px; max-width: 100%; height: 70px; }
  .bk-view-head .toolbar { display: grid; grid-template-columns: 1fr; width: 100%; }
  .bk-view-head .toolbar .button { width: 100%; }
  .bk-stop-row { grid-template-columns: 32px minmax(0,1fr) 42px; padding: 9px; border: 1px solid var(--line); border-radius: 12px; }
  .bk-stop-row [data-stop-name] { grid-column: 2; }.bk-stop-row [data-remove-stop] { grid-column: 3; }
  .bk-stop-row [data-stop-address],.bk-stop-row [data-stop-km],.bk-stop-row [data-stop-time] { grid-column: 2 / -1; }
  .bk-stop-row [data-stop-address] { grid-row: auto; }
  .bk-map-tools { align-items: stretch; flex-direction: column; }
  .bk-map-tools .button { width: 100%; }
  .bk-route-meta { grid-template-columns: 1fr; }
  .bk-route-actions .button { width: 100%; }
  .business-comparison { grid-template-columns: 1fr; }
  .bk-account-link { grid-template-columns: auto 1fr; }
  .bk-account-link em { grid-column: 2; }
  .report-filter { grid-template-columns: 1fr; }
  .bk-bars > div { grid-template-columns: minmax(100px,1fr) 90px; }
  .bk-bars i { grid-column: 1 / -1; grid-row: 2; }
}

/* v3.3.1 · Tek tüzel işletme için Minda + Bay-Kar ortak gider havuzu */
.common-stats { margin-bottom: 16px; }
.common-filter { grid-template-columns: minmax(190px,1fr) minmax(190px,1fr) auto; }
.common-contribution { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.common-contribution article { display:grid; gap:5px; padding:17px 19px; border:1px solid var(--line); border-left:5px solid #4d765d; border-radius:15px; background:#fff; box-shadow:var(--shadow); }
.common-contribution article.negative { border-left-color:#b64c46; background:#fff9f8; }
.common-contribution article.positive { border-left-color:#397452; background:#f8fcf9; }
.common-contribution small { color:var(--muted); font-weight:800; }
.common-contribution strong { color:var(--forest); font-size:23px; }
.common-contribution article.negative strong { color:var(--danger); }
.common-contribution span { color:var(--muted); font-size:12px; }
.common-obligations,.common-payments { margin-bottom:18px; }
.common-obligations .panel-head > div { min-width:0; }
.common-obligations .panel-head p { margin:4px 0 0; color:var(--muted); }
.common-obligations .table-wrap { max-height:58vh; scrollbar-gutter:stable; overscroll-behavior:contain; }
.common-obligations table { min-width:1260px; }
.common-obligations th { position:sticky; top:0; z-index:1; white-space:nowrap; }
.common-obligations .wrap-cell { min-width:220px; white-space:normal; }
.common-obligations .wrap-cell small { display:block; margin-top:3px; color:var(--muted); }
.common-row-actions { display:flex; gap:6px; align-items:center; white-space:nowrap; }
.common-payments .bk-table { max-height:46vh; }

@media (max-width: 760px) {
  .common-filter { grid-template-columns:1fr 1fr; }
  .common-filter .button { grid-column:1/-1; }
  .common-contribution { grid-template-columns:1fr; }
  .common-obligations .panel-head { align-items:flex-start; flex-direction:column; }
  .common-obligations .table-wrap,.common-payments .bk-table { max-height:60dvh; }
}

@media (max-width: 480px) {
  .common-filter { grid-template-columns:1fr; }
  .common-filter .button { grid-column:auto; }
}

/* v3.3.5 · Organizasyon malzeme kullanımı ve Bay-Kar tahsilat/cari görünümü */
.organization-material-editor { display:grid; gap:12px; padding:15px; border:1px solid var(--line); border-radius:15px; background:#f8faf8; }
.organization-material-head strong,.organization-material-head small { display:block; }
.organization-material-head small { margin-top:4px; color:var(--muted); }
.organization-material-toolbar { display:grid; grid-template-columns:minmax(300px,1fr) 120px auto; gap:10px; align-items:end; }
.organization-material-toolbar > div { min-width:0; }
.organization-material-selection { padding:10px 12px; border:1px dashed #b8c5bb; border-radius:11px; color:var(--muted); background:white; }
.organization-material-selection strong,.organization-material-selection span { display:block; }
.organization-material-selection span { margin-top:3px; font-size:12px; }
.organization-material-list { max-width:100%; overflow:auto; border:1px solid var(--line); border-radius:12px; background:white; }
.organization-material-row { display:grid; grid-template-columns:minmax(230px,1.5fr) 120px 110px 130px 130px 42px; gap:9px; align-items:center; min-width:800px; padding:9px 11px; border-bottom:1px solid var(--line); }
.organization-material-row:last-child { border-bottom:0; }
.organization-material-row.header { color:var(--muted); background:#f1f5f2; font-size:11px; font-weight:800; text-transform:uppercase; }
.organization-material-row span:first-child small { display:block; margin-top:2px; color:var(--muted); }
.organization-material-row input { min-height:38px; }
.organization-material-empty { margin:0; padding:16px; }
.organization-detail { display:grid; gap:16px; }
.organization-note { border:1px solid var(--line); border-radius:12px; padding:13px 14px; background:#f8faf8; }
.organization-note small { display:block; color:var(--muted); font-weight:700; }
.organization-note p { margin:7px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.bk-installment-groups { display:grid; gap:14px; }
.bk-installment-group { padding:13px; border:1px solid var(--line); border-left:5px solid #6a7a95; border-radius:13px; background:#fff; }
.bk-installment-group h4 { margin:0 0 9px; }
.bk-installment-group.overdue,.bk-collection-due-grid .overdue { border-left-color:#be2b2f; }
.bk-installment-group.due,.bk-collection-due-grid .due { border-left-color:#c67a31; }
.bk-installment-group.future { border-left-color:#4d6793; }
.bk-current-summary,.bk-collection-stats { margin-bottom:15px; }
.bk-collection-stats .danger { border-bottom:4px solid #be2b2f; }
.bk-collection-stats .warning { border-bottom:4px solid #c67a31; }
.bk-collection-due-grid,.bk-collection-due-grid + .panel,.bk-collection-due-grid + .panel + .panel { margin-top:18px; }

@media (max-width: 760px) {
  .organization-material-toolbar { grid-template-columns:1fr 110px; }
  .organization-material-toolbar .button { grid-column:1/-1; width:100%; }
}
@media (max-width: 480px) {
  .organization-material-toolbar { grid-template-columns:1fr; }
  .organization-material-toolbar .button { grid-column:auto; }
}

/* v3.3.9 · Fabrika sefer puantajı, takvim ve yönetilebilir cari türleri */
.bk-calendar-wrap { max-width:100%; overflow-x:auto; scrollbar-gutter:stable; }
.bk-calendar-title { margin-bottom:12px; font-size:1.05rem; font-weight:800; text-transform:capitalize; }
.bk-calendar-weekdays,.bk-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(105px,1fr)); gap:6px; min-width:780px; }
.bk-calendar-weekdays b { padding:8px; text-align:center; color:#5d6b64; }
.bk-calendar-day { min-height:108px; padding:8px; border:1px solid #dfe5e1; border-radius:12px; background:#fafbf9; }
.bk-calendar-day.empty { visibility:hidden; }
.bk-calendar-day.has-trip { border-color:#9cb9a5; background:#eef7f0; }
.bk-calendar-day > strong { display:block; margin-bottom:6px; color:#17213b; }
.bk-calendar-day > span { display:block; margin-top:5px; padding:5px 6px; border-radius:8px; background:white; font-size:.75rem; line-height:1.25; }
.bk-calendar-day > span small { display:block; margin-top:2px; color:#66736d; }
.bk-proposal-actions { display:flex; flex-wrap:wrap; gap:6px; min-width:290px; }
.bk-proposal-stats .stat-card:nth-child(2) { border-bottom-color:#c38a2c; }
.bk-proposal-stats .stat-card:nth-child(3) { border-bottom-color:#278553; }
.bk-proposal-stats .stat-card:nth-child(4) { border-bottom-color:#b84343; }
.bk-proposal-line-head { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:18px 0 8px; }
.bk-proposal-line-head h3,.bk-proposal-line-head p { margin:0; }
.bk-proposal-line { display:grid; grid-template-columns:38px minmax(190px,1.4fr) minmax(150px,1fr) minmax(140px,1fr) 90px 150px minmax(140px,1fr) auto; gap:9px; align-items:end; margin-bottom:9px; padding:12px; border:1px solid #d7dfe7; border-radius:13px; background:#f8fafb; min-width:1050px; }
[data-proposal-items] { max-width:100%; overflow-x:auto; scrollbar-gutter:stable; }
.bk-proposal-line label { margin:0; min-width:0; }
.bk-proposal-line-no { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#17213b; color:#fff; font-weight:800; }
.bk-proposal-total { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:12px; padding:14px; border-radius:12px; background:#17213b; color:#fff; }
.bk-proposal-total strong { font-size:1.25rem; }
.bk-proposal-preview-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-bottom:10px; }
.bk-proposal-preview { max-height:72dvh; overflow:auto; padding:14px; background:#e9edf1; }
.bk-proposal-preview .proposal-document { width:min(100%,210mm); min-height:297mm; margin:0 auto; padding:42px; background:#fff; color:#17213b; font:12px/1.4 Arial,sans-serif; box-shadow:0 8px 30px #0002; }
.bk-proposal-preview .proposal-document header { display:flex; align-items:center; justify-content:space-between; border-bottom:4px solid #17213b; padding-bottom:12px; }
.bk-proposal-preview .proposal-document header img { width:240px; height:90px; object-fit:contain; object-position:left; }
.bk-proposal-preview .proposal-document header div { text-align:right; }
.bk-proposal-preview .proposal-document h1 { margin:0; font:800 24px Georgia,serif; }
.bk-proposal-preview .proposal-document h2 { margin:0 0 7px; font-size:12px; }
.bk-proposal-preview .proposal-info { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:15px 0; }
.bk-proposal-preview .proposal-info>div,.bk-proposal-preview .proposal-notes { border:1px solid #b7c0cb; border-radius:7px; padding:10px; }
.bk-proposal-preview .proposal-info dl { display:grid; grid-template-columns:76px 1fr; gap:4px; margin:0; }
.bk-proposal-preview .proposal-info dt { font-weight:700; }
.bk-proposal-preview .proposal-info dd { margin:0; }
.bk-proposal-preview .proposal-dates { grid-column:1/-1; display:flex; justify-content:flex-end; gap:10px; border:0!important; padding:0!important; }
.bk-proposal-preview .proposal-dates span { min-width:145px; border:1px solid #b7c0cb; border-radius:7px; padding:8px; }
.bk-proposal-preview .proposal-dates small,.bk-proposal-preview .proposal-dates strong { display:block; }
.bk-proposal-preview .proposal-document table { width:100%; border-collapse:collapse; margin:12px 0; }
.bk-proposal-preview .proposal-document td,.bk-proposal-preview .proposal-document th { border:1px solid #aeb8c4; padding:8px; text-align:left; }
.bk-proposal-preview .proposal-document th { background:#17213b; color:#fff; }
.bk-proposal-preview .proposal-document td:last-child,.bk-proposal-preview .proposal-document th:last-child { text-align:right; white-space:nowrap; }
.bk-proposal-preview .proposal-document td small { display:block; }
.bk-proposal-preview .proposal-document tfoot td { font-weight:800; background:#e9edf2; }
.bk-proposal-preview .proposal-notes ol { margin:0; padding-left:20px; }
.bk-proposal-preview .proposal-document footer { display:flex; justify-content:space-between; margin-top:24px; padding-top:12px; border-top:2px solid #17213b; }
.bk-proposal-preview .proposal-document footer small,.bk-proposal-preview .proposal-document footer strong { display:block; }
.bk-settlement-totals { display:grid; grid-template-columns:repeat(5,minmax(125px,1fr)); gap:8px; margin:12px 0 18px; }
.bk-settlement-totals span { display:grid; gap:4px; padding:12px; border:1px solid #d6dfe7; border-radius:12px; background:#f7f9fb; }
.bk-settlement-totals small { color:#637083; }
.bk-settlement-totals strong { font-size:1.08rem; }
.bk-settlement-totals .total { background:#17213b; color:#fff; }
.bk-settlement-totals .total small { color:#dbe2ec; }
.bk-dashboard-main { display:grid; grid-template-columns:minmax(260px,.65fr) minmax(0,1.7fr); gap:16px; align-items:start; }
.bk-upcoming-compact .bk-alerts { max-height:410px; overflow:auto; }
.bk-puantaj-mini { margin-bottom:16px; }
.bk-puantaj-mini-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:9px; }
.bk-puantaj-mini-grid>article { display:grid; grid-template-columns:minmax(110px,1.3fr) repeat(3,minmax(82px,auto)); gap:10px; align-items:center; padding:11px 13px; border:1px solid #dbe2e8; border-radius:12px; background:#f8fafb; }
.bk-puantaj-mini-grid>article div,.bk-puantaj-mini-grid>article span { display:grid; gap:2px; }
.bk-puantaj-mini-grid>article small { color:#687587; }
.bk-puantaj-mini-grid>article b { white-space:nowrap; }
@media(max-width:900px){.bk-proposal-preview .proposal-document{min-width:760px}.bk-proposal-preview{padding:8px}.bk-settlement-totals{grid-template-columns:repeat(2,minmax(130px,1fr))}.bk-settlement-totals .total{grid-column:1/-1}.bk-proposal-line-head{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){.bk-dashboard-main{grid-template-columns:1fr}.bk-upcoming-compact .bk-alerts{max-height:300px}.bk-puantaj-mini-grid>article{grid-template-columns:1fr 1fr}.bk-puantaj-mini-grid>article div{grid-column:1/-1}}
.bk-week-trip-grid { display:grid; grid-template-columns:repeat(7,minmax(105px,1fr)); gap:8px; overflow-x:auto; }
.bk-week-trip-grid label { min-width:105px; padding:10px; border:1px solid #dfe5e1; border-radius:12px; background:#f8faf8; }
.bk-week-trip-grid label span,.bk-week-trip-grid label small { display:block; }
.bk-type-manager { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.bk-type-manager section { padding:14px; border:1px solid #dfe5e1; border-radius:14px; background:#f8faf8; }
.bk-type-manager section > div { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 0; border-bottom:1px solid #e6ebe7; }

@media (max-width: 900px) {
  .bk-type-manager { grid-template-columns:1fr; }
  .bk-calendar-weekdays,.bk-calendar-grid { min-width:700px; }
}

/* v3.3.11 · ortak düğme sistemi ve tam ekran teklif çalışma alanı */
.button {
  display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px;
  padding:9px 13px; line-height:1.15; white-space:nowrap;
}
.button.compact { min-height:36px; padding:7px 11px; font-size:12px; }
.button:focus-visible,.icon-button:focus-visible,.action-menu summary:focus-visible,.action-menu-item:focus-visible {
  outline:3px solid color-mix(in srgb,var(--forest) 28%,transparent); outline-offset:2px;
}
.view-head .toolbar,.panel-head .toolbar {
  flex-wrap:nowrap; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain;
  padding:2px 2px 5px; scrollbar-width:thin;
}
.view-head .toolbar .button,.panel-head .toolbar .button { flex:0 0 auto; }
.bk-view-head { align-items:flex-start; }
.bk-view-head .toolbar { display:flex!important; flex-wrap:nowrap!important; width:auto; }
.bk-view-head .toolbar::-webkit-scrollbar,.panel-head .toolbar::-webkit-scrollbar { height:5px; }
.bk-view-head .toolbar::-webkit-scrollbar-thumb,.panel-head .toolbar::-webkit-scrollbar-thumb { border-radius:99px; background:#b8c0bc; }

.bk-proposal-actions { align-items:flex-start; flex-wrap:nowrap; min-width:104px; }
.action-menu { min-width:0; }
.action-menu summary { list-style:none; user-select:none; }
.action-menu summary::-webkit-details-marker { display:none; }
.action-menu-popover {
  display:grid; gap:2px; width:152px; margin-top:5px; padding:5px;
  border:1px solid var(--line); border-radius:11px; background:#fff; box-shadow:0 10px 28px #17231c25;
}
.action-menu-item {
  width:100%; min-height:35px; padding:7px 9px; border:0; border-radius:8px; cursor:pointer;
  background:transparent; color:var(--ink); text-align:left; font-family:inherit; font-size:12px; font-weight:700; line-height:1.2;
}
.action-menu-item:hover { background:var(--forest-soft); }
.action-menu-item.danger { color:var(--danger); }
.action-menu-item.danger:hover { background:var(--danger-soft); }

.modal.modal-fullscreen {
  inset:0; width:100vw; max-width:none; height:100dvh; max-height:none; margin:0;
  overflow:hidden; border-radius:0;
}
.modal.modal-fullscreen .modal-head { position:sticky; top:0; z-index:12; min-height:72px; padding:14px clamp(16px,2.4vw,34px); }
.modal.modal-fullscreen .modal-body {
  --modal-workspace-pad:clamp(14px,2.7vw,40px); height:calc(100dvh - 72px); max-height:none;
  padding:clamp(14px,2vw,28px) var(--modal-workspace-pad) 0;
  background:#f3f5f6;
}
.modal-workspace .bk-proposal-form { display:grid; gap:16px; max-width:1480px; margin:0 auto; }
.bk-proposal-section {
  padding:clamp(14px,1.6vw,22px); border:1px solid #d7dfe7; border-radius:16px;
  background:#fff; box-shadow:0 7px 20px #18243a0a;
}
.bk-proposal-section-head { display:flex; justify-content:space-between; gap:14px; margin-bottom:14px; }
.bk-proposal-section-head h3,.bk-proposal-section-head p { margin:0; }
.bk-proposal-section-head p,.bk-proposal-line-head p { margin-top:3px; color:var(--muted); }
.bk-proposal-line-head { margin:0 0 12px; }
[data-proposal-items] { display:grid; gap:10px; overflow:visible; }
.bk-proposal-line {
  grid-template-columns:38px minmax(210px,2fr) minmax(155px,1.25fr) minmax(145px,1.15fr) 90px 155px auto;
  min-width:0; margin:0; padding:13px; background:#f8fafb;
}
.bk-proposal-line .proposal-route { grid-column:2; }
.bk-proposal-line .proposal-service { grid-column:3; }
.bk-proposal-line .proposal-vehicle { grid-column:4; }
.bk-proposal-line .proposal-km { grid-column:5; }
.bk-proposal-line .proposal-price { grid-column:6; }
.bk-proposal-line .proposal-remove { grid-column:7; grid-row:1; }
.bk-proposal-line .proposal-note { grid-column:2 / 7; }
.bk-proposal-notes-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr); gap:18px; }
.bk-proposal-notes-grid>div { min-width:0; }
.bk-proposal-notes-grid textarea { width:100%; min-height:220px; resize:vertical; }
.bk-proposal-form>.form-actions {
  position:sticky; z-index:10; bottom:0; margin:0 calc(var(--modal-workspace-pad) * -1);
  padding:13px var(--modal-workspace-pad) max(13px,env(safe-area-inset-bottom));
  border-top:1px solid #d5dde4; background:rgba(255,255,255,.96); backdrop-filter:blur(10px);
}
.delete-confirmation { display:grid; grid-template-columns:48px minmax(0,1fr); gap:14px; align-items:start; padding:16px; border:1px solid #efc8c4; border-radius:14px; background:#fff7f6; }
.delete-confirmation h3,.delete-confirmation p { margin:0; }
.delete-confirmation p { margin-top:5px; color:var(--muted); line-height:1.55; }
.delete-confirmation-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--danger); color:#fff; font-size:22px; font-weight:900; }

@media (max-width:1100px) {
  .bk-proposal-line { grid-template-columns:38px repeat(2,minmax(0,1fr)) auto; }
  .bk-proposal-line .proposal-route { grid-column:2 / 4; }
  .bk-proposal-line .proposal-service { grid-column:2; }
  .bk-proposal-line .proposal-vehicle { grid-column:3; }
  .bk-proposal-line .proposal-km { grid-column:2; }
  .bk-proposal-line .proposal-price { grid-column:3; }
  .bk-proposal-line .proposal-note { grid-column:2 / 4; }
  .bk-proposal-line .proposal-remove { grid-column:4; grid-row:1; }
}
@media (max-width:820px) {
  .view-head { display:grid!important; grid-template-columns:minmax(0,1fr); gap:10px; }
  .view-head .toolbar,.bk-view-head .toolbar { width:100%; margin-top:0; justify-content:flex-start; }
  .bk-proposal-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bk-proposal-notes-grid { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .bk-proposal-line { grid-template-columns:34px minmax(0,1fr) auto; }
  .bk-proposal-line .proposal-route,.bk-proposal-line .proposal-service,.bk-proposal-line .proposal-vehicle,
  .bk-proposal-line .proposal-km,.bk-proposal-line .proposal-price,.bk-proposal-line .proposal-note { grid-column:2; }
  .bk-proposal-line .proposal-remove { grid-column:3; grid-row:1; }
  .bk-proposal-line-head { align-items:stretch; }
  .bk-proposal-line-head .button { width:100%; }
  .modal.modal-fullscreen .modal-head { min-height:66px; }
  .modal.modal-fullscreen .modal-body { height:calc(100dvh - 66px); }
}

/* v3.3.11 · minimal Bay-Kar genel bakış ve dönem takvimi */
.bk-hero {
  min-height:68px; gap:14px; margin-bottom:14px; padding:9px 16px; border-radius:14px;
  box-shadow:none; background:linear-gradient(110deg,#fff 0,#f5f7fa 100%);
}
.bk-hero img { width:150px; height:50px; }
.bk-hero div { gap:2px; }
.bk-hero strong { font:700 clamp(16px,1.5vw,20px)/1.15 Georgia,serif; }
.bk-hero span { font-size:12px; }
.bk-dashboard-school-calendar { margin-bottom:16px; }
.bk-school-calendar-compact { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding-top:12px; padding-bottom:12px; }
.bk-school-calendar-compact article { display:flex; align-items:center; gap:10px; min-width:0; padding:9px 11px; border:1px solid #dce3e8; border-radius:11px; background:#f9fafb; }
.bk-school-calendar-compact time { flex:0 0 auto; padding:5px 7px; border-radius:8px; background:#17213b; color:#fff; font-size:11px; font-weight:800; }
.bk-school-calendar-compact span { display:grid; min-width:0; gap:2px; }
.bk-school-calendar-compact strong,.bk-school-calendar-compact small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bk-school-calendar-compact small { color:var(--muted); font-size:10px; }
.bk-calendar-source { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; padding:11px 13px; border:1px solid #dbe2e7; border-radius:12px; background:#f7f9fa; }
.bk-calendar-source span { display:grid; gap:2px; }
.bk-calendar-source small { color:var(--muted); }
.bk-calendar-source a { color:var(--forest); font-weight:750; }
.bk-school-event-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:9px; }
.bk-school-event-grid article { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-items:center; padding:11px; border:1px solid #dce3e8; border-left:4px solid #637a9e; border-radius:11px; background:#fff; }
.bk-school-event-grid article.SchoolBreak,.bk-school-event-grid article.OfficialHoliday { border-left-color:#be2b2f; background:#fff9f8; }
.bk-school-event-grid article.Orientation { border-left-color:#c38a2c; }
.bk-school-event-grid time { font-size:11px; font-weight:800; white-space:nowrap; }
.bk-school-event-grid div { display:grid; gap:2px; min-width:0; }
.bk-school-event-grid small { color:var(--muted); }
@media(max-width:1050px){.bk-school-calendar-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .bk-hero{align-items:center;flex-direction:row;padding:8px 10px}.bk-hero img{width:108px;height:42px}.bk-hero span{display:none}
  .bk-school-calendar-compact{grid-template-columns:1fr}.bk-calendar-source{align-items:flex-start;flex-direction:column}
}

/* v3.4.1 · öğrenci/fabrika iskontosu ve mobil işlem düzeni */
.row-action-group { display:inline-flex; align-items:center; gap:6px; flex-wrap:nowrap; }
.row-action-group .button { min-height:36px; padding:7px 10px; }
.bk-discount-preview { margin:0; }
.bk-table { touch-action:pan-x pan-y; scrollbar-width:thin; }
.bk-table::-webkit-scrollbar { width:10px; height:10px; }
.bk-table::-webkit-scrollbar-thumb { border-radius:10px; background:#93a0ae; }
.bk-table::-webkit-scrollbar-track { background:#edf0f3; }
@media(max-width:760px){
  .bk-roster-filter { grid-template-columns:1fr; }
  .bk-roster-filter label:last-child { grid-column:auto; }
  .bk-settlement-totals { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bk-settlement-totals span { min-width:0; padding:10px; }
  .bk-table table { min-width:780px; }
  .row-action-group { position:sticky; right:0; padding:3px; border-radius:9px; background:#fff; box-shadow:-8px 0 12px #fff; }
}
@media(max-width:480px){
  .bk-settlement-totals { grid-template-columns:1fr; }
  .bk-settlement-totals .total { grid-column:auto; }
  .bk-view-head .toolbar .button { min-height:38px; padding:8px 11px; }
}

/* v3.4.3 · PWA mobil uygulama kabuğu ve çakışmayan alt menü */
.mobile-navigation,.mobile-quick-button,.mobile-sheet-scrim,.mobile-quick-sheet { display:none; }

@media (max-width:820px) {
  :root { --mobile-nav-height:72px; }
  html { scroll-padding-bottom:calc(var(--mobile-nav-height) + 18px); }
  body { padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom)); }
  body.mobile-sheet-open { overflow:hidden; }
  .menu-button { display:none!important; }
  .table-scroll-dock { display:none!important; }
  .sidebar { z-index:101; padding-bottom:env(safe-area-inset-bottom); }
  .sidebar-scrim { z-index:100; }

  .topbar {
    height:64px; min-height:64px; display:grid; grid-template-columns:minmax(76px,1fr) auto;
    gap:8px; padding:7px 10px; padding-top:max(7px,env(safe-area-inset-top));
  }
  .topbar>div:nth-of-type(1) { min-width:0; }
  .topbar h1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:17px; }
  .topbar p { display:none; }
  .topbar-actions { min-width:0; gap:6px; }
  .topbar-actions #sync-button,.topbar-actions #install-button { display:none!important; }
  .business-switcher-label select { width:112px; max-width:112px; min-width:0; min-height:40px; padding:7px 25px 7px 8px; }
  .notification-button { width:40px; height:40px; border-radius:11px; }
  .connection-state { width:11px!important; height:11px!important; min-width:11px; padding:0!important; font-size:0!important; box-shadow:0 0 0 4px #e8eee9; }
  .connection-state.offline,.connection-state.error { box-shadow:0 0 0 4px #fff0ef; }
  .connection-state.pending { box-shadow:0 0 0 4px #fff5e5; }
  .view { padding:14px 10px calc(var(--mobile-nav-height) + 34px); min-height:calc(100dvh - 64px); }
  .view-head { margin-bottom:13px; }
  .view-head h2 { font-size:19px; }
  .view-head p { font-size:12px; }
  .view-head .toolbar,.panel-head .toolbar { padding-bottom:4px; }
  .view-head .toolbar .button,.panel-head .toolbar .button { min-height:42px; }

  .mobile-navigation {
    position:fixed; z-index:80; left:0; right:0; bottom:0; height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));
    display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
    align-items:start; padding:7px 5px env(safe-area-inset-bottom); border-top:1px solid #d5dad5;
    background:rgba(255,254,250,.97); box-shadow:0 -8px 28px rgba(28,40,33,.12); backdrop-filter:blur(16px);
  }
  .mobile-navigation>button {
    position:relative; min-width:0; min-height:56px; display:grid; place-items:center; align-content:center; gap:2px;
    padding:4px 2px; border:0; border-radius:11px; background:transparent; color:#69736c; cursor:pointer;
  }
  .mobile-navigation>button span { min-width:30px; height:28px; display:grid; place-items:center; border-radius:9px; font-size:20px; line-height:1; }
  .mobile-navigation>button span svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .mobile-navigation>button small { overflow:hidden; max-width:100%; text-overflow:ellipsis; font-size:10px; font-weight:760; white-space:nowrap; }
  .mobile-navigation>button.active { color:var(--forest); }
  .mobile-navigation>button.active span { background:var(--forest-soft); }
  .mobile-navigation>button.pressed,.mobile-navigation>button:active { background:#eef2ed; transform:scale(.96); }
  .mobile-navigation>button[aria-busy="true"] { pointer-events:none; opacity:.72; }
  .mobile-navigation>button b {
    position:absolute; top:2px; right:calc(50% - 23px); min-width:18px; height:18px; display:grid; place-items:center;
    padding:0 4px; border:2px solid white; border-radius:99px; background:var(--danger); color:white; font-size:8px;
  }
  .mobile-quick-button {
    position:relative; z-index:1; width:auto; height:auto; transform:none;
    color:var(--forest); box-shadow:none; font:inherit;
  }
  .mobile-navigation>.mobile-quick-button>span {
    min-width:36px; width:36px; height:36px; border-radius:50%; background:var(--forest); color:white;
    box-shadow:0 4px 12px rgba(28,40,33,.22); font:400 27px/1 system-ui;
  }
  body[data-business="baykar"] .mobile-navigation>.mobile-quick-button>span { background:#17213b; }
  .mobile-navigation>.mobile-quick-button:active { transform:scale(.96); }
  .mobile-sheet-scrim { position:fixed; z-index:108; inset:0; display:block; border:0; background:#111b1770; backdrop-filter:blur(2px); }
  .mobile-quick-sheet {
    position:fixed; z-index:109; left:0; right:0; bottom:0; display:grid; grid-template-rows:auto auto minmax(0,1fr);
    max-height:min(88dvh,760px); padding:0 12px calc(14px + env(safe-area-inset-bottom)); overflow:hidden;
    border-radius:22px 22px 0 0; background:var(--canvas); box-shadow:0 -22px 60px #1020184d;
    animation:mobile-sheet-in .18s ease-out;
  }
  @keyframes mobile-sheet-in { from { transform:translateY(28px); opacity:.55; } }
  .mobile-quick-sheet>header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 3px 11px; }
  .mobile-quick-sheet>header small { color:var(--muted); font-size:9px; font-weight:850; letter-spacing:.1em; }
  .mobile-quick-sheet>header h2 { margin:2px 0 0; font-size:19px; }
  .mobile-quick-sheet>header .icon-button { flex:0 0 auto; }
  .mobile-sync-status {
    width:100%; display:grid; grid-template-columns:12px minmax(0,1fr); gap:1px 9px; margin-bottom:10px; padding:10px 12px;
    border:1px solid var(--line); border-radius:12px; background:white; text-align:left; cursor:pointer;
  }
  .mobile-sync-status>span { grid-row:1/3; align-self:center; width:10px; height:10px; border-radius:50%; background:var(--success); }
  .mobile-sync-status>strong { font-size:12px; }
  .mobile-sync-status>small { color:var(--muted); font-size:10px; }
  .mobile-sync-status.offline>span,.mobile-sync-status.error>span { background:var(--danger); }
  .mobile-sync-status.pending>span { background:var(--warning); }
  .mobile-quick-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; overflow:auto; padding:1px 1px 5px; overscroll-behavior:contain; }
  .mobile-quick-actions>button {
    min-width:0; min-height:94px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:8px; align-items:center;
    padding:12px; border:1px solid var(--line); border-radius:14px; background:white; text-align:left; cursor:pointer;
  }
  .mobile-quick-actions>button>span { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:var(--forest-soft); color:var(--forest); font-weight:850; }
  .mobile-quick-actions>button>div { display:grid; gap:3px; min-width:0; }
  .mobile-quick-actions>button strong { font-size:12px; }
  .mobile-quick-actions>button small { color:var(--muted); font-size:10px; line-height:1.35; }
  .mobile-quick-actions>button>b { color:#9aa39d; font-size:22px; }
  .mobile-quick-actions>button.pressed,.mobile-quick-actions>button:active { border-color:#9eada3; background:#f2f6f2; transform:scale(.985); }
  .mobile-quick-actions>button[aria-busy="true"] { pointer-events:none; opacity:.72; }

  @media (max-width:380px) {
    .mobile-navigation { padding-inline:2px; }
    .mobile-navigation>button { padding-inline:1px; }
    .mobile-navigation>button small { font-size:9px; }
  }

  .table-wrap:has(>table.mobile-card-table),.bk-table:has(>table.mobile-card-table) {
    max-height:none!important; overflow:visible; border:0; border-radius:0; background:transparent;
  }
  table.mobile-card-table { display:block; width:100%; min-width:0!important; table-layout:auto!important; }
  table.mobile-card-table thead { display:none; }
  table.mobile-card-table tbody { display:grid; gap:10px; width:100%; }
  table.mobile-card-table tbody tr {
    display:grid; width:100%; padding:5px 12px; border:1px solid var(--line); border-left:4px solid var(--forest);
    border-radius:13px; background:white; box-shadow:0 4px 14px rgba(32,46,37,.05);
  }
  body[data-business="baykar"] table.mobile-card-table tbody tr { border-left-color:#17213b; }
  table.mobile-card-table tbody tr.critical,table.mobile-card-table tbody tr.negative,
  table.mobile-card-table tbody tr.pending-row { background:inherit; }
  table.mobile-card-table tbody td {
    width:auto!important; max-width:none!important; min-height:37px; display:grid; grid-template-columns:minmax(92px,.75fr) minmax(0,1.25fr);
    gap:10px; align-items:center; padding:8px 0; border-bottom:1px solid #edf0ec; white-space:normal; overflow:visible; text-align:left!important;
    text-overflow:clip; overflow-wrap:anywhere;
  }
  table.mobile-card-table tbody td:last-child { border-bottom:0; }
  table.mobile-card-table tbody td::before { content:attr(data-label); color:var(--muted); font-size:9px; font-weight:820; letter-spacing:.035em; text-transform:uppercase; }
  table.mobile-card-table tbody td.mobile-card-full { grid-template-columns:1fr; }
  table.mobile-card-table tbody td.actions .row-action-group,
  table.mobile-card-table tbody td.actions>div { position:static; width:100%; display:flex; flex-wrap:wrap; gap:7px; padding:0; box-shadow:none; }
  table.mobile-card-table tbody td.actions .button { flex:1 1 auto; min-height:42px; }
  table.mobile-card-table .money { text-align:left; }

  .modal,.modal.modal-fullscreen {
    inset:0; width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; overflow:hidden; border-radius:0;
  }
  .modal-head,.modal.modal-fullscreen .modal-head {
    position:sticky; top:0; z-index:12; min-height:64px; padding:10px 12px; padding-top:max(10px,env(safe-area-inset-top));
  }
  .modal-head h2 { font-size:17px; }
  .modal-head p { max-width:72vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .modal-body,.modal.modal-fullscreen .modal-body {
    height:calc(100dvh - 64px); max-height:none; padding:13px 10px 0; overflow:auto; overscroll-behavior:contain;
  }
  .modal-body form { min-height:calc(100dvh - 90px); padding-bottom:86px; }
  .modal-body .form-grid { gap:11px; }
  .modal-body input,.modal-body select,.modal-body textarea { min-height:50px; border-radius:11px; font-size:16px; }
  .modal-body textarea { min-height:108px; }
  .modal-body .form-actions,.modal.modal-fullscreen .bk-proposal-form>.form-actions {
    position:sticky; z-index:15; left:0; right:0; bottom:0; display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
    gap:8px; margin:18px -10px 0; padding:10px 10px calc(10px + env(safe-area-inset-bottom));
    border-top:1px solid var(--line); background:rgba(255,255,255,.97); backdrop-filter:blur(12px);
  }
  .modal-body .form-actions .button { width:100%; min-height:48px; }
  .mobile-draft-banner {
    display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:7px; align-items:center; margin-bottom:12px; padding:10px;
    border:1px solid #e5c983; border-radius:12px; background:#fff8e6;
  }
  .mobile-draft-banner>div { display:grid; gap:2px; }
  .mobile-draft-banner strong { font-size:11px; }
  .mobile-draft-banner small { color:var(--muted); font-size:9px; }
  .mobile-draft-banner .button { padding:7px 8px; }

  .stats-grid,.bk-summary,.bk-proposal-stats { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .stat-card { min-width:0; min-height:92px; padding:12px; }
  .stat-card strong { margin-top:8px; font-size:18px; }
  .panel { box-shadow:0 5px 18px rgba(36,48,41,.05); }
  .panel-head { padding:13px; }
  .panel-body { padding:13px; }
  .filters,.bk-roster-filter,.report-filter { grid-template-columns:1fr!important; padding:11px; }
  .filters>*,.bk-roster-filter>*,.report-filter>* { grid-column:auto!important; }
  .row-action-group { position:static; box-shadow:none; }
}

@media (max-width:390px) {
  .topbar { grid-template-columns:minmax(68px,1fr) auto; }
  .topbar h1 { font-size:15px; }
  .business-switcher-label select { width:105px; max-width:105px; }
  .mobile-navigation>button small { font-size:9px; }
  .mobile-quick-actions { grid-template-columns:1fr 1fr; gap:7px; }
  .mobile-quick-actions>button { grid-template-columns:32px minmax(0,1fr); min-height:88px; padding:9px; }
  .mobile-quick-actions>button>span { width:31px; height:31px; }
  .mobile-quick-actions>button>b { display:none; }
  .mobile-draft-banner { grid-template-columns:1fr 1fr; }
  .mobile-draft-banner>div { grid-column:1/-1; }
}

/* v3.4.41 · Bay-Kar için masaüstünden bağımsız mobil çalışma yüzeyi */
@media (max-width:820px) {
  body[data-business="baykar"] { --bk-mobile-navy:#17213b; --bk-mobile-red:#b33438; --bk-mobile-soft:#f2f5f8; background:#f2f4f7; }
  body[data-business="baykar"] .workspace { background:#f2f4f7; }
  body[data-business="baykar"] .view { padding:10px 10px calc(var(--mobile-nav-height) + 30px); }
  body[data-business="baykar"] .topbar { background:rgba(255,255,255,.96); border-bottom-color:#e0e5eb; }
  body[data-business="baykar"] .mobile-navigation { border-top-color:#d8dee7; background:rgba(255,255,255,.98); }
  body[data-business="baykar"] .mobile-navigation>button.active { color:var(--bk-mobile-navy); }
  body[data-business="baykar"] .mobile-navigation>button.active span { background:#e9edf4; }
  .bk-mobile-home,.bk-mobile-page { display:grid; gap:12px; max-width:620px; margin:0 auto; }
  .bk-mobile-welcome,.bk-mobile-page-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:17px; border-radius:20px; background:linear-gradient(140deg,#17213b,#2d4068); color:#fff; box-shadow:0 12px 26px rgba(23,33,59,.18); }
  .bk-mobile-welcome small,.bk-mobile-page-head small { color:#cbd4e5; font-size:10px; font-weight:800; letter-spacing:.08em; }
  .bk-mobile-welcome h2,.bk-mobile-page-head h2 { margin:3px 0 2px; color:#fff; font-size:22px; }
  .bk-mobile-welcome p,.bk-mobile-page-head p { margin:0; color:#d8dfeb; font-size:11px; }
  .bk-mobile-welcome img { width:64px; height:64px; object-fit:contain; padding:7px; border-radius:17px; background:#fff; }
  .bk-mobile-page-head>button { width:42px; height:42px; border:0; border-radius:13px; background:#ffffff18; color:#fff; font-size:18px; }
  .bk-mobile-primary-stats { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
  .bk-mobile-primary-stats button { display:grid; gap:2px; min-height:110px; padding:14px; border:1px solid #dfe4eb; border-radius:17px; background:#fff; color:#17213b; text-align:left; box-shadow:0 5px 16px rgba(23,33,59,.06); }
  .bk-mobile-primary-stats small { color:#707b8c; font-size:10px; font-weight:750; }
  .bk-mobile-primary-stats strong { font-size:29px; line-height:1.1; }
  .bk-mobile-primary-stats span { color:#667185; font-size:10px; }
  .bk-mobile-section { overflow:hidden; border:1px solid #dfe4eb; border-radius:18px; background:#fff; box-shadow:0 5px 18px rgba(23,33,59,.05); }
  .bk-mobile-section>header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 14px 9px; }
  .bk-mobile-section>header small { display:block; color:#7c8797; font-size:9px; font-weight:850; letter-spacing:.08em; }
  .bk-mobile-section>header h3 { margin:2px 0 0; color:#17213b; font-size:16px; }
  .bk-mobile-section>header>button { min-height:34px; padding:7px 10px; border:0; border-radius:10px; background:#edf1f6; color:#17213b; font-size:10px; font-weight:800; }
  .bk-mobile-section>header>span { color:#7c8797; font-size:10px; }
  .bk-mobile-action-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:5px 12px 13px; }
  .bk-mobile-action-grid>button { min-width:0; min-height:82px; display:grid; grid-template-columns:38px 1fr; gap:9px; align-items:center; padding:11px; border:1px solid #e2e6ec; border-radius:14px; background:#f8fafc; color:#17213b; text-align:left; }
  .bk-mobile-action-grid>button>span { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:#e7ebf2; color:#17213b; font-size:17px; font-weight:850; }
  .bk-mobile-action-grid strong,.bk-mobile-action-grid small { display:block; }
  .bk-mobile-action-grid strong { font-size:12px; }
  .bk-mobile-action-grid small { margin-top:3px; color:#798394; font-size:9px; line-height:1.25; }
  .bk-mobile-money-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; padding:3px 12px 13px; }
  .bk-mobile-money-grid article { min-width:0; padding:11px; border:1px solid #e7eaf0; background:#fbfcfd; }
  .bk-mobile-money-grid article:first-child { border-radius:13px 0 0 0; }.bk-mobile-money-grid article:nth-child(2){border-radius:0 13px 0 0}.bk-mobile-money-grid article:last-child{grid-column:1/-1;border-radius:0 0 13px 13px}
  .bk-mobile-money-grid small,.bk-mobile-money-grid strong { display:block; }
  .bk-mobile-money-grid small { color:#758093; font-size:9px; }.bk-mobile-money-grid strong { margin-top:4px; color:#17213b; font-size:14px; overflow-wrap:anywhere; }
  .bk-mobile-money-grid .warning strong { color:#a46816; }.bk-mobile-money-grid .danger strong { color:#aa3438; }
  .bk-mobile-list,.bk-mobile-alerts,.bk-mobile-attendance,.bk-mobile-settlements { display:grid; gap:8px; padding:4px 12px 13px; }
  .bk-mobile-list>button,.bk-mobile-attendance>button { width:100%; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px; border:1px solid #e3e7ed; border-radius:13px; background:#fbfcfd; color:#17213b; text-align:left; }
  .bk-mobile-avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:#17213b; color:#fff; font-size:11px; font-weight:850; }
  .bk-mobile-list strong,.bk-mobile-list small,.bk-mobile-attendance strong,.bk-mobile-attendance small { display:block; }.bk-mobile-list strong,.bk-mobile-attendance strong{font-size:12px}.bk-mobile-list small,.bk-mobile-attendance small{margin-top:2px;color:#7b8595;font-size:9px}.bk-mobile-list b,.bk-mobile-attendance b{font-size:11px;white-space:nowrap}
  .bk-mobile-alerts article { display:grid; grid-template-columns:30px 1fr; gap:9px; align-items:center; padding:10px; border-radius:12px; background:#fff7e8; }
  .bk-mobile-alerts article>span { width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f0ba57;color:#fff;font-weight:900}.bk-mobile-alerts strong,.bk-mobile-alerts small{display:block}.bk-mobile-alerts strong{font-size:11px}.bk-mobile-alerts small{margin-top:2px;color:#7c6d51;font-size:9px}
  .bk-mobile-empty { margin:0; padding:14px; color:#7b8595; font-size:11px; text-align:center; }
  .bk-mobile-datebar { display:grid; grid-template-columns:42px 1fr 42px; gap:8px; align-items:center; padding:9px; border:1px solid #dfe4eb; border-radius:16px; background:#fff; }
  .bk-mobile-datebar>button { height:42px; border:0; border-radius:12px; background:#edf1f6; color:#17213b; font-size:25px; }.bk-mobile-datebar label{display:grid;gap:2px;text-align:center}.bk-mobile-datebar label span{color:#7c8797;font-size:9px;font-weight:800}.bk-mobile-datebar input{min-height:36px;padding:4px 8px;border:0;background:transparent;text-align:center;font-size:15px;font-weight:800}
  .bk-mobile-dual-action { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.bk-mobile-dual-action button{min-height:88px;display:grid;grid-template-columns:34px 1fr;gap:2px 9px;align-items:center;padding:12px;border:1px solid #dfe4eb;border-radius:16px;background:#fff;color:#17213b;text-align:left}.bk-mobile-dual-action button.primary{background:#17213b;color:#fff;border-color:#17213b}.bk-mobile-dual-action button>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#e9edf4;color:#17213b;font-size:19px}.bk-mobile-dual-action button.primary>span{background:#ffffff18;color:#fff}.bk-mobile-dual-action strong{font-size:12px}.bk-mobile-dual-action small{color:#7b8595;font-size:9px}.bk-mobile-dual-action .primary small{color:#cbd4e5}
  .bk-mobile-contracts { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:4px 12px 13px; }.bk-mobile-contracts article{min-width:0;padding:11px;border:1px solid #e2e6ec;border-radius:14px;background:#f9fafc}.bk-mobile-contracts article>header{display:grid;gap:5px}.bk-mobile-plate{font-size:13px;font-weight:900;color:#17213b}.bk-mobile-contracts article>header small{color:#788294;font-size:9px}.bk-mobile-contracts article>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0}.bk-mobile-contracts article>div span{min-width:0}.bk-mobile-contracts article>div small,.bk-mobile-contracts article>div strong{display:block}.bk-mobile-contracts article>div small{color:#7d8796;font-size:8px}.bk-mobile-contracts article>div strong{margin-top:2px;font-size:12px;overflow-wrap:anywhere}.bk-mobile-contracts article>button{width:100%;min-height:34px;border:0;border-radius:9px;background:#e9edf4;color:#17213b;font-size:9px;font-weight:800}
  .bk-mobile-attendance time { width:38px;height:42px;display:grid;place-items:center;align-content:center;border-radius:10px;background:#e9edf4;color:#17213b;font-size:16px;font-weight:900}.bk-mobile-attendance time small{margin:0;font-size:8px}
  .bk-mobile-settlements article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:11px; border:1px solid #e2e6ec; border-radius:14px; background:#fbfcfd; }.bk-mobile-settlements strong,.bk-mobile-settlements small{display:block}.bk-mobile-settlements strong{font-size:11px}.bk-mobile-settlements small{margin-top:3px;color:#798394;font-size:9px}.bk-mobile-settlements>b{font-size:12px}.bk-mobile-settlements footer{grid-column:1/-1;display:flex;gap:7px}.bk-mobile-settlements footer button{flex:1;min-height:38px;border:0;border-radius:10px;background:#e9edf4;color:#17213b;font-size:9px;font-weight:850}.bk-mobile-settlements footer button.primary{background:#17213b;color:#fff}
  .bk-mobile-student-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:8px }.bk-mobile-student-stats button{min-width:0;min-height:72px;display:grid;place-items:center;align-content:center;gap:3px;border:1px solid #dfe4eb;border-radius:15px;background:#fff;color:#17213b}.bk-mobile-student-stats strong{font-size:22px}.bk-mobile-student-stats small{color:#778295;font-size:9px;font-weight:750}
  .bk-mobile-student-filter { display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid #dfe4eb;border-radius:16px;background:#fff }.bk-mobile-student-filter input{grid-column:1/-1}.bk-mobile-student-filter select,.bk-mobile-student-filter input{min-width:0;min-height:46px;padding:9px;border:1px solid #dfe4eb;border-radius:11px;background:#fafbfd;font-size:12px}
  .bk-mobile-student-list { display:grid;gap:9px;padding:4px 12px 13px }.bk-mobile-student-list>article{overflow:hidden;border:1px solid #e1e5eb;border-left:4px solid #2f7b59;border-radius:14px;background:#fbfcfd}.bk-mobile-student-list>article.pending{border-left-color:#d19227}.bk-mobile-student-list>article.rejected{border-left-color:#b33438}.bk-mobile-student-list article>button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px;border:0;background:transparent;color:#17213b;text-align:left}.bk-mobile-student-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#e9edf4;font-size:16px;font-weight:900}.bk-mobile-student-list strong,.bk-mobile-student-list small,.bk-mobile-student-list em{display:block}.bk-mobile-student-list strong{font-size:12px}.bk-mobile-student-list small{margin-top:2px;color:#707b8d;font-size:9px}.bk-mobile-student-list em{margin-top:4px;color:#8b94a2;font-size:8px;font-style:normal}.bk-mobile-student-list article>button>b{padding:5px 7px;border-radius:8px;background:#e8f2ec;color:#2f7b59;font-size:8px}.bk-mobile-student-list .pending button>b{background:#fff2d9;color:#a56a13}.bk-mobile-student-list .rejected button>b{background:#fde9e9;color:#a83236}.bk-mobile-student-list article>footer{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e7eaf0}.bk-mobile-student-list article>footer span{padding:8px 11px}.bk-mobile-student-list article>footer span+span{border-left:1px solid #e7eaf0}.bk-mobile-student-list article>footer small,.bk-mobile-student-list article>footer strong{display:block}.bk-mobile-student-list article>footer small{font-size:8px}.bk-mobile-student-list article>footer strong{margin-top:2px;font-size:11px}
}
/* Bay-Kar borç/alacak ve araç gideri denetim ekranları */
.stat-card.stat-link{font:inherit;text-align:left;cursor:pointer;width:100%;color:inherit}
.stat-card.stat-link:hover,.stat-card.stat-link:focus-visible{transform:translateY(-2px);box-shadow:0 14px 28px rgba(23,33,59,.13);outline:2px solid rgba(23,33,59,.2);outline-offset:2px}
.stat-card.stat-link span,.obligation-summary .stat-card span{display:block;margin-top:.45rem;color:var(--muted);font-size:.78rem}
.obligation-filters{display:grid;grid-template-columns:minmax(150px,220px) minmax(150px,220px) minmax(190px,1fr);gap:12px;align-items:end;margin-bottom:18px}
.obligation-filters label{display:grid;gap:6px;font-weight:700;color:var(--ink)}
.obligation-filters .grow{min-width:0}
.vehicle-expense-report h4{margin:22px 0 10px}
@media (max-width:820px){
  .obligation-filters{grid-template-columns:1fr;gap:10px}
  .obligation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-expense-report .panel-head{align-items:flex-start}
}

/* İşletmeler arası bağlı ajanda */
.agenda-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.agenda-head h2{margin:0 0 4px}.agenda-head p{margin:0;color:var(--muted)}
.agenda-head .toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.agenda-head input{min-height:42px}
.agenda-mode-tabs{display:flex;gap:7px;margin:0 0 14px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow-x:auto;scrollbar-width:thin}
.agenda-mode-tabs button{flex:0 0 auto;min-height:40px;padding:8px 14px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-weight:800;cursor:pointer}
.agenda-mode-tabs button:hover{background:#f0f3f0}.agenda-mode-tabs button.active{background:#263f34;color:#fff;box-shadow:0 6px 14px rgba(38,63,52,.18)}
body[data-business="baykar"] .agenda-mode-tabs button.active{background:#17213b}
.agenda-filter{display:grid;grid-template-columns:minmax(180px,260px) minmax(220px,330px) 1fr;gap:12px;align-items:end;margin-bottom:14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.agenda-filter.single{grid-template-columns:minmax(220px,360px) 1fr}
.agenda-filter label{display:grid;gap:5px;font-weight:750}.agenda-filter>span{justify-self:end;padding:10px 2px;color:var(--muted)}
.agenda-calendar{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(36,48,41,.05)}
.agenda-calendar>header,.agenda-calendar>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.agenda-calendar>header{background:#f2f4f1;border-bottom:1px solid var(--line)}
.agenda-calendar>header b{padding:10px 8px;text-align:center;font-size:12px;color:var(--muted)}
.agenda-day{min-width:0;min-height:148px;padding:8px;border-right:1px solid #e5e9e5;border-bottom:1px solid #e5e9e5;background:#fff}.agenda-day[data-agenda-date]{cursor:pointer}.agenda-day[data-agenda-date]:hover{background:#f8faf8}
.agenda-day:nth-child(7n){border-right:0}.agenda-day.empty{background:#f7f8f6}.agenda-day.today{box-shadow:inset 0 0 0 2px #315446;background:#f8fcf8}
.agenda-day header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.agenda-day header b{font-size:13px}.agenda-day header span{min-width:20px;text-align:center;border-radius:99px;background:#eef1ee;font-size:10px}
.agenda-event{width:100%;display:grid;gap:1px;margin:4px 0;padding:5px 6px;border:0;border-left:3px solid #63756a;border-radius:6px;background:#f0f4f1;text-align:left;cursor:pointer;overflow:hidden}
.agenda-event span{font-size:8px;font-weight:800;text-transform:uppercase;color:#607068}.agenda-event strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.agenda-event.baykar{border-left-color:#17213b;background:#eef1f7;color:#17213b}.agenda-event.minda{border-left-color:#315446;background:#eef6f0}.agenda-event.combined{border-left-color:#b1742d;background:#fff4e5}.agenda-event.general{border-left-color:#657485;background:#f0f3f6}
.agenda-more{display:block;margin-top:5px;color:var(--muted);font-size:9px}.agenda-list-panel{margin-top:16px}.agenda-list{display:grid;gap:8px}
.agenda-list-item{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid var(--line);border-left:4px solid #657485;border-radius:12px;background:#fff;cursor:pointer}
.agenda-list-item.minda{border-left-color:#315446}.agenda-list-item.baykar{border-left-color:#17213b}.agenda-list-item.combined{border-left-color:#b1742d}
.agenda-list-item time{font-weight:780}.agenda-list-item>div>div{display:flex;gap:6px;flex-wrap:wrap}.agenda-list-item small{padding:3px 7px;border-radius:99px;background:#eef1ee;color:var(--muted)}.agenda-list-item strong{display:block;margin-top:5px}.agenda-list-item p{margin:4px 0 0;color:var(--muted);font-size:12px}
.bk-tender-panel{margin:16px 0}.bk-tender-panel .panel-head .toolbar{display:flex;gap:8px;flex-wrap:wrap}.bk-tender-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:11px}
.bk-tender-card{display:grid;gap:7px;padding:13px;border:1px solid var(--line);border-left:4px solid #667789;border-radius:13px;background:#fff}.bk-tender-card.warning{border-left-color:#c7862f;background:#fffaf1}.bk-tender-card.danger{border-left-color:#be2b2f;background:#fff6f6}.bk-tender-card.closed{opacity:.72;background:#f4f5f4}
.bk-tender-card header,.bk-tender-card footer{display:flex;justify-content:space-between;align-items:center;gap:9px}.bk-tender-card header>div,.bk-tender-card footer>div{display:flex;gap:6px;flex-wrap:wrap}.bk-tender-card h4{margin:2px 0 0;font-size:16px}.bk-tender-card>strong{font-size:13px}.bk-tender-card>p{display:-webkit-box;margin:0;color:var(--muted);font-size:12px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bk-tender-card time,.bk-tender-card footer>small{color:var(--muted);font-size:11px}
@media(max-width:820px){
  .agenda-mode-tabs{position:sticky;top:72px;z-index:8;margin-inline:-4px;padding:5px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
  .agenda-mode-tabs button{min-height:38px;padding:7px 11px;font-size:12px}
  .agenda-head{align-items:flex-start;flex-direction:column}.agenda-head .toolbar{display:grid;grid-template-columns:42px minmax(0,1fr) 42px 1fr;width:100%}.agenda-head [data-agenda-add]{grid-column:1/-1}
  .agenda-filter{grid-template-columns:1fr}.agenda-filter>span{justify-self:start}.agenda-calendar{overflow-x:auto}.agenda-calendar>header,.agenda-calendar>div{min-width:760px}.agenda-day{min-height:126px}
  .agenda-list-item{grid-template-columns:1fr}.agenda-list-item .button{width:100%}
  .bk-tender-grid{grid-template-columns:1fr}.bk-tender-card footer{align-items:flex-start;flex-direction:column}.bk-tender-card footer>div{width:100%}.bk-tender-card footer .button{flex:1}
}

/* v3.4.8 · Bay-Kar sade, anlam odaklı ve daha az yorucu arayüz */
body[data-business="baykar"] {
  --forest:#304a5d; --forest-2:#3d5e70; --forest-soft:#eaf1f4;
  --copper:#a95c57; --copper-soft:#f6e9e7; --ink:#263746;
  --muted:#687680; --line:#d9e0e4; --canvas:#f3f6f7; --paper:#fff;
  --danger:#b54a52; --danger-soft:#fff1f1; --warning:#ad742c; --success:#2f785b;
  --shadow:0 7px 22px rgba(37,55,68,.055);
}
body[data-business="baykar"] .sidebar { background:#293e4f; box-shadow:6px 0 24px rgba(31,48,61,.12); }
body[data-business="baykar"] .sidebar footer { background:#233646; }
body[data-business="baykar"] .sidebar nav p { color:#aebec8; }
body[data-business="baykar"] .sidebar nav button { min-height:40px; padding:8px 11px; color:#eef4f6; }
body[data-business="baykar"] .sidebar nav button span { color:#c6d5dc; }
body[data-business="baykar"] .sidebar nav button:hover { background:#ffffff0f; }
body[data-business="baykar"] .sidebar nav button.active { background:#f7fafb; color:#263b4c; box-shadow:0 4px 12px #17232d1c; }
body[data-business="baykar"] .sidebar nav button.active span,
body[data-business="baykar"] .sidebar footer .app-version { color:#a95c57; }

.bk-nav-group { margin:6px 0; }
.bk-nav-group>summary {
  min-height:40px; display:flex; align-items:center; gap:11px; padding:8px 11px;
  border-radius:10px; color:#dce7ec; cursor:pointer; list-style:none; font-weight:760;
}
.bk-nav-group>summary::-webkit-details-marker { display:none; }
.bk-nav-group>summary>span { width:21px; color:#bacbd3; font-size:16px; text-align:center; }
.bk-nav-group>summary>b { margin-left:auto; color:#93a9b4; font-size:12px; transition:transform .16s ease; }
.bk-nav-group[open]>summary { background:#ffffff0b; color:#fff; }
.bk-nav-group[open]>summary>b { transform:rotate(180deg); }
.bk-nav-group:has(button.active)>summary { color:#fff; background:#ffffff12; }
.bk-nav-group>div { display:grid; gap:1px; margin:3px 0 8px; padding-left:13px; border-left:1px solid #ffffff18; }
.bk-nav-group>div button { padding-left:10px!important; font-size:13px; }

body[data-business="baykar"] .view { background:linear-gradient(180deg,#f7f9fa 0,#f3f6f7 190px); }
body[data-business="baykar"] .panel { border-color:#dde4e7; box-shadow:var(--shadow); }
body[data-business="baykar"] .panel-head { padding:13px 15px; background:#fbfcfc; }
body[data-business="baykar"] .panel-body { padding:15px; }
body[data-business="baykar"] .button { border-radius:9px; }
body[data-business="baykar"] .button.primary { background:#304a5d; border-color:#304a5d; }
body[data-business="baykar"] .button:not(.primary):not(.danger):not(.copper) { background:#fff; }

.bk-view-head { gap:12px; margin-bottom:13px; }
.bk-view-head h2 { color:#253847; font-size:21px; letter-spacing:-.015em; }
.bk-view-head p { margin-top:2px; font-size:13px; }
.bk-view-head .toolbar { gap:6px; padding-block:0; }
.bk-view-head .toolbar:has(.bk-quick-menu) { overflow:visible; }
.bk-view-head .toolbar>.button { min-height:38px; padding:8px 12px; }

.bk-quick-menu { position:relative; flex:0 0 auto; }
.bk-quick-menu>summary { list-style:none; user-select:none; }
.bk-quick-menu>summary::-webkit-details-marker { display:none; }
.bk-quick-menu[open]>summary { border-color:#9fb0ba; background:#eef3f5!important; }
.bk-quick-menu-popover {
  position:absolute; z-index:45; top:calc(100% + 7px); right:0; width:min(390px,calc(100vw - 24px));
  display:grid; grid-template-columns:1fr 1fr; gap:5px; padding:7px;
  border:1px solid #d4dde2; border-radius:13px; background:#fff; box-shadow:0 18px 45px rgba(30,47,59,.18);
}
.bk-quick-link {
  min-width:0; min-height:58px; display:grid; grid-template-columns:31px minmax(0,1fr); grid-template-rows:auto auto;
  gap:1px 8px; align-items:center; padding:8px; border:0; border-radius:9px;
  background:transparent; color:var(--ink); text-align:left; cursor:pointer;
}
.bk-quick-link:hover,.bk-quick-link:focus-visible { background:#eef3f5; outline:none; }
.bk-quick-link>span { grid-row:1/3; width:31px; height:31px; display:grid; place-items:center; border-radius:9px; background:#e8eff2; color:#36576a; font-weight:850; }
.bk-quick-link>b { align-self:end; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.bk-quick-link>small { align-self:start; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#71808a; font-size:9px; }

.bk-hero { min-height:54px; gap:11px; margin-bottom:11px; padding:6px 12px; border-color:#e0e6e9; background:#fff; }
.bk-hero img { width:125px; height:40px; }
.bk-hero strong { color:#2c4353; font:700 16px/1.15 Georgia,serif; }
.bk-hero span { color:#74818a; font-size:10px; }

.bk-dashboard-kpis { display:grid; grid-template-columns:repeat(5,minmax(135px,1fr)); gap:9px; margin-bottom:9px; }
.bk-dashboard-kpis .stat-card {
  min-height:91px; padding:13px 14px; border:1px solid #dce3e7; border-left:4px solid var(--accent,#587083);
  border-radius:12px; box-shadow:none; background:#fff;
}
.bk-dashboard-kpis .stat-card::after { width:58px; height:58px; right:-28px; bottom:-30px; opacity:.6; }
.bk-dashboard-kpis .stat-card small { font-size:11px; }
.bk-dashboard-kpis .stat-card strong { margin-top:7px; color:var(--accent,#385568); font-size:20px; letter-spacing:-.02em; }
.bk-kpi-positive { --accent:#2f785b; background:linear-gradient(140deg,#fff,#f3faf6)!important; }
.bk-kpi-negative,.bk-kpi-expense { --accent:#ae5558; background:linear-gradient(140deg,#fff,#fdf6f6)!important; }
.bk-kpi-income { --accent:#3d7466; }
.bk-kpi-receivable { --accent:#55738f; }
.bk-kpi-payable { --accent:#a5783b; }

.bk-operational-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 15px; }
.bk-operation-card {
  min-width:0; display:flex; align-items:center; gap:9px; padding:9px 11px;
  border:1px solid #dce3e7; border-radius:11px; background:#fff;
}
button.bk-operation-card { font:inherit; color:inherit; text-align:left; cursor:pointer; }
button.bk-operation-card:hover,button.bk-operation-card:focus-visible { border-color:#9fb0ba; box-shadow:0 8px 20px rgba(23,33,59,.09); outline:none; }
.bk-operation-card>span { flex:0 0 31px; height:31px; display:grid; place-items:center; border-radius:9px; background:#edf3f5; color:#446579; }
.bk-operation-card>span::before { font-size:15px; }
.bk-operation-fuel>span::before { content:'⛽'; }.bk-operation-consumption>span::before { content:'↗'; }
.bk-operation-vehicle>span::before { content:'▣'; }.bk-operation-student>span::before { content:'◉'; }
.bk-operation-card>div { min-width:0; display:grid; grid-template-columns:1fr auto; gap:1px 7px; align-items:center; }
.bk-operation-card small { color:#6f7d86; font-size:9px; }
.bk-operation-card strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#324d5f; font-size:13px; }
.bk-operation-card em { grid-column:1/-1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#8a969d; font-size:8px; font-style:normal; }

body[data-business="baykar"] .bk-alerts { gap:6px; }
body[data-business="baykar"] .bk-alerts article { gap:9px; padding:9px 10px; border-radius:10px; box-shadow:none; }
body[data-business="baykar"] .bk-alerts article>span { flex-basis:27px; height:27px; }
body[data-business="baykar"] .bk-alerts small { font-size:10px; line-height:1.35; }
body[data-business="baykar"] .bk-puantaj-mini-grid>article { padding:9px 11px; background:#fbfcfc; }
body[data-business="baykar"] .bk-school-calendar-compact time { background:#405f72; }
body[data-business="baykar"] .agenda-mode-tabs button.active { background:#405f72; box-shadow:none; }
body[data-business="baykar"] .agenda-event.baykar { border-left-color:#557589; background:#edf3f5; color:#294557; }

@media(max-width:1100px){
  .bk-dashboard-kpis { grid-template-columns:repeat(3,minmax(140px,1fr)); }
  .bk-operational-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:820px){
  body[data-business="baykar"] .view { padding-inline:9px; }
  body[data-business="baykar"] .topbar { background:rgba(255,255,255,.97); }
  body[data-business="baykar"] .mobile-navigation { background:rgba(255,255,255,.98); border-top-color:#dbe2e5; }
  body[data-business="baykar"] .mobile-navigation>.mobile-quick-button>span { background:#304a5d; }
  .bk-view-head { gap:7px; margin-bottom:10px; }
  .bk-view-head h2 { font-size:18px; }
  .bk-view-head p { display:-webkit-box; margin-top:2px; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size:11px; }
  .bk-view-head .toolbar { gap:6px; overflow-x:auto; }
  .bk-view-head .toolbar:has(.bk-quick-menu) { overflow:visible; }
  .bk-view-head .toolbar>.button,.bk-view-head .toolbar>.bk-quick-menu>summary { min-height:40px; padding:8px 11px; }
  .bk-quick-menu-popover { position:fixed; top:116px; right:9px; left:9px; width:auto; max-height:calc(100dvh - 200px); overflow:auto; }
  .bk-hero { display:none; }
  .bk-dashboard-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .bk-dashboard-kpis .stat-card { min-height:80px; padding:10px 11px; }
  .bk-dashboard-kpis .stat-card:first-child { grid-column:1/-1; min-height:76px; }
  .bk-dashboard-kpis .stat-card strong { margin-top:5px; font-size:18px; }
  .bk-operational-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-bottom:12px; }
  .bk-operation-card { gap:7px; padding:8px; }
  .bk-operation-card>span { flex-basis:28px; height:28px; }
  .bk-operation-card>div { display:grid; grid-template-columns:1fr; }
  .bk-operation-card strong { font-size:12px; }
  .bk-operation-card em { display:none; }
  body[data-business="baykar"] .panel-head { padding:11px 12px; }
  body[data-business="baykar"] .panel-body { padding:11px 12px; }
  body[data-business="baykar"] .panel-head h3 { font-size:14px; }
  body[data-business="baykar"] .panel-head p { margin-top:2px; font-size:10px; }
  body[data-business="baykar"] .modal-body .form-grid { gap:8px; }
  body[data-business="baykar"] .modal-body input,
  body[data-business="baykar"] .modal-body select,
  body[data-business="baykar"] .modal-body textarea { min-height:46px; }
  body[data-business="baykar"] .modal-body textarea { min-height:92px; }

  body[data-business="baykar"] table.mobile-card-table tbody { gap:8px; }
  body[data-business="baykar"] table.mobile-card-table tbody tr {
    padding:4px 10px; border-left:3px solid #527185; border-radius:12px; box-shadow:0 2px 9px rgba(36,55,68,.04);
  }
  body[data-business="baykar"] table.mobile-card-table tbody td {
    min-height:32px; grid-template-columns:minmax(82px,.7fr) minmax(0,1.3fr); gap:8px; padding:6px 0;
  }
  body[data-business="baykar"] table.mobile-card-table tbody td::before { font-size:8px; }
  body[data-business="baykar"] table.mobile-card-table tbody td.mobile-card-secondary { display:none; }
  body[data-business="baykar"] table.mobile-card-table tbody tr.mobile-card-expanded td.mobile-card-secondary { display:grid; }
  body[data-business="baykar"] table.mobile-card-table tbody td.mobile-card-toggle-cell { display:block; min-height:0; padding:5px 0 3px; border-top:1px solid #edf1f3; border-bottom:0; }
  body[data-business="baykar"] table.mobile-card-table tbody td.mobile-card-toggle-cell::before { display:none; }
  .mobile-card-toggle {
    width:100%; min-height:34px; display:flex; align-items:center; justify-content:center; gap:6px;
    padding:5px 8px; border:0; border-radius:8px; background:#f1f5f6; color:#526b7a; cursor:pointer;
  }
  .mobile-card-toggle span { color:#81909a; font-size:9px; }
  .mobile-card-toggle b { font-size:10px; }
  .mobile-card-toggle i { font-size:11px; font-style:normal; transition:transform .16s ease; }
  .mobile-card-expanded .mobile-card-toggle i { transform:rotate(180deg); }
}

@media(max-width:390px){
  .bk-quick-menu-popover { grid-template-columns:1fr; }
  .bk-quick-link { min-height:52px; }
  .bk-operation-card>span { display:none; }
  .bk-dashboard-kpis .stat-card strong { font-size:17px; }
}

/* v3.4.16 · mobil yatay taşma ve alt menü sabitleme düzeltmesi */
@media(max-width:820px){
  html,body {
    width:100%; max-width:100%; overflow-x:hidden; overflow-x:clip;
    overscroll-behavior-x:none;
  }
  .app-shell,.workspace,.view {
    width:100%; max-width:100%; min-width:0; overflow-x:clip;
  }
  .view>*:not(.table-scroll-dock),
  .panel,.panel-head,.panel-body,
  .bk-dashboard-kpis,.bk-operational-strip,.bk-dashboard-main,
  .bk-dashboard-school-calendar,.bk-puantaj-mini,.bk-puantaj-mini-grid,
  .bk-school-calendar-compact,.bk-alerts {
    max-width:100%; min-width:0;
  }
  .panel-head>* { min-width:0; }
  .panel-head>.button,.panel-head>.toolbar { flex-shrink:0; }
  .bk-school-calendar-compact article,
  .bk-puantaj-mini-grid>article,
  .bk-puantaj-mini-grid>article>div,
  .bk-puantaj-mini-grid>article>span {
    width:100%; max-width:100%; min-width:0;
  }
  .bk-puantaj-mini-grid>article {
    grid-template-columns:repeat(2,minmax(0,1fr)); overflow:hidden;
  }
  .bk-puantaj-mini-grid>article>div { grid-column:1/-1; }
  .bk-puantaj-mini-grid>article>span { overflow-wrap:anywhere; }

  .mobile-navigation {
    left:0!important; right:0!important; inset-inline:0!important;
    width:100%!important; max-width:100vw!important; min-width:0!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    overflow:hidden; contain:layout paint; transform:translateZ(0);
  }
  .mobile-navigation>button,
  .mobile-navigation>.mobile-quick-button {
    width:100%!important; max-width:100%!important; min-width:0!important;
    overflow:hidden; padding-inline:1px;
  }
  .mobile-navigation>button>span { min-width:0; max-width:100%; }
  .mobile-navigation>button>small {
    display:block; width:100%; max-width:100%; min-width:0;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
}

/* v3.4.16 öğrenci kayıt formu / seçilebilir dışa aktarma */
.bk-export-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:8px 0 16px}.bk-export-fields .checkbox{border:1px solid var(--border,#d9dee8);border-radius:10px;padding:10px;background:#fff}.row-action-group{display:flex;flex-wrap:wrap;gap:6px}@media(max-width:760px){.bk-export-fields{grid-template-columns:1fr}.row-action-group .button{flex:1 1 auto}}


/* v3.4.16 · öğrenci dönem listesi kompakt yatay akış */
.bk-student-roster-table table{width:max-content;min-width:100%;table-layout:auto}
.bk-student-roster-table th,.bk-student-roster-table td{padding:10px 12px;white-space:nowrap}
.bk-student-roster-table th{font-size:12px}
.bk-student-roster-table td{font-size:13px}
.bk-student-roster-table .row-action-group{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:5px;position:static!important;right:auto!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.bk-student-roster-table .row-action-group .button{min-height:32px;padding:5px 8px;font-size:12px;line-height:1.1;flex:0 0 auto}
.bk-student-roster-table th:last-child,.bk-student-roster-table td:last-child{position:static!important;right:auto!important;background:inherit!important;box-shadow:none!important}
@media(max-width:760px){
  .bk-student-roster-table table{min-width:max-content}
  .bk-student-roster-table th,.bk-student-roster-table td{padding:8px 9px}
  .bk-student-roster-table .row-action-group .button{min-height:30px;padding:5px 7px;font-size:11px}
}

/* v3.4.16 · XLS/PDF öğrenci-veli-okul içe aktarma */
.bk-student-import-form{min-width:min(1180px,94vw)}
.bk-import-status{margin:12px 0;padding:10px 12px;border:1px solid var(--border,#d9dee8);border-radius:10px;background:var(--surface-soft,#f7f8fa);font-weight:600}
.bk-import-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--border,#d9dee8);border-radius:12px;margin-top:12px}
.bk-import-table{width:max-content;min-width:100%;border-collapse:collapse}
.bk-import-table th,.bk-import-table td{padding:7px;border-bottom:1px solid var(--border,#e5e7eb);white-space:nowrap;vertical-align:middle}
.bk-import-table th{position:sticky;top:0;z-index:2;background:var(--surface,#fff);font-size:12px}
.bk-import-table input[type="text"],.bk-import-table input:not([type]){min-width:125px;max-width:190px;padding:7px 8px}
.bk-import-table td:nth-child(2) input,.bk-import-table td:nth-child(3) input,.bk-import-table td:nth-child(6) input,.bk-import-table td:nth-child(10) input{min-width:170px}
@media(max-width:760px){.bk-student-import-form{min-width:0}.bk-import-table th,.bk-import-table td{padding:6px}.bk-import-table input[type="text"],.bk-import-table input:not([type]){min-width:120px}}

/* v3.4.20 · öğrenci kayıt durumu ve 7 günlük silinenler alanı */
.bk-trash-list{display:grid;gap:10px}.bk-trash-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line,#d9dde3);border-radius:12px}.bk-trash-list article>div:first-child{display:grid;gap:3px}.bk-trash-list small,.bk-trash-list span{color:var(--muted,#667085)}.bk-badge.danger{background:#fee4e2;color:#b42318}.bk-badge:not(.success):not(.warning):not(.danger){background:#eef2f6;color:#475467}
@media(max-width:700px){.bk-trash-list article{align-items:flex-start;flex-direction:column}}
/* Şoför maaş, avans, sigorta ve diğer giderleri için tek çalışma alanı. */
.bk-driver-finance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.bk-driver-finance-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:var(--surface);box-shadow:0 8px 22px rgba(21,34,52,.06)}
.bk-driver-finance-card header,.bk-driver-finance-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bk-driver-finance-card header div{display:grid;gap:3px}.bk-driver-finance-card header strong{font-size:1.05rem}.bk-driver-finance-card header small{color:var(--muted)}
.bk-driver-finance-card header>span{padding:5px 9px;border-radius:999px;background:#eef6f1;color:#216346;font-size:.78rem;font-weight:800}
.bk-driver-finance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.bk-driver-finance-stats span{display:grid;gap:3px;padding:10px;border-radius:12px;background:var(--surface-soft)}
.bk-driver-finance-stats small{color:var(--muted);font-size:.72rem}.bk-driver-finance-stats b{font-size:.92rem}
.bk-driver-card-tools{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--border)}
.bk-driver-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.bk-driver-detail-summary span{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}
.bk-driver-detail-summary small,.bk-driver-detail-summary b{display:block}.bk-driver-detail-summary b{margin-top:5px}
@media(max-width:820px){.bk-driver-finance-grid{grid-template-columns:1fr}.bk-driver-finance-stats,.bk-driver-detail-summary{grid-template-columns:repeat(2,1fr)}.bk-driver-card-tools,.bk-driver-finance-card footer{display:grid;grid-template-columns:1fr 1fr}.bk-driver-card-tools .button,.bk-driver-finance-card footer .button{width:100%;min-width:0}}

/* v3.4.41 · öğrenci konumu, şoför paylaşımı ve sıralı Google Maps güzergâhı */
.bk-driver-share-list{display:grid;gap:8px;max-height:52vh;overflow:auto;margin:14px 0}.bk-driver-share-list>label{display:grid;grid-template-columns:auto 30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.bk-driver-share-list>label>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#17213b;color:#fff}.bk-driver-share-list span{display:grid;gap:2px;min-width:0}.bk-driver-share-list small,.bk-driver-share-list em{color:var(--muted);font-size:.78rem;white-space:normal}.bk-driver-share-list em{font-style:normal}.bk-driver-share-list a,.bk-mobile-map-link{color:#176b52;font-weight:800;text-decoration:none}.bk-mobile-map-link{display:block;margin:0 14px 10px;padding:9px 12px;border-radius:10px;background:#eaf6f1;text-align:center;font-size:.82rem}
[data-student-location-open][aria-disabled="true"]{opacity:.45;pointer-events:none}
@media(max-width:760px){.bk-mobile-student-filter{grid-template-columns:1fr 1fr}.bk-mobile-student-filter input{grid-column:1/-1}.bk-mobile-section>header .row-action-group{justify-content:flex-end}.bk-driver-share-list>label{grid-template-columns:auto 28px minmax(0,1fr)}.bk-driver-share-list>label>a{grid-column:3}.bk-driver-share-list{max-height:48vh}}

/* v3.4.51 · Maliyet & Teklif Merkezi V2 */
.bk-cost-form .bk-cost-section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:4px;padding:11px 13px;border-radius:12px;background:#f3f6f4;border:1px solid #d9e0db}.bk-cost-section-title strong{color:#17213b}.bk-cost-section-title span{color:var(--muted);font-size:.82rem;text-align:right}.bk-cost-data-quality{padding:13px 15px;border:1px solid #d6ddd8;border-radius:13px;background:#fafbf9}.bk-cost-data-quality>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.bk-cost-data-quality ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin:9px 0 0;padding-left:18px;color:#56635b;font-size:.82rem}.bk-cost-data-quality .warning-text{margin:9px 0 0;color:#8a5b22;font-size:.82rem;line-height:1.45}.bk-cost-live{display:grid;gap:13px;padding:16px;border:1px solid #cfd8d2;border-radius:15px;background:linear-gradient(135deg,#fbfcfb,#f2f6f3)}.bk-cost-result-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.bk-cost-result-head>div{display:grid;gap:3px}.bk-cost-result-head small{color:var(--muted)}.bk-cost-result-head strong{font-size:1.02rem}.bk-cost-result-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px}.bk-cost-result-grid span{display:grid;gap:3px;padding:10px 11px;border:1px solid #dbe1dd;border-radius:11px;background:#fff}.bk-cost-result-grid small{color:var(--muted);font-size:.74rem}.bk-cost-result-grid b{font-size:.95rem}.bk-cost-scenarios{display:grid;gap:8px;padding-top:4px}.bk-cost-scenarios>div{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px}.bk-cost-scenarios span{display:grid;gap:2px;padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #dbe1dd}.bk-cost-scenarios small{color:var(--muted)}.bk-cost-warning{padding:11px 13px;border-radius:11px;background:#fff5e8;border:1px solid #edd3aa}.bk-cost-warning strong{color:#7b4d1d}.bk-cost-warning p{margin:5px 0 0;color:#7f6244;font-size:.82rem;line-height:1.45}
@media(max-width:900px){.bk-cost-data-quality ul{grid-template-columns:1fr}.bk-cost-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-cost-scenarios>div{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-cost-section-title{align-items:flex-start;flex-direction:column}.bk-cost-section-title span{text-align:left}}