@charset "UTF-8";
/* MMC ERP 5.12.2 — tema djelatnosti MOTO (auto/moto salon, DMS).
   Učitava se samo kad je u tenant.php 'activity' => 'moto' (poslije style.css / pos.css).
   Plavi akcent ERP-a i narančasti akcent MotoPOS-a kao u AutoDMS 5.11.x; raspored i funkcije jezgre ostaju isti. */
:root{
  --mikro-yellow:#3b82f6;--mikro-yellow2:#2563eb;--mikro-navy:#0e2a47;
  --mkr-accent:#3b82f6!important;--mkr-accent-2:#2563eb!important;
  --moto-orange:#f58220;--moto-orange-2:#f57c00;--moto-blue:#3b82f6;
}

/* ERP: bočni izbornik */
html body .app-sidebar .brand strong:has(.mikro-word){color:#65a0ff!important}
html body .app-sidebar .brand strong .mikro-word{color:#f7f9fc!important}
html body .side-nav>a.active,html body .side-nav a.active,html body .side-group[open]>summary{background:linear-gradient(90deg,#3b82f6,#2f6fe0)!important;color:#fff!important}
html body .side-nav>a.active .side-icon,html body .side-nav a.active .side-icon,html body .side-group[open]>summary .side-icon{color:#fff!important}
html body .quick-actions .quick-pos{background:linear-gradient(135deg,#111827,#1f2937)!important;color:#fff!important;border-color:#111827!important}
html body .exec-new,html body .header-dashboard-actions .exec-new{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}

/* Zaglavlje nadzorne ploče (verzija, datum, Otvori MotoPOS, Novi dokument) */
html body .dashboard-header{height:auto;min-height:86px;gap:18px;padding-top:10px;padding-bottom:10px;align-items:flex-start}
html body .dashboard-header .header-copy{min-width:0}
html body .dashboard-header .header-version{display:block;margin:0 0 2px;color:#667b94;font-size:10px;font-weight:800;line-height:1.1}
html body .dashboard-header .header-sub{white-space:nowrap}
html body .dashboard-header .header-right{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap}
html body .dashboard-header .header-date{flex:0 0 auto;width:auto!important}
html body .dashboard-header .header-dashboard-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
html body .dashboard-header .header-dashboard-actions .btn{white-space:nowrap}
@media(max-width:980px){html body .dashboard-header{flex-wrap:wrap}html body .dashboard-header .header-right{width:100%;justify-content:flex-start;flex-wrap:wrap}html body .dashboard-header .header-sub{white-space:normal}}

/* Prijava */
html body .login-stage .login-system{background:#eef4ff!important;color:#173d66!important}
html body .login-values span:after{background:var(--moto-orange)!important}
html body .login-stage.login-moto .login-options a{color:var(--moto-orange-2)!important}
html body .login-stage.login-moto .login-brand-logo{border-radius:16px;box-shadow:0 10px 26px rgba(14,42,71,.25)}

/* Moto DMS: filter vozila u jednom redu */
html body form.search:has(input[name=page][value=dms_vehicles]){display:flex;flex-wrap:wrap;gap:10px;align-items:center}
html body form.search:has(input[name=page][value=dms_vehicles]) input[name=s]{flex:1 1 320px;max-width:420px}
html body form.search:has(input[name=page][value=dms_vehicles]) select{width:auto;min-width:180px}

/* Kasa (MotoPOS) — samo za djelatnost MOTO. Logo firme u zaglavlju i narančasti akcent kao u AutoDMS MotoPOS-u. */
html body .pos39-brand>.pos39-brand-logo{width:56px!important;height:48px!important;flex:0 0 56px;border-radius:12px!important;background:transparent!important;box-shadow:0 8px 20px rgba(14,47,78,.20)!important;display:block!important;overflow:hidden;padding:0!important}
html body .pos39-brand>.pos39-brand-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
@media(max-width:760px){html body .pos39-brand>.pos39-brand-logo{width:48px!important;height:40px!important;flex-basis:48px}}
html body .pos39-product:not(.pos39-live-card) .pos39-product-price button,html body .pos39-cat.active,html body .pos39-pay-primary,html body .pos39-search button,html body .pos39-confirm{
  background:linear-gradient(135deg,#ff8a1f,#f57c00)!important;border-color:#f57c00!important;color:#fff!important}
html body .pos39-cat.active span,html body .pos39-cat.active b{color:#fff!important}
html body .pos39-product-price button:disabled{background:#f3e6da!important;border-color:#ead6c4!important;color:#b39a85!important}
html body .pos39-retail-logo{background:#fff1e3!important;border-color:#f7c08c!important;color:#f57c00!important}
html body .pos39-line-newest{border-color:rgba(245,124,0,.38)!important}
html body .pos39-product.pos-card-add:focus-visible{outline-color:#f57c00!important}
html body .pos39-theme-toggle,html body .pos39-top-stats a{color:#c25f00}

/* MotoPOS kartice artikala kao u AutoDMS 5.11 (slika/oznaka, šifra, naziv, stanje, cijena) */
html body .pos39-shell .pos39-grid:has(.pos39-live-card){grid-auto-rows:205px!important}
html body .pos39-shell .pos39-grid .pos39-product.pos39-live-card{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;min-height:auto!important;color:rgb(24, 34, 53)!important}
html body .pos39-shell .pos39-grid .pos39-product.pos39-live-card .pos39-product-media{color:rgb(24, 34, 53)!important;border:0px none rgb(24, 34, 53)!important}
html body .pos39-shell .pos39-grid .pos39-product.pos39-live-card .pos39-product-copy{color:rgb(24, 34, 53)!important;border:0px none rgb(24, 34, 53)!important}
html body .pos39-shell .pos39-grid .pos39-product.pos39-live-card .pos39-product-copy small{font-size:9px!important}
html body .pos39-shell .pos39-grid .pos39-product.pos39-live-card .pos39-product-copy b{font-size:12px!important;line-height:15px!important;color:rgb(24, 34, 53)!important;border:0px none rgb(24, 34, 53)!important;white-space:normal!important;text-overflow:clip!important}
html body .pos39-shell .pos39-grid .pos39-product.pos39-live-card .pos39-product-price{color:rgb(24, 34, 53)!important;border:0px none rgb(24, 34, 53)!important}
html body .pos39-shell .pos39-grid .pos39-product.pos39-live-card .pos39-product-price strong{color:rgb(24, 34, 53)!important;border:0px none rgb(24, 34, 53)!important}
html body .pos39-shell .pos39-grid .pos39-product.pos39-live-card .pos39-product-price button{font-size:18px!important;color:rgb(245, 124, 0)!important;background-color:rgb(255, 240, 226)!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important}
html body .pos39-shell .pos39-pay-mini{color:rgb(24, 34, 53)!important;border:0px none rgb(24, 34, 53)!important}
html body .pos39-shell .pos39-pay-mini button{font-size:10px!important;font-weight:400!important;border:1px solid rgb(228, 233, 240)!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important}
html body .pos39-shell .pos39-pay-mini button b{font-size:10px!important;font-weight:700!important;white-space:normal!important;letter-spacing:normal!important}
html body .pos39-shell .pos39-pay-mini button span{font-weight:400!important;white-space:normal!important}
html body .pos39-shell .pos39-customer{color:rgb(24, 34, 53)!important;background-color:rgb(251, 252, 253)!important;border:1px solid rgb(228, 233, 240)!important}
html body .pos39-shell .pos39-customer small{font-size:9px!important;letter-spacing:0.99px!important}
html body .pos39-shell .pos39-customer select{font-size:13px!important}
html body .pos39-shell .pos39-grid .pos39-product.pos39-live-card .pos39-product-price button{background-image:none!important;border:0px none rgb(245, 124, 0)!important}