/* Component polish after the structural/workbench styles. No layout or model
   animations are added: repeated configuration actions remain immediate. */
@media screen{
  body.charger-guide{font-family:"PingFang SC","SF Pro SC",-apple-system,"Segoe UI",Roboto,sans-serif}
  body.charger-guide :is(.hero,.section){border-radius:var(--radius-panel)}
  body.charger-guide .eyebrow{font-weight:650;letter-spacing:2px}
  body.charger-guide :is(h1,h2,h3){text-wrap:balance}
  body.charger-guide :is(.lead,.assembly-intro,.configuration-note){text-wrap:pretty}
  body.charger-guide :is(button,summary,a.back,a[download],#openAR){
    transition:transform var(--press) var(--ease-out),background-color 160ms ease,color 160ms ease,opacity 160ms ease;
  }
  body.charger-guide :is(button:not(:disabled),summary,a.back,a[download],#openAR):active{transform:scale(.97)}
  body.charger-guide :is(button,summary,a,input,select):focus-visible{
    outline:2px solid var(--accent);outline-offset:3px;transform:none;transition:none;
  }
  body.charger-guide :is(button,select):disabled{transform:none;cursor:default}
  body.charger-guide :is(.assembly-display-actions button,.module-row-actions button,.configuration-actions button,.model-tool-actions button,.step-controls button){
    min-height:44px;border-radius:var(--radius-control);background:var(--pill);color:var(--ink);border-color:var(--line);
  }
  body.charger-guide :is(#nextStep,#prepareOrderSheet,#generateOrderSheet,#downloadOrderSheet,#configurationConfirmProceed){
    background:var(--accent-fill);color:var(--on-accent);border-color:transparent;border-radius:var(--radius-action);box-shadow:var(--accent-shadow);
  }
  body.charger-guide .assembly-mobile-actions #prepareOrderSheet{
    background:var(--pill);color:var(--ink);border-color:var(--line);box-shadow:none;
  }
  body.charger-guide .assembly-mobile-actions :is(#nextStep,#prepareOrderSheet){border-radius:var(--radius-control)}
  body.charger-guide :is(#prepareAR,#openAR){border-radius:var(--radius-action)}
  body.charger-guide .model-tool-actions button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}
  body.charger-guide .assembly-configuration summary{border-radius:var(--radius-control);box-shadow:inset 0 1px 0 var(--glass-inner)}
  body.charger-guide .configuration-title{font-weight:650}
  body.charger-guide .configuration-count{background:var(--pill);color:var(--accent)}
  body.charger-guide .cap-select-chevron{color:var(--accent)}
  body.charger-guide :is(.cap-configuration select,.order-sheet-panel select,.order-code-row input){
    background:var(--control-bg);border-color:var(--control-border);border-radius:var(--radius-control);line-height:1.5;
  }
  body.charger-guide .order-sheet-panel :is(input,select){font-size:16px}
  body.charger-guide .order-universal-fields select[aria-invalid=true]{border:2px solid #bd3b17}
  body.charger-guide #generatedOrderCode{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
  body.charger-guide :is(.order-sheet-dialog,.configuration-confirm){box-shadow:var(--glass-shadow)}
  body.charger-guide .order-entry-actions :is(#prepareAR,#openAR){background:var(--pill);border-color:var(--control-border);color:var(--ink2);box-shadow:none}
  body.charger-guide #prepareAR:disabled{opacity:1}
  body.charger-guide .model-dimension-overlay{color:var(--ink)}
  body.charger-guide .model-dimension-overlay text{stroke:var(--bg)}
  body.charger-guide .focus-key i{background:var(--accent)}
  /* Successful QR entry needs no extra banner above the mobile 3D stage.
     Keep the live status available to assistive technology; errors stay visible. */
  body.charger-guide .assembly-workspace[data-display=expanded] #installationGuideStatus[data-quiet=true],
  body.charger-guide .assembly-workspace[data-display=fullscreen] #installationGuideStatus[data-quiet=true]{
    position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
  }
}
@media screen and (hover:hover) and (pointer:fine){
  body.charger-guide :is(.assembly-display-actions button,.module-row-actions button,.configuration-actions button,.model-tool-actions button):not(:disabled):hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}
  body.charger-guide :is(#nextStep,#prepareOrderSheet,#generateOrderSheet,#downloadOrderSheet,#configurationConfirmProceed):not(:disabled):hover{filter:brightness(1.035)}
  body.charger-guide .order-entry-actions :is(#prepareAR:not(:disabled),#openAR):hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}
}
@media(prefers-reduced-motion:reduce){
  body.charger-guide :is(button,summary,a.back,a[download],#openAR){transition:none!important;transform:none!important}
}
@media screen and (prefers-contrast:more){
  body.charger-guide :is(button,summary,input,select){border-color:currentColor;box-shadow:none}
  body.charger-guide :is(.glass,.assembly-panel,.order-sheet-form){background:var(--bg);box-shadow:none}
}