@layer micad.components {
.micad-button{min-height:var(--micad-control-h);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--micad-r-pill);padding:0 18px;font-weight:650;text-decoration:none;cursor:pointer;transition:transform var(--micad-motion-fast) var(--micad-ease),background var(--micad-motion-normal) var(--micad-ease),border-color var(--micad-motion-normal) var(--micad-ease),box-shadow var(--micad-motion-normal) var(--micad-ease)}.micad-button:active{transform:translateY(1px)}.micad-button[disabled],.micad-button[aria-disabled="true"]{cursor:not-allowed;filter:saturate(.45);text-decoration:none}.micad-button--primary{background:var(--micad-accent);color:var(--micad-on-accent);box-shadow:0 8px 20px color-mix(in srgb,var(--micad-accent) 22%,transparent)}.micad-button--primary:hover{background:var(--micad-accent-strong)}.micad-button--secondary{background:var(--micad-surface);color:var(--micad-text);border-color:var(--micad-border);box-shadow:var(--micad-shadow-1)}.micad-button--quiet{background:transparent;color:var(--micad-text)}.micad-button--danger{background:var(--micad-danger);color:#fff}
.micad-card{background:var(--micad-surface-translucent);border:1px solid var(--micad-border);border-radius:var(--micad-r-lg);padding:clamp(18px,3vw,30px);box-shadow:var(--micad-shadow-1);container-type:inline-size}.micad-card--interactive{transition:transform var(--micad-motion-normal) var(--micad-ease),box-shadow var(--micad-motion-normal) var(--micad-ease),border-color var(--micad-motion-normal) var(--micad-ease)}.micad-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--micad-shadow-2);border-color:var(--micad-border-strong)}
.micad-field{display:grid;gap:7px}.micad-field__label{font-weight:650;font-size:.875rem}.micad-field__control{min-height:var(--micad-control-h);width:100%;border:1px solid var(--micad-border);border-radius:var(--micad-r-md);background:var(--micad-surface);padding:10px 12px}.micad-field__control[aria-invalid="true"]{border-color:var(--micad-danger)}.micad-field__hint{color:var(--micad-text-muted);font-size:.875rem}.micad-field__error{color:var(--micad-danger);font-size:.875rem;font-weight:600}
.micad-badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--micad-r-pill);padding:4px 9px;background:var(--micad-surface-subtle);font-size:.8125rem;font-weight:650}.micad-badge--success{color:var(--micad-success)}.micad-badge--warning{color:var(--micad-warning)}.micad-badge--danger{color:var(--micad-danger)}.micad-badge--info{color:var(--micad-info)}
.micad-notice{border:1px solid var(--micad-border);border-left:4px solid var(--micad-info);border-radius:var(--micad-r-md);padding:14px 16px;background:var(--micad-surface)}.micad-notice--success{border-left-color:var(--micad-success)}.micad-notice--warning{border-left-color:var(--micad-warning)}.micad-notice--danger{border-left-color:var(--micad-danger)}
.micad-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.micad-empty{display:grid;place-items:center;text-align:center;min-height:220px;padding:32px;border:1px dashed var(--micad-border);border-radius:var(--micad-r-lg);color:var(--micad-text-muted)}.micad-skeleton{border-radius:var(--micad-r-sm);background:linear-gradient(90deg,var(--micad-surface-subtle),color-mix(in srgb,var(--micad-surface-subtle) 70%,var(--micad-surface)),var(--micad-surface-subtle));background-size:200% 100%;animation:micad-shimmer 1.4s linear infinite}.micad-glass{background:var(--micad-surface-translucent);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border:1px solid color-mix(in srgb,var(--micad-border) 75%,transparent)}
.micad-table-wrap{overflow:auto;border:1px solid var(--micad-border);border-radius:var(--micad-r-lg);background:var(--micad-surface)}.micad-table{width:100%;border-collapse:collapse}.micad-table :where(th,td){padding:12px 14px;text-align:left;border-bottom:1px solid var(--micad-border)}.micad-table th{font-size:.8125rem;letter-spacing:.01em;color:var(--micad-text-muted)}
.micad-theme-switcher{display:inline-flex;padding:3px;border:1px solid var(--micad-border);background:var(--micad-surface-subtle);border-radius:var(--micad-r-pill);gap:2px}.micad-theme-switcher button{min-height:36px;border:0;border-radius:var(--micad-r-pill);background:transparent;padding:0 12px;color:var(--micad-text-muted)}.micad-theme-switcher button[aria-pressed="true"]{background:var(--micad-surface);color:var(--micad-text);box-shadow:var(--micad-shadow-1)}
@keyframes micad-shimmer{to{background-position:-200% 0}}
}