.stats-wrap { margin-top:24px; }
.stats-title { font-size:20px; font-weight:700; margin:0 0 8px; }
.stats-subtitle { margin:0 0 12px; color:#64748b; font-size:12px; }

.table-wrap { width:100%; overflow-x:auto; }
.stats-table { width:100%; border-collapse:collapse; min-width:620px; }
.stats-table th, .stats-table td { border-bottom:1px solid #e2e8f0; padding:10px 12px; text-align:left; }
.stats-table th { background:#f8fafc; font-weight:700; }
.stats-num { text-align:right; white-space:nowrap; font-variant-numeric: tabular-nums; }
.row-total { font-weight:700; }
.row-total td { border-top:2px solid #cbd5e1; }

.stats-chart-wrap { margin:16px 0 24px; }
.stats-chart-box { position:relative; width:100%; height:320px; }
.stats-chart-box canvas { width:100%; height:100%; display:block; }

@media (max-width: 640px) {
  .stats-subtitle { font-size:11px; }
  .stats-table { min-width:0; border-collapse:separate; border-spacing:0; }
  .stats-table thead { display:none; }
  .stats-table tbody, .stats-table tr, .stats-table td { display:block; width:100%; }
  .stats-table tr { border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 1px 2px rgba(0,0,0,.04); padding:6px 0; margin-bottom:12px; background:#fff; }
  .stats-table tr.row-total { border:2px solid #cbd5e1; }
  .stats-table td { border:0; padding:10px 12px; }
  .stats-table td[data-is-title="1"] { font-weight:700; font-size:15px; border-bottom:1px solid #eef2f7; margin-bottom:4px; }
  .stats-table td:not([data-is-title="1"]) { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:14px; }
  .stats-table td:not([data-is-title="1"])::before { content: attr(data-label); color:#64748b; font-weight:600; letter-spacing:.2px; }
  .stats-table td.stats-num { text-align:right; }
  .stats-chart-box { height:240px; }
}

  
.form--nice { padding: 1.25rem; }
.form--nice .req { color: #ef4444; }
.form--nice .hint { display:block; margin-top:.35rem; font-size:.85rem; opacity:.7; }
.grid-2 {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 1rem;
}
@media (max-width: 860px){
  .grid-2 { grid-template-columns: 1fr; }
  .col-span-2 { grid-column: 1 / -1; }
}
.col-span-2 { grid-column: 1 / -1; }
.form-field label {
  display:flex;
  font-weight:600;
  margin: 0 0 .35rem;
}
.form-field input,
.form-field select,
.form-field textarea {
  width:100%;
  padding:.65rem .8rem;
  border:1px solid #e5e7eb;
  border-radius:.6rem;
  background:#fff;
  outline:none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.form-field input::placeholder { color:#9ca3af; }
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  border-color:#0ea5e9;
  box-shadow:0 0 0 3px rgba(14,165,233,.18);
}

/* Fieldset (rolės) */
.form-field fieldset,
.form-field { margin-bottom:.75rem; }
fieldset.form-field {
  border:1px solid #e5e7eb;
  border-radius:.75rem;
  padding: .9rem;
  background: #fff;
}
fieldset.form-field legend {
  padding:0 .4rem;
  font-weight:700;
  font-size:.95rem;
}

/* Checkbox tinklelis */
.check-grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:.5rem .75rem;
}

@media (max-width: 640px){
  .check-grid { grid-template-columns: 1fr; }
}
.check {
  display:flex; align-items:center; gap:.5rem;
  padding:.35rem .45rem;
  border-radius:.5rem;
  transition: background .15s ease;
}
.check:hover { background:#f8fafc; }

/* Veiksmų juosta */
.actions {
    grid-column: 1 / -1;
  margin-top:1rem;
  display:flex;
  gap:.6rem;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:wrap;
}
.actions .btn { padding:.65rem 1rem; border-radius:.65rem; }
.actions .btn.ghost {
  background:transparent; border:1px solid #e5e7eb;
}
@media (max-width:640px){
  .actions { flex-direction:column; align-items:stretch; }
  .actions .btn { width:100%; }
}
.form--nice .meta {
  margin-top:.5rem;
  font-size:.85rem;
  opacity:.7;
}
.select-multi {
  width: 100%;
  min-height: 7.5rem;
  padding: .4rem;
  border: 1px solid #e5e7eb;
  border-radius: .6rem;
  background: #fff;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.select-multi:focus {
  border-color: #0ea5e9;
  box-shadow: 0 0 0 3px rgba(14,165,233,.18);
}
.select-multi option {
  padding: .4rem .5rem;
  border-radius: .4rem; /* ne visi browseriai tai gerbia, bet netrukdo */
}
.select-multi option:checked {
  background: #0ea5e9; /* akcento spalva */
  color: #fff;
}

.select-single {
  width: 100%;
  padding: .65rem .8rem;
  border: 1px solid #e5e7eb;
  border-radius: .6rem;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.select-single:focus {
  border-color: #0ea5e9;
  box-shadow: 0 0 0 3px rgba(14,165,233,.18);
}

:root{
  --bg1:#0ea5e9; --bg2:#1e293b;
  --card-bg:rgba(255,255,255,0.85);
  --text:#0f172a; --muted:#64748b;
  --primary:#111827; --primary-contrast:#fff;
  --error-bg:#fee2e2; --error-bd:#fca5a5; --error-tx:#7f1d1d;
  --input-bd:#e5e7eb; --input-bd-focus:#94a3b8;
  --ring:#93c5fd;
}
@media (prefers-color-scheme: dark){
  :root{
    --card-bg:rgba(15,23,42,0.75);
    --text:#e5e7eb; --muted:#94a3b8;
    --primary:#e5e7eb; --primary-contrast:#0f172a;
    --error-bg:#7f1d1d; --error-bd:#ef4444; --error-tx:#fecaca;
    --input-bd:#334155; --input-bd-focus:#64748b;
    --ring:#60a5fa;
  }
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,sans-serif;
  color:var(--text);
  display:grid; place-items:center;          /* centruoja loginą */
  overflow:hidden;
   background-image:
        linear-gradient(rgba(8,18,28,.35), rgba(8,18,28,.35)),
        url("/Prisijungti/assets/white-clouds-blue-sky.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;

}

/* dekoras */
.blobs{position:fixed; inset:-20vmax; filter:blur(60px); opacity:.35; pointer-events:none; z-index:0}
.blob{position:absolute; width:55vmax; height:55vmax; border-radius:50%;}
.b1{left:10%; top:5%; background:#22d3ee;}
.b2{right:0; bottom:0; background:#f472b6;}

/* ===== Login Card ===== */
.container{
    background: #ffffff57;
    border-radius: 10px;
    width:min(440px, 94vw);
    padding:24px;
    position:relative; 
    z-index:1
    
}

.top{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px}
.brand{display:flex; align-items:center; gap:12px}
.logo{width:32px; height:32px; border-radius:10px; background:#0ea5e9; display:grid; place-items:center; color:white; font-weight:800}
h1{font-size:1.25rem; margin:.2rem 0 .2rem     ; color: black;}
.muted{   
    
    font-size:.92rem; 
    margin-top:-2px;
    color: black;
    
}

.lang{display:flex; gap:6px}
.lang a{
  text-decoration:none; font-size:14px; color:black;
  background:rgba(255,255,255,.7); border:1px solid rgba(0,0,0,.06);
  padding:6px 10px; border-radius:999px; display:flex; align-items:center;
}
.flag{font-size:16px; line-height:1}
.active{box-shadow:0 0 0 3px var(--ring) inset}

.alert{
  background:var(--error-bg); border:1px solid var(--error-bd); color:var(--error-tx);
  padding:10px 12px; border-radius:12px; margin:12px 0
}

label{display:block; font-size:.92rem; margin-top:12px; color: black;}
.field{ position:relative; margin-top:6px; height:46px; }

.control{
  width:100%; height:46px; padding:0 44px 0 14px;
  border:1px solid var(--input-bd); border-radius:12px;
  background:rgba(255,255,255,.6);
  outline:none; font-size:1rem; color:inherit;
  appearance:none; -webkit-appearance:none; box-sizing:border-box; color:black;
}
.control:focus{ border-color:var(--input-bd-focus); box-shadow:0 0 0 4px var(--ring); }

.toggle{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:32px; height:32px; display:grid; place-items:center;
  border:0; background:transparent; cursor:pointer; border-radius:8px; color:var(--muted);
}
.toggle:focus{ outline:2px solid var(--ring) }

input::-ms-reveal, input::-ms-clear { display:none; }
input::-webkit-credentials-auto-fill-button,
input::-webkit-contacts-auto-fill-button { display:none !important; }

.btn{
  width:100%; margin-top:16px; padding:12px 14px; border:0; border-radius:14px;
  background:var(--primary); color:var(--primary-contrast); font-weight:700; cursor:pointer;
  transition:transform .05s ease, box-shadow .2s ease;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.btn:active{transform:translateY(1px)}
.foot{margin-top:14px; font-size:.85rem;  color: #000000; text-align:center}

/* ===== App layout (sidebar + content), fullscreen ===== */
.app{
  position:fixed; inset:0; z-index:1;
  display:grid; grid-template-columns:280px 1fr;
  width:auto; height:auto; margin:0;
  border-radius:0; box-shadow:none; background:transparent;
}
.sidebar{
  background:rgba(15,23,42,0.85);
  color:#e5e7eb;
  display:flex; flex-direction:column;
  padding:10px;
  height:100%;
  border-right:1px solid rgba(255,255,255,.10);
  backdrop-filter:saturate(160%) blur(14px);
}
.sb-brand{display:flex; align-items:center; gap:12px; margin-bottom:14px}
.sb-logo{width:28px; height:28px; border-radius:8px}
.sb-title{font-weight:800; letter-spacing:.2px}
.sb-nav{display:flex; flex-direction:column; gap:6px; }
.sb-link{
  color:#e5e7eb; text-decoration:none; padding:10px 12px; border-radius:12px;
  display:block; background:transparent; border:1px solid transparent;
}
.sb-link:hover{ background:rgba(255,255,255,.06) }
.sb-link.active{ background:#0ea5e9; color:#ffffff; font-weight:700; }

.sb-sep{height:1px; background:rgba(255,255,255,.12); margin:6px 0}
.sb-user{margin-top:auto; font-size:.9rem}
.sb-user-name{font-weight:700}
.sb-user-mail{opacity:.75; font-size:.85rem}
.sb-logout{
  display:inline-block; margin-top:10px; color:#fecaca; text-decoration:none;
  background:rgba(239,68,68,.18); border:1px solid rgba(239,68,68,.35);
  padding:6px 10px; border-radius:10px;
}
.sb-logout:hover{ background:rgba(239,68,68,.28) }

.content{
    
  overflow:auto; padding: 24px 10px 24px 30px; color:#0f172a;
  background:transparent;       
}
.content h1{margin:0 0 12px}



/* ==== Sidebar plotis kaip kintamieji ==== */
:root{ --sb-wide:280px; --sb-narrow:72px; }

.app{ grid-template-columns: var(--sb-wide) 1fr; transition:grid-template-columns .2s ease; }
.sidebar{ width:var(--sb-wide); position:relative; transition:width .2s ease; }

html.sb-collapsed .app{ grid-template-columns: var(--sb-narrow) 1fr; }
html.sb-collapsed .sidebar{ width:var(--sb-narrow); }
html.sb-collapsed .sidebar .sb-title,
html.sb-collapsed .sidebar .label,
html.sb-collapsed .sidebar .sb-user,
html.sb-collapsed .sidebar .sb-sep{ display:none !important; }
html.sb-collapsed .sidebar .sb-link{ text-align:center; padding:10px 0; }
html.sb-collapsed .sidebar .sb-brand{ justify-content:center; }
html.sb-collapsed .sidebar .sb-logo{ margin:0 auto; }

/* X mygtukas – bazėje paslėptas, rodom TIK suskleidus */
.sidebar .sb-logout-icon{
  position:absolute; left:50%; bottom:16px; transform:translateX(-50%);
  width:42px; height:42px; border-radius:12px;
  background:rgba(239,68,68,.9); color:#fff; font-weight:800; text-decoration:none;
  border:1px solid rgba(239,68,68,1); box-shadow:0 6px 18px rgba(239,68,68,.35);
  display:none !important; place-items:center; z-index:2;
}
html.sb-collapsed .sidebar .sb-logout-icon{ display:grid !important; }


/* Išskleistos būsenos „Atsijungti“ mygtukas */
.sb-logout{
  display:inline-block;
  margin-top:10px;
  color:#fecaca;
  text-decoration:none;
  background:rgba(239,68,68,.18);
  border:1px solid rgba(239,68,68,.35);
  padding:8px 12px;
  border-radius:12px;
}
.sb-logout:hover{ background:rgba(239,68,68,.28); }

/* X rodom tik suskleidus – šitas blokas jau turėtų būti, palieku čia dėl pilnumo */
.sidebar .sb-logout-icon{ display:none !important; position:absolute; left:50%; bottom:16px; transform:translateX(-50%);
  width:42px; height:42px; border-radius:12px; background:rgba(239,68,68,.9); color:#fff; border:1px solid rgba(239,68,68,1);
  box-shadow:0 6px 18px rgba(239,68,68,.35); place-items:center; z-index:2;
}
html.sb-collapsed .sidebar .sb-logout-icon{ display:grid !important; }

/* Sidebar bazė */
.sidebar{  transition:width .2s ease }
.sb-nav .sb-link{
  display:flex; align-items:center; gap:.5rem;
  padding:.625rem .875rem; line-height:1; white-space:nowrap;margin-top: 5px;
}
.sb-nav .sb-icon{ width:1.125rem; height:1.125rem; flex:0 0 auto }

/* SUSKLEISTA būsena */
.sb-collapsed .sidebar{ width:64px }

/* slėpti pavadinimus, palikti tik ikoną */
.sb-collapsed .sb-nav .sb-link span{ display:none }

/* centruoti ikoną */
.sb-collapsed .sb-nav .sb-link{ justify-content:center; gap:0 }

/* paslėpti brando pavadinimą suskleidus (jei rodomas) */
.sb-collapsed .sb-title{ display:none }

/* jei reikia, sumažink logotipą suskleidus */
.sb-collapsed .sb-logo{ width:28px; height:28px }


/* ===== Accounts table (be inline CSS) ===== */
.panel-title { margin-bottom: .5rem; }

.card--tight { padding: 0; overflow: hidden; }

.table-wrap { overflow: auto; }

.table { width: 100%; border-collapse: collapse; }
.table--wide { table-layout: auto; font-size: 1rem; }
.table th,
.table td { padding: 1rem 1.1rem; border-bottom: 1px solid rgba(0,0,0,.08); }
.table thead th { text-align: left; font-weight: 700; opacity: .85; background: rgba(0,0,0,.02); }
.table tbody tr:hover { background: rgba(0,0,0,.03); }

.text-right { text-align: left; }
.text-center { text-align: center; }
.text-dim { opacity: .7; }

/* stulpelių plotis */
.col-id { width: 72px; white-space: nowrap; }
.col-name { min-width: 220px; }
.col-email { min-width: 280px; white-space: nowrap; }
.col-roles { min-width: 220px; }
.col-actions, .actions-cell { width: 280px; }

/* veiksmai vienoje eilėje */
.row-actions { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.row-actions form { margin: 0; width: 100%;  }

/* mygtukai (jei nori, gali naudoti esamus tavo .btn stilius) */
.btn { border: 0; border-radius: .7rem; background: #1f2937; color: #fff; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: .45rem .9rem; }
.btn:hover { filter: brightness(1.05); }
.btn.sm { font-size: .95rem; padding: .4rem .8rem; }
.btn.primary { background: #0ea5e9; }
.btn.danger { background: #ef4444; width: 100%; }

/* redagavimo formos grid */
.grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.grid-3 .col-span-3 { grid-column: 1 / -1; }
@media (max-width: 900px) { .grid-3 { grid-template-columns: 1fr; } }

/* redagavimo formos mygtukų centravimas */
.actions--center { display: flex; justify-content: center; align-items: center; gap: .8rem; margin-top: .5rem; }
.actions--center .btn { width: auto; padding: .6rem 1.2rem; }
/* Puslapio antraštė */



/* Puslapio antraštė */
.page-title { margin: 1rem 0 .75rem; font-size: 1.5rem; font-weight: 700; }



/* Forma */
.form { width:100%; }
.section-title { margin:.75rem 0 .5rem; font-size:1rem; font-weight:700; color:#0f172a; }

/* Tinkleliai */
.form-grid { display:grid; gap:14px; }
.form-grid--2 { grid-template-columns: repeat(2, minmax(260px, 1fr)); }
.form-grid--3 { grid-template-columns: repeat(3, minmax(200px, 1fr)); }
.form-field--full { grid-column: 1 / -1; }
/* Peržiūros blokas po failo įkėlimo */
.preview {
  margin-top: 8px;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.preview-img {
  max-height: 120px;
  max-width: 100%;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  display: block;
}


/* Laukai */
.form-label { display:block; font-size:.92rem; margin-bottom:6px; color:#0f172a; font-weight:600; }
.input { width:100%; height:40px; border:1px solid #e2e8f0; border-radius:10px; padding:0 12px; background:#fff;
  transition:border-color .15s, box-shadow .15s; }
.input[type="file"] { padding:8px 12px; height:auto; }
.input:focus { border-color:#38bdf8; box-shadow:0 0 0 3px rgba(56,189,248,.25); }

/* Veiksmai */
.form-actions { margin-top:14px; }
.btn { appearance:none; border:0; border-radius:12px; padding:12px 16px; font-weight:700; cursor:pointer; }
.btn--primary { background:#0ea5e9; color:#fff; }
.btn--primary:hover { filter:brightness(.95); }
.btn--block { width:100%; }

/* Alert'ai */
.alert { border-radius:12px; padding:10px 12px; margin-bottom:12px; font-weight:600; }
.alert--ok { background:#dcfce7; color:#166534; }
.alert--err { background:#fee2e2; color:#991b1b; }

/* Lentelė */
.table { width:100%; border-collapse:collapse; }
.table thead th { text-align:left; font-size:.86rem; font-weight:700; color:#334155; border-bottom:1px solid #e2e8f0; padding:10px 8px; }
.table tbody td { padding:10px 8px; border-bottom:1px solid #f1f5f9; font-size:.93rem; }
.table-responsive { overflow-x:auto; }

/* Miniatiūros */
.thumb { display:block; height:40px; width:auto; border-radius:6px; border:1px solid #e2e8f0; }


/* Rodyklės tarpas Automobilių meniu (vietoj inline style) */
.sb-link .sb-arrow { margin-left:auto; }

/* Responsive */
@media (max-width: 1024px) {
  .form-grid--3 { grid-template-columns: repeat(2, minmax(200px, 1fr)); }
}
@media (max-width: 720px) {
  .form-grid--2 { grid-template-columns: 1fr; }
  .form-grid--3 { grid-template-columns: 1fr; }
}


  .ap-wrap{margin:1rem auto;padding:1rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 6px rgba(0,0,0,.06)}



  /* Paslepiam „tikrus“ input’us */
  .ap-row > input[type="checkbox"],
  .ap-row > input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  /* Eilutė kaip mygtukas */
  .ap-row {
    display: grid;
    grid-template-columns: 1fr auto; /* pavadinimas + badge */
    align-items: center;
    gap: .5rem;
    padding: .6rem .8rem;
    margin: .35rem 0;
    border: 1px solid #e5e7eb;
    border-radius: .6rem;
    background: #fff;
    cursor: pointer;
    user-select: none;
    transition: background .12s, border-color .12s, box-shadow .12s;
  }
  .ap-row:hover { background: #f9fafb; }
  .ap-row .ap-badge {
    font-size: .75rem;
    padding: .15rem .4rem;
    border-radius: .4rem;
    background: #eef2ff;
    color: #3730a3;
  }

  /* Aktyvi būsena (uždėsim JS’u klasę) */
  .ap-row.is-checked {
    border-color: #60a5fa;
    background: #eff6ff;
    box-shadow: 0 0 0 3px rgba(59,130,246,.15);
  }


  .ap-radio .ap-row.is-checked {
    border-color: #34d399;
    background: #ecfdf5;
    box-shadow: 0 0 0 3px rgba(16,185,129,.15);
  }











 






    .sb-subnav a{display:flex;align-items:center;gap:.5rem}
    .sb-subnav .sb-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}
    .sb-subnav a.active .sb-dot{opacity:1}

    /* Flyout, kai šoninė suskleista */
    .sb-subnav-flyout{ position:relative; }
    .sb-subnav-flyout .sb-fly{
      display:none; position:absolute; left: calc(100% + 8px); top:.25rem; z-index:999;
      min-width:280px; width:max-content; max-width:42vw;
      padding:.6rem; border-radius:.5rem;
      background:#0f172a;
      box-shadow:0 10px 25px rgba(0,0,0,.25), 0 2px 6px rgba(0,0,0,.2);
      border:1px solid rgba(255,255,255,.08);
      margin-top: -50px;
    }

    /* FLYOUT: kiekviena nuoroda atskiroje eilutėje, be pabraukimo */
    .sb-subnav-flyout .sb-fly a{
      display:block;
      white-space:normal;
      text-decoration:none;
      padding:.45rem .6rem;
      border-radius:.4rem;
      margin:.1rem 0;
      color:#e5f2ff !important;
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
    }
    .sb-subnav-flyout .sb-fly a:hover{
      background:rgba(14,165,233,.15) !important;
      color:#fff !important;
    }
    .sb-subnav-flyout .sb-fly a[aria-current="page"]{
      background:rgba(255,255,255,.06) !important;
      color:#fff !important;
    }
    .sb-subnav-flyout .sb-dot{
      display:inline-block; width:6px; height:6px; border-radius:50%;
      background:#93c5fd !important; margin-right:.5rem;
    }

    /* Flyout heading (pavadinimas) */
    .sb-subnav-flyout .sb-fly .sb-h{
      font-weight:600; color:#fff; opacity:.95;
      padding:.35rem .6rem .4rem; margin-bottom:.25rem;
      border-bottom:1px solid rgba(255,255,255,.08);
      white-space:nowrap;
    }
    /* NELIEČIAM nuorodų white-space — tik antraštei */
    .sb-subnav-flyout .sb-fly{ color:inherit; }

    /* focus – aiškus kontūras */
    .sb-subnav-flyout .sb-fly a:focus{
      outline:2px solid rgba(14,165,233,.6);
      outline-offset:2px; border-radius:.35rem;
    }

    /* rodom tik kai suskleista ir užvesta */
    .sb-collapsed .sb-subnav-flyout:hover .sb-fly { display:block; }
    /* klaviatūra – JS uždeda .show */
    .sb-subnav-flyout.show .sb-fly { display:block; }

    /* inline/list – kai suskleista, slėpti inline, rodyti flyout */
    .sb-collapsed .sb-subnav-inline { display:none; }
    .sb-collapsed .sb-subnav-flyout { display:block; }
    .sb-subnav-inline { display:block; }

    /* kritinė pataisa: kai JS uždeda hidden – tikrai slėpti */
    .sb-subnav-inline[hidden], .sb-subnav[hidden] { display:none !important; }
    
    /* Sidebar turi būti virš turinio */

.sidebar { position: relative; z-index: 5000; }   


  :root{
    --bg:#ffffff;
 
  }

  .cars-table-wrap { margin-top:24px; }
  .panel{ background:var(--bg); border:1px solid var(--border); border-radius:16px; padding:16px 16px 20px;margin-top: 24px; }
  .section-title{ margin:0 0 8px; font-size:18px; font-weight:700; }

  .cars-toolbar{ display:flex; gap:12px; align-items:center; margin:12px 0 14px; flex-wrap:wrap; }
  .cars-input{
    padding:10px 12px; border:1px solid var(--border); border-radius:10px; background:#fff; color:var(--text);
  }
  .cars-btn, .cars-btn-small{
    border:1px solid var(--border); border-radius:10px; background:#fff; cursor:pointer; color:var(--text);
    transition:.15s ease-in-out; box-shadow:0 1px 0 rgba(0,0,0,.02);
  }
  .cars-btn{ padding:10px 14px; }
  .cars-btn-small{ padding:6px 10px; font-size:12px; border-radius:8px; }
  .cars-btn:hover, .cars-btn-small:hover{ transform:translateY(-1px); box-shadow:0 4px 14px rgba(15,23,42,.06); }
  .cars-btn.is-primary{ background:var(--accent); color:#fff; border-color:var(--accent); }
  .cars-muted{ color:var(--muted); font-size:12px; }

  /* --- LENTELĖ KAIP FORMA --- */
  .cars-table{ width:100%; border-collapse:separate; border-spacing:0 10px; }
  .cars-table thead th{
    font-weight:600; color:var(--muted); padding:8px 10px; text-align:left; white-space:nowrap;
    position:sticky; top:0; background:var(--bg); z-index:2;
  }
  .cars-table thead th a{ color:inherit; text-decoration:none; }
  .cars-table thead th a:hover{ text-decoration:underline; }

  /* „Kortelės“ eilutėms */
  .cars-table.cars-formlike tbody tr{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow:0 2px 10px rgba(2,6,23,.04);
  }
  .cars-table.cars-formlike tbody tr:hover{
    box-shadow:0 6px 18px rgba(2,6,23,.08);
  }

  .cars-table td{
    padding:10px 12px;
    vertical-align:top;
    border-bottom:0;              /* jokių horizontalių linijų kortelės viduje */
  }
  /* kad kortelė turėtų „įvesties laukelių“ pojūtį */
  .cars-table.cars-formlike tbody td{
    background:#fff;
  }
  .cars-table.cars-formlike tbody td:not(:last-child){
    border-right:1px dashed #eef1f6; /* subtilus atskyrimas kaip formos „grid’e“ */
  }
  .cars-right{ text-align:right; }

  /* sumos – kaip „input value“ akcentas */
  .cars-table .amount{
    display:inline-block; padding:6px 10px; border:1px solid var(--border); border-radius:10px; background:#fff; min-width:96px;
  }
  .cars-table .amount.strong{
    background:var(--accent-weak); border-color:#c7d2fe; font-weight:700;
  }

  /* thumbnail’ai – su rėmeliu kaip formos failų įkėlimas */
  .cars-thumb{
    max-height:56px; border:1px solid var(--border); border-radius:10px; display:inline-block; margin-right:6px;
  }

  /* veiksmai – „ghost“ mygtukai */
  .cars-actions{ display:flex; gap:6px; }
  .cars-actions .cars-btn-small{ background:#fff; }
  .cars-actions .cars-btn-small.js-edit{ border-color:#c7d2fe; background:var(--accent-weak); }
  .cars-actions .cars-btn-small.js-del{ border-color:#fee2e2; background:#fff5f5; }

  /* Puslapiavimas */
  .cars-pagination{ display:flex; gap:8px; margin-top:14px; align-items:center; flex-wrap:wrap; }
  .cars-pagination a, .cars-pagination span{
    padding:8px 12px; border:1px solid var(--border); border-radius:10px; text-decoration:none; color:inherit; background:#fff;
  }
  .cars-pagination .active{ background:var(--accent-weak); font-weight:600; border-color:#c7d2fe; }

 /* IŠTĘSTI PER VISĄ PLOTĮ */
.cars-table-wrap, .panel { width: 100%; max-width: none; }
.cars-table.cars-stretch { width: 100%; table-layout: fixed; }   /* svarbiausia eilutė */
.cars-table.cars-stretch th,
.cars-table.cars-stretch td { overflow: hidden; text-overflow: ellipsis; }

/* Proporcingi plotiai (gali koreguoti pagal poreikį) */
#carsTable th:nth-child(1),  #carsTable td:nth-child(1)  { width: 60px; }   /* ID */
#carsTable th:nth-child(2),  #carsTable td:nth-child(2)  { width: 64px; }   /* Nr. */
#carsTable th:nth-child(3),  #carsTable td:nth-child(3)  { width: 110px; }  /* Data */
#carsTable th:nth-child(4),  #carsTable td:nth-child(4)  { width: 140px; }  /* Markė */
#carsTable th:nth-child(5),  #carsTable td:nth-child(5)  { width: 120px; }  /* Valst. Nr. */
#carsTable th:nth-child(6),  #carsTable td:nth-child(6)  { width: 160px; }  /* Pardavėjas */

/* pinigų stulpeliai – siauresni */
#carsTable th:nth-child(7),  #carsTable td:nth-child(7),
#carsTable th:nth-child(8),  #carsTable td:nth-child(8),
#carsTable th:nth-child(9),  #carsTable td:nth-child(9),
#carsTable th:nth-child(10), #carsTable td:nth-child(10),
#carsTable th:nth-child(11), #carsTable td:nth-child(11) { width: 96px; }

/* Bendra suma – truputį platesnė */
#carsTable th:nth-child(12), #carsTable td:nth-child(12) { width: 120px; }

/* Nuotraukoms ir veiksmams paliekam „auto“, bet ribojam minimaliai */
#carsTable th:nth-child(13), #carsTable td:nth-child(13) { width: 220px; }  /* Nuotraukos */
#carsTable th:nth-child(16), #carsTable td:nth-child(16) { width: 140px; }  /* Veiksmai */

/* jei vis tiek pritrūktų vietos mažame ekrane – horizontalus slinkimas */
.cars-table-scroll { overflow-x: auto; }



  .ap-title { margin: .25rem 0 1rem; }
  .ap-alert { padding:.6rem .8rem;border-radius:.5rem;margin:.75rem 0; }
  .ap-alert.err{ background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d; }
  .ap-alert.ok{ background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46; }

  .ap-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:1.25rem;
    align-items:start;
  }
  @media (max-width: 900px){ .ap-grid{ grid-template-columns:1fr; } }

  .ap-section-title{ margin-bottom:.4rem; }
  .ap-group-title{
    font-size:.9rem; font-weight:600; color:#374151;
    margin:.75rem 0 .25rem; opacity:.8;
  }

  .ap-list, .ap-radio{ display:flex; flex-direction:column; gap:.35rem; }

  .ap-row{
    display:flex; align-items:center; gap:.6rem;
    border:1px solid #e5e7eb; background:#f9fafb;
    padding:.55rem .7rem; border-radius:.6rem; cursor:pointer;
    transition:background .15s, border-color .15s, box-shadow .15s;
    user-select:none;
  }
  .ap-row input{ margin:0; }
  .ap-row-text{ flex:1; }

  .ap-row.is-checked{
    background:#e0f2fe;
    border-color:#38bdf8;
    box-shadow:0 0 0 2px rgba(56,189,248,.25) inset;
  }
  .ap-row:hover{ border-color:#d1d5db; background:#f3f4f6; }

  .btn{
    display:inline-flex; align-items:center; gap:.4rem;
    padding:.55rem .9rem; border-radius:.6rem; border:1px solid #0ea5e9;
    background:#0ea5e9; color:#fff; font-weight:600; cursor:pointer;
  }
  .btn:hover{ filter:brightness(.95); }
  select#roleSel{ min-width:260px;padding:.45rem;border:1px solid #e5e7eb;border-radius:.4rem }


@media (max-width: 640px){
.content {
    padding: 24px 10px 24px 10px;
}
#carsTable th:nth-child(1),  #carsTable td:nth-child(1)  { width: 100%; }   
}