.rocc{font-family:var(--font);color:var(--text);max-width:1180px;margin:24px auto;box-sizing:border-box}.rocc *{box-sizing:border-box}.rocc-head{background:linear-gradient(135deg,var(--header),var(--s));color:var(--title-color);border-radius:18px 18px 0 0;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.rocc-brand{display:flex;align-items:center;gap:14px}.rocc-logo{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:800;font-size:19px}.rocc-title{margin:0!important;color:var(--title-color)!important;font-size:var(--title-size)!important;line-height:1.15}.rocc-subtitle{margin:5px 0 0!important;color:var(--title-color)!important;opacity:.9}.rocc-badge{background:rgba(255,255,255,.16);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.rocc-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:14px;background:#f4f7fa;border:1px solid #e1e7ed;border-top:0}.rocc-tab{appearance:none;border:1px solid #d7e0e8;background:#fff;color:#17324d;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:700}.rocc-tab:hover{border-color:var(--p)}.rocc-tab.active{background:var(--p);color:#fff;border-color:var(--p)}.rocc-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:18px}.rocc-card{background:var(--card);border:1px solid #e1e7ed;border-radius:16px;padding:20px;box-shadow:0 7px 25px rgba(16,38,60,.06)}.rocc-section-title{display:flex;justify-content:space-between;gap:15px;align-items:center}.rocc-section-title>div:first-child>span,.rocc-result-head span{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--s)}.rocc-section-title h3{margin:4px 0 0;font-size:22px}.rocc-svgbox{width:180px;height:110px;color:var(--p)}.rocc-svg{width:100%;height:100%}.rocc-fields,.rocc-options,.rocc-conditional{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.rocc-options{grid-template-columns:repeat(3,minmax(0,1fr))}.rocc-conditional{display:none}.rocc-form label{font-size:13px;font-weight:700}.rocc-form input,.rocc-form select{width:100%;margin-top:6px;border:1px solid #ccd7e1;border-radius:9px;padding:10px;background:#fff;color:#17324d;font:inherit}.rocc-form small{display:block;margin-top:4px;font-weight:400;color:#6a7b8c}.rocc-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.rocc-actions button{border:0;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer}.rocc-calc{background:var(--p);color:#fff}.rocc-reset{background:#e9eef3;color:#17324d}.rocc-print{background:var(--s);color:#fff}.rocc-warning{min-height:20px;margin:12px 0 0;color:#b42318;font-size:13px}.rocc-result-head{display:flex;justify-content:space-between;align-items:center}.rocc-type{font-size:16px}.rocc-total{margin:18px 0;padding:18px;border-radius:14px;background:linear-gradient(135deg,var(--p),var(--s));color:#fff;display:flex;align-items:baseline;gap:7px}.rocc-total b{font-size:34px}.rocc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.rocc-summary div{background:#f5f8fa;border-radius:10px;padding:12px}.rocc-summary small{display:block;color:#6a7b8c;font-size:11px}.rocc-summary b{display:block;margin-top:4px}.rocc-results h3{font-size:17px;margin:20px 0 10px}.rocc-materials{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rocc-materials div{border:1px solid #e1e7ed;border-radius:10px;padding:12px;display:flex;justify-content:space-between;gap:10px}.rocc-working{background:#f8fafc;border-left:4px solid var(--s);padding:13px;border-radius:8px}.rocc-working h3{margin:0 0 8px}.rocc-working-text{line-height:1.6;font-size:14px}.rocc-disclaimer{font-size:11px;line-height:1.5;color:#718091;margin-bottom:0}.rocc-credit{text-align:center;font-size:12px;color:#687887;padding:16px}.rocc-credit a{color:var(--p);font-weight:700;text-decoration:none}.rocc-print-report{display:none}
@media(max-width:800px){.rocc-body{grid-template-columns:1fr}.rocc-summary{grid-template-columns:1fr 1fr}.rocc-head{align-items:flex-start;flex-direction:column}.rocc-options{grid-template-columns:1fr}.rocc-svgbox{width:150px}}
@media print{body *{visibility:hidden!important}.rocc-print-report,.rocc-print-report *{visibility:visible!important}.rocc-print-report{display:block!important;position:absolute;left:0;top:0;width:100%;padding:25px;font-family:Arial,sans-serif}.rocc-print-report h1{font-size:24px}.rocc-print-report p{line-height:1.7}}
.rocc-logo svg{width:30px;height:30px;display:block}.rocc-logo-image{overflow:hidden;padding:5px}.rocc-logo-image img{width:100%;height:100%;object-fit:contain;display:block}.rocc-tab:focus-visible{outline:3px solid rgba(34,168,171,.35);outline-offset:2px}