.sfk-card,.sfk-scope{--sfk-ink: #0f172a;--sfk-text: #334155;--sfk-muted: #64748b;--sfk-faint: #94a3b8;--sfk-line: #e2e8f0;--sfk-soft: #f8fafc;--sfk-accent: var(--primary-color, #0f172a);--sfk-accent-text: var(--primary-color-text, #ffffff);--sfk-accent-deep: color-mix(in srgb, var(--sfk-accent) 75%, #000000);--sfk-tint: color-mix(in srgb, var(--sfk-accent) 9%, #ffffff);--sfk-tint-strong: color-mix(in srgb, var(--sfk-accent) 18%, #ffffff);--sfk-focus: color-mix(in srgb, var(--sfk-accent) 50%, transparent);--sfk-ok: #16a34a;--sfk-ok-tint: #dcfce7;--sfk-warn: #b45309;--sfk-warn-tint: #fef3c7;--sfk-danger: #dc2626;--sfk-radius: 1.125rem;--sfk-ease: cubic-bezier(.2, .8, .2, 1);--sfk-spring: cubic-bezier(.34, 1.4, .5, 1)}.sfk-scope{container:sfk-panel / inline-size}.sfk-stack{display:flex;flex-direction:column;gap:1rem}.sfk-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}@container sfk-panel (min-width: 720px){.sfk-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}.sfk-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--sfk-line);border-style:solid;border-radius:var(--sfk-radius);background:#fff;box-shadow:0 1px 2px #0f172a0a,0 14px 32px -26px #0f172a4d;color:var(--sfk-text);font-size:.875rem;line-height:1.45;container:sfk-card / inline-size;animation:sfk-rise .45s var(--sfk-ease) backwards;animation-delay:calc(var(--sfk-i, 0) * 60ms);transition:border-color .2s ease,box-shadow .25s ease}.sfk-card.is-dirty{border-color:color-mix(in srgb,var(--sfk-accent) 45%,var(--sfk-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--sfk-accent) 12%,transparent),0 14px 32px -26px #0f172a4d}.sfk-card__head{display:flex;align-items:flex-start;gap:.875rem;padding:1.125rem 1.125rem .75rem}.sfk-card__icon{display:grid;flex:none;place-items:center;width:2.5rem;height:2.5rem;border-radius:.875rem;background:var(--sfk-tint);color:var(--sfk-accent-deep);font-size:1rem;transition:transform .35s var(--sfk-spring)}.sfk-card:hover .sfk-card__icon{transform:rotate(-6deg) scale(1.06)}.sfk-card__titles{display:flex;flex:1 1 auto;flex-direction:column;gap:.2rem;min-width:0}.sfk-card__title{margin:0;color:var(--sfk-ink);font-size:1rem;font-weight:700;line-height:1.3}.sfk-card__lead{margin:0;color:var(--sfk-muted);font-size:.8125rem}.sfk-card__aside{display:flex;flex:none;align-items:center;gap:.5rem}.sfk-card__body{display:flex;flex-direction:column;gap:1rem;padding:.5rem 1.125rem 1.125rem}.sfk-card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.625rem 1rem;padding:.875rem 1.125rem;border-top:1px solid var(--sfk-line);border-top-style:solid;border-radius:0 0 var(--sfk-radius) var(--sfk-radius);background:linear-gradient(180deg,var(--sfk-soft),#ffffff)}.sfk-card__meta{display:inline-flex;flex:0 1 auto;margin-right:auto;align-items:center;gap:.4rem;min-width:0;color:var(--sfk-muted);font-size:.75rem}.sfk-dirty{display:inline-flex;align-items:center;gap:.4rem;color:var(--sfk-accent-deep);font-weight:600;animation:sfk-pop .3s var(--sfk-spring)}.sfk-dirty:before{width:.5rem;height:.5rem;border-radius:999px;background:var(--sfk-accent);content:"";animation:sfk-beat 1.4s ease-in-out infinite}.sfk-sub{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px dashed var(--sfk-line);border-top-style:dashed}.sfk-sub:first-child{padding-top:0;border-top:0}.sfk-sub__title{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--sfk-ink);font-size:.875rem;font-weight:700}.sfk-sub__title>i{color:var(--sfk-accent-deep);font-size:.8rem}.sfk-field{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;min-width:0}@container sfk-card (min-width: 620px){.sfk-field--inline{grid-template-columns:minmax(10rem,15rem) minmax(0,1fr);gap:1.25rem;align-items:start}.sfk-field--inline>.sfk-field__label{padding-top:.625rem}}.sfk-field__label{display:flex;flex-direction:column;gap:.2rem;min-width:0}.sfk-field__name{display:inline-flex;align-items:center;gap:.45rem;margin:0;color:var(--sfk-ink);font-size:.8125rem;font-weight:600}.sfk-field__name>i{color:var(--sfk-accent-deep);font-size:.8rem}.sfk-field__help{margin:0;color:var(--sfk-muted);font-size:.75rem;line-height:1.45}.sfk-field__control{display:flex;flex-direction:column;gap:.4rem;min-width:0}.sfk-field__control>.p-inputtext,.sfk-field__control>.p-dropdown,.sfk-field__control>.p-calendar,.sfk-field__control>.p-inputgroup{width:100%}.sfk-counter{align-self:flex-end;color:var(--sfk-faint);font-size:.7rem;font-variant-numeric:tabular-nums}.sfk-counter.is-over{color:var(--sfk-danger);font-weight:700}.sfk-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border:1px solid var(--sfk-line);border-style:solid;border-radius:.875rem;background:var(--sfk-soft);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.sfk-toggle:hover{border-color:color-mix(in srgb,var(--sfk-accent) 30%,var(--sfk-line))}.sfk-toggle.is-on{border-color:color-mix(in srgb,var(--sfk-ok) 35%,var(--sfk-line));background:color-mix(in srgb,var(--sfk-ok) 6%,#ffffff)}.sfk-toggle__text{display:flex;gap:.75rem;min-width:0}.sfk-toggle__icon{display:grid;flex:none;place-items:center;width:2rem;height:2rem;border-radius:.625rem;background:#fff;color:var(--sfk-accent-deep);font-size:.85rem}.sfk-toggle__title{display:block;color:var(--sfk-ink);font-size:.8125rem;font-weight:600}.sfk-toggle__help{display:block;margin-top:.15rem;color:var(--sfk-muted);font-size:.75rem}.sfk-switch{position:relative;flex:none;width:2.75rem;height:1.625rem;margin:0;padding:0;border:0;border-radius:999px;background:#cbd5e1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .25s ease}.sfk-switch__knob{position:absolute;top:3px;left:3px;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0f172a4d;color:var(--sfk-faint);font-size:.55rem;transition:transform .3s var(--sfk-spring),color .2s ease}.sfk-switch.is-on{background:var(--sfk-ok)}.sfk-switch.is-on .sfk-switch__knob{color:var(--sfk-ok);transform:translate(1.125rem)}.sfk-switch:disabled{cursor:not-allowed;opacity:.45}.sfk-switch:focus-visible,.sfk-btn:focus-visible,.sfk-save:focus-visible,.sfk-choice:focus-visible,.sfk-drop:focus-visible{outline:2px solid var(--sfk-focus);outline-offset:2px}.sfk-save,.sfk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;margin:0;padding:0 1.125rem;border:1px solid transparent;border-style:solid;border-radius:.875rem;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .25s ease,transform .15s ease}.sfk-save{min-width:9rem;background:var(--sfk-accent);color:var(--sfk-accent-text);box-shadow:0 10px 22px -14px color-mix(in srgb,var(--sfk-accent) 90%,#000000)}.sfk-save:hover:not(:disabled){background:var(--sfk-accent-deep);color:#fff}.sfk-save:active:not(:disabled),.sfk-btn:active:not(:disabled){transform:scale(.97)}.sfk-save:disabled{background:#e2e8f0;box-shadow:none;color:var(--sfk-faint);cursor:not-allowed}.sfk-save.is-saved,.sfk-save.is-saved:disabled{background:var(--sfk-ok-tint);color:#166534}.sfk-save.is-saved>i{animation:sfk-pop .35s var(--sfk-spring)}.sfk-btn{border-color:var(--sfk-line);background:#fff;color:var(--sfk-ink);font-weight:600}.sfk-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--sfk-accent) 40%,var(--sfk-line));background:var(--sfk-tint)}.sfk-btn:disabled{cursor:not-allowed;opacity:.5}.sfk-btn--danger:hover:not(:disabled){border-color:#fecaca;background:#fef2f2;color:var(--sfk-danger)}.sfk-btn--sm{min-height:2.25rem;padding:0 .75rem;border-radius:.75rem;font-size:.8125rem}.sfk-choices{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.sfk-choice{position:relative;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:1rem;border:1.5px solid var(--sfk-line);border-style:solid;border-radius:1rem;background:#fff;color:var(--sfk-text);font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s ease,box-shadow .25s ease,transform .2s ease}.sfk-choice:hover{border-color:color-mix(in srgb,var(--sfk-accent) 40%,var(--sfk-line));transform:translateY(-2px)}.sfk-choice.is-active{border-color:var(--sfk-accent);background:var(--sfk-tint);box-shadow:0 0 0 3px color-mix(in srgb,var(--sfk-accent) 14%,transparent)}.sfk-choice__check{position:absolute;top:.75rem;right:.75rem;display:grid;place-items:center;width:1.375rem;height:1.375rem;border:2px solid var(--sfk-line);border-style:solid;border-radius:999px;background:#fff;color:transparent;font-size:.6rem;transition:background-color .2s ease,border-color .2s ease}.sfk-choice.is-active .sfk-choice__check{border-color:var(--sfk-accent);background:var(--sfk-accent);color:var(--sfk-accent-text);animation:sfk-pop .3s var(--sfk-spring)}.sfk-choice__title{color:var(--sfk-ink);font-size:.875rem;font-weight:700}.sfk-choice__help{color:var(--sfk-muted);font-size:.75rem}.sfk-chip{display:inline-flex;align-items:center;gap:.3rem;min-height:1.5rem;padding:0 .6rem;border-radius:999px;background:var(--sfk-soft);color:var(--sfk-text);font-size:.7rem;font-weight:700;white-space:nowrap}.sfk-chip--ok{background:var(--sfk-ok-tint);color:#166534}.sfk-chip--warn{background:var(--sfk-warn-tint);color:var(--sfk-warn)}.sfk-chip--accent{background:var(--sfk-tint-strong);color:var(--sfk-ink)}.sfk-note{display:flex;gap:.625rem;padding:.75rem .875rem;border-radius:.875rem;background:var(--sfk-soft);color:var(--sfk-text);font-size:.75rem;line-height:1.5}.sfk-note>i{margin-top:.15rem;color:var(--sfk-accent-deep)}.sfk-note--warn{background:var(--sfk-warn-tint);color:#78350f}.sfk-note--warn>i{color:var(--sfk-warn)}.sfk-note ul{margin:.25rem 0 0;padding-left:1.1rem}.sfk-vars{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));margin:0;padding:0;list-style:none}.sfk-var{display:flex;flex-direction:column;gap:.3rem;min-width:0;padding:.75rem;border:1px solid var(--sfk-line);border-style:solid;border-radius:.875rem;background:#fff;animation:sfk-rise .4s var(--sfk-ease) backwards;animation-delay:calc(var(--sfk-i, 0) * 40ms)}.sfk-var__token{align-self:flex-start;padding:.15rem .5rem;border-radius:.5rem;background:var(--sfk-tint);color:var(--sfk-accent-deep);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:700}.sfk-var__example{overflow:hidden;color:var(--sfk-muted);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.sfk-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;width:100%;min-height:9rem;margin:0;padding:1.25rem;border:2px dashed var(--sfk-line);border-style:dashed;border-radius:1rem;background:var(--sfk-soft);color:var(--sfk-muted);font:inherit;font-size:.8125rem;text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.sfk-drop:hover,.sfk-drop.is-over{border-color:var(--sfk-accent);background:var(--sfk-tint)}.sfk-drop.is-over{transform:scale(1.01)}.sfk-drop__bubble{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;background:#fff;box-shadow:0 8px 18px -12px #0f172a73;color:var(--sfk-accent-deep);font-size:1.1rem;transition:transform .3s var(--sfk-spring)}.sfk-drop:hover .sfk-drop__bubble{transform:translateY(-3px)}.sfk-drop__main{margin:0;color:var(--sfk-ink);font-weight:700}.sfk-drop__hint{margin:0;color:var(--sfk-faint);font-size:.7rem}.sfk-preview{position:relative;overflow:hidden;border:1px solid var(--sfk-line);border-style:solid;border-radius:1rem;background:var(--sfk-soft)}.sfk-preview__label{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-bottom:1px solid var(--sfk-line);border-bottom-style:solid;background:#fff;color:var(--sfk-muted);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sfk-preview__label:before{width:.45rem;height:.45rem;border-radius:999px;background:var(--sfk-ok);content:"";animation:sfk-beat 1.8s ease-in-out infinite}.sfk-fade-enter-active,.sfk-fade-leave-active{transition:opacity .25s ease,transform .3s var(--sfk-ease)}.sfk-fade-enter-from,.sfk-fade-leave-to{opacity:0;transform:translateY(-6px)}.sfk-swap-enter-active,.sfk-swap-leave-active{transition:opacity .18s ease,transform .22s var(--sfk-spring)}.sfk-swap-enter-from,.sfk-swap-leave-to{opacity:0;transform:scale(.9)}@keyframes sfk-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes sfk-pop{0%{transform:scale(.6)}}@keyframes sfk-beat{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.sfk-scope *,.sfk-card,.sfk-card *{animation:none!important;transition:none!important}}.sfk-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 1rem;margin:0 0 1rem;padding:0 .25rem;animation:sfk-rise .4s var(--sfk-ease, ease) backwards}.sfk-head__title{margin:0;color:#0f172a;font-size:1.125rem;font-weight:700;line-height:1.3}.sfk-head__lead{margin:.2rem 0 0;color:#64748b;font-size:.8125rem}.sfk-head__actions{display:flex;align-items:center;gap:.5rem}.ssh-panel:has(.sfk-scope){padding:0;border:0;background:transparent;box-shadow:none}.msx-split{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@container sfk-card (min-width: 580px){.msx-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:1.25rem}}.msx-split__fields{display:flex;flex-direction:column;gap:1rem;min-width:0}.msx-rules>span{white-space:pre-line}.msx-inbox__list{display:flex;flex-direction:column;padding:.375rem;background:#fff}.msx-inbox__row{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:.75rem}.msx-inbox__row.is-new{position:relative;background:var(--sfk-tint);animation:msx-slide-in .5s var(--sfk-spring) .15s backwards}.msx-inbox__row.is-new:after{position:absolute;top:50%;right:.625rem;width:.5rem;height:.5rem;margin-top:-.25rem;border-radius:999px;background:var(--sfk-accent);content:""}.msx-inbox__row.is-ghost{opacity:.55}.msx-inbox__avatar{display:grid;flex:none;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--sfk-accent);color:var(--sfk-accent-text);font-size:1rem;font-weight:700}.is-ghost .msx-inbox__avatar{background:var(--sfk-line)}.msx-inbox__text{display:flex;flex:1 1 auto;flex-direction:column;gap:.2rem;min-width:0;padding-right:1rem}.msx-inbox__top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.msx-inbox__name,.msx-inbox__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msx-inbox__name{color:var(--sfk-ink);font-size:.875rem;font-weight:700}.msx-inbox__email{color:var(--sfk-muted);font-size:.75rem}.msx-inbox__name.is-empty,.msx-inbox__email.is-empty{color:var(--sfk-faint);font-weight:500;font-style:italic}.msx-inbox__time{flex:none;color:var(--sfk-accent-deep);font-size:.7rem;font-weight:700}.msx-bars{display:flex;flex-direction:column;gap:.35rem;padding-top:.25rem}.msx-bars>span{display:block;width:85%;height:.4rem;border-radius:999px;background:color-mix(in srgb,var(--sfk-ink) 12%,transparent)}.msx-bars>span+span{width:55%;opacity:.6}.msx-sms__stage{display:flex;justify-content:center;height:12.5rem;overflow:hidden;padding:1.25rem 1rem 0;background:radial-gradient(circle at 50% 0,var(--sfk-tint-strong),transparent 70%),var(--sfk-soft)}.msx-phone{position:relative;display:flex;flex-direction:column;width:100%;max-width:15.5rem;height:22rem;padding:.625rem;border-radius:2.25rem;background:#0f172a;box-shadow:0 24px 40px -24px #0f172a99;animation:sfk-rise .55s var(--sfk-ease) .1s backwards}.msx-phone__screen{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden;border-radius:1.75rem;background:#fff}.msx-phone__notch{align-self:center;width:4.5rem;height:1.1rem;margin-top:.4rem;border-radius:999px;background:#0f172a}.msx-phone__head{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .75rem .625rem;border-bottom:1px solid var(--sfk-line);border-bottom-style:solid;background:var(--sfk-soft)}.msx-phone__avatar{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;background:linear-gradient(160deg,#cbd5e1,#94a3b8);color:#fff;font-size:1rem;font-weight:700}.msx-phone__name{display:inline-flex;align-items:center;gap:.25rem;max-width:100%;min-height:1.1rem;color:var(--sfk-ink);font-size:.8rem;font-weight:700;letter-spacing:.01em}.msx-phone__name>i{color:var(--sfk-faint);font-size:.55rem}.msx-phone__name.is-empty:before{display:block;width:4.5rem;height:.5rem;border-radius:999px;background:var(--sfk-line);content:""}.msx-phone__thread{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.875rem .75rem}.msx-bubble{width:78%;padding:.625rem .75rem;border-radius:1.1rem 1.1rem 1.1rem .3rem;background:#e9edf2;transform-origin:0 100%;animation:msx-bubble .45s var(--sfk-spring) .45s backwards}.msx-bubble+.msx-bubble{width:52%;animation-delay:.7s}.msx-bubble .msx-bars{padding:0}.msx-bubble .msx-bars>span{width:100%;background:color-mix(in srgb,var(--sfk-ink) 16%,transparent)}.msx-meter{display:inline-flex;align-items:center;align-self:flex-end;gap:.5rem;color:var(--sfk-muted);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums}.msx-meter__bar{position:relative;overflow:hidden;width:5rem;height:.375rem;border-radius:999px;background:var(--sfk-line)}.msx-meter__bar>span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--sfk-accent);transition:width .3s var(--sfk-ease),background-color .2s ease}.msx-meter.is-full .msx-meter__bar>span{background:var(--sfk-ok)}.msx-meter.is-over{color:var(--sfk-danger);font-weight:700}.msx-meter.is-over .msx-meter__bar>span{background:var(--sfk-danger)}.msx-autosave{display:inline-flex;align-items:center;align-self:flex-end;min-height:1.5rem;color:var(--sfk-muted);font-size:.75rem;font-weight:600}.msx-autosave__state{display:inline-flex;align-items:center;gap:.4rem}.msx-autosave.is-saved{color:#166534}.msx-vars__legend{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;color:var(--sfk-muted);font-size:.75rem}.msx-vars__legend>.sfk-var__token{align-self:center}.msx-vars__legend>i{color:var(--sfk-faint);font-size:.65rem}.msx-vars .sfk-vars{grid-template-columns:repeat(auto-fill,minmax(9.25rem,1fr))}.msx-vars .sfk-var{transition:border-color .2s ease,transform .2s var(--sfk-ease),box-shadow .25s ease}.msx-vars .sfk-var:hover{border-color:color-mix(in srgb,var(--sfk-accent) 35%,var(--sfk-line));box-shadow:0 10px 20px -16px #0f172a73;transform:translateY(-2px)}.msx-empty{margin:0;padding:1rem;border-radius:.875rem;background:var(--sfk-soft);color:var(--sfk-muted);text-align:center}.msx--compact .sfk-card{box-shadow:none}@keyframes msx-slide-in{0%{opacity:0;transform:translate(-14px)}}@keyframes msx-bubble{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion: reduce){.msx-inbox__row,.msx-phone,.msx-bubble,.msx-meter__bar>span,.msx-vars .sfk-var{animation:none!important;transition:none!important}}