:root{
  --moc-radius-sm:10px;--moc-radius-md:14px;--moc-radius-lg:20px;
  --moc-touch:44px;--moc-focus:#5bdde6;--moc-good:#50d49b;--moc-warn:#ffb356;--moc-danger:#ff6579;
}
/* B03.3 shared component contract: keep existing surface class names, unify interaction semantics. */
[data-b033-components] :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--moc-focus)!important;outline-offset:2px!important}
[data-b033-components] :where(.moeli-btn,.ma-primary,.ma-ghost,.moeli-action,.moeli-mini,.moeli-theme-toggle,.moeli-top-pill){min-height:var(--moc-touch);align-items:center;justify-content:center}
[data-b033-components] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.moeli-control){min-height:var(--moc-touch)}
[data-b033-components] :where(.moeli-card,.moeli-panel,.ma-panel,.ma-auth-card,.ma-side,.moeli-section-card,.moeli-data-panel,.moeli-item-card){overflow-wrap:anywhere}
[data-b033-components] :where(.ma-flash,.moeli-callout,.moeli-order-quick-status){position:relative}
[data-b033-components] :where(.ma-flash,.moeli-callout)[role="alert"]{border-color:color-mix(in srgb,var(--moc-danger) 38%,transparent)}
[data-b033-components] :where(.moeli-table-scroll,.moc-table-scroll){max-width:100%;overflow:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
[data-b033-components] :where(.moeli-form-actions,.moeli-modal-actions,.moeli-page-actions,.moc-actions){display:flex;flex-wrap:wrap;gap:10px}
[data-b033-components] :where(.moc-empty,.moeli-empty-filter){padding:22px;border:1px dashed currentColor;border-radius:var(--moc-radius-md);text-align:center;opacity:.82}
[data-b033-components] :where(.moc-status){display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}
[data-b033-components] .moc-status.good{color:var(--moc-good)}
[data-b033-components] .moc-status.warn{color:var(--moc-warn)}
[data-b033-components] .moc-status.danger{color:var(--moc-danger)}
@media(max-width:620px){
  [data-b033-components] :where(.moeli-btn,.ma-primary,.ma-ghost,.moeli-action,.moeli-mini){min-height:44px}
  [data-b033-components] :where(.moeli-form-actions,.moeli-modal-actions,.moc-actions)>:where(button,a,input[type="submit"]){max-width:100%}
}
@media(prefers-reduced-motion:reduce){[data-b033-components] *,[data-b033-components] *:before,[data-b033-components] *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

[data-b033-components] :where(button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled="true"]){opacity:.55;cursor:not-allowed!important}
html.moeli-modal-open{overflow:hidden}
[data-b033-components] [aria-busy="true"]{cursor:progress}

/* B03.3 final responsive guardrails */
[data-b033-components]{overflow-wrap:anywhere}
[data-b033-components] :where(img,svg,video,iframe){max-width:100%}
[data-b033-components] :where(.moeli-table,.moeli-admin-content table){min-width:640px}
[data-b033-components] :where(.ma-top,.moeli-admin-topbar,.moeli-navin){min-width:0}
@media(max-width:768px){
  [data-b033-components] :where(.moeli-page-actions,.moeli-form-actions,.moeli-modal-actions,.moc-actions){align-items:stretch}
  [data-b033-components] :where(.moeli-page-actions,.moeli-form-actions,.moeli-modal-actions,.moc-actions)>:where(a,button,input[type="submit"]){min-height:44px}
}
@media(max-width:480px){
  [data-b033-components] :where(.moeli-form-actions,.moeli-modal-actions,.moc-actions){flex-direction:column}
  [data-b033-components] :where(.moeli-form-actions,.moeli-modal-actions,.moc-actions)>:where(a,button,input[type="submit"]){width:100%}
  [data-b033-components="account"] .ma-top{height:auto;min-height:72px;gap:10px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
  [data-b033-components="account"] .ma-top-actions{max-width:100%;flex-wrap:wrap}
}