/* VTE Werkzeugkasten (meAVToolbox) – VTE Veranstaltungstechnik · Media & Engineering - Marc Engbarth */
#me-avtb{
  /* ===== Markenfarben hier anpassen ===== */
  --me-accent:#f5a623;      /* Hauptakzent (Buttons, Balken) */
  --me-accent2:#3fb6ff;     /* Zweitfarbe (Referenz, Linien) */
  /* ====================================== */
  --me-bg:#0f1216;--me-panel:#171b21;--me-panel2:#1d222a;--me-line:#2a313b;--me-text:#e7eaef;--me-muted:#9aa4b0;--me-danger:#ff5b5b;--me-ok:#43d17a;
  --me-radius:12px;--me-mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--me-text);background:var(--me-bg);
  border-radius:var(--me-radius);padding:20px;box-sizing:border-box;max-width:1200px;margin:0 auto;
}
#me-avtb[data-theme="light"]{--me-bg:#f4f5f7;--me-panel:#fff;--me-panel2:#f0f2f5;--me-line:#dde1e7;--me-text:#1a1f26;--me-muted:#5f6b78}
#me-avtb *,#me-avtb *::before,#me-avtb *::after{box-sizing:border-box}
#me-avtb h1,#me-avtb h2,#me-avtb h3{margin:0 0 .4em;line-height:1.2;color:var(--me-text)}
#me-avtb h1{font-size:1.7rem}#me-avtb h2{font-size:1.4rem}#me-avtb h3{font-size:1.05rem}
#me-avtb p{margin:0 0 .8em}
#me-avtb a{color:var(--me-accent)}
#me-avtb .me-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
#me-avtb .me-logo{width:44px;height:44px;border-radius:10px;background:var(--me-accent);color:#111;display:grid;place-items:center;font-weight:800;letter-spacing:.5px;font-size:13px}
#me-avtb .me-head .me-sub{color:var(--me-muted);font-size:.9rem}
#me-avtb .me-head .me-sp{flex:1}
#me-avtb button,#me-avtb .me-btn{font:inherit;cursor:pointer;border:1px solid var(--me-line);background:var(--me-panel2);color:var(--me-text);padding:8px 14px;border-radius:8px;transition:.15s}
#me-avtb button:hover{border-color:var(--me-accent)}
#me-avtb button.me-primary{background:var(--me-accent);color:#111;border-color:var(--me-accent);font-weight:600}
#me-avtb button.me-primary.me-run{background:var(--me-danger);border-color:var(--me-danger);color:#fff}
#me-avtb button.me-small{padding:4px 10px;font-size:.85rem}
#me-avtb .me-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
#me-avtb .me-nav a{text-decoration:none;color:var(--me-muted);padding:6px 12px;border-radius:20px;border:1px solid var(--me-line);font-size:.9rem}
#me-avtb .me-nav a.on,#me-avtb .me-nav a:hover{color:#111;background:var(--me-accent);border-color:var(--me-accent)}
#me-avtb .me-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:22px}
#me-avtb .me-card{display:block;text-decoration:none;color:var(--me-text);background:var(--me-panel);border:1px solid var(--me-line);border-radius:var(--me-radius);padding:16px;transition:.15s;position:relative}
#me-avtb a.me-card:hover{border-color:var(--me-accent);transform:translateY(-2px)}
#me-avtb .me-card .me-tag{font-family:var(--me-mono);font-size:.75rem;color:var(--me-accent);letter-spacing:1px}
#me-avtb .me-card b{display:block;font-size:1.05rem;margin:4px 0}
#me-avtb .me-card span{color:var(--me-muted);font-size:.88rem}
#me-avtb .me-card.me-soon{opacity:.55}
#me-avtb .me-cat{font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--me-muted);margin:6px 0 8px}
#me-avtb .me-panel{background:var(--me-panel);border:1px solid var(--me-line);border-radius:var(--me-radius);padding:16px;margin-bottom:14px}
#me-avtb .me-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
#me-avtb label.me-f{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--me-muted)}
#me-avtb label.me-chk{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--me-text)}
#me-avtb input,#me-avtb select{font:inherit;color:var(--me-text);background:var(--me-panel2);border:1px solid var(--me-line);border-radius:8px;padding:7px 9px;width:100%;min-width:0}
#me-avtb input[type=checkbox]{width:auto}
#me-avtb input[type=range]{padding:0;accent-color:var(--me-accent)}
#me-avtb input:focus,#me-avtb select:focus{outline:2px solid var(--me-accent);outline-offset:-1px}
#me-avtb .me-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:14px}
#me-avtb .me-kpi{background:var(--me-panel2);border:1px solid var(--me-line);border-radius:10px;padding:10px 12px}
#me-avtb .me-kpi small{display:block;color:var(--me-muted);font-size:.78rem}
#me-avtb .me-kpi b{font-family:var(--me-mono);font-size:1.25rem;font-weight:600}
#me-avtb .me-kpi.me-big{border-color:var(--me-accent)}
#me-avtb .me-kpi.me-big b{color:var(--me-accent);font-size:1.6rem}
#me-avtb .me-hint{font-size:.85rem;color:var(--me-muted);margin-top:10px}
#me-avtb .me-how{background:transparent;border:1px dashed var(--me-line)}
#me-avtb .me-how h3{color:var(--me-accent)}
#me-avtb .me-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#me-avtb table{width:100%;border-collapse:collapse;font-size:.9rem}
#me-avtb th,#me-avtb td{padding:5px 6px;border-bottom:1px solid var(--me-line);text-align:left}
#me-avtb th{color:var(--me-muted);font-weight:500;font-size:.8rem}
#me-avtb td.me-num{font-family:var(--me-mono);text-align:right;white-space:nowrap}
#me-avtb td input{padding:4px 6px}
#me-avtb .me-tablewrap{overflow-x:auto}
#me-avtb canvas{display:block;width:100%;border-radius:8px;background:var(--me-panel2);touch-action:none}
#me-avtb .me-status{font-family:var(--me-mono);font-size:.78rem;color:var(--me-muted);display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px}
#me-avtb .me-status b{color:var(--me-text);font-weight:500}
#me-avtb .me-warn{color:var(--me-danger)}
#me-avtb .me-stage{position:relative}
#me-avtb .me-stage:fullscreen{background:var(--me-bg);padding:16px;display:flex;flex-direction:column;gap:8px}
#me-avtb .me-stage:fullscreen canvas.me-rta-main{flex:1;height:auto!important}
#me-avtb .me-peak{font-family:var(--me-mono);font-size:1.1rem}
#me-avtb .me-peak b{color:var(--me-accent);font-size:1.5rem}
#me-avtb .me-legend{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--me-muted);margin-top:6px}
#me-avtb .me-legend i{display:block;height:10px;flex:1;max-width:260px;border-radius:5px}
#me-avtb .me-cols{display:grid;grid-template-columns:320px 1fr;gap:14px}
@media (max-width:860px){#me-avtb .me-cols{grid-template-columns:1fr}#me-avtb{padding:12px}}
#me-avtb .me-foot{margin-top:22px;padding-top:12px;border-top:1px solid var(--me-line);font-size:.8rem;color:var(--me-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
#me-avtb .me-back{display:inline-block;margin-bottom:10px;font-size:.88rem;text-decoration:none}
#me-avtb[data-single="1"] .me-nav,#me-avtb[data-single="1"] .me-back,#me-avtb[data-single="1"] .me-overview{display:none!important}
#me-avtb .me-nav{align-items:center}
#me-avtb .me-ng{font-size:.7rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--me-muted);margin:0 2px 0 10px}
#me-avtb .me-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--me-text);color:var(--me-bg);padding:10px 16px;border-radius:8px;opacity:0;pointer-events:none;transition:.25s;z-index:99999;font-size:.9rem}
#me-avtb .me-toast.on{opacity:1;transform:translateX(-50%)}
#me-avtb .me-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--me-line);margin-bottom:14px}
#me-avtb .me-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--me-muted);padding:8px 14px}
#me-avtb .me-tabs button.on{color:var(--me-text);border-bottom-color:var(--me-accent)}
#me-avtb textarea{font:inherit;color:var(--me-text);background:var(--me-panel2);border:1px solid var(--me-line);border-radius:8px;padding:7px 9px;width:100%;min-height:70px;resize:vertical}
#me-avtb .me-tb{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
#me-avtb .me-tb button.on{background:var(--me-accent);color:#111;border-color:var(--me-accent)}
#me-avtb .me-sep{width:1px;height:26px;background:var(--me-line);margin:0 4px}
#me-avtb tr.me-cur td{background:color-mix(in srgb,var(--me-accent) 22%,transparent)}
#me-avtb tr.me-done td{opacity:.5}
#me-avtb tr.me-sel td{background:color-mix(in srgb,var(--me-accent2) 20%,transparent)}
#me-avtb .me-big-btn{font-size:1.6rem;font-weight:800;padding:14px 34px;letter-spacing:2px}
#me-avtb .me-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
#me-avtb .me-tile{background:var(--me-panel2);border:1px solid var(--me-line);border-radius:10px;padding:10px;cursor:pointer;min-height:84px;position:relative;overflow:hidden;user-select:none}
#me-avtb .me-tile b{display:block;font-size:.95rem}#me-avtb .me-tile small{color:var(--me-muted)}
#me-avtb .me-tile.me-play{border-color:var(--me-ok)}#me-avtb .me-tile.me-stby{border-color:var(--me-accent)}
#me-avtb .me-prog{position:absolute;left:0;bottom:0;height:4px;background:var(--me-ok)}
#me-avtb .me-drop{border:2px dashed var(--me-line);border-radius:10px;padding:14px;text-align:center;color:var(--me-muted);font-size:.9rem}
#me-avtb .me-drop.on{border-color:var(--me-accent);color:var(--me-text)}
#me-avtb .me-tdisp{background:#000;color:#fff;border-radius:10px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:system-ui,sans-serif;container-type:size}
#me-avtb .me-tdisp:fullscreen{border-radius:0}
#me-avtb .me-doc{background:#fff;color:#111;border-radius:8px;padding:22px;font-size:.88rem;max-height:720px;overflow:auto}
#me-avtb .me-doc h1,#me-avtb .me-doc h2{color:#111}
#me-avtb .me-doc table th,#me-avtb .me-doc table td{border:1px solid #ccc;color:#111}
#me-avtb .me-doc th{background:#eee}
#me-avtb .me-lpwrap{display:grid;grid-template-columns:1fr 280px;gap:12px}
#me-avtb .me-lpwrap.me-wide{grid-template-columns:1fr}
@media (max-width:860px){#me-avtb .me-lpwrap{grid-template-columns:1fr}}
#me-avtb .me-mini{font-size:.8rem}

#me-avtb [hidden]{display:none!important}

/* ===== meVTE: Farben und Schriften aus dem Theme (Bühnenschwarz & Laser) ===== */
#me-avtb[data-theme="dark"]{
  --me-accent:var(--global-palette1,#B0CC1F);
  --me-accent2:var(--global-palette2,#E50A80);
  --me-bg:var(--global-palette9,#0F1013);
  --me-panel:var(--global-palette8,#181A1F);
  --me-panel2:#1F2228;
  --me-line:var(--global-palette7,#2A2D34);
  --me-text:var(--global-palette3,#F1F1F3);
  --me-muted:var(--global-palette5,#A6AAB3);
}
#me-avtb[data-theme="light"]{--me-accent:#7A9200;--me-accent2:#B8006A}
#me-avtb{font-family:var(--global-body-font-family,system-ui,sans-serif);max-width:none;border:1px solid var(--me-line)}
#me-avtb h1,#me-avtb h2,#me-avtb h3{font-family:var(--global-heading-font-family,inherit);text-transform:uppercase;letter-spacing:.5px}
#me-avtb .me-logo{font-family:var(--global-heading-font-family,inherit);font-size:16px}
#me-avtb .me-card .me-tag{color:var(--me-accent2)}