/* MedicOnFire Dashboard – Schwarz/Orange */
 :root,[data-bs-theme=dark]{
     --accent:#ff6a00;
    --panel:#0d0d0d;
    --line:#222;
    --muted:#8a8a8a;
     --bs-body-bg:#000;
    --bs-body-color:#f5f5f5;
    --bs-border-color:#222;
     --bs-primary:#ff6a00;
    --bs-primary-rgb:255,106,0;
     --bs-link-color:#ff6a00;
    --bs-link-hover-color:#ff8533;
     --bs-body-font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}
 body{
    -webkit-font-smoothing:antialiased
}
 h1,h2,h3,h4{
    letter-spacing:-.02em;
    font-weight:800
}
 .page-title{
    font-size:clamp(1.7rem,4vw,2.4rem);
    margin-bottom:.25rem
}
/* Navbar */
 .app-nav{
    background:rgba(0,0,0,.85);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line)
}
 .app-nav .navbar-brand{
    font-weight:800;
    letter-spacing:-.02em;
    display:flex;
    align-items:center;
    gap:.6rem
}
 .app-nav .nav-link{
    color:var(--muted);
    font-weight:500;
    border-radius:999px;
    padding:.45rem .95rem;
    transition:.2s
}
 .app-nav .nav-link:hover,.app-nav .nav-link.active{
    color:#fff;
    background:var(--panel)
}
 .avatar{
    width:34px;
    height:34px;
    border-radius:50%;
    background:var(--accent);
    color:#000;
    display:grid;
    place-items:center;
    font-weight:800
}
/* Cards & Formulare */
 .card{
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:16px
}
 .card-hero{
    background:var(--accent);
    border-color:var(--accent);
    color:#000
}
 .card-hero .text-secondary{
    color:rgba(0,0,0,.65)!important
}
 a.card-link{
    color:inherit;
    text-decoration:none;
    transition:border-color .2s,transform .2s
}
 a.card-link:hover{
    border-color:var(--accent)
}
 .form-control,.form-select{
    background-color:#000;
    border-color:var(--line);
    border-radius:12px;
    color:#fff
}
 .form-control:focus,.form-select:focus{
    background-color:#000;
    border-color:var(--accent);
    box-shadow:0 0 0 .2rem rgba(255,106,0,.18);
    color:#fff
}
 .form-control:disabled{
    background:#080808;
    color:#555
}
 .form-control-color{
    padding:.3rem;
    height:calc(1.5em + .75rem + 2px)
}
 .form-label{
    font-weight:600;
    font-size:.88rem
}
 .form-check-input:checked{
    background-color:var(--accent);
    border-color:var(--accent)
}
 .form-check-input:focus{
    border-color:var(--accent);
    box-shadow:0 0 0 .2rem rgba(255,106,0,.18)
}
 .btn{
    border-radius:999px;
    font-weight:600;
    padding:.5rem 1.25rem
}
 .btn-primary{
    --bs-btn-bg:#ff6a00;
    --bs-btn-border-color:#ff6a00;
    --bs-btn-color:#000;
    --bs-btn-hover-bg:#ff8533;
    --bs-btn-hover-border-color:#ff8533;
    --bs-btn-hover-color:#000;
    --bs-btn-active-bg:#e65f00;
    --bs-btn-active-border-color:#e65f00;
    --bs-btn-active-color:#000;
    --bs-btn-disabled-bg:#ff6a00;
    --bs-btn-disabled-border-color:#ff6a00
}
 .btn-outline-light{
    --bs-btn-border-color:#222;
    --bs-btn-color:#f5f5f5;
    --bs-btn-hover-bg:#111;
    --bs-btn-hover-border-color:#ff6a00;
    --bs-btn-hover-color:#fff
}
 .btn:focus-visible,a:focus-visible{
    outline:2px solid var(--accent);
    outline-offset:3px
}
/* Listen */
 .day:last-child{
    border-bottom:0!important
}
 .list-row{
    display:flex;
    align-items:center;
    gap:.9rem;
    padding:.9rem 0;
    border-bottom:1px solid var(--line)
}
 .list-row:last-child{
    border-bottom:0
}
 .dot{
    width:10px;
    height:10px;
    border-radius:50%;
    flex:none;
    background:var(--accent)
}
 .dot.online{
    background:#3ddc84;
    box-shadow:0 0 0 4px rgba(61,220,132,.15)
}
 .todo-done .todo-text{
    text-decoration:line-through;
    color:var(--muted)
}
 .badge-prio{
    border:1px solid var(--line);
    font-weight:600;
    color:var(--muted)
}
 .badge-prio.hoch{
    color:var(--accent);
    border-color:rgba(255,106,0,.5)
}
/* Vorschau (Discord-Look) */
 .preview{
    background:#313338;
    color:#dbdee1;
    border-radius:12px;
    padding:1rem;
    font-size:.92rem
}
 .preview pre{
    margin:0;
    white-space:pre-wrap;
    font-family:inherit;
    color:inherit
}
 .embed{
    background:#2b2d31;
    border-left:4px solid var(--accent);
    border-radius:6px;
    padding:.8rem 1rem;
    margin-top:.5rem;
    max-width:460px
}
 .embed h6{
    color:#fff;
    font-weight:700;
    margin-bottom:.3rem
}
 .ping{
    color:#c9cdfb;
    background:rgba(88,101,242,.3);
    border-radius:4px;
    padding:0 3px
}