/* Vinpree CRM Phase 4 - responsive polish */
:root{--vp-primary:#0d6efd;--vp-dark:#12365b;--vp-border:#e5e7eb;--vp-bg:#f4f7fb}
html{scroll-behavior:smooth}body{overflow-x:hidden}.panel,.card,.hero{max-width:100%}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:720px}
.btn,.backbtn,button,input,select,textarea{font-size:14px}.btn{cursor:pointer}.btn.small{padding:7px 10px}
.notice,.error,.ok,.err{animation:vpFade .18s ease-out}
@keyframes vpFade{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{overflow-x:auto}.hero h1{font-size:24px}}
@media(max-width:650px){.grid{grid-template-columns:1fr}.table-wrap{margin-left:-2px;margin-right:-2px;width:calc(100% + 4px)}.table{font-size:12px}.field input,.field select,.field textarea{width:100%;max-width:100%}.btn,.backbtn{min-height:42px}.links{grid-template-columns:1fr!important}.hero{padding:14px!important}.card{padding:16px!important}}
/* Prevent accidental horizontal overflow from long IDs / phone numbers */
td,th{overflow-wrap:anywhere}code,.mono{word-break:break-all}