/* Wimmer Community V6.22 - Notifikationscenter Pro + Online-status */
.wc-notif-page,.wc-online-page{max-width:1240px;margin:0 auto;display:grid;gap:18px}
.wc-notif-hero,.wc-online-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid rgba(94,234,212,.18);background:linear-gradient(135deg,rgba(8,20,32,.96),rgba(5,13,22,.94));border-radius:28px;padding:24px}
.wc-notif-hero h1,.wc-online-hero h1{margin:0;font-size:36px}.wc-notif-hero p,.wc-online-hero p{color:#a8b7ca;line-height:1.5}
.wc-notif-hero-count,.wc-online-count{min-width:130px;text-align:center;border:1px solid rgba(94,234,212,.22);background:rgba(94,234,212,.08);border-radius:22px;padding:16px}.wc-notif-hero-count strong,.wc-online-count strong{display:block;color:#8affc3;font-size:36px}.wc-notif-hero-count span,.wc-online-count span{color:#9fb0c6;font-weight:900}
.wc-notif-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.wc-notif-stats a{text-decoration:none;color:#eaf6ff;border:1px solid rgba(148,163,184,.16);background:rgba(9,20,33,.82);border-radius:20px;padding:16px}.wc-notif-stats a.active{border-color:rgba(94,234,212,.35);background:rgba(94,234,212,.10)}.wc-notif-stats b{display:block;color:#5eead4;font-size:26px}.wc-notif-stats span{color:#9fb0c6}
.wc-notif-card,.wc-online-card{border:1px solid rgba(148,163,184,.16);background:rgba(9,20,33,.82);border-radius:24px;padding:20px}
.wc-notif-actions{display:grid;gap:12px;margin-bottom:16px}.wc-notif-filters,.wc-notif-action-forms,.wc-online-filter{display:flex;gap:8px;flex-wrap:wrap}.wc-notif-filters a,.wc-online-filter a{text-decoration:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#dbeafe;border-radius:999px;padding:9px 12px;font-weight:900}.wc-notif-filters a.active,.wc-online-filter a.active{background:rgba(45,216,131,.18);color:#8affc3;border-color:rgba(45,216,131,.32)}.wc-notif-action-forms form{margin:0}
.wc-notif-list{display:grid;gap:12px}.wc-notif-item{display:grid;grid-template-columns:50px 1fr auto;gap:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:20px;padding:14px;align-items:start}.wc-notif-item.unread{border-color:rgba(94,234,212,.28);background:rgba(94,234,212,.07)}.wc-notif-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:rgba(94,234,212,.10);color:#8affc3;font-size:22px}.wc-notif-body strong{display:block;color:#fff;font-size:17px}.wc-notif-body p{color:#cbd8ea;margin:5px 0;line-height:1.45}.wc-notif-body small{color:#9fb0c6}.wc-notif-item-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wc-notif-item-actions form{margin:0}.wc-notif-empty{border:1px dashed rgba(255,255,255,.15);border-radius:18px;padding:20px;color:#9fb0c6}.wc-notif-empty strong,.wc-notif-empty span{display:block}
.wc-online-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wc-online-user{position:relative;text-decoration:none;color:#eaf6ff;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:20px;padding:14px;display:grid;gap:6px;justify-items:center;text-align:center}.wc-online-user:hover{border-color:rgba(94,234,212,.28)}.wc-online-user img{width:66px;height:66px;border-radius:50%;object-fit:cover;border:2px solid rgba(94,234,212,.28)}.wc-online-user strong{color:#fff}.wc-online-user em{font-style:normal;color:#9fb0c6;font-size:13px}.wc-online-dot{position:absolute;right:18px;top:18px;width:13px;height:13px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.16)}
.online-mini-link{display:flex!important;align-items:center;gap:6px!important}.online-mini-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
@media(max-width:1000px){.wc-notif-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.wc-online-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wc-notif-item{grid-template-columns:42px 1fr}.wc-notif-item-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:650px){.wc-notif-hero,.wc-online-hero{display:grid;border-radius:22px;padding:18px}.wc-notif-stats,.wc-online-grid{grid-template-columns:1fr}.wc-notif-action-forms{display:grid}.wc-notif-action-forms .wc-btn,.wc-notif-item-actions .wc-btn{width:100%}.wc-notif-item-actions{display:grid}.wc-notif-page,.wc-online-page{gap:14px}.wc-notif-card,.wc-online-card{padding:15px;border-radius:20px}}


/* V6.23 - brugerstatus */
.wc-status-page{max-width:1100px;margin:0 auto;display:grid;gap:18px}
.wc-status-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border:1px solid rgba(94,234,212,.18);background:linear-gradient(135deg,rgba(8,20,32,.96),rgba(5,13,22,.94));border-radius:28px;padding:24px}
.wc-status-hero h1{margin:0;font-size:36px}.wc-status-hero p{color:#a8b7ca;line-height:1.5}.wc-status-current{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:22px;padding:16px;display:grid;gap:8px;min-width:220px}.wc-status-current>span{color:#9fb0c6;font-weight:900}
.wc-status-card{border:1px solid rgba(148,163,184,.16);background:rgba(9,20,33,.82);border-radius:24px;padding:20px}.wc-status-form{display:grid;gap:16px}.wc-status-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.wc-status-option{cursor:pointer;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:18px;padding:14px;display:block}.wc-status-option input{position:absolute;opacity:0;pointer-events:none}.wc-status-option span{display:grid;gap:6px}.wc-status-option i,.wc-status-badge i{width:12px;height:12px;border-radius:50%;display:inline-block;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14)}.wc-status-option strong{color:#fff}.wc-status-option em{font-style:normal;color:#9fb0c6;font-size:13px;line-height:1.35}.wc-status-option:has(input:checked){border-color:rgba(94,234,212,.42);background:rgba(94,234,212,.10)}
.wc-status-message{display:grid;gap:7px}.wc-status-message input{width:100%;border:1px solid rgba(148,163,184,.18);background:#07111d;color:#eef7ff;border-radius:16px;padding:13px}.wc-status-message em{font-style:normal;color:#9fb0c6}.wc-status-actions{display:flex;gap:10px;flex-wrap:wrap}.wc-status-info{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.wc-status-info div{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:16px;padding:12px}.wc-status-info strong,.wc-status-info span{display:block}.wc-status-info span{color:#9fb0c6;font-size:13px;margin-top:4px}
.wc-status-badge{display:inline-flex;align-items:center;gap:6px;justify-content:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:999px;padding:6px 9px;color:#eaf6ff;font-size:12px;font-weight:900}.wc-status-badge strong{font-size:12px!important;color:#fff!important}.wc-status-badge em{font-style:normal;color:#9fb0c6;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-busy i,.wc-online-dot.status-busy{background:#f59e0b!important;box-shadow:0 0 0 4px rgba(245,158,11,.16)!important}.status-away i,.wc-online-dot.status-away{background:#38bdf8!important;box-shadow:0 0 0 4px rgba(56,189,248,.16)!important}.status-dnd i,.wc-online-dot.status-dnd{background:#ef4444!important;box-shadow:0 0 0 4px rgba(239,68,68,.16)!important}.status-offline i,.wc-online-dot.status-offline{background:#64748b!important;box-shadow:0 0 0 4px rgba(100,116,139,.16)!important}.status-online i,.wc-online-dot.status-online{background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.16)!important}
.user-status-mini{display:inline-flex;align-items:center;gap:6px;margin-top:2px;color:#9fb0c6;font-size:11px;font-weight:900}.user-status-mini i{width:8px;height:8px;border-radius:50%;display:inline-block;background:#22c55e}
@media(max-width:1050px){.wc-status-options,.wc-status-info{grid-template-columns:1fr 1fr}.wc-status-hero{grid-template-columns:1fr}}
@media(max-width:650px){.wc-status-options,.wc-status-info{grid-template-columns:1fr}.wc-status-hero{padding:18px;border-radius:22px}.wc-status-card{padding:15px;border-radius:20px}.wc-status-actions{display:grid}.wc-status-actions .wc-btn{width:100%}.wc-status-badge em{max-width:120px}}