/* AY Taste / ERP UI layer: non-invasive refinements inspired by the approved reference.
   Brand identity remains AY; RTL and print pages are preserved. */
:root{
  --navy:#071e3a;--navy-2:#0b2a50;--blue:#166be0;
  --gold:#f5a623;--bg:#f4f7fb;--card:#fff;--text:#172c49;
  --muted:#6f7f95;--line:#e2eaf3;--shadow:0 7px 24px rgba(17,48,87,.055);
}
.topbar{background:#071e3a;box-shadow:0 3px 14px rgba(9,31,61,.11);height:82px;padding-inline:24px}
.topbar .brand{gap:14px}
.topbar .logo{width:51px;height:51px;flex-basis:51px;border-radius:50%;border:2px solid rgba(247,171,39,.65);box-shadow:none}
.topbar .logo img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;border-radius:50%}
.brand strong{font-size:18px;letter-spacing:.25px}
.brand small{color:#bccce1;font-size:11px}
.top-actions .badge{font-size:11px;border:1px solid rgba(255,255,255,.12)}
.top-actions select{border-color:#385372;background:#143657;border-radius:11px}
.layout{grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 82px)}
.sidebar{background:#071e3a;color:#d9e7fc;border-left:1px solid #153c64;border-right:1px solid rgba(255,255,255,.06);
  padding:20px 12px;top:82px;height:calc(100vh - 82px);scrollbar-color:#305b83 transparent}
.sidebar-title{color:#91a9c5;font-size:11px;letter-spacing:.4px}
.sidebar .nav{color:#c2d5ec;text-align:right;min-height:44px;padding:10px 13px;font-size:12px;border:1px solid transparent;margin-bottom:5px;border-radius:11px}
.sidebar .nav svg{color:#a8c2e2}
.sidebar .nav:hover{background:#123a64;color:#fff}
.sidebar .nav:hover svg{color:#fff}
.sidebar .nav.active{background:#155fc2;color:#fff;box-shadow:0 4px 13px rgba(0,0,0,.16);border-color:#2677dd}
.sidebar .nav.active svg{color:#fff}
.content{padding:26px 28px 34px;background:#f4f7fb}
.page-head{margin-bottom:20px}
.page-head h1{font-size:25px;color:#132b4a;font-weight:800}
.page-head p{font-size:12px;line-height:1.8;color:#6b7f97}
.card{border-radius:15px;border:1px solid #e3eaf3;box-shadow:0 7px 24px rgba(17,48,87,.048)}
.card-head h2,.section-title{color:#112c50}
.cards{gap:15px}
.metric{min-height:136px;padding:20px}
.metric:after{background:#f5f9ff}
.metric-top span{color:#496482;font-size:12px;font-weight:700}
.metric strong{font-size:26px;margin-top:14px;color:#102747}
.metric-icon{background:#e8f2ff;color:#166be0;border-radius:12px;width:46px;height:46px}
.btn{border-radius:10px;min-height:38px}
.btn.primary{background:#166be0;color:#fff;box-shadow:0 3px 10px rgba(22,107,224,.16)}
.btn.primary:hover{background:#115abf}
.btn.secondary{background:#f0f5fb;color:#23436c}
.btn:hover{transform:none;filter:brightness(.99)}
.input{border-radius:10px;border-color:#d9e3ef;min-height:37px}
.input:focus{border-color:#2075df;box-shadow:0 0 0 3px rgba(21,105,210,.1)}
.table-wrap{border:1px solid #e7edf5;border-radius:12px}
.table th{background:#f4f7fc;color:#476079;font-size:10.5px}
.table td{color:#283d57}
.table tbody tr:hover{background:#f7faff}
.pill.green{background:#e5f7ec;color:#127947}
.pill.orange{background:#fff2e0;color:#ae6d0c}
.item-master-grid{row-gap:14px}
.ay-item-media-panel{min-width:0}
@media(max-width:1100px){.layout{grid-template-columns:216px minmax(0,1fr)}.content{padding:18px}}
@media(max-width:760px){
  .topbar{height:68px;padding-inline:11px}
  .topbar .logo{width:42px;height:42px;flex-basis:42px}
  .topbar .logo img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}
  .layout{grid-template-columns:1fr;min-height:calc(100vh - 68px)}
  .sidebar{position:static;height:auto;background:#071e3a;border:0;border-bottom:1px solid #153c64;padding:9px;overflow-x:auto}
  .sidebar .nav{min-width:138px;margin-bottom:0;justify-content:center}
  .content{padding:15px}
  .metric{min-height:112px;padding:15px}
}
@media print{
  /* Never print application chrome on customer-facing documents. */
  .topbar,.sidebar,.ay-item-media-panel{display:none!important}
  .content{background:#fff!important;padding:0!important}
  .card{box-shadow:none!important}
}
@media(prefers-reduced-motion:reduce){.btn,.nav,.input{transition:none!important}}