/* Sơn INFOR 3.6.6 — modern visual refresh */
:root{--modern-shadow:0 10px 30px rgba(13,57,48,.08)}
body{background:radial-gradient(circle at 8% 0%,rgba(76,192,170,.1),transparent 28rem),var(--bg)}
.card,.infor-color-palette{border-radius:16px;box-shadow:var(--modern-shadow)}
.btn{border-radius:12px;background:linear-gradient(135deg,var(--accent),#0a8a76);box-shadow:0 5px 12px rgba(13,106,92,.18);transition:transform .16s ease,box-shadow .16s ease}
.btn:hover,.btn:focus-visible{transform:translateY(-1px);box-shadow:0 8px 16px rgba(13,106,92,.24)}
.btn.ghost{background:var(--surface);box-shadow:none}
input[type=text],input[type=number],input[type=search],input[type=email],input[type=password],select,textarea{border-radius:12px;transition:border-color .16s ease,box-shadow .16s ease}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);outline:0}
@media(max-width:600px){.card{border-radius:14px}.btn{min-height:44px}}