/* StockDivar V75.0.1 — Accessibility foundation with V74.4 visual compatibility */
:root{
  --sd-color-primary:#a71928;
  --sd-color-primary-hover:#7f101c;
  --sd-color-primary-soft:#fff1f3;
  --sd-color-text:#101828;
  --sd-color-text-secondary:#475467;
  --sd-color-border:#d0d5dd;
  --sd-color-surface:#fff;
  --sd-color-bg:#f7f8fa;
  --sd-color-success:#067647;
  --sd-color-warning:#b54708;
  --sd-color-danger:#d92d20;
  --sd-color-focus:#c31b2b;
  --sd-radius-sm:12px;
  --sd-radius-md:16px;
  --sd-radius-lg:24px;
}

/* Semantics/helpers are invisible until explicitly used. */
.v75-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed!important;z-index:100000;top:10px;right:12px;transform:translateY(-180%);display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid #fff;border-radius:12px;background:var(--sd-color-primary);color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 8px 24px rgba(16,24,40,.22);transition:transform .18s ease}
.skip-link:focus{transform:translateY(0)}

/* Keyboard focus is visible only while keyboard navigation is active. */
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--sd-color-focus)!important;outline-offset:3px!important}

/* Validation UI is conditional and does not alter the normal V74.4 layout. */
:where(input,select,textarea)[aria-invalid="true"],:where(input,select,textarea).input-invalid{border-color:var(--sd-color-danger)!important;box-shadow:0 0 0 3px rgba(217,45,32,.12)!important}
.v75-field-error{display:block;margin-top:6px;color:var(--sd-color-danger);font-size:13px;line-height:1.65;font-weight:700}
.v75-error-summary{grid-column:1/-1;margin:0 0 18px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--sd-color-danger) 45%,var(--sd-color-border));border-right:5px solid var(--sd-color-danger);border-radius:var(--sd-radius-md);background:color-mix(in srgb,var(--sd-color-danger) 6%,var(--sd-color-surface));color:var(--sd-color-text)}
.v75-error-summary h2{margin:0 0 7px;font-size:18px;color:var(--sd-color-danger)}
.v75-error-summary p{margin:0 0 7px;color:var(--sd-color-text-secondary)}
.v75-error-summary ul{margin:0;padding-right:20px;display:grid;gap:5px}
.v75-error-summary a{color:var(--sd-color-danger);font-weight:850;text-underline-offset:3px}

/* Preserve the original V74.4 segmented-control styling. */
.v75-segmented-control{scrollbar-width:none}
.v75-segmented-control::-webkit-scrollbar{display:none}

/* Accessible overlay behavior; visible only while a surface is open. */
dialog[data-v75-dialog]::backdrop{background:rgba(16,24,40,.55);backdrop-filter:blur(2px)}
dialog[data-v75-dialog][open]{max-height:min(90vh,820px);overflow:auto}
html.v75-overlay-open,html.v75-overlay-open body{overflow:hidden!important}
[data-v75-drawer]{overscroll-behavior:contain}
[inert]{pointer-events:none!important;user-select:none!important}
.v75-focus-sentinel{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}
.market-toast,.ui-toast,.v73-toast,#wizardToast{max-width:min(420px,calc(100vw - 28px))}

/* Expand the invisible hit area of compact icon controls without changing their visual size. */
:where(.product-save-btn,.market-card-save,.drawer-close,.icon-btn,.modal-close){position:relative}
@media(pointer:coarse){
  :where(.product-save-btn,.market-card-save,.drawer-close,.icon-btn,.modal-close)::after{content:"";position:absolute;inset:-6px;border-radius:inherit}
}

/* Guard against accidental horizontal page overflow while retaining V74.4 breakpoints. */
html,body{max-width:100%}
body{overflow-x:clip}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
html[data-theme="dark"] .v75-error-summary,body.dark-mode .v75-error-summary{background:#2a1518;border-color:#8e343d;color:#f8fafc}
html[data-theme="dark"] .v75-error-summary p,body.dark-mode .v75-error-summary p{color:#cbd5e1}