/* OYA KDV tevkifatı kartı. .ocalc ve .ocalc.dark belirteçlerini yeniden kullanır; yeni renk tanımlamaz. */
#od_withholding.ocalc { margin-top: calc(var(--oc-s) * 4); }
#od_withholding .ow-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(var(--oc-s) * 2); align-items: baseline; }
#od_withholding .ow-head h3 { margin: 0; }
#od_withholding .ow-ctx { display: flex; flex-wrap: wrap; gap: calc(var(--oc-s) * 2); align-items: center; margin: calc(var(--oc-s) * 2) 0 calc(var(--oc-s) * 3); }
#od_withholding .ow-ctx span { color: var(--oc-muted); font-size: 0.75rem; }
#od_withholding .ow-grid { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); margin-bottom: calc(var(--oc-s) * 3); }
#od_withholding .ow-wide { grid-column: 1 / -1; }
#od_withholding .ow-sec { margin-top: calc(var(--oc-s) * 4); }
#od_withholding .ow-sec h4 { margin: 0 0 calc(var(--oc-s) * 2); font-size: 0.875rem; }
#od_withholding .ow-box { border: 1px solid var(--oc-line); border-radius: var(--oc-r); background: var(--oc-surface); padding: calc(var(--oc-s) * 3); }
#od_withholding .ow-box[data-tone="warn"] { border-color: var(--oc-warn); border-left-width: 4px; }
#od_withholding .ow-box[data-tone="bad"] { border-color: var(--oc-danger); border-left-width: 4px; color: var(--oc-danger); }
#od_withholding .ow-box[data-tone="ok"] { border-color: var(--oc-primary); border-left-width: 4px; }
#od_withholding .ow-badge { display: inline-block; font-size: 0.75rem; font-weight: 600; padding: 0 calc(var(--oc-s) * 2); border: 1px solid var(--oc-warn); color: var(--oc-warn); border-radius: var(--oc-r); margin-bottom: calc(var(--oc-s) * 2); }
#od_withholding .ow-big { font-size: 1.125rem; font-weight: 600; font-variant-numeric: tabular-nums; }
#od_withholding ul { margin: calc(var(--oc-s) * 1) 0 0; padding-left: calc(var(--oc-s) * 5); }
#od_withholding li { margin-bottom: calc(var(--oc-s) * 1); }
#od_withholding textarea { width: 100%; min-height: 12rem; padding: calc(var(--oc-s) * 2); background: var(--oc-surface); color: var(--oc-fg);
  border: 1px solid var(--oc-line); border-radius: var(--oc-r); font: inherit; font-size: 0.75rem; resize: vertical; }
#od_withholding textarea,
#od_withholding textarea:hover,
#od_withholding textarea:focus {
  background-color: var(--oc-surface) !important; color: var(--oc-fg) !important;
  -webkit-text-fill-color: var(--oc-fg) !important; border-color: var(--oc-field) !important;
}
#od_withholding .ocalc-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: calc(var(--oc-s) * 2); }
#od_withholding .ocalc-stat { min-width: 0; padding: calc(var(--oc-s) * 3); border: 1px solid var(--oc-line); border-radius: var(--oc-r); }
#od_withholding .ocalc-stat span { display: block; color: var(--oc-muted); font-size: 0.75rem; }
#od_withholding .ocalc-stat b { display: block; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#od_withholding .ow-check { display: flex; gap: calc(var(--oc-s) * 2); align-items: flex-start; }
#od_withholding .ow-check input { width: auto; min-height: 0; margin-top: calc(var(--oc-s) * 1); }
#od_withholding details { border: 1px solid var(--oc-line); border-radius: var(--oc-r); padding: calc(var(--oc-s) * 2) calc(var(--oc-s) * 3); margin-top: calc(var(--oc-s) * 3); }
#od_withholding summary { cursor: pointer; font-weight: 600; }
#od_withholding .ow-scroll { overflow-x: auto; margin-top: calc(var(--oc-s) * 2); }
#od_withholding .ow-scroll table { min-width: 40rem; }
#od_withholding input, #od_withholding select, #od_withholding button { transition: border-color .15s ease, opacity .15s ease; }
#od_withholding input:not([type="checkbox"]),
#od_withholding select,
#od_withholding input:not([type="checkbox"]):hover,
#od_withholding select:hover,
#od_withholding input:not([type="checkbox"]):focus,
#od_withholding select:focus,
#od_withholding select option {
  background-color: var(--oc-fg) !important; color: var(--oc-surface) !important;
  -webkit-text-fill-color: var(--oc-surface) !important; caret-color: var(--oc-surface) !important; border-color: var(--oc-field) !important;
}
#od_withholding input:focus-visible, #od_withholding select:focus-visible { border-color: var(--oc-ring) !important; }
#od_withholding[hidden] { display: none; }
@media (max-width: 767px) { #od_withholding .ow-grid { grid-template-columns: 1fr; } }