/*
 * ENKO ERP kopīgais stils — tāds pats izskats kā Finanšu modulim.
 * Pieslēgts PĒC lapas paša <style>, tāpēc pārraksta vecās krāsas uz ENKO paleti:
 * balts fons · #2F4052 tumši zils teksts/līnijas · #FDB740 dzintars.
 *
 * Lapas karkass:
 *   <div class="shell">
 *     <aside class="sidebar"> logo + moduļa nosaukums · .nav · .side-foot </aside>
 *     <div class="main"><div class="bg-flame"></div> saturs </div>
 *   </div>
 */
:root {
  --navy:#2f4052; --surface-2:#f4f6f9; --surface-3:#e9eef3;
  --border-strong:rgba(47,64,82,.30); --faint:#9aa8b8;
  --accent-grad:linear-gradient(135deg,#fdb740 0%,#f5a623 100%); --amber:#fdb740; --amber-2:#e89a1c;
  --pos:#1f9d63; --neg:#dc4f6e; --warn:#d98e12;
  --shadow:0 12px 34px -14px rgba(47,64,82,.35); --shadow-sm:0 2px 10px -4px rgba(47,64,82,.18);
  /* vecie mainīgie → ENKO palete */
  --border:rgba(47,64,82,.16); --bg:#ffffff; --card:#ffffff; --text:#2f4052; --muted:#647688;
  --accent:#2f4052; --mezs:#2f4052; --zals:#1f9d63; --sarkans:#dc4f6e;
}
html, body { height:100%; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color:var(--text);
  -webkit-font-smoothing:antialiased;
  background:radial-gradient(1200px 600px at 12% -10%, rgba(253,183,64,.06), transparent 60%), #fff; background-attachment:fixed; }

/* ===== Karkass ===== */
.shell { display:grid; grid-template-columns:238px minmax(0,1fr); min-height:100vh; }
.sidebar { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:22px 14px; gap:8px;
  background:#f6f8fb; border-right:1px solid var(--border); z-index:900; }
.logo { display:flex; flex-direction:column; gap:6px; padding:4px 8px 18px; text-decoration:none; cursor:pointer; }
.side-logo { width:150px; height:auto; display:block; }
.logo-sub { font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); padding-left:3px; line-height:1.4; }
.nav { display:flex; flex-direction:column; gap:3px; flex:1; overflow-y:auto; }
.nav a, .nav button, .nav .tab {
  display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:10px; text-decoration:none; color:var(--muted);
  font-weight:500; font-size:13.5px; position:relative; border:none; background:transparent; cursor:pointer; text-align:left;
  font-family:inherit; width:100%; }
.nav a:hover, .nav button:hover, .nav .tab:hover { background:var(--surface-2); color:var(--text); }
.nav .active, .nav .tab.active { background:linear-gradient(90deg, rgba(253,183,64,.22), rgba(253,183,64,.05)); color:var(--navy); font-weight:650; border:none; }
.nav .active::before { content:''; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:3px; background:var(--accent-grad); }
.nav .ico { width:20px; text-align:center; font-size:15px; flex-shrink:0; }
.nav .sep { height:1px; background:var(--border); margin:8px 6px; padding:0; }
.nav .grupa { font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--faint); padding:10px 12px 4px; }
.side-foot { display:flex; align-items:center; gap:10px; padding:12px 8px 0; border-top:1px solid var(--border); }
.avatar { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-weight:800; color:var(--navy); background:var(--accent-grad); flex-shrink:0; }
.side-user { display:flex; flex-direction:column; min-width:0; gap:2px; }
.side-name { font-weight:600; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text); }
.side-role { font-size:11px; color:var(--muted); }
.side-links { display:flex; flex-wrap:wrap; gap:2px 10px; }
.side-links a, .side-links button { background:none; border:none; color:var(--muted); cursor:pointer; font-size:12px; padding:0; text-decoration:none; font-family:inherit; }
.side-links a:hover, .side-links button:hover { color:var(--neg); }
.side-links .acc { color:var(--navy); font-weight:650; }
.main { min-width:0; position:relative; overflow:hidden; }
.bg-flame { position:absolute; top:50%; right:-60px; transform:translateY(-50%); width:605px; height:980px; z-index:0; pointer-events:none;
  background-image:url(/img/enko-logo.png); background-repeat:no-repeat; background-size:2800px auto; background-position:left center; opacity:.05; }
.main > *:not(.bg-flame) { position:relative; z-index:1; }
.page-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; gap:12px; flex-wrap:wrap; }
.page-head h1 { font-size:24px; margin:0; font-weight:800; letter-spacing:-.01em; color:var(--navy); }

@media (max-width:860px) {
  .shell { grid-template-columns:minmax(0,1fr); }
  .sidebar { position:sticky; height:auto; flex-direction:row; align-items:center; flex-wrap:wrap; gap:4px 10px; padding:10px 12px;
    background:rgba(246,248,251,.97); border-right:none; border-bottom:1px solid var(--border); }
  .logo { flex-direction:row; align-items:center; padding:0 4px; } .side-logo { width:90px; }
  .nav { flex-direction:row; flex:1 1 100%; order:3; overflow-x:auto; scrollbar-width:none; gap:2px; }
  .nav a, .nav button, .nav .tab { padding:8px 11px; font-size:13px; white-space:nowrap; flex-shrink:0; width:auto; }
  .nav .active::before, .nav .sep, .nav .grupa { display:none; }
  .side-foot { border:none; padding:0; margin-left:auto; } .side-name, .side-role { display:none; }
  .bg-flame { display:none; }
}

/* ===== Vecās komponentes ENKO krāsās ===== */
.card { border-color:var(--border); border-radius:14px; box-shadow:var(--shadow-sm); }
.lbl { color:var(--muted); }
input, select, textarea { background:var(--surface-2); border-color:var(--border); color:var(--text); border-radius:9px; }
input:focus, select:focus, textarea:focus { outline:none; border-color:var(--amber); box-shadow:0 0 0 3px rgba(253,183,64,.18); background:#fff; }
input[type=checkbox] { accent-color:var(--amber-2); }
.btn-primary, .btn-done, .btn-restore { background:var(--accent-grad); color:var(--navy); font-weight:700; border:none; box-shadow:0 8px 20px -8px rgba(253,183,64,.6); }
.btn-blue { background:var(--navy); color:#fff; }
.btn-ghost { border-color:var(--border-strong); color:var(--muted); background:transparent; }
.btn-ghost:hover { border-color:var(--amber); color:var(--navy); }
.btn-del { color:var(--neg); border-color:rgba(220,79,110,.45); }
.btn-sm.dir, .link-box button { background:var(--navy); border-color:var(--navy); color:#fff; }
.mini { border-color:var(--border-strong); border-radius:8px; color:var(--text); background:#fff; }
.mini:hover { border-color:var(--amber); }
.mini.dz { color:var(--neg); border-color:rgba(220,79,110,.45); }
.tabs .tab { border-color:var(--border); border-radius:9px; }
.tabs .tab.active, .tab.mini-t.active { background:var(--navy); color:#fff; border-color:var(--navy); }
.obj-row { border-color:var(--border); border-radius:10px; }
.obj-row:hover { border-color:var(--amber); }
.obj-row.sel { border:2px solid var(--amber); background:rgba(253,183,64,.08); }
.m-confirm { background:var(--neg); }
.m-cancel { background:var(--surface-2); color:var(--text); }
.toast { background:var(--navy); border-radius:10px; box-shadow:var(--shadow); }
.modal, .admin-card, .login-card { border-radius:16px; box-shadow:var(--shadow); }
.kpi, .etaps-c { border-color:var(--border); border-radius:14px; box-shadow:var(--shadow-sm); }
.kpi .v.pos { color:var(--pos); } .kpi .v.neg { color:var(--neg); }
table.t th, table.u th { color:var(--muted); }
.prog .piev { background:var(--amber-2); }
.overlay { background:radial-gradient(1200px 600px at 12% -10%, rgba(253,183,64,.08), transparent 60%), #fff; }
.login-logo { width:210px; height:auto; display:block; margin:0 auto 14px; }
.login-card h2 { text-align:center; color:var(--navy); }
.login-card .sub { text-align:center; }

/* Sākuma ekrāna flīzes */
.flise { border-color:var(--border); box-shadow:var(--shadow-sm); position:relative; overflow:hidden; }
.flise::after { content:''; position:absolute; inset:0 0 auto 0; height:3px; background:linear-gradient(90deg,var(--amber),transparent); opacity:.9; }
.flise:hover { border-color:var(--amber); box-shadow:var(--shadow); }
.flise .nos { color:var(--navy); font-weight:750; }
.flise .tag { background:rgba(31,157,99,.13); color:#137a4b; }
.flise.drizumā::after { display:none; }
.sakums .sveiciens { font-size:26px; font-weight:800; color:var(--navy); letter-spacing:-.01em; }

/* Navigācijas grupu ietinēji nerada savu bloku — pogas plūst tieši .nav (arī telefonā rindā) */
.nav-grupa, #viewTabs, #navSakums, #tabsJosla { display:contents; }

/* ===== Ielogošanās — tumši zils ENKO fons ar balto logo ===== */
.overlay.login { background:
    radial-gradient(900px 520px at 85% 110%, rgba(253,183,64,.16), transparent 60%),
    radial-gradient(800px 500px at 10% -10%, rgba(255,255,255,.07), transparent 60%),
    #2f4052; }
.overlay.login::before { content:''; position:fixed; right:-80px; bottom:-120px; width:520px; height:840px; pointer-events:none;
  background:url(/img/enko-logo-balts.png) no-repeat left center / 2400px auto; opacity:.05; }
.overlay.login .login-card { position:relative; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.6); backdrop-filter:blur(6px); padding:40px 38px 34px; max-width:400px; }
.overlay.login .login-logo { width:250px; margin:0 auto 10px; }
.overlay.login .sub { color:rgba(255,255,255,.62); font-size:12px; font-weight:700; letter-spacing:.3em; text-transform:uppercase; margin-bottom:26px; }
.overlay.login .sub b { color:var(--amber); font-weight:800; }
.overlay.login label { color:rgba(255,255,255,.78); }
.overlay.login input { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); color:#fff; padding:11px 12px; font-size:14px; }
.overlay.login input:focus { background:rgba(255,255,255,.12); border-color:var(--amber); }
.overlay.login .btn-primary { padding:12px; font-size:14.5px; border-radius:11px; margin-top:22px !important; }
.overlay.login .login-err { background:rgba(220,79,110,.16); border-color:rgba(220,79,110,.5); color:#ffd4dd; }
.login-kaj { text-align:center; margin-top:22px; font-size:11px; color:rgba(255,255,255,.4); letter-spacing:.04em; }

/* ===== Sākuma ekrāns — liels ENKO logo ===== */
.sakums-hero { position:relative; overflow:hidden; border-radius:20px; padding:38px 40px; margin-bottom:30px; color:#fff;
  background:radial-gradient(700px 360px at 95% 120%, rgba(253,183,64,.22), transparent 60%), #2f4052; box-shadow:var(--shadow); }
.sakums-hero::after { content:''; position:absolute; right:-40px; top:-60px; width:300px; height:480px; pointer-events:none;
  background:url(/img/enko-logo-balts.png) no-repeat left center / 1360px auto; opacity:.08; }
.sakums-hero .hero-logo { width:min(360px, 70%); height:auto; display:block; }
.sakums-hero .hero-sub { margin-top:10px; font-size:12px; font-weight:700; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.6); }
.sakums-hero .hero-sub b { color:var(--amber); }
.sakums-hero .hero-sveiks { margin-top:26px; font-size:24px; font-weight:800; letter-spacing:-.01em; }
.sakums-hero .hero-dat { font-size:13px; color:rgba(255,255,255,.62); margin-top:4px; }
.sakums .grupa { color:var(--muted); letter-spacing:.1em; }
@media (max-width:860px) { .sakums-hero { padding:26px 22px; } .sakums-hero .hero-sveiks { font-size:20px; } }