/* WarDrix 1.32.0 - Profil-Feinschliff: Aktionsbuttons mit Verlauf und Bewegung */

.profile-side-actions{gap:10px;margin:16px 0}
.profile-side-actions button{
  position:relative;overflow:hidden;
  border:1px solid #ffffff2a;
  background:linear-gradient(180deg,#363945 0%,#262832 52%,#1b1c23 100%);
  border-radius:12px;padding:13px 14px;
  font-weight:700;font-size:13.5px;color:#f1f3f7;letter-spacing:.015em;
  cursor:pointer;will-change:transform;
  transition:transform .16s cubic-bezier(.2,.8,.25,1),box-shadow .22s ease,filter .22s ease,border-color .22s ease,background .22s ease;
  box-shadow:inset 0 1px 0 #ffffff26,inset 0 -2px 6px #0000003d,0 5px 14px #00000040;
}
.profile-side-actions button .material-symbols-rounded{transition:transform .22s ease;vertical-align:-4px}
.profile-side-actions button:hover{transform:translateY(-3px);filter:brightness(1.1) saturate(1.1);border-color:#ffffff4a;box-shadow:inset 0 1px 0 #ffffff33,0 14px 28px #00000066}
.profile-side-actions button:hover .material-symbols-rounded{transform:scale(1.12)}
.profile-side-actions button:active{transform:translateY(-1px) scale(.985);filter:brightness(.97);box-shadow:inset 0 2px 5px #00000055,0 3px 8px #0004}
.profile-side-actions button:disabled{opacity:.42;transform:none;filter:none;cursor:not-allowed;box-shadow:none}
.profile-side-actions button:focus-visible{outline:2px solid #f9731699;outline-offset:2px}

/* feine Textur (diagonale Faser) + oberer Glanz-Rand */
.profile-side-actions button::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:
    linear-gradient(180deg,#ffffff26 0%,#ffffff08 24%,transparent 48%),
    repeating-linear-gradient(128deg,#ffffff10 0 1px,transparent 1px 5px),
    repeating-linear-gradient(38deg,#00000012 0 1px,transparent 1px 6px);
  opacity:.85;mix-blend-mode:soft-light}
.profile-side-actions button::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 36%,#ffffff33 50%,transparent 64%);transform:translateX(-130%);transition:transform .65s cubic-bezier(.2,.7,.3,1)}
.profile-side-actions button:hover:not(:disabled)::after{transform:translateX(130%)}

/* Nachricht: kraeftiger oranger Primaerknopf */
.profile-side-actions .primary-soft{border-color:#fdba74;background:linear-gradient(180deg,#ffa23c 0%,#f97316 52%,#d1560a 100%);color:#fff;text-shadow:0 1px 2px #7c2d1288;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -3px 8px #c2410c66,0 7px 18px #f9731659}
.profile-side-actions .primary-soft:hover{border-color:#fed7aa;box-shadow:inset 0 1px 0 #ffffff66,0 16px 30px #f9731680}

/* Freund: kuehler Blauton */
#sideProfileFriendBtn{border-color:#60a5fa88;background:linear-gradient(180deg,#38537f 0%,#28364f 55%,#1d2638 100%);color:#dce9ff;text-shadow:0 1px 2px #0006}
#sideProfileFriendBtn:hover{border-color:#93c5fd}

/* Melden: Bernstein */
#sideProfileReportBtn{border-color:#fbbf2466;background:linear-gradient(180deg,#53431a 0%,#3a2f12 55%,#26200d 100%);color:#fde4a0;text-shadow:0 1px 2px #0006}
#sideProfileReportBtn:hover{border-color:#fcd34d}

/* Hinweise / Rollen bleiben neutral ueber den Basisstil */

/* Blockieren: kraeftiger Rotton */
.profile-side-actions .danger-soft{border-color:#f8716188;background:linear-gradient(180deg,#6e2a26 0%,#4a1c1a 55%,#311210 100%);color:#ffc4bd;text-shadow:0 1px 2px #0006}
.profile-side-actions .danger-soft:hover{border-color:#fca5a5;background:linear-gradient(180deg,#8a332d 0%,#5a221f 55%,#3a1714 100%);color:#ffe0dc}

/* Fix: Namensband + First Blood auf derselben Zeile. Die First-Blood-Unterstreichung
   nutzt ::before und zwang das Band-::before auf 2px Hoehe (duenner Streifen).
   Hier bekommt das Band wieder die volle Hoehe. */
.profile-side-name-line.has-first-blood.has-profile-band::before{top:0!important;bottom:0!important;height:auto!important}

@media (prefers-reduced-motion:reduce){
  .profile-side-actions button,.profile-side-actions button::after,.profile-side-actions button .material-symbols-rounded{transition:none;animation:none}
  .profile-side-actions button:hover{transform:none}
  .profile-side-actions button:hover:not(:disabled)::after{transform:translateX(-130%)}
}

/* WarDrix 1.34.1 - Benachrichtigungston-Auswahl im Benachrichtigungsdialog */
.notif-sound-row{display:flex;align-items:flex-end;gap:9px;margin-top:4px}
.notif-sound-select{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;font-size:13px}
.notif-sound-select select{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #3a3f46;border-radius:9px;background:#121318;color:#e9eaee;font:inherit;font-size:13.5px}
.notif-sound-select select:focus{outline:none;border-color:#f97316}
.notif-sound-preview{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1px solid #f9731666;background:#f973161a;color:#fdba74;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.notif-sound-preview .material-symbols-rounded{font-size:18px}
.notif-sound-preview:hover{background:#f973162e;color:#fff;border-color:#f97316}
@media (max-width:560px){.notif-sound-row{flex-direction:column;align-items:stretch}.notif-sound-preview{justify-content:center}}

/* WarDrix 1.37.0 - Mikrofon Empfindlichkeit: Live Pegelanzeige mit Schwellenmarke */
.mic-gate-meter{position:relative;height:10px;border-radius:6px;background:#0d1117;border:1px solid #2a3139;overflow:hidden;margin:4px 0 2px}
.mic-gate-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#4b5563;transition:width .06s linear}
.mic-gate-fill.over{background:linear-gradient(90deg,#22c55e,#4ade80)}
.mic-gate-thr{position:absolute;top:-2px;bottom:-2px;left:0;width:2px;background:#f97316;box-shadow:0 0 5px #f97316}