.cost-calculator-section {
  background: var(--cc-card-bg, linear-gradient(135deg, rgba(17,43,74,.10), rgba(176,141,87,.18)));
  border: 1px solid rgba(176, 141, 87, .28);
  box-shadow: 0 24px 70px rgba(17, 43, 74, .12);
  font-family: var(--cc-font, system-ui, sans-serif);
  font-size: var(--cc-font-size, 16px);
  overflow: hidden;
}

.cost-calculator-section.cost-calculator-sticky-bottom {
  position: sticky;
  bottom: 12px;
  z-index: 20;
}

.cost-calculator-inner {
  background: var(--cc-card-inner, rgba(255,255,255,.9));
  border-radius: 22px;
  padding: clamp(16px, 2.4vw, 28px);
}

.cost-calculator-head h2 {
  color: var(--cc-title, #112B4A);
}

.cost-calculator-head .section-note {
  color: var(--cc-text, #334155);
  max-width: 900px;
}

.cost-mini-btn,
.cost-unlock-form button,
.cost-reset-btn,
.cost-print-btn {
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  cursor: pointer;
  font-weight: 800;
  background: var(--cc-button, #112B4A);
  color: var(--cc-button-text, #fff);
  box-shadow: 0 14px 30px rgba(17,43,74,.14);
}

.cost-mini-btn {
  padding: 9px 14px;
}

.cost-lock-card {
  display: grid;
  grid-template-columns: auto 1fr minmax(260px, 420px);
  gap: 18px;
  align-items: center;
  border: 1px solid rgba(176,141,87,.22);
  border-radius: 22px;
  padding: 18px;
  background: rgba(255,255,255,.76);
}

.cost-lock-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(176,141,87,.16);
  font-size: 26px;
}

.cost-lock-copy {
  display: grid;
  gap: 6px;
  color: var(--cc-text, #334155);
}

.cost-lock-copy strong {
  color: var(--cc-title, #112B4A);
  font-size: 18px;
}

.cost-lock-copy em {
  color: #b91c1c;
  font-style: normal;
  font-weight: 800;
}

.cost-unlock-form {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.cost-unlock-form input {
  flex: 1 1 160px;
  border: 1px solid rgba(148,163,184,.45);
  border-radius: 999px;
  padding: 12px 14px;
  outline: none;
  min-width: 0;
}

.cost-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 4px 0 18px;
}

.cost-summary-strip > div {
  border: 1px solid rgba(176,141,87,.2);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.78);
  display: grid;
  gap: 4px;
}

.cost-summary-strip span {
  color: var(--cc-text, #334155);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.cost-summary-strip strong {
  color: var(--cc-title, #112B4A);
  font-size: var(--cc-result-font, 24px);
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.cost-fields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.cost-field-card {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 18px;
  background: var(--cc-col-bg, #f8fafc);
  color: var(--cc-col-color, #0f172a);
  min-width: 0;
}

.cost-field-card span {
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .01em;
}

.cost-field-card input,
.cost-field-card select,
.cost-field-card output {
  width: 100%;
  border: 1px solid rgba(148,163,184,.35);
  border-radius: 14px;
  background: var(--cc-input-bg, #fff);
  color: var(--cc-col-color, #0f172a);
  font-size: var(--cc-col-font, 16px);
  text-align: var(--cc-col-align, right);
  padding: 12px 13px;
  min-height: 46px;
  box-sizing: border-box;
}

.cost-field-card output {
  display: block;
  font-weight: 900;
  border-color: rgba(176,141,87,.28);
}

.cost-field-card small {
  color: color-mix(in srgb, var(--cc-col-color, #0f172a) 70%, #64748b);
  line-height: 1.35;
}

.cost-field-unitCost {
  grid-column: 1 / -1;
}

.cost-field-unitCost output {
  font-size: var(--cc-result-font, 24px);
}

.cost-action-row {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 16px;
  flex-wrap: wrap;
}

.cost-reset-btn {
  background: rgba(17,43,74,.08);
  color: var(--cc-title, #112B4A);
}

body[data-theme="dark"] .cost-calculator-section,
html[data-theme="dark"] .cost-calculator-section,
.dark .cost-calculator-section {
  background: var(--cc-night-card, #0f172a);
  border-color: rgba(176,141,87,.35);
}

body[data-theme="dark"] .cost-calculator-inner,
html[data-theme="dark"] .cost-calculator-inner,
.dark .cost-calculator-inner {
  background: var(--cc-night-inner, #111827);
}

body[data-theme="dark"] .cost-calculator-head h2,
body[data-theme="dark"] .cost-summary-strip strong,
html[data-theme="dark"] .cost-calculator-head h2,
html[data-theme="dark"] .cost-summary-strip strong,
.dark .cost-calculator-head h2,
.dark .cost-summary-strip strong {
  color: var(--cc-night-title, #f8fafc);
}

body[data-theme="dark"] .cost-calculator-head .section-note,
html[data-theme="dark"] .cost-calculator-head .section-note,
.dark .cost-calculator-head .section-note {
  color: var(--cc-night-text, #cbd5e1);
}

@media (max-width: 920px) {
  .cost-lock-card {
    grid-template-columns: 1fr;
  }

  .cost-unlock-form {
    justify-content: stretch;
  }

  .cost-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cost-fields-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .cost-calculator-inner {
    padding: 14px;
    border-radius: 18px;
  }

  .cost-summary-strip {
    grid-template-columns: 1fr;
  }

  .cost-action-row {
    justify-content: stretch;
  }

  .cost-action-row button {
    width: 100%;
  }

  .cost-unlock-form button {
    width: 100%;
  }
}

/* Admin tarafı */
.cost-admin-page .full {
  grid-column: 1 / -1;
}

.cost-admin-saved {
  border-color: rgba(34,197,94,.3);
  background: #f0fdf4;
  color: #166534;
  display: flex;
  gap: 10px;
  align-items: center;
}

.cost-admin-card {
  margin-top: 18px;
}

.cost-admin-section-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.cost-admin-section-head h2 {
  margin: 0 0 6px;
}

.cost-admin-section-head p {
  margin: 0;
  color: #64748b;
}

.cost-admin-toggle-grid {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 10px 0 14px;
}

.cost-admin-toggle-grid label {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  padding: 10px 12px;
  border-radius: 999px;
  font-weight: 800;
}

.cost-admin-toggle-grid.compact label {
  padding: 8px 10px;
  font-size: 13px;
}

.cost-admin-grid {
  gap: 14px;
}

.cost-admin-grid label span {
  display: block;
  font-weight: 800;
  margin-bottom: 6px;
  color: #334155;
}

.cost-column-config-list {
  display: grid;
  gap: 14px;
}

.cost-column-config {
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 14px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15,23,42,.05);
}

.cost-column-config.drag-over {
  outline: 3px solid rgba(176,141,87,.35);
}

.cost-column-config-title {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.cost-column-config-title .drag-handle {
  cursor: grab;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
}

.cost-column-config-title strong {
  color: #112B4A;
}

.cost-column-config-title em {
  font-style: normal;
  color: #64748b;
  background: #f8fafc;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
}

.cost-admin-sticky-save {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 14px 0;
  background: linear-gradient(180deg, rgba(255,255,255,.2), #fff 45%);
}

@media (max-width: 760px) {
  .cost-admin-sticky-save .btn {
    width: 100%;
    text-align: center;
  }
}

/* FAZ40_0005 KOD:0007 - Maliyet Hesapla PDF A4 tek sayfa düzeltme */
.cost-print-host {
  display: none !important;
}

@media print {
  @page {
    size: A4 portrait;
    margin: 10mm;
  }

  html.cost-pdf-print-mode,
  body.cost-pdf-print-mode {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    overflow: hidden !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  body.cost-pdf-print-mode > *:not(.cost-print-host) {
    display: none !important;
  }

  body.cost-pdf-print-mode .cost-print-host {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    background: #ffffff !important;
  }

  body.cost-pdf-print-mode .cost-print-stage {
    width: 210mm !important;
    min-height: 297mm !important;
    padding: 10mm !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  body.cost-pdf-print-mode .cost-print-shell {
    width: auto !important;
    max-width: 190mm !important;
    max-height: 277mm !important;
    margin: 0 auto !important;
    transform-origin: top center !important;
    transform: scale(var(--cost-print-scale, 1)) !important;
  }

  body.cost-pdf-print-mode .cost-print-shell [data-cost-print-clone] {
    display: block !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-calculator-section,
  body.cost-pdf-print-mode .cost-print-shell [data-cost-calculator],
  body.cost-pdf-print-mode .cost-print-shell [data-cost-section] {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--cc-card-bg, linear-gradient(135deg, rgba(17,43,74,.10), rgba(176,141,87,.18), rgba(246,242,233,.95))) !important;
    border: 0.4mm solid rgba(176,141,87,.28) !important;
    border-radius: 6mm !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-calculator-inner {
    padding: 4.2mm !important;
    border-radius: 5.5mm !important;
    background: var(--cc-card-inner, linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,242,233,.72))) !important;
    box-shadow: none !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-calculator-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 3mm !important;
    margin: 0 0 2.5mm !important;
    padding: 0 !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-calculator-head h2 {
    margin: 0 0 1mm !important;
    font-size: 15pt !important;
    line-height: 1.05 !important;
    color: var(--cc-title, #112B4A) !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .section-note {
    display: block !important;
    font-size: 6.8pt !important;
    line-height: 1.2 !important;
    color: var(--cc-text, #334155) !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-summary-strip {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 2mm !important;
    margin: 0 0 2.5mm !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-summary-strip > div {
    padding: 2mm !important;
    border-radius: 3mm !important;
    background: rgba(255,255,255,.88) !important;
    border: 0.25mm solid rgba(176,141,87,.20) !important;
    box-shadow: none !important;
    min-height: 0 !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-summary-strip span {
    font-size: 6.2pt !important;
    line-height: 1.05 !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-summary-strip strong {
    font-size: 9.2pt !important;
    line-height: 1.05 !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-fields-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2mm !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-field-card {
    min-width: 0 !important;
    padding: 2.1mm !important;
    border-radius: 3mm !important;
    box-shadow: none !important;
    border: 0.25mm solid rgba(148,163,184,.24) !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-field-card span {
    font-size: 6.6pt !important;
    line-height: 1.05 !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-field-card input,
  body.cost-pdf-print-mode .cost-print-shell .cost-field-card select,
  body.cost-pdf-print-mode .cost-print-shell .cost-field-card output {
    min-height: 7mm !important;
    padding: 1.6mm 2mm !important;
    font-size: 8.6pt !important;
    line-height: 1.1 !important;
    border-radius: 2.2mm !important;
    box-shadow: none !important;
    background: #ffffff !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-field-card small {
    font-size: 5.8pt !important;
    line-height: 1.1 !important;
    margin-top: 0.4mm !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-field-unitCost,
  body.cost-pdf-print-mode .cost-print-shell .cost-field-unit-cost,
  body.cost-pdf-print-mode .cost-print-shell [data-cost-field="unitCost"] {
    grid-column: 1 / -1 !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-field-unitCost output,
  body.cost-pdf-print-mode .cost-print-shell .cost-field-unit-cost output,
  body.cost-pdf-print-mode .cost-print-shell [data-cost-field="unitCost"] output {
    font-size: 11pt !important;
    min-height: 8mm !important;
    font-weight: 700 !important;
  }

  body.cost-pdf-print-mode .cost-print-shell .cost-action-row,
  body.cost-pdf-print-mode .cost-print-shell .cost-mini-btn,
  body.cost-pdf-print-mode .cost-print-shell .cost-lock-card,
  body.cost-pdf-print-mode .cost-print-shell .cost-unlock-form,
  body.cost-pdf-print-mode .cost-print-shell [data-cost-print],
  body.cost-pdf-print-mode .cost-print-shell button {
    display: none !important;
  }

  body.cost-pdf-print-mode .cost-print-shell input,
  body.cost-pdf-print-mode .cost-print-shell select,
  body.cost-pdf-print-mode .cost-print-shell output {
    appearance: none !important;
    -webkit-appearance: none !important;
  }
}