/* /tabelle/table.css */
/* v18 – Teamnamen größer + bessere Glättung, Header-Alignment wie zuletzt */

.bb-wrap{max-width:1100px;margin:16px auto;padding:0 12px;}
.bb-card{
  background:#fff;border-radius:14px;border:2px solid #0a2a66;
  box-shadow:0 0 0 1px rgba(10,42,102,.15),0 8px 30px rgba(10,42,102,.15);
  position:relative;overflow:hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.bb-card:before{
  content:"";position:absolute;inset:-60% -60%;
  background:
    radial-gradient(circle at 20% 20%, rgba(23,90,200,.18), transparent 50%),
    radial-gradient(circle at 80% 30%, rgba(23,90,200,.10), transparent 55%),
    radial-gradient(circle at 40% 80%, rgba(23,90,200,.08), transparent 55%);
  pointer-events:none;
}

.bb-head{position:relative;padding:16px 14px 10px;}
.bb-title h1{margin:0 0 6px;font-size:22px;line-height:1.15;color:#000;letter-spacing:-.2px;}
.bb-lead{margin:0;color:#111;font-size:14px;line-height:1.35;max-width:70ch;}
.bb-meta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;}
.bb-pill{background:rgba(10,42,102,.08);border:1px solid rgba(10,42,102,.18);color:#000;font-size:12px;padding:6px 10px;border-radius:999px;}

.bb-table-wrap{position:relative;padding:0 8px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.bb-table{width:100%;border-collapse:collapse;min-width:820px;background:rgba(255,255,255,.88);}

/* HEADER */
.bb-table thead th{
  font-size:12px;font-weight:700;color:#000;padding:10px 8px;border-bottom:1px solid rgba(0,0,0,.12);
  white-space:nowrap;
  text-align:left;
}
.bb-table thead th.col-gp,
.bb-table thead th.col-w,
.bb-table thead th.col-l,
.bb-table thead th.col-pct,
.bb-table thead th.col-pf,
.bb-table thead th.col-pa,
.bb-table thead th.col-diff{ text-align:right !important; }
.bb-table thead th.col-last{ text-align:center !important; }

/* BODY */
.bb-table tbody td{padding:10px 8px;border-bottom:1px solid rgba(0,0,0,.08);vertical-align:middle;color:#000;font-size:13px;}
.bb-table tbody tr:hover{background:rgba(10,42,102,.05);}

.col-rk{width:44px;font-weight:800;}
.col-gp,.col-w,.col-l,.col-pct,.col-pf,.col-pa,.col-diff{text-align:right;}
.col-last{width:160px;}

.teamlink{display:flex;align-items:center;gap:12px;text-decoration:none;color:#000;}
.teamlink:visited{color:#000;}
.teamlink:hover .name{text-decoration:underline;}

.logo{width:36px;height:36px;border-radius:10px;background:rgba(0,0,0,.05);display:grid;place-items:center;overflow:hidden;flex:0 0 auto;}
.logo img{width:30px;height:30px;object-fit:contain;image-rendering:-webkit-optimize-contrast;}

/* Teamname – größer */
.name{font-weight:900;letter-spacing:-.2px;font-size:17px;line-height:1.15;}
@media (min-width: 900px){ .name{font-size:18px;} }

.pos{font-weight:800;}
.neg{font-weight:800;}

.form{display:inline-flex;gap:6px;justify-content:center;width:100%;}
.f{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:900;border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.03);}
.f.w{background:rgba(0,128,0,.10);border-color:rgba(0,128,0,.25);}
.f.l{background:rgba(200,0,0,.10);border-color:rgba(200,0,0,.25);}
.f.n{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12);}

.bb-footnote{position:relative;padding:10px 14px 14px;font-size:12px;color:#111;}

@media (max-width:760px){
  .bb-table{min-width:720px;}
  .bb-title h1{font-size:20px;}
  .logo{width:34px;height:34px;border-radius:10px;}
  .logo img{width:28px;height:28px;}
  .name{font-size:16px;}
}
@media (max-width:520px){ .bb-table{min-width:660px;} }


/* v18 – Mobile: Full-Width Breakout + keine Horizontal-Scroll + Ende bei N */
@media (max-width: 760px){
  /* Break out of centered SMF container to true viewport width */
  .bb-wrap{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .bb-card{border-radius:0 !important;}
  .bb-table-wrap{overflow-x:hidden !important; -webkit-overflow-scrolling:auto !important;}
  /* Prevent any ancestor from causing horizontal scroll (only within this block) */
  .bb-wrap, .bb-card, .bb-table-wrap{max-width:100vw !important;}
  .bb-table{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }
  .bb-table thead th, .bb-table tbody td{
    padding:10px 6px !important;
    font-size:12px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* Team name can wrap */
  .bb-table .teamlink .name{
    white-space:normal !important;
    line-height:1.15 !important;
  }

  /* Column widths */
  .col-rk{width:34px !important;}
  .col-gp,.col-w,.col-l{width:42px !important; text-align:center !important;}

  /* Hide columns after N */
  .col-pct, .col-pf, .col-pa, .col-diff, .col-last{display:none !important;}
}

@media (max-width: 520px){
  .col-gp,.col-w,.col-l{width:38px !important;}
  .bb-table thead th, .bb-table tbody td{padding:9px 5px !important;}
}