/*
# ══════════════════════════════════════════════════════════════
# Fajl: core/console.css · Verzija: 1.0.1 · Datum: 23.09.2026
# 1.0.1 (s367): .auto-sel prati temu — modul automation ubacuje .auto-sel{background:#fff} pa su selecti
#        u dark temi bili bijeli s bijelim tekstom (otvoreno od s363). html-prefiks = jača specifičnost.
# Autor: Damir Radulić — RiNET <damir@rinet.one>
# Lokacija: /var/www/_shared/admin/core/console.css
# Svrha: Sav CSS konzole — index.html linije 22-189 (theme T30 + uiflat) verbatim; kalk stil živi u modulu.
# Zavisi od: Inter (fonts.googleapis) · Utječe na: sve stranice /konzola/
# Cron/Service: manual (static, nginx alias /konzola/)
# ══════════════════════════════════════════════════════════════
*/
  :root{
    --bg:#F4EFE7; --card:#FFFFFF; --ink:#2A2622; --ink2:#8A8073; --ink3:#B4AB9C;
    --line:#ECE4D8; --line2:#E0D6C7; --paper:#FBF8F2; --bg2:rgba(0,0,0,.02);
    --clay:#C77B57; --clay-dk:#A8623F; --sage:#7C8A5C; --sage-dk:#5F6B43;
    --gold:#D8A765; --danger:#BD5640; --blue:#5B7A8C; --warn-ink:#9a6a1f;
    --acc:var(--clay); --acc-ink:#ffffff;
    --acc-strong:var(--clay-dk); --acc-strong-ink:#ffffff;
    --hover:#FCFAF6; --mini-bg:#2A2622; --mini-ink:#ffffff; --mini-hov:#000000;
    --hl-a:#ffffff; --hl-b:#FBF4EC;
    --login-glow:rgba(199,123,87,.10); --shadow:rgba(70,50,30,.4);
    --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    --e:cubic-bezier(.4,0,.2,1);
    color-scheme:light;
  }
  html[data-theme="dark"]{
    /* T30 t5 24.08.2026 damir@rinet.one: Sinišin dashboard etalon.
       Akcent (--acc/--acc-strong) NAMJERNO ostaje tenant-brandiran
       (/api/tenant-config, inline override) — multi-tenant Suite. */
    --bg:#070a11; --card:#0d121d; --ink:#f4f7fb; --ink2:#8c98ac; --ink3:#64708a;
    --line:#202c3e; --line2:#2c3b54; --paper:#0a0f19; --bg2:rgba(255,255,255,.03);
    --sage-dk:#35d69f; --gold:#ffb653; --danger:#ff6d73; --blue:#5194ff;
    --warn-ink:#ffb653;
    --hover:#111a2b; --mini-bg:#f4f7fb; --mini-ink:#0d121d; --mini-hov:#ffffff;
    --hl-a:#0f1626; --hl-b:#14203a;
    --login-glow:rgba(81,148,255,.16); --shadow:rgba(0,0,0,.6);
    color-scheme:dark;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .25s var(--e),color .25s var(--e)}
  .paw{width:22px;height:22px;flex:none}
  .brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:19px;letter-spacing:-.02em}
  .brand span{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--acc-strong);border:1px solid var(--acc-strong);border-radius:20px;padding:2px 9px}
  html[data-theme="dark"] .brand span{color:var(--acc);border-color:var(--acc)}
  .btn{background:var(--acc-strong);color:var(--acc-strong-ink);border:0;border-radius:26px;padding:12px 22px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:.2s}
  .btn:hover{filter:brightness(1.12)}
  .btn:disabled{opacity:.5;cursor:default}

  /* LOGIN */
  .login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,var(--login-glow),transparent)}
  .login-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:38px 34px;width:100%;max-width:380px;box-shadow:0 30px 70px -40px var(--shadow)}
  .login-card .brand{margin-bottom:14px}
  .login-card .sub{color:var(--ink2);font-size:13.5px;margin-bottom:22px}
  .login-card input{width:100%;border:1px solid var(--line2);border-radius:24px;padding:13px 18px;font-family:var(--font);font-size:14px;background:var(--paper);color:var(--ink);margin-bottom:12px}
  .login-card input:focus{outline:none;border-color:var(--acc)}
  .login-card .btn{width:100%}
  .err{color:var(--danger);font-size:13px;min-height:18px;margin-bottom:6px}

  /* APP */
  .top{background:var(--card);border-bottom:1px solid var(--line);padding:16px 26px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}
  .logout,.themebtn{background:transparent;border:1px solid var(--line2);border-radius:24px;padding:9px 17px;font-family:var(--font);font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;transition:.18s}
  .logout:hover,.themebtn:hover{border-color:var(--acc);color:var(--acc)}
  .themebtn{padding:9px 13px;margin-right:8px;font-size:15px;line-height:1}
  .tabs{background:var(--card);border-bottom:1px solid var(--line);padding:0 18px;display:flex;gap:4px;overflow-x:auto;position:sticky;top:65px;z-index:19}
  .tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:13px 16px;font-family:var(--font);font-size:14px;font-weight:600;color:var(--ink2);cursor:pointer;white-space:nowrap;transition:.15s}
  .tab:hover{color:var(--ink)}
  .tab.sel{color:var(--acc-strong);border-bottom-color:var(--acc)}
  html[data-theme="dark"] .tab.sel{color:var(--acc)}
  .content{max-width:1080px;margin:0 auto;padding:30px 26px 80px}
  h2{font-size:21px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}
  .muted{color:var(--ink2);font-size:13.5px;margin-bottom:22px}

  /* KPI */
  .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
  .kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
  .kpi .lbl{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink2);margin-bottom:9px}
  .kpi .val{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
  .kpi .val.rev{color:var(--sage-dk)}
  .kpi .sub2{font-size:12.5px;color:var(--ink3);margin-top:5px}
  .kpi.hl{background:linear-gradient(160deg,var(--hl-a),var(--hl-b));border-color:var(--acc)}

  /* TABLE */
  .card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
  .tablewrap{overflow-x:auto}
  table{width:100%;border-collapse:collapse;font-size:13.5px}
  th{text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);padding:14px 18px;border-bottom:1px solid var(--line);background:var(--paper);white-space:nowrap}
  td{padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink)}
  tr:last-child td{border-bottom:0}
  tr:hover td{background:var(--hover)}
  .em{font-weight:600}
  .sub-i{color:var(--ink2);font-size:12.5px}
  .items-cell{max-width:280px}
  .it-line{font-size:12.5px;color:var(--ink2)}

  .badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;text-transform:capitalize}
  .badge.pending{background:rgba(216,167,101,.18);color:var(--warn-ink)}
  .badge.paid{background:rgba(124,138,92,.2);color:var(--sage-dk)}
  .badge.shipped{background:rgba(91,122,140,.18);color:var(--blue)}
  .badge.delivered{background:rgba(124,138,92,.28);color:var(--sage-dk)}
  .badge.cancelled,.badge.refunded{background:rgba(189,86,64,.16);color:var(--danger)}
  .badge.published{background:rgba(124,138,92,.2);color:var(--sage-dk)}
  .badge.draft{background:rgba(180,171,156,.25);color:var(--ink2)}
  .badge.archived{background:rgba(189,86,64,.14);color:var(--danger)}
  .badge.active{background:rgba(124,138,92,.2);color:var(--sage-dk)}
  .badge.disabled{background:rgba(180,171,156,.25);color:var(--ink2)}

  select.inp,input.inp{border:1px solid var(--line2);border-radius:20px;padding:7px 12px;font-family:var(--font);font-size:13px;background:var(--paper);color:var(--ink);cursor:pointer}
  .obtn{background:var(--paper);border:1px solid var(--line2);color:var(--ink);border-radius:18px;padding:7px 14px;font-family:var(--font);font-size:12.5px;font-weight:600;cursor:pointer;transition:.18s}
  .obtn:hover{border-color:var(--acc);color:var(--acc-strong)}
  html[data-theme="dark"] .obtn:hover{color:var(--acc)}
  .obtn.p{background:var(--acc-strong);color:var(--acc-strong-ink);border-color:var(--acc-strong)}
  .obtn.p:hover{opacity:.9;color:var(--acc-strong-ink)}
  .odetail>td{background:var(--bg2)}
  .odwrap{padding:6px 4px 14px}
  .odcols{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:13px}
  .odbox{flex:1;min-width:240px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--ink);line-height:1.65}
  .odh{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);font-weight:700;margin-bottom:7px}
  .oditems{width:100%;border-collapse:collapse;margin-bottom:9px}
  .oditems td{font-size:12.5px;padding:5px 6px;border-bottom:1px solid var(--line)}
  .oditems td.r{text-align:right;white-space:nowrap}
  .sku2{font-size:11px;color:var(--ink2)}
  .muted2{color:var(--ink2)}
  .otot{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink2);padding:3px 6px}
  .otot.tot{color:var(--ink);font-weight:700;font-size:14px;border-top:1px solid var(--line);margin-top:3px;padding-top:7px}
  .odacts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
  .odship{display:inline-flex;gap:6px;align-items:center;margin-left:auto}
  .odship .inp{font-size:12px;padding:6px 10px}
  .otoast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--mini-bg);color:var(--mini-ink);padding:12px 22px;border-radius:24px;font-size:13.5px;font-weight:500;opacity:0;transition:.25s;z-index:200;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}
  .otoast.show{opacity:1;transform:translateX(-50%) translateY(0)}
  select.inp:focus,input.inp:focus{outline:none;border-color:var(--acc)}
  input.price{width:96px;text-align:right;cursor:text}
  .mini{background:var(--mini-bg);color:var(--mini-ink);border:0;border-radius:18px;padding:7px 13px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer}
  .mini:hover{background:var(--mini-hov)}
  .mini.ghost{background:transparent;color:var(--ink2);border:1px solid var(--line2)}
  .mini.ghost:hover{border-color:var(--acc);color:var(--acc)}
  .saved{color:var(--sage-dk);font-size:12px;font-weight:600;margin-left:8px;opacity:0;transition:.3s}
  .saved.show{opacity:1}

  .empty{text-align:center;color:var(--ink2);padding:50px 20px;font-size:14px}
  .loading{text-align:center;color:var(--ink3);padding:40px;font-size:13px}

  /* coupon create */
  .create-box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:18px}
  .auto-col{min-width:0}.auto-col input,.auto-col select,.create-box input,.create-box select{max-width:100%;box-sizing:border-box}
  #customersTbl td[colspan] table.mini td{color:#243244}
  table.mini{background:transparent;color:var(--ink);border-radius:0;padding:0;cursor:default;font-weight:400}
  .blog-row{display:flex;gap:10px;align-items:center}
  .blog-in,.blog-ta{width:100%;border:1px solid var(--line2);border-radius:9px;padding:10px 12px;font-size:13.5px;font-family:inherit;margin-bottom:9px;box-sizing:border-box;background:var(--paper);color:var(--ink)}
  .blog-ta{min-height:120px;resize:vertical;line-height:1.5}
  table.mini td,table.mini th{color:var(--ink)}
  .create-box h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);margin-bottom:14px}
  .crow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
  .crow input,.crow select{border:1px solid var(--line2);border-radius:22px;padding:10px 15px;font-family:var(--font);font-size:13.5px;background:var(--paper);color:var(--ink)}
  .crow input:focus,.crow select:focus{outline:none;border-color:var(--acc)}
  .crow .code{width:150px;text-transform:uppercase}
  .crow .val{width:90px}
  .crow .min{width:120px}
  .crow .btn{padding:10px 20px}
  .cerr{color:var(--danger);font-size:13px;margin-top:9px;min-height:4px}
  @media(max-width:640px){.content{padding:22px 14px 70px}.top{padding:14px 16px}.tabs{top:61px}}
  @media(max-width:480px){.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.kpi{padding:16px 14px}.kpi .val{font-size:24px}.create-box{padding:16px 14px}h2{font-size:19px}}
/* ── uiflat (bivši <style id=uiflat>) ── */
/* uiflat — RiNET 03.09.2026: ujednačenje formi/fontova (svi tenanti) */
input:not([type=checkbox]):not([type=radio]):not([type=file]),
select, textarea{
  border:1px solid var(--line2); border-radius:12px; padding:9px 13px;
  font-family:var(--font); font-size:13.5px; background:var(--paper);
  color:var(--ink); box-sizing:border-box; }
input::placeholder, textarea::placeholder{ color:var(--ink2); opacity:.75; }
input:focus, select:focus, textarea:focus{ outline:none; border-color:var(--acc); }
select.inp, input.inp, .crow input, .crow select, .login-card input{
  border-radius:12px; }
button{ font-family:var(--font); }
.mini{ font-family:var(--font); color:var(--ink2); font-size:12px;
  font-weight:600; letter-spacing:.04em; margin-bottom:5px; background:transparent; }
table{ font-family:var(--font); }
/* s367: selecti prate temu (nadglasava .auto-sel{background:#fff} iz modula automation) */
html .auto-sel, html select.auto-sel{ background:var(--paper); color:var(--ink); border-color:var(--line2); }
html[data-theme="dark"] option{ background:var(--card); color:var(--ink); }