/* My Card · Componentes de referência 1.0. Importe tokens.css antes deste arquivo. */
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/BarlowCondensed-Black.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
.mc-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;vertical-align:middle}
.mc-icon svg{display:block;width:100%;height:100%}
.mc-icon--small{width:16px;height:16px}
.mc-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--mc-size-control-medium);padding:12px 20px;border:1px solid transparent;border-radius:var(--mc-radius-medium);font:600 var(--mc-type-label)/1.4 var(--mc-font-body);text-decoration:none;cursor:pointer;transition:background var(--mc-duration-fast),box-shadow var(--mc-duration-fast);white-space:normal;color:var(--mc-color-on-primary);background:var(--mc-color-action-primary)}
.mc-button:hover,.mc-button.is-hover{background:var(--mc-color-action-primary-hover)}
.mc-button:active,.mc-button.is-active{background:var(--mc-color-action-primary-pressed)}
.mc-button--secondary{background:var(--mc-color-action-secondary);color:var(--mc-color-on-secondary)}
.mc-button--secondary:hover,.mc-button--secondary:active{background:var(--mc-color-action-secondary-hover)}
.mc-button--outline{background:var(--mc-color-surface-raised);color:var(--mc-color-text-default);border-color:var(--mc-color-border-control)}
.mc-button--outline:hover,.mc-button--outline:active{background:var(--mc-color-surface-subtle)}
.mc-button--ghost{background:transparent;color:var(--mc-color-text-link)}
.mc-button--ghost:hover,.mc-button--ghost:active{background:var(--mc-color-info-subtle)}
.mc-button--danger{background:var(--mc-color-ui-error);color:var(--mc-color-neutral-white)}
.mc-button--danger:hover,.mc-button--danger:active{background:#901C28}
.mc-button--small{min-height:var(--mc-size-control-small);padding:10px 16px}
.mc-button--large{min-height:var(--mc-size-control-large);padding:16px 24px}
.mc-button--icon{width:48px;padding:12px}
.mc-button:disabled,.mc-button[aria-disabled="true"]{background:var(--mc-color-disabled);color:var(--mc-color-on-disabled);border-color:transparent;cursor:not-allowed;box-shadow:none}
.mc-button[aria-busy="true"]{cursor:wait}
:where(.mc-button,.mc-input,.mc-select,.mc-tab,.mc-chip,input):focus-visible,.is-focus{outline:3px solid var(--mc-color-focus);outline-offset:4px}
.mc-field{display:grid;gap:8px;min-width:0}
.mc-label{font:600 14px/1.5 var(--mc-font-body);color:var(--mc-color-text-default)}
.mc-input,.mc-select{box-sizing:border-box;width:100%;min-height:48px;border:1px solid var(--mc-color-border-control);border-radius:8px;padding:12px 14px;background:var(--mc-color-surface-raised);color:var(--mc-color-text-default);font:400 16px/1.4 var(--mc-font-body)}
.mc-input::placeholder{color:var(--mc-color-text-muted);opacity:1}
.mc-input[aria-invalid="true"]{border:2px solid var(--mc-color-danger);padding:11px 13px}
.mc-input:disabled{background:var(--mc-color-disabled);color:var(--mc-color-on-disabled);cursor:not-allowed}
.mc-hint{font:400 13px/1.5 var(--mc-font-body);color:var(--mc-color-text-muted);margin:0}
.mc-error{font:600 13px/1.5 var(--mc-font-body);color:var(--mc-color-danger);margin:0}
.mc-check{display:flex;align-items:center;gap:10px;min-height:44px;font:400 14px/1.5 var(--mc-font-body);cursor:pointer;color:var(--mc-color-text-default)}
.mc-check input{width:20px;height:20px;margin:0;accent-color:var(--mc-color-action-secondary);flex:none}
.mc-switch{position:relative;display:inline-flex;gap:12px;align-items:center;min-height:44px;cursor:pointer;color:var(--mc-color-text-default);font:400 14px/1.5 var(--mc-font-body)}
.mc-switch input{position:absolute;left:0;opacity:0;width:44px;height:28px}
.mc-switch-track{width:44px;height:26px;background:var(--mc-color-border-control);border-radius:999px;position:relative;flex:none;border:1px solid var(--mc-color-border-control)}
.mc-switch-track:before{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;transition:transform var(--mc-duration-fast)}
.mc-switch input:checked+.mc-switch-track{background:var(--mc-color-action-secondary);border-color:var(--mc-color-action-secondary)}
.mc-switch input:checked+.mc-switch-track:before{transform:translateX(18px)}
.mc-switch input:focus-visible+.mc-switch-track{outline:3px solid var(--mc-color-focus);outline-offset:4px}
.mc-badge{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border-radius:4px;font:600 13px/1.4 var(--mc-font-body);background:var(--mc-color-info-subtle);color:var(--mc-color-info)}
.mc-badge--success{background:var(--mc-color-success-subtle);color:var(--mc-color-success)}
.mc-badge--warning{background:var(--mc-color-warning-subtle);color:var(--mc-color-warning)}
.mc-badge--danger{background:var(--mc-color-danger-subtle);color:var(--mc-color-danger)}
.mc-badge--neutral{background:var(--mc-color-surface-subtle);color:var(--mc-color-text-muted)}
.mc-alert{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:8px;background:var(--mc-color-info-subtle);color:var(--mc-color-info);border-left:3px solid currentColor;font:400 14px/1.5 var(--mc-font-body)}
.mc-alert strong{display:block;font-weight:600}.mc-alert p{margin:4px 0 0}
.mc-alert--success{background:var(--mc-color-success-subtle);color:var(--mc-color-success)}
.mc-alert--warning{background:var(--mc-color-warning-subtle);color:var(--mc-color-warning)}
.mc-alert--danger{background:var(--mc-color-danger-subtle);color:var(--mc-color-danger)}
.mc-card{background:var(--mc-color-surface-raised);color:var(--mc-color-text-default);border:1px solid var(--mc-color-border-subtle);border-radius:16px;overflow:hidden}
.mc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--mc-color-border-subtle);overflow-x:auto}
.mc-tab{background:transparent;border:0;border-bottom:3px solid transparent;min-height:48px;padding:12px 16px;font:600 14px/1.5 var(--mc-font-body);color:var(--mc-color-text-muted);cursor:pointer;white-space:nowrap}
.mc-tab[aria-selected="true"]{color:var(--mc-color-text-link);border-bottom-color:var(--mc-color-text-link)}
.mc-tab:hover{color:var(--mc-color-text-default)}
.mc-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:999px;background:var(--mc-color-surface-raised);color:var(--mc-color-text-default);border:1px solid var(--mc-color-border-control);font:600 13px/1.5 var(--mc-font-body);cursor:pointer}
.mc-chip[aria-pressed="true"]{background:var(--mc-color-action-secondary);color:white;border-color:var(--mc-color-action-secondary)}
.mc-progress{height:8px;border-radius:999px;background:var(--mc-color-border-subtle);overflow:hidden}
.mc-progress span{display:block;height:100%;background:var(--mc-color-action-secondary)}
.mc-skeleton{background:var(--mc-color-disabled);border-radius:4px;min-height:16px}
.mc-spinner{height:16px;width:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:mc-spin .8s linear infinite}
@keyframes mc-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.mc-spinner{animation:none}*,*::before,*::after{scroll-behavior:auto!important}}