/* J&I Sales And Services LLC - tema moderno V87 */
:root{--navy:#11233e;--navy2:#1b3658;--teal:#087f8c;--teal-light:#e7f6f6;--ink:#18283b;--muted:#62738a;--line:#dce5ed;--bg:#f3f6fa;--white:#fff;--shadow:0 12px 38px rgba(20,43,73,.09)}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;min-height:100vh;background:linear-gradient(145deg,#eef4f9 0%,#f8fafc 65%,#e9f4f5 100%);color:var(--ink);font:16px/1.55 'Segoe UI',Arial,sans-serif}
a{color:#087586;text-decoration:none;font-weight:600}a:hover{text-decoration:underline;color:#075b6a}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(8,127,140,.35);outline-offset:2px}
.panel{width:calc(100% - 32px);max-width:470px;margin:6vh auto;padding:32px;background:var(--white);border:1px solid #e7edf3;border-radius:20px;box-shadow:var(--shadow)}
.panel.wide,.wide{max-width:1050px}
h1,h2,h3{color:var(--navy);line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(1.55rem,3vw,2rem);margin:0 0 18px}h2{font-size:1.25rem;margin:26px 0 12px}h3{font-size:1.05rem}
header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
header h1,header h2{margin:0}
section{margin:18px 0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 3px 14px rgba(20,43,73,.035)}
label{display:block;min-width:0;margin:14px 0 8px;color:#2d4057;font-size:.94rem;font-weight:650;overflow-wrap:anywhere}
input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;width:100%;max-width:100%;margin-top:7px;padding:12px 13px;background:#fff;border:1px solid #cbd7e2;border-radius:10px;color:var(--ink);font:inherit;transition:border-color .15s,box-shadow .15s}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,127,140,.1);outline:none}
textarea{min-height:110px;line-height:1.45;resize:vertical}
input[type=checkbox],input[type=radio]{width:auto;display:inline-block;accent-color:var(--teal);margin-right:8px}
.check{font-weight:400}
form{min-width:0}
button,input[type=submit],input[type=button]{display:inline-block;max-width:100%;padding:12px 19px;background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;border:0;border-radius:10px;font:600 .95rem 'Segoe UI',Arial,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(17,35,62,.14);transition:transform .15s,box-shadow .15s,background .15s}
button:hover,input[type=submit]:hover,input[type=button]:hover{background:linear-gradient(135deg,#0a7884,#075e69);transform:translateY(-1px);box-shadow:0 7px 16px rgba(8,127,140,.18)}
button:disabled,input[type=submit]:disabled{opacity:.55;cursor:not-allowed;transform:none}
.error,.ok{padding:11px 14px;border-radius:10px;font-weight:600;overflow-wrap:anywhere}
.error{color:#9c2734;background:#fff0f1;border:1px solid #f5c9cf}
.ok{color:#126448;background:#eaf8f0;border:1px solid #bce8d1}
table{width:100%;border-collapse:collapse;font-size:.93rem}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{background:#eef5f8;color:#28465e;font-weight:700}tr:hover td{background:#f8fbfc}
small{color:var(--muted)}
@media(max-width:640px){body{font-size:15px}.panel{width:calc(100% - 20px);margin:14px auto;padding:19px;border-radius:15px}section{padding:14px}header{align-items:flex-start}button,input[type=submit]{min-height:44px}table{display:block;overflow-x:auto;white-space:nowrap}h1{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}