/* Shared presentation labels. File-format and backend versions stay unchanged. */
.release-badges{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;white-space:nowrap;font-family:Arial,sans-serif;font-style:normal;font-weight:700;font-size:10px;line-height:1;letter-spacing:1px}
.release-badges>span{display:inline-block;padding:5px 7px;border:1px solid #665126;border-radius:5px}
.release-badges .release-version{background:#d5ac4d;color:#10100c;border-color:#d5ac4d}
.release-badges .release-beta{background:#d5ac4d0d;color:#edc96d}
.tool-card>.release-badges{position:relative;z-index:2;margin:0 0 12px;align-self:flex-start}
.tool-card h4{margin-bottom:10px}
.suite-beta-note{max-width:680px!important;margin:16px auto 0!important;font-size:13px!important;line-height:1.7!important;color:#a7a196!important}
.suite-tool-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
.suite-tool-heading strong{font-size:15px;letter-spacing:0}
.suite-back{margin-left:auto;color:#e5bd5b;text-decoration:none;font-size:12px;white-space:nowrap}
header .release-badges{margin-left:6px}
header #vehicleAccount{font-size:11px;line-height:1.5;max-width:200px}
.suite-coming-soon small{font-size:11px;letter-spacing:2px;color:#d5ac4d}
.suite-coming-soon p{max-width:680px;color:#aaa69d;line-height:1.8}
.suite-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:left;margin-top:28px}
.suite-help-grid article{padding:22px;border:1px solid #3b321c;background:#10100f;border-radius:14px}
.suite-help-grid h4{margin:0 0 10px;font-size:17px;color:#edc96d}
.suite-help-grid p{margin:0;font-size:14px;line-height:1.75}
.tool-access-panel>.release-badges{margin:0 0 16px}
.tool-access-panel p{line-height:1.7}
.membership-card .btn,.credit-card .btn{white-space:normal;line-height:1.4}
.suite-features{padding:70px max(6%,calc((100% - 1200px)/2));border-block:1px solid #3a301c;background:radial-gradient(ellipse at 50% 0,#47321120,transparent 65%),#0b0b09}
.suite-features__intro{max-width:660px;margin-bottom:36px}
.suite-features__intro>small{color:#e5ba51;font-size:11px;letter-spacing:3px}
.suite-features__intro h1{font-size:clamp(30px,3.6vw,48px);line-height:1.15;letter-spacing:-1px;margin:16px 0}
.suite-features__intro>p{color:#a7a399;font-size:15px;line-height:1.8;margin:0}
.suite-features__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.suite-feature{padding:26px;border:1px solid #3b321e;border-radius:16px;background:linear-gradient(145deg,#18160f70,#0d0e0b);display:flex;flex-direction:column;min-width:0}
.suite-feature__top{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.suite-feature__top svg{width:37px;height:37px;flex-shrink:0;padding:7px;box-sizing:content-box;background:#ddb8490a;border:1px solid #6f57284d;border-radius:12px;fill:none;stroke:#e5ba51;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.suite-feature__top>span{font-size:9px;letter-spacing:1.6px;color:#b5a580;line-height:1.7}
.suite-feature h2{font-size:19px;line-height:1.35;color:#f2eee4;margin:0 0 12px}
.suite-feature p{font-size:14px;line-height:1.8;color:#a7a399;margin:0 0 24px}
.suite-feature__detail{display:block;margin-top:auto;padding-top:15px;border-top:1px solid #42361f88;color:#cfaf61;font-size:11px;line-height:1.6}
.suite-features__footer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:30px;padding-top:28px;border-top:1px solid #3b321e}
.suite-features__footer strong{font-size:15px;color:#e7d4a3}
.suite-features__footer p{font-size:13px;color:#99968b;line-height:1.7;margin:8px 0 0}
.suite-features__footer a{display:inline-flex;align-items:center;gap:20px;flex-shrink:0;padding:13px 18px;border:1px solid #85662e;border-radius:9px;color:#edc96d;text-decoration:none;font-size:13px;font-weight:600}
.suite-features__footer a:hover{background:#c3952520;border-color:#e2b94f}
.suite-features__footer a:focus-visible{outline:2px solid #edc96d;outline-offset:4px}
.suite-guide-page{background:#0b0b09}
.suite-guide-page .suite-features{border-top:0;padding-top:28px}
.suite-guide-page .suite-features__intro{max-width:760px;margin-bottom:40px}
.suite-guide-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:32px max(6%,calc((100% - 1200px)/2)) 0;color:#8c8779;font-size:12px}
.suite-guide-breadcrumb a{color:#cfaf61;text-decoration:none}
.suite-guide-breadcrumb a:hover{color:#ffe1a0}
.suite-guide-breadcrumb a:focus-visible{outline:2px solid #edc96d;outline-offset:5px}
.suite-guide-link{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px max(6%,calc((100% - 1200px)/2));border-block:1px solid #3a301c;background:#0e0e0b}
.suite-guide-link small{color:#cfaf61;font-size:10px;letter-spacing:2.5px}
.suite-guide-link h3{font-size:24px;line-height:1.3;margin:10px 0}
.suite-guide-link p{font-size:14px;line-height:1.7;color:#a7a399;margin:0}
.suite-guide-link>a{display:inline-flex;gap:22px;align-items:center;flex-shrink:0;padding:14px 20px;border:1px solid #85662e;border-radius:9px;color:#edc96d;text-decoration:none;font-size:14px;font-weight:600}
.suite-guide-link>a:hover{background:#c3952520;border-color:#e2b94f}
.suite-guide-link>a:focus-visible{outline:2px solid #edc96d;outline-offset:4px}
@media(min-width:851px) and (max-width:1200px){.suite-store>header{padding-inline:3%;gap:18px}.suite-store>header nav{gap:16px}.suite-store>header nav a{font-size:12px}}
@media(max-width:1000px){.suite-features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .suite-features{padding:44px 6%}
  .suite-features__intro{margin-bottom:26px}
  .suite-features__grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .suite-feature{padding:23px}
  .suite-feature__top{margin-bottom:16px}
  .suite-features__footer{align-items:flex-start;flex-direction:column;gap:22px}
  .suite-guide-link{flex-direction:column;align-items:flex-start;gap:22px;padding:30px 6%}
  .suite-guide-breadcrumb{font-size:11px;padding-top:24px;gap:12px}
}
@media(max-width:850px){
  .suite-store>header,.vd-profile-page>header{height:auto;min-height:74px;flex-wrap:wrap;padding:8px 5%;gap:10px}
  .suite-store>header .brand,.vd-profile-page>header .brand{margin-right:auto}
  .suite-store>header .user{display:flex;align-items:center;max-width:160px;font-size:12px;padding:8px}
  .suite-store>header .user .admin-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .suite-store>header nav,.vd-profile-page>header nav{display:flex;order:5;width:100%;gap:20px;overflow-x:auto;padding:6px 0 8px;white-space:nowrap}
  .suite-store>header nav,.vd-profile-page>header nav{scrollbar-width:thin;scrollbar-color:#665126 #11110d}
  .suite-store>header nav::-webkit-scrollbar,.vd-profile-page>header nav::-webkit-scrollbar{height:3px;background:#11110d}
  .suite-store>header nav::-webkit-scrollbar-thumb,.vd-profile-page>header nav::-webkit-scrollbar-thumb{background:#665126;border-radius:4px}
  .suite-store>header nav a,.vd-profile-page>header nav a{font-size:12px}
  .suite-store>header #vd-language-wrap,.vd-profile-page>header #vd-language-wrap{margin:0}
  .suite-store>header #vd-language,.vd-profile-page>header #vd-language{max-width:110px;padding:7px;font-size:10px}
}
@media(max-width:1000px){
  .suite-vehicle-editor header{gap:10px}
  .suite-vehicle-editor .suite-tool-heading{gap:5px}
  .suite-vehicle-editor header #vehicleAccount{max-width:140px}
}
@media(max-width:700px){
  .suite-clothing-editor header svg{width:70px;height:45px}
  .suite-clothing-editor header .back,.suite-collision-editor header .back{white-space:nowrap}
  .suite-vehicle-editor header .suite-tool-heading{flex:1 1 calc(100% - 90px)}
  .suite-vehicle-editor header #vehicleAccount{flex:1 1 100%;max-width:none;order:2;margin-left:0!important}
  .suite-vehicle-editor header>a[href="/profile.html"]{order:3}
  .suite-vehicle-editor header .suite-back{order:4}
  .suite-vehicle-editor header #vd-language-wrap{order:5}
  .suite-help-grid{grid-template-columns:1fr;gap:12px}
  .suite-chain-editor header,.suite-vehicle-editor header{height:auto;min-height:96px;flex-wrap:wrap;padding:10px 14px;gap:8px}
  .suite-chain-editor header .vd-brand-image,.suite-vehicle-editor header .vd-brand-image{width:68px!important;max-height:42px!important}
  .suite-chain-editor .app,.suite-vehicle-editor .app{height:auto;grid-template-columns:minmax(0,1fr)}
  .suite-chain-editor,.suite-vehicle-editor{overflow:auto}
  .suite-chain-editor #view,.suite-vehicle-editor #viewer{min-height:65vh}
  .suite-chain-editor .toolbar{flex-wrap:wrap;justify-content:center;width:95%;bottom:40px}
  .suite-vehicle-editor .toolbar{flex-wrap:wrap}
  .suite-tool-heading{flex:1}
  .suite-tool-heading strong{font-size:13px}
  .release-badges{font-size:9px;letter-spacing:.6px}
  header .release-badges{margin-left:0}
}