
/* OfficeCalculator.Net v58 — legacy functionality adopted into v54 premium tool infrastructure */
.oc-r58-legacy-adopted{margin-top:22px}
.oc-r58-legacy-adopted .oc-r47-head{align-items:flex-start}
.oc-r58-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:24px;align-items:start}
.oc-r58-input-panel{min-width:0}
.oc-r58-legacy-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;align-items:start}
.oc-r58-legacy-content form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;grid-column:1/-1;margin:0}
.oc-r58-legacy-content form>*{min-width:0}
.oc-r58-legacy-content br{display:none}
.oc-r58-legacy-content label{display:block;font-weight:750;color:var(--text,#17233d);margin:0 0 7px;font-size:.93rem;line-height:1.35}
.oc-r58-legacy-content input:not([type=checkbox]):not([type=radio]):not([type=range]),
.oc-r58-legacy-content select,.oc-r58-legacy-content textarea{width:100%;min-height:48px;box-sizing:border-box;border:1px solid #d5dfed;border-radius:12px;background:#f7f9fc;color:#17233d;padding:11px 13px;font:inherit;outline:0;transition:border-color .18s,box-shadow .18s,background .18s}
.oc-r58-legacy-content textarea{min-height:110px;resize:vertical}
.oc-r58-legacy-content input:focus,.oc-r58-legacy-content select:focus,.oc-r58-legacy-content textarea:focus{border-color:#6c9cff;box-shadow:0 0 0 3px rgba(42,105,238,.12);background:#fff}
.oc-r58-legacy-content input[type=checkbox],.oc-r58-legacy-content input[type=radio]{accent-color:#2868eb;width:18px;height:18px;vertical-align:middle}
.oc-r58-legacy-content input[type=range]{width:100%;accent-color:#2868eb}
.oc-r58-legacy-content button,.oc-r58-legacy-content input[type=button],.oc-r58-legacy-content input[type=submit],.oc-r58-legacy-content input[type=reset]{min-height:46px;border:0;border-radius:12px;padding:11px 18px;background:#2868eb;color:#fff;font-weight:800;font:inherit;cursor:pointer;box-shadow:0 8px 20px rgba(40,104,235,.15);transition:transform .16s,box-shadow .16s,filter .16s;width:max-content;max-width:100%}
.oc-r58-legacy-content button:hover,.oc-r58-legacy-content input[type=button]:hover,.oc-r58-legacy-content input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(40,104,235,.22)}
.oc-r58-legacy-content button[type=reset],.oc-r58-legacy-content input[type=reset],.oc-r58-secondary{background:#f3f6fb!important;color:#17233d!important;border:1px solid #d7e0ed!important;box-shadow:none!important}
.oc-r58-legacy-content h2,.oc-r58-legacy-content h3,.oc-r58-legacy-content h4{grid-column:1/-1;margin:12px 0 0;color:#17233d}
.oc-r58-legacy-content p,.oc-r58-legacy-content ul,.oc-r58-legacy-content ol,.oc-r58-legacy-content table,.oc-r58-legacy-content canvas,.oc-r58-legacy-content .full-width{grid-column:1/-1}
.oc-r58-legacy-content table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}
.oc-r58-legacy-content th,.oc-r58-legacy-content td{padding:10px 12px;border-bottom:1px solid #e7edf5;text-align:left}
.oc-r58-original-result{position:absolute!important;left:-100000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.oc-r58-result-panel{position:sticky;top:96px;min-height:310px;border:1px solid #c8dafa;border-radius:22px;background:linear-gradient(145deg,#f3f7ff,#fff);box-shadow:0 16px 38px rgba(34,77,135,.10);padding:26px;box-sizing:border-box}
.oc-r58-result-placeholder{min-height:255px;display:grid;place-items:center;text-align:center;color:#62708b;padding:12px}
.oc-r58-result-placeholder strong{display:block;color:#17233d;font-size:1.15rem;margin-bottom:8px}
.oc-r58-result-live{display:none}
.oc-r58-result-panel.has-result .oc-r58-result-placeholder{display:none}
.oc-r58-result-panel.has-result .oc-r58-result-live{display:block}
.oc-r58-result-kicker{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:850;color:#557095;margin-bottom:10px}
.oc-r58-result-copy{font-size:1rem;line-height:1.6;color:#1c2944;overflow-wrap:anywhere}
.oc-r58-result-copy :first-child{margin-top:0}
.oc-r58-result-copy :last-child{margin-bottom:0}
.oc-r58-result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid #dce6f4}
.oc-r58-result-actions button{min-height:42px;border-radius:10px;padding:9px 13px;border:1px solid #d5dfed;background:#fff;color:#17233d;font-weight:750;cursor:pointer}
.oc-r58-result-actions button:first-child{background:#2868eb;color:#fff;border-color:#2868eb}
.oc-r58-field-block{min-width:0}
.oc-r58-field-block>label:first-child{margin-top:0}
.oc-r58-wide{grid-column:1/-1}
.oc-r58-helper{font-size:.82rem;color:#68768f;margin-top:6px;display:block}
.oc-r58-dimension .oc-r58-legacy-content{display:block}
.oc-r58-dim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.oc-r58-dim-grid .wide{grid-column:1/-1}
.oc-r58-dim-section{padding:18px;border:1px solid #e0e7f1;border-radius:16px;background:#fbfcfe;margin-bottom:16px}
.oc-r58-dim-section h3{margin:0 0 14px;font-size:1.05rem}
.oc-r58-dim-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.oc-r58-dim-result-main{font-size:2rem;font-weight:900;color:#173f67;line-height:1.15;margin:5px 0 8px}
.oc-r58-dim-statgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.oc-r58-dim-stat{padding:12px;border-radius:12px;background:#fff;border:1px solid #dce6f4}
.oc-r58-dim-stat small{display:block;color:#6b7890;margin-bottom:4px}.oc-r58-dim-stat strong{color:#17233d}
@media(max-width:980px){.oc-r58-layout{grid-template-columns:1fr}.oc-r58-result-panel{position:relative;top:auto;min-height:240px}.oc-r58-result-placeholder{min-height:190px}}
@media(max-width:700px){.oc-r58-legacy-content,.oc-r58-legacy-content form,.oc-r58-dim-grid{grid-template-columns:1fr}.oc-r58-legacy-content>*{grid-column:1!important}.oc-r58-result-panel{border-radius:18px;padding:20px}.oc-r58-dim-statgrid{grid-template-columns:1fr}.oc-r58-legacy-content button,.oc-r58-legacy-content input[type=button],.oc-r58-legacy-content input[type=submit]{width:100%}}
html.oc-dark-preload .oc-r58-result-panel,body.oc-dark .oc-r58-result-panel{background:linear-gradient(145deg,#142038,#101827);border-color:#2b4770}
html.oc-dark-preload .oc-r58-legacy-content input:not([type=checkbox]):not([type=radio]):not([type=range]),html.oc-dark-preload .oc-r58-legacy-content select,html.oc-dark-preload .oc-r58-legacy-content textarea,body.oc-dark .oc-r58-legacy-content input:not([type=checkbox]):not([type=radio]):not([type=range]),body.oc-dark .oc-r58-legacy-content select,body.oc-dark .oc-r58-legacy-content textarea{background:#111b2d;border-color:#34445f;color:#eef4ff}
html.oc-dark-preload .oc-r58-legacy-content label,html.oc-dark-preload .oc-r58-legacy-content h3,body.oc-dark .oc-r58-legacy-content label,body.oc-dark .oc-r58-legacy-content h3,html.oc-dark-preload .oc-r58-result-placeholder strong,body.oc-dark .oc-r58-result-placeholder strong{color:#edf4ff}
html.oc-dark-preload .oc-r58-result-copy,body.oc-dark .oc-r58-result-copy{color:#e6eefc}
