/* Arkadaşlar paneli (friends-ui.js): office.css'teki ob-* çerçevesinin içinde. Tasarım alanı 1100 × 780, 1 birim = --k. */
.ob-friends .fr-tabs{display:grid;grid-template-columns:1fr 1fr;gap:calc(14*var(--k))}
.ob-friends .fr-tab{position:relative!important;border-radius:calc(14*var(--k))!important;border:calc(3*var(--k)) solid #6fc3ff!important;background:linear-gradient(#1b64b8,#0d3f82)!important;font:italic 900 calc(30*var(--k)) 'Barlow Condensed',Arial!important;letter-spacing:calc(1*var(--k));color:#dcecff!important}
.ob-friends .fr-tab.on{border-color:#ffe0a0!important;background:linear-gradient(#ffb84e,#e07a12)!important;color:#3a1800!important}
.ob-friends .fr-tab small{font:900 calc(20*var(--k)) Arial;opacity:.8}
.ob-friends .fr-tab b{display:inline-block;min-width:calc(30*var(--k));padding:0 calc(8*var(--k));border-radius:calc(15*var(--k));background:#e33;color:#fff;font:900 calc(20*var(--k))/calc(30*var(--k)) Arial;font-style:normal}
.ob-friends .fr-list{overflow-y:auto;display:flex;flex-direction:column;gap:calc(10*var(--k));padding-right:calc(6*var(--k))}
.ob-friends .fr-row{flex:none;display:flex;align-items:center;gap:calc(14*var(--k));height:calc(76*var(--k));padding:0 calc(16*var(--k));border-radius:calc(14*var(--k));border:calc(2*var(--k)) solid #6fc3ff66;background:linear-gradient(#1b4f93,#0c2f63)}
.ob-friends .fr-incoming{border-color:#ffd166aa}
.ob-friends .fr-dot{flex:none;width:calc(16*var(--k));height:calc(16*var(--k));border-radius:50%;background:#55667a;box-shadow:inset 0 0 0 calc(2*var(--k)) #0006}
.ob-friends .fr-dot.on{background:#3dff5a;box-shadow:0 0 calc(10*var(--k)) #3dff5a}
.ob-friends .fr-dot.req{background:#ffd166;box-shadow:0 0 calc(8*var(--k)) #ffd166}
.ob-friends .fr-name{flex:1;min-width:0;display:flex;flex-direction:column}
.ob-friends .fr-name b{font:900 calc(24*var(--k)) Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ob-friends .fr-name small{font:700 calc(16*var(--k)) Arial;color:#cfe3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ob-friends .fr-name em{font-style:normal;color:#7dff7d;font-weight:900}
.ob-friends .fr-msg{position:relative!important;height:calc(52*var(--k));padding:0 calc(22*var(--k))!important;border-radius:calc(12*var(--k))!important;border:calc(2*var(--k)) solid #ffe0a0!important;background:linear-gradient(#ffb84e,#e07a12)!important;color:#3a1800!important;font:900 calc(19*var(--k)) Arial!important;white-space:nowrap}
.ob-friends .fr-ok,.ob-friends .fr-no{position:relative!important;flex:none;width:calc(52*var(--k));height:calc(52*var(--k));border-radius:calc(12*var(--k))!important;font:900 calc(28*var(--k))/1 Arial!important;color:#fff!important}
.ob-friends .fr-ok{border:calc(2*var(--k)) solid #b8ffb8!important;background:linear-gradient(#5bdc6b,#1f9a36)!important}
.ob-friends .fr-no{border:calc(2*var(--k)) solid #ffb8b8!important;background:linear-gradient(#ff6b6b,#c62828)!important}
.ob-friends .fr-msg:hover,.ob-friends .fr-ok:hover,.ob-friends .fr-no:hover,.ob-friends .fr-tab:hover,.ob-friends .fr-back:hover{filter:brightness(1.12)}
.ob-friends .fr-sure{font:800 calc(18*var(--k)) Arial;color:#ffd166}
.ob-friends .fr-empty{margin:auto;padding:calc(30*var(--k));text-align:center;font:700 calc(20*var(--k))/1.4 Arial;color:#cfe3f5}
/* Özel sohbet */
.ob-friends .fr-chat-head{display:flex;align-items:center;gap:calc(14*var(--k))}
.ob-friends .fr-back{position:relative!important;height:calc(52*var(--k));padding:0 calc(18*var(--k))!important;border-radius:calc(12*var(--k))!important;border:calc(2*var(--k)) solid #6fc3ff!important;background:linear-gradient(#1b64b8,#0d3f82)!important;font:900 calc(18*var(--k)) Arial!important;white-space:nowrap}
.ob-friends .fr-dms{overflow-y:auto;display:flex;flex-direction:column;gap:calc(8*var(--k));padding:calc(14*var(--k));border-radius:calc(14*var(--k));border:calc(2*var(--k)) solid #6fc3ff55;background:#051a3acc}
.ob-friends .fr-dm{margin:0;max-width:75%;align-self:flex-start;display:flex;flex-direction:column;padding:calc(8*var(--k)) calc(14*var(--k));border-radius:calc(14*var(--k)) calc(14*var(--k)) calc(14*var(--k)) calc(4*var(--k));background:#1b4f93;color:#fff;font:600 calc(19*var(--k))/1.35 Arial;word-break:break-word}
.ob-friends .fr-dm.mine{align-self:flex-end;border-radius:calc(14*var(--k)) calc(14*var(--k)) calc(4*var(--k)) calc(14*var(--k));background:linear-gradient(#ffb84e,#e07a12);color:#2a1200}
.ob-friends .fr-dm small{align-self:flex-end;font:700 calc(12*var(--k)) Arial;opacity:.7}
.ob-friends .fr-form{display:flex;gap:calc(10*var(--k))}
.ob-friends .fr-form input{flex:1;min-width:0;box-sizing:border-box;padding:0 calc(18*var(--k));border-radius:calc(14*var(--k));border:calc(3*var(--k)) solid #6fc3ff;background:#06224b;color:#fff;font:700 calc(21*var(--k)) Arial;outline:none}
.ob-friends .fr-form input:focus{border-color:#ffd166}
.ob-friends .fr-form button{position:relative!important;padding:0 calc(28*var(--k))!important;border-radius:calc(14*var(--k))!important;border:calc(2*var(--k)) solid #ffe0a0!important;background:linear-gradient(#ffb84e,#e07a12)!important;color:#3a1800!important;font:900 calc(21*var(--k)) Arial!important}
.ob-friends .fr-note{display:grid;place-items:center;font:700 calc(15*var(--k)) Arial;color:#9fc4e8}
/* Alt menüdeki FRIENDS: yanıp sönen zarf (okunmamış mesaj) ve kırmızı sayı (istek) */
.nv-btn.nv-friends{position:relative}
.nv-friends .fr-mail,.nv-friends .fr-count{position:absolute;pointer-events:none;z-index:2;font-family:Arial;font-weight:900;line-height:1}
.nv-friends .fr-mail{top:-8%;left:-6%;padding:3px 6px;border-radius:8px;border:2px solid #fff;background:linear-gradient(#ffd166,#f08a0c);color:#3a1800;font-size:15px;box-shadow:0 0 10px #ffd166;animation:fr-blink 1s ease-in-out infinite}
.nv-friends .fr-mail b{margin-left:3px;font-size:12px}
.nv-friends .fr-count{top:-6%;right:-4%;min-width:20px;padding:3px 5px;border-radius:12px;border:2px solid #fff;background:#e33;color:#fff;font-size:12px;text-align:center}
.nv-btn.fr-alert{animation:fr-glow 1.2s ease-in-out infinite}
@keyframes fr-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.88)}}
@keyframes fr-glow{0%,100%{filter:drop-shadow(0 0 0 #ffd166)}50%{filter:drop-shadow(0 0 8px #ffd166) brightness(1.15)}}
@media(prefers-reduced-motion:reduce){.nv-friends .fr-mail,.nv-btn.fr-alert{animation:none}}
/* Kadro ekranı: maaş kutusunun altında ARKADAŞ EKLE */
.ch-team-wrap .fr-add{z-index:4;border-radius:calc(12*var(--k));border:calc(2*var(--k)) solid #b8ffb8;background:linear-gradient(#5bdc6b,#1f9a36);color:#fff;font:900 calc(19*var(--k)) Arial;text-shadow:0 1px 2px #0008;cursor:pointer;box-shadow:0 calc(3*var(--k)) calc(8*var(--k)) #0007}
.ch-team-wrap .fr-add:hover:not(:disabled){filter:brightness(1.12)}
.ch-team-wrap .fr-add:disabled{cursor:default;border-color:#cfe3f5;background:linear-gradient(#5a7090,#3a4c66)}