/* Skupna parcelnik glava za strani iz podjetjaRE (/podjetja, /dogajanje, /obvestila):
   enake mere kot .topbar na /app (app.css), da menjava strani ne poskoči. Lestvice:
   CLAUDE.md "Oblikovni sistem". Prej je bila ta glava kopirana v vse tri strani in se
   je ob v341 razšla z /app — zato zdaj ena datoteka. Pravila, ki veljajo samo za eno
   stran, ostanejo v njenem <style>. */
.topbar { display: none !important; }        /* stara RE glava skrita; njeni elementi (#theme …) ostanejo za JS */
#nazaj-parcelnik { display: none !important; }
[hidden] { display: none !important; }       /* RE styles.css tega nima; sicer .pcred/.pn-user prepišeta hidden */
.pnav {
  --pn-s3: #ebebe7; --pn-weak: #e7f3ed; --pn-acc2: #0b6349; --pn-on: #ffffff; --pn-mut: #5c5f57;
  height: 56px; display: flex; align-items: center; gap: 20px;
  padding: 0 24px; font-size: 14px;
  background: color-mix(in srgb, var(--surface, #fff) 82%, transparent);
  backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid var(--line, #e3e3df);
  position: sticky; top: 0; z-index: 1000;
}
[data-theme="dark"] .pnav { --pn-s3: #242923; --pn-weak: #14231d; --pn-acc2: #35c493; --pn-on: #05130d; --pn-mut: var(--muted, #a3a69d); }
.pnav-brand { display: flex; align-items: center; gap: 9px; font-weight: 650; letter-spacing: -.02em;
  font-size: 15px; color: var(--ink, #1b1c19); text-decoration: none; white-space: nowrap; }
.pnav-brand img { width: 26px; height: 26px; display: block; }
.pnav-brand small { color: var(--pn-mut); font-weight: 500; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.ptabs { display: flex; gap: 2px; margin-left: 6px; }
.pnav a.pt {
  font: inherit; font-weight: 500; color: var(--pn-mut); text-decoration: none;
  padding: 8px 12px; line-height: 20px; border-radius: 8px; display: inline-flex; align-items: center; gap: 8px;
  transition: background .12s, color .12s; white-space: nowrap;
}
.pnav a.pt svg { width: 16px; height: 16px; opacity: .8; }
.pnav a.pt:hover { background: var(--surface-2, #f2f2ef); color: var(--ink, #1b1c19); }
.pnav a.pt.on { background: var(--pn-s3); color: var(--ink, #1b1c19); }
.pnav a.pt.on svg { opacity: 1; color: var(--accent, #0f7a5a); }
.pnav .fb-btn { width: 32px; height: 32px; border-radius: 8px; }   /* kot krediti in avatar */
/* vrstica Nazaj: isto mesto in mere kot v polnozaslonskih orodjih na /app (#dov-back v app.css) */
.pnazaj { flex: none; display: flex; align-items: center; gap: 12px; padding: 8px 16px;
  border-bottom: 1px solid var(--line, #e3e3df); background: var(--surface, #fff); font-size: 14px; }
.pnazaj b { font-size: 16px; font-weight: 600; color: var(--ink, #1b1c19); }
.pnazaj-btn { display: inline-flex; align-items: center; gap: 6px; margin-left: -12px; padding: 5px 12px; border: 1px solid transparent;
  line-height: 20px; border-radius: 6px; font-size: 13px; font-weight: 550; color: var(--muted, #5c5f57);
  text-decoration: none; transition: background .12s, color .12s; }
.pnazaj-btn:hover { background: var(--surface-2, #f2f2ef); color: var(--ink, #1b1c19); text-decoration: none; }
.pnazaj-btn svg { width: 16px; height: 16px; }
.pnav-right { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.pnav .quota { margin-left: 0; }
.pcred {
  display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; line-height: 18px;
  border: 0; border-radius: 99px; font: inherit; font-size: 13px; font-weight: 600;
  background: var(--pn-weak); color: var(--pn-acc2); cursor: pointer; white-space: nowrap;
}
.pcred b { font-variant-numeric: tabular-nums; }
.pn-login { border: 0; border-radius: 8px; padding: 6px 14px; line-height: 20px; font: inherit; font-weight: 600;
  font-size: 13px; background: var(--accent, #0f7a5a); color: var(--pn-on); cursor: pointer; }
.pn-user { position: relative; display: flex; align-items: center; }
.pn-avabtn { border: 0; background: none; padding: 0; cursor: pointer; display: block; }
.pn-ava { width: 32px; height: 32px; border-radius: 50%; background: var(--accent, #0f7a5a);
  color: var(--pn-on); display: grid; place-items: center; font-weight: 600; font-size: 12px; }
.pn-user.anon .pn-acct { display: none; }
.pn-user.anon .pn-ava { background: var(--surface-2, #f2f2ef); color: var(--ink, #1b1c19); }
.pn-pop { position: absolute; top: calc(100% + 10px); right: 0; min-width: 230px;
  background: var(--surface, #fff); border: 1px solid var(--line, #e3e3df); border-radius: 8px;
  padding: 6px; z-index: 1500; box-shadow: 0 12px 28px rgba(0,0,0,.14);
  max-height: calc(100vh - 80px); overflow-y: auto; }
.pn-head { padding: 8px 12px 7px; font-size: 12px; color: var(--muted, #8b8e85);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
/* paket + krediti + obnova pod e-posto (enako kot .menu-head.menu-sub v app.css);
   prelom vrstice, ker podedovan nowrap+ellipsis odreze datum obnove */
.pn-head.pn-sub { padding-top: 0; padding-bottom: 9px; color: var(--pn-acc2, var(--accent, #0f7a5a));
  font-weight: 600; white-space: normal; overflow: visible; max-width: none; line-height: 1.4; }
.pn-sep { height: 1px; background: var(--line, #e3e3df); margin: 5px 4px; }
.pn-item { border: 0; background: none; width: 100%; display: flex; align-items: center; gap: 9px;
  padding: 8px 12px; border-radius: 8px; font: inherit; font-size: 13px; font-weight: 500;
  color: var(--muted, #5c5f57); cursor: pointer; text-align: left; text-decoration: none; box-sizing: border-box; }
.pn-item:hover { background: var(--surface-2, #f2f2ef); color: var(--ink, #1b1c19); }
.pn-item svg { width: 15px; height: 15px; flex: none; opacity: .8; }
/* zavihki z ikonami + kvota + krediti rabijo 1219 px (izmerjeno 29.10.2026, iskalnik je v panelu):
   pod 1240 px krajše oznake (kot na telefonu) */
@media (max-width: 1240px) {
  .pnav-brand small, .pnav a.pt svg, .pcred .pcred-lbl { display: none; }
  .pnav .quota .q-full { display: none; }
  .pnav .quota .q-short { display: inline; }
}
@media (max-width: 980px) {
  .pnav { gap: 10px; padding: 0 16px; }
  .pnav-brand small, .pnav a.pt svg { display: none; }
}
@media (max-width: 900px) {
  /* dve vrsti: 1) brand + račun, 2) drsni zavihki — enak vzorec kot /app */
  .pnav { height: auto; flex-wrap: wrap; gap: 8px; padding: 8px 16px; row-gap: 8px; }
  .pnav-right { order: 1; margin-left: auto; gap: 8px; }
  .ptabs { order: 3; margin-left: 0; width: 100%;
    overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .ptabs::-webkit-scrollbar { display: none; }
  .pnav a.pt { padding: 8px 12px; }
  .pnav a.pt svg { display: inline-block; }          /* v dvovrstičnem načinu ikone spet vidne */
  .pcred { padding: 7px 10px; font-size: 12px; }
  .pn-pop { position: fixed; left: 8px; right: 8px; top: auto; min-width: 0;
    max-height: calc(100vh - 150px); }
}
/* rezervna pravila za primer stare RE statike (api.parcelnik.si styles.css brez
   njih): namizje mora izgledati kot prej. Nova RE pravila (media 640px, selektorji
   z .s-actions) jih prepišejo, ker so bolj specifična. */
.s-more { display: contents; }
.vec-btn { display: none; }
.share-lbl { display: none; }
#p-feedback { display: none; }
@media (max-width: 640px) {
  .pnav-brand { font-size: 0; gap: 0; }              /* samo logotip na telefonu */
  .pnav-brand img { width: 28px; height: 28px; }
  .pnav .fb-btn { display: none; }                   /* oblaček -> "Sporoči težavo" v meniju računa */
  .pcred .pcred-lbl { display: none; }               /* številka + ikona kovanca dovolj */
  #p-feedback { display: flex; }
}
/* telefon/tablica (dotik): prenosi niso izvedljivi (ni razširitve) — skrij
   zavihke Izbira/Rezultati/Mape, enako kot /app (app.css, ista media poizvedba) */
@media (max-width: 900px) and (pointer: coarse) {
  .ptabs a[href="/app#izbira"], .ptabs a[href="/app#rezultati"], .ptabs a[href="/app#mape"] { display: none; }
  .pn-pop a[href="/app#zgodovina"] { display: none; }
  /* gumbi za ZK izpise (RE jih riše sam): brez razširitve vodijo v slepo ulico */
  #zk, .trg-zk, #detail-cart { display: none !important; }
}
/* iskalnik podjetij je na vrhu #listpane (JS na vsaki strani ga prestavi iz stare RE glave), ne v pnav — RE styles.css
   ga riše ozkega za glavo (.searchwrap: flex:1; max-width:560px). #listpane je
   flex-column (cross-axis = širina): "flex:none" prepreči navpično rast,
   "max-width:none" pusti cross-axis stretch, da zavzame celo širino panela;
   zato je tudi spustnik #results (left/right:0, glej styles.css) že čez celo
   širino panela — velja enako na namizju in pod 900px (.listpane takrat itak
   width:100%), zato ločen media-query ni potreben. */
.listpane .searchwrap {
  position: relative; flex: none; max-width: none;
  padding: 12px 12px 10px; border-bottom: 1px solid var(--line, #e3e3df);
}
.listpane .searchbox { height: 44px; padding: 0 14px; font-size: 15px; }
.listpane #results { left: 0; right: 0; }
#re-toast { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 2000;
  background: var(--ink, #1b1c19); color: var(--surface, #fff); padding: 11px 18px; border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0,0,0,.2); font-size: 14px; font-weight: 500; max-width: 90vw;
  text-align: center; opacity: 0; transition: opacity .2s, transform .2s; pointer-events: none; }
#re-toast.show { opacity: 1; transform: translateX(-50%) translateY(-4px); }
#top-obcina { width: 210px; max-width: 210px; flex: none; } /* RE styles.css da 130px - placeholder odrezan */