:root{--bg:#f4f4f1;--ink:#161616;--muted:#747474;--panel:#fff;--line:#deded8;--dark:#2b5b84;--radius:16px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.sitebar{position:sticky;top:0;z-index:20;min-height:66px;padding:10px max(16px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(43,91,132,.97);color:white;backdrop-filter:blur(12px)}.brand{font-weight:850;font-size:21px;text-decoration:none}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav a,.link-button{border:0;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;padding:10px 12px;border-radius:10px;font:inherit;cursor:pointer}.inline-form{display:inline;margin:0}.page{max-width:1100px;margin:0 auto;padding:24px 16px 60px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.page-head h1{margin:.15rem 0;font-size:clamp(28px,5vw,44px)}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--muted);font-weight:800}.primary,.secondary{display:inline-block;border:0;border-radius:12px;padding:12px 16px;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}.primary{background:var(--dark);color:white}.secondary{background:white;border:1px solid var(--line)}.trip-list{display:grid;gap:12px}.trip-card{width:100%;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:16px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.03)}.trip-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.trip-card time{font-variant-numeric:tabular-nums;color:var(--muted)}.trip-card strong{font-size:21px}.status{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.panel,.auth-card,.empty{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 4px 18px rgba(0,0,0,.04)}.auth-card{max-width:480px;margin:6vh auto}.auth-card h1{margin-top:4px}.form-stack{display:grid;gap:16px}.form-stack label{display:grid;gap:7px;font-weight:700}.form-stack input,.form-stack textarea{width:100%;border:1px solid #cfcfc8;border-radius:10px;background:white;padding:12px 13px;font:inherit}.form-stack input:focus,.form-stack textarea:focus{outline:2px solid var(--dark);outline-offset:1px}.muted{color:var(--muted)}.error,.flash{padding:12px 14px;border-radius:10px;margin-bottom:14px}.error{background:#ffe8e8;color:#7c1818}.flash{background:#e9f7e8;color:#184e18}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.steps{display:flex;gap:8px}.steps span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ddd}.steps .active{background:var(--dark);color:#fff}.wizard{max-width:760px}.stats{display:flex;gap:10px;flex-wrap:wrap}.stats span{background:#f0f0ed;border-radius:999px;padding:8px 11px;font-size:13px}.empty{text-align:center;padding:50px 24px}code{background:#efefec;padding:2px 5px;border-radius:5px}@media(max-width:700px){.sitebar{align-items:flex-start;flex-direction:column}.nav{width:100%;justify-content:flex-start}.page-head{align-items:flex-start;flex-direction:column}.trip-card{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.trip-card .status{justify-self:start}}


/* ---------------------------------------------------------------
   v26 – compact mobile dashboard/index
   --------------------------------------------------------------- */
@media(max-width:700px){
  .sitebar{
    min-height:0;
    padding:7px 10px;
    gap:7px;
  }

  .brand{
    font-size:18px;
    line-height:1;
  }

  .nav{
    gap:5px;
  }

  .nav a,
  .link-button{
    padding:7px 10px;
    border-radius:8px;
    font-size:.84rem;
    line-height:1.05;
  }

  .page{
    padding:13px 10px 26px;
  }

  .page-head{
    gap:3px;
    margin-bottom:9px;
  }

  .page-head h1{
    margin:.05rem 0;
    font-size:30px;
    line-height:1.02;
  }

  .eyebrow{
    font-size:9px;
    letter-spacing:.14em;
  }

  .trip-list{
    gap:8px;
  }

  .trip-card{
    gap:6px;
    padding:12px;
    border-radius:12px;
  }

  .trip-card time{
    font-size:13px;
    line-height:1.05;
  }

  .trip-card strong{
    font-size:18px;
    line-height:1.12;
  }

  .status{
    font-size:10px;
    line-height:1;
  }

  .panel,
  .auth-card,
  .empty{
    padding:16px;
    border-radius:12px;
  }

  .empty{
    padding:28px 16px;
  }

  .primary,
  .secondary{
    padding:9px 12px;
    border-radius:9px;
    font-size:.9rem;
  }
}


/* ---------------------------------------------------------------
   v27 – mobile trip-card: READY ob datumu + nižji akcijski gumbi
   --------------------------------------------------------------- */
@media(max-width:700px){
  .trip-card{
    position:relative;
    padding-top:11px;
    padding-right:12px;
    padding-bottom:10px;
  }

  .trip-card time{
    padding-right:74px; /* prostor za READY na desni */
  }

  .trip-card .status{
    position:absolute;
    top:12px;
    right:12px;
    margin:0;
    justify-self:auto;
    font-size:10px;
    line-height:1.05;
    text-align:right;
  }
}