/* ══ PORUKE + PUSH OBAVEŠTENJA ═══════════════════════════════════════════════════════
   Izvučeno iz STech-a (wine2d2.css + wo-doc.css) — SAMO selektori koje koriste zaglavlje
   bočne trake (zvonce), prozor „Push opcije" korisnika (UserPush-Modal) i push kolone
   u listi korisnika. Globalna pravila iz wo-doc.css (`.main-content`, okvir izabranog reda
   `blue-row`, table naloga…) namerno NISU prenesena — menjala bi izgled celog Sale-a.
   ══════════════════════════════════════════════════════════════════════════════════ */

/* ── Zaglavlje bočne trake: ikonice (zvonce + „?") u mreži ──────────────────────────
   U jednom redu su gurale ime korisnika u prelom, a brojač „99+" na zvoncetu je red širio još
   više. Mreža vraća prostor imenu. */
.aside-actions {
    display: grid;
    grid-template-columns: repeat(2, 40px);
    gap: 8px;
    flex-shrink: 0;
    margin-left: auto;
}

/* ── Zaglavlje dokumenta u popupu ── */
.wo-drawer-head { flex:0 0 auto; padding:8px 14px; background:#fff; border-bottom:1px solid #e2e8f0; border-radius:10px 10px 0 0; }

.wo-title-ico { width:34px; height:34px; border-radius:10px; background:linear-gradient(135deg,#14b8a6,#0d9488);
                display:flex; align-items:center; justify-content:center; font-size:17px; flex:0 0 auto; }
.wo-title { font-size:17px; font-weight:800; color:#16222f; line-height:1.25; }
.wo-subtitle { font-size:11.5px; color:#8a93a3; }

/* ── Telo dokumenta, sekcije, činjenice ── */
.wo-doc { flex:1 1 auto; min-height:0; display:flex; gap:12px; padding:10px 4px 4px; }
.wo-scroll { flex:1 1 auto; min-width:0; overflow-y:auto; padding-right:8px; scroll-behavior:smooth; }
.wo-sec { background:#fff; border:1px solid #e6eaf0; border-radius:12px; padding:13px 15px; margin-bottom:11px; }
.wo-sec-t { display:flex; align-items:center; gap:9px; font-size:14px; font-weight:800; color:#16222f; margin:0 0 10px; }
.wo-sec-c { font-size:11px; font-weight:800; background:#f1f5f9; color:#64748b; border-radius:999px; padding:2px 9px; }
.wo-sec-c.warn { background:#fbefd9; color:#854f0b; }

.wo-facts { display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:8px 14px; }
.wo-facts > div { display:flex; flex-direction:column; gap:1px; padding:6px 10px; background:#f8fafc; border-radius:9px; }
.wo-facts span { font-size:10.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; color:#94a3b8; }
.wo-facts strong { font-size:13px; color:#16222f; }

/* ── Dokument sa stubom desno ── */
.wo-doc--split { flex-direction:column; gap:0; background:#f3f6fa; padding:14px 12px 4px; }
.wo-doc--split .wo-scroll { min-height:0; padding-right:6px; }
.wo-doc--split .wo-sec { border-color:#e7ecf3; border-radius:14px; padding:15px 17px; margin-bottom:12px;
                        box-shadow:0 1px 2px rgba(16,24,40,.05); }
.wo-doc--split .wo-facts > div { border:1px solid #eef2f7; }

/* ── Dve kolone ── */
.wo-cols { display:grid; grid-template-columns:minmax(0,1fr) 404px; gap:14px; align-items:start; }
.wo-main { min-width:0; }
.wo-rail { min-width:0; display:flex; flex-direction:column; gap:12px; }
.wo-doc--split .wo-rail .wo-sec { margin-bottom:0; }
.wo-rail .wo-sec-t { flex-wrap:wrap; }

/* Na užem prozoru stub pada ispod predmeta. */
@media (max-width: 1240px) { .wo-cols { grid-template-columns:minmax(0,1fr); } }

/* ── Ikonica naslova sekcije ── */
.wo-sec-i { width:27px; height:27px; border-radius:9px; flex:0 0 auto;
            display:inline-flex; align-items:center; justify-content:center; }
.wo-sec-i.blue   { background:#e8f0fb; color:#1d63b0; }
.wo-sec-i.amber  { background:#fdf3d8; color:#8a5a00; }
.wo-sec-i.red    { background:#fdeceb; color:#c0392b; }
.wo-sec-i.green  { background:#e6f6ec; color:#15803d; }
.wo-sec-i.violet { background:#f2ebfc; color:#6d3bbf; }
.wo-sec-i.slate  { background:#eef2f7; color:#5b6b7b; }
.wo-doc--split .wo-sec-t { gap:10px; font-size:15px; }

/* „Opcije" po redu tabele — tihi ghost pill umesto punog dugmeta: tabela diše, a dugme dobija
   naglasak tek na hover/focus. */
.row-options-btn { display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:999px;
                   border:1.5px solid #d7dde3; background:#fff; color:#5b6b7b; font-size:12px; font-weight:700;
                   cursor:pointer; white-space:nowrap; transition:all .13s ease; }
.row-options-btn:hover, .row-options-btn:focus { border-color:#185FA5; background:#185FA5; color:#fff; box-shadow:0 3px 10px rgba(24,95,165,.25); }
tr.blue-row .row-options-btn { border-color:#185FA5; color:#185FA5; }
tr.blue-row .row-options-btn:hover { background:#185FA5; color:#fff; }
.row-options-btn:not(:first-child) { margin-left:12px; }

/* Dugme uz naslov (npr. „⟲ Poništi brojače") — tiho, da ne troši traku radnji. */
.wo-title-btn { margin-left:auto; margin-right:54px;   /* mesto za crveni „zatvori" u ćošku popupa */
                display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700;
                color:#5b6b7b; background:#fff; border:1.5px solid #d7dde3; border-radius:999px; padding:5px 13px;
                cursor:pointer; white-space:nowrap; transition:all .13s ease; }
.wo-title-btn:hover { border-color:#185FA5; background:#185FA5; color:#fff; box-shadow:0 3px 10px rgba(24,95,165,.25); }

/* ── GRUPISANJE PO KOLONI ────────────────────────────────────────────────────────────
   Dugme u zaglavlju kolone uključuje nivo grupisanja (badge = redni broj nivoa), a red
   grupe se otvara/zatvara klikom. */
.mg-gbtn { margin-left:4px; cursor:pointer; color:#9aa7b4; white-space:nowrap; }
.mg-gbtn:hover { color:#185FA5; }
.mg-gbtn.mg-gact { color:#185FA5; }
.mg-glvl { background:#185FA5; color:#fff; border-radius:50%; font-size:9px; width:13px; height:13px; display:inline-flex; align-items:center; justify-content:center; font-weight:800; vertical-align:top; margin-left:1px; }
.mg-group td { background:#eef3f8; border-top:2px solid #cfd9e3; padding:7px 10px; font-size:13px; cursor:pointer; }
.mg-group:hover td { background:#e2ecf5; }
.mg-arrow { display:inline-block; width:14px; font-weight:900; color:#185FA5; }
.mg-cnt { background:#fff; border:1px solid #cfd9e3; border-radius:999px; padding:0 8px; font-weight:800; color:#64748b; margin-left:6px; font-size:11px; display:inline-block; }
.mg-sub { font-size:11px; font-weight:700; border-radius:999px; padding:1px 8px; margin-left:6px; }
.mg-sub.req { color:#92400e; background:#fef3c7; }
.mg-sub.wo { color:#185FA5; background:#e7eff8; }
.mg-sub.stop { color:#fff; background:#C0392B; }
/* Nivo grupe daje uvlačenje i sve svetliju podlogu — dubina se vidi bez brojanja. */
.mg-group.lvl1 td { background:#f3f7fb; border-top:1px solid #dde3ea; }
.mg-group.lvl2 td { background:#f7fafd; border-top:1px solid #e6ecf2; }
.mg-group.lvl3 td { background:#fbfdff; border-top:1px solid #eef2f6; }

/* „✕ GRUPISANJE" — poništavanje grupisanja; crveni X nosi značenje, reč samo imenuje šta se gasi. */
.mg-clear { display:inline-flex; align-items:center; gap:7px; margin:0 10px; padding:6px 14px; height:33px;
            border:1.5px solid #f0c4c0; background:#fff; color:#5b6b7b; border-radius:999px;
            font-size:11.5px; font-weight:800; letter-spacing:.3px; cursor:pointer; white-space:nowrap; }
.mg-clear:hover { border-color:#C0392B; background:#fff5f4; }
.mg-clear .x { color:#C0392B; font-size:14px; font-weight:900; line-height:1; }