#js-tool-container-doska-na-progib-calculator .bdf-app { --bdf-ok: var(--success, #068759); --bdf-ok-soft: var(--success-light, rgba(24,153,107,0.1)); --bdf-warn: var(--warning, #a36a05); --bdf-warn-soft: var(--warning-light, rgba(181,124,23,0.1)); --bdf-bad: var(--danger, #cb4b3e); --bdf-bad-soft: var(--danger-light, rgba(207,79,66,0.08)); --bdf-track: var(--bg-tertiary, #f1f2f5); --bdf-limit: var(--text-primary, #12141a); display: flex; flex-direction: column; gap: 22px; color: var(--text-primary, #12141a); }
html[data-theme="dark"] #js-tool-container-doska-na-progib-calculator .bdf-app { --bdf-track: rgba(255,255,255,0.08); --bdf-limit: #ecedf1; }

#js-tool-container-doska-na-progib-calculator .tbcalc-fieldset { min-width: 0; margin: 0 0 14px; padding: 16px 18px 18px; border: 1px solid var(--border-color, rgba(16,17,22,0.09)); border-radius: var(--radius-md, 12px); }
#js-tool-container-doska-na-progib-calculator .tbcalc-fieldset:last-child { margin-bottom: 0; }
#js-tool-container-doska-na-progib-calculator .tbcalc-legend { padding: 0 6px; font-size: 0.92rem; font-weight: 700; color: var(--text-secondary, #4d5465); }
#js-tool-container-doska-na-progib-calculator .tbcalc-grid { display: grid; gap: 16px 20px; }
#js-tool-container-doska-na-progib-calculator .tbcalc-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#js-tool-container-doska-na-progib-calculator .tbcalc-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0; }
#js-tool-container-doska-na-progib-calculator .tbcalc-hint { font-size: 0.8rem; line-height: 1.4; color: var(--text-muted, #5a6270); }

#js-tool-container-doska-na-progib-calculator .bdf-outcome { display: flex; flex-direction: column; gap: 18px; }
#js-tool-container-doska-na-progib-calculator .bdf-hero { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 18px 24px; align-items: stretch; min-height: 150px; }
#js-tool-container-doska-na-progib-calculator .bdf-verdict { display: flex; flex-direction: column; gap: 6px; padding: 18px 22px; border-radius: var(--radius-md, 12px); border: 1px solid var(--border-color, rgba(16,17,22,0.09)); border-left-width: 6px; border-left-color: var(--bdf-ok); background: var(--bdf-ok-soft); min-height: 150px; }
#js-tool-container-doska-na-progib-calculator .bdf-verdict.is-warn { border-left-color: var(--bdf-warn); background: var(--bdf-warn-soft); }
#js-tool-container-doska-na-progib-calculator .bdf-verdict.is-danger { border-left-color: var(--bdf-bad); background: var(--bdf-bad-soft); }
#js-tool-container-doska-na-progib-calculator .bdf-verdict.is-empty { border-left-color: var(--text-muted, #5a6270); background: var(--bg-tertiary, #f1f2f5); }
#js-tool-container-doska-na-progib-calculator .tb-hero-label { font-size: 0.88rem; font-weight: 600; line-height: 1.35; color: var(--text-secondary, #4d5465); }
#js-tool-container-doska-na-progib-calculator .bdf-verdict-text { display: block; font-size: clamp(1.9rem, 5vw, 2.8rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; color: var(--bdf-ok); }
#js-tool-container-doska-na-progib-calculator .bdf-verdict.is-warn .bdf-verdict-text { color: var(--bdf-warn); }
#js-tool-container-doska-na-progib-calculator .bdf-verdict.is-danger .bdf-verdict-text { color: var(--bdf-bad); }
#js-tool-container-doska-na-progib-calculator .bdf-verdict.is-empty .bdf-verdict-text { color: var(--text-muted, #5a6270); }
#js-tool-container-doska-na-progib-calculator .tb-hero-note { margin: 2px 0 0; font-size: 0.9rem; line-height: 1.5; color: var(--text-primary, #12141a); min-height: 2.7em; }
#js-tool-container-doska-na-progib-calculator .bdf-hero-aside { display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 4px 0 4px 20px; border-left: 1px solid var(--border-color, rgba(16,17,22,0.09)); }
#js-tool-container-doska-na-progib-calculator .bdf-aside-item { display: flex; flex-direction: column; gap: 2px; }
#js-tool-container-doska-na-progib-calculator .tbcalc-result-label { font-size: 0.84rem; line-height: 1.35; color: var(--text-secondary, #4d5465); }
#js-tool-container-doska-na-progib-calculator .tbcalc-result-row { display: flex; align-items: baseline; gap: 6px; }
#js-tool-container-doska-na-progib-calculator .bdf-aside-val { font-size: clamp(1.4rem, 3.5vw, 1.9rem); font-weight: 750; line-height: 1.15; color: var(--text-primary, #12141a); }
#js-tool-container-doska-na-progib-calculator .tbcalc-unit { font-size: 0.9rem; color: var(--text-secondary, #4d5465); }

#js-tool-container-doska-na-progib-calculator .bdf-lanes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 28px; min-height: 92px; }
#js-tool-container-doska-na-progib-calculator .bdf-lane { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
#js-tool-container-doska-na-progib-calculator .bdf-lane-head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 0.9rem; font-weight: 600; color: var(--text-primary, #12141a); }
#js-tool-container-doska-na-progib-calculator .bdf-lane-pct { font-weight: 750; font-variant-numeric: tabular-nums; color: var(--bdf-ok); }
#js-tool-container-doska-na-progib-calculator .bdf-lane.is-warn .bdf-lane-pct { color: var(--bdf-warn); }
#js-tool-container-doska-na-progib-calculator .bdf-lane.is-danger .bdf-lane-pct { color: var(--bdf-bad); }
#js-tool-container-doska-na-progib-calculator .bdf-lane-track { position: relative; display: block; height: 14px; border-radius: 7px; background: var(--bdf-track); overflow: hidden; }
#js-tool-container-doska-na-progib-calculator .bdf-lane-fill { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 7px; background: var(--bdf-ok); transition: width 0.25s ease; }
#js-tool-container-doska-na-progib-calculator .bdf-lane.is-warn .bdf-lane-fill { background: var(--bdf-warn); }
#js-tool-container-doska-na-progib-calculator .bdf-lane.is-danger .bdf-lane-fill { background: var(--bdf-bad); }
#js-tool-container-doska-na-progib-calculator .bdf-lane-limit { position: absolute; top: -2px; bottom: -2px; left: 80%; width: 2px; background: var(--bdf-limit); }
#js-tool-container-doska-na-progib-calculator .bdf-lane-sub { font-size: 0.82rem; line-height: 1.4; color: var(--text-secondary, #4d5465); }

#js-tool-container-doska-na-progib-calculator .tbcalc-status { padding: 10px 14px; border-radius: var(--radius-sm, 8px); border: 1px dashed var(--border-color, rgba(16,17,22,0.09)); background: transparent; font-size: 0.9rem; line-height: 1.5; color: var(--text-secondary, #4d5465); min-height: 48px; }
#js-tool-container-doska-na-progib-calculator .tbcalc-status.warn { border-style: solid; border-color: var(--bdf-warn); background: var(--bdf-warn-soft); color: var(--text-primary, #12141a); }
#js-tool-container-doska-na-progib-calculator .tbcalc-status.danger { border-style: solid; border-color: var(--bdf-bad); background: var(--bdf-bad-soft); color: var(--text-primary, #12141a); }

#js-tool-container-doska-na-progib-calculator .bdf-trace { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 28px; margin: 0; }
#js-tool-container-doska-na-progib-calculator .bdf-trace .tbcalc-result-row { justify-content: space-between; gap: 12px; padding: 8px 0; margin: 0; border-bottom: 1px solid var(--border-color, rgba(16,17,22,0.09)); }
#js-tool-container-doska-na-progib-calculator .tbcalc-result-value { margin: 0; font-size: 0.96rem; font-weight: 650; line-height: 1.35; text-align: right; color: var(--text-primary, #12141a); }

#js-tool-container-doska-na-progib-calculator .bdf-details { display: flex; flex-direction: column; gap: 14px; }
#js-tool-container-doska-na-progib-calculator .tbcalc-table-wrap { overflow-x: auto; border: 1px solid var(--border-color, rgba(16,17,22,0.09)); border-radius: var(--radius-md, 12px); }
#js-tool-container-doska-na-progib-calculator .tbcalc-table { width: 100%; border-collapse: collapse; font-size: 0.86rem; font-variant-numeric: tabular-nums; }
#js-tool-container-doska-na-progib-calculator .bdf-table-caption { caption-side: top; text-align: left; padding: 10px 14px; font-size: 0.84rem; color: var(--text-secondary, #4d5465); }
#js-tool-container-doska-na-progib-calculator .tbcalc-table th, #js-tool-container-doska-na-progib-calculator .tbcalc-table td { padding: 8px 12px; text-align: left; vertical-align: top; border-top: 1px solid var(--border-color, rgba(16,17,22,0.09)); }
#js-tool-container-doska-na-progib-calculator .tbcalc-table th { font-weight: 600; color: var(--text-secondary, #4d5465); }
#js-tool-container-doska-na-progib-calculator .tbcalc-table tbody th { color: var(--text-primary, #12141a); white-space: nowrap; }
#js-tool-container-doska-na-progib-calculator .bdf-trace-table { min-width: 560px; }
#js-tool-container-doska-na-progib-calculator .bdf-trace-table td:nth-child(2) { font-family: var(--font-mono, ui-monospace, monospace); font-size: 0.8rem; color: var(--text-secondary, #4d5465); white-space: nowrap; }
#js-tool-container-doska-na-progib-calculator .bdf-matrix { min-width: 480px; }
#js-tool-container-doska-na-progib-calculator .bdf-matrix th, #js-tool-container-doska-na-progib-calculator .bdf-matrix td { text-align: right; white-space: nowrap; }
#js-tool-container-doska-na-progib-calculator .bdf-matrix th:first-child { text-align: left; }
#js-tool-container-doska-na-progib-calculator .bdf-matrix .bdf-cell-ok { color: var(--bdf-ok); font-weight: 600; }
#js-tool-container-doska-na-progib-calculator .bdf-matrix .bdf-cell-warn { color: var(--bdf-warn); font-weight: 600; }
#js-tool-container-doska-na-progib-calculator .bdf-matrix .bdf-cell-fail { color: var(--bdf-bad); font-weight: 600; background: var(--bdf-bad-soft); }
#js-tool-container-doska-na-progib-calculator .bdf-matrix .bdf-cell-current { outline: 2px solid var(--accent-primary, #2f66ff); outline-offset: -2px; }
#js-tool-container-doska-na-progib-calculator .tbcalc-note { margin: 0; font-size: 0.84rem; line-height: 1.5; color: var(--text-muted, #5a6270); }

@media (max-width: 760px) {
  #js-tool-container-doska-na-progib-calculator .bdf-hero { grid-template-columns: minmax(0, 1fr); gap: 12px; min-height: 0; }
  #js-tool-container-doska-na-progib-calculator .bdf-hero-aside { flex-direction: row; justify-content: space-between; gap: 16px; padding: 0 4px; border-left: 0; }
  #js-tool-container-doska-na-progib-calculator .bdf-aside-item { flex: 1 1 0; }
  #js-tool-container-doska-na-progib-calculator .bdf-lanes { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  #js-tool-container-doska-na-progib-calculator .bdf-trace { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
@media (max-width: 600px) {
  #js-tool-container-doska-na-progib-calculator .tbcalc-grid-3 { grid-template-columns: minmax(0, 1fr); }
  #js-tool-container-doska-na-progib-calculator .bdf-trace-table { min-width: 0; }
  #js-tool-container-doska-na-progib-calculator .bdf-trace-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  #js-tool-container-doska-na-progib-calculator .bdf-trace-table tbody tr { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border-top: 1px solid var(--border-color, rgba(16,17,22,0.09)); }
  #js-tool-container-doska-na-progib-calculator .bdf-trace-table tbody th, #js-tool-container-doska-na-progib-calculator .bdf-trace-table tbody td { display: block; padding: 0; border: 0; white-space: normal; }
  #js-tool-container-doska-na-progib-calculator .bdf-trace-table td:nth-child(2) { order: 3; font-size: 0.76rem; }
  #js-tool-container-doska-na-progib-calculator .bdf-matrix { min-width: 0; font-size: 0.8rem; }
  #js-tool-container-doska-na-progib-calculator .bdf-matrix th, #js-tool-container-doska-na-progib-calculator .bdf-matrix td { padding: 7px 5px; }
  #js-tool-container-doska-na-progib-calculator .bdf-matrix th:first-child { padding-left: 10px; }
  #js-tool-container-doska-na-progib-calculator .bdf-matrix td:last-child, #js-tool-container-doska-na-progib-calculator .bdf-matrix th:last-child { padding-right: 10px; }
  #js-tool-container-doska-na-progib-calculator .bdf-verdict { padding: 16px 16px; min-height: 132px; }
  #js-tool-container-doska-na-progib-calculator .bdf-trace .tbcalc-result-row { flex-direction: column; align-items: flex-start; gap: 2px; }
  #js-tool-container-doska-na-progib-calculator .tbcalc-result-value { text-align: left; }
}