.crm-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));overflow-x:auto;align-items: start;gap:12px;width:100%;padding-bottom:8px}.crm-board__col{display:flex;border:1px solid var(--border,var(--color-base-300));border-radius:var(--radius);background:color-mix(in srgb,var(--surface,var(--color-base-200))88%,transparent);flex-direction:column;gap:10px;min-width:220px;min-height:280px;padding:10px;transition:border-color .15s,background .15s,box-shadow .15s}.crm-board__col.is-drop-target{border-color:color-mix(in srgb,var(--accent,var(--primary))55%,var(--border,#ccc));background:color-mix(in srgb,var(--accent,var(--primary))8%,var(--surface,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,var(--primary))25%,transparent)}.crm-board__col>header{display:flex;border-bottom:1px solid var(--border-soft,var(--color-base-300));justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:8px}.crm-board__col h2{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.82rem;font-weight:650}.crm-board__cards{display:flex;flex-direction:column;flex:1;gap:8px;min-height:120px}.crm-board__empty{text-align:center;margin:.35rem 0 0;padding:1.25rem .5rem;font-size:.8rem}.crm-card{display:flex;border:1px solid var(--border,var(--color-base-300));border-radius:calc(var(--radius) - 2px);background:var(--surface,var(--color-base-100));cursor:grab;user-select:none;flex-direction:column;gap:4px;padding:10px 12px;transition:box-shadow .12s,opacity .12s,transform .12s}.crm-card:active{cursor:grabbing}.crm-card.is-dragging{opacity:.45;transform:scale(.98)}.crm-card__title{color:inherit;text-decoration:none;font-size:.92rem;font-weight:650;line-height:1.3}.crm-card__title:hover{text-decoration:underline}.crm-card__customer{text-decoration:none;font-size:.78rem;line-height:1.3}.crm-card__customer:hover{text-decoration:underline}.crm-card__meta{display:flex;color:var(--text-muted);justify-content:space-between;align-items: center;gap:8px;margin-top:4px;font-size:.75rem}.crm-card__tasks{display:inline-grid;background:color-mix(in srgb,var(--accent,var(--primary))16%,transparent);color:var(--text);border-radius:999px;place-items: center;min-width:1.35rem;height:1.35rem;padding:0 .3rem;font-size:.7rem;font-weight:700}.crm-hub__tasks{display:grid;gap:0}.crm-hub__quick{display:flex;border-bottom:1px solid var(--border-soft,var(--border));flex-wrap:wrap;align-items:stretch;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.crm-hub__quick .input,.crm-hub__quick select{min-height:var(--control-h,36px)}.crm-hub__quick select{width:auto;min-width:7.5rem}.crm-hub__quick .input[name=subject]{flex:12rem;min-width:10rem}.crm-task{display:grid;grid-template-columns:auto minmax(0,1fr)auto;border-bottom:1px solid var(--border-soft,var(--border));align-items: start;gap:.75rem 1rem;padding:.75rem 0}.crm-task:last-child{border-bottom:0}.crm-task.is-done{opacity:.55}.crm-task.is-done .crm-task__subject{text-decoration:line-through}.crm-task__check{margin-top:.15rem}.crm-task__subject{margin:0;font-size:.95rem;font-weight:650}.crm-task__meta{color:var(--text-muted);margin:.2rem 0 0;font-size:.8rem}.crm-task__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.crm-timeline{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.crm-timeline__item{display:grid;grid-template-columns:auto 1fr auto;border-bottom:1px solid var(--border,var(--color-base-300));align-items: start;gap:12px;padding:10px 0}.crm-timeline__item.is-done{opacity:.65}.crm-timeline__item p{margin:4px 0 0;font-size:13px}.crm-partial__foot{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem 1rem;margin-top:.75rem}.crm-partial__foot .muted{margin:0}@media (max-width:1200px){.crm-board{grid-template-columns:repeat(5,minmax(220px,240px))}}.page:has(.crm-workflow){overflow:hidden}.crm-workflow{display:flex;overflow:hidden;flex-direction:column;flex:1 1 0;gap:.65rem;width:100%;min-height:0;padding-bottom:0}.crm-workflow__chrome{position:relative;z-index:12;flex-direction:column;flex:none;align-items:stretch;gap:.65rem;margin:0;padding:.75rem .9rem;top:auto}.crm-workflow__chrome .customer-edit__identity{gap:.35rem}.crm-workflow__chrome .cell-user--lg{gap:.55rem}.crm-workflow__chrome .avatar--xl{width:2.25rem;height:2.25rem;font-size:.95rem}.crm-workflow__chrome h1{font-size:1.15rem}.crm-workflow__chrome .customer-profile__sub{font-size:.8rem}.crm-workflow__meta--chrome{display:grid;grid-template-columns:1fr 1fr;background:0 0;border:0;gap:.55rem .85rem;width:100%;max-width:none;margin:0;padding:0}.crm-workflow__meta--chrome>.field,.crm-workflow__meta--chrome>.g-field{min-width:0}.crm-workflow__meta--chrome textarea,.crm-workflow__meta--chrome .input,.crm-workflow__meta--chrome input:not([type=checkbox]):not([type=radio]),.crm-workflow__meta--chrome .g-control{width:100%}.crm-workflow__meta--chrome textarea{min-height:2.5rem;max-height:4.5rem}.crm-workflow__meta-footer{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items: end;gap:.55rem .85rem}.crm-workflow__meta-actions{display:flex;justify-content:flex-end;margin:0}.crm-workflow__canvas-col{display:flex;flex-direction:column;gap:.55rem;min-width:0;height:100%;min-height:0}.crm-workflow__palette{display:flex;border:1px solid var(--border,#d0d4dc);background:var(--surface,#fff);border-radius:.55rem;flex-wrap:wrap;flex:none;justify-content:space-between;align-items: center;gap:.5rem .85rem;padding:.5rem .75rem}.crm-workflow__palette-copy{display:grid;gap:.1rem;min-width:0}.crm-workflow__palette-copy strong{font-size:.85rem;font-weight:650}.crm-workflow__palette-copy .muted{margin:0;font-size:.78rem}.crm-workflow__palette-actions{display:flex;flex-wrap:wrap;align-items: center;gap:.35rem}.crm-workflow__workspace{display:grid;grid-template-columns:minmax(0,1fr)minmax(280px,340px);flex:1 1 0;align-items:stretch;gap:.65rem;min-height:0}.crm-workflow__canvas-wrap{position:relative;overflow:auto;border:1px solid var(--border,#d0d4dc);background:linear-gradient(to right,color-mix(in oklab,var(--border,#ccc)35%,transparent)1px,transparent 1px)0 0/24px 24px,linear-gradient(to bottom,color-mix(in oklab,var(--border,#ccc)35%,transparent)1px,transparent 1px)0 0/24px 24px,color-mix(in oklab,var(--surface,#fff)100%,transparent);border-radius:.5rem;flex:1 1 0;height:auto;min-height:0}.crm-workflow__vars{display:flex;border:1px solid var(--border,#d0d4dc);background:var(--surface,#fff);overflow:hidden;border-radius:.5rem;flex-direction:column;height:100%;min-height:0;max-height:none}.crm-workflow__aux{border:1px solid var(--border,#d0d4dc);background:var(--surface,#fff);overflow:hidden;border-radius:.5rem;flex:none}.crm-workflow__aux-summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items: center;gap:.35rem;padding:.55rem .85rem;font-size:.85rem;font-weight:650}.crm-workflow__aux-summary::-webkit-details-marker{display:none}.crm-workflow__aux[open]{overflow:auto;max-height:min(40vh,22rem)}.crm-workflow__aux .customer-section{border:0;border-top:1px solid var(--border,#d0d4dc);border-radius:0;margin:0}.crm-workflow__edges{position:absolute;pointer-events:none;z-index:1;width:1400px;height:800px;inset:0}.crm-workflow__edge{fill:none;stroke:color-mix(in oklab,var(--accent,#2563eb)70%,#64748b);stroke-width:2;pointer-events:stroke;cursor:pointer}.crm-workflow__edge.is-draft{stroke-dasharray:6 4;opacity:.7}.crm-workflow__nodes{position:relative;z-index:2}.crm-workflow__node{position:absolute;border:1px solid var(--border,#d0d4dc);background:var(--surface,#fff);cursor:default;user-select:none;touch-action:none;border-radius:.55rem;width:220px;padding:.55rem .65rem .7rem;box-shadow:0 8px 24px #00000014;box-shadow:0 8px 24px color(display-p3 0 0 0/.08);box-shadow:0 8px 24px lab(0% 0 0/.08)}.crm-workflow__node.is-email{width:560px}.crm-workflow__node.is-dragging{cursor:grabbing;z-index:5}.crm-workflow__node.is-trigger{border-color:color-mix(in oklab,#f59e0b 55%,var(--border))}.crm-workflow__node.is-logic{border-color:color-mix(in oklab,#10b981 55%,var(--border))}.crm-workflow__node.is-action{border-color:color-mix(in oklab,#2563eb 55%,var(--border))}.crm-workflow__node-handle{cursor:grab;margin-bottom:.35rem;padding:.1rem 0 .25rem;font-size:.85rem;font-weight:650}.crm-workflow__node>header{margin-bottom:.35rem;font-size:.85rem;font-weight:650}.crm-workflow__node-body,.crm-workflow__fields,.crm-wf-tpl,.crm-workflow__email-body,.crm-cascader,.g-editor--workflow{user-select:text;-webkit-user-select:text;touch-action:auto;cursor:auto;pointer-events:auto}.crm-workflow__fields select,.crm-workflow__fields input,.crm-workflow__fields textarea{pointer-events:auto;touch-action:auto}.crm-workflow__ports{display:flex;justify-content:space-between;align-items: center;margin-bottom:.35rem}.crm-workflow__port{border:2px solid var(--accent,#2563eb);background:var(--surface,#fff);cursor:crosshair;border-radius:999px;width:1.1rem;height:1.1rem;padding:0;font-size:.55rem;line-height:1}.crm-workflow__port-group{display:flex;gap:.25rem}.crm-workflow__fields{display:grid;gap:.3rem}.crm-workflow__fields--email{gap:.45rem}.crm-workflow__remove{position:absolute;cursor:pointer;opacity:.55;background:0 0;border:0;font-size:1rem;top:.25rem;right:.35rem}.crm-workflow__runs{margin-top:0}.crm-workflow__log{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:28rem;font-size:.7rem}.crm-workflow__danger{margin-top:0}.crm-workflow__runs .table-wrap{margin-top:.35rem}.table--crm-workflows td{white-space:normal;vertical-align:middle}.table--crm-workflows .cell-user__text strong{display:block}.crm-workflow-edit .customer-edit__grid>.g-field.field--full{grid-column:1/-1}@media (max-width:980px){.crm-workflow__workspace,.crm-workflow__meta--chrome{grid-template-columns:1fr}.crm-workflow__palette{align-items: flex-start}.crm-workflow__palette-actions{width:100%}}.input--sm{padding:.25rem .4rem;font-size:.8rem}.crm-workflow__fields .input,.crm-workflow__fields .input--sm{min-height:2.5rem;padding:.45rem .6rem;font-size:1rem;line-height:1.4}.crm-workflow__vars-head{border-bottom:1px solid var(--border,#d0d4dc);display:grid;flex:none;gap:.4rem;padding:.65rem .75rem .55rem}.crm-workflow__vars-head .muted{margin:0;font-size:.8rem}.crm-workflow__vars-head .input,.crm-workflow__vars-head .input--sm{width:100%}.crm-workflow__vars-target{border-radius:.35rem;margin:0;padding:.35rem .5rem;font-size:.75rem;line-height:1.3}.crm-workflow__vars-target.is-idle{background:color-mix(in oklab,var(--border,#d0d4dc)35%,var(--surface,#fff));color:var(--text-muted,#64748b)}.crm-workflow__vars-target.is-ready{background:color-mix(in oklab,#16a34a 14%,var(--surface,#fff));color:#1c6834;color:color(display-p3 .20265 .400742 .226225);color:lab(38.4297% -33.2185 21.9107);font-weight:600}.crm-cascader__menus.is-left .crm-cascader__menu.is-root{border-right:0;border-left:1px solid var(--border,#e5e7eb)}.crm-cascader__menus.is-left .crm-cascader__menu:first-child{border-left:0}.crm-cascader__item:has(.crm-cascader__item-arrow.is-left){grid-template-columns:auto 1fr}.crm-cascader__item-arrow.is-left{grid-column:1;grid-row:1/span 2}.crm-cascader__item:has(.crm-cascader__item-arrow.is-left) .crm-cascader__item-label{grid-column:2}.crm-cascader__item:has(.crm-cascader__item-arrow.is-left) .crm-cascader__item-meta{grid-column:2}.crm-cascader{position:relative;width:100%}.crm-cascader__trigger{display:flex;border:1px solid var(--border,#d0d4dc);background:var(--surface,#fff);text-align:left;cursor:pointer;border-radius:.4rem;justify-content:space-between;align-items: center;gap:.4rem;width:100%;min-height:2.5rem;padding:.4rem .55rem;font-size:.9rem;line-height:1.35}.crm-cascader.is-open .crm-cascader__trigger,.crm-cascader__trigger:hover{border-color:color-mix(in oklab,var(--accent,#2563eb)55%,var(--border))}.crm-cascader__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.crm-cascader__label.is-placeholder{color:var(--text-muted,#64748b)}.crm-cascader__suffix{color:var(--text-muted,#64748b);font-size:.85rem;transform:rotate(90deg)}.crm-cascader.is-open .crm-cascader__suffix{transform:rotate(-90deg)}.crm-cascader__dropdown{position:absolute;z-index:10050;border:1px solid var(--border,#d0d4dc);background:var(--surface,#fff);touch-action:auto;user-select:text;-webkit-user-select:text;border-radius:.5rem;min-width:max(100%,16rem);max-width:min(90vw,28rem);padding:.45rem;top:calc(100% + 4px);left:0;box-shadow:0 12px 32px #00000024;box-shadow:0 12px 32px color(display-p3 0 0 0/.14);box-shadow:0 12px 32px lab(0% 0 0/.14)}.crm-cascader__search{width:100%;margin-bottom:.4rem}.crm-cascader__menus{display:flex;overflow:hidden;border:1px solid var(--border,#e5e7eb);border-radius:.35rem;align-items:stretch;gap:0;max-height:16rem}.crm-cascader__menu{list-style:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;border-right:1px solid var(--border,#e5e7eb);min-width:9.5rem;max-width:14rem;max-height:16rem;margin:0;padding:.25rem}.crm-cascader__menu:last-child{border-right:0}.crm-cascader__item{display:grid;grid-template-columns:1fr auto;cursor:pointer;border-radius:.3rem;align-items: center;gap:.15rem .35rem;padding:.4rem .5rem;font-size:.82rem;line-height:1.3}.crm-cascader__item:hover,.crm-cascader__item.is-active{background:color-mix(in oklab,var(--accent,#2563eb)10%,var(--surface,#fff))}.crm-cascader__item.is-selected{background:color-mix(in oklab,var(--accent,#2563eb)16%,var(--surface,#fff));color:color-mix(in oklab,var(--accent,#2563eb)80%,#111);font-weight:650}.crm-cascader__item.is-disabled{opacity:.45;cursor:not-allowed}.crm-cascader__item-label{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.crm-cascader__item-meta{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.crm-cascader__item-arrow{grid-column:2;grid-row:1/span 2;color:var(--text-muted,#64748b)}.crm-cascader__empty{margin:0;padding:.65rem .5rem;font-size:.8rem}.crm-cascader__free{width:calc(100% - .9rem);margin:.35rem .45rem .55rem}.crm-workflow__vars-list{overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;flex:1 1 0;gap:.15rem;min-height:0;padding:.55rem .65rem .85rem}.crm-workflow__vars-empty{margin:.5rem 0 0;font-size:.82rem}.crm-workflow__vars-group{margin:0 0 .75rem}.crm-workflow__vars-group:last-child{margin-bottom:0}.crm-workflow__vars-group h3{display:flex;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#64748b);position:sticky;z-index:1;background:color-mix(in oklab,var(--surface,#fff)92%,transparent);backdrop-filter:blur(4px);justify-content:space-between;align-items: center;gap:.35rem;margin:0 0 .4rem;padding:.2rem 0;font-size:.72rem;font-weight:650;top:0}.crm-workflow__vars-count{display:inline-flex;letter-spacing:0;text-transform:none;background:color-mix(in oklab,var(--border,#d0d4dc)55%,transparent);color:var(--text-muted,#64748b);border-radius:999px;justify-content:center;align-items: center;min-width:1.25rem;padding:0 .3rem;font-size:.68rem;font-weight:700}.crm-workflow__vars-group ul{list-style:none;display:grid;gap:.35rem;margin:0;padding:0}.crm-workflow__var{text-align:left;display:grid;border:1px solid var(--border,#d0d4dc);background:color-mix(in oklab,var(--surface,#fff)92%,var(--border,#ccc));cursor:pointer;border-radius:.4rem;gap:.12rem;width:100%;padding:.5rem .55rem}.crm-workflow__var:hover{border-color:color-mix(in oklab,var(--accent,#2563eb)45%,var(--border));background:color-mix(in oklab,var(--accent,#2563eb)8%,var(--surface,#fff))}.crm-workflow__var:focus-visible{outline:2px solid color-mix(in oklab,var(--accent,#2563eb)55%,transparent);outline-offset:1px}.crm-workflow__var-label{font-size:.8rem;font-weight:600}.crm-workflow__var-desc{font-size:.72rem;line-height:1.25}.crm-wf-var{display:inline;color:#4e239b;color:color(display-p3 .28529 .145511 .583304);color:lab(26.3793% 41.2079 -58.6184);cursor:help;background:#7c3aed2e;background:color(display-p3 .45324 .241651 .895024/.18);background:lab(42.2333% 56.9752 -80.606/.18);border-radius:.28em;padding:.05em .28em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em;font-weight:700}.crm-workflow__var code.crm-wf-var{display:inline-block;cursor:help;margin-bottom:.1rem}.ProseMirror .crm-wf-var{cursor:help;font-weight:700}.crm-wf-tpl{position:relative;font-size:1rem;line-height:1.4}.crm-wf-tpl__view{border:1px solid var(--border,#d0d4dc);border-radius:var(--radius,.4rem);background:var(--surface,#fff);cursor:text;white-space:pre-wrap;word-break:break-word;color:var(--text,#111);user-select:text;min-height:2.5rem;padding:.45rem .6rem}.crm-wf-tpl.is-empty .crm-wf-tpl__view:before{content:attr(data-placeholder);color:var(--text-muted,#94a3b8)}.crm-wf-tpl__view:hover{border-color:color-mix(in srgb,var(--primary,#2563eb)40%,var(--border,#d0d4dc))}.crm-wf-tpl__input{display:none;border:1px solid var(--border,#d0d4dc);border-radius:var(--radius,.4rem);background:var(--surface,#fff);color:var(--text,#111);font:inherit;box-sizing:border-box;width:100%;min-height:2.5rem;padding:.45rem .6rem;font-size:1rem;line-height:1.4}.crm-wf-tpl.is-editing .crm-wf-tpl__view{display:none}.crm-wf-tpl.is-editing .crm-wf-tpl__input{display:block}.crm-wf-tpl.is-editing .crm-wf-tpl__input:focus{outline:none;border-color:color-mix(in srgb,var(--primary,#2563eb)55%,var(--border,#d0d4dc));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#2563eb)18%,transparent)}.crm-wf-tpl .crm-wf-var{cursor:help}.crm-workflow__email-body{margin-top:.15rem}.crm-workflow__email-editor.g-editor--compact,.g-editor--workflow{border-radius:.45rem}.g-editor--workflow .g-editor__body,.g-editor--workflow .g-editor__surface,.g-editor--workflow .g-editor__content,.g-editor--workflow .g-editor__content.ProseMirror{min-height:22rem}.g-editor--workflow .g-editor__content,.g-editor--workflow .g-editor__content.ProseMirror{padding:.85rem 1rem 1.1rem;font-size:.9rem}.g-editor--workflow .g-editor__content>p:before,.g-editor--workflow .g-editor__content>h1:before,.g-editor--workflow .g-editor__content>h2:before,.g-editor--workflow .g-editor__content>h3:before,.g-editor--workflow .g-editor__content>blockquote:before,.g-editor--workflow .g-editor__content>ul:before,.g-editor--workflow .g-editor__content>ol:before{display:none}.g-editor--workflow .g-editor__content>p,.g-editor--workflow .g-editor__content>h1,.g-editor--workflow .g-editor__content>h2,.g-editor--workflow .g-editor__content>h3,.g-editor--workflow .g-editor__content>blockquote,.g-editor--workflow .g-editor__content>ul,.g-editor--workflow .g-editor__content>ol{outline:none}.g-editor__select--ff{min-width:5.5rem;max-width:7rem}.g-editor__select--fw{min-width:3.5rem;max-width:4.5rem}@media (max-width:960px){.page:has(.crm-workflow){overflow:auto}.crm-workflow{overflow:visible;flex:auto;min-height:auto}.crm-workflow__workspace{grid-template-columns:1fr;flex:none;min-height:28rem}.crm-workflow__canvas-wrap{min-height:22rem}.crm-workflow__vars{min-height:14rem;max-height:18rem}}

/* color-mix-fix */
/**
 * Soft semantic fills — appended AFTER Tailwind/LightningCSS minify.
 *
 * LightningCSS breaks `color-mix(..., var(--x) N%, var(--y))` into solid
 * `var(--x)` fallbacks inside incomplete `@supports` blocks. This file is
 * concatenated raw onto the built CSS so soft tints stay soft.
 */

.badge--ok {
    background: color-mix(in srgb, var(--success, #4ade80) 16%, var(--surface));
    border-color: color-mix(in srgb, var(--success, #4ade80) 36%, var(--border));
    color: color-mix(in srgb, var(--success, #4ade80) 72%, var(--text));
}
.badge--warn {
    background: color-mix(in srgb, var(--warning, #fbbf24) 16%, var(--surface));
    border-color: color-mix(in srgb, var(--warning, #fbbf24) 36%, var(--border));
    color: color-mix(in srgb, var(--warning, #fbbf24) 72%, var(--text));
}
.badge--danger {
    background: color-mix(in srgb, var(--danger, #f87171) 14%, var(--surface));
    border-color: color-mix(in srgb, var(--danger, #f87171) 34%, var(--border));
    color: color-mix(in srgb, var(--danger, #f87171) 78%, var(--text));
}
.badge--muted {
    background: color-mix(in srgb, var(--text-muted) 10%, var(--surface));
}
.badge--info {
    background: color-mix(in srgb, #38bdf8 16%, var(--surface));
    border-color: color-mix(in srgb, #38bdf8 34%, var(--border));
    color: color-mix(in srgb, #38bdf8 68%, var(--text));
}
.badge--signal {
    background: color-mix(in srgb, var(--primary) 78%, var(--surface));
}

.status-chip--tone-success {
    border-color: color-mix(in srgb, var(--success) 36%, var(--border));
    background: color-mix(in srgb, var(--success) 10%, var(--surface));
}
.status-chip--tone-warn,
.status-chip--tone-warning {
    border-color: color-mix(in srgb, var(--warning, #f59e0b) 38%, var(--border));
    background: color-mix(in srgb, var(--warning, #f59e0b) 10%, var(--surface));
}
.status-chip--tone-danger {
    border-color: color-mix(in srgb, var(--danger, #ef4444) 34%, var(--border));
    background: color-mix(in srgb, var(--danger, #ef4444) 10%, var(--surface));
    color: color-mix(in srgb, var(--danger, #ef4444) 72%, var(--text));
}
.status-chip--tone-info {
    border-color: color-mix(in srgb, var(--info, #3b82f6) 34%, var(--border));
    background: color-mix(in srgb, var(--info, #3b82f6) 10%, var(--surface));
}
.status-chip--tone-indigo {
    border-color: color-mix(in srgb, #6366f1 36%, var(--border));
    background: color-mix(in srgb, #6366f1 10%, var(--surface));
}

.table .badge--ok,
.table .badge--warn,
.table .badge--danger,
.table .badge--info,
.table .badge--muted {
    color: color-mix(in srgb, var(--primary) 40%, var(--text));
    border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
    background: color-mix(in srgb, var(--primary) 16%, var(--surface));
}

.table .badge--ok {
    border-color: color-mix(in srgb, var(--success) 42%, var(--border));
    background: color-mix(in srgb, var(--success) 12%, var(--surface));
}
.table .badge--warn {
    border-color: color-mix(in srgb, var(--warning) 42%, var(--border));
    background: color-mix(in srgb, var(--warning) 12%, var(--surface));
}
.table .badge--danger {
    border-color: color-mix(in srgb, var(--danger) 38%, var(--border));
    background: var(--danger-bg, color-mix(in srgb, var(--danger) 10%, var(--surface)));
}

.bulk-bar {
    border: 1px solid color-mix(in srgb, var(--primary) 32%, var(--border));
    background: color-mix(in srgb, var(--primary) 10%, var(--surface));
}

/* Row actions: surface + tinted icon (no color-mix fills — LightningCSS solidifies them) */
.table__action-btn--primary,
.table__action-btns > form > button.table__action-btn--primary,
.table__action-btns > a.table__action-btn--primary,
.table__action-btn--success,
.table__action-btns > form > button.table__action-btn--success,
.table__action-btns > a.table__action-btn--success,
.table__action-btn--warn,
.table__action-btns > form > button.table__action-btn--warn,
.table__action-btns > a.table__action-btn--warn,
.table__action-btn--danger,
.table__action-btns > form > button.table__action-btn--danger,
.table__action-btns > a.table__action-btn--danger,
.table__action-btns > .table__action-form > button {
    background: var(--surface) !important;
    border-color: var(--border) !important;
}
.table__action-btn--primary,
.table__action-btns > form > button.table__action-btn--primary,
.table__action-btns > a.table__action-btn--primary {
    color: var(--primary) !important;
}
.table__action-btn--success,
.table__action-btns > form > button.table__action-btn--success,
.table__action-btns > a.table__action-btn--success {
    color: var(--success) !important;
}
.table__action-btn--warn,
.table__action-btns > form > button.table__action-btn--warn,
.table__action-btns > a.table__action-btn--warn {
    color: var(--warning) !important;
}
.table__action-btn--danger,
.table__action-btns > form > button.table__action-btn--danger,
.table__action-btns > a.table__action-btn--danger,
.table__action-btns > .table__action-form > button {
    color: var(--danger) !important;
}

.btn--soft {
    --btn-bg: color-mix(in srgb, var(--primary) 28%, var(--surface));
    --btn-hover-bg: color-mix(in srgb, var(--primary) 40%, var(--surface));
    --btn-active-bg: color-mix(in srgb, var(--primary) 48%, var(--surface));
}
.btn--success {
    --btn-bg: color-mix(in srgb, var(--success) 16%, var(--surface));
    --btn-fg: color-mix(in srgb, var(--success) 82%, var(--text));
    --btn-border: color-mix(in srgb, var(--success) 38%, var(--border));
    --btn-hover-bg: color-mix(in srgb, var(--success) 24%, var(--surface));
    --btn-hover-fg: color-mix(in srgb, var(--success) 82%, var(--text));
    --btn-hover-border: color-mix(in srgb, var(--success) 48%, var(--border));
}
.btn--warning {
    --btn-bg: color-mix(in srgb, var(--warning) 16%, var(--surface));
    --btn-fg: color-mix(in srgb, var(--warning) 82%, var(--text));
    --btn-border: color-mix(in srgb, var(--warning) 40%, var(--border));
    --btn-hover-bg: color-mix(in srgb, var(--warning) 24%, var(--surface));
    --btn-hover-fg: color-mix(in srgb, var(--warning) 82%, var(--text));
    --btn-hover-border: color-mix(in srgb, var(--warning) 50%, var(--border));
}
.btn--primary:hover {
    --btn-hover-bg: color-mix(in srgb, var(--primary) 88%, #fff);
    --btn-hover-border: color-mix(in srgb, var(--primary) 88%, #fff);
    --btn-active-bg: color-mix(in srgb, var(--primary) 82%, var(--text));
    --btn-shadow: 0 1px 0 color-mix(in srgb, var(--text) 6%, transparent);
}
.btn--danger:hover {
    --btn-hover-bg: color-mix(in srgb, var(--danger) 88%, #fff);
    --btn-hover-border: color-mix(in srgb, var(--danger) 88%, #fff);
    --btn-active-bg: color-mix(in srgb, var(--danger) 82%, #000);
}
.btn--danger-outline {
    --btn-border: color-mix(in srgb, var(--danger) 45%, var(--border));
    --btn-hover-bg: var(--danger-bg, color-mix(in srgb, var(--danger) 10%, var(--surface)));
}

.customer-edit__tab.is-active,
.design-tabs [aria-selected="true"] {
    border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
    background: color-mix(in srgb, var(--primary) 10%, var(--surface));
}
.customer-edit__tab--ok.is-active {
    border-color: color-mix(in srgb, var(--success) 45%, var(--border));
    background: color-mix(in srgb, var(--success) 10%, var(--surface));
}
.customer-edit__tab--warn.is-active {
    border-color: color-mix(in srgb, var(--warning) 45%, var(--border));
    background: color-mix(in srgb, var(--warning) 10%, var(--surface));
}
.customer-edit__hero {
    background:
        radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--accent, var(--primary)) 10%, transparent), transparent 55%),
        var(--surface);
}