/* BZ Liste Pro - minimal clean UI */
.bz-wrap{background:#fff;border:1px solid #e7e7e7;border-radius:16px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.04);}
.bz-toolbar{display:flex;gap:14px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}
.bz-toolbar__left{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.bz-field{display:flex;flex-direction:column;gap:6px}
.bz-field label{font-size:12px;color:#444}
.bz-input,.bz-select{height:38px;border:1px solid #d9d9d9;border-radius:10px;padding:0 12px;min-width:160px}
.bz-btn{height:38px;border:1px solid #d0d0d0;background:#fff;border-radius:10px;padding:0 12px;cursor:pointer}
.bz-btn--primary{background:#111;color:#fff;border-color:#111}
.bz-alert{padding:12px 14px;border-radius:12px}
.bz-alert--warn{background:#fff7e6;border:1px solid #ffe2b3}
.bz-skeleton{padding:12px;color:#666}
.bz-group{border:1px solid #eee;border-radius:14px;margin-bottom:12px;overflow:hidden}
.bz-group__head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fafafa;cursor:pointer}
.bz-group__title{font-weight:700}
.bz-group__meta{color:#666;font-size:12px}
.bz-table{width:100%;border-collapse:collapse}
.bz-table th,.bz-table td{padding:10px 12px;border-top:1px solid #eee;font-size:14px}
.bz-table th{background:#fff;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.04em}
.bz-status{font-weight:700}
.bz-status.offen{color:#b45f06}
.bz-status.storniert{color:#cc0000}
.bz-status.bezahlt{color:#0a7f2e}
.bz-actions{display:flex;gap:8px;flex-wrap:wrap}
.bz-link{color:#0b57d0;text-decoration:none}
.bz-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid #e5e5e5;font-size:12px;color:#333}
.bz-modal{position:fixed;inset:0;display:none;z-index:99999}
.bz-modal.is-open{display:block}
.bz-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.bz-modal__content{position:relative;max-width:980px;margin:4vh auto;background:#fff;border-radius:16px;overflow:hidden}
.bz-modal__content{max-height:92vh;display:flex;flex-direction:column}
.bz-modal__close{position:absolute;top:10px;right:10px;border:none;background:#111;color:#fff;width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:22px;line-height:36px}
.bz-modal__body{padding:18px;overflow:auto;max-height:calc(92vh - 40px)}
.bz-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.bz-thumb{border:1px solid #eee;border-radius:12px;overflow:hidden;cursor:pointer;background:#fafafa}
.bz-thumb img{width:100%;height:140px;object-fit:cover;display:block}
.bz-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bz-form .full{grid-column:1 / -1}
.bz-form input,.bz-form textarea,.bz-form select{width:100%;border:1px solid #d9d9d9;border-radius:10px;padding:10px 12px}
.bz-form textarea{min-height:90px}

/* --- Mail-style cards --- */
.bz-cards{display:flex;flex-direction:column;gap:10px}
.bz-card{border:1px solid #eee;border-radius:14px;padding:12px 14px;display:flex;gap:12px;justify-content:space-between;align-items:flex-start;background:#fff}
.bz-card__main{flex:1;min-width:0}
.bz-card__top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.bz-card__id{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.bz-card__nr{font-weight:800;font-size:18px;letter-spacing:.02em}
.bz-card__plate{font-weight:600;color:#444}
.bz-card__right{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.bz-card__amount{font-weight:800}
.bz-card__meta{margin-top:6px;display:flex;gap:10px;flex-wrap:wrap;color:#555;font-size:13px}
.bz-card__zone{flex:1;min-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}
.bz-card__time{color:#666}
.bz-card__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bz-btn--small{height:32px;border-radius:10px;padding:0 10px;font-size:13px}
.bz-btn--danger{border-color:#cc0000;color:#cc0000}
.bz-btn--danger:hover{background:#fff0f0}
.bz-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;background:#111;color:#fff;font-size:12px;padding:0 6px;margin-left:6px}

/* Status badge */
.bz-status{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffb3b3;border-radius:0;padding:4px 10px;font-size:12px;font-weight:800;text-transform:lowercase;background:#fff0f0;color:#cc0000}
/* Statusfarben bewusst einheitlich "rot" (UI-Wunsch: nicht abrunden + rot) */
.bz-status--offen,.bz-status--storniert,.bz-status--bezahlt{border-color:#ffb3b3;color:#cc0000;background:#fff0f0}

@media (max-width: 860px){
  .bz-card{flex-direction:column}
  .bz-card__right{justify-content:flex-start}
  .bz-card__actions{justify-content:flex-start}
  .bz-input,.bz-select{min-width:140px}
}

/* v2.2.0 – explorer-style list tweaks */
.bz-group__head{cursor:pointer;}
.bz-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;}
.bz-card__main{display:flex;flex-direction:column;gap:6px;min-width:0;}
.bz-card__top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.bz-busse-no{font-size:20px;font-weight:700;letter-spacing:0.5px;}
.bz-plate{font-size:14px;font-weight:600;color:#555;}
.bz-zone{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px;}
.bz-card__meta{font-size:12px;color:#777;}
.bz-card__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.bz-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:32px;border-radius:10px;border:1px solid #d6d6d6;background:#fff;cursor:pointer;}
.bz-icon-btn:hover{background:#f7f7f7;}
.bz-proof-count{font-weight:700;margin-left:4px;}
.sr-only{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}


/* Collapse groups */
.bz-group.is-collapsed .bz-group__body{display:none;}
.bz-group.is-collapsed .bz-group__chev{transform:rotate(-90deg);}
.bz-group__chev{transition:transform .15s ease;}

/* Compact row layout (Outlook-like) */
.bz-card{padding:10px 14px;}
.bz-card__left{display:flex;gap:10px;align-items:center;min-width:0;}
.bz-card__title{display:flex;gap:10px;align-items:baseline;min-width:0;}
.bz-card__busse{font-size:18px;letter-spacing:.5px;}
.bz-card__plate{font-size:14px;color:#444;white-space:nowrap;}
.bz-card__zone{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bz-actions{display:flex;gap:10px;align-items:center;}
.bz-iconbtn{width:38px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfcfcf;border-radius:10px;background:#fff;cursor:pointer;}
.bz-iconbtn:hover{background:#f5f5f5;}

@media(max-width:900px){
  .bz-card{flex-direction:column;align-items:flex-start;gap:8px;}
  .bz-card__zone{max-width:100%;}
  .bz-actions{width:100%;justify-content:flex-end;}
}

/* Screen-reader only */
.bz-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Icon buttons: keep them tidy and consistent */
.bz-wrap .bz-iconbtn{width:34px;height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;}
.bz-wrap .bz-iconbtn svg{width:16px;height:16px;}

/* Delete icon button (red) */
.bz-wrap .bz-iconbtn--danger{border-color:#ffb3b3;color:#cc0000;background:#fff;}
.bz-wrap .bz-iconbtn--danger:hover{background:#fff0f0;}
@media(max-width:600px){
  .bz-toolbar{flex-direction:column;align-items:stretch;}
  .bz-toolbar .bz-field{width:100%;}
  .bz-actions{justify-content:flex-start;flex-wrap:wrap;}
}

/* Ticket preview thumbnail in modal */
.bz-modal .bz-uploadpreview img{max-height:64px;max-width:64px;width:auto;height:auto;border-radius:10px;cursor:pointer;object-fit:cover;display:block;}
.bz-modal .bz-uploadpreview iframe{width:100%;height:240px;border:1px solid #e5e5e5;border-radius:10px;}

/* Icon badge */
.bz-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#111;color:#fff;font-size:11px;line-height:18px;text-align:center;font-weight:700;}
.bz-iconbtn{position:relative;}


.bz-iconbtn{border:1px solid #111;border-radius:999px;background:#fff;padding:6px 10px;cursor:pointer;line-height:1;}
.bz-iconbtn:hover{background:#f5f5f5;}
.bz-preview{display:flex;flex-direction:column;gap:12px;}
.bz-preview__img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:12px;}
.bz-preview__frame{width:80vw;max-width:900px;height:70vh;border:0;border-radius:12px;}
.bz-preview__actions{display:flex;justify-content:flex-end;}
.bz-ticket-thumb{max-height:120px;object-fit:contain;border-radius:12px;}


/* ---- PRO overrides / Inbox-mode compact ---- */
.bz-wrap .bz-btn{
  font-size:14px !important;
  line-height:1.1 !important;
  color:#111 !important;
  background:#fff !important;
}
.bz-wrap .bz-btn--primary{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
}
.bz-wrap .bz-btn--danger{
  color:#b00020 !important;
}

/* Inbox-like compact cards */
.bz-wrap .bz-card{
  /* height-compact: single-line "inbox" rows */
  padding:6px 10px;
}
.bz-wrap .bz-card__id{display:flex;align-items:center;gap:10px;min-width:0;}
.bz-wrap .bz-card__nr{font-size:16px;font-weight:800;}
.bz-wrap .bz-card__plate{font-size:13px;color:#444;}
.bz-wrap .bz-card__top{
  display:flex;
  align-items:center;
  gap:12px;
}
.bz-wrap .bz-card__main{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.bz-wrap .bz-card__nr,
.bz-wrap .bz-card__plate{
  white-space:nowrap;
}
.bz-wrap .bz-card__zone{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#6b6b6b;
  font-size:13px;
}
.bz-wrap .bz-card__time{
  color:#777;
  font-size:12px;
  white-space:nowrap;
}
.bz-wrap .bz-card__right{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
.bz-wrap .bz-chip{
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
}
.bz-wrap .bz-card__amount{
  font-weight:700;
}
.bz-wrap .bz-card__time{
  color:#666;
  font-size:12px;
}
.bz-wrap .bz-card__actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.bz-wrap .bz-iconbtn{
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
}
.bz-wrap .bz-btn--small{height:32px;}

@media (max-width: 780px){
  .bz-wrap .bz-card__top{
    flex-wrap:wrap;
    align-items:flex-start;
  }
  .bz-wrap .bz-card__main{
    flex-wrap:wrap;
  }
  .bz-wrap .bz-card__zone{
    white-space:normal;
  }
}

@media (max-width: 520px){
  /* mobile: keep a single tight row by hiding long fields */
  .bz-wrap .bz-card__zone{display:none;}
  .bz-wrap .bz-card__time{display:none;}
}

/* Hover preview tooltip */
.bz-tooltip{
  position:absolute;
  z-index:999999;
  pointer-events:none;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  padding:8px;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.bz-tooltip img{
  display:block;
  width:180px;
  height:auto;
  max-height:180px;
  object-fit:cover;
  border-radius:10px;
}



/* v2.6.1 – fixed column widths for clean alignment (Inbox one-line) */
.bz-wrap .bz-card{align-items:center;}
.bz-wrap .bz-card__top{align-items:center;flex-wrap:nowrap;}
.bz-wrap .bz-card__id{align-items:center;flex-wrap:nowrap;min-width:0;gap:14px;}
.bz-wrap .bz-card__nr{display:inline-block;width:86px;text-align:left;}
.bz-wrap .bz-card__plate{display:inline-block;width:90px;}
.bz-wrap .bz-card__zone{display:inline-block;width:420px;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bz-wrap .bz-card__time{display:inline-block;width:170px;color:#666;}
.bz-wrap .bz-card__right{flex-wrap:nowrap;min-width:160px;justify-content:flex-end;gap:10px;}
.bz-wrap .bz-status{display:inline-flex;min-width:76px;justify-content:center;}
.bz-wrap .bz-card__amount{display:inline-block;width:90px;text-align:right;}
.bz-wrap .bz-card__actions{flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;}

/* icon buttons (ticket / proofs / delete) */
.bz-iconbtn{width:34px;height:34px;min-width:34px;min-height:34px;}
.bz-iconbtn--danger{border-color:#d20;color:#d20;}
.bz-iconbtn--danger:hover{background:rgba(210,0,0,.08);}

/* Screen-reader only helper */
.bz-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:1100px){
  .bz-wrap .bz-card__zone{width:300px;max-width:300px;}
}
@media(max-width:900px){
  /* keep compact: hide long fields on small screens (already present, but keep) */
  .bz-wrap .bz-card__zone{display:none;}
  .bz-wrap .bz-card__time{display:none;}
  .bz-wrap .bz-card__nr{width:80px;}
  .bz-wrap .bz-card__plate{width:auto;}
}



/* --- v2.6.3 compact fixed columns (single-line) --- */
.bz-card{display:block;padding:0;border:0;background:transparent}
.bz-card__grid{
  display:grid;
  grid-template-columns: 96px 120px 1fr 170px 88px 78px auto;
  gap:10px;
  align-items:center;
  border:1px solid #eee;
  padding:10px 12px;
  border-radius:14px; /* card can stay soft */
  background:#fff;
}
.bz-g{min-width:0}
.bz-g--nr{font-weight:800;font-size:16px;letter-spacing:.02em}
.bz-g--plate{font-weight:600;color:#444}
.bz-g--zone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}
.bz-g--time{color:#666;font-size:13px;white-space:nowrap}
.bz-g--amount{font-weight:800;white-space:nowrap}
.bz-g--actions{justify-self:end;display:flex;gap:8px;align-items:center;flex-wrap:nowrap}

/* Buttons: not rounded */
.bz-btn,.bz-btn--small{border-radius:0 !important}
.bz-btn--small{height:30px;padding:0 10px;font-size:13px}
.bz-iconbtn{
  height:30px;min-width:30px;padding:0 10px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #d0d0d0;background:#fff;cursor:pointer;
}
.bz-iconbtn--danger{border-color:#cc0000;color:#cc0000}
.bz-iconbtn svg{width:16px;height:16px}

/* On smaller screens allow wrapping but keep order */
@media (max-width: 900px){
  .bz-card__grid{
    grid-template-columns: 96px 120px 1fr;
    grid-template-rows: auto auto auto;
  }
  .bz-g--time,.bz-g--status,.bz-g--amount,.bz-g--actions{grid-column: 1 / -1}
  .bz-g--actions{justify-self:start;flex-wrap:wrap}
}


/* Statusfarben (Ampel) */
.bz-status--offen, .bz-status[data-status="offen"], .bz-status.offen{
  color:#cc0000 !important;
  border-color:#ffb3b3 !important;
  background:#fff0f0 !important;
}
.bz-status--storniert, .bz-status[data-status="storniert"], .bz-status.storniert{
  color:#0b4dbb !important;
  border-color:#b3d1ff !important;
  background:#eef5ff !important;
}
.bz-status--bezahlt, .bz-status[data-status="bezahlt"], .bz-status.bezahlt{
  color:#0b7a2a !important;
  border-color:#b7e6c3 !important;
  background:#f0fff4 !important;
}