@import './mpfn-foundations.css';

.mpfn-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--mpfn-dimension-radius-control);font:600 14px/20px ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;white-space:nowrap;cursor:pointer;transition:background var(--mpfn-motion-duration-fast),border-color var(--mpfn-motion-duration-fast),color var(--mpfn-motion-duration-fast),box-shadow var(--mpfn-motion-duration-fast);min-height:40px;padding:9px 16px}.mpfn-button:focus-visible,.mpfn-control:focus-visible{outline:3px solid var(--mpfn-focus);outline-offset:2px}.mpfn-button[data-variant=primary]{background:var(--mpfn-primary);color:var(--mpfn-primary-foreground);box-shadow:var(--mpfn-shadow-sm,0 1px 2px rgb(15 44 82/.08))}.mpfn-button[data-variant=primary]:hover{background:var(--mpfn-primary-hover)}.mpfn-button[data-variant=primary]:active{background:var(--mpfn-primary-pressed)}.mpfn-button[data-variant=secondary]{background:var(--mpfn-surface);color:var(--mpfn-primary);border-color:var(--mpfn-border-strong)}.mpfn-button[data-variant=secondary]:hover{background:var(--mpfn-surface-selected);border-color:var(--mpfn-primary)}.mpfn-button[data-variant=destructive]{background:var(--mpfn-status-critical-foreground);color:var(--mpfn-status-critical-surface)}.mpfn-button[data-variant=ghost]{background:transparent;color:var(--mpfn-foreground-secondary)}.mpfn-button[data-variant=ghost]:hover{background:var(--mpfn-surface-hover);color:var(--mpfn-foreground)}.mpfn-button[data-variant=link]{background:transparent;color:var(--mpfn-primary);padding-inline:0}.mpfn-button[data-size=sm]{min-height:32px;padding:5px 12px;font-size:13px}.mpfn-button[data-size=lg]{min-height:44px;padding:11px 24px}.mpfn-button[data-size=icon]{width:40px;padding:0}.mpfn-button:disabled{cursor:not-allowed;opacity:.58;background:var(--mpfn-surface-hover);color:var(--mpfn-foreground-muted);border-color:var(--mpfn-border)}.mpfn-spinner{width:16px;height:16px;animation:mpfn-spin .8s linear infinite}@keyframes mpfn-spin{to{transform:rotate(360deg)}}
.mpfn-card{border:1px solid var(--mpfn-border-subtle);border-radius:var(--mpfn-dimension-radius-card);background:var(--mpfn-surface);color:var(--mpfn-foreground);box-shadow:0 1px 2px rgb(15 44 82/.06)}.mpfn-card-header{padding:20px 20px 0}.mpfn-card-content{padding:20px}.mpfn-card-footer{padding:0 20px 20px}.mpfn-card-title{margin:0;font-size:18px;line-height:26px;font-weight:650}.mpfn-card-description{margin:4px 0 0;color:var(--mpfn-foreground-muted);font-size:14px;line-height:20px}
.mpfn-input,.mpfn-textarea{width:100%;box-sizing:border-box;border:1px solid var(--mpfn-border);border-radius:var(--mpfn-dimension-radius-control);background:var(--mpfn-surface);color:var(--mpfn-foreground);font:400 14px/20px ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;transition:border-color var(--mpfn-motion-duration-fast),box-shadow var(--mpfn-motion-duration-fast)}.mpfn-input{height:40px;padding:9px 12px}.mpfn-textarea{min-height:88px;padding:10px 12px;resize:vertical}.mpfn-input::placeholder,.mpfn-textarea::placeholder{color:var(--mpfn-foreground-muted)}.mpfn-input:hover,.mpfn-textarea:hover{border-color:var(--mpfn-border-strong)}.mpfn-input:focus,.mpfn-textarea:focus{border-color:var(--mpfn-primary);outline:3px solid color-mix(in srgb,var(--mpfn-focus) 35%,transparent);outline-offset:1px}.mpfn-input[aria-invalid=true],.mpfn-textarea[aria-invalid=true]{border-color:var(--mpfn-status-critical-border)}.mpfn-input:disabled,.mpfn-textarea:disabled{cursor:not-allowed;background:var(--mpfn-surface-hover);color:var(--mpfn-foreground-muted)}.mpfn-password-wrap{position:relative}.mpfn-password-wrap .mpfn-input{padding-right:44px}.mpfn-password-toggle{position:absolute;right:0;top:0;width:40px;height:40px;border:0;background:transparent;color:var(--mpfn-foreground-muted);cursor:pointer;border-radius:0 var(--mpfn-dimension-radius-control) var(--mpfn-dimension-radius-control) 0}.mpfn-password-toggle:hover{color:var(--mpfn-foreground)}
.mpfn-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid;border-radius:var(--mpfn-dimension-radius-pill);padding:4px 10px;font:600 12px/16px ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.mpfn-badge svg{width:14px;height:14px}.mpfn-badge[data-tone=good]{background:var(--mpfn-status-good-surface);border-color:var(--mpfn-status-good-border);color:var(--mpfn-status-good-foreground)}.mpfn-badge[data-tone=warning]{background:var(--mpfn-status-warning-surface);border-color:var(--mpfn-status-warning-border);color:var(--mpfn-status-warning-foreground)}.mpfn-badge[data-tone=serious]{background:var(--mpfn-status-serious-surface);border-color:var(--mpfn-status-serious-border);color:var(--mpfn-status-serious-foreground)}.mpfn-badge[data-tone=critical]{background:var(--mpfn-status-critical-surface);border-color:var(--mpfn-status-critical-border);color:var(--mpfn-status-critical-foreground)}.mpfn-badge[data-tone=info]{background:var(--mpfn-status-info-surface);border-color:var(--mpfn-status-info-border);color:var(--mpfn-status-info-foreground)}.mpfn-badge[data-tone=neutral]{background:var(--mpfn-status-neutral-surface);border-color:var(--mpfn-status-neutral-border);color:var(--mpfn-status-neutral-foreground)}

/* MF-4 core primitives */
.mpfn-avatar{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--mpfn-surface-hover);color:var(--mpfn-foreground-secondary);font-weight:650}.mpfn-avatar img{width:100%;height:100%;object-fit:cover}
.mpfn-checkbox{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border:1px solid var(--mpfn-border-strong);border-radius:5px;background:var(--mpfn-surface);color:var(--mpfn-primary-foreground);padding:0;cursor:pointer}.mpfn-checkbox[data-state=checked],.mpfn-checkbox[data-state=indeterminate]{background:var(--mpfn-primary);border-color:var(--mpfn-primary)}.mpfn-checkbox:disabled{cursor:not-allowed;opacity:.55}.mpfn-checkbox svg{width:14px;height:14px}
.mpfn-switch{width:42px;height:24px;border:0;border-radius:999px;background:var(--mpfn-border-strong);padding:2px;cursor:pointer}.mpfn-switch[data-state=checked]{background:var(--mpfn-primary)}.mpfn-switch:disabled{cursor:not-allowed;opacity:.55}.mpfn-switch-thumb{display:block;width:20px;height:20px;border-radius:50%;background:white;transition:transform var(--mpfn-motion-duration-fast);box-shadow:0 1px 2px rgb(0 0 0/.18)}.mpfn-switch[data-state=checked] .mpfn-switch-thumb{transform:translateX(18px)}
.mpfn-dialog-overlay{position:fixed;inset:0;z-index:1000;background:rgb(6 17 31/.62);animation:mpfn-fade var(--mpfn-motion-duration-fast)}.mpfn-dialog-content{position:fixed;z-index:1001;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100vw - 32px),640px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--mpfn-border-subtle);border-radius:var(--mpfn-dimension-radius-dialog);background:var(--mpfn-surface);color:var(--mpfn-foreground);box-shadow:0 8px 24px rgb(15 44 82/.18);padding:24px}.mpfn-dialog-close{position:absolute;right:16px;top:16px}.mpfn-dialog-title{font-size:20px;line-height:28px;font-weight:650;margin:0 36px 6px 0}.mpfn-dialog-description{color:var(--mpfn-foreground-muted);font-size:14px;line-height:20px;margin:0 0 20px}@keyframes mpfn-fade{from{opacity:0}to{opacity:1}}
.mpfn-popover{z-index:1100;border:1px solid var(--mpfn-border-subtle);border-radius:var(--mpfn-dimension-radius-card);background:var(--mpfn-surface);color:var(--mpfn-foreground);box-shadow:0 4px 12px rgb(15 44 82/.14);padding:12px}
.mpfn-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:40px;padding:0 12px;border:1px solid var(--mpfn-border);border-radius:var(--mpfn-dimension-radius-control);background:var(--mpfn-surface);color:var(--mpfn-foreground);font-size:14px;cursor:pointer}.mpfn-select-trigger:disabled{cursor:not-allowed;background:var(--mpfn-surface-hover);color:var(--mpfn-foreground-muted)}.mpfn-select-trigger[aria-invalid=true]{border-color:var(--mpfn-status-critical-border)}.mpfn-select-content{z-index:1200;min-width:var(--reka-select-trigger-width,var(--radix-select-trigger-width,180px));max-height:320px;overflow:auto;border:1px solid var(--mpfn-border-subtle);border-radius:var(--mpfn-dimension-radius-control);background:var(--mpfn-surface);color:var(--mpfn-foreground);box-shadow:0 4px 12px rgb(15 44 82/.16);padding:4px}.mpfn-select-item{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 10px;border-radius:6px;font-size:14px;outline:none;cursor:default}.mpfn-select-item[data-highlighted]{background:var(--mpfn-surface-hover)}.mpfn-select-item[data-disabled]{opacity:.5}.mpfn-select-indicator{width:16px;display:inline-flex;align-items:center;justify-content:center}
.mpfn-progress{height:8px;border-radius:999px;background:var(--mpfn-surface-hover);overflow:hidden}.mpfn-progress>span{display:block;height:100%;background:var(--mpfn-primary);border-radius:inherit;transition:width var(--mpfn-motion-duration-normal)}
.mpfn-skeleton{border-radius:6px;background:var(--mpfn-surface-hover);animation:mpfn-pulse 1.5s ease-in-out infinite}@keyframes mpfn-pulse{50%{opacity:.48}}
.mpfn-tooltip{z-index:1300;max-width:280px;border-radius:6px;background:var(--mpfn-foreground);color:var(--mpfn-surface);padding:6px 9px;font-size:12px;line-height:16px;box-shadow:0 4px 12px rgb(0 0 0/.16)}
.mpfn-icon-squircle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--mpfn-dimension-radius-card);background:var(--mpfn-surface-selected);color:var(--mpfn-primary)}