.oat-layer{position:fixed;inset:0;pointer-events:none;z-index:9100}.oat-tafel{position:absolute;width:min(620px,calc(100vw - 48px));max-height:min(680px,calc(100vh - 96px));display:flex;flex-direction:column;border-radius:var(--dropdown-radius,14px);border:1px solid var(--dropdown-border,rgba(255,255,255,.18));background:var(--dropdown-bg,rgba(15,23,42,.97));box-shadow:var(--shadow-lg,0 8px 32px rgba(0,0,0,.18)),0 0 0 1px rgba(255,255,255,.04);color:var(--dropdown-text-color,rgba(255,255,255,.9));pointer-events:all;overflow:hidden;will-change:transform;transform:translateZ(0)}[data-dropdown-blur] .oat-tafel{-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.oat-tafel--dragging{box-shadow:var(--shadow-lg,0 8px 32px rgba(0,0,0,.3)),0 0 0 2px var(--accent-primary,rgba(244,114,182,.6))}.oat-kopf{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;cursor:grab;-webkit-user-select:none;user-select:none;background:rgba(255,255,255,.03)}.oat-tafel--dragging .oat-kopf{cursor:grabbing}.oat-griff{display:grid;grid-template-columns:1fr 1fr;gap:3px;opacity:.35;flex-shrink:0}.oat-griff span{width:3px;height:3px;border-radius:50%;background:currentColor;display:block}.oat-kopf:hover .oat-griff{opacity:.7}.oat-titel{font-size:.95rem;font-weight:700;flex:1 1;min-width:0}.oat-unterzeile{font-size:.72rem;color:rgba(255,255,255,.45);font-weight:400;margin-top:2px}.oat-schliessen{background:none;border:none;color:rgba(255,255,255,.45);cursor:pointer;font-size:1.1rem;line-height:1;padding:4px 6px;border-radius:6px;flex-shrink:0}.oat-schliessen:hover{color:rgba(255,255,255,.85);background:rgba(255,255,255,.08)}.oat-tafel--vorschau{position:relative;width:100%;max-height:none}.oat-tafel--vorschau .oat-kopf,.oat-tafel--vorschau .oat-zeile{cursor:default}.oat-tafel--vorschau .oat-zeile:hover{background:rgba(255,255,255,.03)}.oat-fortschritt{padding:8px 16px 10px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.oat-fortschritt-zeile{display:flex;justify-content:space-between;align-items:baseline;font-size:.72rem;font-weight:600;color:rgba(34,197,94,.9);margin-bottom:5px}.oat-fortschritt-rest{font-weight:400;color:rgba(255,255,255,.35)}.oat-fortschritt-schiene{height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}.oat-fortschritt-balken{height:100%;border-radius:2px;background:linear-gradient(90deg,rgba(34,197,94,.8),rgba(74,222,128,.9));transition:width var(--transition-smooth,.3s cubic-bezier(.4,0,.2,1))}.oat-liste{flex:1 1;overflow-y:auto;padding:8px}.oat-zeile{width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:9px 10px;margin-bottom:5px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);color:inherit;cursor:pointer;transition:background var(--transition-fast,.15s ease)}.oat-zeile:hover{background:rgba(255,255,255,.07)}.oat-punkt{width:8px;height:8px;border-radius:50%;flex-shrink:0}.oat-text{flex:1 1;min-width:0;display:block}.oat-name{font-size:.82rem;font-weight:600}.oat-meta,.oat-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oat-meta{font-size:.68rem;color:rgba(255,255,255,.4)}.oat-zahl{text-align:right;flex-shrink:0;white-space:nowrap}.oat-kontakte{display:block;font-size:.85rem;font-weight:800}.oat-fehlt{display:block;font-size:.62rem;color:rgba(255,255,255,.35)}.oat-leer{padding:28px 16px;text-align:center;font-size:.8rem;color:rgba(255,255,255,.4)}.oat-fuss{padding:9px 14px;border-top:1px solid rgba(255,255,255,.08);font-size:.68rem;color:rgba(255,255,255,.35);flex-shrink:0}