#js-tool-container-progib-ugolka-calculator .pug-app { --pug-ok: #15803d; --pug-bad: #b91c1c; --pug-accent: #0369a1; display: flex; flex-direction: column; gap: 22px; color: var(--text-primary); }
html[data-theme="dark"] #js-tool-container-progib-ugolka-calculator .pug-app { --pug-ok: #4ade80; --pug-bad: #f87171; --pug-accent: #38bdf8; }
#js-tool-container-progib-ugolka-calculator .tbcalc-fieldset { border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 16px 18px 18px; margin: 0 0 14px; }
#js-tool-container-progib-ugolka-calculator .tbcalc-legend { padding: 0 6px; font-weight: 600; font-size: 0.95rem; color: var(--text-secondary); }
#js-tool-container-progib-ugolka-calculator .tbcalc-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
#js-tool-container-progib-ugolka-calculator .tbcalc-field { display: flex; flex-direction: column; gap: 6px; }
#js-tool-container-progib-ugolka-calculator .tbcalc-hint { font-size: 0.82rem; line-height: 1.35; color: var(--text-muted); }
#js-tool-container-progib-ugolka-calculator .pug-outcome { display: flex; flex-direction: column; gap: 16px; }
#js-tool-container-progib-ugolka-calculator .pug-top { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 18px; }
#js-tool-container-progib-ugolka-calculator .pug-top-cell { display: flex; flex-direction: column; gap: 4px; border-top: 3px solid var(--border-color); padding-top: 10px; }
#js-tool-container-progib-ugolka-calculator .pug-top-cell:first-child { border-top-color: var(--pug-accent); }
#js-tool-container-progib-ugolka-calculator .pug-top-key { font-size: 0.82rem; color: var(--text-secondary); }
#js-tool-container-progib-ugolka-calculator .pug-top-value { font-size: 1.5rem; font-weight: 700; }
#js-tool-container-progib-ugolka-calculator .pug-top-cell:first-child .pug-top-value { font-size: clamp(1.9rem, 5.5vw, 2.6rem); }
#js-tool-container-progib-ugolka-calculator .pug-pass .pug-top-cell:first-child .pug-top-value { color: var(--pug-ok); }
#js-tool-container-progib-ugolka-calculator .pug-fail .pug-top-cell:first-child .pug-top-value { color: var(--pug-bad); }
#js-tool-container-progib-ugolka-calculator .pug-note { margin: 0; font-size: 0.87rem; line-height: 1.5; color: var(--text-secondary); }
#js-tool-container-progib-ugolka-calculator .pug-gauge { display: flex; flex-direction: column; gap: 6px; }
#js-tool-container-progib-ugolka-calculator .pug-gauge-track { display: block; height: 16px; border: 1px solid var(--border-color); border-radius: 999px; overflow: hidden; }
#js-tool-container-progib-ugolka-calculator .pug-gauge-fill { display: block; height: 100%; background: var(--pug-ok); }
#js-tool-container-progib-ugolka-calculator .pug-fail .pug-gauge-fill { background: var(--pug-bad); }
#js-tool-container-progib-ugolka-calculator .pug-gauge-caption { font-size: 0.83rem; color: var(--text-muted); }
#js-tool-container-progib-ugolka-calculator .pug-facts { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 22px; }
#js-tool-container-progib-ugolka-calculator .pug-fact { display: flex; flex-direction: column; gap: 3px; border-bottom: 1px solid var(--border-color); padding-bottom: 8px; }
#js-tool-container-progib-ugolka-calculator .pug-fact dt { font-size: 0.82rem; color: var(--text-secondary); }
#js-tool-container-progib-ugolka-calculator .pug-fact dd { margin: 0; font-size: 1.05rem; font-weight: 600; }
#js-tool-container-progib-ugolka-calculator .tbcalc-table-wrap { overflow-x: auto; border: 1px solid var(--border-color); border-radius: var(--radius-md); }
#js-tool-container-progib-ugolka-calculator .tbcalc-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
#js-tool-container-progib-ugolka-calculator .pug-table-caption { caption-side: top; text-align: left; padding: 10px 14px; font-size: 0.84rem; color: var(--text-secondary); }
#js-tool-container-progib-ugolka-calculator .tbcalc-table th, #js-tool-container-progib-ugolka-calculator .tbcalc-table td { padding: 8px 14px; text-align: left; border-top: 1px solid var(--border-color); }
#js-tool-container-progib-ugolka-calculator .tbcalc-table thead th { color: var(--text-secondary); font-weight: 600; border-top: 0; }
#js-tool-container-progib-ugolka-calculator .pug-limits { margin: 14px 0 0; font-size: 0.84rem; line-height: 1.5; color: var(--text-muted); }
@media (max-width: 760px) { #js-tool-container-progib-ugolka-calculator .pug-top { grid-template-columns: 1fr 1fr; } #js-tool-container-progib-ugolka-calculator .pug-facts { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { #js-tool-container-progib-ugolka-calculator .tbcalc-grid-2 { grid-template-columns: 1fr; } #js-tool-container-progib-ugolka-calculator .pug-facts { grid-template-columns: 1fr; } }