/* AutoNetwork 1.0 — presentation only. Original handlers, IDs and routes are preserved. */
:root {--header_height:56px;--header_background:#071524;--header_border_bottom:1px solid #193952;--header_search_box_background:#142d46;--header_button_hover_background_color:#1a3e59;--button_primary_color:#007dce!important;--button_primary_hover_color:#00a4ec;--button_border_radius:9px;--card_border_radius:14px;--default_border_radius:10px;--side_menu_border_radius:10px;--main_page_background:#0a1929;--header_logo:url(/img/autonetwork-logo.png);--header_logo_width:186px;--header_logo_height:37px}
body{font-family:Inter,'Open Sans',Arial,sans-serif}.top-header{background:#071524!important;border-bottom:1px solid #23415c!important;box-shadow:0 4px 22px rgba(3,13,27,.15)}.top-header .container{min-height:56px}.top-header .header-brand-img{background-size:contain;background-position:center left;background-repeat:no-repeat}.top-header .logo{min-width:188px}.top-header .navbar-form input{background:#142d46!important;color:#f7fbff!important;border-radius:10px!important;border:1px solid #29465d!important;padding-left:16px}.top-header .navbar-form input::placeholder{color:#a3bcd0!important}
.card,.preview-block,.container-login100 .wrap-login100{border-radius:14px!important}.sidebar-container .custom-item-link,.sidebar-container .custom-item-link-container{border-radius:10px}.sidebar-container .item-selected .custom-item-link{border-left:3px solid #1fb5fa}.sidebar-container .item-icon{color:#279ddd}.button.primary,.submit-button.button.primary{background:#087fcb!important;border-color:#087fcb!important;border-radius:10px!important}.button.primary:hover{background:#13a9ed!important}a{transition:color .16s ease,background .16s ease}
.an-sidebar-shell{margin:6px 0 0;padding:14px 12px 16px;border:1px solid rgba(46,144,199,.24);border-radius:18px;background:linear-gradient(180deg,rgba(10,30,49,.92) 0%,rgba(8,21,36,.98) 100%);box-shadow:0 18px 42px rgba(0,8,18,.18)}.an-menu-section{margin:0 0 10px;padding:0 0 12px;border:0;border-bottom:1px solid rgba(46,144,199,.18);border-radius:0;background:none}.an-menu-kicker{display:block;margin:0 0 9px;color:#21aaf1;font-weight:800;letter-spacing:2px;font-size:10px}.an-quick-link{display:flex;align-items:center;gap:10px;padding:10px 8px;margin:2px 0;color:var(--text_primary,#dfeaf6);font-size:13px;border-radius:8px;text-decoration:none!important}.an-quick-link i{width:17px;text-align:center;color:#2caeea}.an-quick-link small{margin-left:auto;font-size:10px;opacity:.65}.an-quick-link:hover{background:rgba(27,155,224,.15);color:#1e9fee}.an-sidebar-shell .item-list{margin-bottom:0!important}.an-sidebar-shell .item-list ul{margin-bottom:0}.an-sidebar-shell .custom-item-link{border-radius:10px;padding-right:10px}.an-sidebar-shell .separator{height:1px;margin:10px 4px;background:linear-gradient(90deg,rgba(46,144,199,0),rgba(46,144,199,.24),rgba(46,144,199,0))}.an-sidebar-shell .theme-block{margin-top:4px}.an-sidebar-shell .theme-block .separator{margin-top:12px}.an-sidebar-shell .footer-list{margin-top:12px;padding-top:12px;border-top:1px solid rgba(46,144,199,.18)}.an-sidebar-shell .footer-list .menu-nav{display:inline-block;margin:0 10px 8px 0}.an-sidebar-shell .footer-list .copyright{display:block;margin-top:4px;opacity:.78}
.an-landing-hero{width:100%;max-width:1080px;margin:32px auto 16px;padding:40px 44px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:radial-gradient(circle at 76% 40%,#113e65 0%,#091c30 39%,#071524 83%);color:white;border:1px solid #244860;box-shadow:0 20px 50px rgba(0,15,29,.22);border-radius:22px;overflow:hidden}.an-hero-copy{flex:1;max-width:650px}.an-eyebrow{color:#50ccff;letter-spacing:2px;font-size:11px;font-weight:800}.an-landing-hero h1{font-size:clamp(35px,5vw,62px);font-weight:900;letter-spacing:-2px;color:white;margin:12px 0}.an-landing-hero h1 span{color:#33c9ff}.an-landing-hero p{max-width:560px;font-size:17px;color:#c3d7e6;line-height:1.7}.an-hero-mark img{width:230px;height:230px;object-fit:cover;border-radius:26px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.an-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.an-hero-actions a{padding:13px 19px;border-radius:10px;font-weight:700;text-decoration:none}.an-hero-primary{color:#fff!important;background:#058cdb}.an-hero-outline{color:#d5edff!important;border:1px solid #3f6e8c}.an-landing-cards{max-width:1080px;margin:0 auto 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.an-landing-cards a{display:flex;flex-direction:column;gap:8px;padding:22px 24px;border:1px solid var(--separator_alternate,#d5dfe8);background:var(--common_page_background,#fff);border-radius:15px;text-decoration:none}.an-landing-cards a i{font-size:23px;color:#058cdb}.an-landing-cards b{font-size:17px;color:var(--text_title,#23364b)}.an-landing-cards span{font-size:13px;color:var(--text_sub_title,#7f93a5)}
@media(max-width:767px){:root{--header_logo_width:142px;--header_logo_height:29px}.top-header .logo{min-width:144px}.an-sidebar-shell{padding:12px 10px 14px}.an-landing-hero{margin:12px 12px 18px;width:calc(100% - 24px);padding:27px 23px;display:block}.an-hero-mark{display:none}.an-landing-cards{margin:0 12px 22px;grid-template-columns:1fr}.an-landing-cards a{padding:17px}.an-landing-hero p{font-size:15px}}

/* AutoNetwork v4: right search menu */
.an-right-column .an-right-card{background:linear-gradient(180deg,rgba(10,30,49,.92) 0%,rgba(8,21,36,.98) 100%)!important;border:1px solid rgba(46,144,199,.24)!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(0,8,18,.18);overflow:hidden}
.an-right-column .an-right-card + .an-right-card{margin-top:18px}
.an-right-card-header{padding:14px 16px 10px;border-bottom:1px solid rgba(46,144,199,.18)}
.an-right-card-header h4{margin:0;color:var(--text_primary,#e6f1fb);font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}
.an-right-kicker{display:block;margin:0 0 8px;color:#21aaf1;font-weight:800;letter-spacing:2px;font-size:10px;text-transform:uppercase}
.an-right-menu{padding:10px}
.an-right-menu .ls-menu-item{display:flex;align-items:center;gap:10px;padding:11px 12px;margin:4px 0;border-radius:10px;color:var(--text_primary,#dfeaf6)!important;text-decoration:none!important;background:transparent;transition:all .18s ease}
.an-right-menu .ls-menu-item i{width:16px;text-align:center;color:#2caeea;opacity:.95}
.an-right-menu .ls-menu-item:hover{background:rgba(27,155,224,.15);color:#1e9fee!important;transform:translateX(2px)}
.an-right-menu .ls-menu-item.ls-menu-item-selected{background:linear-gradient(90deg,rgba(27,155,224,.26),rgba(27,155,224,.09));color:#fff!important;box-shadow:inset 3px 0 0 #1fb5fa}
.an-right-filters .card-body{padding:10px 12px 12px!important}
.an-right-filters .search-filters{display:flex;flex-direction:column;gap:10px}
.an-right-filters .filter-container{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(46,144,199,.16)}
.an-right-filters .filter-container h5{margin:0;color:var(--text_primary,#dfeaf6);font-size:15px;font-weight:600;line-height:1.25}
.an-right-filters .switch-container{display:flex;align-items:center;justify-content:flex-end;min-width:52px}
.an-right-filters .an-filter-select-wrap{display:block}
.an-right-filters .an-filter-select-wrap h5{margin-bottom:10px}
.an-right-filters .an-filter-select{width:100%!important;max-width:100%;margin:0!important;padding:10px 12px;border-radius:10px;border:1px solid rgba(46,144,199,.24);background:rgba(8,21,36,.9);color:var(--text_primary,#dfeaf6);outline:none}
.an-right-filters .an-filter-select:focus{border-color:#1fb5fa;box-shadow:0 0 0 2px rgba(31,181,250,.12)}
@media(max-width:991px){.an-right-column{margin-top:18px}.an-right-column .an-right-card{margin-bottom:18px}}


/* ======================================================================
   AutoNetwork v5 – consistent public theme across news, discussions,
   community pages, car market, member profiles, forms and search.
   Presentation only: no routing, JS event handler, or API changes.
   ====================================================================== */
:root{
  --an-accent:#1598e6;--an-accent-bright:#35c7ff;
  --an-radius:16px;--an-line:rgba(55,152,211,.20);
  --an-shadow:0 12px 30px rgba(0,9,24,.12);
}
body:not(.fix-header){--an-surface:var(--common_page_background,#fff);--an-heading:var(--text_primary,#26374a);--an-muted:var(--text_sub_title,#718299);}
body:not(.fix-header) .content-page{padding-top:14px;}
body:not(.fix-header) .main-content,
body:not(.fix-header) .sn-content{min-width:0;}
/* Make components obey the shared automotive design system */
body:not(.fix-header) :is(.card,.preview-block,.profile-content,.post-item,.post-card,.market-item,.product-item,.group-item,.community-item,.modal-content,.dropdown-menu,.standard-page,.page-title-content){border-radius:var(--an-radius)!important;}
body:not(.fix-header) :is(.card,.preview-block,.modal-content,.dropdown-menu){box-shadow:var(--an-shadow);}
body:not(.fix-header) :is(.card:not(.bg-transparent),.preview-block:not(.bg-transparent)){
  border:1px solid var(--an-line)!important;
}
body:not(.fix-header) :is(.card-header,.top-banner,.card-footer){border-color:var(--an-line)!important;}
body:not(.fix-header) :is(.card-title,.page-title-content-inner,.section-title,.modal-title){font-weight:750;letter-spacing:-.02em;}
body:not(.fix-header) :is(.card-header,.card-body,.card-footer){min-width:0;}
/* Headings and card headers with subtle automotive accents */
body:not(.fix-header) .main-content > .card > .card-header,
body:not(.fix-header) .sn-content .card-header{
  position:relative;
}
body:not(.fix-header) :is(.post-card,.post-item,.group-item,.community-item,.product-item,.market-item,.grid-list .card){
  transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;
}
@media (hover:hover){
  body:not(.fix-header) :is(.post-card,.post-item,.group-item,.community-item,.product-item,.market-item,.grid-list .card):hover{
    border-color:rgba(27,155,224,.40)!important;box-shadow:0 15px 30px rgba(0,22,42,.14);
  }
}
/* Public posts, timeline, listings, market & search are harmonious */
body:is(.page-wall,.page-stream,.page-popular,.page-favorites,.page-profile,.page-search,.page-search-groups,.page-groups,.page-gallery,.cards-page,.settings-page) :is(.main-content > .card,.sn-content .main-content > .card){
  margin-bottom:16px;
}
body:not(.fix-header) :is(.card-search-box,.search-box,.search-form,.search-editbox-line){border-color:var(--an-line);}
body:not(.fix-header) :is(.search-editbox-line,.search-box){border-radius:12px;}
body:not(.fix-header) :is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=url],textarea,select){
  max-width:100%;border-radius:10px;transition:border-color .18s ease,box-shadow .18s ease;
}
body:not(.fix-header) :is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=url],textarea,select):focus{
  border-color:var(--an-accent)!important;box-shadow:0 0 0 3px rgba(21,152,230,.13)!important;outline:none;
}
body:not(.fix-header) :is(.button,.btn,.submit-button,input[type=submit],button[type=submit]){
  border-radius:10px;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease;
}
body:not(.fix-header) :is(.button.primary,.btn-primary,button.primary,button[type=submit].button){
  background:#0788d7!important;border-color:#0788d7!important;color:#fff!important;
}
body:not(.fix-header) :is(.button.primary,.btn-primary,button.primary,button[type=submit].button):hover{
  background:#0ba5ed!important;border-color:#0ba5ed!important;box-shadow:0 8px 20px rgba(9,140,212,.2);
}
body:not(.fix-header) :is(.badge-primary,.badge-info){background:#0788d7!important;color:#fff!important;}
body:not(.fix-header) :is(.user-badge,.iconfont,.custom-item-link .item-icon) {transition:color .2s ease;}
/* Tabs, secondary navigation, profile actions and right-side menus */
body:not(.fix-header) :is(.nav-tabs,.sub-nav,.tabbed-content,.profile-nav,.profile-menu){border-color:var(--an-line)!important;}
body:not(.fix-header) :is(.nav-tabs .active,.nav-link.active,.tab-link.active,.ls-menu-item-selected){border-color:var(--an-accent)!important;}
body:not(.fix-header) :is(.sidebar-right-menu .card,.sidebar-block .card){overflow:hidden;}
body:not(.fix-header) :is(.sidebar-right-menu .card-header,.sidebar-block .card-header){background:linear-gradient(90deg,rgba(21,152,230,.08),transparent);}
body:not(.fix-header) .sidebar-right-menu:not(.an-right-column) .ls-menu-item{
  border-radius:10px;margin:4px 7px;padding:10px 12px;
}
body:not(.fix-header) .sidebar-right-menu:not(.an-right-column) .ls-menu-item:hover{background:rgba(21,152,230,.10);}
/* Member profile / community / gallery / marketplace */
body:not(.fix-header) :is(.user-profile .profile-content,.page-group .profile-content,.profile-content .section){border-color:var(--an-line)!important;}
body:not(.fix-header) :is(.grid-list img,.market-item img,.product-item img,.gallery-listings img){border-radius:10px;}
body:not(.fix-header) :is(.avatar,.profile-photo-avatar){box-shadow:0 0 0 2px rgba(21,152,230,.15);}
body:not(.fix-header) :is(.nav-header,.sub-nav,.group-info,.user-info){border-color:var(--an-line)!important;}
/* Search result grids should remain responsive and have readable spacing */
body:not(.fix-header) .grid-list{row-gap:12px;}
body:not(.fix-header) .grid-list > [class*=col-]{min-width:0;}
body:not(.fix-header) .empty-card{padding:24px 12px;}
/* Dialogs & forms */
body:not(.fix-header) .modal-content{overflow:hidden;border:1px solid var(--an-line)!important;}
body:not(.fix-header) .modal-header{border-bottom:1px solid var(--an-line);}
body:not(.fix-header) .modal-footer{border-top:1px solid var(--an-line);}
/* Dark theme refinements: only apply when night mode is selected */
html:has(#theme-css[href*="root-night.css"]) body:not(.fix-header){--an-surface:#22272d;--an-heading:#eef5fc;--an-muted:#a7b9ca;--an-line:rgba(59,150,209,.21);}
html:has(#theme-css[href*="root-night.css"]) body:not(.fix-header) :is(.card:not(.bg-transparent),.preview-block:not(.bg-transparent)){
  background-image:linear-gradient(170deg,rgba(27,61,86,.055),transparent 72%);
}
/* v5 right-column restyling also on non-search pages */
body:not(.fix-header) .sidebar-right-menu :is(.card-sidebar-menu,.preview-block){border-radius:16px!important;}
body:not(.fix-header) .sidebar-right-menu :is(.card-sidebar-menu,.preview-block) + :is(.card-sidebar-menu,.preview-block){margin-top:14px;}
@media(max-width:991px){
  body:not(.fix-header) .content-page{padding-top:8px;}
  body:not(.fix-header) .sidebar-right-menu{margin-bottom:12px;}
}
@media(max-width:575px){
  body:not(.fix-header) :is(.card-header,.card-body){word-break:normal;}
  body:not(.fix-header) .an-landing-hero{border-radius:16px;}
}

/* v6 — unified navigation without duplicate quick links */
.an-sidebar-shell{padding-top:15px}
.an-sidebar-shell>.item-list:first-child::before{content:"AUTONETWORK";display:block;padding:0 7px 10px;color:#28b8f7;font-size:10px;font-weight:800;letter-spacing:2px}
/* v6 — search controls: contain their content within the right column */
.an-right-column,.an-right-column *{box-sizing:border-box}
.an-right-column .an-right-card{overflow:visible!important;min-width:0}
.an-right-column .an-right-filters .card-body{overflow:visible!important}
.an-right-column .an-right-filters .search-filters{min-width:0;gap:10px}
.an-right-column .an-right-filters .filter-container{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;align-items:center!important;gap:8px!important;padding:12px 9px!important;min-width:0!important;overflow:visible!important}
.an-right-column .an-right-filters .filter-container h5{min-width:0!important;overflow-wrap:anywhere;line-height:1.3;font-size:13px!important}
.an-right-column .an-right-filters .filter-container .switch-container{width:42px!important;min-width:0!important;justify-self:end!important;display:flex!important;justify-content:center!important;overflow:visible!important}
.an-right-column .an-right-filters .filter-container .switch{flex:none!important;margin:0!important;transform:scale(.83);transform-origin:center!important}
.an-right-column .an-right-filters .an-filter-select-wrap{display:block!important}
.an-right-column .an-right-filters .an-filter-select-wrap h5{margin:0 0 10px!important}
.an-right-column .an-right-filters .an-filter-select-wrap select{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
/* v6 — top-right account menu / settings */
.top-header .dropdown-menu.dropdown-menu-right{min-width:220px;padding:9px!important;background:#0a1b2d!important;color:#e7f4ff!important;border:1px solid rgba(45,162,230,.34)!important;border-radius:14px!important;box-shadow:0 18px 36px rgba(0,0,0,.35)!important;z-index:1080}
.top-header .dropdown-menu .dropdown-item{display:flex!important;align-items:center;gap:9px;border-radius:9px!important;padding:11px 12px!important;margin:2px 0!important;color:#dcebf8!important;font-size:13px;white-space:normal;line-height:1.25}
.top-header .dropdown-menu .dropdown-item:hover,.top-header .dropdown-menu .dropdown-item:focus{background:rgba(18,144,216,.23)!important;color:#fff!important}
.top-header .dropdown-menu .dropdown-icon{color:#33bbff!important;margin:0!important;min-width:17px!important;font-size:16px!important}
.top-header .dropdown-menu .dropdown-divider{border-top:1px solid rgba(49,154,216,.22)!important;margin:7px 3px!important}
.top-header .dropdown-menu .dropdown-menu-arrow::before,.top-header .dropdown-menu .dropdown-menu-arrow::after{border-bottom-color:#0a1b2d!important}
.top-header .profile-menu-nav-link .text-default{color:#e6f3ff!important}
/* v6 — consistent spacing in account settings pages and their secondary navigation */
body:not(.fix-header) :is(.page-settings,.page-account-settings,.page-profile-settings) .card{border-radius:15px!important}
body:not(.fix-header) :is(.page-settings,.page-account-settings,.page-profile-settings) .card-header{border-bottom:1px solid rgba(55,153,210,.15)}