:root{
  --bg: #fff7ed;
  --bg2:#ffffff;
  --card:#ffffff;
  --text:#1f2937;
  --muted:#6b7280;

  --orange:#f97316;
  --orange2:#fb923c;
  --orange3:#fdba74;

  --green:#22c55e;
  --red:#ef4444;

  --border: rgba(17,24,39,.10);
  --shadow: 0 14px 40px rgba(17,24,39,.12);
  --shadow2: 0 10px 26px rgba(17,24,39,.10);

  --radius: 18px;
  --radius2: 14px;

  --max: 1100px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color:var(--text);

  /* Background image + soft overlay + your existing accents */
  background:
    /* overlay (skaitymui) */
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.92)),

    /* image */
    url("/background.png") center / cover no-repeat fixed,

    /* tavo akcentai viršuje (švelnūs) */
    radial-gradient(900px 500px at 20% 20%, rgba(249,115,22,.18), transparent 58%),
    radial-gradient(900px 500px at 80% 10%, rgba(251,146,60,.16), transparent 58%),

    /* fallback gradient jei image nepasikrautų */
    linear-gradient(180deg, var(--bg), var(--bg2));

  min-height: 100vh;
}

a{color:inherit; text-decoration:none}
a:hover{opacity:.92}

.container{max-width:var(--max);margin:0 auto;padding:0 18px;}

.header{
  position:sticky;top:0;z-index:20;
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,.72);
  border-bottom:1px solid var(--border);
}

.header__inner{
  height:72px;
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;
}

.brand{display:flex;align-items:center;gap:12px;min-width:220px;}
.brand__mark{
  width:42px;height:42px;border-radius:14px;
  background: linear-gradient(135deg, var(--orange), var(--orange2));
  box-shadow: 0 10px 26px rgba(249,115,22,.25);
}
.brand__text{display:flex;flex-direction:column;line-height:1.1}
.brand__title{font-weight:900;letter-spacing:-.02em;font-size:18px;}
.brand__sub{font-size:12px;color:var(--muted);margin-top:3px;}

.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.nav a{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.75);
  font-weight:800;font-size:14px;
}
.nav a.active{
  border-color: rgba(249,115,22,.35);
  background: rgba(249,115,22,.12);
  color:#9a3412;
}

/* Mobile top-nav toggle */
.nav__toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background: rgba(255,255,255,.75);font-size:0;}
.nav__toggle:hover{border-color: rgba(249,115,22,.35);}
.nav__toggle span{display:block;width:18px;height:2px;background:rgba(15,23,42,.72);border-radius:999px;}
.nav__toggle span+span{margin-top:4px;}
.nav__toggle .icon{width:20px;height:20px;display:block;color:rgba(15,23,42,.78);}

.main{padding:34px 0 70px;}

.hero{
  min-height: calc(100vh - 72px - 70px);
  display:flex;align-items:center;justify-content:center;
}

.card{
  width:100%;
  background: rgba(255,255,255,.82);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) + 6px);
  box-shadow: var(--shadow);
  padding: 26px;
}

.hero__title{
  font-size: 36px;
  line-height: 1.12;
  margin: 0 0 8px;
  letter-spacing: -.03em;
}

.hero__lead{
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.5;
}

.search{display:flex;gap:10px;align-items:center;}

.search--compact{gap:8px;}

.input{
  width:100%;
  padding:16px 16px;
  font-size:18px;
  border-radius: 16px;
  border: 1px solid rgba(17,24,39,.14);
  background: rgba(255,255,255,.95);
  outline:none;
  transition: box-shadow .15s ease, border-color .15s ease, transform .15s ease;
}

.input--compact{padding:12px 14px;font-size:16px;border-radius:14px;}
.input:focus{
  border-color: rgba(249,115,22,.55);
  box-shadow: 0 0 0 6px rgba(249,115,22,.14);
}

.btn{
  white-space:nowrap;border:0;cursor:pointer;
  border-radius: 16px;padding: 14px 16px;
  font-weight: 900;font-size: 15px;color:#fff;
  background: linear-gradient(135deg, var(--orange), var(--orange2));
  box-shadow: 0 10px 26px rgba(249,115,22,.22);
  transition: transform .12s ease, box-shadow .12s ease;
}

.btn--compact{padding:12px 14px;border-radius:14px;font-size:14px;}
.btn:hover{transform: translateY(-1px);box-shadow: 0 12px 30px rgba(249,115,22,.28);}
.btn:active{transform: translateY(0px);}

.badge{
  display:inline-flex;align-items:center;
  padding:6px 10px;border-radius:999px;
  font-size:12px;font-weight:900;
  border:1px solid var(--border);
  background: rgba(255,255,255,.85);
}
.badge--ok{border-color: rgba(34,197,94,.25);background: rgba(34,197,94,.10);color:#14532d;}
.badge--warn{border-color: rgba(249,115,22,.30);background: rgba(249,115,22,.12);color:#9a3412;}
.badge--muted{color: var(--muted);}

.chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;
  font-size:12px;font-weight:900;
  border:1px solid rgba(17,24,39,.14);
  background: rgba(255,255,255,.92);
}
.chip--bad{border-color: rgba(244,63,94,.42);background: rgba(244,63,94,.18);color:#881337;}
.chip--ok{border-color: rgba(34,197,94,.42);background: rgba(34,197,94,.18);color:#14532d;}
.chip--warn{border-color: rgba(249,115,22,.42);background: rgba(249,115,22,.18);color:#9a3412;}
.chip--info{border-color: rgba(59,130,246,.42);background: rgba(59,130,246,.18);color:#1e3a8a;}
.chip--muted{border-color: rgba(148,163,184,.55);background: rgba(148,163,184,.16);color:#334155;}

/* Admin-only (logged in) online counter pill */
.online-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.55);
  background: rgba(148,163,184,.12);
  color:#0f172a;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
}
.online-pill strong{font-weight:800;}

.hr{height:1px;background: var(--border);margin:16px 0;}

.grid{display:grid;gap:12px;}
.list{list-style:none;padding:0;margin:0;}

.item{
  border:1px solid var(--border);
  border-radius: var(--radius2);
  background: rgba(255,255,255,.86);
  box-shadow: var(--shadow2);
  overflow:hidden;
}
.item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px;}
.item__title{font-weight:900;letter-spacing:-.01em;}
.item__meta{color:var(--muted);font-size:13px;margin-top:4px;}
.item__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}

.btn2{
  border:1px solid rgba(17,24,39,.14);
  background: rgba(255,255,255,.92);
  padding:10px 12px;border-radius:12px;
  cursor:pointer;font-weight:900;
}
.btn2:hover{background: rgba(255,255,255,1);}

.details{padding:14px 14px 16px;
  border-top:1px solid var(--border);
  background: rgba(255,247,237,.38);
}

/* Highlighted section header (used for "Aprašymas" blocks) */
.section{
  border:1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.90);
  border-radius:16px;
  overflow:hidden;
}
.section__head{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  font-weight:1000;
  letter-spacing:-.01em;
  color:#9a3412;
  background: linear-gradient(135deg, rgba(249,115,22,.18), rgba(251,146,60,.10));
  border-bottom:1px solid rgba(249,115,22,.22);
}
.section__head small{font-weight:900;color:rgba(154,52,18,.75)}
.section__body{padding:12px 12px 14px;}
.section__body .v{line-height:1.6;}

/* Modern "table" for admin details */
.mtable{display:grid;gap:8px;}
.mtable__row{
  display:grid;
  grid-template-columns: 220px 1fr;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border:1px solid rgba(17,24,39,.10);
  background: rgba(255,255,255,.88);
  border-radius:14px;
}
.mtable__row--full{grid-template-columns: 1fr;}
.mtable__th{font-size:12px;font-weight:1000;color:var(--muted);}
.mtable__td{font-size:14px;font-weight:900;word-break:break-word;}
.mtable__td.mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-weight:900;}
.mtable__td.long{font-weight:800;line-height:1.6;}

@media (max-width: 760px){
  .mtable__row{grid-template-columns: 1fr;}
}

/* 3-column compact table for IBAN popularity list */
.mtable--iban .mtable__row{
  grid-template-columns: minmax(260px, 1fr) 110px 170px;
  align-items:center;
}
.mtable--iban .mtable__td{word-break:normal;}
.mtable--iban .mtable__td--iban{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mtable--iban .mtable__td--checks{text-align:right; font-variant-numeric: tabular-nums;}
.mtable--iban .mtable__td--last{white-space:nowrap;}
@media (max-width: 760px){
  .mtable--iban .mtable__row{grid-template-columns: 1fr; align-items:flex-start;}
  .mtable--iban .mtable__td--checks{text-align:left;}
}

.kv{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
  margin-bottom: 10px;
}
.kv div{
  background: rgba(255,255,255,.88);
  border:1px solid rgba(17,24,39,.10);
  border-radius:14px;
  padding:10px 12px;
  font-size:14px;
}
.kv strong{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;}

.p{margin:0;font-size:15px;line-height:1.55;}

.form{display:grid;gap:12px;}
.field label{display:block;font-weight:900;margin-bottom:6px;}
.field small{color: var(--muted);}

.select,.textarea{
  -webkit-appearance:none;
  appearance:none;

  width:100%;
  border:1px solid rgba(17,24,39,.14);
  background: rgba(255,255,255,.95);
  border-radius:14px;
  padding:12px;
  outline:none;
  color: var(--text);
}
.textarea{min-height:140px;resize:vertical;}

.note{background:rgba(255,255,255,.55);border:1px solid rgba(148,163,184,.28);border-left:4px solid rgba(249,115,22,.55);border-radius:14px;padding:12px 14px;line-height:1.5;color:#334155;font-size:13px;margin-top:10px;}
.note strong{font-weight:900;}
.hint{background:rgba(255,255,255,.55);border:1px solid rgba(148,163,184,.28);border-left:4px solid rgba(2,132,199,.45);border-radius:14px;padding:12px 14px;line-height:1.5;color:#334155;font-size:13px;margin-top:10px;}

.alert{
  padding:12px 14px;border-radius:14px;
  border:1px solid rgba(239,68,68,.25);
  background: rgba(239,68,68,.08);
  color:#7f1d1d;font-weight:800;
}

.alert__title{font-weight:1000;letter-spacing:-.01em;margin-bottom:4px;}
.alert__text{font-weight:800;color:rgba(127,29,29,.92);line-height:1.45;}
.alert--ok{border-color: rgba(34,197,94,.28);background: rgba(34,197,94,.10);color:#14532d;}
.alert--ok .alert__text{color:#14532d;}
.alert--info{border-color: rgba(59,130,246,.25);background: rgba(59,130,246,.10);color:#1e3a8a;}
.alert--info .alert__text{color:#1e3a8a;}
.alert--bad{border-color: rgba(239,68,68,.30);background: rgba(239,68,68,.10);color:#7f1d1d;}

.mini-ico{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(15,23,42,.06);border:1px solid rgba(148,163,184,.35);font-size:12px;}

.stickybar{position:sticky;top:72px;z-index:15;margin:0 0 14px;}
.stickybar .search{background: rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.28);border-radius:18px;padding:10px;box-shadow: 0 10px 26px rgba(17,24,39,.08);}

.timeline{display:grid;gap:12px;}
.timeline__row{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start;}
.timeline__dot{width:14px;height:14px;border-radius:999px;background: rgba(249,115,22,.18);border:2px solid rgba(249,115,22,.55);margin-top:2px;}
.timeline__content{min-width:0;}
.timeline__title{font-weight:1000;}
.timeline__meta{color:var(--muted);font-size:13px;margin-top:2px;}

.cards3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
.cardmini{
  background: rgba(255,255,255,.88);
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  padding:12px 14px;
}
.cardmini .k{font-size:12px;color:var(--muted);font-weight:900;margin-bottom:6px;}
.cardmini .v{font-size:18px;font-weight:1000;letter-spacing:-.02em;}
.cardmini .s{font-size:12px;color:var(--muted);margin-top:6px;}

.callout{
  border:1px dashed rgba(249,115,22,.35);
  background: rgba(249,115,22,.06);
  border-radius:16px;
  padding:12px 14px;
}

.ul{
  margin:10px 0 0;
  padding-left:18px;
  color: var(--text);
}
.ul li{margin:6px 0;color:var(--muted);}

.footer{padding:24px 0 34px;color:var(--muted);font-size:13px;}
.footer__inner{display:flex;flex-direction:column;align-items:center;gap:10px;}
.footer__title{font-weight:1000;color:rgba(15,23,42,.72);letter-spacing:-.01em;}
.footer__menu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.footer__menu a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:rgba(255,255,255,.55);}
.footer__menu a:hover{border-color:rgba(249,115,22,.35);}
.footer__copy{text-align:center;}

@media (max-width: 900px){
  .cards3{grid-template-columns:1fr;}

  .kv{grid-template-columns:1fr;}
}
@media (max-width: 760px){
  .hero__title{font-size:30px;}
  .search{flex-direction:column;align-items:stretch;}
  .btn{width:100%;}
  .kv{grid-template-columns:1fr;}
  .brand{min-width:auto;}

  /* friendlier mobile header */
  .header__inner{position:relative;}
  .nav__toggle{display:inline-flex;}
  .nav{display:none;position:absolute;left:0;right:0;top:60px;z-index:50;flex-direction:column;align-items:stretch;gap:8px;padding:12px;border-radius:18px;border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.96);box-shadow:0 18px 40px rgba(2,6,23,.14);}
  .nav.is-open{display:flex;}
  .nav a{width:100%;justify-content:flex-start;}
}

/* v3 tweaks */
.cardmini .v{word-break:break-word;}
.cardmini .v.v--dt{font-size:16px;font-weight:1000;font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;}
.cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;}

.tabs{display:flex;gap:10px;flex-wrap:wrap;}
.tab{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.7);color:#0f172a;text-decoration:none;font-weight:800;}
.tab--active{border-color:rgba(249,115,22,.45);box-shadow:0 10px 26px rgba(2,6,23,.06);}
.pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:999px;background:rgba(249,115,22,.14);border:1px solid rgba(249,115,22,.25);font-size:12px;font-weight:900;}

.btn--small{padding:10px 12px;border-radius:14px;font-size:14px;}

.item__actions .btn, .item__top .btn{position:relative;z-index:2;}

/* Header logo */
.brand__logo{height:34px;width:auto;display:block}
@media (min-width:900px){.brand__logo{height:38px}}

/* ============================
   Contacts / content pages UI
   ============================ */
.container--content{
  max-width: 760px;
}

.page-header{
  margin-bottom: 22px;
}

.page-title{
  font-size: 30px;
  letter-spacing: -.02em;
  margin: 0 0 6px;
}

.page-subtitle{
  font-size: 15px;
  color: var(--muted);
  line-height: 1.6;
  margin: 0;
}

.muted{
  color: var(--muted);
}

.contact-box{
  margin-top: 12px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: var(--radius2);
  border: 1px solid rgba(34,197,94,.25);
  background: rgba(34,197,94,.06);
}

.contact-box strong{
  font-size: 12px;
  color: #14532d;
}

.contact-email{
  font-weight: 1000;
  color: #14532d;
}

.secondary-box{
  margin-top: 22px;
  padding: 16px;
  border-radius: var(--radius2);
  background: rgba(249,115,22,.06);
  border: 1px dashed rgba(249,115,22,.35);
}

.secondary-box h3{
  margin: 0 0 6px;
  font-size: 16px;
}

.secondary-box p{
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.55;
}

.btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(249,115,22,.35);
  background: rgba(255,255,255,.82);
  font-weight: 1000;
  cursor: pointer;
}

.btn-outline:hover{
  background: rgba(255,255,255,.95);
}



/* ===========================
   Contacts page polish (v3)
   - remove green highlight
   - unify accents with orange brand
   =========================== */

.contact-box{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: var(--radius2);
  border: 1px solid var(--border);
  background: #fff;
  box-shadow: 0 8px 22px rgba(17,24,39,.06);
  position: relative;
  overflow: hidden;
}

.contact-box::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:4px;
  background: linear-gradient(180deg, var(--orange), var(--orange2));
}

.contact-label{
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--muted);
  text-transform: uppercase;
}

.contact-email{
  font-weight: 950;
  color: var(--text);
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(249,115,22,.22);
  background: rgba(249,115,22,.06);
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.contact-email:hover{
  transform: translateY(-1px);
  background: rgba(249,115,22,.10);
  border-color: rgba(249,115,22,.32);
}

.divider{
  border: 0;
  height: 1px;
  background: rgba(17,24,39,.12);
  margin: 18px 0;
}

.secondary-box{
  margin-top: 18px;
  padding: 16px;
  border-radius: var(--radius2);
  background: rgba(17,24,39,.03);
  border: 1px solid rgba(17,24,39,.10);
  box-shadow: 0 8px 22px rgba(17,24,39,.05);
  position: relative;
  overflow: hidden;
}

.secondary-box::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:4px;
  background: linear-gradient(180deg, var(--orange), var(--orange2));
}

.secondary-title{
  margin: 0 0 6px;
  font-size: 16px;
  letter-spacing: -.01em;
}

.secondary-box .muted{
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.55;
}

/* Proper outline button (HTML uses btn--outline) */
.btn--outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  font-weight: 900;
  font-size: 14.5px;
  color: #9a3412;
  background: #fff;
  border: 1px solid rgba(249,115,22,.35);
  box-shadow: 0 10px 22px rgba(17,24,39,.06);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

.btn--outline:hover{
  transform: translateY(-1px);
  background: rgba(249,115,22,.08);
  border-color: rgba(249,115,22,.50);
  box-shadow: 0 12px 26px rgba(17,24,39,.08);
}

/* If outline button also has .btn class, neutralize orange gradient */
.btn.btn--outline{
  color: #9a3412;
  background: #fff;
  border: 1px solid rgba(249,115,22,.35);
  box-shadow: 0 10px 22px rgba(17,24,39,.06);
}

.btn.btn--outline:hover{
  background: rgba(249,115,22,.08);
  border-color: rgba(249,115,22,.50);
  box-shadow: 0 12px 26px rgba(17,24,39,.08);
}

/* Mobile: stack label and email nicely */
@media (max-width: 560px){
  .contact-box{
    flex-direction: column;
    align-items: flex-start;
  }
  .contact-email{
    width: 100%;
    text-align: center;
  }
}

/* ============================
   Admin layout
   ============================ */
.admin-wrap{display:flex;gap:16px;padding:18px 16px 60px;max-width:1180px;margin:0 auto;}
.admin-side{width:240px;flex:0 0 240px;position:sticky;top:86px;align-self:flex-start;display:flex;flex-direction:column;gap:10px;}
.admin-side__item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.72);text-decoration:none;color:#0f172a;font-weight:900;}
.admin-side__item:hover{border-color:rgba(249,115,22,.35);}
.admin-side__item.is-active{border-color:rgba(249,115,22,.45);background:rgba(249,115,22,.12);color:#9a3412;}
.admin-main{flex:1;min-width:0;}

.admin-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background: rgba(255,255,255,.75);font-size:0;}
.admin-toggle:hover{border-color: rgba(249,115,22,.35);}
.admin-toggle span{display:block;width:18px;height:2px;background:rgba(15,23,42,.72);border-radius:999px;}
.admin-toggle span+span{margin-top:4px;}
.admin-toggle .icon{width:20px;height:20px;display:block;color:rgba(15,23,42,.78);}

@media (max-width: 920px){
  .admin-toggle{display:inline-flex;}

  .admin-wrap{flex-direction:column;}

  /* Off-canvas sidebar on mobile (still usable with touch) */
  .admin-side{
    position:fixed;
    top:64px;
    left:0;
    bottom:0;
    width:86vw;
    max-width:320px;
    padding:14px;
    border-right:1px solid var(--border);
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(10px);
    box-shadow: 0 14px 40px rgba(17,24,39,.16);
    transform: translateX(-105%);
    transition: transform .18s ease;
    z-index: 30;
  }
  .admin-side.is-open{transform: translateX(0);}
  .admin-side__item{white-space:nowrap;}

  .admin-main{padding-top:6px;}
}

/* --- Admin evidence preview --- */
.evidence__section{margin:0 0 18px;}
.evidence__title{font-weight:800; margin:0 0 10px; font-size:16px;}
.evidence__grid{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px;}
.evidence__card{border:1px solid var(--border); border-radius:16px; padding:10px; background:rgba(255,255,255,.7);}
.evidence__meta{font-size:12px; color:var(--muted); margin:0 0 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.evidence__preview{display:block; border-radius:12px; overflow:hidden; border:1px solid rgba(0,0,0,.06); background:rgba(0,0,0,.02);}
.evidence__img{display:block; width:100%; height:180px; object-fit:cover;}
.evidence__actions{display:flex; gap:8px; margin:10px 0 0; flex-wrap:wrap;}

@media (max-width: 960px){
  .evidence__grid{grid-template-columns: repeat(2, minmax(0,1fr));}
  .evidence__img{height:160px;}
}
@media (max-width: 520px){
  .evidence__grid{grid-template-columns: 1fr;}
  .evidence__img{height:220px;}
}

/* Admin dashboard quick actions */
/* Desktop: keep 2 columns (IBAN on left, stats/actions on right). Mobile: stack. */
.dash-item{display:flex;align-items:stretch;justify-content:space-between;gap:12px;flex-wrap:nowrap;}
.dash-item .dash-left{min-width:220px;flex:1 1 260px;}
.dash-item .dash-left .item__title{word-break:break-all;}

/* Right column becomes a real column: quick stat (top), actions (middle), buttons (bottom-right) */
.dash-item .dash-right{
  flex:0 0 260px;
  max-width:260px;
  width:260px;
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:stretch;
}

.dash-item .dash-quick{display:flex;align-items:center;justify-content:flex-start;gap:8px;}

/* Toggle button must sit bottom-left of the right column */
.dash-item .dash-toggle{
  margin-top:auto;            /* pushes it to the bottom */
  align-self:flex-start;      /* left side */
  white-space:nowrap;
}

/* Hidden panel of actions */
.dash-item .dash-actions{display:none;flex-direction:column;gap:10px;}
.dash-item.is-open .dash-actions{display:flex;}

/* Ensure form controls fill the column */
.dash-item .dash-right .select,
.dash-item .dash-right .input{width:100%;min-width:0;max-width:none;}

/* Small “ghost” button style for Plačiau */
.btn--ghost{
  background: rgba(255,255,255,.85);
  color: #9a3412;
  border: 1px solid rgba(249,115,22,.35);
  box-shadow: 0 10px 22px rgba(17,24,39,.06);
}
.btn--ghost:hover{
  background: rgba(249,115,22,.08);
  border-color: rgba(249,115,22,.50);
}
.btn.btn--ghost{background: rgba(255,255,255,.85);color:#9a3412;border:1px solid rgba(249,115,22,.35);box-shadow:0 10px 22px rgba(17,24,39,.06);}
.btn.btn--ghost:hover{background: rgba(249,115,22,.08);border-color: rgba(249,115,22,.50);}

@media (max-width:680px){
  .dash-item{flex-wrap:wrap;}
  .dash-item .dash-right{flex:1 1 100%;max-width:none;width:100%;}
  .dash-item .dash-left{min-width:0;flex:1 1 100%;}
}