/* Phase 3: Geraete & Lizenzen */
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem;max-width:1000px}
.filters select{width:auto;min-width:150px}
.dev-card{background:#fff;border-color:var(--border)}
.dev-card:hover{background:var(--bg-surface)}
.dev-gone{opacity:.55}
.info-box{background:#eff6ff;border:1.5px solid #93c5fd;border-radius:var(--r-md);padding:.7rem 1rem;margin-bottom:1rem;max-width:1000px;font-size:.88rem}
.badge.exp-ok{background:#dcfce7;color:#15803d}
.badge.exp-soon{background:#fef08a;color:#854d0e}
.badge.exp-over{background:#fecaca;color:#b91c1c}
.badge.blue{background:#dbeafe;color:#1d4ed8}
.multi-box{max-height:260px;overflow-y:auto;border:1.5px solid var(--border);border-radius:var(--r-sm);padding:.3rem .5rem;margin-top:.4rem;background:#fff}
.multi-box label{display:flex;align-items:center;gap:.45rem;padding:.2rem 0;font-weight:400;font-size:.85rem;color:var(--text)}
.multi-box input{width:auto}
.lic-key{font-family:ui-monospace,Consolas,monospace;word-break:break-all}
@media (max-width:800px){ .filters select{flex:1 1 45%} }