/* Band Club Social Network R1 - friendly layout matching the approved visual system. */
.bcs-community{width:min(1210px,calc(100% - 32px));margin:122px auto 65px;clear:both;color:#163a58;font-family:"Open Sans",Arial,sans-serif}
.bcs-community *{box-sizing:border-box}
.bcs-hero{min-height:164px;padding:30px 34px;margin-bottom:20px;background:linear-gradient(105deg,#edf4fc,#fff 58%,#e5edf8);border:1px solid #dce7f2;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.bcs-overline{font-size:10px;font-weight:900;letter-spacing:.13em;color:#db092a}
.bcs-hero h1{font-weight:900;font-size:31px;line-height:1.2;color:#133554;margin:9px 0}
.bcs-hero p{color:#678199;font-size:13px;margin:0;max-width:570px;line-height:1.6}
.bcs-secondary-link{border:1px solid #ceddea;border-radius:11px;background:#fff;color:#2b5d81!important;font-weight:800;font-size:12px;text-decoration:none!important;padding:13px 17px;white-space:nowrap}
.bcs-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:0 0 17px}
.bcs-highlights>div{border:1px solid #e0eaf2;border-radius:14px;background:#fff;padding:18px;display:flex;gap:10px;align-items:center;box-shadow:0 5px 17px rgba(22,52,78,.04)}
.bcs-highlights i{font-size:18px;color:#dd082a;background:#fff0f3;padding:12px;border-radius:11px}
.bcs-highlights strong{font-size:24px;color:#193e5e;font-weight:900}
.bcs-highlights span{font-size:11px;color:#658097;margin-left:auto}
.bcs-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:7px;margin:0 0 19px;background:#e9f0f8;border-radius:13px;border:1px solid #dbe7f1}
.bcs-tabs a{text-decoration:none!important;padding:11px 14px;font-weight:800;font-size:12px;color:#365f7f!important;border-radius:9px}
.bcs-tabs a.is-active{background:#fff!important;color:#e0072d!important;box-shadow:0 2px 9px rgba(14,45,71,.09)}
.bcs-count{background:#dc092c;color:#fff;border-radius:30px;display:inline-block;padding:1px 7px}
.bcs-section-title,.bcs-section-heading h2{font-weight:800;color:#173958;font-size:20px;margin:18px 0}
.bcs-section-heading{display:flex;justify-content:space-between;align-items:center;gap:13px}
.bcs-section-heading span{font-size:11px;color:#7b91a5}
.bcs-friend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.bcs-friend-card{border:1px solid #e0e9f2;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(16,40,69,.045)}
.bcs-friend-photo{display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#dce7f1,#b9ccdf);height:160px;width:100%}
.bcs-friend-photo img{width:100%;height:100%;object-fit:contain;background:transparent}
.bcs-friend-details{padding:13px 14px;min-height:102px}
.bcs-friend-details h3{font-weight:900;font-size:15px;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bcs-friend-details h3 a{color:#163956!important}
.bcs-friend-details p{font-size:11px;color:#637f97;margin:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bcs-friend-details i{margin-right:5px;color:#cf0926}
.bcs-friend-actions{display:flex;gap:6px;padding:0 13px 14px;align-items:center}
.bcs-inline-form{flex:1;margin:0;min-width:0}
.bcs-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:9px;padding:11px 15px;font-weight:800;text-decoration:none!important;font-size:12px;cursor:pointer;min-height:39px}
.bcs-button-small{font-size:11px;width:100%;padding:9px 5px;white-space:nowrap}
.bcs-button-primary{background:#df0629;color:#fff!important;border:1px solid #df0629}
.bcs-button-primary:hover{background:#b80425;color:#fff!important}
.bcs-button-outline,.bcs-button-icon{background:#fff;color:#ce0625!important;border:1px solid #e50930}
.bcs-button-icon{width:40px;flex:0 0 40px;padding:9px}
.bcs-empty,.bcs-notice{padding:32px;border:1px dashed #c7d8e6;background:#fff;border-radius:14px;color:#627f98;font-size:13px;margin:0 0 22px}
.bcs-notice h2{font-size:23px;color:#153a59;margin:0 0 10px}
.bcs-feedback{background:#ebf8ee;color:#276a44;border:1px solid #c7e9d0;padding:12px 16px;border-radius:9px;margin:0 0 16px}
.bcs-error{background:#fff0f2;color:#a11e34;padding:12px 16px;border-radius:9px}
.bcs-footnote{font-size:11px;color:#7690a4;margin:25px 2px}
.bcs-social-editor{background:#fff;padding:22px 25px;border:1px solid #deebf4;border-radius:16px}
.bcs-social-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.bcs-social-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.bcs-social-field span{font-weight:800;font-size:12px;color:#2a5371}
.bcs-social-field span i{color:#d90a2a;min-width:19px}
.bcs-social-field input{width:100%;min-width:0;border:1px solid #d5e2ed;border-radius:10px;padding:12px;font-size:12px;color:#234e70;background:#fafcff}
.bcs-social-actions{display:flex;align-items:center;gap:12px;grid-column:1/-1;margin-top:6px;flex-wrap:wrap}
.bcs-profile-social{margin:14px 0 17px;background:#fff;border:1px solid #e0e9f2;border-radius:15px;padding:19px 22px}
.bcs-profile-social-title{display:flex;justify-content:space-between;align-items:center;gap:10px}
.bcs-profile-social-title h2{font-size:17px;font-weight:900;margin:5px 0;color:#173c5b}
.bcs-profile-social-title a{font-weight:800;font-size:11px;color:#cf0828}
.bcs-profile-social-links{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}
.bcs-profile-social-links>a{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe5ee;background:#f7fafe;border-radius:9px;padding:10px 12px;font-size:12px;color:#275878!important;font-weight:800;text-decoration:none!important}
.bcs-profile-social-links>a:hover{border-color:#d90b2b;background:#fff5f6}
.bcs-profile-social-links>a i:first-child{color:#d90828;font-size:15px}
.bcs-profile-social-links>a i:last-child{font-size:9px;opacity:.55}
.bcs-social-empty{font-size:12px;color:#6d889e}
.bcs-share-profile{border:1px solid #d50a2b;color:#d50a2b;background:#fff;border-radius:9px;padding:9px 12px;font-weight:800;font-size:11px;cursor:pointer}
.bcs-profile-friend{display:inline-flex;align-items:center}
.bcs-profile-friend .bcs-button{min-height:40px}
@media(max-width:1050px){.bcs-friend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bcs-community{margin-top:98px}.bcs-highlights span{margin-left:0}}
@media(max-width:720px){.bcs-community{margin-top:78px;width:calc(100% - 22px)}.bcs-hero{padding:23px 18px;align-items:flex-start;flex-direction:column}.bcs-hero h1{font-size:24px}.bcs-highlights{gap:7px}.bcs-highlights>div{flex-direction:column;align-items:flex-start;padding:11px}.bcs-highlights strong{font-size:21px}.bcs-highlights span{font-size:10px}.bcs-friend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bcs-friend-photo{height:130px}.bcs-friend-details{padding:10px}.bcs-friend-details h3{font-size:12px}.bcs-friend-actions{padding:0 8px 12px}.bcs-button-small{font-size:10px;white-space:normal}.bcs-social-form{grid-template-columns:1fr}.bcs-social-editor{padding:17px}.bcs-section-heading{display:block}.bcs-tabs a{padding:10px;font-size:11px}.bcs-profile-social{padding:15px}}
@media(max-width:350px){.bcs-friend-grid{grid-template-columns:1fr}}

/* Small moderation controls for friendship invitations. */
.bcs-friend-options{margin:-6px 13px 12px;font-size:10px;color:#7890a5}
.bcs-friend-options summary{display:inline-block;cursor:pointer;color:#5e7f96;font-weight:700}
.bcs-friend-options form{margin:6px 0 0}
.bcs-friend-options button{border:0;color:#ad2340;background:transparent;padding:6px 0;font-weight:700;font-size:10px;text-align:left;cursor:pointer}
.bcs-decline-form{flex:0 0 auto}
@media(max-width:720px){.bcs-decline-form{flex:1 1 45%}.bcs-friend-actions{flex-wrap:wrap}.bcs-friend-options{margin-bottom:9px}}

.bcs-social-video{max-width:600px;aspect-ratio:16/9;margin:12px 0 19px;display:grid;place-items:center;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#13344e,#38506a);color:#fff}
.bcs-social-video iframe{width:100%;height:100%;border:0}
.bcs-social-video-gate{display:flex;align-items:center;justify-content:center;gap:11px;flex-direction:column;text-align:center;padding:22px}
.bcs-social-video-gate>i{font-size:28px;color:#ff425d}
.bcs-social-video-gate strong{font-size:16px}
.bcs-social-video-gate span{font-size:11px;max-width:350px;color:#d9e4ee}
.bcs-social-load-video{border:0;background:#df0629;color:#fff;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:800;cursor:pointer}

/* SOCIAL R2: friend inbox is additive to pre-existing notifications. */
.bcs-nav-friend-count{background:#e2082d;color:#fff;border-radius:25px;padding:1px 6px;display:inline-block;min-width:19px;font-size:10px;font-weight:900;margin-left:5px;text-align:center}
.bcs-notification-section{width:min(950px,calc(100% - 24px));margin:100px auto 25px;padding:22px 24px;background:#fff;border:1px solid #dce6f0;border-radius:14px;box-shadow:0 8px 27px rgba(21,51,77,.065)}
.bcs-notification-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e9eff5;padding-bottom:12px;margin-bottom:10px}
.bcs-notification-title h2{font-size:19px;color:#173957;font-weight:900;margin:5px 0}
.bcs-notification-title h2 i{color:#d90429}
.bcs-notification-title>a{font-size:12px;font-weight:800;color:#df0529}
.bcs-notification-empty{font-size:12px;color:#738da3;margin:15px 0}
.bcs-notification-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid #ecf2f6}
.bcs-notification-row:last-child{border-bottom:0}
.bcs-notification-row a{font-weight:800;color:#265d82}
.bcs-notification-row p{font-size:11px;margin:4px 0;color:#7790a4}
.bcs-notification-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.bcs-notification-actions .bcs-inline-form{flex:0 0 auto}
@media(max-width:770px){.bcs-notification-section{margin:75px auto 20px;padding:17px 15px}.bcs-notification-row{align-items:flex-start;flex-direction:column;gap:8px}.bcs-notification-actions{width:100%}.bcs-notification-title h2{font-size:16px}}

/* Musician invitations: compose, decision controls and accepted chats */
.bcs-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.bcs-invite-compose{margin-bottom:19px;background:#fff;border:1px solid #d9e6ef;padding:21px 24px;border-radius:15px}
.bcs-invite-compose h2{font-size:19px;font-weight:900;color:#163c5b;margin:0 0 8px}
.bcs-invite-compose p{font-size:12px;color:#70899e;margin:0 0 15px}
.bcs-invite-compose form{display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.bcs-invite-compose textarea{width:100%;max-width:820px;border:1px solid #cbdaea;background:#fafdff;border-radius:10px;padding:13px;font-size:13px;resize:vertical;color:#193c5b}
.bcs-invite-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.bcs-invite-columns>section>h2{font-size:18px;font-weight:900;color:#163b58;margin:4px 0 15px}
.bcs-invite-columns>section>h2 i{color:#d50a2d;margin-right:6px}
.bcs-invite-card{border:1px solid #dfebf3;background:#fff;border-radius:14px;padding:17px;margin-bottom:12px;display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.bcs-invite-card h3{font-size:14px;font-weight:900;margin:0 0 6px}
.bcs-invite-card h3 a{color:#153d5c!important}
.bcs-invite-card p{color:#6b8297;font-size:12px;margin:8px 0 2px;line-height:1.5;overflow-wrap:anywhere}
.bcs-invite-status{font-size:10px;font-weight:800;border-radius:30px;padding:4px 9px;background:#eaf1f6;color:#4d7290}
.bcs-invite-accepted{background:#e6f7eb;color:#267c48}
.bcs-invite-declined,.bcs-invite-cancelled{background:#fff1f2;color:#b54455}
.bcs-invite-actions{display:flex;gap:7px;flex-wrap:wrap}
.bcs-invite-actions form{margin:0}
@media(max-width:850px){.bcs-invite-columns{grid-template-columns:1fr}.bcs-hero-actions{justify-content:flex-start}}

.bcs-music-notification-heading{margin-top:19px;padding-top:14px;border-top:1px solid #e4edf5}
