/* Petromin Enterprise Theme - visual only */
:root{--pe-navy:#061A33;--pe-dark:#082544;--pe-blue:#0B3A66;--pe-red:#E51B2B;--pe-orange:#F7941D;--pe-orange2:#FF9D1C;--pe-white:#fff;--pe-bg:#F3F6F9;--pe-border:#D8E2EC;--pe-cyan:#20BFEF;--pe-shadow:0 8px 24px rgba(6,26,51,.09)}
html{scroll-behavior:smooth} body{background:linear-gradient(180deg,#f7f9fb 0,#eef3f7 100%);color:#17283a}
.app-header,.hero,.hero-header{box-shadow:0 8px 26px rgba(6,26,51,.18);isolation:isolate}
.app-header::after,.hero::after,.hero-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--pe-orange),var(--pe-cyan),var(--pe-orange),transparent);background-size:220% 100%;animation:peAccent 9s linear infinite;pointer-events:none;z-index:8}
@keyframes peAccent{to{background-position:-220% 0}}
/* compact nav */
nav button,.tab-btn,.nav-tab,[class*="tab-btn"]{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}
nav button:hover,.tab-btn:hover,.nav-tab:hover,[class*="tab-btn"]:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(6,26,51,.12);border-color:rgba(247,148,29,.75)}
button{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px rgba(6,26,51,.12)}button:active:not(:disabled){transform:translateY(0)}
/* cards/panels */
.filter-card,.search-card,.panel,.card,[class*="summary"],[class*="kpi"]{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
.filter-card,.search-card,.panel,.card{border-color:var(--pe-border)!important}
[class*="kpi"]:hover,.summary-card:hover{transform:translateY(-3px);box-shadow:var(--pe-shadow);border-color:rgba(32,191,239,.28)!important}
/* inputs */
input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--pe-orange)!important;box-shadow:0 0 0 3px rgba(247,148,29,.12)!important;background:#fff}
/* tables */
table tbody tr{transition:background-color .15s ease,box-shadow .15s ease}table tbody tr:hover{background:#f0f8fc!important;box-shadow:inset 3px 0 0 rgba(32,191,239,.5)}
thead th{background:linear-gradient(180deg,#f7f9fb,#edf3f7)!important;color:#43566a!important}
/* status pills */
.badge,.pill,[class*="status"]{transition:filter .18s ease,box-shadow .18s ease}.badge:hover,.pill:hover{filter:saturate(1.08);box-shadow:0 3px 9px rgba(6,26,51,.08)}
/* modal */
.modal,.dialog,[role="dialog"]{animation:peModal .22s ease both}@keyframes peModal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* load entrance - visual only */
.app-header,.hero,.hero-header{animation:peFade .3s ease both}.top-nav,nav,.tabs{animation:peRise .4s .06s ease both}.main-content,main{animation:peFade .55s .12s ease both}
@keyframes peFade{from{opacity:0}to{opacity:1}}@keyframes peRise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
/* links and admin */
a{transition:color .18s ease,opacity .18s ease}.admin-login-btn:hover{border-color:var(--pe-orange)!important;box-shadow:0 5px 18px rgba(247,148,29,.16)}
/* professional loading helper if existing spinners use these classes */
.spinner,.loading-spinner{border-top-color:var(--pe-orange)!important;filter:drop-shadow(0 0 4px rgba(32,191,239,.25))}
/* subtle stock transfer direction emphasis */
.transfer-in,.transfer-out,[class*="transfer-action"]{transition:box-shadow .2s ease,filter .2s ease}.transfer-in:hover,.transfer-out:hover{box-shadow:0 0 0 3px rgba(247,148,29,.08)}
/* keep footer credit readable */
.developer-credit,[class*="developer"]{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* Petromin Enterprise UI v2 - visual overrides only */
:root{--pe-text:#12263A;--pe-muted:#60758A;--pe-success:#18A66A}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--pe-bg);color:var(--pe-text)}
/* compact corporate navigation without changing behavior */
.top-nav,nav,.tabs,.header-tabs{background:var(--pe-navy)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 3px 12px rgba(6,26,51,.14)}
.top-nav button,nav button,.tabs button,.header-tabs button,.tab-btn,.nav-tab{min-height:42px!important;padding:0 18px!important;border-radius:7px!important;font-size:13px!important;font-weight:600!important;background:transparent!important;color:#e9f1f8!important;border:0!important;border-bottom:3px solid transparent!important;box-shadow:none!important}
.top-nav button:hover,nav button:hover,.tabs button:hover,.header-tabs button:hover,.tab-btn:hover,.nav-tab:hover{background:rgba(11,58,102,.85)!important;color:#fff!important;border-bottom-color:rgba(247,148,29,.55)!important;transform:none!important}
.top-nav .active,nav .active,.tabs .active,.header-tabs .active,.tab-btn.active,.nav-tab.active{background:var(--pe-blue)!important;color:#fff!important;border-bottom-color:var(--pe-orange)!important;box-shadow:inset 0 -1px 0 rgba(255,157,28,.35)!important}
/* panels */
.filter-card,.search-card,.panel,.card{background:#fff!important;border:1px solid var(--pe-border)!important;border-radius:10px!important;box-shadow:0 2px 10px rgba(6,26,51,.045)!important}
.filter-title,.section-title,h2,h3{color:var(--pe-navy)}
.filter-subtitle,.muted,.secondary{color:var(--pe-muted)}
/* form controls */
input,select,textarea{border:1px solid var(--pe-border)!important;border-radius:7px!important;color:var(--pe-text);background:#fff!important}
label{color:#52677b!important;font-weight:600!important;letter-spacing:.035em}
/* primary actions retain existing selectors but normalize enterprise treatment */
.search-btn,.primary-btn,button[type="submit"]{border-radius:7px!important;font-weight:600!important}
/* table treatment */
.table-container{border:1px solid var(--pe-border)!important;border-radius:10px!important;box-shadow:0 2px 10px rgba(6,26,51,.04)!important}
thead th{background:var(--pe-navy)!important;color:#fff!important;font-weight:600!important;letter-spacing:.025em!important;border-bottom-color:#173b5d!important}
tbody td{border-bottom-color:#e7edf3!important;color:var(--pe-text)}
tbody tr:nth-child(even){background:#fbfcfd}table tbody tr:hover{background:#eef7fb!important;box-shadow:inset 3px 0 0 var(--pe-cyan)}
/* summary / KPI chips */
.badge,.pill,[class*="summary"] .badge,[class*="kpi"]{border-radius:8px!important}
/* status colors remain semantic, visual only */
.status-low,.low-stock{color:#9b5c00!important;background:#fff3df!important;border-color:#ffd69a!important}
.status-critical,.critical-stock{color:#a91521!important;background:#fff0f1!important;border-color:#ffc6cb!important}
.status-good,.healthy-stock{color:#0c7147!important;background:#eaf8f1!important;border-color:#bcebd5!important}
/* modals/popups */
.modal,.dialog,[role="dialog"]{border-radius:12px!important;box-shadow:0 20px 50px rgba(6,26,51,.2)!important}
/* consistent compact buttons */
button{font-family:inherit}button:not(.tab-btn):not(.nav-tab){font-weight:600}
/* mobile: keep controls compact and prevent tab collisions */
@media(max-width:768px){.top-nav,nav,.tabs,.header-tabs{overflow-x:auto!important;scrollbar-width:none}.top-nav::-webkit-scrollbar,nav::-webkit-scrollbar,.tabs::-webkit-scrollbar,.header-tabs::-webkit-scrollbar{display:none}.top-nav button,nav button,.tabs button,.header-tabs button,.tab-btn,.nav-tab{min-width:max-content!important;padding:0 14px!important;font-size:12.5px!important}.filter-card,.search-card,.panel,.card{border-radius:10px!important}}