/* Checkout uses the same light surfaces and red accents as the storefront. */
.checkout-page .checkout-content {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
}
.checkout-page .checkout-form,
.checkout-page .checkout-summary,
.checkout-page .form-group,
.checkout-page .summary-card {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.checkout-page .form-input { min-width: 0; max-width: 100%; }
.checkout-page .summary-card { color: #101828 !important; }
.checkout-page .summary-title,
.checkout-page .summary-row span,
.checkout-page .method-option,
.checkout-page .method-card span,
.checkout-page .total-price { color: #101828 !important; }
.checkout-page .summary-subtitle,
.checkout-page .summary-pending,
.checkout-page .method-title,
.checkout-page .terms-text,
.checkout-page .pricing-note { color: #526074 !important; }
.checkout-page .summary-badge {
  color: #526074 !important;
  background: #f4f6fa;
  border-color: #dce3ec;
}
.checkout-page .summary-row,
.checkout-page .summary-divider,
.checkout-page .total-row,
.checkout-page .payment-methods { border-color: #dce3ec; }
.checkout-page .method-card { background: #f4f6fa; border-color: #dce3ec; }
.checkout-page .method-option.active .method-card { background: #fff1f0; border-color: #ed0800; }
.checkout-page .method-option.active .method-card span { color: #101828 !important; }
.checkout-page .form-warning { color: #92400e; background: #fff7e6; }
.checkout-page .terms-text { line-height: 1.6; }
.checkout-page .summary-item-name { color: #101828 !important; overflow-wrap: anywhere; }
.checkout-page .summary-item-price { color: #101828 !important; }
.checkout-page .form-section { padding: 24px; }
@media (max-width: 900px) {
  .checkout-page .checkout-content { grid-template-columns: minmax(0, 1fr); }
  .checkout-page .checkout-summary { position: static; }
}
@media (max-width: 600px) {
  .checkout-page .form-row { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px; }
  .checkout-page .form-section,
  .checkout-page .summary-card { padding: 20px; }
  .checkout-page .summary-row { gap: 12px; flex-wrap: wrap; }
  .checkout-page .summary-row span { overflow-wrap: anywhere; }
  .checkout-page .methods-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .checkout-page .method-card { padding: 12px 8px; }
}

.checkout-page .shipping-status-card { color: #526074; background: #f4f6fa; border-color: #dce3ec; }
.checkout-page .pending-total { color: #526074 !important; }
.checkout-page .method-title { color: #526074 !important; }
.payment-state .payment-panel--accent {
  background: #0b1421 !important;
  color: #fff !important;
}
.payment-state .payment-panel--accent .payment-title,
.payment-state .payment-panel--accent .payment-copy,
.payment-state .payment-panel--accent strong { color: #fff !important; }
.payment-state .payment-panel--accent .payment-chip,
.payment-state .payment-panel--accent .payment-meta-label { color: #c4ccd8 !important; }
.payment-state .payment-panel--accent .payment-meta-card {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.15);
}
.checkout-page .shipping-status-card { color: #526074 !important; }
.checkout-page .mini-item { background: #f4f6fa !important; border-color: #dce3ec !important; }
.checkout-page .mini-name,
.checkout-page .mini-price { color: #101828 !important; }
.checkout-page .mini-qty { color: #526074 !important; background: #e9eef5 !important; }
.checkout-page .form-warning { color: #92400e !important; background: #fff7e6 !important; }
.checkout-page .form-warning span { color: #92400e !important; }
.checkout-page .summary-badge,
.checkout-page .shipping-status-card { background: #f4f6fa !important; }
.checkout-page .payment-wrapper { background: transparent !important; }
.checkout-page .payment-wrapper.disabled { opacity: 1 !important; }
.checkout-page .payment-wrapper.disabled .confirm-btn { opacity: .55; }
.payment-state .payment-panel { min-width: 0; max-width: 100%; }
.payment-state .payment-title { overflow-wrap: anywhere; }


/* Compact order detail heading; order-list hero is removed from its component. */
.acg-adm-order-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.acg-adm-order-heading__text { display:flex; flex-direction:column; gap:10px; min-width:0; }
.acg-adm-order-heading__title { margin:0; color:#0d1525; font-family:var(--font-display, "Barlow", sans-serif); font-size:clamp(24px,3vw,30px); font-weight:700; line-height:1.2; text-transform:uppercase; }
.acg-adm-order-heading__title em { font-style:normal; color:inherit; }
.acg-adm-order-heading .acg-adm-back { margin:0; color:#526074; }
.acg-adm-order-heading .acg-adm-back:hover { color:var(--primary,#E10600); }
.acg-adm-order-heading__actions { display:flex; align-items:center; }
@media (max-width:560px) {
  .acg-adm-order-heading { align-items:stretch; flex-direction:column; }
  .acg-adm-order-heading__actions .acg-adm-btn { width:100%; }
}

/* Compact administration controls, scoped to the production admin components. */
.acg-adm-toolbar__create { margin-left:auto; }
.acg-adm-catalog-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.acg-adm-catalog-toolbar .acg-adm-hero__actions { align-items:center; }
body .acg-adm.admin-import { max-width:none; margin:0; padding:0; color:#0d1525; }
.acg-adm.admin-import .steps-bar { justify-content:flex-start; margin:0 0 24px; padding:0; }
.acg-adm.admin-import .step { color:#607089; font-size:13px; gap:8px; }
.acg-adm.admin-import .step span { display:inline; }
.acg-adm.admin-import .step-num { width:28px; height:28px; border-width:1px; border-color:#cbd5e1; color:#607089; font-size:12px; }
.acg-adm.admin-import .step.active { color:#0d1525; }
.acg-adm.admin-import .step.done { color:#187452; }
.acg-adm.admin-import .step.active .step-num { background:#e10600; border-color:#e10600; color:#fff; }
.acg-adm.admin-import .step.done .step-num { background:#187452; border-color:#187452; color:#fff; }
.acg-adm.admin-import .step-line { background:#dce3eb; max-width:120px; margin:0 16px; height:1px; }
.acg-adm.admin-import .step-line.active { background:#187452; }
.acg-adm.admin-import .card { border:1px solid #dfe5ec; border-radius:20px; background:#fff; box-shadow:none; padding:0; }
.acg-adm.admin-import .import-form { padding:28px; gap:24px; }
.acg-adm.admin-import .import-upload-heading h1 { margin:0 0 8px; font-size:24px; line-height:1.25; color:#0d1525; }
.acg-adm.admin-import .import-upload-heading p { margin:0; color:#607089; font-size:14px; line-height:1.5; }
.acg-adm.admin-import .form-group label { color:#526074; }
.acg-adm.admin-import .file-upload-wrapper { height:190px; border:1px dashed #a9b6c7; border-radius:14px; background:#f8fafc; }
.acg-adm.admin-import .file-upload-wrapper.has-file { background:#f1faf5; border-color:#187452; }
.acg-adm.admin-import .file-upload-wrapper.drag-over { background:#fff4f3; border-color:#e10600; transform:none; }
.acg-adm.admin-import .file-upload-wrapper:focus-within { outline:3px solid #e1060033; outline-offset:2px; }
.acg-adm.admin-import .file-dummy { max-width:100%; gap:12px; color:#607089; }
.acg-adm.admin-import .file-name { overflow-wrap:anywhere; color:#0d1525; font-size:15px; }
.acg-adm.admin-import .file-size { border-color:#dfe5ec; color:#526074; }
.acg-adm.admin-import .btn { font-family:inherit; font-size:13px; font-weight:700; border-radius:999px; padding:11px 18px; letter-spacing:.3px; box-shadow:none; text-transform:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.acg-adm.admin-import .btn-primary { background:#e10600; color:#fff; border:1px solid #e10600; }
.acg-adm.admin-import .btn-primary:hover:not(:disabled) { background:#ba0803; border-color:#ba0803; }
.acg-adm.admin-import .btn-primary:disabled { background:#e9edf2; color:#65738a; border-color:#dce3eb; opacity:1; cursor:not-allowed; }
.acg-adm.admin-import .btn-ghost,.acg-adm.admin-import .btn-secondary { background:#fff; color:#526074; border:1px solid #dce3eb; }
.acg-adm.admin-import .btn:focus-visible,.acg-adm.admin-import .option-card:focus-visible { outline:3px solid #e1060033; outline-offset:2px; }
.acg-adm.admin-import .confidence-banner { flex-wrap:wrap; gap:16px; padding:16px 20px; margin:0 0 20px; border-radius:14px; }
.acg-adm.admin-import .confidence-left { gap:12px; }
.acg-adm.admin-import .confidence-badge { width:auto; min-width:50px; height:32px; padding:0 8px; border-radius:8px; font-size:13px; }
.acg-adm.admin-import .confidence-left strong { font-size:14px; }
.acg-adm.admin-import .confidence-source { color:#526074; font-size:12px; }
.acg-adm.admin-import .confidence-actions { flex-wrap:wrap; }
.acg-adm.admin-import .import-review-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr); gap:24px; align-items:start; margin-bottom:24px; }
.acg-adm.admin-import .mapping-card,.acg-adm.admin-import .config-card { min-width:0; margin:0; }
.acg-adm.admin-import .mapping-header,.acg-adm.admin-import .preview-header,.acg-adm.admin-import .config-header { padding:20px 22px; background:#fff; border-bottom:1px solid #e6ebf1; }
.acg-adm.admin-import .mapping-header h3,.acg-adm.admin-import .preview-header h3,.acg-adm.admin-import .config-header h3 { margin:0 0 6px; color:#0d1525; font-size:18px; line-height:1.3; }
.acg-adm.admin-import .text-muted,.acg-adm.admin-import .small { color:#607089; line-height:1.5; }
.acg-adm.admin-import .mapping-header p,.acg-adm.admin-import .preview-header p,.acg-adm.admin-import .config-header p { margin:0; font-size:13px; }
.acg-adm.admin-import .header-icon { display:none; }
.acg-adm.admin-import .mapping-table { table-layout:fixed; min-width:0; }
.acg-adm.admin-import .mapping-table th,.acg-adm.admin-import .mapping-table td { padding:14px 12px; color:#526074; overflow-wrap:anywhere; }
.acg-adm.admin-import .mapping-table th { background:#f8fafc; font-size:10px; letter-spacing:.3px; }
.acg-adm.admin-import .mapping-table td strong { color:#0d1525; font-size:13px; }
.acg-adm.admin-import .mapping-table th:first-child { width:36px; }
.acg-adm.admin-import .mapping-table th:nth-child(2) { width:36%; }
.acg-adm.admin-import .mapping-table th:last-child { width:72px; white-space:nowrap; overflow-wrap:normal; text-align:center; }
.acg-adm.admin-import .required-badge { display:block; width:max-content; max-width:100%; margin:4px 0 0; padding:0; background:none; font-size:9px; }
.acg-adm.admin-import .mapping-select,.acg-adm.admin-import .admin-input-v2,.acg-adm.admin-import .premium-input { border:1px solid #ccd5e0; border-radius:9px; padding:10px 12px; color:#0d1525; font-family:inherit; font-size:13px; font-weight:500; background:#fff; min-width:0; }
.acg-adm.admin-import .mapping-select:focus,.acg-adm.admin-import .admin-input-v2:focus,.acg-adm.admin-import .premium-input:focus { border-color:#e10600; outline:none; box-shadow:0 0 0 3px #e106001a; transform:none; }
.acg-adm.admin-import .custom-attrs-section { padding:20px 22px; }
.acg-adm.admin-import .mapping-header-alt { gap:16px; align-items:flex-start; margin-bottom:16px; }
.acg-adm.admin-import .mapping-header-alt > div { min-width:0; flex:1; }
.acg-adm.admin-import .mapping-header-alt .btn { flex-shrink:0; white-space:nowrap; }
.acg-adm.admin-import .mapping-header-alt h4 { font-size:14px; }
.acg-adm.admin-import .empty-attrs { padding:16px; border:1px dashed #d6dfe9; border-radius:10px; background:#f8fafc; }
.acg-adm.admin-import .attr-row { padding:12px; border-color:#dfe5ec; }
.acg-adm.admin-import .attr-field { min-width:0; }
.acg-adm.admin-import .config-content { padding:20px 22px; display:flex; flex-direction:column; gap:22px; }
.acg-adm.admin-import .config-section { gap:12px; }
.acg-adm.admin-import .section-label { color:#526074; font-size:11px; letter-spacing:.5px; opacity:1; }
.acg-adm.admin-import .mode-grid { grid-template-columns:1fr; gap:10px; }
.acg-adm.admin-import .option-card { width:100%; text-align:left; font-family:inherit; align-items:center; padding:14px; gap:12px; border:1px solid #d7dfe9; border-radius:12px; box-shadow:none; }
.acg-adm.admin-import .option-card:hover { transform:none; border-color:#e10600; box-shadow:none; }
.acg-adm.admin-import .option-card.active { border-color:#e10600; background:#fff7f6; box-shadow:none; }
.acg-adm.admin-import .option-info { gap:4px; padding-right:20px; }
.acg-adm.admin-import .option-info strong { font-size:14px; }
.acg-adm.admin-import .option-info span { font-size:12px; color:#607089; }
.acg-adm.admin-import .option-icon svg { width:20px; height:20px; }
.acg-adm.admin-import .option-check { width:18px; height:18px; top:12px; right:10px; }
.acg-adm.admin-import .option-check svg { width:12px; height:12px; }
.acg-adm.admin-import .config-divider { display:none; }
.acg-adm.admin-import details.import-advanced { display:block; padding-top:16px; border-top:1px solid #e6ebf1; }
.acg-adm.admin-import .import-advanced summary { cursor:pointer; font-size:13px; font-weight:700; color:#526074; }
.acg-adm.admin-import .import-advanced[open] summary { margin-bottom:16px; }
.acg-adm.admin-import .range-box { background:#f8fafc; padding:14px; border:1px solid #e6ebf1; border-radius:12px; backdrop-filter:none; }
.acg-adm.admin-import .range-input-group,.acg-adm.admin-import .price-config-grid { gap:12px; }
.acg-adm.admin-import .input-container { min-width:0; }
.acg-adm.admin-import .range-arrow { display:none; }
.acg-adm.admin-import .range-hint { background:#f8fafc; padding:10px 12px; border:0; border-radius:9px; gap:8px; }
.acg-adm.admin-import .range-hint .hint-icon { display:none; }
.acg-adm.admin-import .range-hint span { font-size:12px; color:#526074; }
.acg-adm.admin-import .fallback-toggle { font-size:12px; line-height:1.5; align-items:flex-start; }
.acg-adm.admin-import .fallback-toggle input { flex-shrink:0; }
.acg-adm.admin-import .generic-upload-area .file-upload-wrapper { height:150px; }
.acg-adm.admin-import .preview-card { margin-bottom:24px; overflow:hidden; }
.acg-adm.admin-import .preview-table { min-width:520px; }
.acg-adm.admin-import .preview-table td,.acg-adm.admin-import .preview-table th { padding:14px 18px; font-size:13px; color:#526074; }
.acg-adm.admin-import .table-scroll { max-width:100%; overflow-x:auto; }
.acg-adm.admin-import .import-action-bar { flex-wrap:wrap; gap:16px; padding:18px 20px; margin:0; border:1px solid #dfe5ec; border-radius:14px; background:#fff; }
.acg-adm.admin-import .action-ready,.acg-adm.admin-import .action-blocked { display:flex; align-items:center; gap:8px; font-size:13px; }
.acg-adm.admin-import .import-dashboard { border:1px solid #dfe5ec; border-radius:20px; background:#fff; box-shadow:none; overflow:hidden; }
.acg-adm.admin-import .dashboard-header { flex-wrap:wrap; padding:20px 22px; gap:14px; }
.acg-adm.admin-import .status-badge { box-shadow:none; padding:6px 10px; }
.acg-adm.admin-import .stats-grid { gap:12px; padding:22px; }
.acg-adm.admin-import .stat-card { min-width:0; padding:16px; border-color:#e6ebf1; gap:12px; background:#f8fafc; box-shadow:none; }
.acg-adm.admin-import .stat-icon { flex-shrink:0; }
.acg-adm.admin-import .stat-info .value { font-size:24px; }
.acg-adm.admin-import .stat-info .label { font-size:12px; }
.acg-adm.admin-import .import-dashboard .import-action-bar { margin:0 22px 22px; }
.acg-adm.admin-import .error-section { margin:0 22px 22px; border-radius:14px; overflow:hidden; }
.acg-adm.admin-import .error-header { padding:16px 20px; gap:12px; }
.acg-adm.admin-import .error-count { white-space:nowrap; }
@media (max-width:1100px) { .acg-adm.admin-import .import-review-grid { grid-template-columns:1fr; } }
@media (max-width:640px) {
  .acg-adm-toolbar__create { margin-left:0; flex:1 0 100%; }
  .acg-adm-toolbar__create .acg-adm-btn { width:100%; }
  .acg-adm-catalog-toolbar { gap:12px; }
  .acg-adm-catalog-toolbar .acg-adm-hero__actions { flex:1 0 100%; }
  .acg-adm-catalog-toolbar .acg-adm-hero__actions .acg-adm-btn { width:100%; }
  .acg-adm.admin-import .steps-bar { gap:12px; justify-content:space-between; }
  .acg-adm.admin-import .step { flex-direction:column; align-items:center; gap:6px; font-size:10px; text-align:center; }
  .acg-adm.admin-import .step-line { display:none; }
  .acg-adm.admin-import .import-form { padding:20px 16px; gap:20px; }
  .acg-adm.admin-import .import-upload-heading h1 { font-size:22px; }
  .acg-adm.admin-import .actions .btn { width:100%; }
  .acg-adm.admin-import .confidence-banner { align-items:stretch; }
  .acg-adm.admin-import .confidence-left { align-items:center; }
  .acg-adm.admin-import .confidence-actions .btn { flex:1; }
  .acg-adm.admin-import .mapping-header,.acg-adm.admin-import .preview-header,.acg-adm.admin-import .config-header { padding:18px 16px; }
  .acg-adm.admin-import .mapping-table th:first-child,.acg-adm.admin-import .mapping-table td:first-child { display:none; }
  .acg-adm.admin-import .mapping-table th,.acg-adm.admin-import .mapping-table td { padding:12px 8px; }
  .acg-adm.admin-import .mapping-table th:nth-child(2) { width:38%; }
  .acg-adm.admin-import .mapping-table th:last-child { width:48px; font-size:8px; }
  .acg-adm.admin-import .mapping-table td strong { font-size:12px; }
  .acg-adm.admin-import .mapping-select { padding:10px 6px; font-size:12px; }
  .acg-adm.admin-import .mapping-header-alt { flex-direction:column; }
  .acg-adm.admin-import .custom-attrs-section,.acg-adm.admin-import .config-content { padding:18px 16px; }
  .acg-adm.admin-import .attr-row { flex-wrap:wrap; }
  .acg-adm.admin-import .attr-field { flex:1 0 100%; }
  .acg-adm.admin-import .import-action-bar { align-items:stretch; }
  .acg-adm.admin-import .import-action-bar .btn { width:100%; }
  .acg-adm.admin-import .stats-grid { grid-template-columns:1fr 1fr; padding:16px; }
  .acg-adm.admin-import .stat-card { padding:12px; gap:8px; }
  .acg-adm.admin-import .stat-icon { display:none; }
  .acg-adm.admin-import .import-dashboard .import-action-bar { margin:0 16px 16px; }
  .acg-adm.admin-import .error-section { margin:0 16px 20px; }
  .acg-adm.admin-import .error-header { padding:16px; flex-wrap:wrap; }
  .acg-adm.admin-import .error-section thead { display:none; }
  .acg-adm.admin-import .error-section tbody tr { display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; padding:16px; }
  .acg-adm.admin-import .error-section td { padding:0; width:auto; min-width:0; }
  .acg-adm.admin-import .error-section .cell-reason { grid-column:1 / -1; overflow-wrap:anywhere; font-size:13px; line-height:1.6; }
}
@media (prefers-reduced-motion:reduce) { .acg-adm.admin-import *, .acg-adm.admin-import *::after { animation:none!important; transition:none!important; } }

/* ACG_MOBILE_CHECKOUT_V1_START */
#app .checkout-page .checkout-content,
#app .checkout-page .checkout-summary,
#app .checkout-page .summary-card{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
#app .checkout-page .payment-methods-image{
  display:block!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#app .checkout-page .payment-methods-image > div{
  max-width:100%;
  box-sizing:border-box;
}
#app .checkout-page .payment-methods-image > div + div{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:16px!important;
}
#app .checkout-page .payment-methods-image > div + div img{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:block!important;
  object-fit:contain!important;
  max-width:100%!important;
}
#app .checkout-page .method-card{
  min-width:0;
  box-sizing:border-box;
}
#app .checkout-page .method-card > span{
  white-space:normal!important;
  overflow-wrap:anywhere;
}
#app .checkout-page .method-option:focus-within .method-card{
  outline:2px solid #2563eb;
  outline-offset:3px;
}
@media(max-width:480px){
  #app .checkout-page .methods-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  #app .checkout-page .methods-grid .method-option{
    width:100%!important;
    min-width:0!important;
    grid-column:auto!important;
  }
  #app .checkout-page .methods-grid .method-card{
    width:100%!important;
    min-height:56px!important;
    height:auto!important;
    justify-content:center!important;
  }
}
/* ACG_MOBILE_CHECKOUT_V1_END */