:root{
--primary:#0f6b45;--primary-dark:#095134;--gold:#b99037;--bg:#f3f5f3;--surface:#fff;--text:#17211b;--muted:#68736c;--border:#e1e7e2;--danger:#a72b2b;
--radius:16px;--shadow:0 6px 24px rgba(24,42,31,.06);--max:1240px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.topbar__inner{max-width:var(--max);margin:auto;height:68px;display:grid;grid-template-columns:260px minmax(260px,520px) 1fr;gap:24px;align-items:center;padding:0 18px}.brand{display:flex;align-items:center;gap:10px}.brand__mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--primary);color:#fff;font-weight:900;font-size:22px}.brand span:last-child{display:flex;flex-direction:column;line-height:1.12}.brand small{font-size:10px;color:var(--muted);margin-top:3px}.global-search input{width:100%;border:1px solid var(--border);background:#f5f7f5;border-radius:999px;padding:10px 16px;outline:0}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.top-actions form{margin:0}.avatar-link{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.avatar-link img,.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#e6ece7;border:1px solid #d9e1db}.avatar--xl{width:74px;height:74px}.avatar--profile{width:132px;height:132px;border:5px solid #fff}.btn{border:1px solid transparent;border-radius:11px;padding:9px 15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-dark)}.btn--ghost{background:#fff;border-color:var(--border)}.btn--danger{background:#fff0f0;color:var(--danger);border-color:#f0cece}.btn--small{font-size:12px;padding:7px 10px}.btn--block{width:100%}.layout{max-width:var(--max);margin:22px auto 70px;display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:22px;padding:0 18px}.sidebar{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;gap:15px}.profile-mini{padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-mini strong{margin-top:9px}.profile-mini span{font-size:13px;color:var(--muted)}.verified{font-size:11px;color:var(--primary);margin-top:6px}.portal-nav{padding:9px}.portal-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font-weight:700;font-size:14px}.portal-nav a:hover{background:#f1f6f2;color:var(--primary)}.feed{min-width:0;display:flex;flex-direction:column;gap:15px}.side-section{padding:15px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title a{font-size:12px;color:var(--primary)}.person-row{display:flex;gap:10px;align-items:center;padding:8px 0}.person-row span{display:flex;flex-direction:column;min-width:0}.person-row strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-row small,.news-mini small{font-size:11px;color:var(--muted)}.news-mini{display:flex;flex-direction:column;padding:10px 0;border-top:1px solid var(--border)}.news-mini strong{font-size:13px;line-height:1.35}.portal-hero{padding:20px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900;color:var(--gold)}.portal-hero h1{font-size:27px;line-height:1.18;margin:5px 0 18px;max-width:650px}.portal-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.portal-story{min-height:135px;border-radius:13px;background:#eff3f0;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.portal-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portal-story img~*{position:relative;z-index:2;color:#fff}.portal-story:has(img)::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.portal-story--lead{grid-row:span 2;min-height:280px}.portal-story strong{font-size:15px;line-height:1.3}.portal-story--lead strong{font-size:22px}.portal-story small{font-size:11px;margin-top:5px}.hero-empty{padding:22px;background:#f5f7f5;border-radius:12px;color:var(--muted)}.content-type{display:inline-flex;width:max-content;padding:3px 7px;border-radius:6px;background:#e6f0e9;color:var(--primary);font-size:10px;font-weight:900;text-transform:uppercase}.composer{padding:15px}.composer__top{display:flex;gap:10px}.composer__fake{flex:1;border:1px solid var(--border);border-radius:999px;text-align:left;padding:0 16px;background:#f5f7f5;color:var(--muted)}.composer__tools{border-top:1px solid var(--border);margin-top:12px;padding-top:10px;display:grid;grid-template-columns:repeat(3,1fr)}.composer__tools button,.composer__tools a{border:0;background:transparent;padding:8px;text-align:center;color:var(--muted);font-weight:700}.composer__form{margin-top:4px}.composer__form textarea,.comment-form textarea{width:100%;min-height:110px;border:0;outline:0;resize:vertical;padding:12px 2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.file-label{font-size:13px;font-weight:800;color:var(--primary);display:flex!important;gap:10px;align-items:center}.file-label input{font-weight:400}.composer__form .btn{float:right}.join-card{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.join-card div{display:flex;flex-direction:column}.join-card span{font-size:13px;color:var(--muted)}.feed-tabs{display:flex;gap:8px}.feed-tabs>*{padding:8px 12px;border-radius:999px;font-weight:800;color:var(--muted)}.feed-tabs .active{background:#e5eee8;color:var(--primary)}.post-card{overflow:hidden;margin-bottom:14px}.post-head{display:flex;gap:10px;padding:15px 15px 0}.post-head div{display:flex;flex-direction:column}.post-head small{font-size:11px;color:var(--muted)}.verified-dot{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px}.post-body{padding:12px 15px 15px;font-size:15px}.post-image{display:block;width:100%;max-height:620px;object-fit:cover}.post-meta{display:flex;justify-content:space-between;padding:9px 15px;color:var(--muted);font-size:12px}.post-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);margin:0 15px}.post-actions form{display:block}.post-actions button,.post-actions a{border:0;background:transparent;width:100%;text-align:center;padding:10px;color:var(--muted);font-weight:700}.toast{max-width:650px;margin:14px auto;padding:10px 14px;border-radius:10px;font-weight:700}.toast--success,.alert--success{background:#e9f6ee;color:#21633e}.toast--error,.alert--error{background:#fff0f0;color:#8a2626}.auth-shell{min-height:calc(100vh - 140px);display:grid;place-items:center;padding:40px 18px}.auth-card{width:min(430px,100%);padding:28px}.auth-card--wide{width:min(650px,100%)}.auth-brand{text-align:center;margin-bottom:20px}.auth-brand .brand__mark{margin:auto}.auth-brand h1{margin:12px 0 2px}.auth-brand p,.muted{color:var(--muted)}.stack-form{display:flex;flex-direction:column;gap:14px}.stack-form h2{font-size:16px;margin:10px 0 0}.stack-form label{font-size:13px;font-weight:800;display:flex;flex-direction:column;gap:6px}.stack-form input,.stack-form textarea,.stack-form select,.filter-bar input,.filter-bar select{border:1px solid var(--border);border-radius:10px;padding:11px 12px;background:#fff;outline:0}.password-row{display:flex;gap:6px}.password-row input{flex:1}.alert{padding:10px 12px;border-radius:10px;margin-bottom:12px}.auth-alt{text-align:center;font-size:13px;color:var(--muted)}.auth-alt a{color:var(--primary);font-weight:800}.narrow-page,.article-editor{max-width:820px;margin:28px auto 80px;padding:0 18px}.narrow-page--wide{max-width:1050px}.page-card{padding:24px}.page-heading{margin-bottom:18px}.page-heading h1{margin:4px 0;font-size:32px}.page-heading p{margin:0;color:var(--muted)}.page-heading--split{display:flex;justify-content:space-between;align-items:flex-end}.filter-bar{padding:12px;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:9px;margin-bottom:16px}.alumni-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.alumni-card{display:flex;gap:14px;align-items:center;padding:16px}.alumni-card h3{margin:0;font-size:16px}.alumni-card p{margin:2px 0;font-size:13px}.alumni-card small{color:var(--muted)}.publication-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.publication-card{overflow:hidden}.publication-card>a img{width:100%;height:210px;object-fit:cover;display:block}.publication-card>div{padding:18px}.publication-card h2{font-size:20px;line-height:1.25;margin:7px 0}.publication-card p{font-size:13px;color:var(--muted)}.publication-card small{font-size:11px;color:var(--muted)}.article-page{max-width:840px;margin:30px auto 90px;padding:0 18px}.article-card{padding:34px}.article-card h1{font-size:42px;line-height:1.1;margin:12px 0}.article-deck{font-size:18px;color:var(--muted)}.article-author{display:flex;align-items:center;gap:10px;margin:22px 0}.article-author span{display:flex;flex-direction:column}.article-author small{color:var(--muted);font-size:12px}.article-cover{width:calc(100% + 68px);margin-left:-34px;max-height:520px;object-fit:cover}.article-body{font-family:Georgia,serif;font-size:19px;line-height:1.85;padding-top:28px}.editor-area{font-family:Georgia,serif;font-size:17px;line-height:1.7}.profile-layout{max-width:1050px;margin:24px auto 80px;padding:0 18px}.profile-cover{overflow:hidden}.profile-cover__bg{height:190px;background:linear-gradient(120deg,#124d36,#1d7651 55%,#c2a253)}.profile-cover__main{display:flex;align-items:flex-end;gap:18px;padding:0 24px 20px;margin-top:-55px}.profile-cover__identity{flex:1;padding-top:58px}.profile-cover__identity h1{font-size:28px;margin:0}.profile-cover__identity p,.profile-cover__identity small{margin:2px 0;color:var(--muted)}.verified-badge{font-size:11px;background:#e6f0e9;color:var(--primary);border-radius:999px;padding:5px 8px;vertical-align:middle}.profile-tabs{border-top:1px solid var(--border);display:flex;gap:6px;padding:0 18px}.profile-tabs a{padding:12px;font-weight:800;color:var(--muted)}.profile-columns{display:grid;grid-template-columns:320px 1fr;gap:18px;margin-top:18px}.profile-about,.profile-publications{padding:18px}.profile-about h3{margin-top:0}.edu-row{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid var(--border);font-size:13px}.profile-publications a{display:flex;flex-direction:column;padding:10px 0;border-top:1px solid var(--border)}.profile-publications a span{font-size:10px;color:var(--primary);text-transform:uppercase;font-weight:900}.profile-edit-avatar{display:flex;align-items:center;gap:15px}.comments{padding:18px}.comment-form{border:1px solid var(--border);border-radius:12px;padding:10px;margin-bottom:16px}.comment-form textarea{min-height:70px}.comment-row{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--border)}.comment-row p{margin:4px 0}.comment-row small{color:var(--muted)}.empty{padding:26px;text-align:center;color:var(--muted)}.footer{text-align:center;color:var(--muted);font-size:11px;padding:25px}.mobile-nav{display:none}.admin-page{max-width:1120px;margin:30px auto 80px;padding:0 18px}.admin-head{display:flex;justify-content:space-between;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stat{padding:18px;display:flex;flex-direction:column}.stat strong{font-size:30px}.stat span{color:var(--muted);font-size:12px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.admin-row>div{display:flex;flex-direction:column}.admin-row small{color:var(--muted)}.admin-row form{display:flex;gap:5px}.installer-body{min-height:100vh;background:linear-gradient(135deg,#eef4ef,#f6f4ed)}.installer-shell{min-height:100vh;display:grid;place-items:center;padding:30px 15px}.installer-card{width:min(720px,100%);padding:28px}.install-brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.install-brand h1{margin:0}.install-brand p{margin:2px 0;color:var(--muted)}.install-note{margin-top:18px;padding:12px;border-radius:10px;background:#fff7df;font-size:13px}
@media(max-width:1040px){.layout{grid-template-columns:210px minmax(0,1fr)}.sidebar--right{display:none}.topbar__inner{grid-template-columns:210px 1fr auto}.avatar-link span{display:none}}
@media(max-width:780px){body{padding-bottom:62px}.topbar__inner{height:58px;display:flex;padding:0 12px}.brand small{display:none}.global-search{display:none}.top-actions{margin-left:auto}.sidebar{display:none}.layout{display:block;margin:12px auto 40px;padding:0 10px}.portal-hero{padding:14px}.portal-hero h1{font-size:22px}.portal-grid{grid-template-columns:1fr 1fr}.portal-story--lead{grid-column:1/-1;grid-row:auto;min-height:230px}.feed{gap:10px}.composer,.post-card,.join-card{border-radius:13px}.composer__tools{font-size:12px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);z-index:60;left:0;right:0;bottom:0;height:62px;background:#fff;border-top:1px solid var(--border)}.mobile-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;color:var(--muted)}.mobile-nav b{font-size:18px;line-height:1}.mobile-plus b{display:grid;place-items:center;background:var(--primary);color:#fff;width:34px;height:34px;border-radius:50%;margin-top:-14px}.footer{display:none}.auth-shell{padding:20px 12px}.auth-card{padding:20px}.form-row{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.alumni-grid,.publication-grid{grid-template-columns:1fr}.page-heading--split{align-items:flex-start;flex-direction:column;gap:12px}.article-card{padding:22px 18px}.article-card h1{font-size:31px}.article-cover{width:calc(100% + 36px);margin-left:-18px}.profile-layout{padding:0 10px;margin-top:10px}.profile-cover__bg{height:140px}.profile-cover__main{align-items:center;flex-wrap:wrap;padding:0 16px 14px}.avatar--profile{width:105px;height:105px}.profile-cover__identity{padding-top:55px}.profile-cover__identity h1{font-size:22px}.profile-cover__main>.btn{margin-left:auto}.profile-columns{grid-template-columns:1fr}.profile-columns aside{order:2}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-head{align-items:flex-start;flex-direction:column;gap:10px}}

.email-status{display:flex;flex-direction:column;gap:2px;padding:11px 12px;margin:14px 0;border-radius:10px;background:#f3f7f4;border:1px solid var(--border);font-size:13px}
.email-status strong{color:var(--primary)}.email-status small{color:var(--muted)}.email-status a{color:var(--primary);font-weight:800;margin-top:4px}
.email-config-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;background:#f4f7f5;border:1px solid var(--border);border-radius:10px;margin:14px 0}
.email-config-status span{font-weight:900;color:var(--primary)}.email-config-status small{color:var(--muted)}
.soft-rule{border:0;border-top:1px solid var(--border);margin:26px 0}
.inline-test-form{display:flex;gap:8px}.inline-test-form input{flex:1;border:1px solid var(--border);border-radius:10px;padding:11px 12px}
.install-note code{background:#eef1ef;padding:2px 5px;border-radius:5px}
@media(max-width:780px){.inline-test-form{flex-direction:column}}

.logout-btn{white-space:nowrap}
.logout-icon{display:none}
.profile-own-actions{display:flex;align-items:center;gap:8px}
.profile-own-actions form{margin:0}
@media(max-width:780px){
  .top-actions{gap:5px}
  .top-actions .logout-btn{padding:7px 9px}
  .logout-icon{display:inline}
  .logout-text{display:none}
  .profile-own-actions{width:100%;justify-content:flex-end;margin-top:4px}
  .profile-own-actions .btn{font-size:12px;padding:8px 11px}
}

.role-mini{display:block;font-size:9px;line-height:1.15;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.role-mini--admin{color:var(--gold)}.role-mini--moderator{color:var(--primary)}
.role-badge{font-size:10px;padding:5px 8px;border-radius:999px;vertical-align:middle}.role-badge--admin{background:#fff3cf;color:#846116}.role-badge--moderator{background:#e7f1ff;color:#265d99}
.admin-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.social-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.social-kpi{padding:18px;display:flex;gap:13px;align-items:center}.kpi-icon{width:44px;height:44px;border-radius:13px;background:#eef4ef;display:grid;place-items:center;font-size:20px}.social-kpi div{display:flex;flex-direction:column}.social-kpi small{color:var(--muted);font-weight:700}.social-kpi strong{font-size:27px;line-height:1.1;margin:3px 0}.social-kpi em{font-size:11px;color:var(--primary);font-style:normal}
.dashboard-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.dashboard-panel{padding:19px}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:14px}.panel-head h2{font-size:17px;margin:0}.panel-head p{font-size:12px;color:var(--muted);margin:3px 0}.panel-head>a{font-size:12px;color:var(--primary);font-weight:800}
.role-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.role-summary div{padding:12px;background:#f5f7f5;border-radius:11px;display:flex;flex-direction:column}.role-summary span{font-size:11px;color:var(--muted)}.role-summary strong{font-size:22px}
.progress-stat{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:15px;font-size:12px}.progress-stat>div{grid-column:1/-1;height:7px;background:#edf0ee;border-radius:99px;overflow:hidden}.progress-stat i{display:block;height:100%;background:var(--primary);border-radius:99px}
.bar-list{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:145px 1fr 35px;gap:9px;align-items:center;font-size:12px}.bar-row>div{height:8px;background:#eef1ef;border-radius:99px;overflow:hidden}.bar-row i{height:100%;display:block;background:var(--primary);border-radius:99px}.bar-row strong{text-align:right}
.dash-person,.dash-feed-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--border)}.dash-person>div,.dash-feed-item>div{display:flex;flex-direction:column;flex:1;min-width:0}.dash-person small,.dash-feed-item small{color:var(--muted);font-size:11px}.dash-feed-item p{margin:1px 0;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot-ok,.dot-wait{width:9px;height:9px;border-radius:50%}.dot-ok{background:#23a163}.dot-wait{background:#d4a226}.count-badge{min-width:28px;height:28px;padding:0 8px;border-radius:99px;display:grid;place-items:center;background:#eef4ef;color:var(--primary);font-weight:900;font-size:12px}
.moderation-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:11px 0}.moderation-row>div{display:flex;flex-direction:column}.moderation-row small{color:var(--muted);font-size:11px}.moderation-row form{display:flex;gap:5px}
.years-panel{margin-bottom:18px}.year-chips{display:flex;gap:8px;flex-wrap:wrap}.year-chips span{padding:9px 12px;border-radius:11px;background:#f4f7f5;display:flex;flex-direction:column;font-size:10px;color:var(--muted)}.year-chips strong{font-size:16px;color:var(--text)}
.user-filter{padding:11px;display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:8px;margin:16px 0}.user-filter input,.user-filter select{border:1px solid var(--border);border-radius:9px;padding:9px 10px;background:#fff}.users-table-card{padding:15px}.table-scroll{overflow:auto}.users-table{width:100%;border-collapse:collapse;min-width:930px}.users-table th,.users-table td{text-align:left;padding:11px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:12px}.users-table th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.user-cell{display:flex;gap:9px;align-items:center}.user-cell>div,.verification-stack{display:flex;flex-direction:column}.user-cell small,.users-table td>small{color:var(--muted);display:block}.role-pill,.status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.role-pill--admin{background:#fff2c9;color:#815f14}.role-pill--moderator{background:#e7f1ff;color:#265d99}.role-pill--alumni{background:#e7f4ec;color:#236445}.status-pill--active{background:#e7f4ec;color:#236445}.status-pill--suspended{background:#fff3d7;color:#865d13}.status-pill--disabled{background:#f1f1f1;color:#666}.verification-stack{gap:2px;font-size:11px}
.export-center{padding:22px;margin:18px 0}.export-center h2{margin:4px 0}.export-center p{color:var(--muted);font-size:13px}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.export-card{padding:18px;border:1px solid var(--border);border-radius:12px;background:#fafbfa;display:flex;flex-direction:column}.export-card:hover{border-color:#9db9a8;background:#f5f9f6}.export-card strong{font-size:18px}.export-card span{font-size:11px;color:var(--muted)}.export-note{margin-bottom:0!important}
.user-edit-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.user-edit-head h1{margin:2px 0}.user-edit-head p{margin:0;color:var(--muted)}.account-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.account-facts div{padding:11px;background:#f5f7f5;border-radius:10px;display:flex;flex-direction:column}.account-facts span{font-size:10px;color:var(--muted)}.account-facts strong{font-size:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:960px){.social-kpi-grid{grid-template-columns:repeat(2,1fr)}.user-filter{grid-template-columns:1fr 1fr}.user-filter input{grid-column:1/-1}}
@media(max-width:780px){.dashboard-main-grid{grid-template-columns:1fr}.social-kpi-grid{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:110px 1fr 30px}.export-grid{grid-template-columns:1fr}.account-facts{grid-template-columns:1fr 1fr}.user-filter{grid-template-columns:1fr}.user-filter input{grid-column:auto}.moderation-row{align-items:flex-start;flex-direction:column}.admin-head-actions{width:100%}}
@media(max-width:480px){.social-kpi-grid{grid-template-columns:1fr}.role-summary{grid-template-columns:1fr 1fr 1fr}}

.profile-edit-page{max-width:930px;margin:28px auto 110px;padding:0 18px}
.profile-edit-hero{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px}
.profile-edit-hero h1{margin:4px 0;font-size:31px}
.profile-edit-hero p{margin:0;color:var(--muted);max-width:620px}
.profile-edit-avatar{display:flex;flex-direction:column;align-items:center;gap:8px}
.profile-edit-alert{max-width:930px;margin:0 auto 15px}
.profile-form-shell{display:flex;flex-direction:column;gap:15px}
.profile-section{padding:23px}
.profile-section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}
.profile-section-head>span{width:34px;height:34px;border-radius:10px;background:#e8f1eb;color:var(--primary);font-weight:900;display:grid;place-items:center}
.profile-section-head h2{margin:0;font-size:19px}
.profile-section-head p{margin:2px 0;color:var(--muted);font-size:12px}
.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.profile-fields label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:6px}
.profile-fields input,.profile-fields textarea,.profile-fields select{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 12px;background:#fff;outline:0}
.profile-fields input:focus,.profile-fields textarea:focus,.profile-fields select:focus{border-color:#91b5a0;box-shadow:0 0 0 3px rgba(15,107,69,.08)}
.field-span-2{grid-column:1/-1}
.conditional-panel{margin-top:14px;padding:15px;border:1px dashed #cad8cf;background:#f7faf8;border-radius:12px}
.conditional-panel[hidden]{display:none!important}
.money-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}
.money-input span{padding:0 10px;color:var(--muted);font-weight:700}
.money-input input{border:0;border-radius:0}
.education-repeater{display:flex;flex-direction:column;gap:12px}
.education-item{padding:16px;border:1px solid var(--border);border-radius:13px;background:#fafbfa}
.education-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.remove-education{border:0;background:#fff0f0;color:#9d3030;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:800}
.add-education{margin-top:12px}
.smk-major-field[hidden],.transfer-field[hidden]{display:none!important}
.profile-save-bar{position:sticky;bottom:76px;z-index:30;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 35px rgba(20,40,28,.12)}
.profile-save-bar div{display:flex;flex-direction:column}
.profile-save-bar span{font-size:11px;color:var(--muted)}
.edu-card{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--border);font-size:12px}
.edu-card>div,.edu-card>span{display:flex;flex-direction:column}
.edu-card small{color:var(--muted);font-size:10px}
.profile-life-summary{padding:11px 12px;border-radius:10px;background:#f4f7f5;margin:12px 0;display:flex;flex-direction:column}
.profile-life-summary strong{color:var(--primary);font-size:12px}
.profile-life-summary span{font-size:12px}
.memory-quote{font-family:Georgia,serif;font-style:italic;color:#445349}
.private-profile-box{margin:14px 0;padding:12px;border-radius:11px;background:#fff8e6;border:1px solid #f0dfaf}
.private-profile-box>strong{display:block;margin-bottom:7px}
.private-profile-box>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid rgba(0,0,0,.07);font-size:11px}
.private-profile-box span{color:var(--muted)}
.private-profile-box b{text-align:right;font-weight:700}
.admin-profile-detail{margin:16px 0;padding:15px;border:1px solid var(--border);border-radius:12px;background:#fafbfa}
.admin-profile-detail h3{margin:0 0 12px;font-size:15px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.detail-grid>div{padding:9px;background:#fff;border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column}
.detail-grid span{font-size:10px;color:var(--muted)}
.detail-grid strong{font-size:11px;white-space:pre-wrap}
.detail-span-2{grid-column:1/-1}
@media(max-width:780px){
  .profile-edit-page{padding:0 10px;margin-top:12px}
  .profile-edit-hero{align-items:flex-start;flex-direction:column}
  .profile-edit-avatar{flex-direction:row}
  .profile-fields{grid-template-columns:1fr}
  .field-span-2{grid-column:auto}
  .profile-save-bar{bottom:70px}
  .profile-save-bar div{display:none}
  .detail-grid{grid-template-columns:1fr}
  .detail-span-2{grid-column:auto}
}


/* v2.3.1 — UI Refresh & Cache-busting support */
.profile-edit-page,.admin-page,.narrow-page{animation:fadePage .18s ease-out}
@keyframes fadePage{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}

/* PROFILE EDIT REFRESH */
.profile-edit-page{max-width:1100px;margin:26px auto 110px;padding:0 16px}
.profile-edit-hero{padding:30px;border-radius:22px;background:linear-gradient(135deg,#f7fbf8,#eef5f0);border:1px solid #dde8df;box-shadow:0 16px 32px rgba(15,107,69,.05)}
.profile-edit-hero .eyebrow{display:inline-block;margin-bottom:4px}
.profile-edit-hero h1{font-size:34px;line-height:1.12;margin:6px 0 10px}
.profile-edit-hero p{font-size:14px;line-height:1.7;color:#5f6f65}
.profile-edit-avatar{min-width:210px;align-items:flex-end}
.profile-edit-avatar .avatar{width:88px;height:88px;border:4px solid #fff;box-shadow:0 10px 24px rgba(19,45,28,.10)}
.profile-form-shell{display:flex;flex-direction:column;gap:18px}
.profile-section{padding:26px 28px;border-radius:20px;background:#fff;box-shadow:0 10px 22px rgba(24,42,31,.04)}
.profile-section-head{margin-bottom:18px}
.profile-section-head>span{width:40px;height:40px;border-radius:14px;background:#ebf4ee;color:#0f6b45;font-size:13px}
.profile-section-head h2{font-size:24px;line-height:1.2;margin:0 0 4px}
.profile-section-head p{font-size:13px;color:#68776d}
.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.profile-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#243127}
.profile-fields input,.profile-fields textarea,.profile-fields select{width:100%;display:block;background:#fbfcfb;border:1px solid #dbe6dd;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.45;color:#1b241e;box-shadow:none}
.profile-fields textarea{min-height:110px;resize:vertical}
.profile-fields input:focus,.profile-fields textarea:focus,.profile-fields select:focus{border-color:#73a489;background:#fff;box-shadow:0 0 0 4px rgba(15,107,69,.10)}
.money-input{display:flex;align-items:center;border:1px solid #dbe6dd;border-radius:14px;background:#fbfcfb;overflow:hidden}
.money-input span{padding:0 14px;color:#5a665d;font-weight:700;background:#f1f6f2;height:100%;display:flex;align-items:center;border-right:1px solid #dbe6dd}
.money-input input{border:0!important;background:transparent!important;box-shadow:none!important}
.conditional-panel{margin-top:14px;border-radius:16px;background:#f8fbf9;border:1px dashed #d4e2d8;padding:18px}
.education-repeater{display:flex;flex-direction:column;gap:14px}
.education-item{padding:18px;border:1px solid #dfe9e2;border-radius:18px;background:#fbfcfb}
.education-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.education-item-head strong{font-size:14px}
.remove-education{border:0;background:#fff1f1;color:#b13939;font-weight:800;border-radius:999px;padding:7px 12px}
.add-education{margin-top:12px}
.transfer-field[hidden],.smk-major-field[hidden],#employment-working[hidden],#employment-college[hidden],#employment-not-working[hidden],#job-interest-fields[hidden]{display:none!important}
.profile-save-bar{position:sticky;bottom:18px;z-index:15;padding:14px 16px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid #dbe6dd;box-shadow:0 12px 24px rgba(15,107,69,.08)}
.profile-save-bar div{display:flex;flex-direction:column}
.profile-save-bar strong{font-size:15px}
.profile-save-bar span{font-size:12px;color:#68776d}

/* ADMIN REFRESH */
.admin-page{max-width:1200px;margin:26px auto 80px;padding:0 16px}
.admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;background:linear-gradient(135deg,#f8fbf8,#eef4ef);padding:26px;border:1px solid #dde8df;border-radius:22px;margin-bottom:18px}
.admin-head h1{margin:6px 0 6px;font-size:32px;line-height:1.1}
.admin-head .muted{max-width:720px;font-size:14px;line-height:1.7}
.stats-grid,.social-kpi-grid{margin:0 0 18px}
.social-kpi,.stat{border-radius:20px;border:1px solid #e0e9e2;background:#fff;box-shadow:0 10px 22px rgba(24,42,31,.04)}
.social-kpi strong,.stat strong{font-size:32px}
.dashboard-main-grid,.admin-grid{gap:18px}
.dashboard-panel,.users-table-card,.export-center,.page-card{border-radius:20px;border:1px solid #e0e9e2;background:#fff;box-shadow:0 10px 22px rgba(24,42,31,.04)}
.panel-head h2{font-size:20px}
.panel-head p{font-size:13px}
.role-summary div,.account-facts div,.detail-grid>div{border-radius:14px;background:#f7faf8}
.bar-row>div,.progress-stat>div{background:#eef3ef}
.bar-row i,.progress-stat i{background:linear-gradient(90deg,#0f6b45,#31a06c)}
.dash-person,.dash-feed-item,.moderation-row{padding:12px 0}
.count-badge{display:inline-flex;min-width:30px;height:30px;border-radius:999px;background:#e9f4ed;color:#0f6b45;align-items:center;justify-content:center;font-size:12px;font-weight:900}

/* USERS / EXPORT */
.user-filter{padding:14px;border-radius:18px;border:1px solid #e0e9e2;background:#fff;box-shadow:0 10px 22px rgba(24,42,31,.04)}
.user-filter input,.user-filter select{border-radius:12px;padding:11px 12px;background:#fbfcfb;border:1px solid #dbe6dd}
.users-table-card{padding:18px}
.users-table{min-width:980px}
.users-table th{background:#fbfcfb;position:sticky;top:0;z-index:1}
.users-table td,.users-table th{padding:13px 12px}
.export-grid{gap:14px}
.export-card{border-radius:18px;padding:20px;background:linear-gradient(180deg,#ffffff,#f8fbf9);border:1px solid #dbe6dd;box-shadow:0 6px 16px rgba(24,42,31,.03)}
.export-card strong{font-size:20px;margin-bottom:5px}
.export-card span{font-size:12px;line-height:1.5}
.export-card:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(24,42,31,.06)}
.admin-profile-detail{border-radius:18px;background:#f9fbfa;border:1px solid #e0e9e2}

/* PROFILE PUBLIC VIEW */
.profile-cover{border-radius:24px;overflow:hidden}
.profile-about,.profile-publications{border-radius:18px}
.edu-card{padding:11px 0;border-top:1px solid #e7ede8}
.private-profile-box{margin:14px 0;padding:16px;border:1px solid #e0e9e2;border-radius:16px;background:#fafcfb;display:grid;grid-template-columns:1fr;gap:8px}
.private-profile-box>strong{font-size:14px}
.private-profile-box div{display:flex;flex-direction:column;padding:10px 12px;background:#fff;border:1px solid #edf2ee;border-radius:12px}
.private-profile-box span{font-size:11px;color:#69766d}.private-profile-box b{font-size:12px;white-space:pre-wrap}
.memory-quote{padding:14px 16px;border-left:4px solid #c5a253;background:#fbf8ef;border-radius:0 14px 14px 0}

@media(max-width:1080px){
  .profile-fields{grid-template-columns:1fr 1fr}
  .user-filter{grid-template-columns:1fr 1fr}
  .user-filter input{grid-column:1/-1}
}
@media(max-width:860px){
  .profile-edit-hero,.admin-head{flex-direction:column;align-items:flex-start}
  .profile-edit-avatar{align-items:flex-start;min-width:0}
  .profile-fields,.account-facts,.detail-grid{grid-template-columns:1fr}
  .field-span-2,.detail-span-2{grid-column:auto}
  .dashboard-main-grid,.admin-grid,.social-kpi-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .profile-save-bar{bottom:82px;flex-direction:column;align-items:stretch;gap:10px}
}
@media(max-width:640px){
  .profile-edit-page,.admin-page,.narrow-page{padding:0 10px}
  .profile-section,.admin-head,.profile-edit-hero,.dashboard-panel,.users-table-card,.export-center,.page-card{padding:18px}
  .profile-section-head h2{font-size:21px}
  .admin-head h1,.profile-edit-hero h1{font-size:28px}
  .stats-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .stats-grid{grid-template-columns:1fr}
  .topbar__inner{grid-template-columns:1fr auto;gap:10px;height:auto;padding-top:10px;padding-bottom:10px}
  .global-search{grid-column:1/-1;order:3}
}

/* v2.4.0 — Social Intelligence, Friends, Notifications, Messenger & Branding */
.brand__logo{width:34px;height:34px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--border);padding:3px}
.top-icon-link{position:relative;width:38px;height:38px;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;background:#fff;font-size:18px;color:var(--text)}
.top-icon-link:hover{background:#f5f8f6}.top-icon-link b{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#b62828;color:#fff;font:800 9px/18px system-ui;text-align:center;border:2px solid #fff}
.nav-count{display:inline-flex;min-width:19px;height:19px;padding:0 5px;align-items:center;justify-content:center;border-radius:999px;background:#0f6b45;color:#fff;font-size:9px;margin-left:auto}.portal-nav a span{display:flex;align-items:center;flex:1}
.support-whatsapp{position:fixed;right:18px;bottom:24px;z-index:85;display:flex;align-items:center;gap:8px;padding:9px 12px 9px 8px;border-radius:999px;background:#1f9d57;color:#fff;box-shadow:0 12px 30px rgba(20,100,55,.22);font-size:11px}.support-whatsapp span{width:30px;height:30px;display:grid;place-items:center;background:#fff;color:#16804a;border-radius:50%;font-size:10px;font-weight:900}.support-whatsapp b{font-size:11px}.footer a{color:var(--primary);font-weight:700}

/* Branding admin */
.brand-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.brand-settings-card{padding:22px;border-radius:20px}.brand-settings-card--wide{grid-column:1/-1}.brand-settings-card h2{margin:0 0 18px;font-size:19px}.brand-settings-card h2 small{font-size:10px;color:var(--muted);font-weight:600}.brand-settings-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;margin-top:14px}.brand-settings-card input{padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:#fbfcfb}.brand-settings-card label small{font-weight:400;color:var(--muted)}.brand-preview{border:1px dashed #cad8cf;border-radius:16px;background:#f7faf8}.logo-preview{height:130px;display:grid;place-items:center}.logo-preview img{max-height:90px;max-width:180px;object-fit:contain}.cover-preview{height:210px;background-size:cover;background-position:center}.file-field input{padding:10px;background:#f7faf8}.brand-settings-save{grid-column:1/-1;display:flex;justify-content:flex-end}

/* Portal smart feed */
.portal-hero{position:relative;overflow:hidden}.portal-hero--cover:before{content:"";position:absolute;inset:0 0 auto;height:250px;background-image:linear-gradient(90deg,rgba(10,35,22,.84),rgba(10,35,22,.35)),var(--portal-cover);background-size:cover;background-position:center;z-index:0}.portal-hero--cover .portal-hero__intro{position:relative;z-index:1;color:#fff;padding:18px 14px 26px}.portal-hero--cover .portal-hero__intro .eyebrow{color:#dfeee5}.portal-hero--cover .portal-hero__intro p{color:#edf5ef}.portal-hero__intro p{font-size:12px;color:var(--muted);margin:5px 0 12px}.portal-hero .portal-grid{position:relative;z-index:2}
.composer-mention{padding:10px 0}.composer-mention label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.composer-mention select{flex:1;border:1px solid var(--border);border-radius:10px;padding:8px;background:#fff}.composer-mention small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.smart-feed-tabs a.active,.feed-tabs a.active{font-weight:900;color:var(--primary);border-bottom:2px solid var(--primary)}.feed-explain{font-size:10px;color:var(--muted);padding:3px 4px 10px}
.feed-publication{overflow:hidden;display:grid;grid-template-columns:190px 1fr;margin-bottom:14px}.feed-publication__cover{display:block;min-height:180px;background:linear-gradient(135deg,#0f6b45,#183c2c);position:relative}.feed-publication__cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.feed-publication__cover span{display:grid;place-items:center;height:100%;color:#fff;font-weight:900;letter-spacing:.12em;font-size:11px}.feed-publication__body{padding:18px}.feed-publication__body h2{font-size:20px;line-height:1.25;margin:6px 0}.feed-publication__body p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 12px}.feed-publication__author{display:flex;align-items:center;gap:8px}.feed-publication__author .avatar{width:28px;height:28px}.feed-publication__author small{font-size:10px;color:var(--muted)}

/* Friends & directory */
.friends-page{max-width:1100px}.friends-heading,.directory-heading{display:flex;justify-content:space-between;align-items:end;gap:18px}.friend-section{padding:20px;margin-bottom:16px;border-radius:20px}.friend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.friend-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fbfcfb;display:flex;flex-direction:column;justify-content:space-between;min-height:180px}.friend-card>a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.friend-card .avatar--xl{width:62px;height:62px}.friend-card strong{font-size:12px}.friend-card small{font-size:10px;color:var(--muted)}.friend-card form,.friend-card-actions{display:flex;justify-content:center;gap:5px;margin-top:10px}.friend-state{display:inline-flex;padding:8px 11px;background:#eaf4ed;color:#236445;border-radius:10px;font-size:11px;font-weight:800}.empty-inline{padding:25px;text-align:center;color:var(--muted);font-size:12px}
.filter-bar--alumni{grid-template-columns:2fr 1fr 120px 120px auto}.alumni-card{display:flex!important;flex-direction:column;padding:0!important;overflow:hidden}.alumni-card__main{padding:16px;display:flex;gap:12px;align-items:center}.alumni-card__actions{margin-top:auto;border-top:1px solid var(--border);display:flex;align-items:center;gap:0}.alumni-card__actions>a,.alumni-card__actions>span,.alumni-card__actions form{flex:1;text-align:center}.alumni-card__actions>a,.alumni-card__actions>span,.alumni-card__actions button{display:block;width:100%;border:0;background:transparent;padding:9px 5px;font-size:10px;font-weight:800;color:var(--primary)}.alumni-card__actions form+*{border-left:1px solid var(--border)}

/* Notifications */
.notifications-page{max-width:760px}.notification-list{padding:8px;border-radius:20px}.notification-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;border-radius:14px;border-bottom:1px solid #edf1ee}.notification-item:hover{background:#f7faf8}.notification-item--unread{background:#f0f7f3}.notification-item>div{display:flex;flex-direction:column}.notification-item strong{font-size:12px}.notification-item small{font-size:10px;color:var(--muted);margin-top:3px}.notification-item>i{width:8px;height:8px;border-radius:50%;background:#0f6b45}

/* Messenger */
.messenger-shell{max-width:820px;margin:26px auto 90px;padding:0 16px}.messenger-sidebar{border-radius:22px;overflow:hidden}.messenger-sidebar--full{padding:18px}.messenger-title{display:flex;justify-content:space-between;align-items:center}.messenger-title h1{margin:4px 0 12px;font-size:28px}.messenger-search{display:grid;grid-template-columns:1fr auto;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--border)}.messenger-search input{border:1px solid var(--border);border-radius:12px;padding:11px 13px;background:#fbfcfb}.messenger-section-title{margin:15px 5px 6px;font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.conversation-row{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 8px;border-bottom:1px solid #edf1ee;border-radius:12px}.conversation-row:hover{background:#f7faf8}.conversation-row>div{display:flex;flex-direction:column;min-width:0}.conversation-row strong{font-size:12px}.conversation-row small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-row time,.conversation-row>span{font-size:9px;color:var(--muted)}.conversation-row--unread strong{font-weight:900}.message-count{position:absolute;right:8px;bottom:6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#0f6b45;color:#fff;font-size:9px;display:grid;place-items:center}.messenger-empty{text-align:center;padding:50px 20px}.messenger-empty p{color:var(--muted);font-size:12px}
.conversation-page{max-width:760px;margin:18px auto 90px;padding:0 12px}.conversation-card{height:calc(100vh - 150px);min-height:520px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-radius:22px}.conversation-head{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.conversation-head>a:last-child{display:flex;align-items:center;gap:9px}.conversation-head span{display:flex;flex-direction:column}.conversation-head strong{font-size:12px}.conversation-head small{font-size:10px;color:var(--muted)}.conversation-back{width:32px;height:32px;border-radius:10px;background:#f4f7f5;display:grid;place-items:center}.message-thread{padding:16px;overflow-y:auto;background:#f5f7f5;scroll-behavior:smooth}.message-bubble-wrap{display:flex;justify-content:flex-start;margin:6px 0}.message-bubble-wrap--mine{justify-content:flex-end}.message-bubble{max-width:min(78%,520px);padding:10px 12px;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid #e1e8e3;box-shadow:0 2px 5px rgba(0,0,0,.02)}.message-bubble-wrap--mine .message-bubble{background:#0f6b45;color:#fff;border-color:#0f6b45;border-radius:16px 16px 4px 16px}.message-bubble p{margin:0;font-size:12px;line-height:1.5;white-space:pre-wrap}.message-bubble small{display:block;font-size:8px;opacity:.65;margin-top:4px;text-align:right}.thread-welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.thread-welcome strong{color:var(--text);font-size:15px}.thread-welcome span{font-size:11px}.message-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid var(--border);background:#fff}.message-compose textarea{resize:none;max-height:120px;border:1px solid var(--border);border-radius:15px;padding:11px 13px;font:inherit;font-size:12px;background:#fbfcfb}.message-compose button{align-self:end}.comment-mention{border:1px solid var(--border);border-radius:10px;padding:8px;background:#fff}

/* Profile cover edit */
.profile-cover__bg{background-size:cover!important;background-position:center!important}.profile-own-actions form{display:inline-flex}

.mobile-nav-badge{position:relative}.mobile-nav-badge i{position:absolute;top:3px;left:52%;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#b62828;color:#fff;font-style:normal;font-size:8px;display:grid;place-items:center}

@media(max-width:1100px){.friend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-bar--alumni{grid-template-columns:1fr 1fr}.filter-bar--alumni input:first-child{grid-column:1/-1}}
@media(max-width:780px){.brand-settings-grid{grid-template-columns:1fr}.brand-settings-card--wide,.brand-settings-save{grid-column:auto}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-heading,.directory-heading{align-items:flex-start;flex-direction:column}.feed-publication{grid-template-columns:120px 1fr}.feed-publication__cover{min-height:150px}.feed-publication__body{padding:14px}.feed-publication__body h2{font-size:16px}.conversation-card{height:calc(100vh - 130px);min-height:480px}.support-whatsapp{bottom:82px;right:12px;padding:7px}.support-whatsapp b{display:none}.top-actions .top-icon-link{display:none}}
@media(max-width:520px){.friend-grid{grid-template-columns:1fr 1fr;gap:8px}.friend-card{padding:11px;min-height:170px}.filter-bar--alumni{grid-template-columns:1fr}.filter-bar--alumni input:first-child{grid-column:auto}.feed-publication{grid-template-columns:1fr}.feed-publication__cover{height:160px}.messenger-shell{padding:0 8px;margin-top:10px}.conversation-page{padding:0 6px;margin-top:8px}.conversation-card{border-radius:16px}.message-bubble{max-width:86%}}
.support-mini p{font-size:11px;color:var(--muted);line-height:1.5}.help-page{max-width:900px}.help-hero{padding:28px;border-radius:22px;background:linear-gradient(135deg,#f8fbf9,#edf5f0);margin-bottom:16px}.help-hero h1{font-size:30px;margin:5px 0}.help-hero p{color:var(--muted);max-width:650px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-item{padding:18px;border-radius:18px}.help-item strong{font-size:14px}.help-item p{font-size:12px;color:var(--muted);line-height:1.65;margin-bottom:0}@media(max-width:680px){.help-grid{grid-template-columns:1fr}}


/* v2.4.1 — Social UX Reliability & Facebook-inspired polish */
:root{--social-blue:#1877f2;--social-soft:#f0f2f5;--surface-strong:#fff;--hairline:#e5e7eb}
body{background:#f4f6f5}
.feed{max-width:680px;width:100%;margin-inline:auto}
.post-card{border-radius:16px;border:1px solid #e1e6e2;box-shadow:0 2px 7px rgba(22,34,27,.035);overflow:hidden}
.post-head{padding:15px 16px 8px}.post-body{padding:8px 16px 14px;font-size:15px;line-height:1.65}.post-image{border-radius:0;max-height:620px;object-fit:cover}.post-meta{padding:10px 16px;color:#66736b;border-bottom:1px solid #edf0ee}.post-actions{padding:4px 8px;gap:4px}.post-actions form,.post-actions>a,.post-actions>button{flex:1}.post-actions button,.post-actions a{min-height:38px;border-radius:8px;font-weight:700;color:#5d6862;transition:.15s ease}.post-actions button:hover,.post-actions a:hover{background:#f1f4f2}.post-actions button.is-liked{color:var(--social-blue)}
.composer{border-radius:16px;box-shadow:0 2px 7px rgba(22,34,27,.035)}.composer__fake{background:#f0f2f5;border-color:#f0f2f5;font-size:15px}.composer__tools{grid-template-columns:repeat(3,1fr)}.composer__tools button{border-radius:8px}.composer__tools button:hover{background:#f2f4f3;color:var(--primary)}
.feed-tabs{position:sticky;top:68px;z-index:18;background:rgba(244,246,245,.92);backdrop-filter:blur(10px);padding-top:5px}
.js-action-toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,18px);z-index:200;background:#17211b;color:#fff;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.js-action-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.mobile-nav a.is-active{color:var(--primary);font-weight:800}.mobile-nav a.is-active b{color:var(--primary)}

.admin-mail-recipients{padding:13px 14px;border-radius:12px;background:#f5f8f6;border:1px solid var(--border);margin:4px 0 2px}.admin-mail-recipients>strong{font-size:12px}.recipient-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.recipient-chips span{font-size:11px;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid var(--border);color:#3d4b43}.inline-test-form--admin{align-items:center;margin-top:9px}.inline-test-form--admin small{font-size:11px;color:var(--muted)}

.publication-archive{max-width:1080px;margin:28px auto 90px;padding:0 18px}.archive-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.archive-heading h1{font-size:36px;line-height:1.08;margin:5px 0}.archive-heading p{margin:0;color:var(--muted);max-width:680px}.archive-featured{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);overflow:hidden;margin-bottom:20px;border-radius:20px}.archive-featured__media{min-height:390px;background:linear-gradient(135deg,#174b37,#0f6b45);position:relative;display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.12em}.archive-featured__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.archive-featured__body{padding:32px;display:flex;flex-direction:column;justify-content:center}.archive-featured__body h2{font-size:32px;line-height:1.15;margin:9px 0 12px}.archive-featured__body p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 18px}.archive-author{display:flex;align-items:center;gap:10px}.archive-author span{display:flex;flex-direction:column}.archive-author small{font-size:11px;color:var(--muted)}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.archive-card{overflow:hidden;border-radius:17px;transition:.18s ease}.archive-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,42,31,.08)}.archive-card__media{height:190px;display:grid;place-items:center;background:linear-gradient(135deg,#173c2d,#0f6b45);color:#fff;font-weight:900;letter-spacing:.11em;font-size:11px;overflow:hidden}.archive-card__media img{width:100%;height:100%;object-fit:cover}.archive-card__body{padding:17px}.archive-card__body h2{font-size:19px;line-height:1.28;margin:7px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-card__body p{font-size:12px;line-height:1.65;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-card__meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-top:12px}

.reader-shell{max-width:1050px;margin:30px auto 100px;padding:0 18px}.reader-article{max-width:820px;margin:auto;background:#fff;border:1px solid #e2e8e4;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(20,39,28,.05)}.reader-header{padding:44px 54px 30px}.reader-kicker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:11px}.reader-header h1{font-size:46px;line-height:1.08;letter-spacing:-.025em;margin:13px 0 15px}.reader-deck{font-size:19px;line-height:1.55;color:#5f6c64;margin:0}.reader-author{display:flex;align-items:center;gap:10px;margin-top:24px}.reader-author span{display:flex;flex-direction:column}.reader-author small{font-size:11px;color:var(--muted)}.reader-cover{margin:0}.reader-cover img{display:block;width:100%;max-height:560px;object-fit:cover}.reader-content{max-width:700px;margin:0 auto;padding:38px 36px 22px;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.9;color:#242d27}.reader-content p{margin:0 0 1.35em}.reader-content h2{font-family:Inter,ui-sans-serif,sans-serif;font-size:27px;line-height:1.25;margin:1.7em 0 .6em}.reader-content h3{font-family:Inter,ui-sans-serif,sans-serif;font-size:22px;line-height:1.3;margin:1.5em 0 .55em}.reader-share{max-width:700px;margin:0 auto;padding:18px 36px 36px;border-top:1px solid #edf0ee;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.reader-related{max-width:920px;margin:28px auto}.reader-related__head h2{margin:4px 0 14px}.reader-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.reader-related-card{overflow:hidden;border-radius:15px}.reader-related-card img{width:100%;height:135px;object-fit:cover}.reader-related-card>div{padding:13px;display:flex;flex-direction:column}.reader-related-card strong{font-size:14px;line-height:1.35;margin:6px 0}.reader-related-card small{font-size:10px;color:var(--muted)}
.news-editor-card{max-width:860px;margin:auto}.editor-actions{display:flex;justify-content:flex-end;gap:8px}

@media(max-width:980px){.archive-grid{grid-template-columns:repeat(2,1fr)}.archive-featured{grid-template-columns:1fr}.archive-featured__media{min-height:330px}.archive-featured__body{padding:24px}.reader-related__grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.feed-tabs{top:58px}.publication-archive{margin-top:14px;padding:0 10px}.archive-heading{align-items:flex-start;flex-direction:column}.archive-heading h1{font-size:29px}.archive-featured{border-radius:16px}.archive-featured__media{min-height:230px}.archive-featured__body{padding:18px}.archive-featured__body h2{font-size:25px}.archive-grid{grid-template-columns:1fr;gap:10px}.archive-card{display:grid;grid-template-columns:126px 1fr}.archive-card__media{height:100%;min-height:142px}.archive-card__body{padding:13px}.archive-card__body h2{font-size:16px}.archive-card__body p{display:none}.archive-card__meta{flex-direction:column;gap:2px}.reader-shell{padding:0 9px;margin-top:10px}.reader-article{border-radius:16px}.reader-header{padding:24px 18px 20px}.reader-header h1{font-size:31px}.reader-deck{font-size:16px}.reader-cover img{max-height:420px}.reader-content{padding:27px 20px 15px;font-size:18px;line-height:1.82}.reader-content h2{font-size:24px}.reader-share{padding:15px 20px 26px}.reader-related{padding:0 2px}.reader-related__grid{grid-template-columns:1fr}.reader-related-card{display:grid;grid-template-columns:115px 1fr}.reader-related-card img{height:100%;min-height:110px}.support-whatsapp{bottom:76px}.post-card{border-radius:14px}.post-head{padding:13px 13px 7px}.post-body{padding:7px 13px 12px;font-size:15px}.post-meta{padding:9px 13px}.post-actions{padding:3px 5px}.post-actions button,.post-actions a{font-size:12px}.js-action-toast{bottom:74px;max-width:calc(100vw - 28px);text-align:center}}
@media(max-width:480px){.archive-card{grid-template-columns:112px 1fr}.archive-card__body{padding:11px}.archive-card__body h2{font-size:15px}.reader-header h1{font-size:28px}.reader-content{font-size:17.5px}.reader-share{align-items:flex-start;flex-direction:column}.inline-test-form--admin{align-items:flex-start;flex-direction:column}}


/* v2.5.0 — Facebook-style Social Experience */
:root{
  --primary:#0F3D2E;
  --primary-strong:#084B38;
  --primary-dark:#084B38;
  --primary-soft:#E9F1EC;
  --social-blue:#0F3D2E;
  --social-soft:#F7F4EC;
  --bg:#F7F4EC;
  --surface:#FFFDF9;
  --surface-strong:#FFFFFF;
  --text:#1E2A24;
  --muted:#6F746F;
  --border:#DED6C8;
  --hairline:#E9E1D5;
  --gold:#D4AF37;
  --danger:#C63C48;
}
html{background:#F0F2F5}
body{background:#F0F2F5;color:#050505}
a{color:inherit}
.card{background:#fff;border-color:#E4E6EB;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.topbar{background:#fff;border-bottom:0;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.brand__mark{background:#1877F2;color:#fff}
.btn--primary{background:#1877F2;border-color:#1877F2;color:#fff}
.btn--primary:hover{background:#166FE5;border-color:#166FE5}
.btn--ghost:hover{background:#F0F2F5}
.global-search input{background:#F0F2F5;border-color:#F0F2F5}
.verified-dot,.verified-badge{color:#1877F2}
.nav-count{background:#E41E3F;color:#fff}
.portal-nav a:hover,.portal-nav a.is-active{background:#E7F3FF;color:#1877F2}
.mobile-nav{background:#fff;border-top-color:#CED0D4}
.mobile-nav a.is-active,.mobile-nav a.is-active b{color:#1877F2}
.mobile-plus b{background:#1877F2;color:#fff}

.feed{max-width:680px}
.smart-feed-tabs{
  padding:6px 8px 0;
  gap:2px;
  background:rgba(240,242,245,.96);
  border-radius:10px 10px 0 0;
}
.smart-feed-tabs a{
  min-width:0;
  padding:9px 12px;
  font-size:12px;
  line-height:1;
  font-weight:700;
  color:#65676B;
  border-radius:8px 8px 0 0;
  border-bottom:3px solid transparent;
}
.smart-feed-tabs a:hover{background:#E4E6EB;color:#050505}
.smart-feed-tabs a.active{color:#1877F2;background:transparent;border-bottom-color:#1877F2}
.feed-explain{font-size:10.5px;color:#8A8D91;padding:6px 10px 9px}

.fb-composer{border-radius:10px;padding:12px 16px}
.fb-composer .composer__top{padding:0 0 10px;border-bottom:1px solid #E4E6EB}
.fb-composer .composer__fake{
  background:#F0F2F5;border:0;color:#65676B;border-radius:22px;
  min-height:42px;padding:10px 15px;text-align:left;font-size:15px;font-weight:400
}
.fb-composer-quick{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 0 0}
.fb-composer-quick button{
  min-height:38px;border:0;background:transparent;border-radius:8px;
  color:#65676B;font-size:12px;font-weight:700
}
.fb-composer-quick button:hover{background:#F0F2F5}
.fb-composer-quick button span{font-size:19px;margin-right:5px}
.fb-composer-form{padding-top:2px}
.fb-composer-author{display:flex;gap:10px;align-items:center;padding:4px 0 10px}
.fb-composer-author>div{display:flex;flex-direction:column;align-items:flex-start;flex:1}
.fb-composer-author strong{font-size:14px}
.fb-privacy-select{
  margin-top:3px;border:0;background:#E4E6EB;color:#050505;border-radius:6px;
  padding:4px 7px;font-size:10px;font-weight:800;outline:0
}
.composer-close{
  width:34px;height:34px;border:0;border-radius:50%;background:#E4E6EB;
  color:#65676B;font-size:24px;line-height:1;cursor:pointer
}
.fb-composer-form>textarea{
  border:0!important;box-shadow:none!important;resize:none;min-height:120px;
  padding:12px 2px;font-size:22px;line-height:1.35;color:#050505
}
.fb-composer-form>textarea::placeholder{color:#8A8D91}
.composer-extra{
  margin:10px 0;padding:13px;border:1px solid #CED0D4;border-radius:10px;background:#fff
}
.composer-extra>strong,.composer-extra label{font-size:12px}
.composer-extra input[type=text],.composer-extra input:not([type]),.composer-extra select{
  width:100%;margin-top:7px;border:1px solid #CED0D4;border-radius:8px;padding:10px;background:#F5F6F7
}
.fb-upload-box{
  min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px dashed #BCC0C4;border-radius:8px;background:#F7F8FA;cursor:pointer;gap:3px
}
.fb-upload-box input{display:none}
.fb-upload-box span{font-size:10px;color:#65676B}
.tag-friends-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px;max-height:160px;overflow:auto}
.tag-friends-grid label{cursor:pointer}
.tag-friends-grid label input{display:none}
.tag-friends-grid label span{display:inline-block;border-radius:16px;padding:7px 10px;background:#E4E6EB;font-size:11px}
.tag-friends-grid label input:checked+span{background:#E7F3FF;color:#1877F2;font-weight:800}
.fb-add-to-post{
  border:1px solid #CED0D4;border-radius:9px;padding:10px 12px;margin:12px 0
}
.fb-add-to-post{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fb-add-to-post>strong{font-size:11px}
.fb-add-to-post>div{display:flex;gap:1px;align-items:center}
.fb-add-to-post button{
  width:38px;height:38px;border:0;border-radius:50%;background:transparent;cursor:pointer
}
.fb-add-to-post button:hover{background:#F0F2F5}
.fb-add-to-post button span{font-size:19px}
.fb-add-to-post button b{display:none}
.fb-post-submit{border-radius:7px;min-height:38px}
.background-picker>div{display:flex;gap:8px;margin-top:8px}
.background-picker input{display:none}
.bg-choice{width:34px;height:34px;border-radius:7px;display:block;border:2px solid #fff;box-shadow:0 0 0 1px #BCC0C4;cursor:pointer}
.background-picker input:checked+.bg-choice{box-shadow:0 0 0 3px #1877F2}
.bg-none{background:#fff;color:#65676B;display:grid;place-items:center;font-weight:900}
.bg-blue{background:#1877F2}.bg-blue-gradient{background:linear-gradient(135deg,#1877F2,#45BDFF)}
.bg-purple{background:linear-gradient(135deg,#6F42C1,#A033FF)}.bg-sunset{background:linear-gradient(135deg,#F5533D,#F7B928)}
.bg-green{background:linear-gradient(135deg,#31A24C,#00A400)}.bg-dark{background:linear-gradient(135deg,#050505,#65676B)}

.post-card{border-radius:9px;border:0;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.post-head{padding:12px 16px 6px;align-items:flex-start}
.post-head>div{flex:1}.post-name-line{line-height:1.25}.post-name-line strong{font-size:14px}
.post-feeling{font-size:12px;color:#65676B;font-weight:400}
.post-head small{font-size:11px;color:#65676B}
.post-menu-dot{border:0;background:transparent;color:#65676B;font-weight:900;letter-spacing:1px;padding:6px;border-radius:50%}
.post-menu-dot:hover{background:#F0F2F5}
.post-body{font-size:15px;line-height:1.45;padding:8px 16px 13px}
.post-body--bg{
  min-height:330px;padding:35px;display:flex;align-items:center;justify-content:center;
  text-align:center;color:#fff;font-size:28px;font-weight:700;line-height:1.25
}
.post-bg-blue{background:#1877F2}.post-bg-blue-gradient{background:linear-gradient(135deg,#1877F2,#45BDFF)}
.post-bg-purple{background:linear-gradient(135deg,#6F42C1,#A033FF)}
.post-bg-sunset{background:linear-gradient(135deg,#F5533D,#F7B928)}
.post-bg-green{background:linear-gradient(135deg,#31A24C,#00A400)}
.post-bg-dark{background:linear-gradient(135deg,#050505,#65676B)}
.post-meta{border-bottom-color:#CED0D4;color:#65676B;font-size:11px}
.post-actions{border-top:0}
.post-actions button,.post-actions a{color:#65676B}
.post-actions button.is-liked{color:#1877F2}

.top-icon-link{
  width:40px;height:40px;border-radius:50%;background:#E4E6EB;display:grid;place-items:center;position:relative;color:#050505
}
.notification-bell svg,.mobile-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.notification-bell.has-unread{color:#1877F2;background:#E7F3FF}
.notification-number{
  position:absolute!important;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px!important;
  border-radius:999px;background:#E41E3F!important;color:#fff!important;border:2px solid #fff;
  font-size:9px!important;font-weight:900;display:grid!important;place-items:center
}
.mobile-bell.has-unread{color:#1877F2}
.mobile-bell b{display:grid;place-items:center}
.mobile-bell i{background:#E41E3F!important;color:#fff!important}

.support-whatsapp{
  width:54px;height:54px;border-radius:50%;padding:0!important;background:#25D366!important;
  color:#fff!important;display:grid!important;place-items:center;right:18px;bottom:22px;
  box-shadow:0 5px 18px rgba(0,0,0,.23);position:fixed;z-index:90
}
.wa-logo{width:33px;height:33px}
.support-tooltip{
  position:absolute;right:64px;white-space:nowrap;background:#050505;color:#fff;
  padding:7px 10px;border-radius:7px;font-size:11px;font-weight:700;opacity:1;
  box-shadow:0 3px 10px rgba(0,0,0,.18)
}
.support-tooltip:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-style:solid;border-color:transparent transparent transparent #050505}
.support-whatsapp:hover{transform:scale(1.06)}
.support-whatsapp:hover .support-tooltip{background:#1877F2}
.support-whatsapp:hover .support-tooltip:after{border-left-color:#1877F2}

.top-pwa-install,.pwa-login-install{
  border:0;background:#E7F3FF;color:#1877F2;border-radius:8px;padding:8px 10px;
  font-size:11px;font-weight:800;cursor:pointer
}
.pwa-login-install{width:100%;margin-top:10px;padding:10px}
.remember-device{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px!important;background:#F7F8FA;border:1px solid #E4E6EB;border-radius:9px;padding:10px}
.remember-device input{width:auto!important;margin-top:3px}
.remember-device span{display:flex;flex-direction:column}.remember-device strong{font-size:11px}.remember-device small{font-size:9.5px;color:#65676B;font-weight:400;line-height:1.4}

.publication-archive .btn--primary,.news-editor-card .btn--primary{background:#1877F2;border-color:#1877F2}
.reader-kicker .content-type,.archive-card .content-type,.archive-featured .content-type{color:#1877F2}

.social-kpi strong,.panel-head>a,.count-badge{color:#1877F2}
.progress-stat i,.bar-row i{background:#1877F2}

@media(max-width:780px){
  .smart-feed-tabs{top:58px;padding-inline:4px}
  .smart-feed-tabs a{font-size:10.5px;padding:9px 8px}
  .fb-composer{border-radius:0;border-left:0;border-right:0;padding:10px 12px}
  .fb-composer-quick button{font-size:10px}
  .fb-composer-quick button span{font-size:17px}
  .fb-composer-form>textarea{font-size:20px;min-height:110px}
  .fb-add-to-post{align-items:flex-start;flex-direction:column}
  .fb-add-to-post>div{width:100%;justify-content:space-between}
  .fb-add-to-post button{width:42px;height:42px}
  .post-card{border-radius:0;border-left:0;border-right:0}
  .post-body--bg{min-height:300px;font-size:25px}
  .support-whatsapp{bottom:82px;right:14px;width:50px;height:50px}
  .support-tooltip{right:59px;font-size:10px}
  .top-pwa-install{display:none!important}
}
@media(max-width:430px){
  .smart-feed-tabs a{font-size:10px;padding-inline:7px}
  .support-tooltip{opacity:.95}
}


/* v2.6.0 — profile header, content management, ads, compact composer */
.support-whatsapp .support-tooltip{display:none!important}

.fb-add-to-post{padding:8px 10px}
.fb-add-to-post>strong{font-size:10.5px}
.fb-add-to-post>div{gap:2px}
.fb-add-to-post button{width:30px;height:30px}
.fb-add-to-post button span{font-size:15px;line-height:1}
.fb-composer-quick button{min-height:34px;font-size:10.5px}
.fb-composer-quick button span{font-size:15px;margin-right:3px}
.composer-extra{padding:10px}
.background-picker .bg-choice{width:28px;height:28px}

/* Facebook-like profile cover */
.profile-layout{max-width:1100px;margin:0 auto 90px;padding:0 14px}
.profile-cover{
  overflow:visible;border-radius:0 0 10px 10px;border:0;
  box-shadow:0 1px 2px rgba(0,0,0,.13);background:#fff
}
.profile-cover__bg{
  height:360px;border-radius:0 0 10px 10px;background:#DADDE1 center/cover no-repeat;
  max-width:1050px;margin:auto
}
.profile-cover__main{
  max-width:1000px;margin:auto;display:grid;grid-template-columns:176px minmax(0,1fr) auto;
  align-items:end;gap:18px;padding:0 20px 18px;min-height:112px
}
.profile-cover .avatar--profile{
  width:176px;height:176px;border:5px solid #fff;margin-top:-88px;
  box-shadow:0 1px 3px rgba(0,0,0,.25);position:relative;z-index:2
}
.profile-cover__identity{padding:10px 0 3px}
.profile-cover__identity h1{font-size:29px;line-height:1.15;margin:0 0 2px}
.profile-cover__identity p{margin:3px 0;font-size:14px;color:#65676B}
.profile-cover__identity>small{color:#65676B}
.profile-username{display:block;color:#65676B;font-size:12px!important;margin-bottom:2px}
.profile-own-actions{align-self:end;padding-bottom:5px}
.profile-tabs{
  max-width:1000px;margin:auto;border-top:1px solid #CED0D4;padding:4px 20px 0;
  min-height:54px;display:flex;align-items:stretch;gap:2px
}
.profile-tabs a{padding:14px 16px 11px;border-radius:7px 7px 0 0;color:#65676B;font-size:13px;font-weight:800}
.profile-tabs a:hover{background:#F0F2F5}
.profile-columns{margin-top:18px}

/* content menus */
.post-head{position:relative}
.post-head>div{min-width:0}
.content-menu{position:relative;margin-left:auto;z-index:8}
.content-menu>summary{
  list-style:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  color:#65676B;font-weight:900;letter-spacing:1px;cursor:pointer;user-select:none
}
.content-menu>summary::-webkit-details-marker{display:none}
.content-menu>summary:hover,.content-menu[open]>summary{background:#F0F2F5}
.content-menu__panel{
  position:absolute;right:0;top:39px;min-width:165px;padding:6px;background:#fff;
  border:1px solid #E4E6EB;border-radius:9px;box-shadow:0 4px 18px rgba(0,0,0,.18);z-index:40
}
.content-menu__panel a,.content-menu__panel button{
  display:block;width:100%;border:0;background:transparent;border-radius:6px;padding:9px 10px;
  text-align:left;font-size:12px;font-weight:700;color:#050505
}
.content-menu__panel a:hover,.content-menu__panel button:hover{background:#F0F2F5}
.content-menu__panel form{margin:0}
.content-menu__panel form button{color:#B3261E}
.content-menu--publication{position:absolute;right:9px;top:9px}
.feed-publication{position:relative}
.reader-manage{display:flex;gap:7px;align-items:center;margin-top:15px}
.reader-manage form{margin:0}

.content-editor-card h1{margin:3px 0 18px}
.editor-info{background:#E7F3FF;color:#185FA8;padding:10px 12px;border-radius:8px;font-size:11px;margin-bottom:14px}
.edit-media-preview{border:1px solid #E4E6EB;border-radius:10px;padding:10px}
.edit-media-preview img{max-width:100%;max-height:300px;object-fit:cover;border-radius:8px;display:block;margin-bottom:8px}

/* admin content */
.admin-content-tabs{display:flex;gap:6px;margin:14px 0}
.admin-content-tabs a{padding:9px 13px;border-radius:8px;background:#fff;border:1px solid #E4E6EB;font-size:12px;font-weight:800;color:#65676B}
.admin-content-tabs a.active{background:#E7F3FF;border-color:#B7D7FF;color:#1877F2}
.table-actions{display:flex;gap:5px;align-items:center}
.table-actions form{margin:0}

/* Optional ad code */
.custom-ad-slot{
  width:100%;overflow:hidden;background:transparent;text-align:center;margin:2px 0 12px;
  min-height:0
}
.custom-ad-slot iframe,.custom-ad-slot img{max-width:100%}
.sidebar .custom-ad-slot{margin:0}
.ad-settings-card{max-width:850px;padding:22px;display:flex;flex-direction:column;gap:16px}
.ad-settings-card>label:not(.ad-master-toggle){display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800}
.ad-settings-card select,.ad-settings-card textarea{border:1px solid #CED0D4;border-radius:9px;padding:10px;background:#fff}
.ad-settings-card textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55}
.ad-settings-card small{font-weight:400;color:#65676B}
.ad-master-toggle{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:10px;background:#F0F2F5}
.ad-master-toggle input{margin-top:4px}.ad-master-toggle span{display:flex;flex-direction:column}.ad-master-toggle small{color:#65676B;font-size:10.5px}
.ad-code-status{display:flex;flex-direction:column;border-top:1px solid #E4E6EB;padding-top:12px;font-size:12px}.ad-code-status span{color:#65676B}
.install-brand-logo{width:70px;height:70px;object-fit:contain;border-radius:15px;margin:auto;display:block}

@media(max-width:780px){
  .fb-add-to-post{padding:7px 8px}
  .fb-add-to-post>strong{font-size:9.5px}
  .fb-add-to-post button{width:27px;height:27px}
  .fb-add-to-post button span{font-size:14px}
  .fb-composer-quick button{font-size:9.5px}
  .fb-composer-quick button span{font-size:14px}

  .profile-layout{padding:0;margin-top:0}
  .profile-cover{border-radius:0}
  .profile-cover__bg{height:225px;border-radius:0}
  .profile-cover__main{
    display:flex;flex-direction:column;align-items:center;text-align:center;
    gap:5px;padding:0 14px 14px;min-height:0
  }
  .profile-cover .avatar--profile{width:144px;height:144px;margin-top:-72px}
  .profile-cover__identity{padding:0}
  .profile-cover__identity h1{font-size:23px}
  .profile-cover__identity p{font-size:12px}
  .profile-own-actions{width:100%;justify-content:center;padding:8px 0 2px}
  .profile-tabs{padding:3px 6px 0;overflow-x:auto;justify-content:center;min-height:48px}
  .profile-tabs a{padding:11px 12px 9px;font-size:11px}
  .profile-columns{padding:0 10px;margin-top:10px}
  .content-menu__panel{position:fixed;right:12px;top:auto;min-width:180px}
  .support-whatsapp{width:48px;height:48px}
  .wa-logo{width:29px;height:29px}
}


/* v2.6.1 — Compact mobile composer, compact auth & reliable cover editor */

.portal-hero.portal-hero--cover{
  min-height:220px;
  display:flex;
  align-items:flex-end;
  background:
    linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,.06)),
    var(--portal-cover) center/cover no-repeat;
  overflow:hidden;
}
.portal-hero.portal-hero--cover .portal-hero__intro{color:#fff;max-width:680px}
.portal-hero.portal-hero--cover .portal-hero__intro p{color:rgba(255,255,255,.88)}
.portal-hero.portal-hero--cover .eyebrow{color:#fff}
.portal-grid{display:none!important}

.fb-composer.is-open .fb-composer-quick{display:none!important}
.fb-add-to-post{
  display:block!important;
  padding:7px 0 2px!important;
  margin:6px 0 4px!important;
  border:0!important;
  border-top:1px solid #E4E6EB!important;
  border-radius:0!important;
}
.fb-add-to-post>strong{
  display:block;font-size:9.5px;color:#65676B;margin:0 5px 3px;font-weight:700
}
.fb-tool-list{display:flex!important;flex-direction:column!important;gap:0!important;width:100%}
.fb-tool-list button{
  width:100%!important;height:32px!important;min-height:32px!important;
  border-radius:6px!important;padding:3px 6px!important;
  display:grid!important;grid-template-columns:23px 1fr 12px!important;
  align-items:center!important;gap:6px!important;background:transparent!important;
  color:#050505!important;text-align:left!important
}
.fb-tool-list button:hover{background:#F0F2F5!important}
.fb-tool-list .tool-icon{font-size:14px!important;width:23px;height:23px;display:grid;place-items:center;line-height:1}
.fb-tool-list button b{display:block!important;font-size:10.5px!important;font-weight:650!important}
.fb-tool-list button i{display:block!important;color:#8A8D91;font-style:normal;font-size:15px;text-align:right}
.fb-composer-quick{padding-top:5px!important;margin-top:7px!important}
.fb-composer-quick button{min-height:29px!important;font-size:9px!important;padding:3px!important}
.fb-composer-quick button span{font-size:12px!important;margin-right:2px!important}

.auth-shell{min-height:calc(100dvh - 70px);padding:14px 12px}
.auth-card{width:min(380px,100%);padding:17px 19px;border-radius:12px}
.auth-brand{margin-bottom:10px}
.auth-brand .brand__mark{width:33px;height:33px;border-radius:9px;font-size:17px}
.auth-brand h1{font-size:18px;margin:6px 0 0;line-height:1.2}
.auth-brand p{font-size:10px;line-height:1.3;margin:3px 0}
.auth-card .stack-form{gap:7px}
.auth-card .stack-form label{font-size:10.5px;gap:3px}
.auth-card .stack-form input,.auth-card .stack-form select,.auth-card .stack-form textarea{
  min-height:35px;padding:6px 9px;border-radius:8px;font-size:12px
}
.auth-card .password-row{gap:4px}
.auth-card .password-row .btn{padding:5px 8px;font-size:9.5px;border-radius:8px}
.auth-card .btn--block{min-height:35px;padding:6px 10px;border-radius:8px;font-size:11px}
.remember-device{padding:5px 7px!important;border-radius:8px;gap:6px!important}
.remember-device strong{font-size:9.5px!important}.remember-device small{font-size:8px!important}
.auth-alt{font-size:9.5px;margin:7px 0 0}
.pwa-login-install{padding:6px!important;font-size:9.5px!important;margin-top:5px!important}
.auth-card .alert{padding:6px 8px;margin-bottom:6px;font-size:9.5px}
.auth-card [style*="text-align:right"] a{font-size:10px!important}

.profile-cover__bg{position:relative}
.cover-edit-floating{
  position:absolute;right:16px;bottom:14px;background:rgba(255,255,255,.96);color:#050505;
  padding:7px 10px;border-radius:7px;font-size:10.5px;font-weight:800;
  box-shadow:0 1px 4px rgba(0,0,0,.18)
}
.profile-cover-editor{overflow:hidden;padding:0;margin-bottom:15px}
.profile-cover-editor__preview{
  height:225px;background:linear-gradient(135deg,#D8DADF,#BCC0C4) center/cover no-repeat;position:relative
}
.profile-cover-editor__avatar{position:absolute;left:22px;bottom:-36px}
.profile-cover-editor__avatar .avatar{width:78px;height:78px;border:4px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.22)}
.profile-cover-editor__actions{
  padding:45px 16px 14px;display:flex;justify-content:space-between;align-items:flex-end;gap:14px
}
.profile-cover-editor__actions>div:first-child{display:flex;flex-direction:column}
.profile-cover-editor__actions small{color:#65676B;font-size:10px}
.profile-media-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cover-remove-check{display:flex!important;flex-direction:row!important;align-items:center;gap:4px!important;font-size:9.5px!important;color:#65676B}
.cover-remove-check input{width:auto!important}

@media(max-width:780px){
  .portal-hero.portal-hero--cover{min-height:165px;border-radius:9px}
  .portal-hero h1{font-size:17px;margin:3px 0 5px}
  .portal-hero p{font-size:10px}

  .fb-tool-list button{height:29px!important;min-height:29px!important;grid-template-columns:20px 1fr 10px!important;padding:2px 4px!important}
  .fb-tool-list .tool-icon{font-size:12px!important;width:20px;height:20px}
  .fb-tool-list button b{font-size:9.5px!important}
  .fb-tool-list button i{font-size:13px}
  .fb-add-to-post>strong{font-size:8.5px}
  .fb-composer-form>textarea{min-height:76px!important;font-size:16px!important;padding:7px 2px!important}
  .fb-composer-author{padding-bottom:4px!important}
  .fb-add-to-post + .fb-post-submit{margin-top:3px!important;min-height:32px!important}

  .auth-shell{min-height:calc(100dvh - 58px);padding:6px 9px 10px;align-items:start}
  .auth-card{padding:11px 13px;margin-top:2px}
  .auth-brand{margin-bottom:7px}
  .auth-brand .brand__mark{width:29px;height:29px;font-size:15px}
  .auth-brand h1{font-size:16px;margin-top:4px}
  .auth-brand p{font-size:9px}
  .auth-card .stack-form{gap:6px}
  .auth-card .stack-form label{font-size:9.5px}
  .auth-card .stack-form input,.auth-card .stack-form select{min-height:32px;padding:5px 7px;font-size:11.5px}
  .auth-card .password-row .btn{min-height:32px;padding:4px 7px}
  .auth-card .btn--block{min-height:32px;padding:5px 9px;font-size:10.5px}
  .remember-device{padding:4px 6px!important}
  .remember-device strong{font-size:9px!important}.remember-device small{font-size:7.5px!important}
  .auth-alt{font-size:9px;margin-top:5px}
  .pwa-login-install{padding:5px!important;font-size:9px!important;margin-top:4px!important}

  .profile-cover-editor__preview{height:165px}
  .profile-cover-editor__avatar{left:14px;bottom:-29px}
  .profile-cover-editor__avatar .avatar{width:64px;height:64px}
  .profile-cover-editor__actions{padding:36px 11px 10px;flex-direction:column;align-items:stretch;gap:7px}
  .profile-media-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}
  .profile-media-buttons .btn{font-size:9px;padding:5px 7px}
  .cover-remove-check{grid-column:1/-1}
  .cover-edit-floating{right:9px;bottom:9px;padding:5px 7px;font-size:9px}
}


/* v2.6.3 — dedicated profile cover uploader */
.cover-upload-form{margin:0}
.profile-cover-editor__preview{position:relative;cursor:default}
.cover-camera-button{
  position:absolute;
  right:14px;
  bottom:12px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 10px;
  border-radius:8px;
  background:rgba(255,255,255,.96);
  color:#050505;
  font-size:10px;
  font-weight:800;
  box-shadow:0 1px 5px rgba(0,0,0,.20);
  cursor:pointer;
}
.cover-camera-button:hover{background:#fff}
.cover-save-actions{display:flex!important}
#save-cover-button:disabled{
  opacity:.48;
  cursor:not-allowed;
  background:#8A8D91;
  border-color:#8A8D91;
}
.profile-cover-editor__preview.has-new-cover:after{
  content:"Preview baru";
  position:absolute;
  left:12px;
  top:12px;
  padding:5px 8px;
  background:#1877F2;
  color:#fff;
  border-radius:6px;
  font-size:9px;
  font-weight:800;
}
.cover-delete-form{
  padding:0 16px 12px;
  margin:-4px 0 0;
}
.cover-delete-button{
  border:0;
  background:transparent;
  color:#B3261E;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
  padding:4px 0;
}
.cover-delete-button:hover{text-decoration:underline}
.avatar-separate-editor{
  border-top:1px solid #E4E6EB;
  padding:12px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.avatar-separate-editor>div{display:flex;flex-direction:column}
.avatar-separate-editor small{font-size:9.5px;color:#65676B}

@media(max-width:780px){
  .cover-camera-button{
    right:9px;
    bottom:9px;
    padding:5px 7px;
    font-size:9px;
  }
  .profile-cover-editor__actions{
    padding-top:36px!important;
  }
  .cover-save-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .cover-save-actions .btn{
    width:100%;
    text-align:center;
  }
  .cover-delete-form{padding:0 11px 9px}
  .avatar-separate-editor{
    padding:10px 11px;
    flex-direction:column;
    align-items:stretch;
  }
  .avatar-separate-editor .btn{text-align:center}
}


/* v2.7.0 — Fast Social Feed, Cover Positioning & In-App Updater */
.draggable-cover{cursor:grab;user-select:none;touch-action:none;background-repeat:no-repeat;background-size:cover}.draggable-cover.is-dragging{cursor:grabbing}.draggable-cover:before{content:"Geser foto untuk mengatur posisi";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 9px;border-radius:7px;background:rgba(0,0,0,.56);color:#fff;font-size:9px;font-weight:800;opacity:0;pointer-events:none}.draggable-cover:hover:before,.draggable-cover.is-dragging:before{opacity:1}
.mobile-plus--button{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:0}.mobile-plus--button b{background:#1877F2!important;color:#fff!important}
.feed-publication{overflow:hidden;border-radius:9px;border:0;box-shadow:0 1px 2px rgba(0,0,0,.12)}.feed-publication__cover img{width:100%;aspect-ratio:16/9;object-fit:cover}.feed-publication__body{padding:12px 15px 14px}.feed-publication__body h2{font-size:17px;line-height:1.28;margin:4px 0 6px}.feed-publication__body p{font-size:12px;line-height:1.5;color:#65676B;margin:0 0 8px}.feed-publication__body small{font-size:10px;color:#8A8D91}
.status-style-group+.status-style-group{margin-top:10px}.status-style-options{display:flex!important;gap:7px!important;flex-wrap:wrap}.text-style-options input{display:none}.text-choice{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-size:14px;font-weight:900;border:2px solid #fff;box-shadow:0 0 0 1px #BCC0C4;cursor:pointer;background:#fff}.text-style-options input:checked+.text-choice{box-shadow:0 0 0 3px #1877F2}.text-auto{color:#050505}.text-blue{color:#1877F2}.text-red{color:#E41E3F}.text-green{color:#31A24C}.text-purple{color:#6F42C1}.text-yellow{color:#F7B928;background:#303030}.text-white{color:#fff;background:#303030}.status-style-note{display:block!important;margin-top:8px;color:#65676B;font-size:9.5px}
.post-text-blue{color:#1877F2!important}.post-text-red{color:#E41E3F!important}.post-text-green{color:#31A24C!important}.post-text-purple{color:#6F42C1!important}.post-text-yellow{color:#F7B928!important}.post-text-black{color:#050505!important}.post-text-white{color:#fff!important}
.fb-composer-form>textarea.composer-text-status{min-height:230px!important;border-radius:8px!important;text-align:center;padding:80px 24px!important;font-size:24px!important;font-weight:750!important;color:#fff}.composer-bg-blue{background:#1877F2!important}.composer-bg-blue-gradient{background:linear-gradient(135deg,#1877F2,#45BDFF)!important}.composer-bg-purple{background:linear-gradient(135deg,#6F42C1,#A033FF)!important}.composer-bg-sunset{background:linear-gradient(135deg,#F5533D,#F7B928)!important}.composer-bg-green{background:linear-gradient(135deg,#31A24C,#00A400)!important}.composer-bg-dark{background:linear-gradient(135deg,#050505,#65676B)!important}.composer-text-blue{color:#1877F2!important}.composer-text-red{color:#E41E3F!important}.composer-text-green{color:#31A24C!important}.composer-text-purple{color:#6F42C1!important}.composer-text-yellow{color:#F7B928!important}.composer-text-white{color:#fff!important}.composer-text-black{color:#050505!important}
.btn--update-pending{background:#E7F3FF!important;color:#1877F2!important;border-color:#B7D7FF!important}.update-hero{display:flex;align-items:center;gap:18px;padding:22px;margin-bottom:14px}.update-version-mark{min-width:88px;height:88px;border-radius:20px;background:#1877F2;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.update-hero h2{margin:5px 0 2px}.update-hero p{margin:0;color:#65676B;font-size:11px}.update-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900}.update-status--ok{background:#E6F4EA;color:#137333}.update-status--pending{background:#FEF7E0;color:#B06000}.update-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.update-card,.developer-card{padding:18px}.update-card h3{margin:0 0 3px}.update-card ul{padding-left:18px;margin:12px 0 0}.update-card li{font-size:11px;line-height:1.55;margin:3px 0}.developer-card{display:flex;flex-direction:column;justify-content:center;background:#050505;color:#fff}.developer-card span{font-size:9px;color:#B0B3B8;text-transform:uppercase;letter-spacing:.08em}.developer-card strong{font-size:17px;margin:4px 0}.developer-card small{font-size:9px;color:#B0B3B8}.update-result,.update-history,.update-action-card{padding:18px;margin-bottom:14px}.update-result h3,.update-history h3{margin:0 0 10px}.update-result li{font-size:11px;line-height:1.5}.update-action-card{display:flex;align-items:center;justify-content:space-between;gap:15px}.update-action-card>div{display:flex;flex-direction:column}.update-action-card small{font-size:9.5px;color:#65676B}.update-history-row{display:grid;grid-template-columns:75px 1fr 190px;gap:10px;padding:10px 0;border-top:1px solid #E4E6EB;font-size:11px}.update-history-row small{text-align:right;color:#65676B}
.post-image,.feed-publication__cover img{content-visibility:auto}.post-card,.feed-publication{contain:layout paint style}
@media(max-width:780px){.draggable-cover:before{opacity:.9;top:13px;transform:translateX(-50%);white-space:nowrap}.feed-publication__body{padding:10px 12px 12px}.feed-publication__body h2{font-size:15px}.feed-publication__body p{font-size:10.5px}.status-style-options{gap:5px!important}.text-choice,.bg-choice{width:26px!important;height:26px!important}.fb-composer-form>textarea.composer-text-status{min-height:190px!important;padding:62px 16px!important;font-size:21px!important}.update-hero{padding:14px;gap:11px}.update-version-mark{min-width:64px;height:64px;border-radius:15px;font-size:15px}.update-hero h2{font-size:17px}.update-grid{grid-template-columns:1fr}.update-action-card{flex-direction:column;align-items:stretch}.update-action-card .btn{width:100%}.update-history-row{grid-template-columns:60px 1fr}.update-history-row small{grid-column:2;text-align:left}}


/* v2.8.0 — Messenger Fullscreen, No-Zoom Mobile, Theme, Visual Editor, System Center */
html,body{max-width:100%;overflow-x:hidden}
body{font-family:var(--app-font,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--base-font-size,15px)}
button,a,input,textarea,select{touch-action:manipulation}

/* Make dynamic theme affect the most visible social components */
.brand__mark,.btn--primary,.mobile-plus b,.progress-stat i,.bar-row i,.update-version-mark{background:var(--primary)!important}
.verified-dot,.verified-badge,.panel-head>a,.count-badge,.section-title a,.auth-alt a,.file-label,.smart-feed-tabs a.active,.notification-bell.has-unread,.mobile-bell.has-unread{color:var(--primary)!important}
.smart-feed-tabs a.active{border-bottom-color:var(--primary)!important}
body,.social-soft,.smart-feed-tabs{background-color:var(--bg)}
.card,.topbar,.mobile-nav,.message-compose{background-color:var(--surface)}
.topbar,.mobile-nav,.card,.message-compose,.conversation-head{border-color:var(--border)}

.theme-density-compact .card{--density-pad:.86}
.theme-density-spacious .card{--density-pad:1.08}

/* Messenger bolt */
.messenger-bolt-icon{width:22px;height:22px;fill:currentColor;display:block}
.messenger-top-link{color:#050505}
.messenger-top-link.has-unread{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,#fff)}
.mobile-messenger b{display:grid;place-items:center}.mobile-messenger .messenger-bolt-icon{width:20px;height:20px}
.mobile-messenger.has-unread{color:var(--primary)!important}

/* Mobile conversation becomes a dedicated, one-screen Messenger */
@media(max-width:780px){
  .conversation-screen{padding-bottom:0!important;overflow:hidden!important;background:var(--surface)}
  .conversation-screen .topbar,.conversation-screen .mobile-nav,.conversation-screen .footer,.conversation-screen .support-whatsapp{display:none!important}
  .conversation-screen .conversation-page{width:100vw;max-width:none;height:100dvh;margin:0;padding:0;overflow:hidden}
  .conversation-screen .conversation-card{width:100%;height:100dvh;min-height:0;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:none}
  .conversation-screen .conversation-head{height:58px;min-height:58px;padding:8px 10px;background:var(--surface);flex:0 0 auto}
  .conversation-screen .message-thread{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 10px 10px}
  .conversation-screen .message-compose{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));position:relative;z-index:4}
  .conversation-screen .message-compose textarea{width:100%;min-width:0;height:40px;min-height:40px;max-height:88px;padding:9px 12px;font-size:16px!important;line-height:1.3;border-radius:20px}
  .conversation-screen .message-compose button{height:40px;min-height:40px;padding:0 14px;border-radius:20px;font-size:12px}
  .conversation-screen .message-bubble p{font-size:13px}
  .messenger-list-screen .messenger-shell{width:100%;max-width:none;margin:0;padding:8px 8px 74px}
}

/* Prevent iPhone focus zoom and horizontal overflow, especially auth */
@media(max-width:780px){
  input,select,textarea,[contenteditable="true"]{font-size:16px!important;max-width:100%}
  .auth-screen{padding:0!important;overflow-x:hidden!important;background:var(--bg)}
  .auth-screen .topbar,.auth-screen .mobile-nav,.auth-screen .support-whatsapp,.auth-screen .footer{display:none!important}
  .auth-screen .auth-shell{display:flex;align-items:flex-start;justify-content:center;width:100vw;min-height:100dvh;padding:8px 10px!important;margin:0;overflow:hidden}
  .auth-screen .auth-card{width:100%!important;max-width:380px!important;margin:0!important;padding:12px 14px!important;border-radius:12px!important;overflow:hidden}
  .auth-screen .auth-brand{margin-bottom:7px!important}.auth-screen .auth-brand h1{font-size:17px!important}.auth-screen .auth-brand p{font-size:10px!important}
  .auth-screen .stack-form{gap:6px!important}.auth-screen .stack-form label{font-size:10px!important;gap:3px!important}
  .auth-screen .stack-form input,.auth-screen .stack-form select{width:100%;height:36px!important;min-height:36px!important;padding:5px 8px!important;font-size:16px!important}
  .auth-screen .password-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.auth-screen .password-row .btn{height:36px;min-height:36px;padding:0 9px;font-size:10px}
  .auth-screen .btn--block{height:36px!important;min-height:36px!important;padding:5px 9px!important;font-size:11px!important}
  .auth-screen .remember-device{padding:5px 7px!important}.auth-screen .remember-device input{width:16px!important;height:16px!important;min-height:16px!important}
  .auth-screen .auth-alt{font-size:9.5px!important;margin-top:5px!important}.auth-screen .pwa-login-install{min-height:30px!important}
}

/* Consistent Edit Profile typography: section titles bold, field labels calm */
.profile-section-head h2{font-size:16px!important;font-weight:800;line-height:1.25}
.profile-section-head p{font-size:10.5px!important;font-weight:400;line-height:1.45}
.profile-fields label{font-size:11px!important;font-weight:600!important;color:var(--text)}
.profile-fields label>small,.profile-section small{font-size:9.5px!important;font-weight:400;color:var(--muted)}
.profile-fields input,.profile-fields select,.profile-fields textarea{font-weight:400!important}
.education-item-head strong,.profile-cover-editor__actions strong,.avatar-separate-editor strong{font-size:12px;font-weight:800}
@media(max-width:780px){.profile-section{padding:15px!important}.profile-section-head{margin-bottom:12px!important}.profile-section-head h2{font-size:15px!important}.profile-fields label{font-size:10.5px!important}}

/* Visual content editor */
.visual-editor-label{gap:6px!important}
.wp-visual-editor{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}
.visual-editor-toolbar{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding:6px;background:color-mix(in srgb,var(--bg) 75%,#fff);border-bottom:1px solid var(--border);position:sticky;top:68px;z-index:4}
.visual-editor-toolbar button{height:30px;min-width:30px;padding:0 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);font-size:11px}
.visual-editor-toolbar button:hover{background:var(--surface);border-color:var(--border)}
.visual-editor-toolbar>span{width:1px;height:20px;background:var(--border);margin:0 2px}
.visual-editor-surface{min-height:380px;padding:20px 22px;outline:0;font-family:var(--app-font);font-size:16px!important;line-height:1.75;color:var(--text);background:var(--surface)}
.visual-editor-surface:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}
.visual-editor-surface p{margin:0 0 1em}.visual-editor-surface h2{font-size:25px;margin:1.2em 0 .5em}.visual-editor-surface h3{font-size:20px;margin:1.1em 0 .45em}
.visual-editor-surface blockquote{margin:1em 0;padding:10px 14px;border-left:4px solid var(--primary);background:var(--bg)}
.visual-editor-surface a{color:var(--primary);text-decoration:underline}.editor-help{font-size:9.5px;color:var(--muted);font-weight:400}
.reader-content strong{font-weight:800}.reader-content u{text-decoration:underline}.reader-content blockquote{border-left:4px solid var(--primary);padding:9px 16px;margin:1.3em 0;background:var(--bg)}.reader-content ul,.reader-content ol{padding-left:1.4em}.reader-content a{color:var(--primary);text-decoration:underline}
@media(max-width:780px){.visual-editor-toolbar{top:0;padding:4px}.visual-editor-toolbar button{height:28px;min-width:27px;padding:0 5px;font-size:10px}.visual-editor-surface{min-height:300px;padding:14px 12px;font-size:16px!important}}

/* Theme manager */
.theme-settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:16px}.theme-panel{padding:18px}.theme-panel h2{font-size:16px;margin:0 0 14px}.theme-panel>label{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:11px;font-weight:800}.theme-panel select{border:1px solid var(--border);border-radius:8px;padding:9px;background:var(--surface)}
.theme-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-color-grid label{display:flex;justify-content:space-between;align-items:center;padding:9px;border:1px solid var(--border);border-radius:9px;font-size:10px;font-weight:700}.theme-color-grid label>div{display:flex;align-items:center;gap:6px}.theme-color-grid input[type=color]{width:32px;height:28px;border:0;padding:0;background:transparent}.theme-color-grid code{font-size:9px;color:var(--muted)}
.theme-preview{grid-column:1/-1;padding:16px;background:var(--preview-bg,#F0F2F5);font-family:var(--preview-font,system-ui);border-color:var(--preview-border,#CED0D4)}.theme-preview>span{font-size:9px;color:var(--preview-muted,#65676B);text-transform:uppercase}.theme-preview-card{margin-top:8px;max-width:430px;padding:15px;border:1px solid var(--preview-border,#CED0D4);border-radius:var(--preview-radius,12px);background:var(--preview-surface,#fff);color:var(--preview-text,#050505)}.theme-preview-card p{font-size:11px;color:var(--preview-muted,#65676B)}.theme-preview-card button{border:0;border-radius:7px;background:var(--preview-primary,#1877F2);color:#fff;padding:7px 10px;font-size:10px;font-weight:800}.theme-save-row{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}
@media(max-width:780px){.theme-settings-grid{grid-template-columns:1fr}.theme-color-grid{grid-template-columns:1fr}.theme-preview,.theme-save-row{grid-column:auto}.theme-save-row .btn{flex:1}}

/* System center */
.system-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.system-summary{padding:17px;display:flex;flex-direction:column}.system-summary small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.system-summary strong{font-size:16px;margin:4px 0}.system-summary span{font-size:10px;color:var(--primary)}
.system-spec-card,.system-capability-card{padding:19px;margin-bottom:14px}.system-spec-card h2,.system-capability-card h2{font-size:16px;margin:0 0 12px}.system-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.system-spec-grid>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--border);font-size:11px}.system-spec-grid span{color:var(--muted)}.system-spec-grid strong{text-align:right}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.capability-grid span{padding:9px;border-radius:8px;background:var(--bg);font-size:10px;font-weight:700}.system-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.system-quick-links>a,.system-quick-links>div{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);display:flex;flex-direction:column}.system-quick-links b{font-size:14px;color:var(--primary)}.system-quick-links span{font-size:10px;color:var(--muted)}
@media(max-width:780px){.system-summary-grid{grid-template-columns:1fr}.system-spec-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:1fr 1fr}.system-quick-links{grid-template-columns:1fr 1fr}}

/* Ad slot placement */
.custom-ad-slot{max-width:100%;overflow:hidden}.custom-ad-slot>*{max-width:100%}


/* v2.8 theme final overrides */
.post-actions button.is-liked,.post-actions .is-liked,.profile-life-summary strong,.role-mini--moderator,.content-type,.reader-content a,.visual-editor-surface a{color:var(--primary)!important}
.notification-number,.nav-count,.mobile-nav-badge i{background:var(--danger)!important;color:#fff!important}
.fb-privacy-select,.global-search input,.composer__fake,.message-compose textarea,.messenger-search input{background:color-mix(in srgb,var(--bg) 86%,var(--surface))!important}
.top-icon-link{background:color-mix(in srgb,var(--border) 55%,var(--surface))}
.support-whatsapp{background:#25D366!important}


/* v2.8.2 — Status & performance hotfix */
.fb-composer-form[hidden]{display:none!important}
.fb-composer.is-open .fb-composer-form{display:block}
.fb-post-submit{touch-action:manipulation}
.post-card,.feed-publication{content-visibility:auto;contain-intrinsic-size:480px}
@media(max-width:780px){
  .sidebar--right{display:none!important}
  .fb-composer{contain:layout style}
  .post-card,.feed-publication{contain-intrinsic-size:420px}
}


/* v2.8.3 — Mobile Posting alignment, compact verified badge & feed share */
.verified-badge-fb{display:inline-flex;width:14px;height:14px;color:#1877F2!important;vertical-align:-2px;margin-left:3px;flex:0 0 14px}
.verified-badge-fb svg{display:block;width:14px;height:14px}.post-name-line .verified-badge-fb{margin-left:4px}
.profile-cover__identity h1 .verified-badge-fb{width:16px;height:16px;vertical-align:-1px}.profile-cover__identity h1 .verified-badge-fb svg{width:16px;height:16px}
.inline-author-name{display:inline-flex;align-items:center;gap:1px}.inline-author-name .verified-badge-fb{width:12px;height:12px;flex-basis:12px;margin-left:2px}.inline-author-name .verified-badge-fb svg{width:12px;height:12px}
.sidebar-verified{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:5px;color:#65676B}.sidebar-verified small{font-size:9px}.sidebar-verified .verified-badge-fb{width:12px;height:12px;flex-basis:12px;margin:0}.sidebar-verified .verified-badge-fb svg{width:12px;height:12px}
.shared-feed-card{overflow:hidden;padding:0}.shared-feed-actor{display:flex;align-items:center;gap:9px;padding:11px 14px}.shared-feed-actor>div{display:flex;flex-direction:column;min-width:0}.shared-feed-actor strong{font-size:13px;display:flex;align-items:center}.shared-feed-actor small{font-size:10px;color:#65676B}
.shared-original-post{display:block;margin:0 12px 12px;border:1px solid #CED0D4;border-radius:9px;overflow:hidden;background:#fff}.shared-original-head{display:flex;gap:8px;align-items:center;padding:10px 11px 5px}.shared-original-head>div{display:flex;flex-direction:column}.shared-original-head strong{font-size:12px;display:flex;align-items:center}.shared-original-head small{font-size:9.5px;color:#65676B}.avatar--shared{width:34px!important;height:34px!important}.shared-original-text{padding:7px 11px 10px;font-size:13px;line-height:1.4}.shared-original-image{display:block;width:100%;max-height:420px;object-fit:cover}
.login-app-logo{width:38px;height:38px;object-fit:contain;border-radius:10px;margin:0 auto;display:block}
@media(max-width:780px){
.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch}
.mobile-nav>a,.mobile-nav>button{width:100%!important;height:62px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;appearance:none;-webkit-appearance:none;background:transparent;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;line-height:1!important;text-align:center!important;box-sizing:border-box!important}
.mobile-nav>button.mobile-plus{grid-column:3;color:var(--text);font-family:var(--app-font)}
.mobile-nav .mobile-plus b{width:38px!important;height:38px!important;margin:-11px 0 0!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:27px!important;line-height:1!important;font-weight:400!important;transform:none!important}
.mobile-nav .mobile-plus span{display:block!important;margin:2px 0 0!important;padding:0!important;font-size:10px!important;line-height:1!important;text-align:center!important}
.verified-badge-fb{width:13px;height:13px;flex-basis:13px;margin-left:3px;vertical-align:-2px}.verified-badge-fb svg{width:13px;height:13px}.profile-cover__identity h1 .verified-badge-fb,.profile-cover__identity h1 .verified-badge-fb svg{width:15px;height:15px}.shared-original-image{max-height:340px}
}

.share-feed-confirm{padding:10px 13px;display:flex;flex-direction:column;gap:1px;border-color:#B7D7FF;background:#E7F3FF;color:#185FA8}.share-feed-confirm strong{font-size:11px}.share-feed-confirm small{font-size:9.5px;color:#4B6680}


/* v2.8.4 — clean status style, editable home copy, slightly larger verified badge */
.status-style-picker{
  padding:9px 10px!important;
  margin:7px 0!important;
  border:1px solid var(--border)!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--surface) 94%,var(--bg))!important;
}
.status-style-picker__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.status-style-picker__head strong{font-size:10.5px!important;font-weight:800}
.status-style-picker__head small{font-size:8.5px!important;color:var(--muted)}
.status-style-row{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;padding:4px 0}
.status-style-row>span{font-size:9px;color:var(--muted);font-weight:700}
.status-style-options{display:flex!important;align-items:center;gap:5px!important;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0!important;padding:2px!important}
.status-style-options::-webkit-scrollbar{display:none}
.status-style-options label{display:block!important;margin:0!important;flex:0 0 auto}
.status-style-options input{display:none!important}
.status-style-picker .bg-choice,.status-style-picker .text-choice{
  width:23px!important;height:23px!important;border-radius:6px!important;
  border:2px solid var(--surface)!important;box-shadow:0 0 0 1px #BCC0C4!important;
}
.status-style-picker .text-choice{font-size:10px!important;font-weight:800!important}
.status-style-picker input:checked+.bg-choice,.status-style-picker input:checked+.text-choice{box-shadow:0 0 0 2px var(--primary)!important}
.status-style-picker__note,.location-light-note{display:block;font-size:8.5px!important;color:var(--muted)!important;font-weight:400!important;line-height:1.35;margin-top:5px}
.home-copy-settings textarea{width:100%;resize:vertical;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:#fbfcfb;font:inherit;font-size:12px}
.settings-hint{display:block;margin-top:10px;color:var(--muted);font-size:9.5px}

/* Slightly larger, but still compact and consistent next to names */
.verified-badge-fb{width:16px!important;height:16px!important;flex-basis:16px!important;margin-left:4px!important;vertical-align:-3px!important}
.verified-badge-fb svg{width:16px!important;height:16px!important}
.profile-cover__identity h1 .verified-badge-fb,.profile-cover__identity h1 .verified-badge-fb svg{width:18px!important;height:18px!important}
.inline-author-name .verified-badge-fb,.inline-author-name .verified-badge-fb svg{width:15px!important;height:15px!important;flex-basis:15px!important}
.avatar-link>span,.person-row strong,.conversation-row strong,.friend-card strong,.comment-row strong,.shared-feed-actor strong,.shared-original-head strong{display:inline-flex;align-items:center;min-width:0}

@media(max-width:780px){
  .status-style-picker{padding:7px 8px!important}
  .status-style-row{grid-template-columns:30px minmax(0,1fr);gap:4px;padding:3px 0}
  .status-style-row>span{font-size:8.5px}
  .status-style-picker .bg-choice,.status-style-picker .text-choice{width:21px!important;height:21px!important;border-radius:5px!important}
  .status-style-picker .text-choice{font-size:9px!important}
  .verified-badge-fb,.verified-badge-fb svg{width:15px!important;height:15px!important;flex-basis:15px!important}
  .profile-cover__identity h1 .verified-badge-fb,.profile-cover__identity h1 .verified-badge-fb svg{width:17px!important;height:17px!important}
}

.admin-author-name{display:inline-flex;align-items:center}


/* v2.8.5 — account identity, share menu & mobile admin access */
.login-identity-help{font-size:9px!important;font-weight:400!important;color:var(--muted);line-height:1.35}
.login-identity-help strong{color:var(--text)}

.header-account-identity{display:flex!important;flex-direction:column!important;align-items:flex-start;line-height:1.05}
.header-account-identity>strong{display:inline-flex;align-items:center;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.header-account-identity .role-mini{font-size:8px;margin-top:3px}

.profile-name-caption{display:block;font-size:9px!important;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.profile-login-name{display:flex;align-items:center;gap:5px;margin:3px 0 5px;line-height:1}
.profile-login-name span{font-size:9px;color:var(--muted);font-weight:700}
.profile-login-name strong{font-size:12px;color:var(--text)}
.profile-login-name small{font-size:8px!important;background:#E7F3FF;color:#1877F2!important;padding:3px 5px;border-radius:5px;font-weight:800}

.account-identity-note{padding:9px 10px;border-radius:8px;background:#F0F2F5;display:flex;flex-direction:column;gap:2px}
.account-identity-note strong{font-size:11px}
.account-identity-note span{font-size:9.5px;color:var(--muted);font-weight:400}
.username-field-prefix{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden}
.username-field-prefix>span{padding:0 0 0 9px;color:var(--muted);font-weight:800;font-size:12px}
.username-field-prefix input{border:0!important;box-shadow:none!important;flex:1}
.readonly-account-field{background:#F5F6F7!important;color:#65676B!important}

.mobile-admin-launch{display:none}
.profile-admin-shortcut{white-space:nowrap}

/* Smaller Public/Friends selector */
.fb-privacy-select{
  width:auto!important;
  min-height:25px!important;
  height:25px!important;
  padding:2px 22px 2px 7px!important;
  border-radius:6px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:750!important;
  background:#E4E6EB!important;
  color:#050505!important;
}

/* Share sheet */
.share-sheet-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:108;
}
.share-sheet{
  position:fixed;z-index:109;left:50%;bottom:18px;transform:translateX(-50%);
  width:min(430px,calc(100% - 24px));background:#fff;border-radius:15px;
  box-shadow:0 16px 50px rgba(0,0,0,.28);padding:8px 10px 12px;
}
.share-sheet__handle{width:34px;height:4px;border-radius:999px;background:#CED0D4;margin:1px auto 7px}
.share-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:4px 5px 8px;border-bottom:1px solid #E4E6EB}
.share-sheet__head>div{display:flex;flex-direction:column}
.share-sheet__head strong{font-size:14px}.share-sheet__head small{font-size:9px;color:#65676B}
.share-sheet__head button{width:30px;height:30px;border:0;border-radius:50%;background:#E4E6EB;font-size:20px;color:#65676B}
.share-sheet__options{padding-top:5px}
.share-option{
  width:100%;border:0;background:transparent;border-radius:9px;padding:8px 7px;
  display:grid;grid-template-columns:36px 1fr;align-items:center;gap:9px;text-align:left;color:#050505
}
.share-option:hover{background:#F0F2F5}
.share-option__icon{width:34px;height:34px;border-radius:50%;background:#E7F3FF;color:#1877F2;display:grid;place-items:center;font-size:17px}
.share-option__icon svg{width:20px;height:20px}
.share-option--wa .share-option__icon{background:#25D366;color:#fff}
.share-option>span:last-child{display:flex;flex-direction:column}
.share-option strong{font-size:11px}.share-option small{font-size:9px;color:#65676B}
body.share-sheet-open{overflow:hidden}

@media(max-width:780px){
  .mobile-admin-launch{
    display:flex;width:34px;height:34px;border-radius:9px;background:#E7F3FF;color:#1877F2;
    align-items:center;justify-content:center;flex-direction:column;line-height:1;flex:0 0 34px;
  }
  .mobile-admin-launch>span{font-size:15px;line-height:1}
  .mobile-admin-launch>small{font-size:6.5px;font-weight:900;margin-top:1px}
  .top-actions{gap:5px!important}
  .avatar-link{gap:5px!important}
  .avatar-link img{width:38px!important;height:38px!important}
  .header-account-identity{display:flex!important;max-width:116px}
  .header-account-identity>strong{font-size:10.5px;max-width:116px}
  .header-account-identity .role-mini{font-size:6.5px}
  .profile-login-name{justify-content:center;flex-wrap:wrap}
  .profile-name-caption{text-align:center}
  .profile-own-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important}
  .profile-own-actions .profile-admin-shortcut{grid-column:1/-1}
  .profile-own-actions .btn{font-size:9.5px!important;padding:7px 8px!important}
  .fb-privacy-select{font-size:8.5px!important;height:24px!important;min-height:24px!important;padding:1px 19px 1px 6px!important}
  .share-sheet{bottom:70px;width:calc(100% - 16px);border-radius:14px;padding:7px 8px 10px}
  .share-option{padding:7px 5px;grid-template-columns:32px 1fr;gap:7px}
  .share-option__icon{width:30px;height:30px;font-size:15px}
  .share-option strong{font-size:10.5px}.share-option small{font-size:8.5px}
}

.admin-mobile-guide{display:none}
@media(max-width:780px){
  .admin-mobile-guide{display:flex;flex-direction:column;gap:2px;padding:10px 12px;margin-bottom:10px;background:#E7F3FF;border-color:#B7D7FF}
  .admin-mobile-guide strong{font-size:11px;color:#1877F2}
  .admin-mobile-guide span{font-size:9px;color:#476582;line-height:1.4}
}

/* v2.8.6 — compact mobile admin, media editor & moderation */
.post-media-editor{border:1px solid var(--border);border-radius:11px;padding:11px;background:#F7F8FA}
.post-media-editor__head strong{font-size:11px}.post-media-editor__head small{display:block;color:var(--muted);font-size:9px}
.post-media-preview{margin-top:8px;border-radius:9px;overflow:hidden;background:#E4E6EB;min-height:150px;display:grid;place-items:center}
.post-media-preview img{display:block;width:100%;max-height:420px;object-fit:cover}.post-media-preview.is-empty{min-height:110px}
.post-media-empty{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:20px}.post-media-empty span{font-size:9px}
.post-media-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.admin-user-subsection{margin-top:16px;border-top:1px solid var(--border);padding-top:16px}.admin-user-subsection h2{font-size:16px;margin:3px 0}.admin-user-subsection p{font-size:11px;color:var(--muted)}
.admin-user-subsection__head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.admin-user-subsection__head>div{flex:1}
.official-warning-panel{background:#FFFDF6;border:1px solid #F1E1A6;border-radius:12px;padding:14px;margin-top:18px}.danger-zone{background:#FFF6F5;border:1px solid #F3C7C3;border-radius:12px;padding:14px}
.notice-history{border-top:1px solid #E7DFC1;margin-top:12px;padding-top:10px;display:flex;flex-direction:column;gap:5px}.notice-history>a{padding:7px 8px;border-radius:7px;background:#fff;display:flex;justify-content:space-between;gap:8px}.notice-history span{font-size:10px;font-weight:700}.notice-history small{font-size:8px;color:var(--muted)}
.user-row-actions{display:flex;gap:4px;align-items:center}.admin-user-username{display:block;color:var(--primary);font-size:10px;font-weight:800;margin-top:-5px}
.official-notice-card{padding:20px}.official-notice-card h1{font-size:22px;line-height:1.2;margin:4px 0}.official-notice-head p{font-size:10px;color:var(--muted)}.official-notice-body{font-size:14px;line-height:1.7;padding:15px 0}.official-notice-foot{border-top:1px solid var(--border);padding-top:10px;margin-top:14px;font-size:9px;color:var(--muted)}
.official-notice--warning{border-top:4px solid #E41E3F}.official-notice--policy{border-top:4px solid #F7B928}.official-notice--information{border-top:4px solid #1877F2}
@media(max-width:780px){
 .admin-page{font-size:12px!important;padding:0 8px!important;margin:8px auto 72px!important}
 .admin-head{padding:12px!important;border-radius:12px!important;margin-bottom:9px!important;gap:7px!important}
 .admin-head h1{font-size:19px!important;line-height:1.15!important;margin:3px 0!important}.admin-head .muted{font-size:9.5px!important;line-height:1.4!important}
 .admin-head .eyebrow{font-size:7.5px!important}.admin-head-actions{gap:5px!important}.admin-head-actions .btn{font-size:9px!important;padding:6px 8px!important}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:8px 0!important}.stat{padding:10px!important;border-radius:10px!important}.stat strong{font-size:20px!important;line-height:1.1!important}.stat span{font-size:9px!important}
 .dashboard-panel,.users-table-card,.export-center,.page-card{padding:11px!important;border-radius:12px!important}.panel-head{margin-bottom:8px!important}.panel-head h2{font-size:13px!important}.panel-head p{font-size:9px!important;line-height:1.35!important}.panel-head>a{font-size:9px!important}
 .admin-row{padding:8px 0!important;gap:6px!important}.admin-row strong{font-size:10.5px!important}.admin-row small{font-size:8.5px!important;line-height:1.35!important}.admin-row .btn{font-size:8.5px!important;padding:5px 7px!important}
 .social-kpi-grid{gap:7px!important}.social-kpi{padding:10px!important}.social-kpi strong{font-size:18px!important}.social-kpi span{font-size:8.5px!important}
 .section-title strong{font-size:10.5px!important}.section-title small,.section-title a{font-size:8.5px!important}
 .users-table th,.users-table td{font-size:10px!important;padding:8px!important}.users-table th{font-size:8px!important}.role-pill,.status-pill{font-size:8px!important;padding:3px 6px!important}.verification-stack{font-size:9px!important}
 .user-row-actions{flex-direction:column;align-items:stretch}.user-row-actions .btn{font-size:8px!important;padding:4px 6px!important}
 .admin-user-subsection__head{flex-direction:column}.admin-user-subsection h2{font-size:14px}.admin-user-subsection p{font-size:9px}.notice-history>a{flex-direction:column}.official-notice-card h1{font-size:18px}.official-notice-body{font-size:12px}
}


/* v2.8.7 — faster registration & avatar rendering */
.avatar,
.avatar-link img,
.brand__logo,
.profile-cover .avatar--profile,
.profile-cover-editor__avatar img{
  background:#E4E6EB;
  aspect-ratio:1/1;
  object-fit:cover;
}
.avatar,
.avatar-link img{
  contain:paint;
}
.register-app-logo{
  display:block;
  width:38px;
  height:38px;
  margin:0 auto;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
}
.auth-card select[name="school_unit_id"]{font-size:12px}

@media(max-width:780px){
  .register-app-logo{width:31px;height:31px;border-radius:8px}
}


/* v3.0.0 — Community Platform Architecture */
.community-type-badge{
  display:inline-flex;align-items:center;gap:4px;width:max-content;
  padding:4px 7px;border-radius:999px;background:#F0F2F5;color:#3A3B3C;
  font-size:9px;font-weight:800;line-height:1
}
.community-type-badge i{font-style:normal;font-size:11px}
.community-type-badge--compact{font-size:8px;padding:3px 5px;margin-top:2px}
.community-type-badge--santri{background:#E7F3FF;color:#1666A8}
.community-type-badge--guru{background:#E6F4EA;color:#137333}
.community-type-badge--wali_murid{background:#FFF4E5;color:#A15C00}
.community-type-badge--masyarakat{background:#F3E8FF;color:#6F42C1}

.profile-community-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0}
.profile-community-line>span{font-size:9.5px;color:var(--muted)}
.community-safety-note{padding:7px 9px;background:#F0F2F5;border-radius:7px;color:#65676B;font-size:9px;font-weight:700}
.community-account-type{padding:10px;background:#F0F2F5;border-radius:9px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.community-account-type>span{font-size:9px;font-weight:800;color:#65676B;text-transform:uppercase}
.community-account-type small{font-size:9px;color:#65676B}.community-account-type em{width:100%;font-size:8.5px;color:#65676B;font-style:normal}

.community-register-note{padding:8px 10px;background:#E7F3FF;border-radius:8px;color:#315F83;font-size:9.5px;line-height:1.45}
.community-register-form [hidden]{display:none!important}

.community-directory-page{max-width:1120px;margin:18px auto 90px;padding:0 14px}
.directory-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;margin-bottom:12px}
.directory-hero h1{margin:3px 0 5px}.directory-hero p{margin:0;color:var(--muted);font-size:11px;max-width:680px}
.my-community-card{min-width:190px;padding:12px;border-radius:10px;background:#F0F2F5;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.my-community-card strong{font-size:12px}.my-community-card small{font-size:9px;color:var(--muted)}
.community-type-tabs{display:flex;gap:3px;overflow-x:auto;padding:5px;margin-bottom:10px}
.community-type-tabs a{white-space:nowrap;padding:8px 10px;border-radius:7px;font-size:9.5px;font-weight:800;color:#65676B}
.community-type-tabs a.active{background:#E7F3FF;color:#1877F2}
.community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.community-member-card{padding:13px;display:flex;gap:10px;align-items:center;min-width:0}
.avatar--community{width:52px!important;height:52px!important;flex:0 0 52px}
.community-member-card__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.community-member-card__body>strong{font-size:11.5px;display:flex;align-items:center}
.community-member-card__body>small,.community-member-card__body>span{font-size:8.5px;color:#65676B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-empty{grid-column:1/-1;padding:25px;text-align:center}.community-empty p{font-size:10px;color:#65676B}

.community-architecture-card{padding:17px;margin-bottom:12px}
.community-architecture-types{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.community-architecture-types>div{display:flex;flex-direction:column;gap:6px;padding:10px;background:#F7F8FA;border-radius:9px}
.community-architecture-types small{font-size:8.5px;color:#65676B}
.community-settings-form{max-width:850px;padding:18px;display:flex;flex-direction:column;gap:14px}
.community-settings-form>label{display:flex;flex-direction:column;gap:5px;font-size:10.5px;font-weight:800}
.community-settings-form select{min-height:37px;border:1px solid #CED0D4;border-radius:8px;padding:7px}
.community-settings-form small{font-weight:400;color:#65676B}
.community-safety-policy{padding:12px;background:#E7F3FF;border-radius:9px}.community-safety-policy strong{font-size:11px}.community-safety-policy p{font-size:9.5px;color:#315F83;line-height:1.5;margin:4px 0 0}
.community-count-strip{display:flex;gap:5px;padding:7px;margin:8px 0;overflow-x:auto}
.community-count-strip a{min-width:max-content;padding:6px 8px;border-radius:7px;background:#F0F2F5;font-size:8.5px;color:#65676B}.community-count-strip strong{margin-left:4px;color:#050505}
.community-dashboard-types{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.community-dashboard-types a{background:#F0F2F5;border-radius:9px;padding:9px;display:flex;flex-direction:column;align-items:center;gap:2px}
.community-dashboard-types a>span{font-size:18px}.community-dashboard-types strong{font-size:15px}.community-dashboard-types small{font-size:8px;color:#65676B;text-align:center}
.system-community-module{padding:18px;margin-top:12px}.system-community-module h2{font-size:15px;margin:0 0 5px}.system-community-module p{font-size:10px;color:#65676B}

@media(max-width:900px){
  .community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .community-architecture-types{grid-template-columns:repeat(2,1fr)}
  .community-dashboard-types{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:780px){
  .community-directory-page{padding:0 8px;margin-top:8px}
  .directory-hero{padding:12px;flex-direction:column;align-items:stretch}.directory-hero h1{font-size:18px}.directory-hero p{font-size:9.5px}
  .my-community-card{min-width:0}
  .community-type-tabs{border-radius:8px}.community-type-tabs a{font-size:8.5px;padding:7px 8px}
  .community-grid{grid-template-columns:1fr;gap:7px}
  .community-member-card{padding:10px}.avatar--community{width:46px!important;height:46px!important;flex-basis:46px}
  .community-member-card__body>strong{font-size:11px}
  .community-architecture-types{grid-template-columns:1fr}
  .community-dashboard-types{grid-template-columns:repeat(2,1fr)}
}


/* v3.0.1 — Sirajuna Brand Theme / Option N
   Official visual system: deep green + emerald + gold + ivory.
   Verification badge intentionally remains blue as a familiar trust semantic. */
html,body{background:var(--bg)!important;color:var(--text)!important}
body{
  background-image:
    radial-gradient(circle at 12% 4%,rgba(212,175,55,.045),transparent 24%),
    radial-gradient(circle at 86% 10%,rgba(15,61,46,.035),transparent 22%);
  background-attachment:fixed;
}
.card,.auth-card,.reader-article,.archive-card,.archive-featured,
.fb-composer,.post-card,.feed-publication,.shared-feed-card,
.theme-panel,.admin-page .card{
  background:var(--surface)!important;
  border-color:var(--border)!important;
  box-shadow:0 1px 3px rgba(15,61,46,.07)!important;
}
.topbar{
  background:rgba(255,253,249,.97)!important;
  border-bottom:1px solid rgba(222,214,200,.75)!important;
  box-shadow:0 1px 4px rgba(15,61,46,.08)!important;
  backdrop-filter:saturate(120%) blur(8px);
}
.brand__mark,.btn--primary,.mobile-plus b,.mobile-plus--button b,
.update-version-mark{
  background:var(--primary)!important;
  border-color:var(--primary)!important;
  color:#fff!important;
}
.btn--primary:hover{background:var(--primary-strong)!important;border-color:var(--primary-strong)!important}
.btn--ghost{border-color:var(--border)!important}
.btn--ghost:hover,.portal-nav a:hover,.share-option:hover{background:var(--primary-soft)!important}
.portal-nav a.is-active,.mobile-nav a.is-active,.mobile-nav a.is-active b,
.smart-feed-tabs a.active,.panel-head>a,.count-badge,.social-kpi strong{
  color:var(--primary)!important;
}
.portal-nav a.is-active{background:var(--primary-soft)!important}
.smart-feed-tabs{
  background:rgba(247,244,236,.94)!important;
}
.smart-feed-tabs a.active{border-bottom-color:var(--gold)!important}
.smart-feed-tabs a:hover{background:#EEE9DF!important;color:var(--text)!important}
.global-search input,.fb-privacy-select,.account-identity-note,
.community-account-type,.community-count-strip a,.community-dashboard-types a,
.my-community-card,.community-architecture-types>div{
  background:#F2EEE6!important;
  border-color:var(--border)!important;
  color:var(--text)!important;
}
.global-search input:focus{
  background:#fff!important;
  border-color:rgba(15,61,46,.35)!important;
  box-shadow:0 0 0 3px rgba(15,61,46,.08)!important;
}
.mobile-nav{
  background:rgba(255,253,249,.98)!important;
  border-top-color:var(--border)!important;
}
.mobile-plus b{
  box-shadow:0 4px 13px rgba(15,61,46,.22)!important;
}
.eyebrow,.content-type,.archive-card .content-type,.archive-featured .content-type{
  color:var(--primary)!important;
}
.progress-stat i,.bar-row i{background:var(--primary)!important}
.nav-count{background:#C63C48!important}
.notification-bell.has-unread,.mobile-admin-launch,
.community-register-note,.community-safety-policy,
.admin-mobile-guide,.editor-info,.btn--update-pending,
.profile-login-name small{
  background:var(--primary-soft)!important;
  color:var(--primary)!important;
  border-color:#C8D8CE!important;
}
.admin-mobile-guide strong{color:var(--primary)!important}
.share-option__icon{
  background:var(--primary-soft)!important;
  color:var(--primary)!important;
}
.share-option--wa .share-option__icon{background:#25D366!important;color:#fff!important}
.share-feed-confirm{
  background:#F3EFE4!important;
  border-color:#E5D8B8!important;
  color:#6D5820!important;
}
.share-feed-confirm small{color:#7A6A49!important}
.community-type-tabs a.active{background:var(--primary-soft)!important;color:var(--primary)!important}
.community-type-badge--santri{background:#E8F0EB!important;color:#185440!important}
.community-type-badge--guru{background:#E7F0E8!important;color:#1D5A3A!important}
.community-type-badge--wali_murid{background:#F5EDDA!important;color:#866B22!important}
.community-type-badge--masyarakat{background:#EEEAE3!important;color:#605B52!important}
.community-safety-policy p,.community-register-note{color:#476455!important}
.theme-preview{
  background:var(--bg)!important;
  border-color:var(--border)!important;
}
.theme-preview-card{
  background:var(--surface)!important;
  border-color:var(--border)!important;
  color:var(--text)!important;
}
.theme-preview-card button{background:var(--primary)!important}
.reader-kicker .content-type{color:var(--primary)!important}
.reader-deck{color:var(--muted)!important}
.archive-featured__media,.archive-card__media{
  background:linear-gradient(135deg,#084B38,#0F3D2E)!important;
}
.developer-card{background:#08291F!important}
.support-whatsapp:hover .support-tooltip{background:var(--primary)!important}
.support-whatsapp:hover .support-tooltip:after{border-left-color:var(--primary)!important}

/* Brand accent: gold appears sparingly, never as the primary interaction color. */
.portal-cover:after,
.directory-hero:before,
.community-admin-panel:before{
  border-color:var(--gold);
}
.role-mini--admin,.role-badge--admin{
  color:#8B6D14!important;
  background:#F7EED1!important;
  border-color:#E4CD7A!important;
}
.official-notice--policy{border-top-color:var(--gold)!important}
.update-status--pending{background:#F7EED1!important;color:#7A5D13!important}

/* Status composer colors harmonized with the Sirajuna identity. */
.bg-blue,.composer-bg-blue,.post-bg-blue{
  background:#0F3D2E!important;
}
.bg-blue-gradient,.composer-bg-blue-gradient,.post-bg-blue-gradient{
  background:linear-gradient(135deg,#084B38,#1E6B50)!important;
}
.bg-purple,.composer-bg-purple,.post-bg-purple{
  background:linear-gradient(135deg,#566E61,#8FA08F)!important;
}
.bg-sunset,.composer-bg-sunset,.post-bg-sunset{
  background:linear-gradient(135deg,#B78A2D,#D4AF37)!important;
}
.bg-green,.composer-bg-green,.post-bg-green{
  background:linear-gradient(135deg,#0F3D2E,#2F7658)!important;
}
.bg-dark,.composer-bg-dark,.post-bg-dark{
  background:linear-gradient(135deg,#18231E,#38473F)!important;
}
.background-picker input:checked+.bg-choice,
.text-style-options input:checked+.text-choice{
  box-shadow:0 0 0 3px var(--gold)!important;
}

/* Sirajuna preset card in Theme Admin */
.sirajuna-theme-preset{
  grid-column:1/-1;
  padding:16px!important;
  display:grid;
  grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);
  gap:16px;
  align-items:center;
}
.sirajuna-theme-preset h2{margin:3px 0 5px;font-size:17px;color:var(--primary)}
.sirajuna-theme-preset p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}
.sirajuna-palette-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.sirajuna-palette-preview span{
  display:flex;flex-direction:column;gap:3px;min-width:0;font-size:8px;color:var(--muted)
}
.sirajuna-palette-preview i{
  height:38px;border-radius:8px;background:var(--swatch);border:1px solid rgba(0,0,0,.05)
}
.sirajuna-palette-preview b{font-size:8.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sirajuna-palette-preview code{font-size:7.5px;background:transparent;padding:0;color:var(--muted)}

/* Keep the Facebook-like verification badge blue as requested. */
.verified-badge-fb{color:#1877F2!important}

@media(max-width:780px){
  body{background-image:none}
  .sirajuna-theme-preset{grid-template-columns:1fr;padding:12px!important}
  .sirajuna-palette-preview{gap:5px}
  .sirajuna-palette-preview i{height:30px}
  .sirajuna-palette-preview b{font-size:7.5px}
  .sirajuna-palette-preview code{font-size:7px}
}


/* v3.0.2 — Independent Logo & Home Cover */
.branding-admin-page{max-width:1120px}
.branding-independence-note{
  display:grid;
  grid-template-columns:1fr 44px 1fr;
  align-items:center;
  gap:10px;
  padding:13px 16px;
  margin-bottom:14px;
  border-color:#E0D4B8!important;
  background:linear-gradient(135deg,#FFFDF9,#F8F3E8)!important;
}
.branding-independence-note>div{display:flex;flex-direction:column;gap:2px}
.branding-independence-note>div:last-child{text-align:right}
.branding-independence-note b{font-size:11px;color:var(--primary)}
.branding-independence-note span{font-size:9px;color:var(--muted)}
.branding-independence-note i{
  display:grid;place-items:center;width:34px;height:34px;margin:auto;
  border-radius:50%;background:#F3E8C8;color:#8A6E18;font-style:normal;font-size:17px;font-weight:900
}
.branding-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.branding-card-head>div{display:flex;align-items:center;gap:8px}
.branding-card-head h2{margin:0!important}
.branding-card-head>small{font-size:8.5px;color:var(--muted)}
.branding-step{
  width:25px;height:25px;display:grid;place-items:center;border-radius:7px;
  background:var(--primary);color:#fff;font-size:8px;font-weight:900;letter-spacing:.04em
}
.branding-independent-badge{
  padding:4px 6px;border-radius:999px;background:#F5EBCF;color:#7B6118;
  font-size:7.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em
}
.branding-card-desc{font-size:9px!important;line-height:1.45;color:var(--muted);margin:0 0 10px}
.branding-card-desc b{color:var(--text)}
.branding-section-form{display:flex;flex-direction:column}
.branding-section-actions{display:flex;justify-content:flex-end;margin-top:12px}
.branding-media-card .brand-preview{margin-top:8px}
.branding-file-meta{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:7px 9px;margin-top:7px;border-radius:7px;background:#F2EEE6;color:var(--muted)
}
.branding-file-meta span{font-size:8px;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.branding-file-meta small{font-size:8px;white-space:nowrap}
.branding-remove-form{
  margin-top:10px;padding-top:9px;border-top:1px solid var(--border);
  display:flex;align-items:center;gap:9px
}
.branding-remove-form button{
  border:0;background:#FCE8EA;color:#A42A36;padding:6px 9px;border-radius:7px;font-size:8.5px;font-weight:800
}
.branding-remove-form small{font-size:8px;color:var(--muted)}
.cover-preview{position:relative;overflow:hidden}
.cover-preview-empty{
  position:absolute;inset:0;display:grid;place-items:center;
  font-size:9px;color:var(--muted);background:linear-gradient(135deg,#F7F4EC,#EEE8DB)
}
.logo-preview img{width:auto;height:auto;max-width:80%;max-height:95px}
.branding-media-form .file-field{margin-top:10px}

@media(max-width:780px){
  .branding-independence-note{grid-template-columns:1fr 32px 1fr;padding:10px}
  .branding-independence-note b{font-size:9.5px}
  .branding-independence-note span{font-size:7.5px;line-height:1.35}
  .branding-independence-note i{width:26px;height:26px;font-size:13px}
  .branding-card-head{align-items:flex-start}
  .branding-step{width:22px;height:22px;font-size:7px}
  .branding-independent-badge{font-size:6.5px}
  .branding-file-meta{align-items:flex-start;flex-direction:column;gap:1px}
  .branding-file-meta span{max-width:100%}
  .branding-remove-form{align-items:flex-start;flex-direction:column}
  .cover-preview{height:160px!important}
}


/* v3.0.3 — Exact Profile Media Preview
   The profile cover editor and saved profile use the SAME aspect ratio,
   background position variables and fit mode. */
:root{--profile-cover-ratio:16/7}

.profile-cover__bg,
.profile-cover-editor__preview{
  width:100%!important;
  aspect-ratio:var(--profile-cover-ratio)!important;
  height:auto!important;
  background-color:#E7E2D8!important;
  background-repeat:no-repeat!important;
  background-position:var(--cover-x,50%) var(--cover-y,50%)!important;
  background-size:var(--cover-fit,cover)!important;
}

/* Profile result and editor now have matching crop geometry. */
.profile-cover__bg{max-width:1050px!important}
.profile-cover-editor__preview{
  max-width:1050px;
  margin:0 auto;
  border-radius:11px;
  overflow:hidden;
  cursor:grab;
  touch-action:none;
}
.profile-cover-editor__preview.is-dragging{cursor:grabbing}

.profile-media-editor-head{
  padding:15px 16px 11px;
  border-bottom:1px solid var(--border);
  background:var(--surface);
}
.profile-media-editor-head h2{font-size:16px;margin:2px 0 3px}
.profile-media-editor-head p{margin:0;font-size:9.5px;color:var(--muted)}

.cover-preview-guide{
  position:absolute;
  left:12px;
  top:12px;
  z-index:4;
  display:flex;
  flex-direction:column;
  gap:1px;
  padding:6px 8px;
  border-radius:7px;
  background:rgba(0,0,0,.56);
  color:#fff;
  pointer-events:none;
  opacity:.92;
}
.cover-preview-guide span{font-size:8.5px;font-weight:900}
.cover-preview-guide small{font-size:7.5px;color:rgba(255,255,255,.84)}

.cover-control-panel{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(160px,.55fr);
  gap:10px;
  padding:11px 16px 4px;
  border-top:1px solid var(--border);
}
.cover-fit-control,.cover-position-control{
  padding:9px;
  border:1px solid var(--border);
  border-radius:9px;
  background:#F6F2EA;
}
.cover-fit-control>strong,.cover-position-control>strong{
  display:block;
  font-size:9px;
  margin-bottom:6px;
}
.cover-fit-control>small{
  display:block;
  margin-top:6px;
  font-size:8px;
  line-height:1.4;
  color:var(--muted);
}
.cover-fit-segmented{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:3px;
  border-radius:8px;
  background:#EAE5DB;
}
.cover-fit-segmented button{
  border:0;
  border-radius:6px;
  background:transparent;
  min-height:30px;
  padding:5px 7px;
  color:#666;
  font-size:8.5px;
  font-weight:800;
}
.cover-fit-segmented button.active{
  background:#fff;
  color:var(--primary);
  box-shadow:0 1px 4px rgba(15,61,46,.10);
}
.cover-nudge-grid{
  width:112px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,32px);
  grid-template-rows:repeat(3,28px);
  place-content:center;
  gap:3px;
}
.cover-nudge-grid button{
  border:1px solid var(--border);
  background:#fff;
  border-radius:6px;
  color:var(--primary);
  font-size:13px;
  line-height:1;
  font-weight:900;
}
.cover-nudge-grid button:hover{background:var(--primary-soft)}

.profile-cover-editor__preview.has-new-cover:after{
  content:"Preview baru — belum disimpan"!important;
  background:var(--primary)!important;
  top:auto!important;
  bottom:10px!important;
  left:10px!important;
}

.avatar-preview-editor{
  display:grid!important;
  grid-template-columns:84px minmax(0,1fr) auto;
  align-items:center!important;
  gap:12px!important;
  padding:13px 16px!important;
  border-top:1px solid var(--border)!important;
}
.avatar-preview-stage{
  position:relative;
  width:78px;
  height:78px;
  flex:0 0 78px;
}
.avatar-preview-stage img{
  display:block;
  width:78px;
  height:78px;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
  border:4px solid #fff;
  background:#E4E6EB;
  box-shadow:0 2px 8px rgba(15,61,46,.13);
}
.avatar-preview-stage span{
  position:absolute;
  left:50%;
  bottom:-4px;
  transform:translateX(-50%);
  white-space:nowrap;
  padding:3px 5px;
  border-radius:999px;
  background:var(--primary);
  color:#fff;
  font-size:6.5px;
  font-weight:900;
}
.avatar-preview-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:2px;
  min-width:0;
}
.avatar-preview-copy strong{font-size:11px}
.avatar-preview-copy small{font-size:8.5px!important;line-height:1.4;color:var(--muted)}
.avatar-preview-copy>span{
  margin-top:2px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:7.5px;
  color:var(--primary);
}
.avatar-preview-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}

/* The old editor avatar overlay is no longer needed for positioning feedback. */
.profile-cover-editor__avatar{display:none!important}

/* Prevent earlier v2.5/v2.6 rule from forcing saved covers back to center. */
.profile-cover__bg{
  background-position:var(--cover-x,50%) var(--cover-y,50%)!important;
}

/* "Foto Utuh" deliberately shows the entire image. The neutral backdrop
   is visible only when the source ratio differs from the cover viewport. */
.profile-cover__bg[style*="--cover-fit:contain"],
.profile-cover-editor__preview[style*="--cover-fit:contain"]{
  background-color:#DDD8CE!important;
}

@media(max-width:780px){
  :root{--profile-cover-ratio:16/7}
  .profile-cover__bg,
  .profile-cover-editor__preview{
    aspect-ratio:var(--profile-cover-ratio)!important;
    height:auto!important;
  }
  .profile-cover-editor__preview{border-radius:0}
  .cover-preview-guide{left:8px;top:8px;padding:5px 6px}
  .cover-preview-guide small{display:none}
  .cover-control-panel{
    grid-template-columns:1fr;
    padding:8px 10px 2px;
  }
  .cover-position-control{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .cover-position-control>strong{margin:0}
  .cover-nudge-grid{width:106px;margin:0}
  .avatar-preview-editor{
    grid-template-columns:68px minmax(0,1fr)!important;
    padding:11px!important;
    gap:9px!important;
  }
  .avatar-preview-stage,.avatar-preview-stage img{width:64px;height:64px}
  .avatar-preview-actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .avatar-preview-actions .btn{width:100%}
}


/* v3.0.4 — Adjustable App Branding Media */
.app-logo-adjusted{--app-logo-x:50%;--app-logo-y:50%;--app-logo-fit:contain;--app-logo-scale:1}
.brand__logo-frame,.auth-app-logo-frame{
  position:relative;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid var(--border)
}
.brand__logo-frame{width:34px;height:34px;border-radius:10px;flex:0 0 34px}
.auth-app-logo-frame{width:42px;height:42px;border-radius:11px;margin:0 auto}
.brand__logo-frame .brand__logo,.auth-app-logo-frame img{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  object-fit:var(--app-logo-fit,contain)!important;object-position:var(--app-logo-x,50%) var(--app-logo-y,50%)!important;
  transform:scale(var(--app-logo-scale,1));transform-origin:var(--app-logo-x,50%) var(--app-logo-y,50%);
}

.portal-hero.portal-hero--cover{
  position:relative!important;display:flex!important;align-items:flex-end!important;aspect-ratio:16/7!important;min-height:0!important;
  background:#E6E0D5!important;overflow:hidden!important;
}
.portal-hero.portal-hero--cover:before{display:none!important}
.portal-hero__media{position:absolute;inset:0;overflow:hidden;z-index:0;background:#DED8CD}
.portal-hero__media img{
  width:100%;height:100%;display:block;object-fit:var(--app-cover-fit,cover);object-position:var(--app-cover-x,50%) var(--app-cover-y,50%);
  transform:scale(var(--app-cover-scale,1));transform-origin:var(--app-cover-x,50%) var(--app-cover-y,50%);
}
.portal-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,42,.80),rgba(5,43,42,.30) 58%,rgba(5,43,42,.08))}
.portal-hero.portal-hero--cover .portal-hero__intro{position:relative;z-index:2;width:100%}

.brand-adjust-stage{position:relative;overflow:hidden;border:1px dashed #CFC3A9;background:#E8E2D7;touch-action:none;cursor:grab}
.brand-adjust-stage.is-dragging{cursor:grabbing}
.brand-adjust-stage--logo{width:min(260px,100%);aspect-ratio:1/1;margin:8px auto 0;border-radius:18px}
.brand-adjust-stage--cover{width:100%;aspect-ratio:16/7;border-radius:14px}
.brand-adjust-media{position:absolute;inset:0;overflow:hidden}
.brand-adjust-media img{width:100%;height:100%;display:block;object-fit:var(--brand-fit,contain);object-position:var(--brand-x,50%) var(--brand-y,50%);transform:scale(var(--brand-scale,1));transform-origin:var(--brand-x,50%) var(--brand-y,50%)}
.brand-adjust-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:10px;background:linear-gradient(135deg,#F7F4EC,#EAE3D6)}
.brand-adjust-label{position:absolute;left:9px;top:9px;z-index:5;padding:5px 7px;border-radius:7px;background:rgba(5,43,42,.80);color:#fff;display:flex;flex-direction:column;pointer-events:none}
.brand-adjust-label b{font-size:8px}.brand-adjust-label span{font-size:7px;color:rgba(255,255,255,.8)}
.brand-adjust-stage.has-new-media:after{content:"Preview baru — belum disimpan";position:absolute;right:9px;bottom:9px;z-index:5;padding:4px 6px;border-radius:6px;background:var(--gold);color:#203128;font-size:7px;font-weight:900}
.brand-adjust-cover-overlay{position:absolute;z-index:4;left:18px;right:18px;bottom:15px;color:#fff;display:flex;flex-direction:column;gap:2px;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.brand-adjust-cover-overlay:before{content:"";position:fixed;pointer-events:none}
.brand-adjust-cover-overlay span{font-size:8px;text-transform:uppercase;letter-spacing:.1em}.brand-adjust-cover-overlay strong{font-size:18px;line-height:1.15;max-width:70%}
.brand-adjust-stage--cover .brand-adjust-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,42,.72),rgba(5,43,42,.18) 58%,transparent)}
.brand-adjust-controls{display:grid;grid-template-columns:1fr 1fr 180px;gap:8px;margin-top:9px}
.brand-adjust-control{padding:9px;border:1px solid var(--border);border-radius:9px;background:#F6F2EA;min-width:0}
.brand-adjust-control>strong,.brand-adjust-control>label{display:flex;justify-content:space-between;gap:8px;font-size:8.5px;font-weight:900;color:var(--text);margin:0!important}
.brand-adjust-control output{font-size:8px;color:var(--primary);font-weight:900}
.brand-fit-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px;padding:3px;background:#E9E3D8;border-radius:7px}
.brand-fit-buttons button{min-height:27px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:7.5px;font-weight:900}
.brand-fit-buttons button.active{background:#fff;color:var(--primary);box-shadow:0 1px 4px rgba(15,61,46,.09)}
.brand-adjust-control input[type=range]{width:100%;margin-top:9px;accent-color:var(--primary)}
.brand-nudge-grid{width:100px;margin:5px auto 0;display:grid;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,25px);gap:3px;place-content:center}
.brand-nudge-grid button{border:1px solid var(--border);background:#fff;border-radius:5px;color:var(--primary);font-weight:900;line-height:1}
.brand-nudge-grid button:hover{background:var(--primary-soft)}

@media(max-width:780px){
  .auth-app-logo-frame{width:34px;height:34px;border-radius:9px}
  .brand-adjust-controls{grid-template-columns:1fr}
  .brand-adjust-stage--logo{width:min(220px,92%)}
  .brand-adjust-stage--cover{border-radius:9px}
  .brand-adjust-cover-overlay{left:11px;bottom:9px}.brand-adjust-cover-overlay strong{font-size:12px;max-width:80%}
  .portal-hero.portal-hero--cover{aspect-ratio:16/7!important;min-height:0!important}
}


/* v3.1.0 — Login Experience & Promotion Studio */
.login-custom-screen{background:var(--bg)}
.login-hide-topbar>.topbar,.login-preview-mode>.topbar{display:none!important}
.login-hide-topbar .login-experience{min-height:100dvh}
.login-experience{min-height:calc(100dvh - 70px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);background:var(--bg)}
.login-experience--split_right{grid-template-columns:minmax(390px,.75fr) minmax(0,1.25fr)}
.login-experience--split_right .login-visual-panel{order:2}.login-experience--split_right .login-auth-panel{order:1}
.login-visual-panel{position:relative;min-height:100%;overflow:hidden;background:linear-gradient(145deg,#084B38,#0F3D2E)}
.login-visual-media,.login-visual-shade{position:absolute;inset:0}
.login-visual-media img{width:100%;height:100%;display:block;object-fit:var(--login-visual-fit,cover);object-position:var(--login-visual-x,50%) var(--login-visual-y,50%);transform:scale(var(--login-visual-scale,1));transform-origin:var(--login-visual-x,50%) var(--login-visual-y,50%)}
.login-visual-shade{background:linear-gradient(180deg,rgba(3,32,23,.17),rgba(3,32,23,.78));z-index:1}
.login-visual-fallback{position:absolute;inset:0;background:radial-gradient(circle at 60% 20%,rgba(212,175,55,.25),transparent 30%),linear-gradient(145deg,#175D53,#084B38 65%,#052B2A)}
.login-visual-fallback:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(212,175,55,.17);border-radius:50%;left:-170px;top:-150px;box-shadow:0 0 0 55px rgba(212,175,55,.035),0 0 0 110px rgba(255,255,255,.02)}
.login-visual-fallback span,.login-visual-fallback i,.login-visual-fallback b{position:absolute;border:1px solid rgba(212,175,55,.24);border-radius:48% 48% 8px 8px;transform:rotate(45deg);width:170px;height:170px;right:12%;top:17%}.login-visual-fallback i{right:24%;top:40%;width:105px;height:105px}.login-visual-fallback b{right:5%;top:54%;width:70px;height:70px}
.login-visual-content{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;max-width:720px;padding:clamp(36px,7vw,92px);color:#fff}
.login-visual-eyebrow{display:inline-flex;align-self:flex-start;padding:5px 9px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.08);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#F4D980}
.login-visual-content h1{font-size:clamp(32px,4vw,58px);line-height:1.02;margin:14px 0 10px;max-width:680px;color:#fff;letter-spacing:-.025em}
.login-visual-content>p{font-size:clamp(12px,1.25vw,17px);line-height:1.6;max-width:600px;color:rgba(255,255,255,.88);margin:0}
.login-auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;background:radial-gradient(circle at 80% 5%,rgba(212,175,55,.08),transparent 26%),var(--bg)}
.login-auth-card{width:min(410px,100%)!important;margin:0!important;background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 18px 50px rgba(15,61,46,.10)!important}
.login-auth-card .auth-brand h2{font-size:19px;margin:7px 0 2px}.login-auth-card .auth-brand p{font-size:10px;margin:0;color:var(--muted)}
.login-forgot{text-align:right;margin-top:-3px}.login-forgot a{font-size:10px;color:var(--primary);font-weight:800}
.login-promotion{width:100%;margin-top:16px;display:grid;gap:8px}
.login-visual-content .login-promotion{max-width:540px}
.login-promo-card-link{display:block;color:inherit;text-decoration:none}.login-promo-card{display:grid;grid-template-columns:110px minmax(0,1fr);overflow:hidden;border-radius:12px;background:rgba(255,255,255,.96);color:var(--text);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.login-promo-card>img{width:110px;height:100%;min-height:92px;object-fit:cover}.login-promo-card__body{padding:10px 12px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.login-promo-card__body strong{font-size:11px;color:var(--primary)}.login-promo-card__body p{font-size:8.5px;line-height:1.45;margin:3px 0;color:var(--muted)}.login-promo-button{display:inline-flex;margin-top:4px;padding:4px 7px;border-radius:999px;background:var(--primary);color:#fff;font-size:7.5px;font-weight:900}
.login-promo-html{padding:9px;border-radius:10px;background:rgba(255,255,255,.96);color:var(--text);overflow:hidden}.login-promo-html img{max-width:100%;height:auto;display:block;border-radius:8px;margin:auto}.login-promo-html a{color:var(--primary);font-weight:800}.login-promo-html p{margin:4px 0;font-size:9px;line-height:1.45}
.login-auth-panel>.login-promotion{width:min(410px,100%);margin-top:0}.login-auth-panel>.login-promotion .login-promo-card{box-shadow:0 4px 14px rgba(15,61,46,.08);border:1px solid var(--border)}
.login-experience--centered{display:flex;position:relative;align-items:center;justify-content:center;padding:34px;min-height:calc(100dvh - 70px);background:#082D22}.login-experience--centered .login-visual-panel{position:absolute;inset:0;min-height:0}.login-experience--centered .login-visual-content{display:none}.login-experience--centered .login-visual-shade{background:linear-gradient(rgba(6,35,26,.62),rgba(6,35,26,.75))}.login-experience--centered .login-auth-panel{position:relative;z-index:3;background:transparent;padding:0;width:min(430px,100%)}.login-experience--centered .login-auth-card{background:rgba(255,253,249,.96)!important;backdrop-filter:blur(12px)}
.login-admin-preview-bar{position:fixed;z-index:500;left:50%;top:8px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#052B2A;color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.2);font-size:8px}.login-admin-preview-bar span{opacity:.8}.login-admin-preview-bar a{color:#F4D980;font-weight:900}.login-preview-mode .login-experience{min-height:100dvh}.login-preview-mode .footer{display:none}

.login-page-admin{max-width:1180px}.login-editor-preview{margin:14px 0;padding:12px;overflow:hidden}.login-editor-preview iframe{display:block;width:100%;height:610px;border:1px solid var(--border);border-radius:10px;background:#fff}.login-editor-grid{display:grid;grid-template-columns:1fr;gap:14px}.login-editor-card{padding:16px}.login-editor-card--wide{width:100%}.login-editor-toggle{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:#F6F2EA}.login-editor-toggle input{width:auto!important;min-height:0!important}.login-editor-toggle span{display:flex;flex-direction:column}.login-editor-toggle b{font-size:9.5px}.login-editor-toggle small{font-size:8px;color:var(--muted)}
.login-visual-editor-stage{position:relative;overflow:hidden;width:100%;aspect-ratio:16/7;border-radius:11px;background:#DED8CC;cursor:grab;touch-action:none}.login-visual-editor-stage.is-dragging{cursor:grabbing}.login-visual-editor-media{position:absolute;inset:0}.login-visual-editor-media img{width:100%;height:100%;object-fit:var(--login-visual-fit,cover);object-position:var(--login-visual-x,50%) var(--login-visual-y,50%);transform:scale(var(--login-visual-scale,1));transform-origin:var(--login-visual-x,50%) var(--login-visual-y,50%);display:block}.login-visual-editor-media span{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:10px;background:linear-gradient(135deg,#F7F4EC,#E7E0D4)}.login-visual-editor-guide{position:absolute;left:9px;bottom:9px;padding:5px 7px;border-radius:7px;background:rgba(0,0,0,.55);color:#fff;font-size:7.5px;font-weight:800;pointer-events:none}
.login-editor-actions{display:flex;gap:7px;justify-content:flex-end}.login-promo-toggle{margin-bottom:2px}.login-promo-admin-preview{height:150px;border:1px dashed var(--border);border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#F7F4EC;color:var(--muted);font-size:9px}.login-promo-admin-preview img{width:100%;height:100%;object-fit:contain}.inline-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;font-size:9px!important}.inline-check input{width:auto!important;min-height:0!important}.login-html-editor-box{border:1px solid var(--border);border-radius:11px;padding:10px;background:#FAF7F0}.login-html-editor-box>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.login-html-editor-box>div b{font-size:10px}.login-html-editor-box>div span{font-size:8px;color:var(--muted)}.login-html-editor-box textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;line-height:1.45}.login-html-editor-box>small{display:block;margin-top:5px;font-size:8px;line-height:1.45;color:var(--muted)}.login-html-editor-box iframe{width:100%;height:180px;margin-top:8px;border:1px solid var(--border);border-radius:8px;background:#fff}

@media(max-width:900px){.login-experience,.login-experience--split_right{grid-template-columns:1fr;display:block}.login-visual-panel{min-height:210px}.login-visual-content{min-height:210px;padding:26px 22px;justify-content:flex-end}.login-visual-content h1{font-size:28px;margin:8px 0 4px}.login-visual-content>p{font-size:11px;max-width:90%}.login-visual-eyebrow{font-size:8px}.login-promotion{margin-top:9px}.login-visual-content .login-promotion .login-promo-card__body p{display:none}.login-auth-panel{padding:14px 10px 24px}.login-experience--split_right .login-visual-panel,.login-experience--split_right .login-auth-panel{order:initial}.login-experience--centered{display:flex;padding:18px 10px}.login-editor-preview iframe{height:760px}}
@media(max-width:560px){.login-visual-panel{min-height:165px}.login-visual-content{min-height:165px;padding:18px 14px}.login-visual-content h1{font-size:22px}.login-visual-content>p{display:none}.login-visual-content .login-promotion{display:none}.login-auth-panel{padding:9px 8px 18px}.login-auth-card{width:100%!important;padding:12px 14px!important}.login-auth-panel>.login-promotion{width:100%}.login-promo-card{grid-template-columns:86px 1fr}.login-promo-card>img{width:86px}.login-editor-preview{display:none}.login-editor-actions{flex-direction:column}.login-editor-actions .btn{width:100%}}