/* Code Vertex Elite mobile parity release / 2026-09-26.
   Touch-first companion to the desktop enhancement. */
.cvem-header-cta,.cvem-preview-controls,.cvem-project-summary{display:none}
@media(max-width:1024px){
  /* Screens below desktop use a compact but complete flagship media experience. */
  .cvem-preview-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#141e29;padding:8px 10px 10px;border-top:1px solid #ffffff20}
  .cvem-preview-controls button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:10px 4px;border:1px solid #ffffff35;border-radius:9px;background:#ffffff0c;color:#dce5eb;font:770 12px/1.15 Inter,system-ui,sans-serif;transition:background-color .18s,color .18s,border-color .18s}
  .cvem-preview-controls button[aria-pressed=true]{background:#f4f6f7;color:#15212d;border-color:#f4f6f7}
  .cvem-preview-controls button:not([aria-pressed=true]):active{background:#ffffff2b}
  .cvem-preview-controls button:focus-visible{outline:3px solid #fb6d79;outline-offset:2px}
  .cve-featured__visual.cvem-preview--desktop,.cve-featured__visual.cvem-preview--mobile{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 28%,#4c5c70 0%,#182330 70%,#121a24 100%)}
  .cve-featured__card--diamond .cve-featured__visual.cvem-preview--desktop,.cve-featured__card--diamond .cve-featured__visual.cvem-preview--mobile{background:radial-gradient(circle at 50% 28%,#685768 0%,#20232c 72%,#14161b 100%)}
  .cve-featured__visual.cvem-preview--desktop img{position:absolute;inset:35px 9px 9px;width:calc(100% - 18px);height:calc(100% - 44px);object-fit:contain;object-position:center top;border-radius:6px;transform:none!important;filter:drop-shadow(0 9px 15px #0009)}
  .cve-featured__visual.cvem-preview--mobile img{position:absolute;left:50%;top:27px;width:auto;max-width:55%;height:calc(100% - 35px);object-fit:contain;object-position:top;transform:translateX(-50%)!important;border:3px solid #e9edf0;border-radius:11px;box-shadow:0 13px 24px #0008}
  .cve-featured__visual.cvem-preview--desktop .cve-featured__visual-tag,.cve-featured__visual.cvem-preview--mobile .cve-featured__visual-tag{display:none}
  .cve-featured__visual.cvem-preview--desktop .cve-featured__browser,.cve-featured__visual.cvem-preview--mobile .cve-featured__browser{top:8px;left:9px;right:9px;z-index:3;padding:5px 9px;border-radius:7px;background:#182332d6}
  .cve-featured__visual.cvem-preview--desktop .cve-featured__browser,.cve-featured__visual.cvem-preview--mobile .cve-featured__browser{font-size:10px}
  /* Real client/project status on mobile, not a scaled-down desktop dashboard. */
  .op-page .cved-dashboard{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:18px 0 7px}
  .op-page .cved-dashboard__main,.op-page .cved-dashboard__side{background:#fff;border:1px solid #e0e5e8;border-radius:18px;padding:20px;min-width:0;box-shadow:0 11px 28px #0b15220a}
  .op-page .cved-dashboard__eyebrow{font-size:10px;font-weight:830;letter-spacing:.15em;text-transform:uppercase;color:#cf3140}
  .op-page .cved-dashboard h2{font-size:clamp(21px,5.7vw,27px);line-height:1.17;letter-spacing:-.045em;margin:10px 0}
  .op-page .cved-dashboard p{color:#65727d;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
  .op-page .cved-dashboard__track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:18px 0 14px}
  .op-page .cved-dashboard__phase{min-width:0;font-size:9px;color:#65737f;font-weight:680;line-height:1.2;overflow-wrap:anywhere}
  .op-page .cved-dashboard__phase:before{content:"";display:block;width:100%;height:6px;margin-bottom:8px;border-radius:9px;background:#e0e6e9}
  .op-page .cved-dashboard__phase[data-complete=true]:before{background:#ed3546}
  .op-page .cved-dashboard__phase[data-active=true]:before{background:#1b2a35}
  .op-page .cved-dashboard__phase[data-active=true]{color:#1b2733;font-weight:830}
  .op-page .cved-dashboard__action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid #e6ecee}
  .op-page .cved-dashboard__action span{font-size:12px;color:#64727e}
  .op-page .cved-dashboard__action button{min-height:44px}
  .op-page .cved-dashboard__side .cved-dashboard__aside-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e9ecee;color:#52616c;font-size:12px}
  .op-page .cved-dashboard__side .cved-dashboard__aside-row b{color:#192733;font-size:19px;line-height:1.1;font-weight:810}
  .op-page .cved-dashboard__side .cved-dashboard__aside-row:last-of-type{border:0}
  .op-page .cved-dashboard__side .op-btn{margin-top:13px;min-height:44px}
  .op-page .op-mainview .op-grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .op-page .op-mainview .op-metric{min-width:0;padding:17px;border-radius:15px}
  .op-page .op-mainview .op-metric small{font-size:11px;line-height:1.35}
  .op-page .op-mainview .op-metric strong{font-size:clamp(24px,7vw,32px)}
  .op-page .op-mainview .op-viewhead{margin-bottom:16px}
  /* Mobile brief progress and a compact, opt-in summary before the long form. */
  .cx-page--estimate .cvem-project-summary{display:block;background:#192532;color:#f6f8f9;border:1px solid #34414f;border-radius:13px;margin:12px 0 20px;overflow:hidden}
  .cx-page--estimate .cvem-project-summary button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:9px;padding:13px 14px;border:0;background:transparent;color:inherit;font:760 12px/1.3 Inter,system-ui,sans-serif;text-align:left;min-height:47px}
  .cx-page--estimate .cvem-project-summary button:focus-visible{outline:3px solid #fc7180;outline-offset:-3px}
  .cx-page--estimate .cvem-project-summary small{font-size:11px;color:#bdcbd6;font-weight:670}
  .cx-page--estimate .cvem-project-summary__progress{height:4px;background:#ffffff25}
  .cx-page--estimate .cvem-project-summary__progress span{display:block;height:100%;width:25%;background:#f34b5d;transition:width .2s}
  .cx-page--estimate .cvem-project-summary__body{padding:12px 15px 16px;border-top:1px solid #ffffff24}
  .cx-page--estimate .cvem-project-summary__row{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:7px 0;font-size:11px}
  .cx-page--estimate .cvem-project-summary__row span{color:#aebdc9}
  .cx-page--estimate .cvem-project-summary__row b{max-width:62%;text-align:right;overflow-wrap:anywhere;font-size:12px}
  .cx-page--estimate .cvem-project-summary__body p{font-size:11px;color:#b6c3cd;line-height:1.45;margin:9px 0 0}
  /* Experience Lab: the working demo should be reachable within the first screen. */
  body.cx-page:has(#cx-lab) .cx-hero__figure{display:none!important}
  body.cx-page:has(#cx-lab) .cx-hero__grid{min-height:0!important;padding:24px 0 27px!important;gap:0!important}
  body.cx-page:has(#cx-lab) .cx-hero .cx-display{font-size:clamp(2.55rem,8.9vw,3.7rem)!important;line-height:1.04}
  body.cx-page:has(#cx-lab) .cx-hero .cx-lead{font-size:14px;line-height:1.58}
  body.cx-page:has(#cx-lab) .cx-hero .cx-actions{margin-top:18px;gap:9px}
  body.cx-page:has(#cx-lab) .cx-hero .cx-trail{margin-top:15px}
  body.cx-page:has(#cx-lab) #cx-lab{padding-top:31px!important;scroll-margin-top:64px}
  body.cx-page:has(#cx-lab) #cx-lab .cx-head{margin-bottom:20px}
  body.cx-page:has(#cx-lab) #cx-lab .cx-head h2{font-size:clamp(2rem,7vw,3rem)}
  body.cx-page:has(#cx-lab) #cx-lab .cx-lab-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}
  body.cx-page:has(#cx-lab) #cx-lab .cx-lab-tabs button{min-height:43px;flex:0 0 auto}
  /* No clipped headings or unexpectedly huge cards. */
  .cve-featured__content h3,.cx-next__head h2{overflow-wrap:normal;word-break:normal}
  .cve-featured__card .cx-featured-case{min-height:43px}
  .cve-featured__visual{height:clamp(218px,56vw,326px)}
  .cvu-mobile-sheet .cvem-menu-caption{font-size:10px;font-weight:830;letter-spacing:.15em;color:#687787;margin:13px 12px 4px}
  .cvu-mobile-sheet .cvem-menu-deeplink{margin-left:10px;min-height:43px;padding-left:17px;border-left:2px solid #ed3546;background:#f5f7f7;border-radius:9px;font-size:12px;font-weight:740}
  .cvu-mobile-sheet .cvem-menu-deeplink:hover{background:#ecf0f1}
  .cvu-mobile-sheet .cvem-menu-deeplink small{font-size:11px}
}
@media(min-width:370px) and (max-width:800px){
  .cvem-header-cta{display:flex;position:fixed;right:113px;top:15px;z-index:30015;align-items:center;justify-content:center;height:36px;min-width:72px;padding:0 10px;border-radius:100px;background:#ed3546;color:#fff!important;font:810 11px/1 Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 5px 14px #e33c4e20}
  .cvem-header-cta:hover,.cvem-header-cta:focus-visible{background:#bd283a;color:#fff}
  .cvem-header-cta:focus-visible{outline:3px solid #172230;outline-offset:2px}
  body.cvu-menu-open .cvem-header-cta{visibility:hidden}
}
@media(max-width:369px){.cvem-header-cta{display:none!important}}
@media(max-width:480px){
  .cve-featured__visual{height:clamp(218px,61vw,260px)}
  .cve-featured__content{padding:22px 19px!important}
  .cve-featured__content h3{font-size:clamp(1.9rem,8.3vw,2.65rem)!important;line-height:1.1}
  .op-page .op-mainview .op-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  .cvem-preview-controls button,.cvem-project-summary__progress span{transition:none!important}
}

@media(max-width:1024px){.cvem-project-summary button>span{white-space:nowrap;font-size:12px}.cvem-project-summary button>small{white-space:nowrap}.cvem-project-summary button{gap:5px}}

/* Portal mobile tab rail: no tall column of links, keep sign-out reachable. */
@media(max-width:720px){
 .op-page .op-workspace .op-sidebar{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;position:sticky;top:64px;z-index:25;min-height:56px;max-height:64px;width:100%;padding:6px!important;overflow:visible!important}
 .op-page .op-workspace .op-sidebar #op-side-links{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:thin}
 .op-page .op-workspace .op-sidebar #op-side-links button{flex:0 0 auto!important;white-space:nowrap!important;width:auto!important;min-height:42px!important;margin:0!important;padding:9px 11px!important}
 .op-page .op-workspace .op-sidebar .op-signout{display:flex!important;flex:0 0 auto!important;white-space:nowrap!important;align-items:center!important;border-top:0!important;border-left:1px solid #ffffff29!important;min-height:42px!important;margin:0!important;padding:9px 8px!important;font-size:11px!important}
}