/* ============================================================
   Auvion Design System  (nach offiziellem Style Guide)
   Teal -> Blau -> Violett, Navy-Ink, soft shadows, rounded-2xl
   ============================================================ */
:root{
  --av-teal:#14B8C6; --av-blue:#3b82f6; --av-violet:#7c3aed;
  --av-grad:linear-gradient(135deg,#14B8C6 0%,#3b82f6 48%,#7c3aed 100%);
  --av-ink:#0e1a33; --av-ink700:#1e2a45; --av-body:#475569; --av-muted:#64748b;
  --av-line:#e6eaf2; --av-surface:#ffffff; --av-soft:#f7f9fc; --av-tint:#f1f5ff;
  --av-b50:#eff5ff; --av-b100:#dbe7ff; --av-b200:#bcd3ff; --av-b300:#8db5ff;
  --av-b400:#5a8dfb; --av-b600:#2563eb; --av-b700:#1d4ed8;
  --av-bull:#0ea371; --av-bear:#e5484d; --av-amber:#d97706; --av-calm:#cbd5e1;
  --av-r:16px; --av-r-sm:12px;
  --av-shadow:0 1px 2px rgba(14,26,51,.04),0 8px 24px rgba(14,26,51,.06);
  --av-shadow-hover:0 2px 4px rgba(14,26,51,.06),0 16px 40px rgba(14,26,51,.10);
  --av-glow:0 8px 22px rgba(59,130,246,.28);
}

html,body{
  padding:0!important;margin:0;color:var(--av-body);
  font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}

/* Seiten-Hintergrund: weiß mit zartem dual-radialem Marken-Wash */
.mud-layout{
  background-color:#ffffff;
  background-image:
    radial-gradient(60rem 40rem at 85% -10%, rgba(124,58,237,.10), transparent 60%),
    radial-gradient(55rem 38rem at -5% 0%, rgba(20,184,198,.10), transparent 55%);
  background-attachment:fixed;
}
.mud-main-content,.auvion-main{background:transparent!important;}

.auvion-content{max-width:1024px;margin:0 auto;padding:32px 20px 72px;}
.auvion-empty{color:var(--av-muted);text-align:center;padding:72px 20px;font-size:1rem;}

h1,h2,h3,h4{color:var(--av-ink);font-weight:700;letter-spacing:-.02em;}

/* ---------- Sticky Top-Nav ---------- */
.mud-appbar.auvion-appbar{
  background:#ffffff!important;color:var(--av-ink)!important;
  border-bottom:1px solid var(--av-line);box-shadow:none!important;
}
.auvion-appbar .mud-toolbar{max-width:1340px;margin:0 auto;width:100%;min-height:66px;gap:4px;padding-left:16px;padding-right:16px;flex-wrap:nowrap;}
.auvion-brand{display:flex;align-items:center;margin-right:20px;text-decoration:none;}
.auvion-logo-img{height:32px;width:auto;display:block;}
.auvion-brand svg{display:block;}
.auvion-brandname{font-weight:800;font-size:1.18rem;color:var(--av-ink);letter-spacing:-.02em;}
.auvion-nav{display:flex;align-items:center;gap:1px;flex-wrap:nowrap;min-width:0;}
.auvion-tab{
  display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:var(--av-r-sm);
  font-size:.85rem;font-weight:500;color:var(--av-body);text-decoration:none;line-height:1;
  white-space:nowrap;transition:all .2s;
}
.auvion-tab:hover{background:var(--av-soft);color:var(--av-b600);}
.auvion-tab.active{background:var(--av-b50);color:var(--av-b700);font-weight:600;}
.auvion-tab-primary{background-image:var(--av-grad);color:#fff!important;font-weight:600;box-shadow:var(--av-glow);}
.auvion-tab-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(59,130,246,.42);color:#fff!important;}
.auvion-tenant{color:var(--av-muted);font-size:.85rem;font-weight:500;margin-right:10px;}
.auvion-user{color:var(--av-muted);font-size:.8rem;margin-right:12px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.auvion-logout-form{display:inline-flex;}
.auvion-logout{
  background:#fff;border:1px solid var(--av-line);border-radius:var(--av-r-sm);
  padding:7px 14px;color:var(--av-body);font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;
}
.auvion-logout:hover{border-color:var(--av-b300);background:var(--av-soft);}

/* ---------- Sprachumschalter ---------- */
.av-lang{position:relative;}
.av-lang-btn{
  list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--av-line);border-radius:var(--av-r-sm);background:#fff;
  padding:7px 10px;font-size:.85rem;color:var(--av-body);font-weight:500;
}
.av-lang-btn::-webkit-details-marker{display:none;}
.av-lang-btn::marker{content:"";}
.av-lang-btn:hover{border-color:var(--av-b300);}
.av-lang-menu{
  position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:#fff;
  border:1px solid var(--av-line);border-radius:var(--av-r-sm);box-shadow:var(--av-shadow-hover);
  padding:6px;z-index:1300;display:flex;flex-direction:column;gap:1px;
}
.av-lang-menu a{padding:8px 10px;border-radius:8px;color:var(--av-body);text-decoration:none;font-size:.88rem;}
.av-lang-menu a:hover{background:var(--av-soft);color:var(--av-b600);text-decoration:none;}
@media (max-width:1024px){
  .av-lang{width:100%;}
  .av-lang-btn{width:100%;justify-content:space-between;}
  .av-lang-menu{position:static;box-shadow:none;border:none;padding:2px 0 0 8px;min-width:0;}
}

/* ---------- Gruppierte Navigation (Dropdowns via <details>) ---------- */
.auvion-drop{position:relative;}
.auvion-dropbtn{list-style:none;cursor:pointer;user-select:none;}
.auvion-dropbtn::-webkit-details-marker{display:none;}
.auvion-dropbtn::marker{content:"";}
.auvion-caret{font-size:.68rem;opacity:.6;margin-left:1px;transition:transform .18s;}
.auvion-drop[open] > .auvion-dropbtn{background:var(--av-b50);color:var(--av-b700);font-weight:600;}
.auvion-drop[open] > .auvion-dropbtn .auvion-caret{transform:rotate(180deg);}
.auvion-dropmenu{
  position:absolute;top:calc(100% + 6px);left:0;min-width:220px;
  background:#fff;border:1px solid var(--av-line);border-radius:var(--av-r-sm);
  box-shadow:var(--av-shadow-hover);padding:6px;z-index:1300;
  display:flex;flex-direction:column;gap:1px;
}
.auvion-dropmenu .auvion-tab{width:100%;padding:9px 12px;border-radius:8px;}

@media (max-width:1024px){
  .auvion-drop{width:100%;}
  .auvion-dropbtn{width:100%;justify-content:space-between;}
  .auvion-dropmenu{
    position:static;box-shadow:none;border:none;min-width:0;
    padding:2px 0 6px 14px;background:transparent;
  }
}

/* ---------- Wiederverwendbarer Seitenkopf ---------- */
.av-pagehead{margin:0 0 22px;}
.av-pagehead .eyebrow{display:block;margin-bottom:4px;}
.av-pagehead-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.av-pagehead h1{font-size:1.5rem;margin:0;line-height:1.2;}
.av-pagehead-sub{color:var(--av-muted);font-size:.92rem;margin-top:6px;max-width:760px;line-height:1.5;}
.av-pagehead-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
@media (max-width:768px){ .av-pagehead h1{font-size:1.28rem;} }

/* ---------- Admin-Bereich: linke Seitenleiste ---------- */
.auvion-admin-shell{display:flex;gap:24px;max-width:1340px;margin:0 auto;align-items:flex-start;padding:24px 20px 40px;}
.av-admin-sidebar{width:250px;flex:0 0 250px;position:sticky;top:82px;align-self:flex-start;}
.auvion-content-admin{flex:1 1 auto;min-width:0;max-width:none;margin:0;padding:0;}
.av-admin-nav{
  display:flex;flex-direction:column;gap:4px;
  background:var(--av-surface);border:1px solid var(--av-line);border-radius:var(--av-r);
  box-shadow:var(--av-shadow);padding:10px 8px;
}
.av-admin-group{border-bottom:1px solid var(--av-line);padding:4px 0;}
.av-admin-group:last-child{border-bottom:none;}
.av-admin-grouphead{
  list-style:none;cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;
  padding:8px 10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;
  font-weight:700;color:var(--av-muted);
}
.av-admin-grouphead::-webkit-details-marker{display:none;}
.av-admin-grouphead::marker{content:"";}
.av-admin-chev{margin-left:auto;font-size:1rem;line-height:1;transition:transform .18s;color:var(--av-muted);}
.av-admin-group[open] > .av-admin-grouphead .av-admin-chev{transform:rotate(90deg);}
.av-admin-links{display:flex;flex-direction:column;gap:1px;padding:2px 0 6px;}
.av-admin-link{
  display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;
  color:var(--av-body);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .15s;
}
.av-admin-link:hover{background:var(--av-soft);color:var(--av-b600);text-decoration:none;}
.av-admin-link.active{background:var(--av-b50);color:var(--av-b700);font-weight:600;}

/* Mobiler Umschalter für die Admin-Seitenleiste (Desktop: ausgeblendet) */
.av-admin-menubtn{
  display:none;align-items:center;gap:8px;background:var(--av-surface);border:1px solid var(--av-line);
  border-radius:var(--av-r-sm);padding:10px 14px;font-weight:600;color:var(--av-ink);cursor:pointer;
  box-shadow:var(--av-shadow);font-size:.95rem;
}

@media (max-width:1024px){
  .auvion-admin-shell{flex-direction:column;gap:12px;padding:14px 12px 40px;}
  .av-admin-menubtn{display:inline-flex;}
  .av-admin-sidebar{position:static;width:auto;flex:none;display:none;}
  .av-admin-sidebar.open{display:block;}
  .auvion-content-admin{width:100%;}
}

/* Klickbare Bereichs-Karten auf der Admin-Startseite */
.av-admin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.av-admin-card{
  display:block;background:var(--av-surface);border:1px solid var(--av-line);border-radius:var(--av-r);
  box-shadow:var(--av-shadow);padding:20px;text-decoration:none;color:inherit;transition:all .18s;
}
.av-admin-card:hover{box-shadow:var(--av-shadow-hover);transform:translateY(-2px);text-decoration:none;border-color:var(--av-b200);}
.av-admin-card-head{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;color:var(--av-ink);margin-bottom:8px;}
.av-admin-card-text{color:var(--av-muted);font-size:.9rem;line-height:1.5;}

/* ---------- Karten ---------- */
.mud-card{
  border-radius:var(--av-r)!important;border:1px solid var(--av-line)!important;
  box-shadow:var(--av-shadow)!important;background:#fff;transition:all .2s;
}
.mud-card:hover{box-shadow:var(--av-shadow-hover)!important;transform:translateY(-2px);}
.auvion-content .mud-paper:not(.mud-appbar){border-radius:var(--av-r);}

/* ---------- Buttons ---------- */
.mud-button-root{text-transform:none!important;border-radius:var(--av-r-sm)!important;font-weight:600!important;transition:all .2s;}
.mud-button-filled.mud-button-filled-primary{
  background-image:var(--av-grad)!important;color:#fff!important;border:none!important;box-shadow:var(--av-glow)!important;
}
.mud-button-filled.mud-button-filled-primary:hover{box-shadow:0 12px 30px rgba(59,130,246,.42)!important;transform:translateY(-1px);}

/* ---------- Tabellen ---------- */
.mud-table{border-radius:var(--av-r)!important;border:1px solid var(--av-line);box-shadow:var(--av-shadow)!important;overflow:hidden;}
.mud-table-head .mud-table-cell{background:var(--av-soft);color:var(--av-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;}
.mud-table-row:hover{background:var(--av-soft)!important;}

/* ---------- Verlaufstext / Eyebrow ---------- */
.gradient-text,.eyebrow{background-image:var(--av-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.eyebrow{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;}

/* ---------- Status-Pills ---------- */
.av-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;line-height:1.4;}
.av-badge.opportunity,.av-badge.green{background:rgba(14,163,113,.10);color:var(--av-bull);}
.av-badge.risk,.av-badge.red{background:rgba(229,72,77,.10);color:var(--av-bear);}
.av-badge.active,.av-badge.amber{background:rgba(245,158,11,.12);color:var(--av-amber);}
.av-badge.calm{background:var(--av-soft);color:var(--av-muted);}
.mud-chip{border-radius:999px!important;font-weight:600;}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}

/* ---------- Eingabefelder (MudBlazor) ---------- */
.mud-input.mud-input-outlined .mud-input-outlined-border{border-radius:var(--av-r-sm);}

/* ============================================================
   Account-Seiten (Login / Register) – Bootstrap-Markup
   ============================================================ */
.center{display:flex;justify-content:center;align-items:center;text-align:center;}
.row.center{margin:0;}
.row.center .col-md-4{width:100%;max-width:440px;padding:0 16px;}
.row.center section{
  display:block;background:#fff;border:1px solid var(--av-line);border-radius:var(--av-r);
  box-shadow:var(--av-shadow-hover);padding:30px 28px;margin:16px auto 40px;text-align:left;
}
.row.center section hr{display:none;}
.form-floating label,.form-label{color:var(--av-muted);font-weight:500;}
.form-control{
  border-radius:var(--av-r-sm)!important;border:1px solid var(--av-line)!important;
  padding:.7rem .9rem!important;font-size:.95rem!important;color:var(--av-ink);background:#fff;
  box-shadow:0 1px 2px rgba(14,26,51,.04);
}
.form-control:focus{border-color:var(--av-b400)!important;box-shadow:0 0 0 4px var(--av-b100)!important;}
.btn-primary,.btn-lg.btn-primary{
  background-image:var(--av-grad)!important;border:none!important;border-radius:var(--av-r-sm)!important;
  font-weight:600!important;padding:.7rem 1rem!important;box-shadow:var(--av-glow)!important;color:#fff!important;
}
.btn-primary:hover{box-shadow:0 12px 30px rgba(59,130,246,.42)!important;transform:translateY(-1px);}
.btn:focus,.btn:active:focus,.form-control:focus{box-shadow:0 0 0 4px var(--av-b100)!important;}
a,.btn-link{color:var(--av-b600);text-decoration:none;}
a:hover{color:var(--av-b700);text-decoration:underline;}
.text-danger{color:var(--av-bear)!important;}

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:#eef2f8;}
::-webkit-scrollbar-thumb{background:#cdd6e6;border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:#b6c2d8;}

/* ---------- Rohe HTML-Tabellen (nicht MudBlazor) angleichen ---------- */
.auvion-content table:not(.mud-table-root){border-collapse:collapse;border:none!important;}
.auvion-content table:not(.mud-table-root) th{
  background:var(--av-soft);color:var(--av-muted);font-size:.72rem;text-transform:uppercase;
  letter-spacing:.04em;font-weight:600;padding:10px 16px;text-align:left;border:none!important;border-bottom:1px solid var(--av-line)!important;
}
.auvion-content table:not(.mud-table-root) td{
  padding:9px 16px;border:none!important;border-bottom:1px solid var(--av-line)!important;color:var(--av-body);font-size:.9rem;
}
.auvion-content table:not(.mud-table-root) tr:last-child td{border-bottom:none!important;}
/* Add-Karten (Wallet/Strategie einbinden) Plus-Symbol in Markenfarbe */
.auvion-content .mud-card .mud-icon-button{color:var(--av-b600);}

/* ---------- Aufklapp-Panels (Signale/System) als saubere Karten ---------- */
.mud-expansion-panels{box-shadow:none!important;background:transparent!important;display:flex;flex-direction:column;gap:10px;}
.mud-expansion-panels .mud-expand-panel{
  border:1px solid var(--av-line)!important;border-radius:var(--av-r)!important;
  box-shadow:var(--av-shadow)!important;margin:0!important;background:#fff;
}
.mud-expansion-panels .mud-expand-panel::before{content:none!important;}
.mud-expand-panel-header{padding:14px 20px!important;}
.mud-expand-panel .mud-expand-panel-text{padding:4px 20px 18px!important;color:var(--av-body);}
/* gleichmäßige Innenabstände in Karten */
.auvion-content .mud-card .mud-card-content{padding:18px 20px;}

/* ---------- Karten ohne Leerraum, Toolbars & Leerzustände ---------- */
.auvion-content .mud-card{height:auto!important;}
.auvion-content > h3, .auvion-content > h2, .auvion-content > h1{margin:0 0 18px;}
.auvion-toolbar{
  display:flex;flex-wrap:wrap;align-items:center;gap:18px;
  background:#fff;border:1px solid var(--av-line);border-radius:var(--av-r);
  box-shadow:var(--av-shadow);padding:14px 18px;margin-bottom:20px;
}
.auvion-empty-card{
  background:#fff;border:1.5px dashed var(--av-line);border-radius:var(--av-r);
  padding:48px 24px;text-align:center;margin-top:8px;
}
.auvion-empty-title{color:var(--av-ink);font-weight:600;font-size:1.05rem;margin-bottom:6px;}
.auvion-empty-text{color:var(--av-muted);font-size:.9rem;}

/* ---------- Abstand zwischen gestapelten Karten + generische Seiten-Karte ---------- */
.auvion-content .mud-card{margin-bottom:18px;}
.auvion-content .mud-card:last-child{margin-bottom:0;}
.auvion-pagecard{
  background:#fff;border:1px solid var(--av-line);border-radius:var(--av-r);
  box-shadow:var(--av-shadow);padding:24px 26px;
}
.auvion-pagecard h3{margin:0 0 14px;font-size:1.15rem;}
.auvion-pagecard .mud-slider{margin:6px 0 4px;}

/* ---------- Systemstatus-Dashboard ---------- */
.av-status-grid{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:14px;}
.av-status-row{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--av-body);}
.av-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--av-calm);}
.av-dot.ok{background:var(--av-bull);box-shadow:0 0 0 3px rgba(14,163,113,.15);}
.av-dot.bad{background:var(--av-bear);box-shadow:0 0 0 3px rgba(229,72,77,.15);}
.av-dot.amber{background:var(--av-amber);box-shadow:0 0 0 3px rgba(217,119,6,.15);}
.av-status-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 24px;color:var(--av-muted);font-size:.88rem;border-top:1px solid var(--av-line);padding-top:12px;}
.av-status-meta b{color:var(--av-ink);font-weight:600;}

/* ---------- Signal-Umbenennen + Webhook-Block ---------- */
.av-rename{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 14px;}
.av-webhook{background:var(--av-soft);border:1px solid var(--av-line);border-radius:var(--av-r-sm);padding:14px 16px;margin-bottom:16px;}
.av-wh-row{margin-bottom:10px;}
.av-wh-row:last-child{margin-bottom:0;}
.av-wh-label{font-size:.78rem;color:var(--av-muted);margin-bottom:5px;font-weight:600;}
.av-wh-val{display:flex;align-items:flex-start;gap:8px;}
.av-wh-val code,.av-wh-val pre{flex:1;background:#fff;border:1px solid var(--av-line);border-radius:8px;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--av-ink);margin:0;overflow-x:auto;white-space:pre-wrap;word-break:break-all;}

/* ---------- Ereignis-/Fehlerliste (System) ---------- */
.av-events{display:flex;flex-direction:column;}
.av-event-row{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;padding:9px 0;border-bottom:1px solid var(--av-line);}
.av-event-row:last-child{border-bottom:none;}
.av-event-time{color:var(--av-muted);white-space:nowrap;font-size:.78rem;min-width:135px;}
.av-event-msg{color:var(--av-body);}
.av-badge.amber{background:rgba(245,158,11,.12);color:var(--av-amber);}

/* ---------- Mobile Navigation ---------- */


/* ============================================================
   Navigation: Desktop-Leiste + mobiles Hamburger-Menü
   ============================================================ */
.auvion-burger{display:none;background:none;border:none;color:var(--av-ink);cursor:pointer;padding:6px;border-radius:8px;}
.auvion-burger:hover{background:var(--av-soft);}
.auvion-menu{flex:1;display:flex;align-items:center;gap:6px;min-width:0;}
.auvion-menu .auvion-nav{flex-wrap:wrap;}
.auvion-menu-foot{display:flex;align-items:center;gap:10px;margin-left:auto;}

@media (max-width: 1024px){
  .auvion-appbar .mud-toolbar{position:relative;min-height:60px;}
  .auvion-burger{display:inline-flex;margin-left:auto;}
  .auvion-menu{
    display:none;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:2px;
    background:#fff;border-bottom:1px solid var(--av-line);box-shadow:var(--av-shadow-md);
    padding:10px;z-index:1200;
  }
  .auvion-menu.open{display:flex;}
  .auvion-menu .auvion-nav{flex-direction:column;align-items:stretch;gap:2px;width:100%;}
  .auvion-menu .auvion-tab{width:100%;padding:11px 12px;font-size:.95rem;}
  .auvion-menu-foot{margin-left:0;flex-direction:column;align-items:stretch;gap:8px;border-top:1px solid var(--av-line);margin-top:6px;padding-top:10px;}
  .auvion-user{display:block;max-width:none;white-space:normal;}
  .auvion-logout-form,.auvion-logout{width:100%;}
}

/* ---------- Seiten generell mobil ---------- */
@media (max-width: 768px){
  .auvion-content{padding:18px 12px 56px;}
  .auvion-content .mud-card{width:100%!important;max-width:100%!important;height:auto!important;}
  .auvion-content div[style*="900px"]{width:auto!important;max-width:100%!important;}
  .av-status-grid{flex-direction:column;gap:10px;}
  .av-status-meta{grid-template-columns:1fr;}
  .av-event-time{min-width:auto;}
  .av-wh-val{flex-direction:column;align-items:stretch;}
  .av-rename{flex-direction:column;align-items:stretch;}
}

/* ============================================================
   Mobile-First-Härtung: feste Pixelbreiten kappen, Tabellen scrollen,
   Eingaben & Buttons vollbreit. Greift auf allen kleinen Screens.
   ============================================================ */
@media (max-width: 768px){
  /* Inhalt darf nicht breiter als der Viewport werden -> kein horizontales Rütteln */
  .auvion-content, .auvion-content-admin{max-width:100%;overflow-x:hidden;}

  /* Alle Elemente mit fester Pixel-Angabe im Inline-Style auf Containerbreite begrenzen */
  .auvion-content [style*="px"]{max-width:100%!important;}

  /* Häufige feste Breiten explizit auf 100% ziehen (Formulare, Karten, Container) */
  .auvion-content [style*="width: 700px"],
  .auvion-content [style*="width:700px"],
  .auvion-content [style*="width: 600px"],
  .auvion-content [style*="width:600px"],
  .auvion-content [style*="width: 500px"],
  .auvion-content [style*="width:500px"],
  .auvion-content [style*="width: 420px"],
  .auvion-content [style*="width: 400px"],
  .auvion-content [style*="width:400px"],
  .auvion-content [style*="width: 360px"],
  .auvion-content [style*="width: 340px"],
  .auvion-content [style*="width: 300px"],
  .auvion-content [style*="width:300px"],
  .auvion-content [style*="width: 250px"]{width:100%!important;max-width:100%!important;}

  /* MudBlazor-Eingaben, Selects und Buttons vollbreit und antippbar */
  .auvion-content .mud-input-control,
  .auvion-content .mud-select,
  .auvion-content .mud-textfield,
  .auvion-content .mud-input-slot{width:100%!important;max-width:100%!important;}
  .auvion-content .mud-button-root{min-height:44px;}
  .auvion-content .mud-icon-button{min-width:40px;min-height:40px;}

  /* Tabellen (MudBlazor + roh) horizontal scrollbar statt Überlauf */
  .auvion-content .mud-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .auvion-content table:not(.mud-table-root){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}

  /* Stacks/Reihen umbrechen statt überlaufen */
  .auvion-content .mud-stack-row,
  .auvion-content .d-flex.flex-row{flex-wrap:wrap;}

  /* Dialoge nutzen fast die volle Breite */
  .mud-dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin:12px!important;}

  /* Seitenkopf-Aktionen unter den Titel */
  .av-pagehead-row{flex-direction:column;}
  .av-pagehead-actions{width:100%;}

  /* Admin-Bereichskarten einspaltig */
  .av-admin-cards{grid-template-columns:1fr;}
}

/* Etwas größere Handys/kleine Tablets: Grundabstände etwas reduzieren */
@media (max-width: 480px){
  .auvion-content{padding:14px 10px 48px;}
  .av-pagehead h1{font-size:1.2rem;}
}