*{box-sizing:border-box}html{background:#edf4ff}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#edf4ff;color:#14233c}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.topbar{height:64px;background:#fff;border-bottom:1px solid #d8e5f5;display:flex;align-items:center;padding:0 max(18px,calc((100vw - 1460px)/2));gap:22px;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:9px;font-weight:850;font-size:20px;color:#063b91;min-width:205px}.brandmark{width:37px;height:37px;border-radius:11px;background:#096cf0;color:#fff;display:grid;place-items:center;font-weight:900}.search{flex:1;max-width:600px}.search input{width:100%;border:1px solid #d8e5f5;background:#f4f8ff;border-radius:10px;padding:10px 13px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px;color:#174a91}.mini-avatar,.avatar,.tiny-avatar{display:grid;place-items:center;border-radius:12px;background:#dcecff;color:#075bd8;font-weight:800}.mini-avatar{width:34px;height:34px;font-size:11px}.avatar{width:44px;height:44px}.tiny-avatar{width:30px;height:30px;font-size:10px}.app-shell{max-width:1460px;margin:18px auto 90px;padding:0 18px;display:grid;grid-template-columns:230px minmax(0,1fr) 300px;gap:18px}.sidebar{background:#073b8f;border-radius:16px;padding:12px;align-self:start;position:sticky;top:82px;display:flex;flex-direction:column;gap:3px}.sidebar:before{content:"BLUE DECK";color:#8fc2ff;font-size:10px;font-weight:900;letter-spacing:.18em;padding:7px 10px 10px}.sidebar a{display:flex;gap:12px;align-items:center;color:#dcecff;padding:11px 12px;border-radius:9px}.sidebar a.active,.sidebar a:hover{background:#fff;color:#075bd8;font-weight:750}.side-sep{height:1px;background:#ffffff20;margin:8px}.feed{min-width:0}.feed:before{content:"";display:none}.orbit-strip{background:#fff;border:1px solid #d8e5f5;border-radius:14px;padding:10px;display:flex;gap:8px;margin-bottom:12px}.orbit-strip span{background:#edf4ff;color:#27558f;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:700}.orbit-strip span:first-child{background:#096cf0;color:#fff}.composer,.post-card,.page-card,.profile-hero{background:#fff;border:1px solid #d8e5f5;border-radius:14px;margin-bottom:12px;box-shadow:none}.composer{padding:14px}.composer-row{display:flex;align-items:center;gap:11px}.composer-row button{flex:1;border:1px solid #d8e5f5;background:#f5f8fd;color:#6a7a91;text-align:left;border-radius:10px;padding:12px 14px}.composer-tools{display:flex;gap:25px;margin:12px 0 0 55px;color:#536b8b;font-size:13px}.composer.expanded textarea{width:100%;min-height:110px;border:1px solid #d8e5f5;border-radius:10px;padding:12px;resize:vertical}.hidden{display:none!important}.upload{display:inline-block;margin-top:10px;color:#096cf0}.upload input{display:block}.primary{border:0;background:#096cf0;color:#fff;border-radius:9px;padding:10px 17px;font-weight:750}.composer .primary{float:right;margin-top:10px}.post-card{padding:17px}.post-card:before{display:none}.post-head{display:flex;gap:10px;align-items:center}.post-name{font-weight:800}.muted,small{color:#73839a;font-size:13px}.dots{margin-left:auto}.post-text{padding:14px 1px;line-height:1.5}.post-image{width:100%;max-height:520px;object-fit:cover;border-radius:10px}.post-actions{display:flex;justify-content:space-between;border-top:1px solid #e3ebf5;margin-top:13px;padding-top:8px}.post-actions form{margin:0}.post-actions button{border:0;background:none;color:#5d6f87;padding:7px;cursor:pointer}.post-actions .liked{color:#096cf0;font-weight:800}.comments{display:none;border-top:1px solid #e3ebf5;margin-top:8px;padding-top:8px}.comments.open{display:block}.comment{display:flex;gap:8px;padding:7px}.comment-form{display:flex;gap:7px}.comment-form input{flex:1;min-width:0;border:1px solid #d8e5f5;border-radius:9px;padding:9px}.comment-form button{border:0;background:none;color:#096cf0;font-weight:800}.rightbar{align-self:start;position:sticky;top:82px;display:flex;flex-direction:column;gap:12px}.rightbar section{background:#fff;border:1px solid #d8e5f5;border-radius:14px;padding:15px;color:#14233c}.rightbar section:first-child{border-top:4px solid #096cf0}.rightbar h3{margin:0 0 11px}.rightbar a{display:flex;flex-direction:column;border-bottom:1px solid #e3ebf5;padding:9px 0}.rightbar p{font-size:14px}.page-card{padding:18px}.page-card h1{margin-top:0}.tabs{display:flex;gap:20px;border-bottom:1px solid #e3ebf5;padding-bottom:10px;margin-bottom:15px}.tabs b{color:#096cf0}.discover-search{display:flex;gap:8px}.discover-search input{flex:1;border:1px solid #d8e5f5;border-radius:9px;padding:10px}.discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.discover-grid>div,.feature-placeholder{background:#f5f8fd;border:1px solid #d8e5f5;border-radius:10px;padding:14px}.person-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #e3ebf5}.person-row span:last-child{display:flex;flex-direction:column}.profile-hero{padding:0;overflow:hidden}.cover{height:185px;background:linear-gradient(100deg,#032c73,#096cf0 55%,#5ebcff)}.profile-info{display:flex;gap:16px;padding:0 20px 20px;align-items:flex-end}.profile-avatar{width:100px;height:100px;margin-top:-48px;border:5px solid #fff;border-radius:18px;background:#dcecff;color:#075bd8;display:grid;place-items:center;font-size:26px;font-weight:900}.profile-info h1{margin:0}.auth-wrap{min-height:calc(100vh - 64px);display:grid;grid-template-columns:1.1fr .9fr;background:#edf4ff;align-items:stretch}.auth-art{background:#073b8f;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.big-logo{width:100px;height:100px;border-radius:22px;background:#096cf0;color:#fff;display:grid;place-items:center;font-size:55px;font-weight:900}.auth-art h1{font-size:45px;margin:15px 0 3px}.auth-card{background:#fff;border:1px solid #d8e5f5;border-radius:16px;padding:28px;max-width:430px;width:calc(100% - 30px);margin:auto}.auth-card h2{margin-top:0}.auth-card label{display:block;margin:15px 0 5px;font-weight:650}.auth-card input{width:100%;display:block;border:1px solid #cad9ec;border-radius:9px;padding:11px;margin-top:5px}.auth-card .primary{width:100%;margin-top:10px}.auth-card a{color:#096cf0;font-weight:700}.error{background:#fff0f0;color:#a32121;padding:10px;border-radius:8px}.mobile-nav{display:none}
@media(max-width:1050px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.rightbar{display:none}.brand{min-width:160px}}
@media(max-width:720px){body{background:#edf4ff}.topbar{height:58px;padding:0 11px}.brand{min-width:auto;font-size:18px}.brandmark{width:34px;height:34px}.search{display:none}.top-actions{gap:12px}.top-actions a:nth-child(1),.top-actions a:nth-child(2){display:none}.app-shell{display:block;margin:10px auto 82px;padding:0 8px}.sidebar{display:none}.orbit-strip{border-radius:10px;overflow:hidden}.composer,.post-card,.page-card,.profile-hero{border-radius:10px}.composer-tools{margin-left:0;justify-content:space-between;gap:4px;font-size:11px}.post-card{padding:14px}.post-actions{font-size:12px}.post-actions button{padding:5px 2px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:65px;background:#fff;border-top:1px solid #d8e5f5;z-index:40}.mobile-nav a,.mobile-nav button{border:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#52657f;font-size:19px}.mobile-nav small{font-size:9px}.mobile-nav button{width:42px;height:42px;margin:auto;border-radius:10px;background:#096cf0;color:#fff;font-size:26px}.discover-grid{grid-template-columns:1fr}.auth-wrap{display:block;min-height:calc(100vh - 58px);padding:30px 0}.auth-art{display:none}.cover{height:125px}.profile-avatar{width:78px;height:78px}.profile-info{padding:0 14px 16px;align-items:center}}

.connection-row,.notification-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e3ebf5}.grow{flex:1;display:flex;flex-direction:column}.secondary{border:1px solid #cddced;background:#fff;color:#49627f;border-radius:9px;padding:9px 13px;cursor:pointer}.notification-row div{display:flex;flex-direction:column;gap:3px}.empty-state{padding:40px 10px;text-align:center;color:#73839a}.settings-form label{display:block;margin:15px 0;font-weight:700}.settings-form input,.settings-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #cad9ec;border-radius:9px;padding:11px}.settings-form textarea{min-height:120px;resize:vertical}.success{background:#eaf7ef;color:#176b3b;padding:10px;border-radius:9px;margin-bottom:12px}.profile-connect{margin-top:10px}

/* Phase 1.4 Messaging */
.messages-shell{grid-template-columns:230px minmax(0,1fr) 240px}
.messages-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);background:#fff;border:1px solid #d8e5f5;border-radius:14px;overflow:hidden;min-height:690px}
.conversation-list{border-right:1px solid #d8e5f5;min-width:0}.messages-title{padding:18px;border-bottom:1px solid #e3ebf5}.messages-title h1{margin:0}
.new-message-box{border-bottom:1px solid #e3ebf5}.new-message-box summary{cursor:pointer;padding:12px 16px;color:#096cf0;font-weight:800;list-style:none}.new-message-box summary::-webkit-details-marker{display:none}
.people-picker{max-height:230px;overflow:auto;padding:5px 10px 10px}.people-picker form{margin:0}.people-picker button{width:100%;border:0;background:none;border-radius:9px;padding:8px;display:flex;gap:9px;align-items:center;text-align:left;cursor:pointer}.people-picker button:hover{background:#edf4ff}.people-picker button span:last-child{display:flex;flex-direction:column}
.conversation-items{overflow:auto}.conversation-item{display:flex;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid #edf1f6}.conversation-item:hover,.conversation-item.active{background:#edf4ff}.conversation-copy{display:flex;flex-direction:column;min-width:0;flex:1}.conversation-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge,.top-count{background:#096cf0;color:#fff;border-radius:99px;display:grid;place-items:center;font-size:10px;font-weight:900}.unread-badge{min-width:21px;height:21px;padding:0 6px}.msg-top-link{position:relative}.top-count{position:absolute;width:17px;height:17px;right:-9px;top:-8px}
.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:690px}.chat-head{height:70px;border-bottom:1px solid #e3ebf5;display:flex;align-items:center;gap:11px;padding:10px 16px}.chat-head>div{display:flex;flex-direction:column}.chat-profile{margin-left:auto;color:#096cf0;font-size:13px;font-weight:750}.mobile-back{display:none;font-size:30px;color:#096cf0}
.message-stream{flex:1;overflow:auto;padding:20px;background:#f7faff}.message-row{display:flex;margin:8px 0}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-bubble{max-width:72%;padding:10px 12px;border-radius:13px;background:#e6eef8;white-space:normal;word-break:break-word}.message-row.mine .message-bubble{background:#096cf0;color:#fff;border-bottom-right-radius:4px}.message-row.theirs .message-bubble{border-bottom-left-radius:4px}.message-bubble small{display:block;margin-top:5px;opacity:.75}.message-row.mine .message-bubble small{color:#dcecff}
.message-composer{border-top:1px solid #e3ebf5;padding:12px;display:flex;gap:8px;background:#fff}.message-composer textarea{flex:1;resize:none;min-height:44px;max-height:110px;border:1px solid #ccdbee;border-radius:10px;padding:10px}.chat-empty{display:grid;place-items:center}.chat-empty-state{text-align:center;color:#718096}.chat-empty-state .big-logo{margin:auto;width:72px;height:72px;font-size:35px}
@media(max-width:1100px){.messages-shell{grid-template-columns:190px minmax(0,1fr)}.messages-shell>.rightbar{display:none}}
@media(max-width:820px){.messages-workspace{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:720px){
 .messages-shell{display:block;padding:0;margin-top:0}.messages-workspace{display:block;border:0;border-radius:0;min-height:calc(100vh - 123px)}
 .conversation-list{border-right:0}.chat-panel{display:none}
 .messages-workspace:has(.chat-panel:not(.chat-empty)) .conversation-list{display:none}
 .messages-workspace:has(.chat-panel:not(.chat-empty)) .chat-panel{display:flex;min-height:calc(100vh - 123px)}
 .mobile-back{display:block}.chat-head{height:62px}.chat-profile{font-size:11px}
 .message-stream{padding:13px}.message-bubble{max-width:84%}.message-composer{position:sticky;bottom:65px;padding:9px}.message-composer textarea{min-height:42px}
}

/* Phase 1.5 settings/admin */
.admin-chip{background:#fff;color:#073b8f;font-size:10px;font-weight:900;letter-spacing:.08em;padding:6px 8px;border-radius:7px}.message-error{margin:10px;padding:10px;background:#fff2d8;color:#805600;border-radius:8px;font-size:13px}
.settings-hero{background:linear-gradient(110deg,#062f78,#0875f5);color:#fff;border-radius:14px;padding:25px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.settings-hero small{color:#a9d1ff;font-weight:900;letter-spacing:.12em}.settings-hero h1{font-size:30px;margin:4px 0}.settings-hero p{margin:0;color:#d8eaff}.settings-icon{font-size:50px;opacity:.45}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-panel{background:#fff;border:1px solid #d8e5f5;border-radius:14px;padding:18px}.settings-panel h2{margin-top:0}.settings-form label{display:block;margin:14px 0;font-weight:700}.settings-form input,.settings-form textarea,.settings-form select{display:block;width:100%;margin-top:6px;border:1px solid #cad9ec;border-radius:9px;padding:10px;background:#fff}.settings-form textarea{min-height:110px}.setting-option,.system-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e3ebf5}.status-ok{color:#16824b;font-weight:800}
.admin-shell{min-height:calc(100vh - 64px);display:grid;grid-template-columns:245px minmax(0,1fr);background:#eef4fc}.admin-nav{background:#041e4b;color:#d7e8ff;padding:20px 13px;display:flex;flex-direction:column;gap:5px;position:sticky;top:64px;height:calc(100vh - 64px)}.admin-brand{display:flex;gap:11px;align-items:center;padding:7px 9px 22px}.admin-brand>span{font-size:28px}.admin-brand div{display:flex;flex-direction:column}.admin-brand small{color:#8bb7ef}.admin-nav>a,.admin-nav-bottom a{padding:11px 12px;border-radius:9px}.admin-nav>a:hover,.admin-nav>a.active{background:#096cf0;color:#fff}.admin-nav-bottom{margin-top:auto;border-top:1px solid #ffffff18;padding-top:12px}.admin-main{padding:25px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-top small{font-weight:900;letter-spacing:.14em;color:#5a7191}.admin-top h1{margin:3px 0;font-size:30px}.admin-role{background:#dceaff;color:#075bd8;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:800}.admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.admin-stats>div{background:#fff;border:1px solid #d8e5f5;border-radius:12px;padding:15px}.admin-stats small{display:block;color:#70839e;font-weight:800}.admin-stats strong{font-size:27px;color:#073b8f}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-card{background:#fff;border:1px solid #d8e5f5;border-radius:14px;padding:18px;margin-bottom:14px}.admin-card h2{margin-top:0}.admin-line{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:11px 0;border-bottom:1px solid #e7edf6}.admin-line>span:first-child{display:flex;flex-direction:column}.role-tag{background:#edf4ff;color:#075bd8;padding:5px 8px;border-radius:7px;font-size:11px;font-weight:800}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:10px;border-bottom:1px solid #e4ebf4;vertical-align:middle}.user-admin-form{display:flex;align-items:center;gap:8px}.user-admin-form select{border:1px solid #cad9ec;border-radius:8px;padding:8px}.danger{border:0;background:#c93636;color:#fff;border-radius:8px;padding:9px 12px;font-weight:700}.content-admin-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #e3ebf5}.content-admin-row>div{min-width:0}.content-admin-row small{display:block}.audit-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #e3ebf5}.audit-dot{width:10px;height:10px;border-radius:50%;background:#096cf0;margin-top:6px;flex:none}.audit-row p{margin:4px 0}
@media(max-width:1050px){.admin-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.settings-grid,.admin-columns{grid-template-columns:1fr}.admin-shell{display:block}.admin-nav{position:static;height:auto;display:flex;flex-direction:row;overflow:auto;padding:10px}.admin-brand,.admin-nav-bottom{display:none}.admin-nav>a{white-space:nowrap}.admin-main{padding:12px}.admin-stats{grid-template-columns:repeat(2,1fr)}.user-admin-form{min-width:330px}.settings-hero{padding:18px}.settings-icon{display:none}}

/* Phase 1.6 top icon dropdowns */
.top-menu{position:relative}.top-menu-btn{position:relative;border:0;background:transparent;color:#174a91;cursor:pointer;font-size:19px;padding:7px;border-radius:9px;display:flex;align-items:center;gap:7px}.top-menu-btn:hover,.top-menu.open .top-menu-btn{background:#edf4ff}.top-dropdown{display:none;position:absolute;right:0;top:calc(100% + 10px);width:330px;background:#fff;border:1px solid #d8e5f5;border-radius:14px;box-shadow:0 18px 45px #17365f25;overflow:hidden;color:#14233c;z-index:100}.top-menu.open .top-dropdown{display:block}.dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid #e5ecf5}.dropdown-head a{font-size:12px;color:#096cf0;font-weight:800}.dropdown-empty{padding:25px;text-align:center;color:#73839a;font-size:13px}.dropdown-item{display:flex;gap:10px;padding:11px 13px;border-bottom:1px solid #eef2f7}.dropdown-item:hover{background:#f5f8fd}.dropdown-item>span:last-child{display:flex;flex-direction:column;min-width:0}.dropdown-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-btn{font-size:13px;font-weight:750}.account-name{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-dropdown{width:270px}.account-summary{display:flex;align-items:center;gap:10px;padding:14px;background:#f5f8fd;border-bottom:1px solid #e5ecf5}.account-summary>div{display:flex;flex-direction:column}.dropdown-link{display:block;padding:11px 14px;font-size:14px}.dropdown-link:hover{background:#edf4ff}.dropdown-link.admin-link{color:#075bd8;font-weight:800}.dropdown-link.danger-link{color:#b33b3b}.dropdown-sep{height:1px;background:#e7edf5}

/* Phase 1.6 Command Center */
.command-shell{min-height:calc(100vh - 64px);display:grid;grid-template-columns:260px minmax(0,1fr);background:#eef4fb}.command-rail{background:linear-gradient(180deg,#031b45,#052a69);color:#dcecff;padding:18px 13px;display:flex;flex-direction:column;position:sticky;top:64px;height:calc(100vh - 64px)}.command-logo{display:flex;gap:11px;align-items:center;padding:8px 10px 23px}.command-logo>span{width:42px;height:42px;border-radius:12px;background:#0b70ef;display:grid;place-items:center;font-size:22px}.command-logo div{display:flex;flex-direction:column}.command-logo b{font-size:17px}.command-logo small{color:#8db9ef}.command-rail nav{display:flex;flex-direction:column;gap:5px}.command-rail nav a{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;padding:11px;border-radius:11px}.command-rail nav a>span{grid-row:1/3;font-size:19px;align-self:center}.command-rail nav a>b{font-size:13px}.command-rail nav a>small{color:#86afe0;font-size:10px}.command-rail nav a:hover,.command-rail nav a.active{background:#0b70ef;color:#fff}.command-rail nav a.active small,.command-rail nav a:hover small{color:#dcecff}.back-site{margin-top:auto;padding:11px;color:#9fc5f2;font-size:13px}.command-main{padding:24px;min-width:0}.command-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.command-top>div:first-child small{font-size:10px;font-weight:900;letter-spacing:.14em;color:#5f7694}.command-top h1{margin:3px 0 1px;font-size:30px}.command-top p{margin:0;color:#71819a}.command-user{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #d8e5f5;border-radius:12px;padding:8px 11px}.command-user div{display:flex;flex-direction:column}.command-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.command-stat{background:#fff;border:1px solid #d8e5f5;border-radius:14px;padding:14px;display:flex;gap:11px;align-items:center}.stat-icon{width:38px;height:38px;border-radius:10px;background:#e9f2ff;color:#075bd8;display:grid;place-items:center;font-size:19px}.command-stat small{display:block;font-weight:800;color:#6a7d99}.command-stat strong{display:block;font-size:24px;color:#073b8f}.command-stat p{margin:1px 0 0;font-size:10px;color:#8594a9}.command-grid{display:grid;gap:14px;margin-bottom:14px}.command-grid.two{grid-template-columns:1fr 1fr}.command-card{background:#fff;border:1px solid #d8e5f5;border-radius:14px;padding:17px;min-width:0}.card-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.card-title small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#7588a2}.card-title h2{margin:2px 0;font-size:18px}.card-title>a{font-size:12px;color:#096cf0;font-weight:800}.metric-pill{background:#edf4ff;color:#075bd8;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800}.activity-bars{height:220px;display:flex;align-items:flex-end;gap:10px;padding:15px 5px 0}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bar-track{height:155px;width:100%;max-width:32px;background:#edf3fa;border-radius:7px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.bar-track span{width:100%;background:linear-gradient(180deg,#2ea7ff,#0868e5);border-radius:7px 7px 0 0}.bar-col b{font-size:11px}.bar-col small{font-size:9px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid a{background:#f5f8fd;border:1px solid #e0e9f5;border-radius:11px;padding:13px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto}.quick-grid a>span{grid-row:1/3;font-size:20px;color:#096cf0}.quick-grid b{font-size:12px}.quick-grid small{font-size:9px}.quick-grid a:hover{background:#eaf3ff;border-color:#bfd6f4}.user-visual-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf1f6}.user-visual-row .grow{min-width:0}.role-tag{font-size:9px;font-weight:900;padding:5px 7px;border-radius:7px;background:#edf4ff;color:#075bd8}.role-tag.admin{background:#e9e1ff;color:#6440bd}.role-tag.moderator{background:#e3f6ed;color:#167447}.audit-visual{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid #edf1f6}.audit-visual>span{color:#096cf0}.audit-visual>div{display:flex;flex-direction:column}.audit-visual em{font-style:normal;font-size:9px;color:#8797ac}.visual-user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.user-admin-card{border:1px solid #dce6f3;border-radius:12px;padding:13px;background:#fbfdff}.user-card-head{display:flex;align-items:center;gap:9px}.user-card-head>div{display:flex;flex-direction:column;min-width:0;flex:1}.user-admin-card>p{font-size:11px;color:#70839c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-state{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #ebf0f6;border-bottom:1px solid #ebf0f6;font-size:11px}.visual-user-form{display:grid;grid-template-columns:1fr auto auto;gap:7px;margin-top:9px;align-items:center}.visual-user-form select{border:1px solid #cad9ec;border-radius:8px;padding:8px}.ban-check{font-size:11px}.content-control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.content-control-card{border:1px solid #dde7f3;border-radius:12px;padding:13px}.post-owner{display:flex;gap:8px;align-items:center}.post-owner>div{display:flex;flex-direction:column}.content-control-card>p{font-size:13px;line-height:1.4}.content-control-card>img{width:100%;height:150px;object-fit:cover;border-radius:8px}.content-control-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.report-card{display:flex;align-items:center;gap:13px;border:1px solid #dde7f3;border-radius:11px;padding:13px;margin-bottom:8px}.report-icon{width:38px;height:38px;border-radius:9px;background:#fff1e4;color:#b45d13;display:grid;place-items:center}.empty-visual{text-align:center;padding:45px;color:#70839c}.empty-visual>span{display:grid;place-items:center;margin:auto;width:55px;height:55px;border-radius:50%;background:#e5f6ed;color:#15804a;font-size:25px}.setting-switch-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5ecf5}.setting-switch-row>span{display:flex;flex-direction:column}.setting-switch-row select{width:120px;border:1px solid #cad9ec;border-radius:8px;padding:8px}.health-dot{color:#16824b;font-size:11px;font-weight:800}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.health-grid>div{background:#f5f8fd;border:1px solid #e2eaf4;border-radius:10px;padding:13px;display:flex;flex-direction:column}.health-grid span{font-size:10px;color:#75869c}.health-grid b{font-size:13px}.audit-timeline{position:relative}.audit-event{display:flex;gap:13px;padding:0 0 20px;position:relative}.audit-event>span{width:11px;height:11px;border-radius:50%;background:#096cf0;margin-top:5px;z-index:2;flex:none}.audit-event:after{content:"";position:absolute;left:5px;top:15px;bottom:0;width:1px;background:#d6e2f0}.audit-event:last-child:after{display:none}.audit-event p{margin:3px 0;font-size:12px}
@media(max-width:1180px){.command-stats{grid-template-columns:repeat(3,1fr)}.visual-user-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.command-shell{display:block}.command-rail{height:auto;position:static;padding:8px;overflow:auto;display:flex;flex-direction:row}.command-logo,.back-site{display:none}.command-rail nav{flex-direction:row}.command-rail nav a{display:block;white-space:nowrap;padding:9px 12px}.command-rail nav a span{margin-right:5px}.command-rail nav a small{display:none}.command-main{padding:12px}.command-grid.two{grid-template-columns:1fr}.command-stats{grid-template-columns:repeat(2,1fr)}.visual-user-grid,.content-control-grid{grid-template-columns:1fr}.command-user{display:none}.top-home{display:none}.account-name{display:none}.top-dropdown{position:fixed;right:8px;left:8px;top:58px;width:auto}.account-dropdown{left:auto;width:260px}.top-actions{gap:5px}}

/* Phase 1.7 dropdown reliability */
.topbar{overflow:visible}
.top-actions{overflow:visible}
.top-menu{z-index:120}
.top-menu.open{z-index:140}
.top-dropdown{pointer-events:auto}
.top-menu-btn{touch-action:manipulation}
@media(max-width:820px){
  .top-menu.open .top-dropdown{display:block}
}

/* PHASE 2.0 — AURORA REDESIGN */
:root{
  --aur-bg:#f3efe7;
  --aur-surface:#fffdf8;
  --aur-ink:#252a2d;
  --aur-muted:#7a7d7b;
  --aur-line:#ddd6ca;
  --aur-deep:#1f2426;
  --aur-coral:#e86f51;
  --aur-mint:#7cc9a6;
  --aur-gold:#d8b45f;
}
html,body{background:var(--aur-bg);color:var(--aur-ink)}
.topbar{height:70px;background:rgba(255,253,248,.96);color:var(--aur-ink);border-bottom:1px solid var(--aur-line);box-shadow:none;backdrop-filter:blur(16px)}
.brand{color:var(--aur-ink);font-weight:900}
.brandmark{background:linear-gradient(145deg,var(--aur-coral),#f4a177);color:#fff;border-radius:10px 10px 10px 2px;box-shadow:none;transform:none}
.search input{background:#f7f2ea;border:1px solid var(--aur-line);color:var(--aur-ink);border-radius:999px}
.top-actions{color:var(--aur-ink)}
.top-menu-btn{color:var(--aur-ink);border-radius:999px}
.top-menu-btn:hover,.top-menu.open .top-menu-btn{background:#eee8df}
.top-count,.unread-badge{background:var(--aur-coral)}
.mini-avatar,.avatar,.tiny-avatar{background:#eee5db;color:#7b4d3d;border-radius:12px}
.top-dropdown{border-color:var(--aur-line);background:var(--aur-surface);box-shadow:0 20px 48px #3e342622}
.dropdown-item:hover,.dropdown-link:hover{background:#f6f0e8}
.dropdown-head a,.dropdown-link.admin-link{color:var(--aur-coral)}

.app-shell{max-width:1480px;grid-template-columns:250px minmax(0,760px) 290px;gap:20px}
.sidebar{background:transparent;box-shadow:none;border-radius:0;padding:4px 0}
.sidebar:before{content:"YOUR SPACE";color:#8a8176;font-size:10px;letter-spacing:.18em;padding:8px 14px}
.sidebar a{color:#4e514f;border-radius:10px;padding:12px 14px;font-size:15px}
.sidebar a span{display:inline}
.sidebar a:hover,.sidebar a.active{background:var(--aur-deep);color:#fff;font-weight:700}
.side-sep{background:var(--aur-line)}

.orbit-strip{background:transparent;border:0;border-radius:0;padding:0;gap:8px}
.orbit-strip span{background:#e8e0d5;color:#655f57;border-radius:999px}
.orbit-strip span:first-child{background:var(--aur-deep);color:#fff}

.composer,.post-card,.page-card,.profile-hero{background:var(--aur-surface);border:1px solid var(--aur-line);border-radius:16px;box-shadow:none}
.composer{background:linear-gradient(135deg,#252a2d,#353c3f);color:#fff;border:0}
.composer-row button{background:#ffffff10;border:1px solid #ffffff20;color:#f4eee6}
.composer-tools{color:#d8d1ca}
.primary{background:var(--aur-coral);color:#fff;border-radius:10px}
.secondary{border-color:var(--aur-line);background:#fffdf8;color:#5e625e}
.post-image{border-radius:12px}
.post-actions{border-color:#e9e2d8}
.post-actions button{color:#6b6d69}
.post-actions .liked{color:var(--aur-coral)}
.comment-form input{border-color:var(--aur-line);background:#fbf7f1}
.comment-form button{color:var(--aur-coral)}

.rightbar section{background:#2b3032;color:#f8f4ee;border:0;border-radius:15px}
.rightbar section:first-child{border-top:0}
.rightbar section:nth-child(even){background:#7cc9a6;color:#183a2d}
.rightbar section:nth-child(even) small{color:#315c4b}
.rightbar a{border-color:#ffffff18}
.rightbar small{color:#cfc7bd}

.tabs b{color:var(--aur-coral)}
.discover-search input,.settings-form input,.settings-form textarea,.settings-form select{background:#fffdf8;border-color:var(--aur-line)}
.discover-grid>div,.feature-placeholder{background:#f5efe7;border-color:var(--aur-line)}
.cover{background:radial-gradient(circle at 20% 30%,#f1be9e 0 7%,transparent 8%),linear-gradient(120deg,#24292b,#495153 48%,#7cc9a6 100%)}
.profile-avatar{background:#f0e6da;color:#86513d;border-radius:18px}

.auth-wrap{background:var(--aur-bg)}
.auth-art{background:radial-gradient(circle at 25% 25%,#e86f51 0 7%,transparent 8%),radial-gradient(circle at 68% 68%,#7cc9a6 0 10%,transparent 11%),linear-gradient(145deg,#202527,#353c3e);color:#fff}
.big-logo{background:linear-gradient(145deg,var(--aur-coral),#f2a27b);border-radius:12px 12px 12px 2px}
.auth-card{background:var(--aur-surface);border-color:var(--aur-line)}
.auth-card a{color:var(--aur-coral)}

.messages-workspace{background:var(--aur-surface);border-color:var(--aur-line)}
.conversation-list,.messages-title,.new-message-box,.chat-head,.message-composer{border-color:var(--aur-line)}
.conversation-item:hover,.conversation-item.active,.people-picker button:hover{background:#f3ece3}
.message-stream{background:#f2ede6}
.message-row.mine .message-bubble{background:var(--aur-deep);color:#fff}
.message-row.theirs .message-bubble{background:#e6ddd2;color:#313532}
.chat-profile,.mobile-back{color:var(--aur-coral)}

.settings-hero{background:linear-gradient(120deg,#252a2d,#3a4142 58%,#7cc9a6)}
.settings-panel{background:var(--aur-surface);border-color:var(--aur-line)}

.command-shell,.command-main{background:#ece7df}
.command-rail{background:#202527;color:#eee9e2}
.command-logo>span{background:var(--aur-coral)}
.command-rail nav a:hover,.command-rail nav a.active{background:#343b3d;color:#fff}
.command-user,.command-card,.command-stat{background:var(--aur-surface);border-color:var(--aur-line)}
.command-stat strong{color:#292e30}
.stat-icon{background:#f0e4db;color:var(--aur-coral)}
.metric-pill{background:#efe6db;color:#7d503e}
.bar-track{background:#e5ddd2}
.bar-track span{background:linear-gradient(180deg,var(--aur-coral),#d45138)}
.quick-grid a{background:#f6f0e9;border-color:#e4dacd}
.quick-grid a>span{color:var(--aur-coral)}
.quick-grid a:hover{background:#eee6db;border-color:#d7c8b6}
.role-tag{background:#ece3d8;color:#705646}
.role-tag.admin{background:#eadff2;color:#68458a}
.role-tag.moderator{background:#dff0e8;color:#2e7158}
.user-admin-card,.content-control-card,.report-card{border-color:#e1d7ca;background:#fffdfa}
.audit-event>span,.audit-dot{background:var(--aur-coral)}

@media(max-width:720px){
  .topbar{background:#fffdf8}
  .app-shell{padding:0 9px}
  .composer{border-radius:14px}
  .post-card,.page-card,.profile-hero{border-radius:13px}
  .mobile-nav{left:10px;right:10px;bottom:10px;height:62px;border:1px solid #d9d0c4;border-radius:16px;background:#fffdf8;box-shadow:0 12px 30px #463b2f20;overflow:hidden}
  .mobile-nav a,.mobile-nav button{background:#fffdf8;color:#5b5d59}
  .mobile-nav button{background:var(--aur-coral);color:#fff;border-radius:10px}
  .message-composer{bottom:72px}
}

/* =====================================================
 PHASE 2.1 — APPROVED MOCKUP MATCH
 ===================================================== */
:root{--mock-bg:#f4f6f8;--mock-card:#fff;--mock-ink:#171b20;--mock-muted:#78818d;--mock-line:#e4e8ed;--mock-dark:#101820;--mock-pink:#ff3f67;--mock-orange:#ff7043}
html,body{background:var(--mock-bg);color:var(--mock-ink)}
.topbar{height:64px;background:#fff;border-bottom:1px solid var(--mock-line);padding:0 22px;box-shadow:0 1px 7px #1e293b0b}
.brand{min-width:185px;color:#161b21;font-size:19px}
.brandmark{width:35px;height:35px;border-radius:9px;background:linear-gradient(135deg,var(--mock-orange),var(--mock-pink));transform:none}
.search{max-width:520px}.search input{background:#f5f6f8;border:1px solid #e5e8ec;border-radius:9px;padding:10px 13px}
.top-menu-btn{color:#111820}.top-menu-btn:hover,.top-menu.open .top-menu-btn{background:#f2f4f6}.top-count,.unread-badge{background:var(--mock-pink)}
.app-shell.concept-shell{max-width:none;margin:0;padding:0;display:grid;grid-template-columns:210px minmax(500px,1fr) 315px;gap:0;min-height:calc(100vh - 64px)}
.concept-sidebar{position:sticky;top:64px;height:calc(100vh - 64px);align-self:start;background:linear-gradient(180deg,#101a23,#111820);padding:16px 13px;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:3px}
.concept-sidebar:before{display:none}.concept-sidebar a{color:#e7ebef;border-radius:7px;padding:11px 12px;font-size:13px;gap:12px}.concept-sidebar a:hover{background:#202b35;color:#fff}.concept-sidebar a.active{background:linear-gradient(90deg,#ff6d3f,#f83370);color:#fff;font-weight:800}.concept-sidebar .side-sep{margin-top:auto;background:#ffffff18}.sidebar-user{display:flex;align-items:center;gap:8px;padding:10px 7px;color:#fff}.sidebar-user>div{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user small{color:#aab4bd}.sidebar-user>span:last-child{font-size:18px}
.concept-feed{padding:14px 16px 80px;max-width:850px;width:100%;margin:0 auto}
.concept-composer{background:#fff;color:#171b20;border:1px solid var(--mock-line);border-radius:10px;padding:14px;box-shadow:0 1px 3px #18223008}.concept-composer .composer-row button{background:#f7f8fa;color:#727b86;border:1px solid #e8ebef;border-radius:8px}.concept-composer .composer-tools{color:#525d69;margin:10px 0 0 54px;justify-content:space-around}.concept-composer .composer-tools span:nth-child(1){color:#22a76f}.concept-composer .composer-tools span:nth-child(2){color:#ff4968}.concept-composer .composer-tools span:nth-child(3){color:#a15bd5}.concept-composer .composer-tools span:nth-child(4){color:#f0a328}
.feed-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 3px 8px}.feed-heading small{font-size:9px;color:#8c949e;font-weight:900;letter-spacing:.12em}.feed-heading h2{font-size:16px;margin:1px 0}.feed-heading button{border:0;background:#fff;border-radius:7px;padding:7px 9px;color:#59636e}
.post-card{background:#fff;border:1px solid var(--mock-line);border-radius:10px;padding:14px;margin-bottom:12px;box-shadow:0 1px 3px #18223008}.post-head .avatar{width:38px;height:38px;border-radius:50%}.post-name{font-size:13px}.post-text{font-size:13px;padding:11px 1px}.post-image{border-radius:7px;max-height:480px}.post-meta{display:flex;justify-content:space-between;color:#737d88;font-size:11px;padding:9px 2px 6px}.post-actions{margin-top:0;padding-top:6px}.post-actions button{font-size:12px}.post-actions .liked{color:var(--mock-pink)}
.concept-right{position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto;padding:14px 14px 80px;background:#fafbfc;display:flex;flex-direction:column;gap:12px}.concept-right section,.concept-right section:nth-child(even){background:#fff;color:#171b20;border:1px solid var(--mock-line);border-radius:9px;padding:13px}.concept-right small,.concept-right section:nth-child(even) small{color:#7a838d}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title h3{font-size:13px;margin:0}.section-title a{font-size:9px;color:#475569;font-weight:700}.story-row{display:flex;gap:10px;overflow:hidden}.story-row>a{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:45px}.story-ring{width:43px;height:43px;padding:2px;border-radius:50%;background:linear-gradient(135deg,#ff6c3d,#f42e75);display:grid;place-items:center}.story-ring>span{width:37px;height:37px;border:2px solid #fff;border-radius:50%;background:#e9edf1;color:#59616a;display:grid;place-items:center;font-size:10px;font-weight:900}.story-row small{font-size:9px}.side-person{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #edf0f3}.side-person>div{display:flex;flex-direction:column;flex:1}.side-person b{font-size:11px}.side-person small{font-size:9px}.side-person>a{font-size:9px;background:var(--mock-pink);color:#fff;padding:5px 8px;border-radius:6px}.space-trend{display:flex!important;flex-direction:row!important;gap:9px;align-items:center;padding:8px 0!important}.space-trend>span{width:35px;height:35px;border-radius:7px;background:#e8edf1;display:grid;place-items:center}.space-trend>div{display:flex;flex-direction:column}.space-trend b{font-size:11px}.space-trend small{font-size:9px}
.primary{background:linear-gradient(90deg,#ff6c42,#fa386b);border-radius:7px}.top-dropdown{border-radius:9px}.account-summary{background:#f7f8fa}

/* Messaging to mockup */
.messages-workspace{border-radius:9px;border-color:var(--mock-line)}.conversation-item.active{background:#fff0f3;border-left:3px solid var(--mock-pink)}.message-row.mine .message-bubble{background:#eef1f5;color:#303842}.message-row.theirs .message-bubble{background:#fff0f3;color:#303842}.message-composer .primary{background:var(--mock-pink)}

/* Settings target */
.settings-hero{background:#fff;color:#171b20;border:1px solid var(--mock-line);border-radius:9px}.settings-hero small{color:var(--mock-pink)}.settings-hero p{color:#78818d}.settings-panel{border-radius:9px}

/* Dark admin from approved concept */
.command-shell,.command-main{background:#f4f6f8}.command-rail{background:#101820}.command-logo>span{background:linear-gradient(135deg,#ff7043,#ff3f67)}.command-rail nav a.active,.command-rail nav a:hover{background:#222d37}.command-card,.command-stat{border-radius:9px}.command-stats .command-stat{background:#141d25;color:#fff;border:1px solid #25303a}.command-stat strong{color:#fff}.command-stat small,.command-stat p{color:#9aa5ae}.stat-icon{background:#202b35;color:#ff5773}.activity-card{background:#121b23;color:#fff;border-color:#27313a}.activity-card .card-title small,.activity-card .card-title h2{color:#fff}.bar-track{background:#26313a}.bar-track span{background:#31b7a6}.quick-grid a{border-radius:8px}

/* Mobile approved mockup */
@media(max-width:1050px){.app-shell.concept-shell{grid-template-columns:190px minmax(0,1fr)}.concept-right{display:none}}
@media(max-width:720px){
 .topbar{height:54px;padding:0 10px}.brand{min-width:auto;font-size:15px}.brandmark{width:30px;height:30px}.app-shell.concept-shell{display:block;min-height:0}.concept-sidebar{display:none}.concept-feed{padding:8px 7px 82px;max-width:none}.concept-composer{border-radius:8px;padding:10px}.concept-composer .composer-tools{margin-left:0;font-size:9px}.feed-heading{padding:10px 3px 6px}.post-card{border-radius:8px;padding:10px}.post-image{border-radius:6px}.mobile-nav{left:0;right:0;bottom:0;height:58px;border:0;border-top:1px solid #e2e6ea;border-radius:0;background:#fff;box-shadow:0 -3px 12px #1f293710}.mobile-nav a,.mobile-nav button{background:#fff;color:#4d5965}.mobile-nav button{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ff7043,#ff356f);color:#fff}.mobile-nav a:first-child{color:var(--mock-pink)}
}

/* PHASE 2.2 PROFESSIONAL POLISH */
:root{--pro-bg:#f6f7f9;--pro-card:#fff;--pro-ink:#111827;--pro-muted:#6b7280;--pro-line:#e5e7eb;--pro-dark:#0f1720;--pro-accent:#ff4b6e;--pro-accent2:#ff7448;--pro-shadow:0 8px 24px rgba(15,23,32,.055)}
html,body{background:var(--pro-bg);color:var(--pro-ink)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.005em}
.topbar{height:66px;background:rgba(255,255,255,.97);border-bottom:1px solid #e9edf1;padding:0 24px;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.brand{font-size:18px;letter-spacing:-.03em}.brandmark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--pro-accent2),var(--pro-accent));box-shadow:0 5px 14px rgba(255,75,110,.16)}
.search input{height:38px;background:#f7f8fa;border:1px solid #e6e9ed;border-radius:9px;font-size:13px}
.search input:focus{background:#fff;border-color:#cfd5dc;box-shadow:0 0 0 3px rgba(17,24,39,.04);outline:none}
.top-actions{gap:8px}.top-menu-btn{width:38px;height:38px;justify-content:center;border-radius:9px;font-size:17px}.account-btn{width:auto;padding:4px 8px}
.top-dropdown{border:1px solid #e5e9ee;border-radius:12px;box-shadow:0 18px 50px rgba(15,23,42,.14)}.dropdown-item:hover{background:#f8fafb}
.app-shell.concept-shell{grid-template-columns:220px minmax(560px,1fr) 320px;background:var(--pro-bg)}
.concept-sidebar{background:linear-gradient(180deg,#101820,#0c141b);padding:18px 14px;box-shadow:inset -1px 0 0 rgba(255,255,255,.03)}
.concept-sidebar a{padding:11px 13px;border-radius:8px;font-size:13px;color:#d8dee5;transition:.16s}
.concept-sidebar a:hover{background:#19242e;color:#fff}.concept-sidebar a.active{background:linear-gradient(90deg,#ff6f45,#ff3e70);box-shadow:0 8px 18px rgba(255,63,111,.18)}
.concept-feed{padding:18px 18px 84px;max-width:900px}
.concept-composer{border-radius:12px;padding:16px;box-shadow:var(--pro-shadow);border:1px solid #e8ebef}
.concept-composer .composer-row button{height:42px;border-radius:9px;background:#f8f9fb;font-size:13px}
.concept-composer .composer-tools{padding-top:10px;margin-top:10px;border-top:1px solid #edf0f3;font-size:12px}
.feed-heading{padding:16px 2px 9px}.feed-heading h2{font-size:17px;letter-spacing:-.02em}
.post-card{border-radius:12px;padding:16px;margin-bottom:14px;box-shadow:var(--pro-shadow);border:1px solid #e8ebef}
.post-head .avatar{width:40px;height:40px}.post-text{font-size:14px;line-height:1.52;padding:13px 1px}.post-image{border-radius:9px}
.post-actions button{font-size:12px;font-weight:600;color:#66717d}.post-actions button:hover{color:#111827}
.concept-right{padding:18px 16px 80px;background:#f8f9fb;gap:14px}
.concept-right section,.concept-right section:nth-child(even){border-radius:12px;padding:15px;border:1px solid #e8ebef;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.side-person>a{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;padding:5px 9px}.side-person>a:hover{background:#111827;color:#fff}
.primary{background:linear-gradient(90deg,#ff7047,#ff406e);box-shadow:0 5px 12px rgba(255,64,110,.16);font-weight:750}
.profile-hero,.settings-hero,.settings-panel,.messages-workspace{border-radius:12px;box-shadow:var(--pro-shadow)}
.message-stream{background:#f7f8fa}.message-row.mine .message-bubble{background:#111827;color:#fff}.message-row.theirs .message-bubble{background:#fff;border:1px solid #e6e9ed}
.command-shell,.command-main{background:#f3f5f7}.command-rail{background:linear-gradient(180deg,#0d151d,#111b24)}.command-rail nav a.active,.command-rail nav a:hover{background:#1b2732}
.command-main{padding:28px}.command-card,.command-stat{border-radius:12px;box-shadow:0 5px 16px rgba(15,23,42,.035)}
.quick-grid a{border-radius:10px;padding:14px}.user-admin-card,.content-control-card,.report-card{border-radius:10px}
@media(max-width:1180px){.app-shell.concept-shell{grid-template-columns:210px minmax(0,1fr)}.concept-right{display:none}.concept-feed{max-width:920px}}
@media(max-width:720px){.topbar{height:56px;padding:0 10px}.brand{font-size:15px}.brandmark{width:31px;height:31px}.concept-feed{padding:10px 8px 76px}.concept-composer{padding:11px;border-radius:10px}.post-card{border-radius:10px;padding:12px;margin-bottom:10px;box-shadow:none}.post-text{font-size:13px}.post-actions button{font-size:11px}}

/* Phase 2.3 professional SVG icon system */
.nav-ico,.top-menu-btn svg,.top-home svg,.dropdown-link svg,.composer-tools svg,.post-actions svg,.mobile-nav svg{
  width:18px;height:18px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none
}
.concept-sidebar .nav-ico{width:17px;height:17px}
.top-menu-btn svg,.top-home svg{width:19px;height:19px}
.dropdown-link svg{width:16px;height:16px;margin-right:8px}
.composer-tools span{display:flex;align-items:center;gap:6px}
.composer-tools svg{width:17px;height:17px}
.post-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.post-actions svg{width:16px;height:16px}
.mobile-nav a,.mobile-nav button{gap:2px}.mobile-nav svg{width:20px;height:20px}
.mobile-nav button svg{width:22px;height:22px}
.top-menu-btn .mini-avatar{display:grid}
.account-btn svg{display:none}

/* Phase 2.5 Stable Redesign */
.stable-composer{
  background:#fff!important;color:#111827!important;
  border:1px solid #e7ebef!important;border-radius:12px!important;
  box-shadow:0 8px 24px rgba(15,23,32,.05)!important;padding:15px!important
}
.stable-composer-form{width:100%}
.stable-composer-row{align-items:flex-start!important}
.stable-composer-row textarea{
  flex:1;width:100%;min-height:44px;max-height:160px;resize:none;
  border:0;background:#f7f8fa;color:#111827;border-radius:10px;
  padding:12px 14px;font-size:13px;line-height:1.45;outline:none
}
.stable-composer-row textarea:focus{
  background:#fff;box-shadow:inset 0 0 0 1px #d8dde3,0 0 0 3px rgba(17,24,39,.035)
}
.stable-composer-tools{
  margin:11px 0 0 52px!important;padding-top:10px!important;
  border-top:1px solid #eef1f4!important;display:flex!important;
  align-items:center!important;gap:6px!important
}
.stable-tool{
  border:0;background:transparent;color:#5c6671;border-radius:8px;
  padding:7px 9px;display:inline-flex;align-items:center;gap:6px;
  cursor:pointer;font-size:11px;font-weight:650
}
.stable-tool:hover{background:#f4f5f7;color:#111827}
.stable-tool input{display:none}
.stable-post-btn{margin-left:auto!important;padding:8px 17px!important}
@media(max-width:720px){
  .stable-composer{padding:10px!important}
  .stable-composer-row textarea{font-size:12px;min-height:42px}
  .stable-composer-tools{margin-left:0!important;gap:2px!important;justify-content:space-between!important}
  .stable-tool{padding:6px 4px;font-size:9px}
  .stable-tool .nav-ico{width:14px;height:14px}
  .stable-post-btn{padding:7px 10px!important;font-size:11px}
}

/* Phase 2.6 theme chooser */
.theme-settings-panel{grid-column:1/-1}
.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.theme-option{display:block;border:1px solid #e2e7ec;border-radius:10px;padding:8px;cursor:pointer;background:#fff}
.theme-option input{display:none}
.theme-option.selected{outline:2px solid currentColor;outline-offset:1px}
.theme-preview{height:70px;border-radius:8px;display:grid;grid-template-columns:22% 1fr;grid-template-rows:18px 1fr;gap:4px;padding:6px}
.theme-preview i{grid-row:1/3;border-radius:4px}.theme-preview b{border-radius:4px}.theme-preview em{border-radius:4px}
.theme-name{display:block;margin-top:6px;font-size:11px;font-weight:700;text-align:center}
.theme-save{margin-top:14px}
.theme-preview-professional{background:#f6f7f9}.theme-preview-professional i{background:#101820}.theme-preview-professional b{background:#fff}.theme-preview-professional em{background:#ff4b6e}
.theme-preview-midnight{background:#0b0f14}.theme-preview-midnight i{background:#030507}.theme-preview-midnight b{background:#1b2430}.theme-preview-midnight em{background:#7c5cff}
.theme-preview-ocean{background:#eaf6ff}.theme-preview-ocean i{background:#083d77}.theme-preview-ocean b{background:#fff}.theme-preview-ocean em{background:#00a7e1}
.theme-preview-forest{background:#eef6ee}.theme-preview-forest i{background:#183d2b}.theme-preview-forest b{background:#fff}.theme-preview-forest em{background:#4f9d69}
.theme-preview-sunset{background:#fff1ea}.theme-preview-sunset i{background:#5c2848}.theme-preview-sunset b{background:#fff}.theme-preview-sunset em{background:#ff7a59}
.theme-preview-royal{background:#f2efff}.theme-preview-royal i{background:#2c1760}.theme-preview-royal b{background:#fff}.theme-preview-royal em{background:#6d4aff}
.theme-preview-rose{background:#fff0f4}.theme-preview-rose i{background:#60213a}.theme-preview-rose b{background:#fff}.theme-preview-rose em{background:#ef5d8a}
.theme-preview-graphite{background:#eceff2}.theme-preview-graphite i{background:#252a30}.theme-preview-graphite b{background:#fff}.theme-preview-graphite em{background:#636b75}
.theme-preview-mint{background:#effbf6}.theme-preview-mint i{background:#1f5142}.theme-preview-mint b{background:#fff}.theme-preview-mint em{background:#5ac8a5}
.theme-preview-amber{background:#fff8e8}.theme-preview-amber i{background:#59400b}.theme-preview-amber b{background:#fff}.theme-preview-amber em{background:#f0ad24}
.theme-preview-violet{background:#f6efff}.theme-preview-violet i{background:#4c2670}.theme-preview-violet b{background:#fff}.theme-preview-violet em{background:#a264d8}
.theme-preview-sky{background:#eff9ff}.theme-preview-sky i{background:#1b4965}.theme-preview-sky b{background:#fff}.theme-preview-sky em{background:#5bc0eb}
.theme-preview-ruby{background:#fff0f0}.theme-preview-ruby i{background:#5a171c}.theme-preview-ruby b{background:#fff}.theme-preview-ruby em{background:#cf3946}
.theme-preview-teal{background:#ecfbfb}.theme-preview-teal i{background:#164b4b}.theme-preview-teal b{background:#fff}.theme-preview-teal em{background:#25a7a7}
.theme-preview-sand{background:#f8f2e8}.theme-preview-sand i{background:#544536}.theme-preview-sand b{background:#fffdf8}.theme-preview-sand em{background:#c89f6a}
.theme-preview-platinum{background:#f0f2f4}.theme-preview-platinum i{background:#34404a}.theme-preview-platinum b{background:#fff}.theme-preview-platinum em{background:#9aa4ad}
.theme-preview-coffee{background:#f5eee9}.theme-preview-coffee i{background:#3b261c}.theme-preview-coffee b{background:#fffaf7}.theme-preview-coffee em{background:#a66a43}
.theme-preview-neon{background:#101014}.theme-preview-neon i{background:#08080a}.theme-preview-neon b{background:#1d1d24}.theme-preview-neon em{background:#39ff88}
.theme-preview-lavender{background:#f7f3ff}.theme-preview-lavender i{background:#54436f}.theme-preview-lavender b{background:#fff}.theme-preview-lavender em{background:#b49ad9}
.theme-preview-ice{background:#f3fbff}.theme-preview-ice i{background:#3f6475}.theme-preview-ice b{background:#fff}.theme-preview-ice em{background:#8bd7f0}
.theme-preview-emerald{background:#eefaf4}.theme-preview-emerald i{background:#123f2c}.theme-preview-emerald b{background:#fff}.theme-preview-emerald em{background:#1f9d68}
.theme-preview-gold{background:#fff9e9}.theme-preview-gold i{background:#41340d}.theme-preview-gold b{background:#fff}.theme-preview-gold em{background:#d6aa2f}

/* Theme variable overrides */
.theme-midnight{--pro-bg:#0c1117;--pro-card:#151c24;--pro-ink:#eef2f6;--pro-muted:#9aa7b5;--pro-line:#26313d;--pro-dark:#070a0d;--pro-accent:#7c5cff;--pro-accent2:#4f8cff}
.theme-ocean{--pro-bg:#eaf6ff;--pro-card:#fff;--pro-ink:#16324a;--pro-muted:#6b8194;--pro-line:#cfe5f3;--pro-dark:#083d77;--pro-accent:#00a7e1;--pro-accent2:#1479c9}
.theme-forest{--pro-bg:#edf5ee;--pro-card:#fff;--pro-ink:#193125;--pro-muted:#6b7f71;--pro-line:#d6e4d8;--pro-dark:#183d2b;--pro-accent:#4f9d69;--pro-accent2:#82b66b}
.theme-sunset{--pro-bg:#fff2eb;--pro-card:#fff;--pro-ink:#39282f;--pro-muted:#826c74;--pro-line:#edd9d2;--pro-dark:#5c2848;--pro-accent:#ff6c61;--pro-accent2:#ff9a5a}
.theme-royal{--pro-bg:#f3f0ff;--pro-card:#fff;--pro-ink:#2e2445;--pro-muted:#776d91;--pro-line:#ddd6f0;--pro-dark:#2c1760;--pro-accent:#6d4aff;--pro-accent2:#9276ff}
.theme-rose{--pro-bg:#fff1f4;--pro-card:#fff;--pro-ink:#42212e;--pro-muted:#8d6e79;--pro-line:#efd6df;--pro-dark:#60213a;--pro-accent:#ef5d8a;--pro-accent2:#f78aaa}
.theme-graphite{--pro-bg:#edf0f2;--pro-card:#fff;--pro-ink:#252a30;--pro-muted:#737b84;--pro-line:#d7dce0;--pro-dark:#252a30;--pro-accent:#5f6872;--pro-accent2:#8a929b}
.theme-mint{--pro-bg:#effbf6;--pro-card:#fff;--pro-ink:#20453a;--pro-muted:#70877f;--pro-line:#d1e8df;--pro-dark:#1f5142;--pro-accent:#5ac8a5;--pro-accent2:#83dcbf}
.theme-amber{--pro-bg:#fff8e8;--pro-card:#fff;--pro-ink:#453718;--pro-muted:#8b7d5d;--pro-line:#eadfbd;--pro-dark:#59400b;--pro-accent:#f0ad24;--pro-accent2:#f6c655}
.theme-violet{--pro-bg:#f7f0ff;--pro-card:#fff;--pro-ink:#39264c;--pro-muted:#806f91;--pro-line:#e2d5ef;--pro-dark:#4c2670;--pro-accent:#a264d8;--pro-accent2:#c28ae8}
.theme-sky{--pro-bg:#eff9ff;--pro-card:#fff;--pro-ink:#21445a;--pro-muted:#718898;--pro-line:#d2e6f1;--pro-dark:#1b4965;--pro-accent:#5bc0eb;--pro-accent2:#88d3f3}
.theme-ruby{--pro-bg:#fff0f0;--pro-card:#fff;--pro-ink:#401c20;--pro-muted:#8b6b6e;--pro-line:#edd2d4;--pro-dark:#5a171c;--pro-accent:#cf3946;--pro-accent2:#e66771}
.theme-teal{--pro-bg:#ecfbfb;--pro-card:#fff;--pro-ink:#1e4444;--pro-muted:#6e8888;--pro-line:#cfe8e8;--pro-dark:#164b4b;--pro-accent:#25a7a7;--pro-accent2:#54c6c6}
.theme-sand{--pro-bg:#f8f2e8;--pro-card:#fffdf8;--pro-ink:#40372f;--pro-muted:#83776c;--pro-line:#e2d7c8;--pro-dark:#544536;--pro-accent:#c89f6a;--pro-accent2:#dfbd8c}
.theme-platinum{--pro-bg:#f1f3f5;--pro-card:#fff;--pro-ink:#2d353c;--pro-muted:#747e87;--pro-line:#d9dee2;--pro-dark:#34404a;--pro-accent:#9aa4ad;--pro-accent2:#bcc3ca}
.theme-coffee{--pro-bg:#f5eee9;--pro-card:#fffaf7;--pro-ink:#3a2b24;--pro-muted:#806f66;--pro-line:#e2d4cb;--pro-dark:#3b261c;--pro-accent:#a66a43;--pro-accent2:#c78a62}
.theme-neon{--pro-bg:#0d0d12;--pro-card:#17171f;--pro-ink:#f1f2f6;--pro-muted:#9da2ae;--pro-line:#2b2b35;--pro-dark:#08080a;--pro-accent:#39ff88;--pro-accent2:#00d4ff}
.theme-lavender{--pro-bg:#f7f3ff;--pro-card:#fff;--pro-ink:#3d334d;--pro-muted:#81788f;--pro-line:#e1d9ed;--pro-dark:#54436f;--pro-accent:#b49ad9;--pro-accent2:#cab8e7}
.theme-ice{--pro-bg:#f3fbff;--pro-card:#fff;--pro-ink:#334c58;--pro-muted:#758c97;--pro-line:#d7e9f1;--pro-dark:#3f6475;--pro-accent:#8bd7f0;--pro-accent2:#b2e7f7}
.theme-emerald{--pro-bg:#eefaf4;--pro-card:#fff;--pro-ink:#17382a;--pro-muted:#6c8478;--pro-line:#d3e8dc;--pro-dark:#123f2c;--pro-accent:#1f9d68;--pro-accent2:#49ba89}
.theme-gold{--pro-bg:#fff9e9;--pro-card:#fff;--pro-ink:#3d3218;--pro-muted:#887b5b;--pro-line:#eadfbe;--pro-dark:#41340d;--pro-accent:#d6aa2f;--pro-accent2:#eac85f}

/* apply variables broadly */
body[class*="theme-"]{background:var(--pro-bg);color:var(--pro-ink)}
body[class*="theme-"] .topbar,
body[class*="theme-"] .concept-composer,
body[class*="theme-"] .post-card,
body[class*="theme-"] .concept-right section,
body[class*="theme-"] .settings-panel,
body[class*="theme-"] .page-card,
body[class*="theme-"] .messages-workspace{background:var(--pro-card);color:var(--pro-ink);border-color:var(--pro-line)}
body[class*="theme-"] .concept-sidebar{background:var(--pro-dark)}
body[class*="theme-"] .concept-sidebar a.active,
body[class*="theme-"] .primary,
body[class*="theme-"] .mobile-nav button{background:linear-gradient(90deg,var(--pro-accent2),var(--pro-accent))}
body[class*="theme-"] .post-actions .liked,
body[class*="theme-"] .tabs b,
body[class*="theme-"] .dropdown-head a{color:var(--pro-accent)}
body[class*="theme-"] .search input,
body[class*="theme-"] .stable-composer-row textarea,
body[class*="theme-"] .comment-form input{border-color:var(--pro-line)}
@media(max-width:720px){.theme-grid{grid-template-columns:repeat(2,1fr)}}

/* =====================================================
   PHASE 2.7 — THEME STUDIO + FULL-SITE THEMING
   ===================================================== */
.theme-settings-panel{grid-column:1/-1;padding:20px}
.theme-settings-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.theme-settings-head small{font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--pro-accent)}
.theme-settings-head h2{font-size:20px;margin:3px 0}
.theme-settings-head p{max-width:700px;margin:0}
.current-theme-badge{background:var(--pro-bg);border:1px solid var(--pro-line);border-radius:10px;padding:9px 12px;font-size:11px;white-space:nowrap}
.theme-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.theme-card{border:1px solid var(--pro-line);border-radius:13px;padding:9px;background:var(--pro-card);cursor:pointer;transition:.18s;position:relative}
.theme-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,23,42,.08)}
.theme-card.selected{outline:2px solid var(--pro-accent);outline-offset:1px}
.theme-card input{display:none}
.theme-shot{height:120px;border-radius:10px;position:relative;overflow:hidden;background:#f5f6f8;border:1px solid rgba(0,0,0,.04)}
.shot-sidebar{position:absolute;left:0;top:0;bottom:0;width:23%;background:#111827}
.shot-topbar{position:absolute;left:23%;right:0;top:0;height:18%;background:#fff}
.shot-card{position:absolute;left:29%;right:7%;height:24%;background:#fff;border-radius:5px}
.shot-card-a{top:29%}.shot-card-b{top:59%}
.shot-accent{position:absolute;left:29%;bottom:7%;width:28%;height:7%;border-radius:99px;background:#ff4b6e}
.theme-card-footer{display:flex;align-items:center;justify-content:space-between;padding:9px 3px 2px}
.theme-card-footer>span{display:flex;flex-direction:column}.theme-card-footer b{font-size:12px}.theme-card-footer small{font-size:9px}
.theme-card-footer i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--pro-accent);color:#fff;font-style:normal;opacity:0}
.theme-card.selected .theme-card-footer i{opacity:1}
.theme-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.theme-actions .muted{font-size:10px}

/* Preview artwork for all 22 themes */
.theme-shot-professional{background:#f6f7f9}.theme-shot-professional .shot-sidebar{background:#101820}.theme-shot-professional .shot-accent{background:#ff4b6e}
.theme-shot-midnight{background:#0c1117}.theme-shot-midnight .shot-sidebar{background:#05070a}.theme-shot-midnight .shot-topbar,.theme-shot-midnight .shot-card{background:#18212b}.theme-shot-midnight .shot-accent{background:#7c5cff}
.theme-shot-ocean{background:#e7f5ff}.theme-shot-ocean .shot-sidebar{background:#073b70}.theme-shot-ocean .shot-accent{background:#00a7e1}
.theme-shot-forest{background:#edf5ee}.theme-shot-forest .shot-sidebar{background:#183d2b}.theme-shot-forest .shot-accent{background:#4f9d69}
.theme-shot-sunset{background:#fff0e8}.theme-shot-sunset .shot-sidebar{background:#5c2848}.theme-shot-sunset .shot-accent{background:#ff6c61}
.theme-shot-royal{background:#f1efff}.theme-shot-royal .shot-sidebar{background:#2c1760}.theme-shot-royal .shot-accent{background:#6d4aff}
.theme-shot-rose{background:#fff0f4}.theme-shot-rose .shot-sidebar{background:#60213a}.theme-shot-rose .shot-accent{background:#ef5d8a}
.theme-shot-graphite{background:#eceff2}.theme-shot-graphite .shot-sidebar{background:#252a30}.theme-shot-graphite .shot-accent{background:#636b75}
.theme-shot-mint{background:#effbf6}.theme-shot-mint .shot-sidebar{background:#1f5142}.theme-shot-mint .shot-accent{background:#5ac8a5}
.theme-shot-amber{background:#fff8e8}.theme-shot-amber .shot-sidebar{background:#59400b}.theme-shot-amber .shot-accent{background:#f0ad24}
.theme-shot-violet{background:#f6efff}.theme-shot-violet .shot-sidebar{background:#4c2670}.theme-shot-violet .shot-accent{background:#a264d8}
.theme-shot-sky{background:#eff9ff}.theme-shot-sky .shot-sidebar{background:#1b4965}.theme-shot-sky .shot-accent{background:#5bc0eb}
.theme-shot-ruby{background:#fff0f0}.theme-shot-ruby .shot-sidebar{background:#5a171c}.theme-shot-ruby .shot-accent{background:#cf3946}
.theme-shot-teal{background:#ecfbfb}.theme-shot-teal .shot-sidebar{background:#164b4b}.theme-shot-teal .shot-accent{background:#25a7a7}
.theme-shot-sand{background:#f8f2e8}.theme-shot-sand .shot-sidebar{background:#544536}.theme-shot-sand .shot-topbar,.theme-shot-sand .shot-card{background:#fffdf8}.theme-shot-sand .shot-accent{background:#c89f6a}
.theme-shot-platinum{background:#f0f2f4}.theme-shot-platinum .shot-sidebar{background:#34404a}.theme-shot-platinum .shot-accent{background:#9aa4ad}
.theme-shot-coffee{background:#f5eee9}.theme-shot-coffee .shot-sidebar{background:#3b261c}.theme-shot-coffee .shot-topbar,.theme-shot-coffee .shot-card{background:#fffaf7}.theme-shot-coffee .shot-accent{background:#a66a43}
.theme-shot-neon{background:#101014}.theme-shot-neon .shot-sidebar{background:#050506}.theme-shot-neon .shot-topbar,.theme-shot-neon .shot-card{background:#1a1a22}.theme-shot-neon .shot-accent{background:#39ff88}
.theme-shot-lavender{background:#f7f3ff}.theme-shot-lavender .shot-sidebar{background:#54436f}.theme-shot-lavender .shot-accent{background:#b49ad9}
.theme-shot-ice{background:#f3fbff}.theme-shot-ice .shot-sidebar{background:#3f6475}.theme-shot-ice .shot-accent{background:#8bd7f0}
.theme-shot-emerald{background:#eefaf4}.theme-shot-emerald .shot-sidebar{background:#123f2c}.theme-shot-emerald .shot-accent{background:#1f9d68}
.theme-shot-gold{background:#fff9e9}.theme-shot-gold .shot-sidebar{background:#41340d}.theme-shot-gold .shot-accent{background:#d6aa2f}

/* Make theme variables materially alter the whole UI */
body[class*="theme-"]{background:var(--pro-bg)!important;color:var(--pro-ink)!important}
body[class*="theme-"] .topbar{background:color-mix(in srgb,var(--pro-card) 96%,transparent)!important;border-color:var(--pro-line)!important}
body[class*="theme-"] .brand{color:var(--pro-ink)!important}
body[class*="theme-"] .brandmark{background:linear-gradient(135deg,var(--pro-accent2),var(--pro-accent))!important}
body[class*="theme-"] .search input{background:color-mix(in srgb,var(--pro-card) 78%,var(--pro-bg))!important;color:var(--pro-ink)!important;border-color:var(--pro-line)!important}
body[class*="theme-"] .concept-sidebar{background:linear-gradient(180deg,var(--pro-dark),color-mix(in srgb,var(--pro-dark) 84%,#000))!important}
body[class*="theme-"] .concept-sidebar a{color:color-mix(in srgb,#fff 84%,var(--pro-dark))!important}
body[class*="theme-"] .concept-sidebar a:hover{background:color-mix(in srgb,var(--pro-dark) 76%,#fff 24%)!important}
body[class*="theme-"] .concept-sidebar a.active{background:linear-gradient(90deg,var(--pro-accent2),var(--pro-accent))!important}
body[class*="theme-"] .concept-feed,
body[class*="theme-"] .concept-right,
body[class*="theme-"] .command-main{background:var(--pro-bg)!important}
body[class*="theme-"] .concept-composer,
body[class*="theme-"] .post-card,
body[class*="theme-"] .page-card,
body[class*="theme-"] .profile-hero,
body[class*="theme-"] .settings-panel,
body[class*="theme-"] .concept-right section,
body[class*="theme-"] .messages-workspace,
body[class*="theme-"] .conversation-list,
body[class*="theme-"] .chat-head,
body[class*="theme-"] .message-composer,
body[class*="theme-"] .command-card,
body[class*="theme-"] .command-stat,
body[class*="theme-"] .command-user,
body[class*="theme-"] .top-dropdown{background:var(--pro-card)!important;color:var(--pro-ink)!important;border-color:var(--pro-line)!important}
body[class*="theme-"] .post-card,
body[class*="theme-"] .concept-composer,
body[class*="theme-"] .settings-panel{box-shadow:0 8px 22px color-mix(in srgb,var(--pro-dark) 7%,transparent)!important}
body[class*="theme-"] .stable-composer-row textarea,
body[class*="theme-"] .comment-form input,
body[class*="theme-"] .settings-form input,
body[class*="theme-"] .settings-form textarea,
body[class*="theme-"] .settings-form select{background:color-mix(in srgb,var(--pro-card) 78%,var(--pro-bg))!important;color:var(--pro-ink)!important;border-color:var(--pro-line)!important}
body[class*="theme-"] .primary,
body[class*="theme-"] .mobile-nav button{background:linear-gradient(90deg,var(--pro-accent2),var(--pro-accent))!important;color:#fff!important}
body[class*="theme-"] .post-actions .liked,
body[class*="theme-"] .tabs b,
body[class*="theme-"] .dropdown-head a,
body[class*="theme-"] .chat-profile,
body[class*="theme-"] .mobile-back{color:var(--pro-accent)!important}
body[class*="theme-"] .message-stream{background:color-mix(in srgb,var(--pro-bg) 90%,var(--pro-card))!important}
body[class*="theme-"] .message-row.mine .message-bubble{background:var(--pro-dark)!important;color:#fff!important}
body[class*="theme-"] .message-row.theirs .message-bubble{background:var(--pro-card)!important;color:var(--pro-ink)!important;border:1px solid var(--pro-line)!important}
body[class*="theme-"] .command-rail{background:linear-gradient(180deg,var(--pro-dark),color-mix(in srgb,var(--pro-dark) 88%,#000))!important}
body[class*="theme-"] .stat-icon,
body[class*="theme-"] .metric-pill{background:color-mix(in srgb,var(--pro-accent) 12%,var(--pro-card))!important;color:var(--pro-accent)!important}
body[class*="theme-"] .bar-track span{background:linear-gradient(180deg,var(--pro-accent2),var(--pro-accent))!important}
body[class*="theme-"] .mobile-nav{background:var(--pro-card)!important;border-color:var(--pro-line)!important}
body[class*="theme-"] .mobile-nav a{background:var(--pro-card)!important;color:var(--pro-muted)!important}

/* Distinct layout character for selected themes */
.theme-midnight .post-card,.theme-neon .post-card{border-radius:6px!important}
.theme-midnight .concept-sidebar,.theme-neon .concept-sidebar{box-shadow:inset -1px 0 0 var(--pro-accent)!important}
.theme-ocean .post-card,.theme-sky .post-card,.theme-ice .post-card{border-radius:18px!important}
.theme-forest .post-card,.theme-emerald .post-card,.theme-mint .post-card{border-left:4px solid var(--pro-accent)!important}
.theme-sunset .post-card,.theme-rose .post-card,.theme-ruby .post-card{border-radius:18px 8px 18px 18px!important}
.theme-royal .post-card,.theme-violet .post-card,.theme-lavender .post-card{box-shadow:0 10px 28px color-mix(in srgb,var(--pro-accent) 15%,transparent)!important}
.theme-sand .post-card,.theme-coffee .post-card,.theme-gold .post-card{border-radius:4px!important}
.theme-graphite .post-card,.theme-platinum .post-card{box-shadow:none!important;border-width:1px!important}
.theme-teal .concept-sidebar,.theme-ocean .concept-sidebar{border-right:3px solid var(--pro-accent)!important}
.theme-gold .primary{color:#2f260d!important}

@media(max-width:900px){.theme-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.theme-gallery{grid-template-columns:1fr}.theme-settings-head{display:block}.current-theme-badge{display:inline-block;margin-top:10px}}

/* Phase 2.8 theme dropdown + apply fix */
.theme-settings-panel{grid-column:1/-1}
.theme-dropdown-form{max-width:760px}
.theme-dropdown-label{display:block;font-size:11px;font-weight:800;margin:14px 0 6px}
.theme-select{
  width:100%;height:44px;border:1px solid var(--pro-line);border-radius:10px;
  background:var(--pro-card);color:var(--pro-ink);padding:0 12px;font-size:13px
}
.theme-live-preview{
  --preview-sidebar:#101820;--preview-card:#fff;--preview-bg:#f6f7f9;--preview-accent:#ff4b6e;
  margin-top:14px;height:210px;border:1px solid var(--pro-line);border-radius:12px;overflow:hidden;
  background:var(--preview-bg);display:grid;grid-template-columns:24% 1fr
}
.preview-sidebar{background:var(--preview-sidebar)}
.preview-workspace{position:relative;background:var(--preview-bg);padding:16px}
.preview-topbar{height:28px;background:var(--preview-card);border-radius:7px;margin-bottom:12px}
.preview-card{height:52px;background:var(--preview-card);border-radius:8px;margin-bottom:10px}
.preview-button{width:92px;height:24px;border-radius:99px;background:var(--preview-accent)}
.all-theme-list{margin-top:18px;border-top:1px solid var(--pro-line);padding-top:12px}
.all-theme-list summary{cursor:pointer;font-size:11px;font-weight:800}
.theme-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.theme-mini{
  border:1px solid var(--pro-line);background:var(--pro-card);color:var(--pro-ink);
  border-radius:9px;padding:8px;display:flex;align-items:center;gap:7px;cursor:pointer
}
.theme-mini:hover{background:color-mix(in srgb,var(--pro-card) 80%,var(--pro-bg))}
.theme-mini-swatch{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#101820,#ff4b6e)}
.theme-mini-midnight{background:linear-gradient(135deg,#05070a,#7c5cff)}
.theme-mini-ocean{background:linear-gradient(135deg,#073b70,#00a7e1)}
.theme-mini-forest{background:linear-gradient(135deg,#183d2b,#4f9d69)}
.theme-mini-sunset{background:linear-gradient(135deg,#5c2848,#ff6c61)}
.theme-mini-royal{background:linear-gradient(135deg,#2c1760,#6d4aff)}
.theme-mini-rose{background:linear-gradient(135deg,#60213a,#ef5d8a)}
.theme-mini-graphite{background:linear-gradient(135deg,#252a30,#636b75)}
.theme-mini-mint{background:linear-gradient(135deg,#1f5142,#5ac8a5)}
.theme-mini-amber{background:linear-gradient(135deg,#59400b,#f0ad24)}
.theme-mini-violet{background:linear-gradient(135deg,#4c2670,#a264d8)}
.theme-mini-sky{background:linear-gradient(135deg,#1b4965,#5bc0eb)}
.theme-mini-ruby{background:linear-gradient(135deg,#5a171c,#cf3946)}
.theme-mini-teal{background:linear-gradient(135deg,#164b4b,#25a7a7)}
.theme-mini-sand{background:linear-gradient(135deg,#544536,#c89f6a)}
.theme-mini-platinum{background:linear-gradient(135deg,#34404a,#9aa4ad)}
.theme-mini-coffee{background:linear-gradient(135deg,#3b261c,#a66a43)}
.theme-mini-neon{background:linear-gradient(135deg,#050506,#39ff88)}
.theme-mini-lavender{background:linear-gradient(135deg,#54436f,#b49ad9)}
.theme-mini-ice{background:linear-gradient(135deg,#3f6475,#8bd7f0)}
.theme-mini-emerald{background:linear-gradient(135deg,#123f2c,#1f9d68)}
.theme-mini-gold{background:linear-gradient(135deg,#41340d,#d6aa2f)}

/* stronger variable application */
body[class^="theme-"],body[class*=" theme-"]{background:var(--pro-bg)!important;color:var(--pro-ink)!important}
body[class^="theme-"] .app-shell,
body[class*=" theme-"] .app-shell{background:var(--pro-bg)!important}
body[class^="theme-"] .topbar,
body[class*=" theme-"] .topbar{background:var(--pro-card)!important;border-color:var(--pro-line)!important;color:var(--pro-ink)!important}
body[class^="theme-"] .top-menu-btn,
body[class*=" theme-"] .top-menu-btn{color:var(--pro-ink)!important}
body[class^="theme-"] .concept-sidebar,
body[class*=" theme-"] .concept-sidebar{background:var(--pro-dark)!important}
body[class^="theme-"] .concept-sidebar a.active,
body[class*=" theme-"] .concept-sidebar a.active{background:linear-gradient(90deg,var(--pro-accent2),var(--pro-accent))!important}
body[class^="theme-"] .post-card,
body[class^="theme-"] .concept-composer,
body[class^="theme-"] .settings-panel,
body[class^="theme-"] .concept-right section,
body[class^="theme-"] .messages-workspace,
body[class*=" theme-"] .post-card,
body[class*=" theme-"] .concept-composer,
body[class*=" theme-"] .settings-panel,
body[class*=" theme-"] .concept-right section,
body[class*=" theme-"] .messages-workspace{background:var(--pro-card)!important;color:var(--pro-ink)!important;border-color:var(--pro-line)!important}
@media(max-width:720px){.theme-mini-grid{grid-template-columns:repeat(2,1fr)}}

/* Phase 2.9 definitive theme engine */

body{background:var(--pro-bg)!important;color:var(--pro-ink)!important}
.topbar{background:var(--pro-card)!important;color:var(--pro-ink)!important;border-color:var(--pro-line)!important}
.brand,.top-menu-btn{color:var(--pro-ink)!important}
.brandmark{background:linear-gradient(135deg,var(--pro-accent2),var(--pro-accent))!important}
.search input{background:color-mix(in srgb,var(--pro-card) 78%,var(--pro-bg))!important;color:var(--pro-ink)!important;border-color:var(--pro-line)!important}
.app-shell,.concept-feed,.concept-right,.command-main{background:var(--pro-bg)!important}
.concept-sidebar,.command-rail{background:var(--pro-dark)!important}
.concept-sidebar a.active,.primary,.mobile-nav button{background:linear-gradient(90deg,var(--pro-accent2),var(--pro-accent))!important}
.post-card,.concept-composer,.settings-panel,.page-card,.profile-hero,.messages-workspace,.conversation-list,.chat-head,.message-composer,.concept-right section,.top-dropdown,.command-card,.command-stat,.command-user{
  background:var(--pro-card)!important;color:var(--pro-ink)!important;border-color:var(--pro-line)!important
}
.stable-composer-row textarea,.comment-form input,.settings-form input,.settings-form textarea,.settings-form select,.theme-select{
  background:color-mix(in srgb,var(--pro-card) 78%,var(--pro-bg))!important;
  color:var(--pro-ink)!important;border-color:var(--pro-line)!important
}
.post-actions .liked,.tabs b,.dropdown-head a,.chat-profile,.mobile-back{color:var(--pro-accent)!important}
.mobile-nav{background:var(--pro-card)!important;border-color:var(--pro-line)!important}
.mobile-nav a{background:var(--pro-card)!important;color:var(--pro-muted)!important}
.message-stream{background:color-mix(in srgb,var(--pro-bg) 90%,var(--pro-card))!important}
.message-row.mine .message-bubble{background:var(--pro-dark)!important;color:#fff!important}
.message-row.theirs .message-bubble{background:var(--pro-card)!important;color:var(--pro-ink)!important;border:1px solid var(--pro-line)!important}

/* make each theme obviously different, not subtle */
.theme-midnight .topbar,.theme-neon .topbar{background:var(--pro-dark)!important;color:#fff!important}
.theme-midnight .brand,.theme-midnight .top-menu-btn,.theme-neon .brand,.theme-neon .top-menu-btn{color:#fff!important}
.theme-ocean .topbar,.theme-sky .topbar,.theme-ice .topbar{border-bottom:3px solid var(--pro-accent)!important}
.theme-forest .post-card,.theme-emerald .post-card,.theme-mint .post-card{border-left:5px solid var(--pro-accent)!important}
.theme-sunset .post-card,.theme-rose .post-card,.theme-ruby .post-card{border-radius:22px 8px 22px 22px!important}
.theme-royal .concept-sidebar,.theme-violet .concept-sidebar,.theme-lavender .concept-sidebar{box-shadow:inset -4px 0 0 var(--pro-accent)!important}
.theme-graphite .post-card,.theme-platinum .post-card{box-shadow:none!important}
.theme-sand .post-card,.theme-coffee .post-card,.theme-gold .post-card{border-radius:4px!important}
.theme-neon .post-card{box-shadow:0 0 0 1px var(--pro-accent),0 0 22px color-mix(in srgb,var(--pro-accent) 25%,transparent)!important}
.theme-gold .primary{color:#2f260d!important}



/* Phase 3.1 Profile Upgrade */
.avatar.has-photo,.profile-avatar.has-photo,.profile-settings-avatar.has-photo{overflow:hidden;padding:0}
.avatar.has-photo img,.profile-avatar.has-photo img,.profile-settings-avatar.has-photo img{width:100%;height:100%;object-fit:cover;display:block}
.pro-profile-hero{padding:0;overflow:hidden}
.pro-cover{height:240px;background-size:cover!important;background-position:center!important}
.pro-profile-body{display:flex;padding:0 24px 18px;gap:18px}
.profile-avatar-wrap{margin-top:-54px;flex:none}
.pro-profile-body .profile-avatar{width:112px;height:112px;border-radius:50%;border:5px solid var(--pro-card);box-shadow:0 5px 18px rgba(15,23,42,.12);font-size:26px}
.pro-profile-main{flex:1;min-width:0;padding-top:15px}
.pro-profile-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.pro-profile-title h1{margin:0;font-size:24px}.pro-profile-title p{margin:2px 0}
.profile-actions{display:flex;gap:7px}.profile-actions form{margin:0}.profile-action-btn{display:inline-flex;align-items:center}
.profile-bio{margin:12px 0 8px;line-height:1.5;font-size:13px;max-width:700px}
.profile-meta{display:flex;flex-wrap:wrap;gap:13px;color:var(--pro-muted);font-size:11px}.profile-meta a{color:var(--pro-accent);font-weight:700}
.profile-stats{display:flex;gap:22px;margin-top:14px}.profile-stats span{display:flex;align-items:baseline;gap:5px}.profile-stats b{font-size:15px}.profile-stats small{font-size:10px}
.profile-tabs{display:flex;border-top:1px solid var(--pro-line);padding:0 20px}
.profile-tabs a{padding:12px 14px;font-size:11px;font-weight:750;color:var(--pro-muted);border-bottom:2px solid transparent}
.profile-tabs a.active{color:var(--pro-ink);border-color:var(--pro-accent)}
.profile-tabs a:hover{color:var(--pro-ink)}
.profile-media-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-media-gallery a{aspect-ratio:1;display:block;overflow:hidden;border-radius:9px}.profile-media-gallery img{width:100%;height:100%;object-fit:cover}
.profile-section-head small{font-size:9px;letter-spacing:.12em;font-weight:900;color:var(--pro-accent)}.profile-section-head h2{margin:2px 0 14px}
.profile-connection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.profile-connection-card{display:flex;align-items:center;gap:9px;border:1px solid var(--pro-line);border-radius:10px;padding:10px}.profile-connection-card>div{display:flex;flex-direction:column}.profile-connection-card:hover{background:var(--pro-bg)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-grid>div{background:var(--pro-bg);border:1px solid var(--pro-line);border-radius:9px;padding:12px;display:flex;flex-direction:column}.about-grid small,.about-bio small{font-size:9px;color:var(--pro-muted);font-weight:800}.about-grid b{font-size:12px;margin-top:3px}.about-bio{margin-top:12px;padding-top:12px;border-top:1px solid var(--pro-line)}
.profile-snapshot{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-snapshot span{background:color-mix(in srgb,var(--pro-card) 85%,var(--pro-bg));border-radius:8px;padding:10px;display:flex;flex-direction:column}.profile-snapshot b{font-size:18px}.profile-snapshot small{font-size:9px}
.empty-profile-state{text-align:center;padding:40px 20px}

/* Settings media */
.profile-media-panel{grid-column:1/-1}.profile-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-setting{border:1px solid var(--pro-line);border-radius:11px;padding:13px;display:grid;grid-template-columns:60px 1fr;gap:10px;align-items:center}.media-setting>div:nth-child(2){display:flex;flex-direction:column}.media-setting form{grid-column:1/-1;display:flex;align-items:center;gap:8px}.profile-settings-avatar{width:58px;height:58px;border-radius:50%;background:var(--pro-bg);display:grid;place-items:center;font-weight:900;color:var(--pro-accent)}.media-cover-preview{width:100%;height:58px;border-radius:8px;background:linear-gradient(120deg,var(--pro-dark),var(--pro-accent));background-size:cover!important;background-position:center!important}.cover-setting{grid-template-columns:110px 1fr}.media-upload-btn{border:1px solid var(--pro-line);border-radius:8px;padding:8px 10px;font-size:10px;font-weight:750;cursor:pointer}.media-upload-btn input{display:none}
@media(max-width:720px){
 .pro-cover{height:150px}.pro-profile-body{display:block;padding:0 14px 14px}.profile-avatar-wrap{margin-top:-42px}.pro-profile-body .profile-avatar{width:86px;height:86px}
 .pro-profile-main{padding-top:8px}.pro-profile-title{display:block}.profile-actions{margin-top:10px}.profile-tabs{overflow:auto;padding:0 8px}.profile-tabs a{white-space:nowrap;padding:11px 10px}
 .profile-media-gallery{grid-template-columns:repeat(2,1fr)}.profile-connection-grid,.about-grid,.profile-media-grid{grid-template-columns:1fr}.media-setting,.cover-setting{grid-template-columns:58px 1fr}.media-cover-preview{width:58px}
}