/* v2.12.25 administrator shell (/admin) - aligned with UBeriSam brand */
:root{
  --ad-green-900:#163b2a;--ad-green-700:#1f6b45;--ad-green-600:#2a8a57;
  --ad-green-100:#e6f4ea;--ad-green-50:#f3faf5;
  --ad-cream:#f7f4ee;--ad-ink:#1d2a24;--ad-muted:#5c6b63;--ad-line:#dfe8e2;
  --ad-berry:#d63a53;--ad-warn:#8a6a12;--ad-warn-bg:#fff6d9;
  --ad-radius:14px;--ad-shadow:0 10px 28px rgba(22,59,42,.08);
  --ad-top:56px;--ad-side:220px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{
  margin:0;
  font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  color:var(--ad-ink);
  background:
    radial-gradient(900px 420px at 10% -10%,rgba(31,107,69,.10),transparent 55%),
    radial-gradient(700px 380px at 100% 0%,rgba(214,58,83,.06),transparent 50%),
    var(--ad-cream);
  display:flex;flex-direction:column;min-height:100%;
}
h1,h2{font-family:Fraunces,Georgia,serif;line-height:1.15;color:var(--ad-green-900)}
a{color:var(--ad-green-700)}
:focus-visible{outline:3px solid rgba(42,138,87,.45);outline-offset:2px}

/* - - top bar - - */
.ad-top{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  min-height:var(--ad-top);
  padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));
  background:rgba(247,244,238,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--ad-line);
  color:var(--ad-ink);
}
.ad-brand{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--ad-green-900);text-decoration:none;
  font-family:Fraunces,Georgia,serif;font-weight:700;font-size:1.2rem;
}
.ad-mark{
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:var(--ad-green-100);font-size:1.05rem;flex:none;
}
.ad-top h1{
  margin:0;font-size:1rem;font-weight:600;color:var(--ad-muted);
  padding-left:12px;border-left:1px solid var(--ad-line);
}
.ad-sp{flex:1}
.ad-who{font-size:.82rem;color:var(--ad-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(40vw,280px)}
.ad-lang{display:flex;background:var(--ad-green-100);border-radius:999px;padding:3px}
.ad-lang button{
  font:inherit;font-size:.78rem;font-weight:600;background:transparent;color:var(--ad-green-700);
  border:0;padding:6px 11px;border-radius:999px;min-height:34px;min-width:40px;cursor:pointer;
}
.ad-lang button[aria-pressed=true]{background:var(--ad-green-700);color:#fff}

.ad-btn{
  font:inherit;border:1.5px solid var(--ad-line);background:#fff;color:var(--ad-ink);
  border-radius:12px;padding:8px 14px;min-height:42px;cursor:pointer;font-weight:600;
}
.ad-btn:hover{border-color:var(--ad-green-600)}
.ad-top .ad-ghost{background:transparent;border-color:var(--ad-line);color:var(--ad-green-700)}
.ad-pri{background:var(--ad-green-700);color:#fff;border-color:var(--ad-green-700)}
.ad-pri:hover{background:var(--ad-green-900);border-color:var(--ad-green-900)}
.ad-btn:disabled{opacity:.55;cursor:not-allowed}

main{flex:1;display:flex;flex-direction:column;min-height:0}

/* - - auth / states - - */
.ad-state{text-align:center;color:var(--ad-muted);padding:48px 16px;font-size:1rem}
.ad-spin{
  display:inline-block;width:16px;height:16px;border:2px solid var(--ad-green-700);
  border-right-color:transparent;border-radius:50%;vertical-align:-3px;animation:adspin .8s linear infinite;
}
@keyframes adspin{to{transform:rotate(360deg)}}
.ad-card{
  background:#fff;max-width:420px;width:calc(100% - 32px);margin:40px auto;
  padding:28px 24px;border-radius:20px;border:1px solid var(--ad-line);box-shadow:var(--ad-shadow);
}
.ad-card h2{margin:0 0 8px;font-size:1.45rem}
.ad-muted{color:var(--ad-muted);margin:0 0 14px}
#adForm{display:flex;flex-direction:column;gap:8px}
#adForm label{font-weight:600;font-size:.88rem;color:var(--ad-green-900)}
#adForm input{
  font:inherit;font-size:16px;padding:11px 12px;border:1.5px solid var(--ad-line);
  border-radius:12px;min-height:46px;background:#fff;
}
.ad-ok{background:var(--ad-green-100);border-radius:10px;padding:10px 12px;color:var(--ad-green-900)}
.ad-err{background:#fde8e6;color:#8c1d13;border-radius:10px;padding:10px 12px}
.ad-slow{border:1px solid #e3c98a;background:var(--ad-warn-bg)}
.ad-slow-btns{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}

/* - - app shell (tabs + panels) - - */
#adPanel{flex:1;display:flex;flex-direction:column;min-height:0}
.ad-panel-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
@media (min-width:900px){
  #adPanel{flex-direction:row;align-items:stretch}
  .ad-tabs{
    flex:0 0 var(--ad-side);flex-direction:column;align-items:stretch;
    gap:4px;padding:18px 12px;overflow:visible;
    background:rgba(255,255,255,.55);border-bottom:0;border-right:1px solid var(--ad-line);
  }
  .ad-tabs button{
    border-radius:12px;border:1.5px solid transparent;justify-content:flex-start;
    text-align:left;padding:11px 14px;margin:0;color:var(--ad-muted);
  }
  .ad-tabs button[aria-selected=true]{
    background:#fff;border-color:var(--ad-line);color:var(--ad-green-900);
    box-shadow:0 4px 14px rgba(22,59,42,.06);margin:0;
  }
  [role=tabpanel]{background:transparent}
}
.ad-tabs{
  display:flex;gap:6px;padding:10px 12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;background:transparent;border-bottom:1px solid var(--ad-line);
}
.ad-tabs::-webkit-scrollbar{display:none}
.ad-tabs button{
  display:inline-flex;align-items:center;gap:8px;
  font:inherit;font-weight:600;font-size:.9rem;white-space:nowrap;flex:0 0 auto;
  border:1.5px solid transparent;border-bottom:0;background:none;
  border-radius:12px 12px 0 0;padding:10px 14px;min-height:44px;cursor:pointer;color:var(--ad-muted);
}
.ad-tabs button[aria-selected=true]{
  background:#fff;border-color:var(--ad-line);color:var(--ad-green-900);margin-bottom:-1px;
}
.ad-count{
  display:inline-block;min-width:22px;padding:2px 7px;border-radius:999px;
  background:var(--ad-berry);color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:1.4;
}
.ad-count.zero{background:#a8b5a8}

[role=tabpanel]{flex:1;min-height:0;display:flex;background:#fff}
[role=tabpanel][hidden]{display:none}
.ad-frame-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;width:100%}
.ad-frame-load{
  position:absolute;inset:0;z-index:2;margin:0;display:grid;place-content:center;
  gap:8px;background:rgba(247,244,238,.88);color:var(--ad-muted);font-weight:600;
}
.ad-frame-load[hidden]{display:none!important}
iframe{flex:1;width:100%;min-height:calc(100dvh - 120px);border:0;background:transparent}
@media (max-width:899px){
  .ad-tabs{
    position:sticky;top:var(--ad-top);z-index:30;
    background:rgba(247,244,238,.96);backdrop-filter:blur(8px);
    padding:8px 10px calc(8px + env(safe-area-inset-bottom,0));
    border-bottom:1px solid var(--ad-line);
  }
  .ad-tabs button{
    border-radius:999px;border:1.5px solid var(--ad-line);background:#fff;
    margin:0;padding:8px 12px;min-height:40px;font-size:.84rem;
  }
  .ad-tabs button[aria-selected=true]{
    background:var(--ad-green-700);border-color:var(--ad-green-700);color:#fff;margin:0;
  }
  .ad-tabs button[aria-selected=true] .ad-count{background:#fff;color:var(--ad-berry)}
  .ad-who{max-width:min(28vw,140px);font-size:.75rem}
  iframe{min-height:calc(100dvh - 150px)}
  .sub{padding:12px 12px 28px}
  .ord{padding:12px 12px 28px}
}
@media (min-width:900px){
  iframe{min-height:calc(100dvh - var(--ad-top))}
}

/* - - orders - - */
#paneOrd{overflow:auto;background:#fff;display:block}
.ord{padding:16px 18px;width:100%;max-width:1200px;margin:0 auto}
.ord-lead{margin:0 0 12px;font-size:.9rem;color:var(--ad-muted)}
.ord-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:10px}
.ord-filters label{display:flex;flex-direction:column;font-size:12px;color:var(--ad-muted);gap:3px;font-weight:600}
.ord-filters select,.ord-filters input{
  font:inherit;font-size:16px;padding:8px 10px;border:1.5px solid var(--ad-line);
  border-radius:12px;min-height:44px;background:#fff;color:var(--ad-ink);font-weight:500;
}
.ord-q{flex:1;min-width:200px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ord-wrap{overflow-x:auto;border:1px solid var(--ad-line);border-radius:16px;background:#fff}
.ord-t{width:100%;border-collapse:collapse;font-size:14px}
.ord-t th{text-align:left;border-bottom:1px solid var(--ad-line);background:var(--ad-green-50);white-space:nowrap}
.ord-t th button{font:inherit;font-weight:700;background:none;border:0;padding:10px 8px;min-height:40px;cursor:pointer;color:var(--ad-green-900)}
.ord-t th[aria-sort=ascending] button:after{content:" ▲"}
.ord-t th[aria-sort=descending] button:after{content:" ▼"}
.ord-t td{padding:10px 8px;border-bottom:1px solid #eef2ec;vertical-align:top}
.ord-t tr:last-child td{border-bottom:0}
.ord-t td small{color:var(--ad-muted);display:block}
.ord-t a{color:var(--ad-green-700)}
.o-ty{display:inline-block;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;background:var(--ad-green-100);white-space:nowrap}
.o-st{display:inline-block;border-radius:999px;padding:2px 9px;font-size:12px;background:#eceff1;white-space:nowrap}
.o-st.open{background:#fff2c6;color:#6a4b00}
.o-st.done{background:#dcf3df;color:#1d5b2a}
.o-st.off{background:#fde3e1;color:#8c1d13}
@media (max-width:720px){
  .ord-filters label{flex:1 1 46%}.ord-filters .ad-btn{flex:1 1 46%}
  .ord-t thead{display:none}
  .ord-t,.ord-t tbody,.ord-t tr,.ord-t td{display:block;width:100%}
  .ord-wrap{border:0;background:transparent}
  .ord-t tr{border:1px solid var(--ad-line);border-radius:14px;padding:10px 12px;margin-bottom:10px;background:#fff}
  .ord-t td{border:0;padding:4px 0;display:flex;gap:8px}
  .ord-t td:before{content:attr(data-l);flex:0 0 34%;color:var(--ad-muted);font-size:12.5px;font-weight:600}
}

/* - - approved listings - - */
#paneApr{overflow:auto;background:#fff;display:block}
.apr-t .apr-h{display:block;padding:8px 6px;font-weight:700}
.apr-t td b{font-weight:600}
.apr-acts{white-space:nowrap}
.apr-acts .ad-btn{min-height:40px;padding:6px 10px;margin:0 4px 4px 0;font-size:14px}
.apr-del{color:#8c1d13;border-color:#e6b3ad}
tr.apr-hid td{background:#fbfaf3}
tr.apr-hid td:first-child b{color:#6a6a5a}
.apr-sample{display:inline-block;background:var(--ad-berry);color:#fff;font-size:11px;font-weight:700;border-radius:4px;padding:0 5px;vertical-align:1px}
.apr-empty{text-align:center;color:var(--ad-muted);padding:24px 6px!important}
.apr-mig{background:var(--ad-warn-bg);color:var(--ad-warn);border-radius:10px;padding:10px 12px;font-size:13.5px}
.apr-dlg{border:0;border-radius:16px;padding:0;width:min(760px,calc(100vw - 20px));max-height:calc(100dvh - 20px);box-shadow:0 16px 48px rgba(22,59,42,.22)}
.apr-dlg::backdrop{background:rgba(22,59,42,.4)}
.apr-dlg form{padding:18px 20px;overflow:auto}
.apr-dlg h2{margin:0 0 12px;font-size:1.25rem}
.apr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 12px;margin:0 0 12px}
.apr-grid label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--ad-muted);font-weight:600}
.apr-grid .apr-w{grid-column:1/-1}
.apr-grid input,.apr-grid select,.apr-grid textarea{
  font:inherit;font-size:16px;padding:8px 10px;border:1.5px solid var(--ad-line);
  border-radius:12px;min-height:44px;background:#fff;color:var(--ad-ink);width:100%;font-weight:500;
}
.apr-grid .apr-ck{flex-direction:row;align-items:center;gap:8px;font-size:14px;color:var(--ad-ink);min-height:44px}
.apr-grid .apr-ck input{width:22px;height:22px;min-height:0}
.apr-dv{border:1px solid var(--ad-line);border-radius:14px;padding:10px 12px}
.apr-dv legend{font-weight:700;padding:0 6px;color:var(--ad-green-900)}
.apr-btns{display:flex;gap:8px;justify-content:flex-end;position:sticky;bottom:-16px;background:#fff;padding:10px 0 4px}
@media (max-width:720px){
  .apr-t td.apr-acts{flex-wrap:wrap;white-space:normal}
  .apr-t td.apr-acts:before{flex-basis:100%}
  .apr-acts .ad-btn{flex:1 1 30%;margin:0}
  .apr-dlg{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}
  .apr-dlg form{padding:14px max(14px,env(safe-area-inset-left)) calc(14px + env(safe-area-inset-bottom))}
  .apr-grid{grid-template-columns:1fr 1fr}
  .apr-btns .ad-btn{flex:1}
  .ad-top h1{display:none}
}

/* - - submissions - - */
#paneSub{overflow:auto;display:block;background:#fff}
.sub{padding:16px 18px;max-width:920px;margin:0 auto}
.sub-f{margin:8px 0 14px}
.sub-card{
  background:#fff;border:1px solid var(--ad-line);border-radius:16px;
  padding:14px 16px;margin:0 0 12px;box-shadow:0 4px 14px rgba(22,59,42,.04);
}
.sub-card header{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}
.sub-k{background:var(--ad-green-100);border-radius:999px;padding:2px 9px;font-size:.85em;font-weight:600;color:var(--ad-green-900)}
.sub-card dl{display:grid;grid-template-columns:max-content 1fr;gap:2px 10px;margin:8px 0;font-size:.92em}
.sub-card dt{font-weight:600;color:var(--ad-muted)}
.sub-card dd{margin:0;word-break:break-word}
.sub-card footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* v2.14 role label + Korisnici */
.ad-role{font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:#e8f3ea;color:#1f5f2c;white-space:nowrap}
.ad-role.mgr{background:#fff1d6;color:#7a4b00}
.usr{padding:1rem;max-width:880px}
.usr-form{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;margin:.8rem 0}
.usr-form label{display:flex;flex-direction:column;font-size:.8rem;gap:.2rem}
.usr-form input{min-width:260px}
.usr-form input,.usr-form select{padding:.45rem .55rem;border:1px solid #cfd8d0;border-radius:8px;font:inherit}
.usr-t td small{display:block;color:var(--ad-muted)}
.usr-t .u-r{font-size:.75rem;padding:.1rem .45rem;border-radius:999px;background:#e8f3ea}
.usr-t .u-r.mgr{background:#fff1d6}
.sub-card .msg-body{white-space:normal;background:#fff;border-radius:10px;padding:10px 12px;margin:8px 0}

/* v2.14.4 Prijave: linked listing */
.sub-link{font-size:.92rem}.sub-ls{margin-left:4px;padding:1px 7px;border-radius:999px;background:#fef3c7;font-weight:600;font-size:.8rem}.sub-ls-approved{background:#dcfce7}.sub-ls-rejected{background:#fee2e2}