/* v1104 – Freundesliste im hellen Design (wie Spielerhandel / Briefe) */
.fr-overlay-v1104{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;background:rgba(20,14,8,.45);}
.fr-box-v1104{position:relative;width:min(560px,94vw);max-height:88vh;display:flex;flex-direction:column;box-sizing:border-box;padding:18px 26px 22px;
  border:7px solid #6b3f1d;border-radius:18px;background:linear-gradient(rgba(248,225,172,.98),rgba(226,190,124,.98));
  box-shadow:inset 0 0 0 4px #c88c3d,inset 0 0 28px rgba(123,75,36,.44),0 15px 35px rgba(0,0,0,.6);
  color:#3a2414;font-family:Georgia,"Times New Roman",serif;}
.fr-close-v1104{position:absolute;right:14px;top:12px;width:34px;height:34px;padding:0 !important;font-size:24px !important;line-height:1 !important;}
.fr-head-v1104{display:flex;align-items:center;gap:14px;padding:0 40px 10px 0;border-bottom:3px solid #8c5a2b;}
.fr-head-v1104 img{width:62px;height:auto;filter:drop-shadow(0 3px 3px rgba(60,35,10,.35));}
.fr-title-v1104{font-size:32px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,245,215,.7);}
.fr-sub-v1104{font-size:14px;font-style:italic;color:#6b4220;}
.fr-count-v1104{margin-left:auto;font-size:15px;color:#7a4a10;white-space:nowrap;}
.fr-add-v1104{display:flex;gap:10px;margin:14px 0 4px;}
.fr-add-v1104 input{flex:1;box-sizing:border-box;padding:9px 11px;border-radius:9px;border:2px solid #9b6b2d;outline:none;
  background:#fff8e8;color:#3a2414;font:15.5px Georgia,"Times New Roman",serif;user-select:text;-webkit-user-select:text;}
.fr-add-v1104 input:focus{border-color:#7a4a1c;box-shadow:0 0 0 3px rgba(189,135,69,.35);}
.fr-add-v1104 input:disabled{opacity:.6;}
.fr-msg-v1104{min-height:20px;text-align:center;font-weight:700;font-size:14px;color:#a3261a;margin-bottom:6px;}
.fr-msg-v1104.ok-v1104{color:#2f6e1d;}
.fr-body-v1104{border:2px solid rgba(122,86,52,.5);border-radius:10px;background:rgba(255,248,232,.45);padding:10px;overflow:auto;min-height:150px;}
.fr-empty-v1104{padding:36px 10px;text-align:center;font-style:italic;color:#6b4220;}
.fr-empty-v1104 small{font-size:13px;color:#8a6238;}
.fr-list-v1104{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.fr-list-v1104 li{display:grid;grid-template-columns:12px 1fr auto 38px 38px;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;
  background:rgba(255,248,232,.6);border:2px solid rgba(122,86,52,.35);}
.fr-list-v1104 li:nth-child(even){background:rgba(210,180,130,.25);}
.fr-dot-v1104{width:11px;height:11px;border-radius:50%;background:#9a8a74;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);}
.fr-list-v1104 li.online-v1104 .fr-dot-v1104{background:#43c234;box-shadow:0 0 6px rgba(67,194,52,.9);}
.fr-name-v1104{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fr-on-v1104{font-size:13px;font-weight:700;color:#2f6e1d;}
.fr-off-v1104{font-size:13px;color:#7a5a36;white-space:nowrap;}
.fr-list-v1104 li button{width:38px;height:32px;padding:0 !important;display:flex;align-items:center;justify-content:center;font-size:15px !important;}
.fr-list-v1104 li button img{width:24px;height:auto;pointer-events:none;}
.fr-list-v1104 li button.sure-v1104{width:auto;padding:0 6px !important;font-size:12px !important;grid-column:auto;}
.fr-box-v1104 button:not(.fr-close-v1104){
  background:linear-gradient(#704a27,#3d2514) !important;border:3px solid #bd8745 !important;border-radius:8px !important;
  box-shadow:inset 0 0 0 2px #2c180d,0 4px 8px rgba(0,0,0,.45) !important;color:#f8e7bd !important;font-family:Georgia,"Times New Roman",serif !important;cursor:pointer;}
.fr-add-v1104 button{padding:8px 16px !important;font-size:15px !important;}
.fr-box-v1104 button:disabled{opacity:.55 !important;cursor:default !important;}
.fr-box-v1104 button:not(.fr-close-v1104):not(:disabled):hover{filter:brightness(1.12);}
/* v1107: Anfragen */
.fr-sec-v1107{margin:4px 2px 6px;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#7a4a10;}
.fr-list-v1104+.fr-sec-v1107,.fr-empty-v1104+.fr-sec-v1107{margin-top:12px;}
.fr-empty-v1104.small{padding:14px 10px;}
.fr-dot-v1104.req{background:#f0b429;box-shadow:0 0 6px rgba(240,180,41,.9);}
.fr-dot-v1104.wait{background:transparent;border:2px dashed #9a8a74;width:7px;height:7px;}
.fr-req-v1107 li{background:rgba(255,232,170,.75) !important;border-color:#c88c3d !important;}
.fr-box-v1104 button.fr-yes-v1107{background:linear-gradient(#4f8a2c,#2d5a16) !important;}
.fr-add-v1104 button{white-space:nowrap;}
/* rote Zahl am Freunde-Symbol bei neuen Anfragen */
#friendsBtnV1104 .fr-badge-v1107{display:none;position:absolute;right:-9px;top:-9px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;
  border-radius:9px;background:radial-gradient(circle at 35% 30%,#ff6a5a,#d4241a 60%,#9e140d);border:2px solid #fff3dc;
  color:#fff;font:900 11px/14px Arial,Helvetica,sans-serif;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.55);pointer-events:none;}
#friendsBtnV1104.has-req-v1107 .fr-badge-v1107{display:block;}
#friendsBtnV1104.has-req-v1107 img{animation:mailNudgeV1045 3.2s ease-in-out infinite;transform-origin:50% 100%;}