/* Калькулятор тарельчатых пружин — дополнения к index-Cndo4ozi.css (общий стиль калькуляторов) */
.tarel .tarel-tabs{display:flex;flex-wrap:wrap;gap:0;border:1px solid #d7dee3}
.tarel .tarel-tab{flex:1 1 0;min-width:0;padding:7px 6px;font-size:13px;line-height:1.25;text-align:center;cursor:pointer;background:#f4f6f8;color:#343a40;border:0;border-right:1px solid #d7dee3}
.tarel .tarel-tab:last-child{border-right:0}
.tarel .tarel-tab.is-active{background:var(--app-color-primary);color:#fff}
.tarel .tarel-pane{display:flex;flex-direction:column;row-gap:12px}
.tarel .tarel-pane[hidden]{display:none!important}
.tarel .tarel-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tarel .tarel-hint{font-size:12px;line-height:1.4;color:#666}
.tarel .tarel-check{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.tarel .tarel-check input{width:16px;height:16px;accent-color:var(--app-color-primary)}
.tarel .tarel-sep{border-top:1px solid #e3e3e3;margin:4px 0 0;padding-top:10px;font-size:13px;font-weight:600;color:#343a40}
.tarel .tarel-found{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}
.tarel .tarel-found button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:8px 10px;border:1px solid #d7dee3;border-left:4px solid var(--app-color-primary);background:#fff;font-size:13px;line-height:1.35;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:background .15s,box-shadow .15s}
.tarel .tarel-found button:hover,.tarel .tarel-found button:focus{background:#fdf3f3;box-shadow:0 2px 6px rgba(180,24,24,.18)}
.tarel .tarel-found b{color:#222}
.tarel .tarel-found small{display:block;color:#666;font-size:12px}
.tarel .tarel-subtitle{margin:-20px 0 0;padding:0 16px;font-size:14px;text-align:center;color:#343a40}
.tarel .tarel-subtitle b{color:var(--app-color-primary)}
.tarel .tarel-scheme svg{display:block;width:100%;max-width:600px;height:auto;margin:0 auto}
.tarel .tarel-chart{padding:0 16px}
.tarel .tarel-chart svg{display:block;width:100%;height:auto}
.tarel .tarel-block{padding:0 16px}
.tarel .tarel-block h3{margin:0 0 8px;font-size:15px;font-weight:600;color:#222}
.tarel .tarel-msg{padding:8px 12px;border-left:3px solid #ffa000;background:#fff8e1;font-size:13px;line-height:1.45;margin:0 0 8px}
.tarel .tarel-msg--ok{border-left-color:#5a9e2f;background:#eef6e6}
.tarel .tarel-msg--bad{border-left-color:#f00;background:#ffeaea}
.tarel .tarel-msg--info{border-left-color:#4a7fb0;background:#eef4fa}
.tarel .tarel-matches{width:100%;border-collapse:collapse;font-size:12px}
.tarel .tarel-matches td,.tarel .tarel-matches th{padding:4px 6px;border-bottom:1px solid #e3e3e3;text-align:left;vertical-align:top}
.tarel .tarel-matches th{font-weight:600;color:#555;background:#f7f7f7}
.tarel .tarel-note{padding:0 16px 16px;font-size:11px;line-height:1.4;color:#777}
.tarel .tarel-empty{padding:40px 16px;text-align:center;color:#777;font-size:14px}
.tarel .app-spring-calculator-results-table td:first-child{width:56%}
@media(max-width:550px){.tarel .tarel-row2{grid-template-columns:1fr}.tarel .tarel-tab{font-size:12px;padding:7px 3px}}
@media print{.tarel .tarel-found,.tarel .tarel-tabs{display:none!important}}
.tarel .tarel-det{margin:0 0 10px;border:1px solid #e3e3e3}
.tarel .tarel-det>summary{cursor:pointer;padding:8px 12px;font-size:14px;font-weight:600;color:#222;background:#f7f7f7;list-style-position:inside}
.tarel .tarel-det[open]>summary{border-bottom:1px solid #e3e3e3}
.tarel .tarel-det>*:not(summary){margin:8px 12px}
.tarel .tarel-det>table{width:calc(100% - 24px)}
.tarel .app-spring-calculator__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);grid-template-areas:"form right" "act right";grid-template-rows:auto 1fr;column-gap:48px;row-gap:0;align-items:start}
.tarel .app-spring-calculator__form{grid-area:form;max-width:none}
.tarel .app-spring-calculator__right{grid-area:right;max-width:none}
.tarel .app-spring-calculator__actions{grid-area:act;align-self:start;margin-top:20px;padding-top:16px;border-top:1px solid #e3e3e3;align-items:center}
.tarel .app-spring-calculator__actions .tarel-hint{flex:0 0 100%}
@media(max-width:900px){.tarel .app-spring-calculator__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"form" "right" "act";grid-template-rows:auto;row-gap:24px}.tarel .app-spring-calculator__actions{margin-top:0}}
.tarel .tarel-found-hd{font-size:13px;font-weight:600;color:var(--app-color-primary)}
.tarel .tarel-found-t{min-width:0}
.tarel .tarel-found-go{flex:0 0 auto;padding:4px 10px;border-radius:4px;background:var(--app-color-primary);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
.tarel .tarel-found button.is-picked{background:#eef6e6;border-left-color:#5a9e2f}
.tarel .tarel-found button.is-picked .tarel-found-go{background:#5a9e2f}
.tarel .is-busy{opacity:.85;cursor:wait!important}
.tarel-spin{display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:tarelspin .8s linear infinite}
@keyframes tarelspin{to{transform:rotate(360deg)}}
.tarel .tarel-found-more{align-self:flex-start;color:var(--app-color-primary);font-size:13px;cursor:pointer;border-bottom:1px dashed var(--app-color-primary)}
.tarel .app-spring-calculator-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}