.ns-kpi-card{background:var(--ns-bg-card);border:1px solid var(--ns-border);border-radius:var(--ns-radius-card);box-shadow:var(--ns-shadow-card);padding:var(--shale-space-3,12px) var(--shale-space-4,16px);color:inherit;text-decoration:none;display:block}.ns-kpi-card--interactive{transition:border-color .15s,box-shadow .15s,transform .15s}.ns-kpi-card--interactive:hover{border-color:color-mix(in srgb, var(--ns-accent) 45%, var(--ns-border));box-shadow:var(--ns-shadow-card-hover,var(--ns-shadow-card))}.ns-kpi-card--interactive:focus-visible{outline:2px solid var(--ns-accent);outline-offset:2px}.ns-event-chip--interactive{cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}.ns-event-chip--interactive:hover{border-color:color-mix(in srgb, var(--ns-accent) 40%, var(--ns-border))}.ns-kpi-card__header{justify-content:space-between;align-items:flex-start;gap:var(--shale-space-2);margin-bottom:var(--shale-space-1);display:flex}.ns-kpi-card__label{font-size:var(--ns-font-label);color:var(--ns-text-secondary)}.ns-kpi-card__icon{opacity:.85;font-size:1.25rem;line-height:1}.ns-kpi-card__value{font-size:var(--ns-font-kpi-value);color:var(--ns-text-primary);font-weight:700;line-height:1.2}.ns-kpi-card__delta{font-size:var(--ns-font-label);margin-top:var(--shale-space-1)}.ns-kpi-card__delta--up{color:var(--ns-success)}.ns-kpi-card__delta--down{color:var(--ns-danger)}.ns-kpi-card__delta--neutral{color:var(--ns-text-secondary)}.ns-category-card{background:var(--ns-bg-card);border:1px solid var(--ns-border);border-radius:var(--ns-radius-card);box-shadow:var(--ns-shadow-card);padding:var(--shale-space-4);gap:var(--shale-space-2);flex-direction:column;min-height:140px;display:flex}.ns-category-card__top{justify-content:space-between;align-items:flex-start;display:flex}.ns-category-card__icon{font-size:1.5rem;line-height:1}.ns-category-card__name{font-size:var(--ns-font-card-title);font-weight:var(--shale-weight-heading);color:var(--ns-text-primary);margin:0}.ns-category-card__meta{font-size:var(--ns-font-label);color:var(--ns-text-secondary)}.ns-category-card__badge{font-size:var(--ns-font-label);border-radius:var(--ns-radius-chip);background:var(--ns-warning-soft);color:var(--ns-warning);padding:2px 8px;font-weight:500;display:inline-block}.ns-category-card__value{font-size:var(--ns-font-label);color:var(--ns-text-secondary);margin-top:auto}.ns-category-card__accent{border-radius:var(--ns-radius-chip);height:3px;margin-top:var(--shale-space-2)}.ns-event-chip{border-radius:var(--ns-radius-chip);max-width:100%;font-size:var(--ns-font-label);color:#fff;white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:2px 8px;font-weight:500;display:inline-flex;overflow:hidden}.ns-event-chip--stock{background:var(--ns-event-stock)}.ns-event-chip--logistics{background:var(--ns-event-logistics)}.ns-event-chip--alert{background:var(--ns-event-alert)}.ns-event-chip--reorder{background:var(--ns-event-reorder)}.ns-event-chip--internal{background:var(--ns-event-internal)}.ns-summary-footer{align-items:center;gap:var(--shale-space-4);padding:var(--shale-space-3) var(--shale-space-4);background:var(--ns-bg-card);border:1px solid var(--ns-border);border-radius:var(--ns-radius-card);box-shadow:var(--ns-shadow-card);flex-wrap:wrap;display:flex}.ns-summary-footer__metrics{gap:var(--shale-space-5);flex-wrap:wrap;flex:1;display:flex}.ns-summary-footer__metric-label{font-size:var(--ns-font-label);color:var(--ns-text-secondary)}.ns-summary-footer__metric-value{font-size:var(--ns-font-card-title);font-weight:var(--shale-weight-heading);color:var(--ns-text-primary)}.ns-summary-footer__metric-value--success{color:var(--ns-success)}.ns-summary-footer__actions{align-items:center;gap:var(--shale-space-2);display:flex}.ns-summary-footer__primary-btn{background:var(--ns-accent);color:var(--ns-accent-text);border-radius:var(--ns-radius-control);padding:var(--shale-space-2) var(--shale-space-4);font-size:var(--ns-font-body);cursor:pointer;min-height:var(--shale-min-touch);border:none;font-weight:500}.ns-summary-footer__primary-btn:hover{background:var(--ns-accent-hover)}.ns-integration-tile{align-items:center;gap:var(--shale-space-3);padding:var(--shale-space-3) var(--shale-space-4);background:var(--ns-bg-card);border:1px solid var(--ns-border);border-radius:var(--ns-radius-control);min-height:var(--shale-min-touch);display:flex}.ns-integration-tile--connected{border-color:var(--ns-success);background:var(--ns-success-soft)}.ns-integration-tile__icon{border-radius:var(--ns-radius-control);background:var(--ns-accent-soft);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.ns-integration-tile__body{flex:1;min-width:0}.ns-integration-tile__name{font-size:var(--ns-font-body);font-weight:var(--shale-weight-heading);color:var(--ns-text-primary)}.ns-integration-tile__status{font-size:var(--ns-font-label);color:var(--ns-text-secondary)}.ns-integration-tile__status--connected{color:var(--ns-success)}.ns-integration-tile__action{border:1px solid var(--ns-border);border-radius:var(--ns-radius-control);padding:var(--shale-space-1) var(--shale-space-3);font-size:var(--ns-font-label);color:var(--ns-accent);cursor:pointer;background:0 0;flex-shrink:0}.ns-integration-tile__action:hover{border-color:var(--ns-accent);background:var(--ns-accent-soft)}@media (prefers-reduced-motion:reduce){.ns-kpi-card,.ns-category-card,.ns-summary-footer__primary-btn,.ns-integration-tile__action{transition:none}}.ns-token-preview{padding:var(--ns-page-padding);background:var(--ns-bg-page);color:var(--ns-text-primary);min-height:100%}.ns-token-preview__header{margin-bottom:var(--shale-space-6)}.ns-token-preview__title{font-size:var(--ns-font-page-title);font-weight:var(--shale-weight-heading);margin:0 0 var(--shale-space-2)}.ns-token-preview__subtitle{color:var(--ns-text-secondary);font-size:var(--ns-font-body);margin:0}.ns-token-preview__toolbar{gap:var(--shale-space-3);margin-bottom:var(--shale-space-6);flex-wrap:wrap;align-items:center;display:flex}.ns-token-preview__mode-btn{border:1px solid var(--ns-border);background:var(--ns-bg-card);color:var(--ns-text-primary);border-radius:var(--ns-radius-control);padding:var(--shale-space-2) var(--shale-space-4);font-size:var(--ns-font-body);cursor:pointer;min-height:var(--shale-min-touch)}.ns-token-preview__mode-btn[aria-pressed=true]{background:var(--ns-accent);border-color:var(--ns-accent);color:var(--ns-accent-text)}.ns-token-preview__section{margin-bottom:var(--shale-space-8)}.ns-token-preview__section-title{font-size:var(--ns-font-section-title);font-weight:var(--shale-weight-heading);margin:0 0 var(--shale-space-4)}.ns-token-preview__swatches{gap:var(--shale-space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.ns-token-preview__swatch{border:1px solid var(--ns-border);border-radius:var(--ns-radius-control);background:var(--ns-bg-card);overflow:hidden}.ns-token-preview__swatch-color{height:48px}.ns-token-preview__swatch-label{padding:var(--shale-space-2);font-size:var(--ns-font-label);color:var(--ns-text-secondary);word-break:break-all}.ns-token-preview__samples{gap:var(--shale-space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.ns-token-preview__samples--categories{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ns-token-preview__chip-row{gap:var(--shale-space-2);flex-wrap:wrap;display:flex}.ns-token-preview__integration-grid{gap:var(--shale-space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.ns-token-preview__mockups{gap:var(--shale-space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.ns-token-preview__mockup{border:1px solid var(--ns-border);border-radius:var(--ns-radius-card);background:var(--ns-bg-card);overflow:hidden}.ns-token-preview__mockup img{width:100%;height:auto;display:block}.ns-token-preview__mockup figcaption{padding:var(--shale-space-3);font-size:var(--ns-font-label);color:var(--ns-text-secondary)}.ns-token-preview__primary-btn{background:var(--ns-accent);color:var(--ns-accent-text);border-radius:var(--ns-radius-control);padding:var(--shale-space-2) var(--shale-space-4);font-size:var(--ns-font-body);cursor:pointer;min-height:var(--shale-min-touch);border:none}.ns-token-preview__primary-btn:hover{background:var(--ns-accent-hover)}