/* Shared charcoal and blue palette for the community and account screens. */
:root{color-scheme:dark;--ink:#eff3fb;--ink-soft:#b9c3d4;--pine:#79aaff;--pine-deep:#141923;--pine-light:#202e46;--paper:#14171d;--white:#20252e;--line:#343c49;--muted:#a9b4c6;--gold:#aac5ff;--member-paper:#14171d;--member-line:#343c49;--member-muted:#a9b4c6;--surface:#20252e;--surface-raised:#29313d;--accent:#3478f6;--accent-hover:#4d8aff;--text:#eff3fb;--subtle:#aebacf;}
body,.shell{background:var(--paper);color:var(--text);}
.shell h1,.shell h2,.shell h3{color:var(--text);}
.shell .panel,.panel{background:var(--surface);border-color:var(--line);box-shadow:0 8px 24px #05080e16;border-radius:14px;}
.sidebar{background:#10141c;border-right:1px solid #2a313d;}
.sidebar .brand-mark{background:#3478f6;color:white;border-color:#71a2ff;border-radius:10px;}
.sidebar .brand-copy strong{font-family:"Segoe UI",Arial,sans-serif;font-weight:750;}
.sidebar .brand-copy small,.sidebar-label,.sidebar-person small{color:#95a5bd;}
.nav-item{color:#bac6d9!important;}
.nav-item:hover{background:#202937!important;color:white!important;}
.nav-item.active,.nav-item.active:hover{background:#2667dc!important;color:white!important;box-shadow:0 4px 16px #0c3a9033;}
.space-item{display:flex;align-items:center;gap:12px;padding:10px 13px;}
.space-item::before{display:none!important;}.space-item .ui-icon{width:22px;height:22px;flex:none;}
.space-faith .ui-icon{color:#d8b474;}.space-movement .ui-icon{color:#74c9ed;}.space-opportunities .ui-icon{color:#b2a0f4;}.space-money .ui-icon{color:#8fd3b8;}
.space-item.active .ui-icon{color:white;}.space-item .unread-dot{margin:0 0 0 auto;background:#9ac0ff;}
.sidebar-start,.sidebar-admin{color:#b9c7df;font-size:13px;min-height:44px;}
.sidebar-start:hover,.sidebar-admin:hover{background:#253147;color:white;}
.sidebar-bottom,.profile-switch{border-color:#303b4c;}.profile-switch{color:#e9effa;}
.topbar{background:#191e27;border-color:#303844;color:#eef4ff;}
.topbar-title{color:#cfd9ec;}.updates-button{color:#becae0;}
.updates-button:hover{color:white;}.count-badge{background:#3478f6;color:white;}
.preview-banner{background:#263248;color:#c4d9ff;font-weight:500;}
.shell .eyebrow,.eyebrow{color:#9fbbec;}
.shell .button,.button{border-radius:10px;font-weight:650;transition:background .15s,box-shadow .15s,border-color .15s;}
.shell .button.primary,.shell .topbar-post,.shell .member-identity .profile-edit,.button.primary{background:#3478f6;border:1px solid #4c89f7;color:#fff;box-shadow:0 3px 12px #0e48b52e;}
.shell .button.primary:hover,.shell .topbar-post:hover,.shell .member-identity .profile-edit:hover,.button.primary:hover{background:#4d8aff;color:white;border-color:#78a6ff;box-shadow:0 4px 17px #1b54b847;}
.shell .button.secondary,.button.secondary{background:#29364c;border:1px solid #405777;color:#d9e8ff;}
.shell .button.secondary:hover,.button.secondary:hover{background:#344762;border-color:#5d80b0;color:white;}
.shell .button.quiet,.button.quiet{background:transparent;border-color:#414c5e;color:#bbc9df;}
.shell button:disabled{cursor:not-allowed;opacity:.5;}
.shell :is(.text-button,.back-link,.subtle-link,.external-link),.text-button,.back-link{color:#9ac1ff;}
.shell .danger-link{color:#ffaaa3;}
.avatar{background:#33455f;color:#dceaff;}.avatar.member-portrait{background:#33455f;border-color:var(--surface);color:#e0ecff;}
button.avatar:hover{outline-color:#75a4f2;}
.share-box{background:#20252e!important;border:1px solid #394455;box-shadow:0 5px 18px #080b121f;}
.share-box:hover{border-color:#5f7daa;}.share-prompt{color:#b8c6dc;background:transparent;}
.share-box .avatar{background:#33455f;color:#dceaff;}.nav-item:not(.space-item) .ui-icon{color:inherit;}
.composer-add{background:#2d4263;color:#c0d8ff;border-color:#486893;}.composer-add:hover{background:#3a5781;color:white;}
.feed-controls{border-color:#343d4a;}.feed-tab{color:#9eaec5;}.feed-tab.active{color:#d9e8ff;border-color:#6ca3ff;}
.feed-refresh{color:#a9c8fa;}.feed-refresh:hover{background:#27364d;}
.post-card:hover{border-color:#4c5e79;box-shadow:none;}.person-name{color:#e1eaff;}
.post-person small,.post-identity>small{color:#a5b3c8;}.preview-tag{color:#b9b5a1;}
.pin-label{color:#aac9ff;}.pin-label::before{border-color:#82adf8;}
.post-card .post-excerpt,.detail-body,.comment-body,.recent-reply p{color:#c6d0df;}
.post-engagement{border-color:#374150;}.engagement-button{background:#29313e;color:#c2d1e8;border:1px solid transparent;}
.engagement-button:hover{background:#34445c;color:white;}.engagement-button.selected{background:#263f67;color:#b8d4ff;border-color:#4772b2;}
.engagement-button.open-post{color:#a9caff;border:0;}.post-menu summary{color:#b2c2da;}.post-menu summary:hover,.post-menu[open] summary{background:#35445a;}
.post-menu-action{background:#2b3442;border-color:#4a5e7a;color:#e1eaff;}.post-menu-action:hover{background:#3b4e6a;}
.recent-reply{background:#19212d;}.media-caption{color:#a0aec4;}
.rich-link{background:#1a2230;border-color:#3c4d66;}.rich-link strong{color:#dbe9ff;}.rich-link small,.rich-link p{color:#aebed5;}.rich-link span{color:#96bdff;}
.shell .input,.input{background:#161d28;color:#e7effd;border-color:#44516a;border-radius:9px;}
.input::placeholder{color:#8e9eb7;}.input:focus{border-color:#70a2fc;box-shadow:0 0 0 3px #3478f633;}
.field-label{color:#c3d2e9;}.form-hint,.muted,.page-description{color:#a6b6cf;}
.file-input::file-selector-button{background:#2e6de4;color:white;border:1px solid #588aed;border-radius:8px;padding:9px 13px;}
.attachment-area{padding:17px;background:#192332;border:1px dashed #4c6790;border-radius:12px;margin-bottom:20px;}
.attachment-area textarea{min-height:72px;}.attachment-area>.field:last-child{margin-bottom:0;}
.attachment-preview:empty{display:none;}.attachment-preview{margin:14px 0;}.attachment-preview img,.attachment-preview video{display:block;width:100%;max-height:280px;object-fit:contain;background:#111720;border-radius:8px;}
.composer-options{border-color:#3a4658;}.composer-options>summary,.reply-extras{color:#a6c9ff;}
.inline-error{background:#452a2c;color:#ffd0cb;border-color:#eb8f83;}
.notice{background:#29374c;color:#edf3ff;border-color:#536d96;box-shadow:0 12px 40px #0005;}
.activity-rail .panel{background:#1d2531;}.rail-community h2,.people-panel h2{color:#e5edfc;}
.rail-photo.service-photo{display:block;width:calc(100% + 40px);height:165px;object-fit:cover;object-position:center;background:none;filter:none;}
.rail-community .rail-rules{margin-top:5px;}.rail-community>p:not(.eyebrow){font-size:13px;line-height:1.6;color:#aabbd3;}
.start-rules{display:block;margin:12px 0 22px;min-height:40px;}
.community-rules-list{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:14px;}
.rule-card{display:flex;align-items:flex-start;gap:18px;padding:24px;}
.rule-number{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:10px;background:#2a4267;color:#c9dfff;font-weight:700;}
.rule-card h2{font-size:19px;margin:4px 0 9px;}.rule-card p{font-size:15px;line-height:1.7;color:#b8c9df;margin:0;}
@media(max-width:520px){.rule-card{padding:19px 16px;gap:12px;}.rule-card h2{font-size:18px;}.rule-card p{font-size:14px;}}
.rail-community p:last-child,.person-row small{color:#aabbd3;}.rail-photo{filter:saturate(.8);}
.shell .empty p,.member-bio{color:#a8b8cf;}.new-label{background:#253c64;color:#bdd5ff;}
.explore-card{background:#202a38!important;border-color:#3e4e66;}.explore-card>.ui-icon{width:30px;height:30px;color:#a3c4fd;}
.explore-card p{color:#b3c0d3;}.explore-card:hover{background:#2b3950!important;border-color:#698bbc;}.explore-arrow{color:#a3c5ff;}
.explore-faith{border-top-color:#d8b474!important;}.explore-movement{border-top-color:#74c9ed!important;}.explore-opportunities{border-top-color:#b2a0f4!important;}.explore-money{border-top-color:#8fd3b8!important;}
.member-cover-band{background:#223554;border-color:#5385d8;}.member-identity>.eyebrow{color:#a9c8ff;}
.member-since,.profile-signout{color:#a7b8d2;}.service-label,.interest-tags{background:#293b54;color:#c2d8f7;border-color:#425b7d;}
.profile-tabs{border-color:#3d4756;}.profile-tabs button{border-color:#43536c;color:#b6c7df;}.profile-tabs button.active{background:#306fe9;color:white;border-color:#4e8cfc;}.profile-tabs button:hover:not(.active){background:#2d3a50;}
.profile-about p,.profile-comment>small{color:#b8c9df;}.comment-context{color:#9fc5ff;}
.chat-head{background:#202938;border-color:#364557;}.chat-head p:last-child,.chat-side p:not(.eyebrow),.chat-empty p{color:#acbfdc;}
.chat-symbol{background:#2e4c79;color:#d1e2ff;}.chat-empty>span{color:#74a5fc;}.chat-messages{background:#1a202b;}
.chat-bubble{background:#29364b;border-color:#3e526f;}.chat-row.mine .chat-bubble{background:#253e66;}.chat-bubble p{color:#e0e9f7;}.chat-meta small{color:#a5bad6;}
.chat-compose{background:#202a3a;border-color:#3b4c63;}.chat-side .chat-privacy{color:#a3b2c8;}
.step-number{background:#28446c;color:#c9deff;}.start-step p{color:#aebed5;}
.notification-row{color:#dfebff;}.notification-row.is-unread{background:#223554;border-left-color:#6da3ff;}.notification-row small{color:#a8bddc;}
.checkin-card,.week-card{color:#d9e6fa;}.checkin-row,.day-chip{border-color:#43536b;color:#c6d6ed;background:#28374e;}
.admin-page{max-width:1040px;margin:auto;}.admin-summary{display:flex;gap:15px;margin-bottom:23px;}.admin-stat{display:flex;align-items:center;gap:15px;padding:20px 25px;flex:1;}.admin-stat strong{font-size:29px;color:#d7e6ff;}.admin-stat span{font-size:13px;color:#aec3e1;}
.admin-page .invite-form{margin-bottom:20px;}.admin-page .invite-form .field{max-width:500px;}.admin-page h2{font-size:21px;}
.invite-ready,.admin-invites,.admin-member-list{padding:24px;margin-bottom:22px;}.invite-ready>p{font-size:14px;color:#b4c5df;}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;}
.admin-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid #354257;}.admin-row-detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere;}.admin-row-detail strong{font-size:14px;}.admin-row-detail small{font-size:12px;color:#a6b9d4;}
.admin-status{font-size:11px;padding:6px 9px;border:1px solid #47618a;border-radius:20px;background:#273b59;color:#c4d9f9;white-space:nowrap;}
.bottom-nav{background:#1a2230;border-color:#364760;box-shadow:0 -4px 20px #070a1033;}.bottom-nav button{color:#9aacc9;}.bottom-nav button.active{background:#2a436a;color:#d8e8ff;}
:focus-visible{outline-color:#8bb7ff;}
.auth-card{background:#202938;color:#edf3ff;border-color:#526581;}.auth-description,.invite-note{color:#b5c5dc;}.guest-header .brand{color:#ecf2ff;}.guest-header .brand-mark{background:#3478f6;color:white;}.private-pill{color:#bdd4fc;border-color:#48648a;}.landing-hero{background:linear-gradient(90deg,#111c32eb,#111c32ab,#111c324d),url('/assets/community-table.png') center/cover;}.landing-area:nth-child(n){background:#202938;border-color:#354962;}.landing-area p,.landing-section-head>p:last-child{color:#b9cbe3;}
@media(max-width:820px){.topbar .updates-button{width:42px;height:44px;justify-content:center;position:relative;}.topbar .updates-button>span:not(.count-badge){display:none;}.topbar .updates-button .ui-icon{display:block;width:22px;height:22px;}.topbar .updates-button .count-badge{position:absolute;right:-3px;top:0;}.topbar-title{max-width:170px!important;}.bottom-nav .ui-icon{color:inherit;}}
@media(max-width:520px){.admin-summary{gap:10px;}.admin-stat{padding:16px;flex-direction:column;align-items:flex-start;gap:4px;}.invite-ready,.admin-invites,.admin-member-list{padding:19px 16px;}.admin-row{flex-wrap:wrap;gap:10px;}.admin-row>.text-button{width:100%;text-align:left;}.admin-row-detail{min-width:160px;}.admin-actions>.button{width:100%;}.attachment-area{padding:13px;}.file-input{font-size:12px;padding:8px;}}