.demo-wrap{--stage-width:min(100vw - 32px, 1760px);--callout-width:0px;--callout-overlap:0px;width:var(--stage-width);margin-inline:calc((100% - var(--stage-width)) / 2)}@media (width<=767px){.demo-wrap,.plank-media:has(.demo-wrap){display:none}}.demo-stage{grid-template-columns:minmax(0,1fr);display:grid;position:relative}.demo-callouts{pointer-events:none;display:none}@media (width>=1360px){.demo-wrap{--callout-width:196px;--callout-overlap:40px}.demo-stage{grid-template-columns:var(--callout-width) minmax(0, 1fr) var(--callout-width)}.demo-stage>.demo-app{margin-inline:calc(-1 * var(--callout-overlap))}.demo-callouts{z-index:6;display:block;position:relative}.demo-callouts--top{margin-inline:calc(var(--callout-width) - var(--callout-overlap));grid-column:1/-1}.demo-callouts--bottom{right:calc(var(--callout-width) - var(--callout-overlap) + 28px);bottom:28px;left:calc(var(--callout-width) - var(--callout-overlap) + 28px);position:absolute}.demo-callouts--top .demo-callout,.demo-callouts--bottom .demo-callout{width:220px;right:auto}}@media (width>=1600px){.demo-wrap{--callout-width:232px;--callout-overlap:44px}}.demo-callout{pointer-events:none;position:absolute;top:0;left:0;right:0}.demo-callout__inner{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-frame);opacity:0;transition:opacity .35s var(--ease-ui), transform .45s var(--ease-reveal);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex;transform:translateY(10px)scale(.97)}.demo-callout__inner p{color:var(--foreground);text-wrap:pretty;margin:0;font-size:.875rem;line-height:1.4}.demo-stage[data-callouts=on] .demo-callout[data-hidden=false] .demo-callout__inner{opacity:1;transition-delay:calc(var(--i) * 70ms + .12s);transform:none}.demo-number{background:var(--accent);width:22px;height:22px;color:var(--on-accent);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.demo-lines{pointer-events:none;z-index:3;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}@media (width>=1360px){.demo-lines{display:block}}.demo-lines path{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.85;transition:stroke-dashoffset .3s var(--ease-ui)}.demo-stage[data-callouts=on] .demo-lines path{stroke-dashoffset:0;transition:stroke-dashoffset .7s var(--ease-reveal) calc(var(--i) * 70ms + .26s)}.demo-markers{pointer-events:none;z-index:4;position:absolute;inset:0}.demo-marker{position:absolute;top:0;left:0}.demo-marker[hidden]{display:none}.demo-marker>span{border:2px solid var(--surface);background:var(--accent);width:20px;height:20px;color:var(--on-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);opacity:0;transition:opacity .2s var(--ease-ui), transform .3s var(--ease-ui);border-radius:50%;justify-content:center;align-items:center;margin:-10px 0 0 -10px;font-size:.6875rem;font-weight:600;line-height:1;display:flex;transform:scale(.4)}.demo-stage[data-callouts=on] .demo-marker>span{opacity:1;transition:opacity .3s var(--ease-ui) calc(var(--i) * 70ms + .5s), transform .45s var(--ease-reveal) calc(var(--i) * 70ms + .5s);transform:none}@media (width>=1360px){.demo-marker>span{width:10px;height:10px;margin:-5px 0 0 -5px;font-size:0}}@media (prefers-reduced-motion:reduce){.demo-callout__inner,.demo-lines path,.demo-marker>span{transition-duration:.01ms!important;transition-delay:0s!important}}.demo-toolbar{margin-bottom:16px;margin-inline:calc(var(--callout-width) - var(--callout-overlap));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-inline:4px;display:flex}.demo-toolbar__label{color:var(--muted-foreground);align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.demo-toolbar__dot{background:#10b982;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #10b98233}.demo-toolbar__actions{flex-wrap:wrap;gap:8px;display:flex}.demo-toolbar__button{border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--foreground);transition:border-color .2s var(--ease-ui), color .2s var(--ease-ui);border-radius:100px;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:500;display:inline-flex}.demo-toolbar__button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text)}.demo-toolbar__button:disabled{opacity:.5;cursor:default}.demo-toolbar__button svg{width:16px;height:16px}.demo-callout-list{border-top:1px solid var(--line);gap:0 32px;margin-top:24px;display:grid}@media (width>=768px){.demo-callout-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1360px){.demo-callout-list{display:none}}.demo-callout-list li{border-bottom:1px solid var(--line);color:var(--foreground);text-align:left;align-items:flex-start;gap:12px;padding-block:12px;display:flex}.demo-app{--cf-ease:cubic-bezier(.22, 1, .36, 1);--cf-accent:#06f;--cf-accent-hover:#0052cc;--cf-gray:#f4f5f7;--cf-radius-lg:24px;--cf-radius-md:12px;--color-primary-background:#fff;--color-contrast-background:#1a1a1a;--color-primary-text:#1a1a1a;--color-contrast-text:#fff;--color-secondary-text:#6b7280;--color-error-text:#dc2626;--cf-text-muted:#64748b;--cf-placeholder-text:#94a3b8;--cf-surface-subtle:#f8fafc;--cf-border:#e2e8f0;--cf-border-subtle:#e8e9eb;--cf-border-input:#cbd5e1;--cf-shadow-sm:0 1px 4px #0000001a;--cf-focus-shadow:0 0 0 4px #0000000d;--cf-input-locked-bg:color-mix(in srgb, var(--cf-text-muted) 8%, var(--color-primary-background));--btn-ghost-text:#0a0e14;--btn-destructive-bg:#e44;--btn-destructive-soft-bg:#fff0f0;--btn-secondary-hover-bg:color-mix(in srgb, var(--cf-accent) 12%, var(--color-primary-background));--app-badge-green:#10b982;--app-badge-red:#e44;--app-badge-amber:#f49e0b;--app-badge-blue:#06f;--app-badge-purple:#7c3aed;--app-badge-gray:#64748b;--toast-bg:#fff;--toast-text:var(--cf-text-dark);--toast-border:var(--cf-border);--toast-success:var(--app-badge-green);--toast-warning:var(--app-badge-amber);--toast-error:var(--app-badge-red);--toast-info:var(--app-badge-blue);--cf-white:#fff;--cf-text-dark:#0f172a;--cf-text-body:#475569;--cf-surface-hover:#f1f5f9;--cf-surface-raised:#fff;--cf-shadow-md:0 4px 16px #0000001a;--btn-focus-ring:var(--cf-accent);--btn-destructive-border:#e44;--btn-destructive-hover-bg:#c64444;border:1px solid var(--line);background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--cf-accent) 10%, transparent), transparent 60%), var(--cf-gray);min-width:0;box-shadow:var(--shadow-frame);color:var(--color-primary-text);text-align:left;color-scheme:light;border-radius:34px;padding:14px;font-size:1rem;line-height:1.5;position:relative}[data-theme=dark] .demo-app{--cf-gray:#0b0f17;--color-primary-background:#151b26;--color-contrast-background:#f4f5f7;--color-primary-text:#e6e9ef;--color-contrast-text:#0a0e14;--color-secondary-text:#9aa3b2;--color-error-text:#f87171;--cf-text-muted:#8b94a3;--cf-placeholder-text:#6b7280;--cf-surface-subtle:#1a212c;--cf-border:#283142;--cf-border-subtle:#222a37;--cf-border-input:#3a4456;--cf-shadow-sm:none;--cf-focus-shadow:0 0 0 4px #ffffff1a;--btn-ghost-text:#e6e9ef;--btn-destructive-soft-bg:color-mix(in srgb, #e44 15%, var(--color-primary-background));--toast-bg:#2a3444;--cf-text-dark:#f1f4f9;--cf-text-body:#c2c9d6;--cf-surface-hover:#1e2733;--cf-surface-raised:#2a3444;--cf-shadow-md:none;color-scheme:dark}.demo-app p{margin:0;font-size:.875rem}.demo-app :is(h1,h2,h3,h4,h5,h6){font-weight:700}.demo-app svg{display:block}.demo-app .cf-editor__layout{flex-direction:column;gap:14px;display:flex}@media (width>=960px){.demo-app .cf-editor__layout{height:clamp(620px,78vh,760px)}}.demo-app .cf-editor__hero{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:linear-gradient(to top, color-mix(in srgb, var(--hero-tint,var(--cf-accent)) 9%, var(--color-primary-background)) 0%, var(--color-primary-background) 70%);box-shadow:var(--cf-shadow-sm);transition:background .4s var(--cf-ease);flex-shrink:0}.demo-app .cf-editor__hero-bar{border-bottom:1px solid var(--cf-border-subtle);align-items:center;padding:12px 20px;display:flex}.demo-app .cf-editor__hero-back{color:var(--cf-text-muted);cursor:default;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex}.demo-app .cf-editor__hero-back svg{width:16px;height:16px}.demo-app .cf-editor__hero-main{flex-wrap:wrap;align-items:center;gap:16px 20px;padding:18px 20px;display:flex}.demo-app .cf-editor__hero-icon{border-radius:var(--cf-radius-lg);background:var(--color-contrast-background);width:52px;height:52px;color:var(--color-contrast-text);letter-spacing:.02em;transition:background .3s var(--cf-ease), color .3s var(--cf-ease);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.demo-app .cf-editor__hero-icon--tinted{background:color-mix(in srgb, var(--type-tint) 16%, var(--color-primary-background));color:var(--type-tint)}.demo-app .cf-editor__hero-info{flex:1;min-width:180px}.demo-app .cf-editor__hero-title{color:var(--color-primary-text);font-size:1.375rem;font-weight:700;line-height:1.3}.demo-app .cf-editor__hero-subtitle{color:var(--cf-text-muted);margin-top:4px;font-size:.85rem}.demo-app .cf-editor__hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-app .cf-editor__actions-group{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.demo-app .cf-editor__download{min-height:auto;padding:8px}.demo-app .cf-editor__download svg{width:18px;height:18px}.demo-app .cf-editor__download:hover:not(:disabled){background:color-mix(in srgb, var(--hero-tint,var(--cf-accent)) 12%, var(--color-primary-background))}.demo-app .cf-editor__delete:hover:not(:disabled){background:var(--btn-destructive-soft-bg);color:var(--btn-destructive-bg)}.demo-app .cf-editor__primary-icon-button{gap:6px}.demo-app .app-button.cf-editor__status-action{border-color:var(--app-badge-green);background:var(--app-badge-green);color:#fff}.demo-app .app-button.cf-editor__status-action:hover:not(:disabled){border-color:color-mix(in srgb, var(--app-badge-green) 85%, #000);background:color-mix(in srgb, var(--app-badge-green) 85%, #000)}.demo-app .cf-editor__columns{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (width>=960px){.demo-app .cf-editor__columns{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);min-height:0}}.demo-app .cf-editor__panel{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);min-height:0;box-shadow:var(--cf-shadow-sm);flex-direction:column;padding:18px;display:flex;overflow:hidden;container-type:inline-size}@media (width<=959px){.demo-app .cf-editor__panel{height:560px}}.demo-app .cf-editor__panel-head{scrollbar-width:none;flex-shrink:0;margin-bottom:18px;overflow-x:auto}.demo-app .cf-editor__main{scrollbar-width:thin;scrollbar-color:var(--cf-border-input) transparent;overscroll-behavior:contain;flex:1;min-height:0;margin:0 -18px;padding:0 18px 4px;overflow:hidden auto}.demo-app .dm-tab{animation:dm-fade .25s var(--cf-ease)}@keyframes dm-fade{0%{opacity:0;transform:translateY(4px)}}.demo-app .app-tab-switch{border:1px solid var(--cf-border);background:var(--cf-surface-subtle);border-radius:999px;gap:3px;height:30px;padding:3px;display:inline-flex}.demo-app .app-tab-switch__tab{color:var(--cf-text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:.8125rem;font-weight:600;line-height:1;transition:background .15s,color .15s;display:inline-flex}.demo-app .app-tab-switch__tab:hover{color:var(--color-primary-text)}.demo-app .app-tab-switch__tab--active{background:var(--color-primary-background);color:var(--color-primary-text);box-shadow:var(--cf-shadow-sm)}.demo-app .app-tab-switch__icon{width:14px;height:14px}@container (width<=460px){.demo-app .app-tab-switch__tab{padding:0 9px;font-size:.78rem}.demo-app .app-tab-switch__icon{display:none}}.demo-app .app-button{white-space:nowrap;min-height:38px;transition:background .2s var(--cf-ease), color .2s var(--cf-ease), border-color .2s var(--cf-ease), opacity .2s var(--cf-ease), transform .15s var(--cf-ease);border:1px solid #0000;border-radius:23px;justify-content:center;align-items:center;padding:8px 12px;font-size:.875rem;font-weight:700;display:inline-flex}.demo-app .app-button:active:not(:disabled){transform:scale(.96)}.demo-app .app-button:disabled{cursor:not-allowed;opacity:.5}.demo-app .app-button--primary{border-color:var(--cf-accent);background:var(--cf-accent);color:#fff}.demo-app .app-button--primary:hover:not(:disabled){border-color:var(--cf-accent-hover);background:var(--cf-accent-hover)}.demo-app .app-button--secondary{border-color:var(--cf-accent);background:var(--color-primary-background);color:var(--cf-accent)}.demo-app .app-button--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--cf-accent) 12%, var(--color-primary-background))}.demo-app .app-button--ghost{color:var(--btn-ghost-text);background:0 0}.demo-app .app-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--cf-accent) 12%, var(--color-primary-background))}.demo-app .app-badge{background:color-mix(in srgb, var(--app-badge-color) 12%, var(--color-primary-background));min-width:56px;color:var(--app-badge-color);white-space:nowrap;transition:background .3s var(--cf-ease), color .3s var(--cf-ease);border-radius:999px;justify-content:center;align-items:center;padding:6px 12px 4px;font-size:.7rem;font-weight:700;line-height:1.2;display:inline-flex}.demo-app .app-badge--small{min-width:0;padding:2px 7px;font-size:.62rem;font-weight:600;line-height:1.15}.demo-app .app-badge--red{--app-badge-color:var(--app-badge-red)}.demo-app .app-badge--amber{--app-badge-color:var(--app-badge-amber)}.demo-app .app-badge--purple{--app-badge-color:var(--app-badge-purple)}.demo-app .app-badge--gray{--app-badge-color:var(--app-badge-gray)}.demo-app .app-badge--blue{--app-badge-color:var(--app-badge-blue)}.demo-app .app-badge--green{--app-badge-color:var(--app-badge-green)}.demo-app .cf-editor__hint{color:var(--cf-text-muted);margin:2px 0 0;font-size:.8rem}.demo-app .cf-editor__hint--basedata{align-items:center;gap:6px;margin:0 0 16px;display:flex}.demo-app .cf-form-grid{grid-template-columns:minmax(0,1fr);gap:16px 14px;display:grid}@media (width>=560px){.demo-app .cf-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-app .cf-form-grid .input-group--wide{grid-column:span 2}}.demo-app .dm-stack{gap:16px;display:grid}.demo-app .dm-advanced-grid{gap:12px;display:grid}.demo-app .input-group{flex-direction:column;min-width:0;display:flex;position:relative}.demo-app .input-group label{color:var(--color-secondary-text);margin-bottom:3px;padding-left:16px;font-size:.75rem;font-weight:500}.demo-app .input-group input,.demo-app .input-group select,.demo-app .input-group textarea{box-sizing:border-box;border:1px solid var(--cf-border-input);border-radius:var(--cf-radius-lg);background-color:var(--color-primary-background);width:100%;min-height:36px;color:var(--color-primary-text);font:inherit;transition:border-color .2s var(--cf-ease), box-shadow .2s var(--cf-ease);padding:8px 12px 6px;font-size:.75rem}.demo-app .input-group select{appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='%236b7280'%3E%3Cpath d='M8 11.5l-4-6h8z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.demo-app .input-group textarea{resize:vertical;scrollbar-width:thin;min-height:84px;line-height:1.5}.demo-app .input-group input:focus,.demo-app .input-group select:focus,.demo-app .input-group textarea:focus{border-color:var(--cf-accent);box-shadow:var(--cf-focus-shadow);outline:none}.demo-app .input-group input:disabled,.demo-app .input-group select:disabled,.demo-app .input-group textarea:disabled{background-color:var(--cf-input-locked-bg);color:var(--cf-text-muted);cursor:not-allowed;opacity:.7}.demo-app .input-group input::placeholder,.demo-app .input-group textarea::placeholder{color:var(--cf-placeholder-text)}.demo-app .input-group input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.demo-app .cf-editor__customer-row{align-items:stretch;gap:12px;display:flex}.demo-app .cf-editor__customer-row .cf-select{flex:1;min-width:0}.demo-app .cf-editor__customer-new{flex-shrink:0}.demo-app .app-advanced-section{border:1px dashed var(--cf-border-input);border-radius:var(--cf-radius-lg);padding:10px 12px}.demo-app .app-advanced-section__toggle{width:100%;color:inherit;text-align:left;justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;font-weight:600;display:flex}.demo-app .app-advanced-section--expanded .app-advanced-section__toggle{margin-bottom:14px}.demo-app .app-advanced-section__toggle-icon{width:18px;height:18px;color:var(--cf-text-muted);transition:transform .15s}.demo-app .app-advanced-section--expanded .app-advanced-section__toggle-icon{transform:rotate(180deg)}.demo-app .cf-editor__field-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-app .cf-editor__reset-button{color:var(--color-primary-text);white-space:nowrap;margin-bottom:3px;padding:2px;font-size:.7rem;font-weight:600;line-height:1.2}.demo-app .cf-editor__reset-button:hover{color:var(--cf-accent)}.demo-app .cf-editor__positions{flex-direction:column;gap:14px;display:flex}.demo-app .cf-editor__free,.demo-app .cf-editor__saved,.demo-app .cf-editor__selected{border:1px solid var(--cf-border-subtle);border-radius:var(--cf-radius-lg);background:color-mix(in srgb, var(--cf-border-subtle) 25%, var(--color-primary-background));padding:10px 14px}.demo-app .cf-editor__free{border-style:dashed;border-color:var(--cf-border-input)}.demo-app .cf-editor__section-head{margin:0 0 12px}.demo-app .cf-editor__section-head--row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.demo-app .cf-editor__section-head h3{color:var(--color-primary-text);margin:0;font-size:1rem;font-weight:700}.demo-app .cf-editor__count{color:var(--cf-text-muted);flex:none;font-size:.8rem;font-weight:600}.demo-app .cf-editor__search{box-sizing:border-box;border:1px solid var(--cf-border-input);border-radius:var(--cf-radius-lg);background-color:var(--color-primary-background);width:100%;color:var(--color-primary-text);font:inherit;margin-bottom:10px;padding:7px 12px;font-size:.75rem}.demo-app .cf-editor__search:focus{border-color:var(--cf-accent);box-shadow:var(--cf-focus-shadow);outline:none}.demo-app .cf-editor__search::placeholder{color:var(--cf-placeholder-text)}.demo-app .cf-editor__template-list{scrollbar-width:thin;overscroll-behavior:contain;max-height:236px;overflow-y:auto}.demo-app .cf-editor__template{border:1px solid var(--cf-border-subtle);border-radius:14px;align-items:center;gap:8px;min-width:0;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.demo-app .cf-editor__template+.cf-editor__template{margin-top:8px}.demo-app .cf-editor__template--selected{border-color:color-mix(in srgb, var(--cf-accent) 35%, var(--color-primary-background));background:color-mix(in srgb, var(--cf-accent) 12%, var(--color-primary-background))}.demo-app .cf-editor__template-icon{border:1px solid color-mix(in srgb, var(--template-icon-color) 24%, var(--color-primary-background));background:color-mix(in srgb, var(--template-icon-color) 14%, var(--color-primary-background));height:34px;color:var(--template-icon-color);border-radius:11px;flex:0 0 34px;justify-content:center;align-items:center;display:inline-flex}.demo-app .cf-editor__template-icon svg{width:17px;height:17px}.demo-app .cf-editor__template-info{flex-direction:column;flex:1;min-width:0;display:flex}.demo-app .cf-editor__template-title{flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:.875rem;font-weight:600;line-height:1.35;display:flex}.demo-app .cf-editor__template-sku{color:var(--cf-text-muted);font-size:.7rem}.demo-app .cf-editor__template-desc{color:var(--cf-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.78rem;line-height:1.35;overflow:hidden}.demo-app .cf-editor__template-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;font-size:.85rem;display:flex}.demo-app .cf-editor__template-price{white-space:nowrap;font-weight:600}.demo-app .cf-editor__template-state{color:var(--cf-text-muted);white-space:nowrap;margin-top:2px;font-size:.75rem}.demo-app .cf-editor__template--selected .cf-editor__template-state{color:var(--cf-accent);font-weight:600}.demo-app .cf-editor__template-add,.demo-app .cf-editor__free-add{width:34px;height:34px;color:var(--cf-text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.demo-app .cf-editor__template-add svg,.demo-app .cf-editor__free-add svg{width:26px;height:26px}.demo-app .cf-editor__template-add:hover,.demo-app .cf-editor__template-add--active,.demo-app .cf-editor__free-add:hover:not(:disabled){color:var(--cf-accent)}.demo-app .cf-editor__template-add--active:hover{color:var(--color-error-text)}.demo-app .cf-editor__free-add:disabled{opacity:.4;cursor:not-allowed}.demo-app .cf-editor__free-toggle{width:100%;color:inherit;text-align:left;justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.demo-app .cf-editor__free--expanded .cf-editor__free-toggle{margin-bottom:14px}.demo-app .cf-editor__free-toggle-icon{width:18px;height:18px;color:var(--cf-text-muted);flex-shrink:0;transition:transform .15s}.demo-app .cf-editor__free--expanded .cf-editor__free-toggle-icon{transform:rotate(180deg)}.demo-app .cf-editor__free-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.demo-app .cf-editor__free-title{flex:140px}.demo-app .cf-editor__free-unit{flex:0 0 96px}.demo-app .cf-editor__free-price{flex:0 0 84px}.demo-app .cf-editor__free-num{flex:0 0 64px}.demo-app .cf-editor__free-row .input-group label{padding-left:10px}.demo-app .cf-editor__free-desc-field{margin-top:10px}.demo-app .cf-editor__position{border-bottom:1px solid var(--cf-border-subtle);padding:12px 4px}.demo-app .cf-editor__position:first-child{border-top:1px solid var(--cf-border-subtle)}.demo-app .cf-editor__position:last-child{border-bottom:none}.demo-app .cf-editor__position-row{cursor:pointer;align-items:center;gap:14px;display:flex}.demo-app .cf-editor__position-info{flex-direction:column;flex:1;min-width:0;display:flex}.demo-app .cf-editor__position-title-row{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.demo-app .cf-editor__position-title{color:var(--color-primary-text);font-size:.9rem;font-weight:600}.demo-app .cf-editor__position-hint{color:var(--cf-text-muted);font-size:.75rem;font-weight:500}.demo-app .cf-editor__position-note-toggle{width:14px;height:14px;color:var(--cf-text-muted);opacity:.6;transition:transform .15s var(--cf-ease), opacity .15s;align-self:center}.demo-app .cf-editor__position-row:hover .cf-editor__position-note-toggle{opacity:1}.demo-app .cf-editor__position-note-toggle--open{transform:rotate(180deg)}.demo-app .cf-editor__position-desc{color:var(--cf-text-muted);margin-top:2px;font-size:.8rem;line-height:1.4}.demo-app .cf-editor__position-note-preview{color:var(--cf-text-muted);align-items:center;gap:5px;margin-top:4px;font-size:.75rem;font-style:italic;display:flex;overflow:hidden}.demo-app .cf-editor__position-note-preview span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-app .cf-editor__position-note-preview svg{flex-shrink:0;width:12px;height:12px}.demo-app .cf-editor__position-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.demo-app .cf-editor__qty{box-sizing:border-box;border:1px solid var(--cf-border-input);background-color:var(--color-primary-background);width:60px;color:var(--color-primary-text);font:inherit;text-align:center;border-radius:14px;padding:6px 8px;font-size:.75rem}.demo-app .cf-editor__qty:focus{border-color:var(--cf-accent);box-shadow:var(--cf-focus-shadow);outline:none}.demo-app .cf-editor__qty-text{text-align:center;min-width:60px}.demo-app .cf-editor__position-remove{min-height:auto;color:var(--cf-text-muted);padding:7px}.demo-app .cf-editor__position-remove:hover:not(:disabled){color:var(--color-error-text)}.demo-app .cf-editor__position-remove svg{width:20px;height:20px}.demo-app .cf-editor__position-note{box-sizing:border-box;border:1px solid var(--cf-border-input);border-radius:var(--cf-radius-lg);background-color:var(--color-primary-background);width:100%;color:var(--color-primary-text);font:inherit;resize:vertical;margin-top:10px;padding:8px 12px;font-size:.8rem}.demo-app .cf-editor__position-note:focus{border-color:var(--cf-accent);box-shadow:var(--cf-focus-shadow);outline:none}.demo-app .cf-editor__position-note::placeholder{color:var(--cf-placeholder-text)}.demo-app .cf-editor__position-note-text{color:var(--cf-text-muted);margin-top:8px;font-size:.8rem}.demo-app .app-button--destructive{border-color:var(--btn-destructive-border);background:var(--btn-destructive-bg);color:#fff}.demo-app .app-button--destructive:hover:not(:disabled){border-color:var(--btn-destructive-hover-bg);background:var(--btn-destructive-hover-bg)}.demo-app .app-button--destructive-outline{border-color:var(--btn-destructive-border);background:var(--color-primary-background);color:var(--btn-destructive-bg)}.demo-app .app-button--destructive-outline:hover:not(:disabled){background:var(--btn-destructive-soft-bg)}.demo-app .app-button:focus-visible{outline:2px solid var(--btn-focus-ring);outline-offset:2px}.demo-app .app-info-tooltip{color:var(--cf-text-muted);cursor:help;border-radius:6px;outline:none;justify-content:center;align-items:center;display:inline-flex}.demo-app .app-info-tooltip:focus-visible{outline:2px solid var(--btn-focus-ring);outline-offset:2px}.demo-app .app-info-tooltip--block{width:100%;cursor:inherit;display:block}.demo-app .app-info-tooltip__icon svg{width:14px;height:14px}.demo-app .app-info-tooltip__bubble{z-index:40;border:1px solid var(--cf-border);background:var(--cf-surface-raised);min-width:160px;max-width:260px;box-shadow:var(--cf-shadow-md);color:var(--cf-text-dark);text-align:left;pointer-events:none;border-radius:8px;padding:8px 12px;font-size:.75rem;line-height:1.4;position:absolute}.demo-app .app-placeholder{border:1px dashed var(--cf-border-input);border-radius:var(--cf-radius-lg);color:var(--cf-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;display:flex}.demo-app .app-placeholder__icon{background:color-mix(in srgb, var(--cf-accent) 14%, var(--color-primary-background));width:42px;height:42px;color:var(--cf-accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.demo-app .app-placeholder__icon svg{width:19px;height:19px}.demo-app .app-placeholder__title{color:var(--color-primary-text);font-weight:700}.demo-app .app-placeholder__description{max-width:360px;font-size:.85rem}.demo-app .app-placeholder__link{color:var(--cf-accent);text-underline-offset:3px;font-size:.85rem;font-weight:500;text-decoration:underline}.demo-app .app-toast-container{z-index:30;pointer-events:none;justify-items:end;gap:8px;max-width:calc(100% - 52px);display:grid;position:absolute;bottom:26px;right:26px}.demo-app .app-toast{border:1px solid var(--toast-border);border-radius:var(--cf-radius-md);background:var(--toast-bg);min-width:260px;max-width:380px;color:var(--toast-text);pointer-events:auto;animation:app-toast-in .3s var(--cf-ease);flex-direction:column;padding:12px 14px;display:flex;box-shadow:0 8px 28px #00000029}@keyframes app-toast-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.demo-app .app-toast__row{align-items:center;gap:10px;display:flex}.demo-app .app-toast__icon{color:var(--app-toast-color);flex-shrink:0;display:inline-flex}.demo-app .app-toast__icon svg{width:20px;height:20px}.demo-app .app-toast__text{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.85rem;font-weight:500;line-height:1.4}.demo-app .app-toast__buttons{flex-shrink:0;align-items:center;gap:2px;margin-left:4px;display:flex}.demo-app .app-toast__approve,.demo-app .app-toast__close{color:var(--cf-text-muted);border-radius:8px;padding:4px;transition:background .15s,color .15s;display:inline-flex}.demo-app .app-toast__approve svg,.demo-app .app-toast__close svg{width:20px;height:20px}.demo-app .app-toast__approve:hover{background:color-mix(in srgb, var(--toast-success) 14%, transparent);color:var(--toast-success)}.demo-app .app-toast__close:hover{background:color-mix(in srgb, var(--toast-error) 14%, transparent);color:var(--toast-error)}.demo-app .app-toast--success{--app-toast-color:var(--toast-success)}.demo-app .app-toast--warning{--app-toast-color:var(--toast-warning)}.demo-app .app-toast--error{--app-toast-color:var(--toast-error)}.demo-app .app-toast--info{--app-toast-color:var(--toast-info)}.demo-app .app-checkbox{align-items:center;gap:12px;display:inline-flex}.demo-app .app-checkbox--disabled{cursor:not-allowed;opacity:.5}.demo-app .app-checkbox:focus-visible{outline:2px solid var(--btn-focus-ring);outline-offset:4px;border-radius:8px}.demo-app .app-checkbox__box{border:1.5px solid var(--cf-border-input);background:var(--color-primary-background);width:20px;height:20px;color:var(--cf-white);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.demo-app .app-checkbox__box--on{border-color:var(--cf-accent);background:var(--cf-accent)}.demo-app .app-checkbox__track{background:var(--cf-border-input);border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background .2s;position:relative}.demo-app .app-checkbox__track--on{background:var(--cf-accent)}.demo-app .app-checkbox__thumb{background:var(--cf-white);width:20px;height:20px;box-shadow:var(--cf-shadow-sm);border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}.demo-app .app-checkbox__track--on .app-checkbox__thumb{transform:translate(18px)}.demo-app .app-checkbox__label{color:var(--color-secondary-text);font-size:.875rem;font-weight:500}.demo-app .app-tag{clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);background:color-mix(in srgb, var(--app-tag-color) 12%, var(--color-primary-background));color:var(--app-tag-color);white-space:nowrap;border-radius:3px;align-items:center;gap:4px;padding:5px 10px 4px 20px;font-size:.7rem;font-weight:700;line-height:1.2;display:inline-flex;position:relative}.demo-app .app-tag:before{content:"";background:var(--color-primary-background);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.demo-app .app-tag__icon{flex-shrink:0;width:11px;height:11px}.demo-app .app-search-bar{width:100%;max-width:300px;position:relative}.demo-app .app-search-bar__input{box-sizing:border-box;border:1px solid var(--cf-border-input);background:var(--color-primary-background);width:100%;height:36px;color:var(--cf-text-dark);font:inherit;border-radius:999px;outline:none;padding:0 16px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.demo-app .app-search-bar__input--has-value{padding-right:36px}.demo-app .app-search-bar__input::placeholder{color:var(--cf-placeholder-text)}.demo-app .app-search-bar__input:focus{border-color:var(--cf-accent);box-shadow:var(--cf-focus-shadow)}.demo-app .app-search-bar__clear{background:var(--cf-border);width:20px;height:20px;color:var(--cf-text-body);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.demo-app .app-search-bar__clear:hover{background:var(--cf-border-input)}.demo-app .app-progress-bar{background:var(--cf-border-subtle);border-radius:999px;width:100%;height:8px;overflow:hidden}.demo-app .app-progress-bar__fill{background:var(--cf-accent);height:100%;transition:width .3s var(--cf-ease);border-radius:999px}.demo-app .app-loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.demo-app .app-loading__spinner{fill:var(--app-loading-color,var(--cf-accent));flex-shrink:0;animation:.75s linear infinite app-loading-spin}.demo-app .app-loading--sm .app-loading__spinner{width:20px;height:20px}.demo-app .app-loading--md .app-loading__spinner{width:40px;height:40px}.demo-app .app-loading--lg .app-loading__spinner{width:64px;height:64px}@keyframes app-loading-spin{to{transform:rotate(360deg)}}.demo-app .app-loading__label{color:var(--color-secondary-text);font-size:.875rem;font-weight:500}.demo-app .app-pagination{color:var(--cf-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:.875rem;display:flex}.demo-app .app-pagination__controls{align-items:center;gap:8px;display:flex}.demo-app .app-pagination__button{min-height:32px;padding:4px 8px}.demo-app .app-pagination__button svg{width:18px;height:18px}.demo-app .app-pagination__page{text-align:center;font-variant-numeric:tabular-nums;min-width:90px}.demo-app .header-btn{border:1px solid var(--cf-border);background:var(--cf-surface-raised);width:36px;height:36px;color:var(--cf-text-dark);user-select:none;transition:background .2s var(--cf-ease), transform .15s var(--cf-ease);border-radius:999px;justify-content:center;align-items:center;display:flex}.demo-app .header-btn:hover{background:var(--cf-surface-hover)}.demo-app .header-btn:active{transform:scale(.92)}.demo-app .header-btn svg{width:16px;height:16px}.demo-app .header-btn--text{font-size:.75rem;font-weight:700}.demo-app .cf-status-badge{display:inline-flex;position:relative}.demo-app .cf-status-badge__trigger:disabled{cursor:not-allowed;opacity:.6}.demo-app .cf-status-badge__trigger--extended{background:color-mix(in srgb, var(--app-badge-color) 12%, var(--color-primary-background));min-height:38px;color:var(--app-badge-color);transition:background .2s var(--cf-ease), transform .15s var(--cf-ease);border-radius:23px;justify-content:center;align-items:center;padding:8px 20px;font-size:.875rem;font-weight:700;display:inline-flex}.demo-app .cf-status-badge__trigger--extended:hover:not(:disabled){background:color-mix(in srgb, var(--app-badge-color) 22%, var(--color-primary-background))}.demo-app .cf-status-badge__popup{z-index:30;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);width:max-content;padding:6px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000024}.demo-app .cf-status-badge__list{flex-direction:column;gap:4px;display:flex}.demo-app .cf-status-badge__option{border-radius:999px;width:100%;padding:4px 6px;display:flex}.demo-app .cf-status-badge__option:hover,.demo-app .cf-status-badge__option--active{background:var(--cf-surface-hover)}.demo-app .app-collapsible-section{border:1px solid var(--cf-border-input);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);overflow:hidden}.demo-app .app-collapsible-section__toggle{width:100%;color:var(--cf-text-dark);text-align:left;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.demo-app .app-collapsible-section__icon{border:1px solid color-mix(in srgb, var(--cf-accent) 24%, var(--color-primary-background));background:color-mix(in srgb, var(--cf-accent) 14%, var(--color-primary-background));width:28px;height:28px;color:var(--cf-accent);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.demo-app .app-collapsible-section__icon svg{width:15px;height:15px}.demo-app .app-collapsible-section__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.demo-app .app-collapsible-section__meta{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.demo-app .app-collapsible-section__chevron{width:18px;height:18px;color:var(--cf-text-muted);flex-shrink:0;transition:transform .15s}.demo-app .app-collapsible-section--expanded .app-collapsible-section__chevron{transform:rotate(180deg)}.demo-app .app-collapsible-section__content{border-top:1px solid var(--cf-border-subtle);padding:14px}.demo-app .app-table-card{border:1px solid var(--cf-border-subtle);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.demo-app .app-table-card__header{flex-shrink:0;padding:20px 24px 16px}.demo-app .app-table-card__title{color:var(--cf-text-dark);font-size:1.0625rem;font-weight:600}.demo-app .app-table-card__scroll{scrollbar-width:thin;scrollbar-color:var(--cf-border-input) var(--cf-gray);overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.demo-app .app-table-card__footer{border-top:1px solid var(--cf-border-subtle);flex-shrink:0;padding:12px 24px}.demo-app .app-table{border-collapse:separate;border-spacing:0;width:100%}.demo-app .app-table thead{z-index:1;position:sticky;top:0}.demo-app .app-table__th{background:var(--cf-gray);color:var(--cf-text-dark);letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:13px 18px;font-size:.7rem;font-weight:700}.demo-app .app-table__th--sortable{cursor:pointer;user-select:none}.demo-app .app-table__th-content{align-items:center;gap:4px;display:flex}.demo-app .app-table__sort-arrow{width:12px;height:12px;display:inline-flex}.demo-app .app-table__sort-arrow svg{width:100%;height:100%}.demo-app .app-table__sort-arrow--hidden{visibility:hidden}.demo-app .app-table__td{color:var(--cf-text-body);padding:11px 18px;font-size:.875rem}.demo-app .app-table__th:first-child,.demo-app .app-table__td:first-child{padding-left:24px}.demo-app .app-table__th:last-child,.demo-app .app-table__td:last-child{padding-right:24px}.demo-app .app-table__th--select,.demo-app .app-table__td--select{text-align:right;white-space:nowrap;width:1%;padding-left:12px}.demo-app .app-table__row:first-child .app-table__td{background-clip:padding-box;border-top:12px solid #0000}.demo-app .app-table__row:nth-child(2n) .app-table__td{background-color:var(--cf-surface-hover)}.demo-app .app-table__row:hover .app-table__td{background-color:var(--cf-border)}.demo-app .app-table__row--selected .app-table__td,.demo-app .app-table__row--selected:nth-child(2n) .app-table__td{background-color:color-mix(in srgb, var(--cf-accent) 10%, var(--color-primary-background))}.demo-app .app-table__row--clickable{cursor:pointer}.demo-app .app-table__empty{color:var(--cf-text-muted);text-align:center;padding:28px 20px;font-size:.875rem}.demo-app .cf-select{width:100%;min-width:0;position:relative}.demo-app .cf-select__control{box-sizing:border-box;border:1px solid var(--cf-border-input);border-radius:var(--cf-radius-lg);background-color:var(--color-primary-background);width:100%;min-height:36px;color:var(--color-primary-text);font:inherit;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;transition:border-color .2s,box-shadow .2s;display:flex}.demo-app .cf-select__control--open,.demo-app .cf-select__control:focus-visible{border-color:var(--cf-accent);box-shadow:var(--cf-focus-shadow);outline:none}.demo-app .cf-select__control:disabled{background-color:var(--cf-input-locked-bg);color:var(--cf-text-muted);cursor:not-allowed}.demo-app .cf-select__value{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.demo-app .cf-select__value--placeholder{color:var(--cf-placeholder-text)}.demo-app .cf-select__chevron{color:var(--cf-text-muted);flex-shrink:0}.demo-app .cf-select__popup{z-index:40;box-sizing:border-box;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);min-width:220px;animation:cf-pop .16s var(--cf-ease);padding:6px;position:absolute;box-shadow:0 8px 28px #00000024}@keyframes cf-pop{0%{opacity:0;transform:scale(.96)translateY(-4px)}}.demo-app .cf-select__search{margin-bottom:6px}.demo-app .cf-select__search .app-search-bar{max-width:none}.demo-app .cf-select__list{scrollbar-width:thin;overscroll-behavior:contain;flex-direction:column;gap:4px;display:flex;overflow-y:auto}.demo-app .cf-select__option{width:100%;color:var(--color-primary-text);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.demo-app .cf-select__option:hover,.demo-app .cf-select__option--selected{background:var(--cf-surface-hover)}.demo-app .cf-select__option-label{font-size:.75rem;font-weight:500}.demo-app .cf-select__check{color:var(--cf-accent);flex-shrink:0}.demo-app .cf-select__empty{color:var(--cf-text-muted);padding:14px;font-size:.85rem}.demo-app .cf-rich-option{align-items:center;gap:10px;min-width:0;display:flex}.demo-app .cf-rich-option__avatar,.demo-app .cf-rich-option__icon{background:color-mix(in srgb, var(--avatar-tint,var(--cf-accent)) 16%, var(--color-primary-background));width:28px;height:28px;color:var(--avatar-tint,var(--cf-accent));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-app .cf-rich-option__avatar{letter-spacing:.02em;font-size:.65rem;font-weight:700}.demo-app .cf-rich-option__icon svg{width:14px;height:14px}.demo-app .cf-rich-option__text{flex-direction:column;gap:1px;min-width:0;display:flex}.demo-app .cf-rich-option__label,.demo-app .cf-rich-option__description{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-app .cf-rich-option__label{font-size:.75rem;font-weight:600}.demo-app .cf-rich-option__description{color:var(--cf-text-muted);font-size:.7rem}.demo-app .cf-datepicker{width:100%;min-width:0;position:relative}.demo-app .cf-datepicker__trigger{box-sizing:border-box;border:1px solid var(--cf-border-input);border-radius:var(--cf-radius-lg);background-color:var(--color-primary-background);width:100%;min-height:36px;color:var(--color-primary-text);font:inherit;text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;font-size:.75rem;transition:border-color .2s,box-shadow .2s;display:flex}.demo-app .cf-datepicker__trigger[aria-expanded=true],.demo-app .cf-datepicker__trigger:focus-visible{border-color:var(--cf-accent);box-shadow:var(--cf-focus-shadow);outline:none}.demo-app .cf-datepicker__trigger--placeholder{color:var(--cf-placeholder-text)}.demo-app .cf-datepicker__trigger:disabled{background-color:var(--cf-input-locked-bg);color:var(--cf-text-muted);cursor:not-allowed}.demo-app .cf-datepicker__value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.demo-app .cf-datepicker__icon{color:var(--cf-text-muted);flex-shrink:0}.demo-app .cf-datepicker__icon--hidden{visibility:hidden}.demo-app .cf-datepicker__clear{width:24px;height:24px;color:var(--cf-text-muted);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.demo-app .cf-datepicker__clear:hover{background:var(--cf-surface-hover);color:var(--color-primary-text)}.demo-app .cf-datepicker__clear svg{width:14px;height:14px}.demo-app .cf-datepicker__popup{z-index:40;box-sizing:border-box;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);width:280px;animation:cf-pop .16s var(--cf-ease);padding:14px;position:absolute;box-shadow:0 8px 28px #00000024}.demo-app .cf-datepicker__nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.demo-app .cf-datepicker__month{color:var(--color-primary-text);text-transform:capitalize;font-size:.9rem;font-weight:600}.demo-app .cf-datepicker__year{color:inherit;border-radius:999px;padding:2px 6px;transition:background .2s,color .2s}.demo-app .cf-datepicker__year:hover{background:var(--cf-surface-hover)}.demo-app .cf-datepicker__year--active,.demo-app .cf-datepicker__year--active:hover{background:color-mix(in srgb, var(--cf-accent) 16%, transparent);color:var(--cf-accent)}.demo-app .cf-datepicker__nav-btn{width:30px;height:30px;color:var(--cf-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:inline-flex}.demo-app .cf-datepicker__nav-btn:hover{background:var(--cf-surface-hover)}.demo-app .cf-datepicker__weekdays,.demo-app .cf-datepicker__grid{grid-template-columns:repeat(7,1fr);gap:2px 0;display:grid}.demo-app .cf-datepicker__weekday{height:28px;color:var(--cf-text-muted);text-transform:capitalize;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.demo-app .cf-datepicker__day{z-index:0;aspect-ratio:1;color:var(--color-primary-text);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:background .15s,color .15s;display:flex;position:relative}.demo-app .cf-datepicker__day:hover{background:var(--cf-surface-hover)}.demo-app .cf-datepicker__day--blank,.demo-app .cf-datepicker__day--blank:hover{cursor:default;background:0 0}.demo-app .cf-datepicker__day--today{color:var(--cf-accent);font-weight:700}.demo-app .cf-datepicker__day--band-start:before,.demo-app .cf-datepicker__day--band-mid:before,.demo-app .cf-datepicker__day--band-end:before{content:"";z-index:-1;background:color-mix(in srgb, var(--cf-accent) 16%, transparent);position:absolute;inset:0}.demo-app .cf-datepicker__day--band-start:before{left:50%}.demo-app .cf-datepicker__day--band-end:before{right:50%}.demo-app .cf-datepicker__day--selected,.demo-app .cf-datepicker__day--selected:hover{background:var(--cf-accent);color:var(--cf-white);font-weight:600}.demo-app .input-group input[readonly],.demo-app .input-group textarea[readonly]{background-color:var(--cf-input-locked-bg);color:var(--cf-text-muted)}.demo-app .input-group .input-group__hint{color:var(--color-secondary-text);align-items:flex-start;gap:6px;margin:4px 0 0;padding-left:16px;font-size:.75rem;line-height:1.4;display:flex}.demo-app .cf-required-mark{color:var(--color-error-text);margin-left:2px}.demo-app .cf-label-with-hint{align-items:center;gap:6px;display:inline-flex}.demo-app .cf-form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.demo-app .cf-scroll{scrollbar-width:thin;scrollbar-color:var(--cf-border-input) transparent;overscroll-behavior:contain}.demo-app .cf-input-with-icon{min-width:0;position:relative}.demo-app .cf-input-with-icon>svg{z-index:1;width:15px;height:15px;color:var(--cf-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.demo-app .cf-input-with-icon>input,.demo-app .lukiva-base-form .cf-input-with-icon>input{padding-left:36px}.demo-app .cf-icon-button{border:1px solid var(--cf-border-input);width:30px;height:30px;color:var(--cf-text-muted);background:0 0;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:inline-flex}.demo-app .cf-icon-button svg{stroke-width:2px;width:14px;height:14px}.demo-app .cf-icon-button:hover{border-color:var(--cf-accent);color:var(--cf-accent)}.demo-app .cf-icon-button--sm{flex-basis:20px;width:20px;height:20px}.demo-app .cf-icon-button--sm svg{width:11px;height:11px}.demo-app .cf-form-message--error{color:var(--color-error-text);font-weight:600}.demo-app .cf-icon-button--lg{flex:0 0 38px;width:38px;height:38px}.demo-app .cf-icon-button--lg svg{width:16px;height:16px}.demo-app .cf-page{flex-direction:column;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.demo-app .cf-form-card{box-sizing:border-box;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);flex-direction:column;min-width:0;height:100%;padding:24px;display:flex;overflow:hidden}.demo-app .cf-form-scroll{flex:1;min-width:0;min-height:0;margin-inline:-24px;padding-inline:24px;overflow-y:auto}.demo-app .cf-form-scroll.cf-scroll{padding-right:14px}.demo-app .cf-pop{animation:cf-pop .2s var(--cf-ease) both}.demo-app .cf-filter{flex-shrink:0;align-items:center;gap:8px;display:flex}.demo-app .cf-filter__toggle{background:var(--color-primary-background);border-color:var(--cf-border-input);width:38px;height:38px;min-height:38px;color:var(--cf-text-muted);border-radius:50%;flex-shrink:0;padding:0}.demo-app .cf-filter__toggle:hover:not(:disabled){background:var(--cf-surface-hover)}.demo-app .cf-filter__toggle svg{width:16px;height:16px}.demo-app .cf-filter__toggle--active{border-color:var(--cf-accent);color:var(--cf-accent)}.demo-app .cf-filter__popover{z-index:10;transform-origin:0 0;background:var(--color-primary-background);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);width:max-content;box-shadow:var(--cf-shadow-md);gap:10px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.demo-app .cf-filter__popover>*{flex:0 0 var(--cf-filter-width,180px)}.demo-app .app-tag-picker{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;min-height:36px;display:flex}.demo-app .app-tag-picker__selected,.demo-app .app-tag-picker__add,.demo-app .app-tag-picker__option{color:var(--cf-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.demo-app .app-tag-picker__selected{border-radius:4px;max-width:100%;padding:2px}.demo-app .app-tag-picker__selected .app-tag,.demo-app .app-tag-picker__option .app-tag{text-overflow:ellipsis;min-width:0;overflow:hidden}.demo-app .app-tag-picker__selected>svg{flex-shrink:0}.demo-app .app-tag-picker__add{border:1px dashed var(--cf-border-input);border-radius:var(--cf-radius-lg);padding:6px 10px;font-size:.75rem}.demo-app .app-tag-picker__selected:hover,.demo-app .app-tag-picker__add:hover,.demo-app .app-tag-picker__option:hover,.demo-app .app-tag-picker__option[aria-pressed=true]{background:var(--cf-surface-hover)}.demo-app .app-tag-picker button:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}.demo-app .app-tag-picker button:disabled{opacity:.7;cursor:not-allowed}.demo-app .app-tag-picker__popup{z-index:1000;box-sizing:border-box;border:1px solid var(--cf-border);background:var(--color-primary-background);box-shadow:var(--cf-shadow-md);border-radius:16px;flex-direction:column;padding:10px;display:flex;position:fixed;overflow:auto}.demo-app .app-tag-picker__search{box-sizing:border-box;border:1px solid var(--cf-border-input);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);width:100%;min-height:36px;color:var(--color-primary-text);font:inherit;flex-shrink:0;margin-bottom:8px;padding:6px 12px;font-size:.8rem}.demo-app .app-tag-picker__search:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px}.demo-app .app-tag-picker__options{min-height:0;max-height:220px;overflow-y:auto}.demo-app .app-tag-picker__option{width:100%;color:var(--cf-accent);border-radius:8px;justify-content:space-between;padding:8px}.demo-app .app-tag-picker__option:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px}.demo-app .app-tag-picker__option>svg{flex-shrink:0}.demo-app .app-tag-picker__empty{color:var(--cf-text-muted);margin:8px;font-size:.8rem}.demo-app .invoice-preview{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);min-height:0;box-shadow:var(--cf-shadow-sm);scrollbar-width:thin;scrollbar-color:var(--cf-border-input) transparent;overscroll-behavior:contain;padding:18px;font-size:.85rem;position:relative;overflow-y:auto;container-type:inline-size}.demo-app .invoice-preview__logo{color:var(--color-primary-text);align-items:center;gap:8px;display:flex;position:absolute;top:18px;right:18px}.demo-app .invoice-preview__logo-mark{color:#fff;background:#0f766e;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.demo-app .invoice-preview__logo-mark svg{width:20px;height:20px}.demo-app .invoice-preview__logo-text{line-height:1.05;display:grid}.demo-app .invoice-preview__logo-text strong{letter-spacing:.06em;font-size:.85rem;font-weight:800}.demo-app .invoice-preview__logo-text span{color:var(--cf-text-muted);letter-spacing:.18em;font-size:.5rem;font-weight:700}.demo-app .invoice-preview__eyebrow,.demo-app .invoice-preview__label{color:var(--cf-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:700;display:block}.demo-app .invoice-preview__label{letter-spacing:.06em;margin-bottom:3px}.demo-app .invoice-preview__number{color:var(--color-primary-text);margin:6px 0 2px;font-size:1.15rem;font-weight:700}.demo-app .invoice-preview__divider{border-top:1px solid var(--cf-border-subtle);margin:12px 0}.demo-app .invoice-preview__meta-row{flex-wrap:wrap;justify-content:space-between;gap:12px 16px;display:flex}.demo-app .invoice-preview__bill-to{min-width:0}.demo-app .invoice-preview__customer-name{font-weight:700}.demo-app .invoice-preview__customer-detail{color:var(--cf-text-muted);overflow-wrap:anywhere;margin-top:2px;font-size:.78rem}.demo-app .invoice-preview__dates{text-align:right;flex-shrink:0;margin:0 0 0 auto}.demo-app .invoice-preview__date-row{justify-content:flex-end;gap:12px;font-size:.78rem;display:flex}.demo-app .invoice-preview__date-row+.invoice-preview__date-row{margin-top:4px}.demo-app .invoice-preview__date-row dt{color:var(--cf-text-muted)}.demo-app .invoice-preview__date-row dd{white-space:nowrap;margin:0}.demo-app .invoice-preview__cols{color:var(--cf-text-muted);letter-spacing:.06em;text-transform:uppercase;gap:10px;margin-bottom:6px;font-size:.62rem;font-weight:700;display:flex}.demo-app .invoice-preview__position{border-bottom:1px solid var(--cf-border-subtle);animation:dm-fade .25s var(--cf-ease);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.demo-app .invoice-preview__position:last-child{border-bottom:none}.demo-app .invoice-preview__col--title{overflow-wrap:break-word;flex-direction:column;flex:auto;min-width:0;display:flex}.demo-app .invoice-preview__col--qty,.demo-app .invoice-preview__col--unit,.demo-app .invoice-preview__col--price,.demo-app .invoice-preview__col--total{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}.demo-app .invoice-preview__cols .invoice-preview__col{overflow:visible}.demo-app .invoice-preview__col--qty{flex:0 0 26px}.demo-app .invoice-preview__col--unit{flex:0 0 50px}.demo-app .invoice-preview__col--price{text-align:center;flex:0 0 86px}.demo-app .invoice-preview__col--total{text-align:right;flex:0 0 96px}.demo-app .invoice-preview__qty-unit{display:none}@container (width<=600px){.demo-app .invoice-preview__col--unit{display:none}.demo-app .invoice-preview__col--qty{flex-basis:60px}.demo-app .invoice-preview__qty-unit{display:inline}.demo-app .invoice-preview__col--price{text-align:right;flex-basis:78px}.demo-app .invoice-preview__col--total{flex-basis:88px}.demo-app .invoice-preview__totals{max-width:246px}}.demo-app .invoice-preview__col--strong{font-weight:700}.demo-app .invoice-preview__position-title{font-weight:600}.demo-app .invoice-preview__position-desc,.demo-app .invoice-preview__position-note{color:var(--cf-text-muted);margin-top:2px;font-size:.72rem}.demo-app .invoice-preview__position-note{font-style:italic}.demo-app .invoice-preview__placeholder{color:var(--cf-placeholder-text);font-size:.78rem}.demo-app .invoice-preview__totals{font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;width:100%;max-width:288px;margin-left:auto;display:flex}.demo-app .invoice-preview__totals-row{color:var(--cf-text-muted);justify-content:space-between;gap:12px;display:flex}.demo-app .invoice-preview__totals-row--grand{border-top:1px solid var(--cf-border-subtle);color:var(--color-primary-text);padding-top:6px;font-size:.95rem;font-weight:700}.demo-app .invoice-preview__note{white-space:pre-line;overflow-wrap:anywhere;font-size:.78rem}.demo-app .invoice-preview__footer-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px 16px;margin-bottom:12px;display:grid}.demo-app .invoice-preview__footer-box{min-width:0}.demo-app .invoice-preview__sender-name{font-size:.85rem;font-weight:600}.demo-app .invoice-preview__sender-detail,.demo-app .invoice-preview__payment-line{color:var(--cf-text-muted);margin-top:2px;font-size:.75rem}.demo-app .invoice-preview__legal{color:var(--cf-text-muted);white-space:pre-line;font-size:.68rem;line-height:1.4}@media (width<=559px){.demo-app{border-radius:28px;padding:8px}.demo-app .invoice-preview__logo{margin-bottom:14px;position:static}.demo-app .invoice-preview__col--unit{display:none}.demo-app .invoice-preview__col--price{flex-basis:72px}.demo-app .invoice-preview__totals{max-width:none}}.demo-app .input-group .input-group__hint.crm-editor__notes-counter--over{color:var(--color-error-text)}.demo-app .crm-editor__layout{flex-direction:column;flex:1;gap:16px;min-width:0;min-height:0;display:flex;overflow:hidden}.demo-app .crm-editor__hero{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:linear-gradient(to top, color-mix(in srgb, var(--hero-tint,var(--cf-accent)) 9%, var(--color-primary-background)) 0%, var(--color-primary-background) 70%);box-shadow:var(--cf-shadow-sm);flex-shrink:0}.demo-app .crm-editor__hero-bar{border-bottom:1px solid var(--cf-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.demo-app .crm-editor__hero-back{color:var(--cf-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:.85rem;font-weight:600;transition:color .15s;display:inline-flex}.demo-app .crm-editor__hero-back:hover{color:var(--color-primary-text)}.demo-app .crm-editor__hero-back-icon{display:inline-flex}.demo-app .crm-editor__hero-back-icon svg{width:16px;height:16px;display:block}.demo-app .crm-editor__hero-main{flex-wrap:wrap;align-items:center;gap:20px;padding:20px;display:flex}.demo-app .crm-editor__hero-icon{border-radius:var(--cf-radius-lg);background:color-mix(in srgb, var(--type-tint,var(--cf-accent)) 16%, var(--color-primary-background));width:52px;height:52px;color:var(--type-tint,var(--cf-accent));letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.demo-app .crm-editor__hero-icon svg{width:24px;height:24px;display:block}.demo-app .crm-editor__hero-info{flex:1;min-width:200px}.demo-app .crm-editor__hero-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-app .crm-editor__hero-title-row h1{color:var(--color-primary-text);margin:0;font-size:1.375rem}.demo-app .crm-editor__hero-subtitle{color:var(--cf-text-muted);margin:6px 0 0;font-size:.85rem}.demo-app .crm-editor__hero-tags{flex:240px;justify-content:flex-end;align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.demo-app .crm-editor__tags{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.demo-app .crm-editor__hero-tags .app-tag-picker{justify-content:flex-end}.demo-app .crm-editor__hero-responsible{flex:0 auto;align-items:center;gap:10px;min-width:0;display:flex}.demo-app .crm-editor__hero-responsible-label{color:var(--cf-text-muted);flex-shrink:0;font-size:.8rem;font-weight:600}.demo-app .crm-editor__hero-responsible .cf-multiselect{width:240px;max-width:40vw}.demo-app .crm-editor__responsible-avatars{align-items:center;min-height:36px;padding-left:3px;display:flex}.demo-app .crm-editor__responsible-avatar{border:2px solid var(--color-primary-background);background:color-mix(in srgb, var(--responsible-tint,var(--cf-accent)) 16%, var(--color-primary-background));width:32px;height:32px;color:var(--responsible-tint,var(--cf-accent));letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;margin-left:-7px;font-size:.7rem;font-weight:700;display:flex}.demo-app .crm-editor__responsible-avatar:first-child{margin-left:0}.demo-app .crm-editor__responsible-empty{min-height:36px;color:var(--cf-text-muted);align-items:center;display:flex}.demo-app .crm-editor__hero-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.demo-app .crm-editor__mail-button,.demo-app .crm-editor__mail-button:hover:not(:disabled){background:0 0}.demo-app .crm-editor__mail-icon{margin-right:6px;display:inline-flex}.demo-app .crm-editor__mail-icon svg{width:16px;height:16px;display:block}.demo-app .crm-editor__cancel-button,.demo-app .crm-editor__edit-button,.demo-app .crm-editor__delete-button,.demo-app .crm-editor__cancel-button:hover:not(:disabled),.demo-app .crm-editor__edit-button:hover:not(:disabled),.demo-app .crm-editor__delete-button:hover:not(:disabled){background:0 0}.demo-app .crm-editor__edit-button{min-height:auto;padding:10px}.demo-app .crm-editor__edit-icon{display:inline-flex}.demo-app .crm-editor__edit-icon svg{width:16px;height:16px;display:block}.demo-app .crm-editor__delete-button{min-height:auto;padding:10px}.demo-app .crm-editor__delete-icon{display:inline-flex}.demo-app .crm-editor__delete-icon svg{width:16px;height:16px;display:block}.demo-app .crm-editor__columns{flex:1;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr;align-items:stretch;gap:16px;min-height:0;display:grid;overflow:hidden}.demo-app .crm-editor__columns--single{grid-template-rows:minmax(0,1fr);align-items:stretch}.demo-app .crm-editor__col{flex-direction:column;gap:16px;min-width:0;min-height:0;display:flex;overflow:hidden}.demo-app .crm-editor__columns--single .crm-editor__col--main,.demo-app .crm-editor__columns--single .crm-editor__col--main .crm-editor__tile{flex:1}.demo-app .crm-editor__col--main>.crm-editor__tile,.demo-app .crm-editor__col--side>.crm-editor__tile{flex:1;min-height:0}.demo-app .crm-editor__col--main>.crm-editor__tile{flex-direction:column;display:flex;overflow:hidden}.demo-app .crm-editor__tile{box-sizing:border-box;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);box-shadow:var(--cf-shadow-sm);padding:12px}.demo-app .crm-editor__tile-head{margin-bottom:8px}.demo-app .crm-editor__tile .lukiva-base-form.cf-form-grid{gap:4px 8px}.demo-app .crm-editor__profile-toolbar{flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px;display:flex}.demo-app .crm-editor__profile-head-row{box-sizing:border-box;scrollbar-width:none;flex:1;width:auto;max-width:100%;min-height:34px;overflow-x:auto}.demo-app .crm-editor__profile-head-row::-webkit-scrollbar{display:none}.demo-app .crm-editor__profile-content{flex-direction:column;flex:1;min-height:0;display:flex}.demo-app .crm-editor__fields{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex;overflow-y:auto}.demo-app .crm-editor__fields--basedata>.input-group:last-child{flex-direction:column;flex:1;min-height:120px;display:flex}.demo-app .crm-editor__fields--basedata>.input-group:last-child textarea{resize:none;flex:1;min-height:100px}.demo-app .crm-editor__fields .input-group{margin-bottom:0}.demo-app .crm-editor__fields--locked input:disabled,.demo-app .crm-editor__fields--locked textarea:disabled,.demo-app .crm-editor__fields--locked input[readonly],.demo-app .crm-editor__fields--locked textarea[readonly]{color:var(--cf-text-muted);background:var(--cf-input-locked-bg)}.demo-app .crm-editor__fields--locked input:disabled,.demo-app .crm-editor__fields--locked textarea:disabled{cursor:not-allowed}.demo-app .crm-editor__link-input{align-items:center;gap:8px;display:flex}.demo-app .crm-editor__link-input>input{flex:1;min-width:0}.demo-app .crm-editor__field--postal{flex:0 0 90px}.demo-app .crm-editor__field--country{flex:0 0 130px}.demo-app .crm-editor__type-icon{color:var(--type-tint,var(--cf-accent));display:inline-flex}.demo-app .crm-editor__type-icon svg{width:15px;height:15px;display:block}.demo-app .crm-editor__status-dot{background:var(--swatch-color);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:2px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.demo-app .crm-editor__field-icon-wrap{position:relative}.demo-app .crm-editor__field-icon-wrap input{padding-right:38px}.demo-app .crm-editor__field-icon{color:var(--cf-text-muted);pointer-events:none;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.demo-app .crm-editor__field-icon svg{width:15px;height:15px;display:block}.demo-app .crm-editor__addresses{border-top:1px solid var(--cf-border-subtle);margin-top:4px;padding-top:18px}.demo-app .crm-editor__addresses-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.demo-app .crm-editor__address-form{border:1px dashed var(--cf-border-input);border-radius:var(--cf-radius-lg);flex-direction:column;gap:18px;margin-bottom:12px;padding:14px;display:flex}.demo-app .crm-editor__address-list{flex-direction:column;gap:8px;display:flex}.demo-app .crm-editor__address-card{border:1px solid var(--cf-border-subtle);border-radius:var(--cf-radius-lg);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.demo-app .crm-editor__address-card--readonly{cursor:default}.demo-app .crm-editor__address-info{flex-direction:column;gap:2px;min-width:0;display:flex}.demo-app .crm-editor__address-type{color:var(--color-primary-text);font-size:.85rem;font-weight:600}.demo-app .crm-editor__address-summary{color:var(--cf-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.demo-app .crm-editor__address-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.demo-app .crm-editor__address-action{min-height:auto;padding:6px}.demo-app .crm-editor__address-action-icon{color:var(--cf-text-muted);display:inline-flex}.demo-app .crm-editor__address-action:hover .crm-editor__address-action-icon{color:var(--color-primary-text)}.demo-app .crm-editor__address-action-icon svg{width:15px;height:15px;display:block}.demo-app .crm-editor__tile-head--row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.demo-app .crm-editor__tile-head-actions{align-items:center;gap:8px;display:flex}.demo-app .crm-editor__section-tabs{height:34px}.demo-app .crm-editor__nav-action-slot{flex-shrink:0;display:grid}.demo-app .crm-editor__nav-action{white-space:nowrap;flex-shrink:0;grid-area:1/1;min-height:30px;padding:6px 11px;font-size:.75rem}.demo-app .crm-editor__nav-action-hint{cursor:default;grid-area:1/1;display:flex}.demo-app .crm-editor__nav-action-hint .crm-editor__nav-action{width:100%}.demo-app .crm-editor__nav-action-hint .crm-editor__nav-action:disabled{pointer-events:none}.demo-app .crm-editor__nav-action-group{grid-area:1/1;gap:8px;display:flex}.demo-app .crm-editor__nav-action--hidden{visibility:hidden;pointer-events:none}.demo-app .crm-editor__activity-settings{min-height:auto;padding:8px}.demo-app .crm-editor__activity-settings-icon{color:var(--cf-text-muted);display:inline-flex}.demo-app .crm-editor__activity-settings:hover .crm-editor__activity-settings-icon{color:var(--color-primary-text)}.demo-app .crm-editor__activity-settings-icon svg{width:18px;height:18px;display:block}.demo-app .crm-editor__tile-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--cf-text-muted);margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.demo-app .crm-editor__tile h3{color:var(--color-primary-text);margin:0;font-size:1rem}.demo-app .crm-editor__future-hint{color:var(--cf-text-muted);margin:8px 0 0;font-size:.8rem}.demo-app .crm-editor__tile--activities{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.demo-app .crm-editor__tile--activities .crm-editor__tile-head{flex-shrink:0}.demo-app .crm-editor__activity-body{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.demo-app .crm-editor__activity-body::-webkit-scrollbar{display:none}.demo-app .crm-editor__todo-body{flex:1;min-height:0;overflow-y:auto}.demo-app .crm-editor__activity-form{border:1px dashed var(--cf-border-input);border-radius:var(--cf-radius-lg);margin-bottom:16px;padding:14px}.demo-app .crm-editor__todo-fields{flex-direction:column;gap:14px;display:flex}.demo-app .crm-editor__todo-fields .input-group{margin-bottom:0}.demo-app .crm-editor__todo-fields-row{align-items:flex-start;gap:12px;display:flex}.demo-app .crm-editor__todo-fields-row .input-group{flex:1;min-width:0}.demo-app .crm-editor__activity-list{flex-direction:column;display:flex}.demo-app .crm-editor__todo-list{flex-direction:column;gap:8px;display:flex}.demo-app .crm-editor__todo{box-sizing:border-box;border:1px solid var(--cf-border-subtle);cursor:pointer;background:0 0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:border-color .15s;display:flex}.demo-app .crm-editor__todo:hover{border-color:var(--cf-border-input)}.demo-app .crm-editor__todo-info{flex:1;min-width:0}.demo-app .crm-editor__todo-title-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.demo-app .crm-editor__todo-title{color:var(--color-primary-text);margin-right:3px;font-weight:600}.demo-app .crm-editor__todo--done .crm-editor__todo-title{color:var(--cf-text-muted);text-decoration:line-through}.demo-app .crm-editor__todo-description{color:var(--cf-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:.84rem;line-height:1.35;overflow:hidden}.demo-app .crm-editor__todo-sub{color:var(--cf-text-muted);flex-wrap:wrap;align-items:center;gap:7px;margin:5px 0 0;font-size:.8rem;display:flex}.demo-app .crm-editor__todo-owner{letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:650}.demo-app .crm-editor__todo-done-toggle{border-top:1px solid var(--cf-border-subtle);margin-top:4px;padding:12px 16px 4px}.demo-app .crm-editor__todo-done-link{color:var(--cf-text-muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline;transition:color .15s;display:inline-flex}.demo-app .crm-editor__todo-done-link:hover{color:var(--color-primary-text)}.demo-app .crm-editor__todo-done-link svg{flex-shrink:0;width:14px;height:14px}.demo-app .crm-editor__activity{border-radius:var(--cf-radius-lg);cursor:pointer;gap:12px;padding:12px 4px;transition:background .15s;display:flex}.demo-app .crm-editor__activity:hover{background:var(--cf-surface-hover)}.demo-app .crm-editor__activity-icon-wrap{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.demo-app .crm-editor__activity:not(:last-child) .crm-editor__activity-icon-wrap:after{content:"";background:var(--cf-border-subtle);width:1px;position:absolute;top:34px;bottom:-41px;left:50%;transform:translate(-50%)}.demo-app .crm-editor__activity-type-icon{background:color-mix(in srgb, var(--activity-tint,var(--cf-accent)) 16%, var(--color-primary-background));width:34px;height:34px;color:var(--activity-tint,var(--cf-accent));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-app .crm-editor__activity-type-icon svg{width:16px;height:16px;display:block}.demo-app .crm-editor__activity-info{flex-direction:column;flex:1;gap:2px;min-width:0;padding-top:2px;display:flex}.demo-app .crm-editor__activity-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-app .crm-editor__activity-title{color:var(--color-primary-text);font-weight:600}.demo-app .crm-editor__activity-type{text-transform:uppercase;letter-spacing:.04em;color:var(--cf-text-muted);font-size:.7rem;font-weight:600}.demo-app .crm-editor__activity-desc{color:var(--cf-text-muted);overflow-wrap:anywhere;margin:2px 0 0;font-size:.85rem}.demo-app .crm-editor__activity-date{color:var(--cf-text-muted);white-space:nowrap;flex-shrink:0;font-size:.8rem}.demo-app .crm-editor__activity-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.demo-app .crm-editor__activity-action{min-height:auto;padding:6px}.demo-app .crm-editor__activity-action-icon{color:var(--cf-text-muted);display:inline-flex}.demo-app .crm-editor__activity-action:hover .crm-editor__activity-action-icon{color:var(--color-primary-text)}.demo-app .crm-editor__activity-action-icon svg{width:15px;height:15px;display:block}.demo-app .crm-editor__todo-complete-icon svg{width:20px;height:20px}.demo-app .crm-editor__todo-complete--done .crm-editor__activity-action-icon{color:var(--toast-success)}.demo-app .crm-editor__invoice-menu{position:relative}.demo-app .crm-editor__invoice-dropdown{z-index:20;background:var(--cf-surface-raised);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);min-width:190px;box-shadow:var(--cf-shadow-md);flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.demo-app .crm-editor__invoice-dropdown-item{width:100%;color:var(--color-primary-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:8px 12px;font-size:.85rem;font-weight:500;&:hover{background:var(--cf-surface-hover)}}.demo-app .e-invoice-input{margin-top:20px}@media (width>=960px){.demo-app .crm-editor__columns{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.demo-app .crm-editor__col--side .crm-editor__todo-fields-row{flex-direction:column}.demo-app .crm-editor__col--side .crm-editor__todo-fields-row .input-group{width:100%}.demo-app .crm-editor__col--side .crm-editor__todo-fields-row--primary{flex-direction:row}.demo-app .crm-editor__columns--single{grid-template-columns:1fr}}.demo-app .crm_address_diabled_names_row{width:100%}.demo-app .crm-contacts--embedded{box-sizing:border-box;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;flex-direction:column;padding:0;display:flex;overflow:hidden}.demo-app .crm-contacts--embedded .crm-contacts__form,.demo-app .crm-contacts--embedded .crm-contacts__list{flex:1;min-height:0;max-height:none;overflow-y:auto}.demo-app .crm-contacts__form{border:1px dashed var(--cf-border-input);border-radius:var(--cf-radius-lg);margin-bottom:16px;padding:14px}.demo-app .crm-contacts__rows-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:14px 16px;margin-top:8px;margin-bottom:16px;display:grid}.demo-app .crm-contacts__rows-section{flex-direction:column;gap:8px;margin-top:18px;display:flex}.demo-app .crm-contacts__rows-section+.crm-contacts__rows-section{border-left:1px solid var(--cf-border-input);padding-left:16px}.demo-app .crm-contacts__custom-attributes{border-top:1px dashed var(--cf-border-input);flex-direction:column;gap:10px;margin-top:0;padding-top:14px;display:flex}.demo-app .crm-contacts__custom-attributes>label,.demo-app .crm-contacts__rows-section label{color:var(--cf-text-muted);font-size:.8rem;font-weight:600}.demo-app .crm-contacts__row-fields{align-items:center;gap:8px;display:flex}.demo-app .crm-contacts__row-fields input{box-sizing:border-box;min-width:0;min-height:36px;color:var(--color-primary-text);background-color:var(--color-primary-background);border:1px solid var(--cf-border-input);border-radius:var(--cf-radius-lg);font:inherit;transition:border-color .2s var(--cf-ease), box-shadow .2s var(--cf-ease);flex:1;padding:8px 12px 6px;font-size:.75rem}.demo-app .crm-contacts__row-fields input:nth-child(2){flex:2}.demo-app .crm-contacts__row-label{flex:1;min-width:0}.demo-app .crm-contacts__row-header{color:var(--cf-text-muted);gap:8px;margin-bottom:-4px;font-size:.7rem;display:flex}.demo-app .crm-contacts__row-header-label{flex:1;min-width:0}.demo-app .crm-contacts__row-header-value{flex:2;min-width:0}.demo-app .crm-contacts__row-header-spacer{flex-shrink:0;width:34px}.demo-app .crm-contacts__row-fields input:focus{border-color:var(--cf-accent);box-shadow:var(--cf-focus-shadow);outline:none}.demo-app .crm-contacts__row-fields input.cf-input--invalid{border-color:var(--color-error-text)}.demo-app .crm-contacts__row-fields input.cf-input--invalid:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-error-text) 12%, transparent)}.demo-app .crm-contacts__rows-section .cf-field-error{margin-top:-4px}.demo-app .crm-contacts__add-row{border-radius:50%;align-self:flex-start;min-height:auto;padding:2px}.demo-app .crm-contacts__add-row-icon{border:1px solid var(--cf-border-input);width:27px;height:27px;color:var(--cf-accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.demo-app .crm-contacts__add-row-icon svg{width:15px;height:15px}.demo-app .crm-contacts__row-remove{flex-shrink:0;min-height:auto;padding:8px}.demo-app .crm-contacts__row-remove-icon{color:var(--cf-text-muted);display:inline-flex}.demo-app .crm-contacts__row-remove-icon svg{width:16px;height:16px;display:block}.demo-app .crm-contacts__list{flex-direction:column;gap:10px;max-height:640px;display:flex;overflow-y:auto}.demo-app .crm-contacts__row{border:1px solid var(--cf-border-subtle);border-radius:var(--cf-radius-lg);cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;transition:border-color .15s;display:flex}.demo-app .crm-contacts__row:hover{border-color:var(--cf-border-input)}.demo-app .crm-contacts__avatar{background:color-mix(in srgb, var(--cf-accent) 16%, var(--color-primary-background));width:40px;height:40px;color:var(--cf-accent);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.demo-app .crm-contacts__info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.demo-app .crm-contacts__name{color:var(--color-primary-text);flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.demo-app .crm-contacts__main-badge{gap:4px}.demo-app .crm-contacts__main-badge-icon{width:12px;height:12px}.demo-app .crm-contacts__drag-handle{color:var(--cf-text-muted);cursor:grab;display:inline-flex}.demo-app .crm-contacts__drag-handle:active{cursor:grabbing}.demo-app .crm-contacts__drag-handle svg{width:16px;height:16px}.demo-app .crm-contacts__row--dragging{box-shadow:var(--cf-shadow-md);opacity:.6}.demo-app .crm-contacts__role{color:var(--cf-text-muted);font-size:.8rem;font-weight:500}.demo-app .crm-contacts__meta{flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px;display:flex}.demo-app .crm-contacts__meta-item{font:inherit;color:var(--cf-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:.85rem;transition:color .15s;display:inline-flex}.demo-app .crm-contacts__meta-item:hover{color:var(--color-primary-text)}.demo-app .crm-contacts__meta-item--static{cursor:default}.demo-app .crm-contacts__meta-item--static:hover{color:var(--cf-text-muted)}.demo-app .crm-contacts__meta-icon{flex-shrink:0;display:inline-flex}.demo-app .crm-contacts__meta-icon svg{width:13px;height:13px;display:block}.demo-app .crm-contacts__note{border-radius:var(--cf-radius-lg);background:var(--cf-surface-hover);color:var(--cf-text-muted);align-items:flex-start;gap:6px;margin:4px 0 0;padding:8px 12px;font-size:.8rem;display:flex}.demo-app .crm-contacts__note-icon{flex-shrink:0;margin-top:1px;display:inline-flex}.demo-app .crm-contacts__note-icon svg{width:13px;height:13px;display:block}.demo-app .crm-contacts__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.demo-app .crm-contacts__icon-btn{border:1px solid var(--cf-border-subtle);width:32px;height:32px;color:var(--cf-text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:flex}.demo-app .crm-contacts__icon-btn:hover{color:var(--cf-accent);border-color:var(--cf-accent)}.demo-app .crm-contacts__icon-btn svg{width:15px;height:15px;display:block}.demo-app .crm-contacts__action{flex-shrink:0;min-height:auto;padding:8px}.demo-app .crm-contacts__action-icon{color:var(--cf-text-muted);display:inline-flex}.demo-app .crm-contacts__action:hover .crm-contacts__action-icon{color:var(--color-primary-text)}.demo-app .crm-contacts__action-icon svg{width:18px;height:18px;display:block}.demo-app .crm-editor__row{align-items:flex-start;gap:16px;display:flex}.demo-app .crm-editor__row .input-group{flex:1;min-width:0}.demo-app .crm-contacts__attributes{flex-direction:column;width:100%;display:flex}.demo-app .crm-contacts__meta--custom-attributes{border-top:1px dashed var(--cf-border-input);margin-top:9px;padding-top:9px;display:block}.demo-app .crm-contacts__attribute{min-width:0;min-height:27px;color:var(--cf-text-muted);border-bottom:1px solid var(--cf-border-subtle);grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);align-items:baseline;gap:8px;padding:3px 0;font-size:.8rem;display:grid}.demo-app .crm-contacts__attribute-groups,.demo-app .crm-contacts__attribute-group{flex-direction:column;gap:2px;width:100%;display:flex}.demo-app .crm-contacts__attribute-group+.crm-contacts__attribute-group{margin-top:5px}.demo-app .crm-contacts__attribute-category{color:var(--cf-text-muted);margin:5px 0 1px;font-size:.8rem;font-weight:600}.demo-app .crm-contacts__attribute-label{overflow-wrap:anywhere;align-items:center;gap:5px;min-width:0;display:inline-flex}.demo-app .crm-contacts__attribute-icon{width:14px;height:14px;color:var(--cf-text-muted);flex:none}.demo-app .crm-contacts__attribute-value{min-width:0;color:var(--color-primary-text);overflow-wrap:anywhere;align-items:center;gap:5px;display:inline-flex}.demo-app .crm-contacts__attribute-link{flex:none;align-self:center;margin:-4px 0}@media (width<=560px){.demo-app .crm-contacts__attribute{grid-template-columns:minmax(0,1fr);gap:2px 8px}.demo-app .crm-contacts__attribute-label{grid-column:1;font-size:.76rem}.demo-app .crm-contacts__attribute-value{grid-column:1}}.demo-app .crm-contacts__row{transition:border-color .25s,box-shadow .25s}.demo-app .crm-contacts__row--readonly{cursor:default}.demo-app .crm-contacts__row--highlighted{border-color:var(--cf-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--cf-accent) 18%, transparent)}.demo-app .crm-custom-attribute-values{flex:1;min-height:0;overflow-y:auto}.demo-app .crm-comments{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.demo-app .crm-comments__thread{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.demo-app .crm-editor__empty{color:var(--cf-text-muted);text-align:center;margin:auto 0;font-size:.85rem}.demo-app .crm-comments__day{justify-content:center;align-items:center;margin:4px 0;display:flex}.demo-app .crm-comments__day-label{background:var(--cf-surface-subtle);color:var(--cf-text-muted);border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:600}.demo-app .crm-comments__message{align-items:flex-end;gap:8px;max-width:85%;display:flex}.demo-app .crm-comments__message--own{flex-direction:row-reverse;align-self:flex-end}.demo-app .crm-comments__avatar{box-sizing:border-box;background:color-mix(in srgb, var(--comment-accent,var(--cf-accent)) 16%, var(--color-primary-background));width:28px;height:28px;color:var(--comment-accent,var(--cf-accent));letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;padding-top:2px;padding-right:1px;font-size:.65rem;font-weight:700;line-height:1;display:flex}.demo-app .crm-comments__bubble{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-surface-subtle);border-bottom-left-radius:4px;flex-direction:column;gap:2px;min-width:0;padding:8px 12px;display:flex;position:relative}.demo-app .crm-comments__message--own .crm-comments__bubble{border-radius:var(--cf-radius-lg);background:color-mix(in srgb, var(--cf-accent) 14%, var(--color-primary-background));border-color:#0000;border-bottom-right-radius:4px}.demo-app .crm-comments__author{color:var(--cf-accent);font-size:.7rem;font-weight:700}.demo-app .crm-comments__text{color:var(--color-primary-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.8rem;line-height:1.45}.demo-app .crm-comments__time{color:var(--cf-text-muted);align-self:flex-end;font-size:.65rem}.demo-app .crm-comments__composer{border-top:1px solid var(--cf-border);flex-shrink:0;align-items:flex-end;gap:8px;padding-top:10px;display:flex}.demo-app .crm-comments__input{box-sizing:border-box;border:1px solid var(--cf-border-input);border-radius:var(--cf-radius-lg);background-color:var(--color-primary-background);min-width:0;min-height:36px;max-height:120px;color:var(--color-primary-text);font:inherit;resize:none;scrollbar-gutter:auto;transition:border-color .2s var(--cf-ease), box-shadow .2s var(--cf-ease);flex:1;padding:8px 12px 6px;font-size:.75rem}.demo-app .crm-comments__input:focus{border-color:var(--cf-accent);box-shadow:var(--cf-focus-shadow);outline:none}.demo-app .crm-comments__send{flex-shrink:0;min-height:36px;padding:0 12px}.demo-app .crm-comments__send-icon{display:inline-flex}.demo-app .crm-comments__send-icon svg{width:16px;height:16px;display:block}.demo-app .crm-editor__tile--documents{flex-direction:column;display:flex}.demo-app .crm-editor__tile--documents:not(.crm-editor__tile--documents-embedded){height:420px}.demo-app .crm-editor__tile--documents-embedded{height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;padding:0}.demo-app .crm-editor__activity-body{flex:1;min-height:0;overflow-y:auto}.demo-app .crm-documents__form{border:1px dashed var(--cf-border-input);border-radius:var(--cf-radius-lg);margin-bottom:16px;padding:14px}.demo-app .crm-documents__list{flex-direction:column;gap:10px;display:flex}.demo-app .crm-documents__row{border:1px solid var(--cf-border-subtle);border-radius:var(--cf-radius-lg);align-items:center;gap:12px;padding:16px;display:flex}.demo-app .crm-documents__row--editable{border-radius:var(--cf-radius-lg);cursor:pointer;transition:background .15s}.demo-app .crm-documents__row--editable:hover{background:var(--cf-surface-hover)}.demo-app .crm-documents__icon{background:color-mix(in srgb, var(--cf-accent) 16%, var(--color-primary-background));width:34px;height:34px;color:var(--cf-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-app .crm-documents__icon svg{width:16px;height:16px;display:block}.demo-app .crm-documents__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.demo-app .crm-documents__name{color:var(--color-primary-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.demo-app .crm-documents__draft-badge{vertical-align:middle;margin-left:6px}.demo-app .crm-documents__meta{color:var(--cf-text-muted);font-size:.75rem}.demo-app .crm-documents__description{color:var(--cf-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.demo-app .crm-documents__actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.demo-app .crm-documents__action{min-height:auto;padding:6px}.demo-app .crm-documents__action-icon{color:var(--cf-text-muted);display:inline-flex}.demo-app .crm-documents__action:hover .crm-documents__action-icon{color:var(--color-primary-text)}.demo-app .crm-documents__action-icon svg{width:15px;height:15px;display:block}.demo-app .custom-attribute-fields-list{flex-direction:column;gap:18px;display:flex}.demo-app .custom-attribute-fields-list__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.demo-app .custom-attribute-fields-list__group-invalid,.demo-app .custom-attribute-fields-list__group-changed{align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:inline-flex}.demo-app .custom-attribute-fields-list__group-invalid{color:var(--color-error-text)}.demo-app .custom-attribute-fields-list__group-changed{color:var(--cf-accent)}.demo-app .custom-attribute-fields-list__group-invalid svg{width:14px;height:14px}.demo-app .custom-attribute-fields-list__label-icon{vertical-align:-2px;width:13px;height:13px;color:var(--cf-text-muted);margin-right:4px}.demo-app .custom-attribute-fields-list .input-group{margin:0}.demo-app .custom-attribute-fields-list__full-width{grid-column:1/-1}.demo-app .custom-attribute-fields-list__currency{gap:8px;display:flex}.demo-app .custom-attribute-fields-list__currency-amount{flex:auto;min-width:0}.demo-app .custom-attribute-fields-list__currency .cf-select{flex:0 0 104px;width:104px}.demo-app .custom-attribute-fields-list__switch-group{justify-content:flex-end}.demo-app .custom-attribute-fields-list__switch{box-sizing:border-box;border:1px solid var(--cf-border-input);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:6px 16px;display:flex}.demo-app .custom-attribute-fields-list__switch-label{color:var(--color-secondary-text);font-size:.75rem;font-weight:500}.demo-app .link-clickable-input{align-items:center;gap:8px;display:flex}.demo-app .link-clickable-input>:first-child{flex:1;min-width:0}.demo-app .custom-attribute-fields-list__object{border:1px solid var(--cf-border-input);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);flex-direction:column;max-height:400px;display:flex;overflow:hidden}.demo-app .custom-attribute-fields-list__object-items{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.demo-app .custom-attribute-fields-list__object-footer{border-top:1px solid var(--cf-border-subtle);flex-shrink:0;padding:8px 12px}.demo-app .custom-attribute-fields-list__object-empty{color:var(--cf-text-muted);margin:0;padding:4px;font-size:.8rem}.demo-app .custom-attribute-fields-list__object-item{border:1px solid var(--cf-border-subtle);border-radius:var(--cf-radius-lg);background:var(--cf-surface-subtle);cursor:pointer;transition:border-color .18s var(--cf-ease), background .18s var(--cf-ease);align-items:center;gap:12px;padding:12px 8px 12px 16px;display:flex}.demo-app .custom-attribute-fields-list__object-item:hover{border-color:var(--cf-accent)}.demo-app .custom-attribute-fields-list__object-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.demo-app .custom-attribute-fields-list__object-item-title{color:var(--color-primary-text);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.demo-app .custom-attribute-fields-list__object-item-description{color:var(--cf-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.demo-app .custom-attribute-fields-list__object-item-invalid{color:var(--color-error-text);flex-shrink:0;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:inline-flex}.demo-app .custom-attribute-fields-list__object-item-invalid svg{width:14px;height:14px}.demo-app .custom-attribute-fields-list__object-item-remove{min-height:auto;color:var(--cf-text-muted);padding:6px}.demo-app .custom-attribute-fields-list__object-item-remove:hover{color:var(--color-error-text)}.demo-app .custom-attribute-fields-list__object-item-remove svg,.demo-app .custom-attribute-fields-list__object-item-chevron svg{width:16px;height:16px;display:block}.demo-app .custom-attribute-fields-list__object-item-chevron{color:var(--cf-text-muted);display:inline-flex}.demo-app .custom-attribute-fields-list__object-add{color:var(--cf-accent);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:4px 2px;font-size:.8rem;font-weight:600;display:inline-flex}.demo-app .custom-attribute-fields-list__object-add svg{width:15px;height:15px}.demo-app .custom-attribute-fields-list__object-editor{flex-direction:column;gap:18px;display:flex}.demo-app .custom-attribute-fields-list__object-editor-header{border-bottom:1px solid var(--cf-border-subtle);align-items:center;gap:12px;padding-bottom:14px;display:flex}.demo-app .custom-attribute-fields-list__object-editor-back{min-height:auto;padding:8px}.demo-app .custom-attribute-fields-list__object-editor-back svg{width:18px;height:18px;display:block}.demo-app .custom-attribute-fields-list__object-editor-heading{flex-direction:column;flex:1;min-width:0;display:flex}.demo-app .custom-attribute-fields-list__object-editor-context{color:var(--cf-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.demo-app .custom-attribute-fields-list__object-editor-heading h3{color:var(--cf-text-dark);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.demo-app .custom-attribute-fields-list__object-editor-description{color:var(--cf-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.8rem;overflow:hidden}.demo-app .crm-editor__layout{overflow:visible}@media (width>=960px){.demo-app .crm-editor__layout{height:clamp(660px,82vh,800px);overflow:hidden}}@media (width<=959px){.demo-app .crm-editor__columns{grid-template-rows:auto auto;overflow:visible}.demo-app .crm-editor__col--main>.crm-editor__tile,.demo-app .crm-editor__col--side>.crm-editor__tile{flex:none;height:520px}}@media (width>=1360px){.demo-wrap--crm{--left-shift:min(var(--callout-overlap), (100vw - var(--stage-width)) / 2 - 8px)}.demo-wrap--crm .demo-callouts--left .demo-callout{right:var(--left-shift);left:calc(-1 * var(--left-shift))}}.demo-app .crm-editor__tile{container-type:inline-size}@container (width<=720px){.demo-app .crm-editor__tile .app-tab-switch__tab{padding:0 9px;font-size:.78rem}.demo-app .crm-editor__tile .app-tab-switch__icon{display:none}}.demo-app .crm-editor__hero-title-row h1{font-weight:700;line-height:1.3}.demo-app .crm-editor__layout:not(.crm-demo--edit-known):has([data-locked] .input-group:hover) .crm-demo__edit-hint,.demo-app .crm-demo__edit-hint--pulse{border-color:var(--cf-accent);background:color-mix(in srgb, var(--cf-accent) 12%, var(--color-primary-background));animation:crm-demo-edit-pulse 1.2s var(--cf-ease) infinite}.demo-app .crm-demo__edit-hint--pulse{animation-iteration-count:1}@keyframes crm-demo-edit-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--cf-accent) 55%, transparent)}70%{box-shadow:0 0 0 10px color-mix(in srgb, var(--cf-accent) 0%, transparent)}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.demo-app .crm-editor__layout:not(.crm-demo--edit-known):has([data-locked] .input-group:hover) .crm-demo__edit-hint,.demo-app .crm-demo__edit-hint--pulse{box-shadow:0 0 0 3px color-mix(in srgb, var(--cf-accent) 35%, transparent);animation:none}}.demo-app .custom-attribute-fields-list__label-icon{display:inline-block}.demo-app .crm-demo__switcher{display:inline-flex;position:relative}.demo-app .crm-demo__switcher-popup{min-width:280px}.demo-app .crm-demo__hero-picker{width:220px}.demo-app .crm-demo__channels{align-items:center;gap:inherit;flex-wrap:wrap;display:inline-flex}.demo-app .crm-demo__attributes-actions{justify-content:flex-end;margin-bottom:12px;display:flex}.demo-app .crm-demo__muted{color:var(--cf-text-muted);font-size:.85rem}.demo-app .crm-demo__todo-entry,.demo-app .crm-demo__comment-entry{display:contents}.demo-app .todo-tasks{gap:16px}.demo-app .todo-tasks__hero{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);box-shadow:var(--cf-shadow-sm);flex-shrink:0;overflow:hidden}.demo-app .todo-tasks__hero-top{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.demo-app .todo-tasks__title{color:var(--color-primary-text);margin:0;font-size:1.375rem;font-weight:700}.demo-app .todo-tasks__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 24px 24px;display:grid}.demo-app .todo-stat{box-sizing:border-box;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);width:100%;font:inherit;text-align:left;cursor:pointer;align-items:center;gap:8px;padding:14px 16px;transition:border-color .15s,background-color .15s;display:flex}.demo-app .todo-stat:hover{border-color:var(--cf-accent)}.demo-app .todo-stat--active{border-color:var(--cf-accent);background:color-mix(in srgb, var(--cf-accent) 12%, var(--color-primary-background))}.demo-app .todo-stat__dot{background:var(--swatch-color);border-radius:50%;flex-shrink:0;width:8px;height:8px}.demo-app .todo-stat__value{color:var(--color-primary-text);font-size:1.125rem;font-weight:700}.demo-app .todo-stat__label{color:var(--cf-text-muted);font-size:.8rem}.demo-app .todo-tasks__card{flex:1;width:100%;min-width:0;min-height:0}.demo-app .todo-tasks__card--editor{flex-direction:column;display:flex}.demo-app .todo-tasks__pagination{border-top:1px solid var(--cf-border-subtle);flex-shrink:0;padding-top:12px}.demo-app .todo-tasks__filters{border-bottom:1px solid var(--cf-border-subtle);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding-bottom:20px;display:flex;position:relative}.demo-app .todo-tasks__filters_no_content{margin-bottom:24px}.demo-app .todo-tasks__search{flex:1;min-width:200px}.demo-app .todo-tasks__create{flex-shrink:0;margin-left:auto}.demo-app .todo-tasks__sort{flex-shrink:0;align-items:center;gap:8px;display:flex}.demo-app .todo-tasks__sort-select{width:170px}.demo-app .todo-tasks__sort-icon{width:14px;height:14px;color:var(--cf-text-muted);flex-shrink:0}.demo-app .todo-tasks__form{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.demo-app .todo-tasks__form-top{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:linear-gradient(to top, color-mix(in srgb, var(--todo-editor-tint) 9%, var(--color-primary-background)) 0%, var(--color-primary-background) 70%);box-shadow:var(--cf-shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;display:flex}.demo-app .todo-tasks__form-heading{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.demo-app .todo-tasks__form-info{min-width:0}.demo-app .todo-tasks__form-icon{background:color-mix(in srgb, var(--todo-editor-tint) 18%, var(--color-primary-background));width:48px;height:48px;color:var(--todo-editor-tint);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.demo-app .todo-tasks__form-icon svg{width:24px;height:24px}.demo-app .todo-tasks__form-context{text-transform:uppercase;letter-spacing:.09em;color:var(--todo-editor-tint);font-size:.75rem;font-weight:700}.demo-app .todo-tasks__form-title{color:var(--color-primary-text);overflow-wrap:anywhere;margin:3px 0 0;font-size:1.35rem;line-height:1.2}.demo-app .todo-tasks__form-title-row{flex-wrap:wrap;align-items:center;gap:6px 9px;display:flex}.demo-app .todo-tasks__form-subtitle{color:var(--cf-text-muted);white-space:pre-line;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.demo-app .todo-tasks__form-subtitle--empty{opacity:.75}.demo-app .todo-tasks__form-meta{color:var(--cf-text-muted);flex-wrap:wrap;align-items:center;gap:5px 8px;margin-top:8px;display:flex}.demo-app .todo-tasks__form-owner{letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:650}.demo-app .todo-tasks__form-tags{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.demo-app .todo-tasks__form-tags .app-tag{max-width:150px;overflow:hidden}.demo-app .todo-tasks__form-tags-more{font-size:.72rem;font-weight:600}.demo-app .todo-tasks__form-body{flex:1;min-height:0;display:flex}.demo-app .todo-tasks__form-fields.cf-form-scroll.cf-scroll{scrollbar-gutter:auto;flex:1;min-height:0;margin:0;padding:0}.demo-app .todo-tasks__form-fields .input-group{min-width:0;margin-bottom:0}.demo-app .todo-tasks__form-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.12fr) minmax(0,.94fr) minmax(0,.94fr);align-items:stretch;gap:16px;height:100%;min-height:0;display:grid}.demo-app .todo-tasks__form-panel{box-sizing:border-box;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--color-primary-background);width:100%;min-width:0;box-shadow:var(--cf-shadow-sm);flex-direction:column;display:flex}.demo-app .todo-tasks__form-panel--content{min-height:0;overflow:hidden}.demo-app .todo-tasks__panel-heading{box-sizing:border-box;border-bottom:1px solid var(--cf-border-subtle);align-items:center;gap:12px;min-height:66px;padding:14px 20px;display:flex}.demo-app .todo-tasks__panel-icon{background:color-mix(in srgb, var(--cf-accent) 11%, var(--color-primary-background));width:34px;height:34px;color:var(--cf-accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.demo-app .todo-tasks__panel-icon svg{width:18px;height:18px}.demo-app .todo-tasks__panel-heading h2{color:var(--color-primary-text);margin:0;font-size:.98rem;line-height:1.2}.demo-app .todo-tasks__panel-heading p{color:var(--cf-text-muted);margin:3px 0 0;font-size:.75rem;line-height:1.35}.demo-app .todo-tasks__panel-fields{grid-template-columns:minmax(0,1fr);gap:16px 20px;padding:20px;display:grid}.demo-app .todo-tasks__panel-fields--content{scrollbar-width:thin;scrollbar-color:var(--cf-border-input) transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.demo-app .todo-tasks__panel-fields--content .input-group{flex:none}.demo-app .todo-tasks__panel-fields--content textarea{flex:none;min-height:48px;line-height:1.55}.demo-app .todo-tasks__form-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.demo-app .todo-tasks__form-actions .app-button--secondary,.demo-app .todo-tasks__form-actions .app-button--destructive-outline{background:0 0}.demo-app .todo-tasks__form-actions .app-button--secondary:hover:not(:disabled){background:var(--btn-secondary-hover-bg)}.demo-app .todo-tasks__form-actions .app-button--destructive-outline:hover:not(:disabled){background:var(--btn-destructive-soft-bg)}@media (width<=720px){.demo-app .todo-tasks__form-top{flex-direction:column;align-items:flex-start;padding:16px}.demo-app .todo-tasks__form-actions{flex-wrap:wrap;width:100%}.demo-app .todo-tasks__panel-fields{padding:16px}.demo-app .todo-tasks__panel-heading{padding:14px 16px}}@media (width<=1050px){.demo-app .todo-tasks__form-layout{grid-template-rows:none;grid-template-columns:1fr;height:auto;min-height:100%}.demo-app .todo-tasks__form-panel--content{min-height:300px;max-height:65vh}}.demo-app .todo-tasks__link-input{align-items:center;gap:8px;display:flex}.demo-app .todo-tasks__link-input>:first-child{flex:1;min-width:0}.demo-app .todo-tasks__color-dot{background:var(--swatch-color);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:2px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.demo-app .todo-tasks__rows{display:contents}.demo-app .todo-tasks__row{cursor:pointer;border-radius:14px;align-items:center;gap:16px;min-height:76px;padding:12px;transition:background-color .15s;display:flex;position:relative}.demo-app .todo-tasks__row:after{content:"";background:var(--cf-border-subtle);height:1px;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0}.demo-app .todo-tasks__row:hover{background:color-mix(in srgb, var(--cf-accent) 4%, transparent)}.demo-app .todo-tasks__row:last-child:after,.demo-app .todo-tasks__row:hover:after,.demo-app .todo-tasks__row:has(+.todo-tasks__row:hover):after{opacity:0}.demo-app .todo-tasks__row-actions{flex-shrink:0;align-items:center;display:flex}.demo-app .todo-tasks__row-action{min-height:auto;padding:6px}.demo-app .todo-tasks__row-action-icon{color:var(--cf-text-muted);display:inline-flex}.demo-app .todo-tasks__row-action:hover .todo-tasks__row-action-icon{color:var(--color-primary-text)}.demo-app .todo-tasks__row-action-icon svg{width:15px;height:15px;display:block}.demo-app .todo-tasks__complete-icon svg{width:20px;height:20px}.demo-app .todo-tasks__complete--done .todo-tasks__row-action-icon{color:var(--toast-success)}.demo-app .todo-tasks__row--done .todo-tasks__row-title-text{color:var(--cf-text-muted)}.demo-app .todo-tasks__row-title-text{position:relative}.demo-app .todo-tasks__row-title-text--sweeping{transition:color .3s}.demo-app .todo-tasks__row-title-text:after{content:"";background:currentColor;width:0%;height:1.5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.demo-app .todo-tasks__row-title-text--sweeping:after{transition:width .4s}.demo-app .todo-tasks__row-title-text--struck:after{width:100%}@keyframes todo-check-pop{0%{transform:scale(.55)}60%{transform:scale(1.18)}to{transform:scale(1)}}.demo-app .todo-tasks__complete-icon--popping{animation:.32s cubic-bezier(.34,1.56,.64,1) both todo-check-pop}.demo-app .todo-tasks__info{flex:1;min-width:0}.demo-app .todo-tasks__row-end{flex-direction:column;flex:0 42%;justify-content:center;align-items:flex-end;gap:7px;min-width:40px;margin-left:auto;display:flex}.demo-app .todo-tasks__row-end-top{justify-content:flex-end;align-items:center;gap:12px;max-width:100%;display:flex}.demo-app .todo-tasks__row-relations{max-width:100%;color:var(--cf-text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 14px;font-size:.76rem;display:flex}.demo-app .todo-tasks__row-relation{align-items:center;gap:5px;min-width:0;max-width:100%;display:inline-flex}.demo-app .todo-tasks__row-relation>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-app .todo-tasks__row-relation svg{flex-shrink:0;width:14px;height:14px}.demo-app .todo-tasks__row-tags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.demo-app .todo-tasks__customer-link{flex-shrink:0}.demo-app .todo-tasks__row-tags .app-tag{box-sizing:border-box;max-width:100%;overflow:hidden}.demo-app .todo-tasks__row-title{color:var(--color-primary-text);flex-wrap:wrap;align-items:center;gap:6px;font-size:1rem;font-weight:600;display:flex}.demo-app .todo-tasks__row-title-text{margin-right:3px}.demo-app .todo-tasks__row-description{color:var(--cf-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:.84rem;line-height:1.35;overflow:hidden}.demo-app .todo-tasks__row-sub{color:var(--cf-text-muted);flex-wrap:wrap;align-items:center;gap:7px;margin:5px 0 0;font-size:.8rem;display:flex}.demo-app .todo-tasks__owner{letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:650}@media (width<=800px){.demo-app .todo-tasks__row{flex-wrap:wrap;column-gap:8px}.demo-app .todo-tasks__info{flex-basis:calc(100% - 48px)}.demo-app .todo-tasks__row-end{flex-basis:100%;order:2;margin-left:0}.demo-app .todo-tasks__row-actions{margin-left:auto}}.demo-app .todo-due{align-items:center;gap:4px;font-size:.74rem;font-weight:650;display:inline-flex}.demo-app .todo-due svg{flex-shrink:0;width:12px;height:12px;transform:translateY(-1.5px)}.demo-app .todo-due--today{color:var(--app-badge-green)}.demo-app .todo-due--overdue{color:var(--app-badge-red)}.demo-app .todo-due--week{color:var(--app-badge-blue)}@media (width>=960px){.demo-app .todo-tasks{height:clamp(660px,82vh,800px)}}@media (width<=959px){.demo-app .todo-tasks{height:auto;overflow:visible}.demo-app .todo-tasks__list{flex:none;height:460px}.demo-app .todo-tasks__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-app .todo-tasks__search{max-width:300px}.demo-app .todo-tasks__sort-select{flex-shrink:0}@media (width>=1360px){.demo-wrap--todo{--left-shift:min(var(--callout-overlap), (100vw - var(--stage-width)) / 2 - 8px)}.demo-wrap--todo .demo-callouts--left .demo-callout{right:var(--left-shift);left:calc(-1 * var(--left-shift))}}.modules-hero[data-astro-cid-ax2k7dgp]{padding-block:clamp(3rem,6vw,5.5rem) clamp(2rem,4vw,3rem)}.modules-hero-grid[data-astro-cid-ax2k7dgp]{align-items:end;gap:1.25rem;display:grid}@media (width>=1024px){.modules-hero-grid[data-astro-cid-ax2k7dgp]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem)}}.modules-lead[data-astro-cid-ax2k7dgp]{max-width:44ch;color:var(--muted-foreground)}.modules-jump[data-astro-cid-ax2k7dgp]{border-top:1px solid var(--line-strong);margin-top:clamp(2.5rem,5vw,4rem)}.modules-jump[data-astro-cid-ax2k7dgp] ul[data-astro-cid-ax2k7dgp]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=768px){.modules-jump[data-astro-cid-ax2k7dgp] ul[data-astro-cid-ax2k7dgp]{grid-template-columns:repeat(4,minmax(0,1fr))}.modules-jump-link[data-astro-cid-ax2k7dgp]{justify-content:center}}.modules-jump-link[data-astro-cid-ax2k7dgp]{min-height:3.5rem;color:var(--foreground);transition:color .2s var(--ease-ui);align-items:center;gap:.625rem;padding-block:.75rem;font-weight:500;text-decoration:none;display:flex}.modules-jump-link[data-astro-cid-ax2k7dgp]:hover{color:var(--accent-text)}.modules-jump-link[data-astro-cid-ax2k7dgp] svg{flex:none;width:1.25rem;height:1.25rem}.module-details[data-astro-cid-ax2k7dgp]{gap:clamp(3rem,5vw,4.5rem);margin-top:clamp(3.5rem,7vw,6rem);display:grid}.module-features[data-astro-cid-ax2k7dgp]{gap:0 clamp(1.5rem,3vw,2.5rem);display:grid}@media (width>=768px){.module-features[data-astro-cid-ax2k7dgp]{grid-template-columns:repeat(3,minmax(0,1fr))}}.module-features[data-astro-cid-ax2k7dgp] li[data-astro-cid-ax2k7dgp]{border-top:1px solid var(--line-strong);padding-block:1.25rem 1.5rem}.module-feature-title[data-astro-cid-ax2k7dgp]{font-size:1.25rem;font-weight:500;line-height:1.3}.module-feature-text[data-astro-cid-ax2k7dgp]{max-width:40ch;color:var(--muted-foreground);text-wrap:pretty;margin-top:.5rem}.module-more-screens[data-astro-cid-ax2k7dgp]{gap:1.25rem;display:grid}@media (width>=1024px){.module-more-screens[data-astro-cid-ax2k7dgp]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.module-lists[data-astro-cid-ax2k7dgp]{gap:3rem;display:grid}@media (width>=1024px){.module-lists[data-astro-cid-ax2k7dgp]{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem)}}.module-list-heading[data-astro-cid-ax2k7dgp]{font-size:clamp(1.25rem,.4vw + 1.1rem,1.5rem);font-weight:500}.module-list[data-astro-cid-ax2k7dgp]{border-top:1px solid var(--line);margin-top:1rem}.module-list[data-astro-cid-ax2k7dgp] li[data-astro-cid-ax2k7dgp]{border-bottom:1px solid var(--line);gap:.75rem;padding-block:.75rem;display:flex}.module-list[data-astro-cid-ax2k7dgp] .module-list-icon{width:1.125rem;height:1.125rem;color:var(--muted-foreground);flex:none;margin-top:.2rem}.module-list[data-astro-cid-ax2k7dgp] .module-list-icon--included{color:var(--accent-text)}.modules-more[data-astro-cid-ax2k7dgp]{gap:1.25rem;padding-block:clamp(4rem,8vw,7rem);display:grid}@media (width>=1024px){.modules-more[data-astro-cid-ax2k7dgp]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem)}}.modules-more-text[data-astro-cid-ax2k7dgp]{max-width:48ch;color:var(--muted-foreground);margin-bottom:.75rem}