/* Functional component contracts stay stable; this file owns presentation only. */
.mlma-ui { display: block; min-height: 100vh; color: var(--mlma-ink); background-color: var(--mlma-black); font: 16px/1.55 var(--mlma-font-body); }
.mlma-ui *, .mlma-ui *::before, .mlma-ui *::after { box-sizing: border-box; }
.mlma-ui a { color: inherit; }
.mlma-ui :is(a,button,input,select,textarea):focus-visible { outline: var(--mlma-focus-ring); outline-offset: 3px; box-shadow: 0 0 0 6px var(--mlma-black); }
.mlma-ui .mlma-button {
  min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
  gap: var(--mlma-space-3); padding: 10px 16px; border: 1px solid var(--mlma-black); border-radius: var(--mlma-radius);
  background: var(--mlma-yellow); color: var(--mlma-black);
  font: 800 .9rem/1.2 var(--mlma-font-body); text-decoration: none; cursor: pointer;
}
.mlma-ui .mlma-button:hover { background: #ffdc45; text-decoration: underline; text-underline-offset: 3px; }
.mlma-ui .mlma-button--dark { border-color: var(--mlma-yellow); background: var(--mlma-black); color: var(--mlma-ink); }
.mlma-ui .mlma-button--secondary { border-color: var(--mlma-dark-line); background: transparent; color: var(--mlma-ink); }
.mlma-ui .mlma-button--secondary:hover { border-color: var(--mlma-yellow); background: var(--mlma-surface); }
.mlma-ui .mlma-button:disabled, .mlma-ui .mlma-button[aria-disabled="true"] { opacity: .56; cursor: not-allowed; }
.mlma-ui .mlma-card { min-width: 0; padding: var(--mlma-space-6); border: 1px solid var(--mlma-line); border-radius: var(--mlma-radius); background-color: var(--mlma-surface); color: var(--mlma-ink); }
.mlma-ui .mlma-card--dark { border-color: var(--mlma-yellow); background-color: var(--mlma-black); color: var(--mlma-ink); }
.mlma-ui .mlma-card--light { border-color: var(--mlma-black); background-color: var(--mlma-paper); color: var(--mlma-black); }
.mlma-ui .mlma-card--accent { border-color: var(--mlma-black); background-color: var(--mlma-yellow); color: var(--mlma-black); }
.mlma-ui .mlma-card--light .mlma-label, .mlma-ui .mlma-card--accent .mlma-label { color: var(--mlma-black); }
.mlma-ui .mlma-card--light .mlma-help { color: var(--mlma-muted-on-light); }
.mlma-ui .mlma-label { display: block; margin-bottom: var(--mlma-space-2); color: var(--mlma-yellow); font: 700 .7rem/1.4 var(--mlma-font-label); letter-spacing: .12em; text-transform: uppercase; }
.mlma-ui .mlma-field { display: grid; gap: var(--mlma-space-2); min-width: 0; }
.mlma-ui .mlma-input { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid var(--mlma-black); border-radius: var(--mlma-radius); background-color: var(--mlma-field); color: var(--mlma-black); font: inherit; }
.mlma-ui .mlma-input::placeholder { color: #69685f; opacity: 1; }
.mlma-ui .mlma-help { color: var(--mlma-muted); font-size: .85rem; }
.mlma-ui .mlma-field[data-state="error"] .mlma-input { border: 2px solid var(--mlma-danger); }
.mlma-ui .mlma-error-text { color: var(--mlma-danger); font-size: .86rem; }
.mlma-ui .mlma-state { padding: var(--mlma-space-4); border: 1px solid var(--mlma-line); border-radius: var(--mlma-radius); background-color: var(--mlma-surface); color: var(--mlma-ink); }
.mlma-ui .mlma-state[data-state="loading"] { border-style: dashed; color: var(--mlma-muted); }
.mlma-ui .mlma-state[data-state="empty"] { border-color: var(--mlma-yellow); background: transparent; }
.mlma-ui .mlma-state[data-state="error"] { border-color: var(--mlma-danger); }
.mlma-ui .mlma-state[data-state="success"] { border-color: var(--mlma-green); background: var(--mlma-green); color: var(--mlma-success-ink); }
.mlma-ui .mlma-state__title { margin: 0 0 var(--mlma-space-2); font-size: 1rem; font-weight: 800; }
.mlma-ui .mlma-state__body { margin: 0; color: inherit; font-size: .9rem; }
.mlma-ui .mlma-progress { height: 8px; background: var(--mlma-line); }
.mlma-ui .mlma-progress > span { display: block; width: var(--mlma-progress,0%); height: 100%; background: var(--mlma-yellow); }
@media (max-width: 560px) { .mlma-ui .mlma-card { padding: var(--mlma-space-4); } }