/* CloudMe tariff calculator (home page and admin panel) */
#tariff-calc{--tc-ink:#0b2d3c;--tc-muted:#566e79;--tc-line:#dbe7ec;--tc-blue:#076b91;--tc-soft:#eef6fa;color:var(--tc-ink)}
#tariff-calc *{box-sizing:border-box}
.tc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:24px;align-items:start}
.tc-form,.tc-result,.tc-offer,.tc-internal{background:#fff;border:1px solid var(--tc-line);border-radius:18px;padding:26px}
.tc-result{position:sticky;top:96px;container-type:inline-size}
@container (max-width:540px){.tc-result .tc-table th:nth-child(3),.tc-result .tc-table td:nth-child(3){display:none}}
.tc-label{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tc-muted)}
.tc-form .tc-label:not(:first-child){margin-top:22px}
.tc-seg{display:flex;flex-wrap:wrap;gap:8px}
.tc-seg button{flex:1 1 140px;min-height:48px;padding:10px 14px;border:1.5px solid var(--tc-line);border-radius:12px;background:#f7fafc;color:var(--tc-ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.tc-seg button:hover{border-color:#a9c2cc}
.tc-seg button.on{border-color:var(--tc-blue);background:var(--tc-soft);color:var(--tc-blue)}
.tc-seg button:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(0,180,230,.3)}
.tc-desc{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--tc-muted)}
.tc-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;align-items:end}
.tc-field span{display:block;font-size:14px;font-weight:600;color:var(--tc-muted);margin-bottom:6px;line-height:1.3}
.tc-field input{width:100%;height:48px;border:1.5px solid var(--tc-line);border-radius:12px;padding:0 12px;font:inherit;font-size:17px;color:var(--tc-ink);background:#fff}
.tc-field input:focus{outline:none;border-color:var(--tc-blue);box-shadow:0 0 0 4px rgba(0,180,230,.18)}
.tc-checks{display:flex;flex-wrap:wrap;gap:10px 20px}
.tc-checks label{display:flex;align-items:center;gap:8px;font-size:15px;cursor:pointer}
.tc-checks input{width:20px;height:20px;accent-color:var(--tc-blue)}
.tc-note{margin:14px 0 0;font-size:14px;line-height:1.55;color:var(--tc-muted)}
.tc-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:0}
.tc-total b{font-size:40px;line-height:1.1;color:var(--tc-blue);font-variant-numeric:tabular-nums}
.tc-total span{color:var(--tc-muted);font-size:16px}
.tc-over{margin:6px 0 0;font-size:14px;color:var(--tc-muted)}
.tc-table{overflow-x:auto;margin-top:18px}
.tc-table table{width:100%;border-collapse:collapse;font-size:14.5px}
.tc-table th,.tc-table td{padding:9px 8px;border-bottom:1px solid #e7eef2;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tc-table th:first-child,.tc-table td:first-child{text-align:left;white-space:normal}
.tc-table th{font-size:13px;color:var(--tc-muted);font-weight:600}
.tc-table tr.tc-sum td{font-weight:700;background:var(--tc-soft)}
#tc-actions{margin-top:18px}
.tc-offer{margin-top:24px}
.tc-offer h3,.tc-internal h3{font-size:22px;margin:0 0 16px}
.tc-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.tc-groups section{background:#f7fafc;border:1px solid #e5eef3;border-radius:14px;padding:16px 18px}
.tc-groups h4{margin:0 0 8px;font-size:16px;color:var(--tc-blue)}
.tc-groups ul{margin:0;padding-left:20px}
.tc-groups li{font-size:15px;line-height:1.55;margin:4px 0}
.tc-internal{margin-top:24px}
.tc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tc-metrics div{background:#edf3fa;border-radius:12px;padding:14px}
.tc-metrics div.good{background:#e7f7ed}
.tc-metrics small{display:block;color:var(--tc-muted);font-size:13px}
.tc-metrics b{display:block;font-size:20px;margin-top:4px;font-variant-numeric:tabular-nums}
@media (max-width:1000px){.tc-result{position:static}.tc-metrics{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tc-result .tc-table th:nth-child(3),.tc-result .tc-table td:nth-child(3){display:none}.tc-table th,.tc-table td{padding:8px 5px}.tc-nums{grid-template-columns:1fr}.tc-form,.tc-result,.tc-offer,.tc-internal{padding:18px}.tc-total b{font-size:32px}}