/* SourceCar Garage v20 social system */
.header-account{min-height:42px;padding:0 15px;border:1px solid #334251;border-radius:12px;background:#121a23;color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}.header-account.signed-in{border-color:rgba(117,255,118,.4);color:var(--green)}
.social-system{background:radial-gradient(circle at 8% 5%,rgba(117,255,118,.07),transparent 25%),radial-gradient(circle at 90% 20%,rgba(80,128,255,.07),transparent 26%),#090c11;border-top:1px solid rgba(255,255,255,.05)}.social-title{align-items:flex-end}.social-shell{display:grid;grid-template-columns:245px minmax(0,1fr) 250px;gap:18px;align-items:start}.social-sidebar,.social-main{border:1px solid #273440;border-radius:22px;background:#101720;box-shadow:0 18px 50px rgba(0,0,0,.2)}.social-sidebar{padding:19px;position:sticky;top:94px}.social-card-label{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.14em;margin-bottom:15px}.social-account-content{text-align:center}.social-avatar{width:70px;height:70px;border-radius:20px;margin:0 auto 15px;display:grid;place-items:center;background:linear-gradient(145deg,#263642,#101821);border:1px solid #3a4b59;color:var(--green);font-size:22px;font-weight:950;letter-spacing:.06em}.social-avatar.guest{filter:saturate(.5)}.social-account-content h3{font-size:18px;line-height:1.2;margin:0 0 9px}.social-account-content p{font-size:11px;color:#95a2ad;margin:0 0 15px}.social-account-content .btn{width:100%}.social-user-meta{display:grid;gap:8px;margin-top:13px;text-align:left}.social-user-meta span{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #273440;color:#8895a0;font-size:10px}.social-user-meta b{color:#fff}.community-principles{display:grid;gap:7px;margin-top:18px;padding-top:15px;border-top:1px solid #273440;color:#87949f;font-size:9px}.community-principles span{display:flex;align-items:center;gap:6px}.community-principles span:first-letter{color:var(--green)}
.social-main{overflow:hidden}.social-tabs{display:flex;gap:3px;padding:8px;border-bottom:1px solid #273440;background:#0c1219;overflow:auto}.social-tabs button{flex:0 0 auto;border:0;border-radius:10px;background:transparent;color:#8f9aa5;padding:10px 12px;font-size:10px;font-weight:800;cursor:pointer}.social-tabs button.active{background:#1a2631;color:#fff}.social-tabs button span{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:var(--red);color:#fff;margin-left:5px;font-size:8px}.social-tab-panel{display:none;padding:18px}.social-tab-panel.active{display:block}.social-feed-head,.services-directory-head,.moderation-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:15px}.social-feed-head strong,.services-directory-head strong,.moderation-head strong{display:block;font-size:16px}.social-feed-head small,.services-directory-head small,.moderation-head small{display:block;color:#81909c;font-size:9px;max-width:620px;margin-top:3px}.social-feed-head select{border:1px solid #33414d;border-radius:10px;background:#111a23;color:#fff;padding:8px 10px;font-size:10px}.social-feed{display:grid;gap:13px}.social-loading,.social-empty{padding:30px;border:1px dashed #33414f;border-radius:17px;text-align:center;color:#92a0ab}.social-empty strong{display:block;color:#fff;margin-bottom:5px}.social-empty p{font-size:11px;margin:0;color:#8d99a4}
.social-post{border:1px solid #2a3743;border-radius:18px;background:#111a23;overflow:hidden;transition:.2s ease}.social-post:hover{border-color:#3b4b58;transform:translateY(-1px)}.social-post-media{display:grid;grid-template-columns:1.25fr .75fr;min-height:210px;background:#080c11}.social-post-media.one{display:block}.social-post-media img{width:100%;height:100%;object-fit:cover;display:block;min-height:210px;max-height:300px}.social-post-media .media-side{display:grid;grid-template-rows:1fr 1fr;gap:2px}.social-post-media .media-side img{min-height:0;max-height:149px}.social-post-body{padding:17px}.social-post-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.social-post-author{display:flex;align-items:center;gap:9px}.mini-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#23313d;color:var(--green);font-weight:900;font-size:10px}.social-post-author strong{display:block;font-size:11px}.social-post-author small{display:block;color:#7f8c98;font-size:8px}.solution-score{min-width:66px;padding:7px 9px;border-radius:11px;background:#0a1117;border:1px solid rgba(117,255,118,.22);text-align:center}.solution-score b{display:block;color:var(--green);font-size:16px;line-height:1}.solution-score small{display:block;color:#81909a;font-size:7px;margin-top:3px}.social-post-badges{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0 7px}.social-post-badge{padding:5px 7px;border-radius:999px;background:#202c36;color:#aab5be;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.social-post-badge.confirmed{background:rgba(117,255,118,.1);color:var(--green);border:1px solid rgba(117,255,118,.2)}.social-post-badge.editor{background:rgba(83,135,255,.11);color:#8db5ff;border:1px solid rgba(83,135,255,.25)}.social-post-badge.pending{background:rgba(255,189,89,.1);color:var(--amber)}.social-post h3{font-size:21px;line-height:1.18;margin:7px 0 8px}.social-post-summary{color:#aab5bf;font-size:11px;line-height:1.5;margin:0}.social-post-vehicle{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.social-post-vehicle span{padding:6px 8px;border-radius:9px;background:#0c131a;border:1px solid #273440;color:#aab5be;font-size:8px}.social-post-actions{display:flex;align-items:center;gap:5px;padding:10px 15px;border-top:1px solid #273440;background:#0d151d}.social-post-actions button{border:0;background:transparent;color:#8d9aa6;padding:7px 8px;border-radius:8px;font-size:9px;cursor:pointer}.social-post-actions button:hover{background:#17222c;color:#fff}.social-post-actions .open-post{margin-left:auto;color:var(--green);font-weight:900}.social-post-actions .liked{color:var(--green)}
.ranking-list{display:grid;gap:10px}.ranking-item{display:grid;grid-template-columns:29px 1fr auto;gap:8px;align-items:center;padding:9px;border-radius:12px;background:#0b1218;border:1px solid #24313c}.ranking-item>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#1c2933;color:var(--green);font-size:10px;font-weight:950}.ranking-item strong{display:block;font-size:9px;line-height:1.25}.ranking-item small{display:block;color:#76838e;font-size:7px;margin-top:2px}.ranking-item b{color:var(--green);font-size:12px}.ranking-explain{margin-top:16px;padding:13px;border-radius:13px;background:rgba(117,255,118,.045);border:1px solid rgba(117,255,118,.14)}.ranking-explain strong{font-size:10px}.ranking-explain p{font-size:8px;color:#8895a0;margin:5px 0 0;line-height:1.5}
.profile-panel{display:grid;gap:14px}.profile-card{border:1px solid #2b3844;border-radius:17px;background:#0d151d;padding:17px}.profile-identity{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center}.profile-identity h3{margin:0;font-size:22px}.profile-identity p{margin:4px 0 0;color:#8b98a3;font-size:10px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.profile-stats div{padding:12px;border-radius:12px;background:#111c25;border:1px solid #283640}.profile-stats b{display:block;color:var(--green);font-size:18px}.profile-stats small{font-size:8px;color:#7e8b96}.profile-form{display:grid;gap:12px}.profile-form .form-grid{grid-template-columns:1fr 1fr}.profile-form label{display:grid;gap:5px}.profile-form label span{font-size:9px;color:#8f9ba6}.profile-form input,.profile-form textarea{width:100%;border:1px solid #31404c;border-radius:11px;background:#091017;color:#fff;padding:11px;outline:none}.my-posts-list{display:grid;gap:8px}.my-post-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #273540;border-radius:12px;background:#0b1219}.my-post-row strong{display:block;font-size:11px}.my-post-row small{display:block;color:#7d8a96;font-size:8px;margin-top:3px}.status-chip{padding:5px 8px;border-radius:999px;font-size:7px;font-weight:900;text-transform:uppercase}.status-chip.approved{background:rgba(117,255,118,.1);color:var(--green)}.status-chip.pending{background:rgba(255,189,89,.1);color:var(--amber)}.status-chip.rejected{background:rgba(240,68,68,.1);color:#ff9699}
.services-directory{display:grid;grid-template-columns:1fr 1fr;gap:11px}.service-directory-card{padding:15px;border:1px solid #2b3945;border-radius:16px;background:#0d151d}.service-directory-card .service-top{display:flex;justify-content:space-between;gap:12px}.service-directory-card h3{font-size:15px;line-height:1.2;margin:0}.verified-service{padding:5px 7px;border-radius:999px;background:rgba(117,255,118,.1);color:var(--green);font-size:7px;font-weight:900;white-space:nowrap}.service-directory-card>p{color:#8f9ca7;font-size:9px;line-height:1.5}.service-specializations{display:flex;flex-wrap:wrap;gap:5px}.service-specializations span{padding:5px 7px;border-radius:8px;background:#17232d;color:#aab5be;font-size:7px}.service-contact{display:flex;gap:8px;margin-top:12px}.service-contact a{padding:7px 9px;border-radius:8px;border:1px solid #34434f;color:#c7d0d8;font-size:8px}.service-contact a:hover{color:var(--green)}
.moderation-queue{display:grid;gap:10px}.moderation-group{border:1px solid #2c3946;border-radius:15px;background:#0d141b;overflow:hidden}.moderation-group>h3{font-size:12px;margin:0;padding:12px 14px;background:#121c25;border-bottom:1px solid #2c3946}.moderation-item{padding:13px;border-bottom:1px solid #24313b}.moderation-item:last-child{border-bottom:0}.moderation-item strong{font-size:10px}.moderation-item p{font-size:9px;color:#93a0ab;margin:4px 0 8px;white-space:pre-line}.moderation-actions{display:flex;gap:6px;flex-wrap:wrap}.moderation-actions button{border:1px solid #33434f;border-radius:8px;background:#17212a;color:#fff;padding:7px 8px;font-size:8px;cursor:pointer}.moderation-actions .approve{border-color:rgba(117,255,118,.3);color:var(--green)}.moderation-actions .reject{border-color:rgba(240,68,68,.3);color:#ff9a9e}.mod-reason{width:100%;border:1px solid #33414e;border-radius:8px;background:#091017;color:#fff;padding:8px;font-size:8px;margin-top:7px}
.auth-dialog{width:min(560px,calc(100% - 24px))}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#091017;border-radius:12px;padding:5px;margin-bottom:16px}.auth-switch button{border:0;border-radius:9px;background:transparent;color:#8996a1;padding:10px;cursor:pointer}.auth-switch button.active{background:#1a2630;color:#fff}.auth-form{display:grid;gap:13px}.auth-form[hidden]{display:none!important}.auth-form .btn{width:100%;margin-top:3px}.auth-note{font-size:9px;color:#7f8c97;margin:15px 0 0;line-height:1.5}.admin-code{padding:10px;border:1px solid #293743;border-radius:10px;background:#0b1218}.admin-code summary{cursor:pointer;color:#8d9aa5;font-size:9px}.admin-code label{margin-top:9px}.social-post-dialog{width:min(980px,calc(100% - 24px))}.social-view-dialog{width:min(980px,calc(100% - 24px))}.social-editor-block{margin-top:17px;padding:15px;border:1px solid #2c3946;border-radius:15px;background:#0a1117}.social-editor-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.social-editor-head small{display:block;color:var(--green);font-size:8px;letter-spacing:.12em}.social-editor-head strong{display:block;font-size:12px;margin-top:3px}.social-editor-head button,.photo-upload-button{border:1px solid #34434f;border-radius:9px;background:#17222c;color:#fff;padding:8px 10px;font-size:9px;cursor:pointer}.photo-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:11px}.photo-preview{position:relative;aspect-ratio:4/3;border-radius:11px;overflow:hidden;background:#091017;border:1px solid #2c3a46}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview button{position:absolute;right:5px;top:5px;width:26px;height:26px;border:0;border-radius:8px;background:rgba(0,0,0,.75);color:#fff;cursor:pointer}.photo-upload-status{font-size:9px;color:#8996a1;margin-top:8px}.social-step-row{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:start;margin-top:9px}.social-step-number{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#1c2933;color:var(--green);font-weight:900;font-size:11px}.social-step-fields{display:grid;gap:7px}.social-step-fields input,.social-step-fields textarea,.social-part-row input{width:100%;border:1px solid #31404c;border-radius:10px;background:#0d151c;color:#fff;padding:9px;font-size:9px}.social-step-remove,.social-part-remove{width:34px;height:34px;border:1px solid rgba(240,68,68,.25);border-radius:9px;background:rgba(240,68,68,.08);color:#ff969a;cursor:pointer}.social-part-row{display:grid;grid-template-columns:1.1fr .8fr 1fr .55fr auto;gap:7px;margin-top:8px}.view-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6px;margin-bottom:18px}.view-gallery img{width:100%;height:150px;object-fit:cover;border-radius:11px;background:#091017}.view-gallery img:first-child{height:306px;grid-row:span 2}.social-view-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.social-view-meta span{padding:7px 9px;border-radius:9px;background:#17222c;color:#aeb9c3;font-size:8px}.social-view-section{margin-top:17px;padding-top:15px;border-top:1px solid #2b3844}.social-view-section>small{display:block;color:var(--green);font-size:8px;letter-spacing:.12em;margin-bottom:7px}.social-view-section>p{white-space:pre-line;color:#b3bdc6;font-size:11px;line-height:1.6}.steps-view{display:grid;gap:9px}.step-view{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:11px;border:1px solid #2b3945;border-radius:12px;background:#0b131a}.step-view>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#1b2933;color:var(--green);font-weight:900}.step-view strong{display:block;font-size:10px}.step-view p{margin:3px 0 0;color:#8d9aa5;font-size:9px;white-space:pre-line}.comments-list{display:grid;gap:8px}.comment-item{padding:11px;border:1px solid #2a3743;border-radius:12px;background:#0b1218}.comment-item.question{border-left:3px solid var(--amber)}.comment-item.author-answer{border-left:3px solid var(--green)}.comment-item strong{font-size:9px}.comment-item small{color:#76838e;font-size:7px;margin-left:5px}.comment-item p{font-size:9px;color:#aab5be;margin:5px 0 0;white-space:pre-line}.comment-form{display:grid;grid-template-columns:120px 1fr auto;gap:8px;margin-top:10px}.comment-form select,.comment-form input{border:1px solid #32404d;border-radius:10px;background:#091017;color:#fff;padding:10px;font-size:9px}.comment-form button{border:0;border-radius:10px;background:var(--green);color:#071008;font-weight:900;padding:0 13px;cursor:pointer}.view-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.view-actions button,.view-actions a{border:1px solid #34434f;border-radius:10px;background:#141f28;color:#fff;padding:9px 11px;font-size:9px;cursor:pointer}.view-actions .primary{background:var(--green);border-color:var(--green);color:#071008;font-weight:900}
@media(max-width:1180px){.social-shell{grid-template-columns:220px minmax(0,1fr)}.social-ranking{grid-column:1/-1;position:static}.ranking-list{grid-template-columns:repeat(3,1fr)}.ranking-explain{grid-column:1/-1}}
@media(max-width:900px){.header-account{display:none}.social-shell{grid-template-columns:1fr}.social-sidebar{position:static}.social-account-card{order:1}.social-main{order:2}.social-ranking{order:3}.ranking-list{grid-template-columns:1fr 1fr}.services-directory{grid-template-columns:1fr}.profile-stats{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.social-title{display:block}.social-title .hub-actions{margin-top:17px}.social-tabs{padding:6px}.social-tab-panel{padding:13px}.social-feed-head,.services-directory-head,.moderation-head{display:block}.social-feed-head select,.services-directory-head .btn,.moderation-head .btn{margin-top:10px}.social-post-media{display:block}.social-post-media .media-side{display:none}.social-post h3{font-size:18px}.ranking-list{grid-template-columns:1fr}.profile-identity{grid-template-columns:54px 1fr}.profile-identity>.btn{grid-column:1/-1}.profile-form .form-grid{grid-template-columns:1fr}.photo-preview-grid{grid-template-columns:1fr 1fr}.social-part-row{grid-template-columns:1fr 1fr}.social-part-row input:nth-child(3){grid-column:1/-1}.view-gallery{grid-template-columns:1fr 1fr}.view-gallery img,.view-gallery img:first-child{height:150px;grid-row:auto}.view-gallery img:first-child{grid-column:1/-1;height:230px}.comment-form{grid-template-columns:1fr}.comment-form button{min-height:40px}.social-step-row{grid-template-columns:32px 1fr}.social-step-remove{grid-column:2;justify-self:end}.social-editor-head{align-items:flex-start}.social-editor-head button,.photo-upload-button{white-space:nowrap}}

.vehicle-profile-link{border:0;background:transparent;color:inherit;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(104,255,112,.35);text-underline-offset:3px}.social-post-vehicle .vehicle-profile-link{padding:7px 9px;border:1px solid rgba(104,255,112,.22);border-radius:9px;background:rgba(104,255,112,.06);color:#dffff0;text-decoration:none}.service-open-button{border:1px solid #34434f;border-radius:9px;background:#151f27;color:#fff;padding:8px 10px;font-size:9px;cursor:pointer}.vehicle-profile-hero,.service-profile-hero{display:grid;grid-template-columns:76px 1fr;gap:15px;align-items:center;padding:16px;border:1px solid #2c3945;border-radius:15px;background:#0b131a}.vehicle-profile-icon,.service-profile-icon{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:#1a2832;color:var(--green);font-size:28px;font-weight:900}.profile-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.profile-facts span{padding:7px 9px;border-radius:9px;background:#17232c;color:#abb6bf;font-size:9px}.vehicle-related-posts{display:grid;gap:8px;margin-top:14px}.vehicle-related-posts button{display:grid;grid-template-columns:1fr auto;gap:12px;text-align:left;border:1px solid #2c3945;border-radius:12px;background:#0b131a;color:#fff;padding:12px;cursor:pointer}.vehicle-related-posts strong{font-size:10px}.vehicle-related-posts small{display:block;color:#82909b;font-size:8px;margin-top:4px}.vehicle-related-posts b{color:var(--green)}.service-profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.service-profile-actions a{border:1px solid #34434f;border-radius:10px;background:#15202a;color:#fff;padding:10px 12px;text-decoration:none;font-size:9px}.service-profile-actions a.primary{background:var(--green);border-color:var(--green);color:#061007;font-weight:900}@media(max-width:620px){.vehicle-profile-hero,.service-profile-hero{grid-template-columns:58px 1fr}.vehicle-profile-icon,.service-profile-icon{width:56px;height:56px;border-radius:15px;font-size:21px}}

.appeal-button{border:1px solid rgba(255,190,90,.35);border-radius:8px;background:rgba(255,190,90,.08);color:#ffd083;padding:6px 8px;font-size:8px;cursor:pointer;margin-left:8px}.my-post-row-actions{display:flex;align-items:center;gap:5px}