/* Naseej ERP — base styles. Component styles are inline in assets/js/views (ported 1:1 from the design). */
body{margin:0;background:oklch(0.962 0.002 90);font-family:'IBM Plex Sans Arabic','IBM Plex Sans',system-ui,sans-serif;color:oklch(0.2 0.01 250);-webkit-font-smoothing:antialiased}
a{color:oklch(0.5 0.11 75)}
a:hover{color:oklch(0.2 0.01 250)}
*{box-sizing:border-box}
button{font-family:inherit;cursor:pointer;transition:transform .12s ease}
button:active{transform:scale(.97)}
button:disabled{cursor:not-allowed}
input,textarea,select{font-family:inherit}
input:focus,select:focus,textarea:focus{border-color:oklch(0.2 0.01 250)!important;outline:none}
button:focus-visible{outline:2px solid oklch(0.8 0.15 85);outline-offset:2px}

/* animations */
@keyframes fe-up{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:none}}
@keyframes fe-fade{from{opacity:0}
to{opacity:1}}
@keyframes fe-pop{from{transform:scale(0)}
to{transform:scale(1)}}
@keyframes fe-bar{from{transform:scaleX(0)}
to{transform:scaleX(1)}}
@keyframes fe-grow{from{transform:scaleY(0)}
to{transform:scaleY(1)}}
@keyframes fe-draw{to{stroke-dashoffset:0}}
@keyframes fe-pulse{0%,100%{opacity:1}
50%{opacity:.3}}
@keyframes fe-ripple{from{transform:scale(1);opacity:.6}
to{transform:scale(2.6);opacity:0}}
@keyframes fe-scanline{0%,100%{transform:translateY(-36px)}
50%{transform:translateY(36px)}}
@keyframes fe-toast{from{opacity:0;transform:translate(-50%,16px)}
to{opacity:1;transform:translate(-50%,0)}}
@keyframes fe-flash{0%{opacity:0;transform:scale(.6)}
40%{opacity:1;transform:scale(1.05)}
100%{opacity:1;transform:scale(1)}}
@keyframes fe-dash{to{stroke-dashoffset:-16}}

/* hover states */
.hv1:hover{background:oklch(0.95 0.003 90) !important}
.hv2:hover{border-color:oklch(0.2 0.01 250) !important}
.hv3:hover{border-color:oklch(0.5 0.01 250) !important}
.hv4:hover{opacity:.75 !important}