#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-app { --pp-concrete: #5b6570; --pp-free: #1f7a5a; --pp-screed: #9aa4b0; --pp-finish: #c2a878; --pp-part: #8a7fb0; display: flex; flex-direction: column; gap: 22px; color: var(--text-primary); }
html[data-theme="dark"] #js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-app { --pp-concrete: #8b96a3; --pp-free: #45b98c; --pp-screed: #6d7681; --pp-finish: #d0b98c; --pp-part: #a396d6; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-fieldset { border: 1px solid var(--border-color); border-radius: var(--radius-md, 12px); padding: 14px 18px 18px; margin: 0 0 14px; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-fieldset:last-child { margin-bottom: 0; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-fieldset.pp-hidden { display: none; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-legend { padding: 0 6px; font-weight: 600; font-size: 0.95rem; color: var(--text-secondary); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-field { display: flex; flex-direction: column; gap: 6px; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-hint { font-size: 0.82rem; line-height: 1.35; color: var(--text-muted); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-outcome { display: flex; flex-direction: column; gap: 18px; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-answer { display: grid; grid-template-columns: auto auto; grid-template-areas: "main alt" "note note"; align-items: end; column-gap: 28px; row-gap: 10px; justify-content: start; min-height: 148px; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-answer-main { grid-area: main; display: flex; flex-direction: column; gap: 4px; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-answer-label { font-size: 0.9rem; letter-spacing: 0.01em; color: var(--text-secondary); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-answer-row { display: flex; align-items: baseline; gap: 8px; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-answer-value { font-size: clamp(2.4rem, 8vw, 3.9rem); font-weight: 700; line-height: 1; color: var(--pp-free); font-variant-numeric: tabular-nums; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-answer-alt { grid-area: alt; display: flex; flex-direction: column; gap: 4px; padding-left: 22px; border-left: 1px solid var(--border-color); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-alt-label { font-size: 0.8rem; color: var(--text-muted); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-alt-row { display: flex; align-items: baseline; gap: 6px; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-alt-value { font-size: 1.5rem; font-weight: 650; color: var(--text-primary); font-variant-numeric: tabular-nums; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-unit { font-size: 1rem; color: var(--text-secondary); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-answer-note { grid-area: note; margin: 0; max-width: 64ch; font-size: 0.88rem; line-height: 1.5; color: var(--text-secondary); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-status { margin: 0; padding: 10px 14px; border: 1px dashed var(--border-color); border-radius: var(--radius-sm, 8px); font-size: 0.9rem; line-height: 1.45; color: var(--text-secondary); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-status.warn { border-color: var(--warning, #b57c17); color: var(--text-primary); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-status.danger { border-color: var(--danger, #cf4f42); color: var(--text-primary); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-budget { display: grid; grid-template-columns: 74px 1fr; gap: 18px; align-items: stretch; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-stack { display: flex; flex-direction: column-reverse; min-height: 230px; border: 1px solid var(--border-color); border-radius: var(--radius-sm, 8px); overflow: hidden; background: var(--bg-tertiary, #f1f2f5); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-seg { display: block; width: 100%; height: 0; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-seg-slab { background: var(--pp-concrete); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-seg-screed { background: var(--pp-screed); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-seg-finish { background: var(--pp-finish); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-seg-part { background: var(--pp-part); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-seg-free { background: var(--pp-free); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-legend { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-legend-row { display: grid; grid-template-columns: 14px 1fr auto; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--border-color); font-size: 0.87rem; color: var(--text-secondary); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-legend-row:last-child { border-bottom: 0; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-legend-free { color: var(--text-primary); font-weight: 600; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-legend-total { color: var(--text-primary); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-legend-value { font-variant-numeric: tabular-nums; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-dot { display: inline-block; width: 12px; height: 12px; border-radius: 3px; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-dot-slab { background: var(--pp-concrete); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-dot-screed { background: var(--pp-screed); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-dot-finish { background: var(--pp-finish); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-dot-part { background: var(--pp-part); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-dot-free { background: var(--pp-free); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-dot-total { background: var(--text-muted); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-details { display: flex; flex-direction: column; gap: 14px; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-table-wrap { overflow-x: auto; border: 1px solid var(--border-color); border-radius: var(--radius-md, 12px); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-table { width: 100%; border-collapse: collapse; font-size: 0.87rem; font-variant-numeric: tabular-nums; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-table-caption { caption-side: top; text-align: left; padding: 10px 14px; font-size: 0.84rem; color: var(--text-secondary); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-table th, #js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-table td { padding: 8px 14px; text-align: left; border-top: 1px solid var(--border-color); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-table td:nth-child(2), #js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-table td:nth-child(3) { text-align: right; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-table tr.pp-row-current td { font-weight: 650; color: var(--pp-free); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-extra { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0; }
@media (min-width: 700px) { #js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-extra { grid-template-columns: 1fr 1fr; } }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-extra-item { display: flex; flex-direction: column; gap: 2px; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-extra dt { font-size: 0.8rem; color: var(--text-muted); }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-extra dd { margin: 0; font-size: 1rem; font-weight: 600; color: var(--text-primary); font-variant-numeric: tabular-nums; }
#js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-limits { margin: 0; font-size: 0.84rem; line-height: 1.5; color: var(--text-muted); }
@media (max-width: 640px) { #js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .tbcalc-grid-2 { grid-template-columns: 1fr; } }
@media (max-width: 640px) { #js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-answer { grid-template-columns: 1fr; grid-template-areas: "main" "alt" "note"; } }
@media (max-width: 640px) { #js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-answer-alt { padding-left: 0; border-left: 0; border-top: 1px solid var(--border-color); padding-top: 10px; } }
@media (max-width: 640px) { #js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-budget { grid-template-columns: 52px 1fr; gap: 12px; } }
@media (max-width: 640px) { #js-tool-container-plita-perekrytiya-nesushchaya-sposobnost .pp-stack { min-height: 268px; } }