.tyvat.toolyak-wrapper{max-width:780px;display:grid;grid-template-columns:minmax(0,325px) minmax(0,1fr);gap:20px;align-items:start;overflow:visible;margin:18px auto;font-family:'Segoe UI',Arial,sans-serif;color:#0f284d}
.tyvat,.tyvat *{box-sizing:border-box}.tyvat .leftinput,.tyvat .rightresult{width:100%;max-width:none;float:none;margin:0;min-width:0}.tyvat .leftinput{background:#e1eff0;border:1px solid #0f284d;padding:14px}.tyvat .rightresult{padding:0;background:transparent}.tyvat h2{font-size:18px;margin:0 0 12px;font-weight:700;text-align:center;line-height:1.25}.tyvat .rightresult>h2{background:#228b22;color:#fff;padding:7px;margin:0 0 10px}.tyvat .tyvat-field{min-width:0;margin-bottom:9px}.tyvat label{display:block;font-size:12px;font-weight:650;margin:0 0 4px;color:#0f284d}.tyvat select,.tyvat input[type=text]{display:block;width:100%;min-width:0;height:39px;padding:6px 9px;background:#fff;border:1px solid #0f284d;border-radius:2px;font:400 14px 'Segoe UI',Arial,sans-serif;color:#0f284d}.tyvat :is(input,select,button):focus-visible{outline:2px solid #228b22;outline-offset:2px}.tyvat .tyvat-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tyvat .tyvat-error{display:block;color:#ab1b1b;font-size:11px;line-height:1.25}.tyvat [aria-invalid=true]{border:2px solid #b71c1c!important}.tyvat .tyvat-actions{display:flex;gap:8px;margin-top:5px}.tyvat .tyvat-actions .btn-style{flex:1;min-width:0;width:auto!important;padding:9px 5px!important;height:auto;margin:0!important;font-size:14px!important;line-height:1.15;border-radius:2px}.tyvat .btn-calculate{background:#0f284d!important}.tyvat .btn-reset{background:#4c4c4c!important}.tyvat .tyvat-rating{text-align:center;margin:8px 0 0;min-height:16px}.tyvat .tyvat-total{padding:11px;background:#e1eff0;border-left:4px solid #228b22}.tyvat .tyvat-total span,.tyvat .tyvat-stats span{display:block;font-size:12px;color:#4c4c4c}.tyvat .tyvat-total strong{display:block;font-size:26px;line-height:1.22;color:#0f284d;overflow-wrap:anywhere}.tyvat .tyvat-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.tyvat .tyvat-stats>div{background:#f6f8f9;border:1px solid #e1e6eb;padding:8px 5px;min-width:0}.tyvat .tyvat-stats strong{display:block;font-size:14px;overflow-wrap:anywhere;color:#0f284d}.tyvat .tyvat-chart{margin-top:12px}.tyvat .tyvat-chartbar{display:flex;width:100%;height:18px;background:#ddd;overflow:hidden;border-radius:2px}.tyvat .tyvat-chartbar span{display:block;min-width:0}.tyvat [data-netbar]{background:#0f284d}.tyvat [data-taxbar]{background:#228b22}.tyvat .tyvat-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px;font-size:11px}.tyvat .tyvat-dot{display:inline-block;width:9px;height:9px;margin-right:4px}.tyvat .tyvat-dot-net{background:#0f284d}.tyvat .tyvat-dot-tax{background:#228b22}.tyvat .tyvat-formula{font-size:12px;line-height:1.45;margin:10px 0;color:#3e4850}.tyvat .tyvat-result-actions{display:flex;gap:7px}.tyvat .tyvat-result-actions button{padding:6px 10px!important;margin:0!important;width:auto!important;background:#0f284d;color:white;font-size:12px!important;border:0;border-radius:2px;cursor:pointer}.tyvat .tyvat-status{font-size:11px;color:#228b22;min-height:1em;margin:6px 0 0}.tyvat .tyvat-status.tyvat-failure{color:#a61b1b}@media(max-width:768px){.tyvat.toolyak-wrapper{display:block;width:100%;max-width:420px;padding:0 8px!important;margin:10px auto}.tyvat .leftinput,.tyvat .rightresult{width:100%!important;max-width:none!important;margin:0!important}.tyvat .leftinput{padding:10px 12px}.tyvat .rightresult{padding:10px 0 0}.tyvat h2{font-size:16px;margin-bottom:8px}.tyvat select,.tyvat input[type=text]{font-size:16px!important;height:39px}.tyvat .tyvat-field{margin-bottom:7px}.tyvat .tyvat-rating{margin-top:5px}.tyvat .tyvat-total strong{font-size:22px}.tyvat .tyvat-stats strong{font-size:13px}}@media(max-width:340px){.tyvat .tyvat-stats{grid-template-columns:1fr 1fr}.tyvat .tyvat-stats>div:last-child{grid-column:span 2}}@media print{body *{visibility:hidden!important}.tyvat .tyvat-result,.tyvat .tyvat-result *{visibility:visible!important}.tyvat .tyvat-result{position:absolute;top:0;left:0;width:100%;padding:20px!important}.tyvat .tyvat-result-actions,.tyvat .tyvat-status{display:none!important}}
