/* FourColorComic v40.31.224 - dashboard profile editing, friends, search and privacy */

#v40SocialPanel{display:none!important}

.fcc224-head-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.fcc224-favorite-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.fcc224-favorite-heading>span{margin:0!important}
.fcc224-favorite-heading .fcc188-inline-edit{
  padding:3px 8px!important;border:1px solid rgba(85,199,239,.28)!important;border-radius:7px!important;
  background:rgba(12,30,43,.72)!important;color:#8edcff!important;font-size:10px!important;font-weight:850!important
}
.fcc224-favorite-empty{padding:10px 0;color:#6e8396;font-size:11px}

.fcc224-profile-search{
  display:grid;grid-template-columns:minmax(160px,.7fr) minmax(280px,1.3fr);gap:10px 18px;align-items:center;
  margin:-2px 0 16px;padding:12px 14px;border:1px solid rgba(80,126,157,.25);border-radius:12px;
  background:linear-gradient(135deg,rgba(7,18,29,.92),rgba(7,13,23,.94))
}
.fcc224-profile-search>div:first-child{display:grid;gap:2px}
.fcc224-profile-search>div:first-child span{color:#58cdf3;font-size:9px;font-weight:900;letter-spacing:.11em}
.fcc224-profile-search>div:first-child b{font-size:12px}
.fcc224-profile-search-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
#fcc224ProfileSearchResults{grid-column:1/-1}
.fcc224-search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;padding-top:4px}
.fcc224-person{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;
  border:1px solid rgba(112,143,170,.18);border-radius:10px;background:rgba(5,13,21,.76)
}
.fcc224-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#102536;color:#78d9ff;font-weight:900}
.fcc224-avatar img{width:100%;height:100%;object-fit:cover}
.fcc224-person-copy{display:grid;gap:1px;min-width:0}
.fcc224-person-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fcc224-person-copy small{color:#7f94a7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fcc224-person-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.fcc224-person-actions button{min-height:30px;padding:5px 8px;font-size:10px}
.fcc224-status{color:#8297aa;font-size:10px;padding:7px 2px}
.fcc224-status.ok{color:#80deb1}.fcc224-status.err{color:#ff9ca8}

.fcc224-modalback{
  position:fixed;inset:0;z-index:21240;display:grid;place-items:center;padding:18px;background:rgba(0,5,12,.84);backdrop-filter:blur(8px)
}
.fcc224-modal{
  width:min(760px,96vw);max-height:92vh;overflow:auto;border:1px solid #30495c;border-radius:17px;background:#07131f;color:#edf6fb;
  box-shadow:0 28px 90px rgba(0,0,0,.6)
}
.fcc224-modal.wide{width:min(980px,97vw)}
.fcc224-modal>header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid rgba(121,153,180,.16);background:rgba(7,19,31,.96);backdrop-filter:blur(8px)}
.fcc224-modal>header h2{margin:0;font-size:17px}
.fcc224-modal>header p{margin:3px 0 0;color:#8196aa;font-size:10px}
.fcc224-modal-body{padding:16px}
.fcc224-close{border:1px solid #354d5f;border-radius:8px;background:#0b1b28;color:#cadce7;padding:7px 10px}
.fcc224-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.fcc224-primary{border:1px solid rgba(77,206,246,.55);background:rgba(27,139,180,.2);color:#bfefff}
.fcc224-danger{border-color:rgba(255,105,123,.36)!important;color:#ffb2bc!important}

.fcc224-search-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:10px}
.fcc224-selected{display:flex;flex-wrap:wrap;gap:7px;min-height:38px;margin-bottom:14px;padding:9px;border:1px solid rgba(113,145,170,.14);border-radius:10px;background:#050d16}
.fcc224-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(78,187,228,.25);border-radius:999px;background:#0b2230;color:#d9f5ff;font-size:10px}
.fcc224-chip button{border:0;background:transparent;color:#ff9eaa;padding:0;line-height:1}
.fcc224-option-list{display:grid;gap:6px}
.fcc224-option{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(106,139,167,.15);border-radius:9px;background:#081722
}
.fcc224-option>span{display:grid;gap:2px}.fcc224-option b{font-size:11px}.fcc224-option small{color:#72899b;font-size:9px}

.fcc224-hunting-grid{display:grid;gap:7px;margin-bottom:15px}
.fcc224-hunt-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border:1px solid rgba(109,142,168,.16);border-radius:9px;background:#071620}
.fcc224-hunt-row img{width:44px;height:62px;object-fit:cover;border-radius:5px;background:#02070c}
.fcc224-hunt-row>span{display:grid;gap:2px}.fcc224-hunt-row b{font-size:11px}.fcc224-hunt-row small{font-size:9px;color:#7b91a4}

.fcc224-friends-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fcc224-friend-section{padding:12px;border:1px solid rgba(110,143,170,.16);border-radius:11px;background:#07131d}
.fcc224-friend-section h3{margin:0 0 9px;font-size:12px}
.fcc224-friend-list{display:grid;gap:7px}

.fcc224-profile-head{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(112,144,170,.14)}
.fcc224-profile-head .fcc224-avatar{width:72px;height:72px}
.fcc224-profile-head h2{margin:0;font-size:21px}.fcc224-profile-head p{margin:5px 0 0;color:#8ba0b4;font-size:11px}
.fcc224-profile-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px;color:#8297aa;font-size:10px}
.fcc224-profile-section{margin-top:14px;padding:13px;border:1px solid rgba(111,144,170,.14);border-radius:11px;background:#07141e}
.fcc224-profile-section h3{margin:0 0 9px;font-size:12px}
.fcc224-profile-favorites{display:flex;gap:7px;flex-wrap:wrap}
.fcc224-profile-favorites span{padding:6px 9px;border:1px solid rgba(95,187,225,.18);border-radius:999px;background:#0a1f2d;font-size:10px}
.fcc224-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.fcc224-stat-card{display:grid;gap:2px;padding:10px;border:1px solid rgba(102,143,172,.15);border-radius:9px;background:#06111a}
.fcc224-stat-card span{color:#738a9d;font-size:9px;text-transform:uppercase}.fcc224-stat-card b{font-size:15px}
.fcc224-book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px}
.fcc224-book{display:grid;gap:5px}.fcc224-book img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:7px;background:#02070c}.fcc224-book b{font-size:9px;line-height:1.3}.fcc224-book small{color:#71879a;font-size:8px}
.fcc224-private-note{padding:10px;border:1px dashed rgba(124,151,176,.2);border-radius:9px;color:#73899c;font-size:10px}

#fcc224PrivacyPanel{margin-top:14px;padding:14px;border:1px solid rgba(76,181,224,.22);border-radius:12px;background:rgba(6,16,26,.7)}
#fcc224PrivacyPanel h3{margin:0 0 4px;font-size:14px}
#fcc224PrivacyPanel>p{margin:0 0 12px;color:#8095a8;font-size:10px;line-height:1.45}
.fcc224-privacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.fcc224-privacy-row{display:grid;gap:5px;padding:10px;border:1px solid rgba(111,142,167,.14);border-radius:9px;background:#07141e}
.fcc224-privacy-row label{font-size:10px;font-weight:850}.fcc224-privacy-row small{color:#71879a;font-size:9px}
.fcc224-privacy-check{display:flex;align-items:center;gap:8px!important}
#fcc224PrivacyStatus{min-height:18px;margin-top:8px;color:#7f96a8;font-size:10px}
#fcc224PrivacyStatus.ok{color:#80ddb2}#fcc224PrivacyStatus.err{color:#ff9da9}

@media(max-width:760px){
  .fcc224-profile-search{grid-template-columns:1fr}
  #fcc224ProfileSearchResults{grid-column:auto}
  .fcc224-friends-columns,.fcc224-privacy-grid{grid-template-columns:1fr}
  .fcc224-profile-head{grid-template-columns:58px minmax(0,1fr)}
  .fcc224-profile-head .fcc224-avatar{width:58px;height:58px}
  .fcc224-profile-head>.fcc224-person-actions{grid-column:1/-1;justify-content:flex-start}
  .fcc224-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}