/* ==========================================================================
   js-styles.css — CSP-safe CSS classes for JS template literals
   Replaces static style="" in JS-generated HTML (management app).
   Part of Backlog 096 Phase 3 (style-src 'unsafe-inline' removal).
   
   Prefix: zs- (zekt-style) to avoid collision with HTML utils (u-) classes.
   ========================================================================== */

/* --- Colors --- */
.zs-color-gray-light  { color: var(--zekt-gray-light); }
.zs-color-white       { color: var(--zekt-white); }
.zs-color-green       { color: var(--zekt-green); }
.zs-color-red         { color: var(--zekt-red); }
.zs-color-orange      { color: var(--zekt-orange); }
.zs-color-green-hex   { color: #00ff88; }
.zs-color-orange-hex  { color: #ff9800; }
.zs-color-red-hex     { color: #ff4444; }
.zs-color-amber       { color: #ffaa00; }
.zs-color-white-hex   { color: #ffffff; }

/* --- Layout --- */
.zs-flex-1            { flex: 1; }
.zs-hidden            { display: none; }
.zs-text-center       { text-align: center; }
.zs-pointer           { cursor: pointer; }
.zs-p-0               { padding: 0; }
.zs-m-0               { margin: 0; }

/* --- Font sizes --- */
.zs-fs-11             { font-size: 11px; }
.zs-fs-12             { font-size: 12px; }
.zs-fs-13             { font-size: 13px; }
.zs-fs-14             { font-size: 14px; }
.zs-fs-16             { font-size: 16px; }
.zs-fs-18             { font-size: 18px; }
.zs-fs-20             { font-size: 20px; }
.zs-fs-24             { font-size: 24px; }
.zs-fs-32             { font-size: 32px; }
.zs-fs-1em            { font-size: 1em; }
.zs-fs-48-faded       { font-size: 48px; opacity: 0.3; }

/* --- Font weight --- */
.zs-fw-500            { font-weight: 500; }

/* --- Padding --- */
.zs-p-12              { padding: 12px; }
.zs-p-24              { padding: 24px; }
.zs-p-12-16           { padding: 12px 16px; }
.zs-p-60-20           { padding: 60px 20px; }
.zs-p-40              { padding: 40px; }

/* --- Margins --- */
.zs-mb-4              { margin-bottom: 4px; }
.zs-mb-8              { margin-bottom: 8px; }
.zs-mb-12             { margin-bottom: 12px; }
.zs-mb-16             { margin-bottom: 16px; }
.zs-mb-20             { margin-bottom: 20px; }
.zs-mb-24             { margin-bottom: 24px; }
.zs-mt-16             { margin-top: 16px; }
.zs-mx-auto-mb-20     { margin: 0 auto 20px; }

/* --- Flex patterns --- */
.zs-flex-center-6     { display: flex; align-items: center; gap: 6px; }
.zs-flex-center-8     { display: flex; align-items: center; gap: 8px; }
.zs-flex-center-10    { display: flex; align-items: center; gap: 10px; }
.zs-flex-center-12    { display: flex; align-items: center; gap: 12px; }
.zs-flex-gap-8        { display: flex; gap: 8px; }
.zs-flex-between      { display: flex; justify-content: space-between; align-items: center; }

/* --- Borders --- */
.zs-border-bottom     { border-bottom: 1px solid var(--zekt-gray-border); }

/* --- Tables --- */
.zs-table-full        { width: 100%; border-collapse: collapse; }

/* --- Icon inline helpers (material-icons in text) --- */
.zs-icon-inline       { font-size: 16px; vertical-align: middle; margin-right: 4px; }
.zs-icon-inline-sm    { font-size: 14px; vertical-align: middle; margin-right: 4px; }
.zs-icon-inline-lg    { font-size: 18px; vertical-align: middle; margin-right: 4px; }
.zs-icon-inline-xl    { font-size: 21px; vertical-align: middle; margin-right: 4px; }
.zs-icon-inline-sm-no-mr { font-size: 14px; vertical-align: middle; }
.zs-valign-mr-8       { vertical-align: middle; margin-right: 8px; }
.zs-fs-18-mr-8        { font-size: 18px; margin-right: 8px; }
.zs-fs-16-valign      { font-size: 16px; vertical-align: middle; }

/* --- Color + size combos --- */
.zs-white-09em        { color: var(--zekt-white); font-size: 0.9em; }
.zs-white-085em       { color: var(--zekt-white); font-size: 0.85em; }
.zs-gray-08em         { color: var(--zekt-gray-light); font-size: 0.8em; }
.zs-gray-085em        { color: var(--zekt-gray-light); font-size: 0.85em; }
.zs-green-14-mt3      { color: #00ff88; font-size: 14px; margin-top: 3px; }
.zs-green-inherit     { color: #00ff88; font-size: inherit; font-weight: inherit; }

/* --- Cards & containers --- */
.zs-card-gray         { padding: 12px; background: var(--zekt-gray); border-radius: 8px; }

/* --- Block elements --- */
.zs-block-white-mb8-500 { display: block; color: var(--zekt-white); margin-bottom: 8px; font-weight: 500; }

/* --- Item A expansion (batch 1 — top 100 frequency patterns) --- */

/* Table cells / headers */
.zs-td-left           { padding: 12px; text-align: left; font-size: 12px; color: var(--zekt-gray-light); font-weight: 500; }
.zs-td-right          { padding: 12px; text-align: right; font-size: 12px; color: var(--zekt-gray-light); font-weight: 500; }
.zs-td-left-amber     { padding: 12px; text-align: left; font-size: 12px; color: #f0a030; font-weight: 500; }
.zs-td-center-border  { padding: 7px 10px; border: 1px solid var(--zekt-gray-border); text-align: center; }
.zs-th-left           { text-align: left; padding: 12px 16px; color: var(--zekt-white); font-weight: 500; font-size: 0.85em; }
.zs-th-left-gray      { padding: 12px 16px; text-align: left; color: var(--zekt-gray-light); font-weight: 500; }
.zs-text-right        { text-align: right; }

/* Flex patterns */
.zs-flex-between-start-mb20 { display: flex; justify-content: space-between; align-items: start; margin-bottom: 20px; }
.zs-flex-card-green   { display: flex; align-items: center; gap: 12px; padding: 16px; background: rgba(0,255,136,0.05); border: 1px solid var(--zekt-gray-border); border-radius: 6px; transition: all 0.2s; }
.zs-flex-col-12       { display: flex; flex-direction: column; gap: 12px; }
.zs-flex-col-8        { display: flex; flex-direction: column; gap: 8px; }
.zs-flex-inline-tight { display: flex; align-items: center; gap: 0.35em; flex-wrap: nowrap; }
.zs-flex-start-12     { display: flex; align-items: start; gap: 12px; }
.zs-grid-260-mb32     { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin-bottom: 32px; }
.zs-flex-card-dark    { display: flex; align-items: center; gap: 10px; padding: 14px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; text-decoration: none; transition: all 0.2s; }

/* Colors */
.zs-color-red-alt     { color: #ff5252; }
.zs-color-yellow      { color: var(--zekt-yellow); }
.zs-color-cyan        { color: #00bcd4; }
.zs-color-888         { color: #888; }
.zs-color-666         { color: #666; }
.zs-color-ff9900      { color: #ff9900; }
.zs-color-ccc         { color: #ccc; }
.zs-color-blue        { color: var(--zekt-blue); }
.zs-color-f44336      { color: #f44336; }
.zs-color-999-085em   { color: #999; font-size: 0.85em; }
.zs-gray-09em         { color: var(--zekt-gray-light); font-size: 0.9em; }
.zs-gray-075em        { color: var(--zekt-gray-light); font-size: 0.75em; }
.zs-white-08em        { color: var(--zekt-white); font-size: 0.8em; }
.zs-white-075em       { color: var(--zekt-white); font-size: 0.75em; }
.zs-white-09em-500    { color: var(--zekt-white); font-size: 0.9em; font-weight: 500; }
.zs-white-mono        { color: var(--zekt-white); font-family: monospace; }
.zs-white-m-16-0-8    { color: var(--zekt-white); margin: 16px 0 8px; }
.zs-section-label     { color: rgba(255, 255, 255, 0.7); font-size: 0.8em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.zs-ml-auto-gray      { margin-left: auto; color: var(--zekt-gray-light); }
.zs-ml-auto-white-08em { margin-left: auto; color: var(--zekt-white); font-size: 0.8em; }

/* Font sizes */
.zs-fs-10             { font-size: 10px; }
.zs-fs-48             { font-size: 48px; }
.zs-fs-48-red         { font-size: 48px; color: #f44336; }
.zs-fs-065em-gray     { font-size: 0.65em; font-weight: 400; color: var(--zekt-gray-light); }
.zs-fs-07em           { font-size: 0.7em; }
.zs-fs-08em           { font-size: 0.8em; }
.zs-fs-32-bold-green  { font-size: 32px; font-weight: 700; color: var(--zekt-green); }
.zs-fs-28-green       { font-size: 28px; color: var(--zekt-green); }
.zs-fs-24-bold-green  { font-size: 24px; font-weight: 700; color: var(--zekt-green); }
.zs-fs-18-valign      { font-size: 18px; vertical-align: middle; }
.zs-fs-12-valign      { font-size: 12px; vertical-align: middle; }
.zs-icon-inline-lg-mr6 { font-size: 18px; vertical-align: middle; margin-right: 6px; }
.zs-icon-inline-mr6   { font-size: 16px; vertical-align: middle; margin-right: 6px; }
.zs-fs-16-mr6         { font-size: 16px; margin-right: 6px; }
.zs-fs-11-gray-mono   { font-size: 11px; color: var(--zekt-gray-light); font-family: monospace; }
.zs-fs-13-pad-white   { font-size: 13px; padding: 8px 16px; color: white; }
.zs-section-header-sm { font-size: 14px; color: var(--zekt-gray-light); margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
.zs-mono              { font-family: monospace; }
.zs-fw-600            { font-weight: 600; }

/* Margins */
.zs-mt-4              { margin-top: 4px; }
.zs-mt-4-fs13-gray    { margin: 4px 0 0 0; font-size: 13px; color: var(--zekt-gray-light); }
.zs-mt-4-fs13-amber   { margin: 4px 0 0 0; font-size: 13px; color: #f0a030; }
.zs-my-20-12-white    { margin: 20px 0 12px 0; color: var(--zekt-white); }
.zs-mt-24             { margin-top: 24px; }

/* Padding */
.zs-p-16              { padding: 16px; }
.zs-p-20              { padding: 20px; }
.zs-p-40-20           { padding: 40px 20px; }
.zs-p-6-12-085em      { padding: 6px 12px; font-size: 0.85em; }
.zs-badge-green-outline { padding: 4px 10px; border-radius: 6px; border: 1px solid rgba(0,255,136,0.3); font-size: 0.8em; color: var(--zekt-green); }
.zs-input-dark        { padding: 10px; background: var(--zekt-black); border: 1px solid var(--zekt-gray-border); border-radius: 6px; color: var(--zekt-white); }

/* Width */
.zs-w-full            { width: 100%; }
.zs-flex-1-min0       { flex: 1; min-width: 0; }

/* Cards / containers */
.zs-card-dark-24      { background: rgba(30, 30, 35, 0.6); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 24px; }
.zs-card-gray-rounded { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 12px; overflow: hidden; }
.zs-card-gray-24-mb32 { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 24px; margin-bottom: 32px; }
.zs-card-red          { background: rgba(255, 82, 82, 0.1); border: 1px solid rgba(255, 82, 82, 0.3); border-radius: 8px; padding: 20px; }
.zs-card-purple-mb32  { background: linear-gradient(135deg, rgba(99, 91, 255, 0.1) 0%, rgba(99, 91, 255, 0.05) 100%); border: 1px solid rgba(99, 91, 255, 0.3); border-radius: 8px; padding: 24px; margin-bottom: 32px; }
.zs-card-header       { padding: 16px 20px; border-bottom: 1px solid var(--zekt-gray-border); display: flex; align-items: center; gap: 8px; }

/* Empty states */
.zs-empty-state       { padding: 20px; text-align: center; color: var(--zekt-gray-light); }
.zs-empty-state-lg    { padding: 48px; text-align: center; color: var(--zekt-gray-light); }

/* --- Item A expansion batch 2 --- */

/* Table cells */
.zs-td-left-white-upper { padding: 12px; text-align: left; font-size: 12px; color: var(--zekt-white); text-transform: uppercase; font-weight: 500; }
.zs-td-left-green-upper { padding: 12px; text-align: left; font-size: 12px; color: var(--zekt-green); text-transform: uppercase; }
.zs-th-center         { text-align: center; padding: 12px 16px; color: var(--zekt-white); font-weight: 500; font-size: 0.85em; }
.zs-td-center         { padding: 12px 16px; text-align: center; }
.zs-td-center-gray    { padding: 12px 16px; text-align: center; color: var(--zekt-gray-light); font-weight: 500; }
.zs-text-left         { text-align: left; }
.zs-td-left-compact   { text-align: left; padding: 6px 8px; }
.zs-td-border-white   { padding: 7px 10px; border: 1px solid var(--zekt-gray-border); color: var(--zekt-white); }

/* Colors */
.zs-fs-28-yellow      { font-size: 28px; color: var(--zekt-yellow); }
.zs-color-orange-border { color: #ff9800; border-color: #ff9800; }
.zs-subsection-label  { color: var(--zekt-white); font-size: 0.75em; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
.zs-heading-flex      { color: var(--zekt-white); display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.zs-code-inline       { color: var(--zekt-white); background: rgba(0, 0, 0, 0.3); padding: 4px 8px; border-radius: 4px; }
.zs-error-header      { color: #ff5252; margin: 0 0 12px 0; display: flex; align-items: center; gap: 8px; }
.zs-color-00aaff      { color: #00aaff; }
.zs-color-999         { color: #999; }
.zs-color-ffd600      { color: #ffd600; }
.zs-color-ff8800      { color: #ff8800; }
.zs-fs-078em          { font-size: 0.78em; }
.zs-label-upper-sm    { color: var(--zekt-white); font-size: 0.78em; text-transform: uppercase; letter-spacing: 0.05em; }
.zs-color-black-085em-600 { color: #000000; font-size: 0.85em; font-weight: 600; }
.zs-empty-italic      { color: #555; font-style: italic; padding: 20px; text-align: center; }
.zs-fs-28-accent      { font-size: 28px; color: var(--zekt-accent); }

/* Buttons */
.zs-btn-close         { background: none; border: none; color: var(--zekt-gray-light); cursor: pointer; font-size: 24px; }
.zs-btn-gradient-orange { background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%); border: none; }

/* Containers / cards */
.zs-card-gray-20      { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 20px; }
.zs-input-dark-full   { width: 100%; padding: 12px; background: var(--zekt-black); border: 1px solid var(--zekt-gray-border); border-radius: 8px; color: var(--zekt-white); }
.zs-card-subtle       { display: flex; flex-direction: column; gap: 4px; background: rgba(255,255,255,0.05); border-radius: 6px; padding: 10px 14px; }
.zs-card-gray-center  { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 12px; padding: 16px; text-align: center; }
.zs-card-header-dark  { background: rgba(0, 0, 0, 0.2); border-bottom: 1px solid var(--zekt-gray-border); }
.zs-input-dark-sm     { width: 100%; padding: 6px 8px; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: var(--zekt-white); }
.zs-card-purple-20-mb32 { background: linear-gradient(135deg, rgba(99, 91, 255, 0.1) 0%, rgba(99, 91, 255, 0.05) 100%); border: 1px solid rgba(99, 91, 255, 0.3); border-radius: 8px; padding: 20px; margin-bottom: 32px; }
.zs-card-header-16    { padding: 16px; border-bottom: 1px solid var(--zekt-gray-border); display: flex; align-items: center; gap: 8px; }

/* Flex patterns */
.zs-flex-gap-8-wrap   { display: flex; gap: 8px; flex-wrap: wrap; }
.zs-flex-center-16    { display: flex; align-items: center; gap: 16px; }
.zs-flex-between-start-mb12 { display: flex; justify-content: space-between; align-items: start; margin-bottom: 12px; }
.zs-flex-gap-20       { display: flex; gap: 20px; }

/* Font / text */
.zs-fs-28             { font-size: 28px; }
.zs-fs-15             { font-size: 15px; }
.zs-fs-085em          { font-size: 0.85em; }
.zs-fs-075em          { font-size: 0.75em; }
.zs-fs-13-dim         { font-size: 13px; opacity: 0.9; }
.zs-fs-32-600         { font-size: 32px; font-weight: 600; }
.zs-fs-11-valign      { font-size: 11px; vertical-align: middle; }
.zs-valign            { vertical-align: middle; }
.zs-fw-normal         { font-weight: normal; }

/* Margins */
.zs-mt-12             { margin-top: 12px; }
.zs-mt-12-gray        { margin-top: 12px; color: var(--zekt-gray-light); }
.zs-my-4              { margin: 4px 0; }
.zs-my-12             { margin: 12px 0; }
.zs-ml-8              { margin-left: 8px; }
.zs-ml-20             { margin-left: 20px; }
.zs-mb-3              { margin-bottom: 3px; }
.zs-mb-6              { margin-bottom: 6px; }
.zs-mb-24             { margin-bottom: 24px; }
.zs-mt-20             { margin-top: 20px; }
.zs-mt-4-white-085em  { margin: 4px 0 0 0; color: var(--zekt-white); font-size: 0.85em; }
.zs-mt-4-fs12-gray    { margin: 4px 0 0 0; font-size: 12px; color: var(--zekt-gray-light); }
.zs-section-heading-white { margin: 24px 0 12px 0; color: var(--zekt-white); font-size: 1.3em; }

/* Sizing */
.zs-max-w-500         { max-width: 500px; }
.zs-size-18           { width: 18px; height: 18px; }
.zs-shrink-0          { flex-shrink: 0; }
.zs-self-start        { align-self: flex-start; }

/* Block labels */
.zs-block-label-13    { display: block; font-size: 13px; color: var(--zekt-white); margin-bottom: 8px; font-weight: 500; }
.zs-block-label-12-gray { display: block; font-size: 12px; color: var(--zekt-gray-light); margin-bottom: 4px; }
.zs-block-label-ccc   { display: block; margin-bottom: 8px; color: #ccc; font-weight: 500; }

/* Misc */
.zs-p-80-20           { padding: 80px 20px; }
.zs-p-48              { padding: 48px; }
.zs-progress-bar-top  { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--zekt-green) 0%, rgba(0, 255, 136, 0.5) 100%); }

/* --- Item A expansion batch 3 (top-100 audit patterns) --- */

/* Transitions */
.zs-stroke-transition { transition: stroke-dasharray 0.5s ease-out; }

/* Single-property utilities */
.zs-opacity-09        { opacity: 0.9; }
.zs-opacity-05        { opacity: 0.5; }
.zs-relative          { position: relative; }
.zs-mx-auto           { margin: 0 auto; }
.zs-mt-8              { margin-top: 8px; }
.zs-mb-6              { margin-bottom: 6px; }
.zs-mb-10             { margin-bottom: 10px; }
.zs-p-8-16            { padding: 8px 16px; }
.zs-p-12-20           { padding: 12px 20px; }
.zs-p-14-16-center    { padding: 14px 16px; text-align: center; }
.zs-overflow-x-auto   { overflow-x: auto; width: 100%; }
.zs-bg-black          { background: #000; }
.zs-ml-8              { margin-left: 8px; }
.zs-mb-3              { margin-bottom: 3px; }

/* Colors */
.zs-color-ff4d4f      { color: #ff4d4f; }
.zs-color-ffc107      { color: #ffc107; }
.zs-color-9c27b0      { color: #9c27b0; }
.zs-color-2196f3      { color: #2196f3; }
.zs-color-ff4545      { color: #ff4545; }

/* Font combos */
.zs-fs-28-600         { font-size: 28px; font-weight: 600; }
.zs-fs-20-600         { font-size: 20px; font-weight: 600; }
.zs-fs-48-green-mb12  { font-size: 48px; color: var(--zekt-green); margin-bottom: 12px; }
.zs-fs-64-faded       { font-size: 64px; color: var(--zekt-white); opacity: 0.5; }
.zs-fs-32-white-faded { font-size: 32px; color: var(--zekt-white); opacity: 0.5; }
.zs-fs-80-faded-orange { font-size: 80px; color: #ff9800; opacity: 0.4; }
.zs-fs-11-gray-upper  { font-size: 11px; color: var(--zekt-gray-light); margin-bottom: 4px; text-transform: uppercase; }
.zs-fs-13-white-500-mb10 { font-size: 13px; color: var(--zekt-white); font-weight: 500; margin-bottom: 10px; }

/* Color + spacing combos */
.zs-white-12em        { color: var(--zekt-white); font-size: 1.2em; margin: 0; }
.zs-white-13em        { margin: 0; color: var(--zekt-white); font-size: 1.3em; }
.zs-white-11em        { margin: 0; color: var(--zekt-white); font-size: 1.1em; }
.zs-white-18em-600    { color: #ffffff; font-size: 1.8em; font-weight: 600; }
.zs-white-07em-m0     { color: var(--zekt-white); font-size: 0.7em; margin: 0; line-height: 1.4; }
.zs-white-07-m0       { color: rgba(255, 255, 255, 0.7); margin: 0; }
.zs-white-085em-mt8   { color: var(--zekt-white); font-size: 0.85em; margin: 8px 0 0 0; }
.zs-gray-mt12         { color: var(--zekt-gray-light); margin: 12px 0 0 0; }
.zs-description-centered { color: var(--zekt-gray-light); margin: 0 0 24px 0; max-width: 500px; margin-left: auto; margin-right: auto; }
.zs-green-label-sm    { color: var(--zekt-green); display: block; margin-bottom: 4px; font-size: 0.75em; }
.zs-f44336-p8         { color: #f44336; padding: 8px; }
.zs-orange-header     { color: #ff9800; margin: 0 0 8px 0; display: flex; align-items: center; gap: 8px; }
.zs-mt6-075em-white   { margin-top: 6px; font-size: 0.75em; color: var(--zekt-white); }
.zs-mt-12-09em        { margin: 12px 0 0 0; font-size: 0.9em; }
.zs-section-label-bright { color: rgba(255, 255, 255, 0.8); font-size: 0.8em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }

/* Flex patterns */
.zs-flex-gap-12       { display: flex; gap: 12px; }
.zs-flex-align-center { display: flex; align-items: center; }
.zs-flex-center-8-wrap { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.zs-flex-col-16       { display: flex; flex-direction: column; gap: 16px; }
.zs-flex-gap-8-center { display: flex; gap: 8px; justify-content: center; }
.zs-flex-inline       { display: flex; align-items: center; gap: 0.35em; }

/* Grid patterns */
.zs-grid-gap-12       { display: grid; gap: 12px; }
.zs-grid-2col-mb24    { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
.zs-grid-auto-1fr     { display: grid; grid-template-columns: auto 1fr; gap: 12px 16px; font-size: 0.95em; margin-bottom: 16px; }

/* Table patterns */
.zs-td-right-8        { text-align: right; padding: 8px; }
.zs-td-right-12-500   { padding: 12px; text-align: right; font-weight: 500; }

/* Border / dividers */
.zs-divider-top       { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--zekt-gray-border); }

/* Card patterns */
.zs-card-dark-24-mb32 { background: rgba(30, 30, 35, 0.6); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 24px; margin-bottom: 32px; }
.zs-cell-gray-center  { background: var(--zekt-gray); padding: 16px; text-align: center; }
.zs-card-gray-center-20 { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 12px; padding: 20px; text-align: center; }
.zs-card-selectable   { display: flex; align-items: start; gap: 12px; padding: 16px; background: var(--zekt-black); border: 2px solid var(--zekt-gray-border); border-radius: 6px; cursor: pointer; transition: all 0.2s; }
.zs-modal-header      { padding: 24px; border-bottom: 1px solid var(--zekt-gray-border); display: flex; align-items: center; justify-content: space-between; }
.zs-row-subtle        { padding: 8px; background: rgba(255,255,255,0.02); margin-bottom: 4px; border-radius: 4px; }
.zs-tab-item          { text-align: center; padding: 8px 16px; background: rgba(0,0,0,0.2); border-radius: 6px; }

/* Tip boxes */
.zs-tip-box           { background: var(--zekt-gray-border); padding: 12px; border-radius: 6px; margin: 10px 0; text-align: left; }
.zs-tip-box-green     { background: rgba(0, 255, 136, 0.1); border: 1px solid rgba(0, 255, 136, 0.3); padding: 8px 10px; border-radius: 6px; margin: 10px 0; text-align: left; }

/* List / body text */
.zs-list-body         { margin: 0; padding-left: 18px; color: var(--zekt-white); font-size: 0.75em; line-height: 1.6; }
.zs-mt-8-pl20         { margin: 8px 0 0 0; padding-left: 20px; }

/* Inputs / forms */
.zs-input-mono        { width: 100%; padding: 12px; background: var(--zekt-black); border: 1px solid var(--zekt-gray-border); border-radius: 8px; color: var(--zekt-white); font-family: monospace; }
.zs-textarea-dark     { width: 100%; padding: 12px; background: var(--zekt-black); border: 1px solid var(--zekt-gray-border); border-radius: 8px; color: var(--zekt-white); resize: vertical; }

/* Buttons */
.zs-btn-orange-full   { background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%); border: none; padding: 12px 24px; border-radius: 8px; color: white; font-weight: 500; cursor: pointer; display: flex; align-items: center; gap: 8px; }

/* Code / monospace */
.zs-code-tag          { background: var(--zekt-gray); padding: 2px 8px; border-radius: 4px; font-family: monospace; }

/* Nav links */
.zs-nav-link          { cursor: pointer; color: #888; font-size: 0.85em; padding: 6px 0; list-style: none; display: flex; align-items: center; gap: 4px; }

/* Misc */
.zs-p-20-border-bottom    { padding: 20px; border-bottom: 1px solid var(--zekt-gray-border); }
.zs-p-16-20-tinted    { padding: 16px 20px; background: rgba(0, 0, 0, 0.1); }
.zs-empty-aaa         { text-align: center; padding: 24px; color: #aaa; }

/* --- Item A expansion batch 4 (top-100 audit patterns round 2) --- */

/* Colors */
.zs-color-3b82f6      { color: #3b82f6; }
.zs-color-f59e0b      { color: #f59e0b; }
.zs-color-555         { color: #555; }
.zs-color-ff9500      { color: #ff9500; }
.zs-color-error       { color: var(--zekt-error); }
.zs-input-gray        { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); color: var(--zekt-white); padding: 8px 12px; border-radius: 6px; font-size: 0.9em; }
.zs-label-compact     { margin: 0 0 8px; font-size: 0.95em; color: #aaa; text-transform: uppercase; letter-spacing: 0.05em; }
.zs-subtext-aaa       { margin: 6px 0 0; font-size: 0.85em; color: #aaa; }
.zs-white-block       { color: var(--zekt-white); display: block; }
.zs-white-09em-block-mb8 { color: var(--zekt-white); font-size: 0.9em; display: block; margin-bottom: 8px; }
.zs-white-07-09em     { color: rgba(255, 255, 255, 0.7); font-size: 0.9em; }
.zs-subtext-dim       { margin-top: 6px; font-size: 0.85em; color: rgba(255, 255, 255, 0.5); }
.zs-label-small-gray  { color: #666; font-size: 0.75em; text-transform: uppercase; margin-bottom: 8px; }
.zs-gray-light-ml-12  { color: var(--zekt-gray-light); margin-left: 12px; }

/* Font combos */
.zs-mono-white        { font-family: var(--font-family-mono); color: var(--zekt-white); }
.zs-fs-28-bold-white  { font-size: 28px; font-weight: 700; color: white; }
.zs-fs-24-bold-white  { font-size: 24px; font-weight: 700; color: white; }
.zs-fs-36-600         { font-size: 36px; font-weight: 600; }
.zs-fs-09em           { font-size: 0.9em; }
.zs-fs-14-dim         { font-size: 14px; opacity: 0.9; }
.zs-fs-12-gray-mb8-600 { font-size: 12px; color: var(--zekt-gray-light); margin-bottom: 8px; font-weight: 600; }
.zs-purple-section-title { font-size: 14px; font-weight: 500; color: var(--zekt-white); margin-bottom: 12px; border-bottom: 1px solid rgba(99,91,255,0.3); padding-bottom: 8px; }
.zs-block-label-13-nw { display: block; font-size: 13px; color: var(--zekt-white); margin-bottom: 8px; }
.zs-green-icon        { color: #00ff88; font-size: 18px; margin-top: 2px; flex-shrink: 0; }

/* Margins / spacing */
.zs-mb-8-09em         { margin: 0 0 8px 0; font-size: 0.9em; }
.zs-my-12-8           { margin: 12px 0 8px; }
.zs-mb-32             { margin-bottom: 32px; }
.zs-mb-10             { margin-bottom: 10px; }
.zs-my-10             { margin: 10px 0; }
.zs-pt-24             { padding-top: 24px; }
.zs-p-14-16           { padding: 14px 16px; }
.zs-p-8               { padding: 8px; }
.zs-p-32              { padding: 32px; }
.zs-pl-16-mt-4        { padding-left: 16px; margin-top: 4px; }

/* Flex patterns */
.zs-flex-1-min200     { flex: 1; min-width: 200px; }
.zs-flex-start-10     { display: flex; gap: 10px; align-items: flex-start; }
.zs-flex-start-8      { display: flex; align-items: start; gap: 8px; }
.zs-flex-gap-12-end   { display: flex; gap: 12px; justify-content: flex-end; }
.zs-row-between       { display: flex; justify-content: space-between; padding: 8px; background: var(--zekt-black); border-radius: 4px; }
.zs-mb-10             { margin-bottom: 10px; }

/* Grid patterns */
.zs-grid-200-mb24     { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 24px; }
.zs-grid-200-gap12    { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.zs-grid-250          { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }

/* Card / container patterns */
.zs-card-gray-20-mb24 { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 20px; margin-bottom: 24px; }
.zs-card-gray-24      { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 24px; }
.zs-card-gray-16-mb20 { background: var(--zekt-gray); border-radius: 8px; padding: 16px; margin-bottom: 20px; }
.zs-card-subtle-16    { background: rgba(255, 255, 255, 0.05); border: 1px solid var(--zekt-gray-border); border-radius: 6px; padding: 16px; }
.zs-card-ghost-mb12   { background: rgba(255,255,255,0.02); border: 1px solid var(--zekt-gray-border); border-radius: 6px; padding: 16px; margin-bottom: 12px; }
.zs-card-green-hint   { margin-top: 16px; padding: 8px; background: rgba(0, 255, 136, 0.05); border-radius: 4px; }
.zs-card-darkest      { background: #0a0a0a; border: 1px solid #333; border-radius: 8px; padding: 15px; }
.zs-card-error-center { background: rgba(255,0,0,0.1); border: 1px solid var(--zekt-red); border-radius: 8px; padding: 20px; text-align: center; }
.zs-card-glass        { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; }
.zs-card-glass-16     { padding: 16px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; }
.zs-badge-green       { background: var(--zekt-green); color: black; padding: 1px 5px; border-radius: 4px; font-size: 0.7em; margin-left: 6px; }
.zs-cell-gray-center-16 { text-align: center; padding: 16px; background: var(--zekt-gray); border-radius: 8px; }
.zs-cell-ghost-center { text-align: center; padding: 16px; background: rgba(255,255,255,0.02); border-radius: 6px; }
.zs-code-panel        { display: none; margin-top: 12px; padding: 12px; background: rgba(0,0,0,0.4); border-radius: 4px; font-family: monospace; font-size: 12px; }

/* Borders */
.zs-border-white-25   { border: 1px solid rgba(255, 255, 255, 0.25); }
.zs-border-top        { border-top: 1px solid var(--zekt-gray-border); }
.zs-divider-top-8     { border-top: 1px solid var(--zekt-gray-border); margin: 8px 0; }

/* Inputs / forms */
.zs-input-simple      { width: 100%; padding: 10px; background: #000; color: #fff; border: 1px solid #444; border-radius: 4px; }
.zs-input-transparent { width: 100%; padding: 10px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 4px; color: white; font-size: 14px; }
.zs-input-purple      { width: 100%; padding: 10px; background: rgba(0,0,0,0.3); border: 1px solid #635bff; border-radius: 4px; color: white; font-size: 14px; }
.zs-input-dark-13     { padding: 10px 14px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; color: white; font-size: 13px; }

/* Badges / pills */
.zs-pill-gray         { font-size: 12px; padding: 4px 12px; border-radius: 12px; background: rgba(255,255,255,0.1); color: var(--zekt-gray-light); }
.zs-badge-gray-outline { padding: 4px 10px; border-radius: 6px; border: 1px solid rgba(128,128,128,0.3); font-size: 0.8em; color: var(--zekt-gray-light); }
.zs-badge-white-outline { padding: 4px 10px; border-radius: 6px; border: 1px solid rgba(128,128,128,0.3); font-size: 0.8em; color: var(--zekt-white); }
.zs-badge-orange-outline { padding: 4px 10px; border-radius: 6px; border: 1px solid rgba(255,153,0,0.4); font-size: 0.8em; color: var(--zekt-orange, #ff9900); }

/* Tabs */
.zs-tab-inactive      { padding: 8px 16px; background: transparent; border: 1px solid transparent; border-radius: 6px 6px 0 0; color: var(--zekt-gray-light); cursor: pointer; }
.zs-tab-bottom-border { padding: 6px 0; border-bottom: 1px solid var(--zekt-gray-border); font-size: 0.85em; }

/* Table cells */
.zs-td-green-12       { padding: 10px; text-align: left; font-size: 12px; color: var(--zekt-green); }

/* Misc */
.zs-icon-inline-20    { vertical-align: middle; font-size: 20px; }
.zs-max-w-600         { max-width: 600px; }
.zs-underline         { text-decoration: underline; }
.zs-flex-card-clickable { display: flex; align-items: center; gap: 10px; padding: 12px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; cursor: pointer; transition: all 0.2s; }

/* --- Item A expansion batch 5 (top-100 audit patterns round 3) --- */

/* New single-property utilities */
.zs-color-aaa         { color: #aaa; }
.zs-color-4caf50      { color: #4caf50; }
.zs-color-white-06    { color: rgba(255, 255, 255, 0.6); }
.zs-fs-09em           { font-size: 0.9em; }
.zs-fs-11em           { font-size: 1.1em; }
.zs-fs-12em           { font-size: 1.2em; }
.zs-fs-08em           { font-size: 0.8em; }
.zs-mb-28             { margin-bottom: 28px; }
.zs-mt-2              { margin-top: 2px; }
.zs-max-w-800         { max-width: 800px; }

/* --- Item A expansion batch 6 (top-100 audit patterns round 4) --- */

/* Multi-line code block */
.zs-code-block-dark {
    background: #1a1a1a;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--zekt-gray-border);
    overflow-x: auto;
    font-size: 0.8em;
    color: var(--zekt-white);
    max-height: 300px;
    margin: 0;
}

/* Font / weight combos */
.zs-white-600 { color: var(--zekt-white); font-weight: 600; }
.zs-fs-28 { font-size: 28px; }
.zs-fs-24-yellow-bold { font-size: 24px; font-weight: 700; color: var(--zekt-yellow); }
.zs-fs-28-green-bold { font-size: 28px; font-weight: 700; color: var(--zekt-green); }
.zs-fs-32-green-bold-mb8 { font-size: 32px; font-weight: 700; color: var(--zekt-green); margin-bottom: 8px; }
.zs-fs-14-500-mb12 { font-size: 14px; font-weight: 500; margin-bottom: 12px; }
.zs-fs-075em-gray-light { font-size: 0.75em; font-weight: 400; color: var(--zekt-gray-light); }
.zs-fs-07em-gray-light { font-size: 0.7em; font-weight: 400; color: var(--zekt-gray-light); }
.zs-badge-green-small { font-size: 0.85em; background: rgba(0, 255, 136, 0.1); padding: 2px 8px; border-radius: 4px; }
.zs-fs-085em-ml8 { font-size: 0.85em; margin-left: 8px; }
.zs-fw-600-white-mb4 { font-weight: 600; color: var(--zekt-white); margin-bottom: 4px; }
.zs-fw-500-green { font-weight: 500; color: var(--zekt-green); }

/* Padding */
.zs-p-4 { padding: 4px; }
.zs-p-40 { padding: 40px; }
.zs-p-12-fs-13-fw-500 { padding: 12px; font-size: 13px; font-weight: 500; }
.zs-p-12-mono-fs-11 { padding: 12px; font-family: monospace; font-size: 11px; }
.zs-p-12-text-right { padding: 12px; text-align: right; }
.zs-p-6-8 { padding: 6px 8px; }
.zs-p-8-green { padding: 8px; color: var(--zekt-green); }
.zs-p-4-8 { padding: 4px 8px; }
.zs-p-614-white { padding: 6px 14px; color: white; }
.zs-p-614-white-bg-border { padding: 6px 14px; background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3); color: white; }
.zs-alert-red-16 { padding: 16px; background: var(--zekt-red); border-radius: 8px; color: white; }
.zs-alert-yellow-16 { padding: 16px; background: var(--zekt-yellow); border-radius: 8px; color: white; }
.zs-alert-green-16 { padding: 16px; background: var(--zekt-green); border-radius: 8px; color: white; }
.zs-p-24 { padding: 24px; }

/* Margin combos */
.zs-m-0-orange { margin: 0; color: #ff9800; }
.zs-m-0-fs-13-gray-light { margin: 0; font-size: 13px; color: var(--zekt-gray-light); }
.zs-mb-12-flex-8 { margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.zs-ml-8 { margin-left: 8px; }
.zs-ml-8-green { margin-left: 8px; color: var(--zekt-green); }
.zs-my-24-12 { margin: 24px 0 12px 0; }
.zs-my-8-fs-13-gray-light { margin: 8px 0; font-size: 13px; color: var(--zekt-gray-light); font-family: system-ui; }
.zs-mb-8-fs-13 { margin-bottom: 8px; font-size: 13px; }
.zs-mt-24-p-16-bg-gray { margin-top: 24px; padding: 16px; background: var(--zekt-gray); border-radius: 8px; }
.zs-mb-15-fs-14-aaa-upper { margin: 0 0 15px 0; font-size: 14px; color: #aaa; text-transform: uppercase; }
.zs-ml-8-white { margin-left: 8px; color: var(--zekt-white); }
.zs-mb-16-red { margin-bottom: 16px; color: var(--zekt-red); }
.zs-mt-6-flex-6 { margin-top: 6px; display: flex; align-items: center; gap: 6px; }

/* Grid patterns */
.zs-grid-200-gap20 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.zs-grid-150-gap16-mb24 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; margin-bottom: 24px; }
.zs-grid-250-gap16 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }
.zs-grid-150-gap12-fs-13-gray { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; font-size: 13px; color: var(--zekt-gray-light); }
.zs-grid-150-1fr-fs-12 { display: grid; grid-template-columns: 150px 1fr; gap: 8px; font-size: 12px; }
.zs-grid-2col-gap16 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

/* Gradient / background combos */
.zs-card-purple-gradient { background: linear-gradient(135deg, rgba(99, 91, 255, 0.1) 0%, rgba(99, 91, 255, 0.05) 100%); border: 1px solid rgba(99, 91, 255, 0.3); border-radius: 8px; padding: 24px; }
.zs-card-green-center { background: rgba(0, 255, 136, 0.1); border: 1px solid var(--zekt-green); border-radius: 6px; padding: 12px; text-align: center; }
.zs-input-green { width: 100%; padding: 10px; background: rgba(0, 0, 0, 0.3); border: 1px solid var(--zekt-green); border-radius: 4px; color: white; font-size: 14px; }
.zs-card-dark-center-12 { background: rgba(0, 0, 0, 0.3); border-radius: 6px; padding: 12px; text-align: center; }
.zs-card-dark-faded { background: rgba(0, 0, 0, 0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; padding: 16px; margin-bottom: 16px; opacity: 0.5; }
.zs-border-bottom-green-subtle { background: rgba(0, 255, 136, 0.1); border-bottom: 1px solid var(--zekt-green); }
.zs-alert-red-left { background: rgba(239, 68, 68, 0.1); border-left: 4px solid var(--zekt-red); padding: 16px; border-radius: 4px; }
.zs-card-white-subtle { background: rgba(255, 255, 255, 0.05); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 16px; }
.zs-card-gray-24-mb24 { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 24px; margin-bottom: 24px; }
.zs-card-red-alert { background: rgba(255, 77, 79, 0.1); border: 1px solid var(--zekt-red); border-radius: 8px; padding: 24px; margin-bottom: 32px; }

/* Color patterns */
.zs-gray-light-mb20-fs13 { color: var(--zekt-gray-light); margin-bottom: 20px; font-size: 13px; }
.zs-gray-light-ml8 { color: var(--zekt-gray-light); margin-left: 8px; }
.zs-gray-light-mt8 { color: var(--zekt-gray-light); margin-top: 8px; }
.zs-gray-light-fs-085em-ml8 { color: var(--zekt-gray-light); font-size: 0.85em; margin-left: 8px; }
.zs-green-flex-8 { color: var(--zekt-green); display: flex; align-items: center; gap: 8px; }
.zs-badge-green-inline { color: var(--zekt-green); background: rgba(0, 255, 136, 0.1); padding: 2px 6px; border-radius: 3px; font-size: 12px; }
.zs-green-fs-18 { color: #00ff88; font-size: 18px; }
.zs-red-fs-18 { color: #ff4444; font-size: 18px; }
.zs-p-8-green-4caf50 { color: #4caf50; padding: 8px; }
.zs-red-mb16 { color: var(--zekt-red); margin-bottom: 16px; }
.zs-red-fw-600 { color: var(--zekt-red); font-weight: 600; }

/* Display / flex patterns */
.zs-flex-8-fs-13-white-pointer { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--zekt-white); cursor: pointer; }
.zs-flex-between-mb8-fs-13 { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 13px; }
.zs-flex-between { display: flex; justify-content: space-between; }
.zs-flex-center-between-mb8 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.zs-flex-12-mb24 { display: flex; gap: 12px; margin-bottom: 24px; }
.zs-flex-between-mb16 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.zs-flex-between-fw-600 { display: flex; justify-content: space-between; font-weight: 600; }
.zs-flex-10 { display: flex; gap: 10px; }
.zs-flex-8-fs-09em { display: flex; align-items: center; gap: 8px; font-size: 0.9em; }
.zs-badge-green-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; background: rgba(0, 255, 136, 0.1); border-radius: 4px; color: var(--zekt-green); }
.zs-inline-flex-6 { display: inline-flex; align-items: center; gap: 6px; }

/* Table patterns */
.zs-table-13 { width: 100%; border-collapse: collapse; font-size: 13px; }
.zs-text-right-p-6-8 { text-align: right; padding: 6px 8px; }
.zs-text-right-p-8-green { text-align: right; padding: 8px; color: var(--zekt-green); }
.zs-text-center-p-8 { text-align: center; padding: 8px; }

/* Icons / buttons */
.zs-icon-16-pointer { cursor: pointer; width: 16px; height: 16px; }
.zs-btn-icon-32 { background: none; border: none; color: var(--zekt-white); cursor: pointer; font-size: 24px; padding: 0; width: 32px; height: 32px; }
.zs-icon-mr-8-green { vertical-align: middle; margin-right: 8px; color: var(--zekt-green); }
.zs-icon-mr-6 { vertical-align: middle; margin-right: 6px; }
.zs-icon-mr-8-red { vertical-align: middle; margin-right: 8px; color: var(--zekt-red); }

/* Misc patterns */
.zs-overflow-x { overflow-x: auto; }
.zs-scroll-300 { max-height: 300px; overflow-y: auto; }
.zs-scroll-400 { max-height: 400px; overflow-y: auto; }
.zs-scroll-90vh { max-height: 90vh; overflow-y: auto; }
.zs-max-w-400-center { max-width: 400px; text-align: center; }
.zs-max-w-480 { max-width: 480px; }
.zs-max-w-800 { max-width: 800px; }
.zs-max-w-900 { max-width: 900px; }
.zs-accent-635bff { accent-color: #635bff; }
.zs-hidden-mt-20-p-16 { display: none; margin-top: 20px; padding: 16px; border-radius: 6px; border: 2px solid; }
.zs-border-top-dashed-my-10 { border-top: 1px dashed #444; margin: 10px 0; }
.zs-fs-12-red-fw-600 { font-size: 12px; color: var(--zekt-red); font-weight: 600; }
.zs-fs-16-white { font-size: 16px; color: var(--zekt-white); }
.zs-fs-13-white-mb16 { font-size: 13px; color: var(--zekt-white); margin-bottom: 16px; }
.zs-fs-13-p-614-white { font-size: 13px; padding: 6px 14px; color: white; }
.zs-fs-12-white-mt-6-flex { font-size: 12px; color: var(--zekt-white); margin-top: 6px; display: flex; align-items: center; gap: 6px; }
.zs-fs-14-yellow { font-size: 14px; color: var(--zekt-yellow); }
.zs-fs-11-gray-light-mt4 { font-size: 11px; color: var(--zekt-gray-light); margin-top: 4px; }
.zs-fs-11-p-4-8 { font-size: 11px; padding: 4px 8px; }
.zs-fs-095em-mb12 { font-size: 0.95em; margin-bottom: 12px; }
.zs-fs-12-gray-light-mt8 { font-size: 12px; color: var(--zekt-gray-light); margin-top: 8px; }

/* --- Item A expansion batch 7 (top-100 audit patterns round 5) --- */

/* Compact no-space variants */
.zs-flex-between-mb8-fs-13-nospace { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 13px; }
.zs-flex-between-fw-600-nospace { display: flex; justify-content: space-between; font-weight: 600; }
.zs-input-green-outline-nospace { background: rgba(255, 255, 255, 0.1); border-color: var(--zekt-green); color: var(--zekt-green); }
.zs-bg-white-subtle-nospace { background: rgba(255, 255, 255, 0.1); }

/* Input/alert patterns */
.zs-fs-13-p-614-white-border { font-size: 13px; padding: 6px 14px; background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3); color: white; }
.zs-ml-8-green-link-085em { margin-left: 8px; color: var(--zekt-green); text-decoration: none; font-size: 0.85em; }
.zs-modal-max-w-800 { max-width: 800px; max-height: 90vh; overflow-y: auto; }
.zs-text-center-py-40 { text-align: center; padding: 40px 0; }
.zs-fs-11em-mb8 { font-size: 1.1em; margin-bottom: 8px; }
.zs-text-center-py-20 { text-align: center; padding: 20px 0; }
.zs-pl-16-mb12 { padding-left: 16px; margin-bottom: 12px; }
.zs-grid-2col-24-mb24 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; }
.zs-gray-light-p-20 { color: var(--zekt-gray-light); padding: 20px; }
.zs-fs-14-gray-light-mb16 { font-size: 14px; color: var(--zekt-gray-light); margin-bottom: 16px; }
.zs-progress-bar { width: 100%; height: 6px; background: rgba(255, 255, 255, 0.05); border-radius: 3px; overflow: hidden; }
.zs-flex-between-py-8-border-b { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--zekt-gray-border); }
.zs-scroll-200 { max-height: 200px; overflow-y: auto; }
.zs-p-60-center { padding: 60px; text-align: center; }

/* Orange alert patterns */
.zs-alert-orange-small { background: rgba(255, 152, 0, 0.1); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 6px; padding: 8px; font-size: 0.8em; color: #ff9800; margin-top: 10px; }
.zs-mb-24-white { margin: 0 0 24px 0; color: var(--zekt-white); }
.zs-mb-24-gray-light-fs-14 { margin-bottom: 24px; color: var(--zekt-gray-light); font-size: 14px; }
.zs-mb-20-gray-light { margin: 0 0 20px 0; color: var(--zekt-gray-light); }
.zs-alert-orange-left { padding: 16px; background: rgba(255, 165, 0, 0.1); border-radius: 8px; border-left: 3px solid var(--zekt-orange); margin-bottom: 20px; }
.zs-m-0-orange-fw-500 { margin: 0; color: var(--zekt-orange); font-weight: 500; }
.zs-mt-8-white { margin: 8px 0 0 0; color: var(--zekt-white); }
.zs-m-0-orange-center { margin: 0; color: var(--zekt-orange); text-align: center; }
.zs-fs-64-gray-light-faded { font-size: 64px; color: var(--zekt-gray-light); opacity: 0.5; }
.zs-mb-16-white-fs-09em { margin-bottom: 16px; color: var(--zekt-white); font-size: 0.9em; }

/* Icon/avatar patterns */
.zs-card-gray-12-mb16 { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 12px; margin-bottom: 16px; overflow: hidden; }
.zs-avatar-40-orange { width: 40px; height: 40px; background: #f59e0b; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.zs-black-fs-20 { color: var(--zekt-black); font-size: 20px; }
.zs-orange-fs-085em { color: var(--zekt-orange); font-size: 0.85em; }
.zs-grid-divider-1px { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--zekt-gray-border); }

/* Color + size combos */
.zs-green-fs-15em-fw-600 { color: var(--zekt-green); font-size: 1.5em; font-weight: 600; }
.zs-red-f44336-fs-15em-fw-600 { color: #f44336; font-size: 1.5em; font-weight: 600; }
.zs-p-16-border-top-center { padding: 16px; border-top: 1px solid var(--zekt-gray-border); text-align: center; }
.zs-mt-8-fs-08em-orange { margin-top: 8px; font-size: 0.8em; color: #ff9800; }
.zs-p-1216-border-top-orange-bg { padding: 12px 16px; border-top: 1px solid var(--zekt-gray-border); background: rgba(255, 152, 0, 0.05); }
.zs-fs-14-middle-orange { font-size: 14px; vertical-align: middle; color: #ff9800; }
.zs-p-1216-border-top-orange-08 { padding: 12px 16px; border-top: 1px solid var(--zekt-gray-border); background: rgba(255, 153, 0, 0.08); }
.zs-fs-14-middle-orange-99 { font-size: 14px; vertical-align: middle; color: #ff9900; }
.zs-orange-99-fw-500 { color: #ff9900; font-weight: 500; }
.zs-badge-orange-pill-small { background: rgba(255, 153, 0, 0.2); padding: 1px 4px; border-radius: 3px; }
.zs-hint-orange-small { margin-top: 8px; font-size: 0.75em; padding: 4px 10px; width: 100%; background: rgba(255, 153, 0, 0.15); border-color: #ff9900; color: #ff9900; }
.zs-fs-12-middle-mr-4 { font-size: 12px; vertical-align: middle; margin-right: 4px; }

/* Error/red patterns */
.zs-p-1216-bg-red-subtle { padding: 12px 16px; background: rgba(244, 67, 54, 0.05); }
.zs-red-f44336-fs-14 { color: #f44336; font-size: 14px; }
.zs-white-085em-truncate { color: var(--zekt-white); font-size: 0.85em; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zs-red-f44336-fs-085em-fw-500 { color: #f44336; font-size: 0.85em; font-weight: 500; }
.zs-p-20-text-center-border-top { padding: 20px; text-align: center; border-top: 1px solid var(--zekt-gray-border); }
.zs-white-fs-075em-mt-4 { color: var(--zekt-white); font-size: 0.75em; margin: 4px 0 0 0; }
.zs-p-1216-border-top-center { padding: 12px 16px; border-top: 1px solid var(--zekt-gray-border); text-align: center; }
.zs-fs-08em-p-612-w-full { font-size: 0.8em; padding: 6px 12px; width: 100%; }
.zs-mt-12-fs-08em-p-612 { margin-top: 12px; font-size: 0.8em; padding: 6px 12px; }

/* Multi-line modal patterns */
.zs-modal-dark-900-90vh { background: var(--zekt-black-lighter); border: 1px solid var(--zekt-gray-border); border-radius: 12px; max-width: 900px; max-height: 90vh; overflow-y: auto; width: 100%; }
.zs-mt-4-flex-8 { margin: 4px 0 0 0; display: flex; align-items: center; gap: 8px; }
.zs-grid-auto-1fr-gap-mb24 { display: grid; grid-template-columns: auto 1fr; gap: 16px 24px; margin-bottom: 24px; }
.zs-white-mono-fs-085em { color: var(--zekt-white); font-family: monospace; font-size: 0.85em; }

/* Multi-line orange patterns */
.zs-banner-orange-20-mb24 { background: rgba(255, 152, 0, 0.05); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 12px; padding: 20px; margin-bottom: 24px; }
.zs-pill-orange-085em { padding: 4px 12px; border-radius: 12px; background: rgba(255, 152, 0, 0.2); color: #ff9800; font-size: 0.85em; font-weight: 500; }
.zs-btn-orange-gradient { background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%); border: none; padding: 12px 24px; border-radius: 8px; color: white; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.zs-btn-orange-outline { background: none; border: 1px solid rgba(255, 152, 0, 0.5); padding: 12px 24px; border-radius: 8px; color: #ff9800; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.zs-input-orange-outline { background: rgba(255, 152, 0, 0.1); border-color: #ff9800; }
.zs-mt-16-pt-16-border-top-orange { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255, 152, 0, 0.2); }
.zs-mb-12-white-fs-095em { margin: 0 0 12px 0; color: var(--zekt-white); font-size: 0.95em; }

/* Control bar patterns */
.zs-control-bar-dark { background: rgba(0, 0, 0, 0.3); border-radius: 8px; padding: 12px; display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; }
.zs-min-w-0 { min-width: 0; }
.zs-gray-light-fs-075em-mono { color: var(--zekt-gray-light); font-size: 0.75em; font-family: monospace; }
.zs-gray-light-fs-085em-center-mt-4 { color: var(--zekt-gray-light); font-size: 0.85em; text-align: center; margin-top: 4px; }

/* Green success patterns */
.zs-alert-green-10 { background: rgba(0, 255, 136, 0.1); border: 1px solid rgba(0, 255, 136, 0.3); padding: 10px; border-radius: 6px; margin: 10px 0; }
.zs-green-block-mb-4-fs-08em { color: var(--zekt-green); display: block; margin-bottom: 4px; font-size: 0.8em; }
.zs-mb-8-green-fs-08em { margin: 0 0 8px 0; color: var(--zekt-green); font-size: 0.8em; }
.zs-hidden-alert-green { display: none; background: rgba(0, 255, 136, 0.1); border: 1px solid var(--zekt-green); padding: 12px; border-radius: 6px; margin: 10px 0; }

/* Table / layout patterns */
.zs-w-full-min-750 { width: 100%; min-width: 750px; }
.zs-gray-light-italic { color: var(--zekt-gray-light); font-style: italic; }
.zs-card-black-lighter-800 { background: var(--zekt-black-lighter); border-radius: 12px; padding: 24px; max-width: 800px; }
.zs-gray-light-block-mt-6 { color: var(--zekt-gray-light); display: block; margin-top: 6px; }
.zs-input-mono-flex-1 { flex: 1; padding: 12px; background: var(--zekt-black); border: 1px solid var(--zekt-gray-border); border-radius: 8px; color: var(--zekt-white); font-family: monospace; }
.zs-p-1216-flex-6-nowrap { padding: 12px 16px; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.zs-flex-8-mt-6 { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.zs-hidden-mt-12 { margin-top: 12px; display: none; }

/* Button reset */
.zs-btn-reset-gray-light { background: none; border: none; color: var(--zekt-gray-light); cursor: pointer; padding: 8px; border-radius: 8px; }
.zs-hidden-mt-20-p-16 { display: none; margin-top: 20px; padding: 16px; border-radius: 6px; border: 2px solid; }
.zs-border-top-dashed-my-10 { border-top: 1px dashed #444; margin: 10px 0; }
.zs-fs-12-red-fw-600 { font-size: 12px; color: var(--zekt-red); font-weight: 600; }
.zs-fs-16-white { font-size: 16px; color: var(--zekt-white); }
.zs-fs-13-white-mb16 { font-size: 13px; color: var(--zekt-white); margin-bottom: 16px; }
.zs-fs-13-p-614-white { font-size: 13px; padding: 6px 14px; color: white; }
.zs-fs-12-white-mt-6-flex { font-size: 12px; color: var(--zekt-white); margin-top: 6px; display: flex; align-items: center; gap: 6px; }
.zs-fs-14-yellow { font-size: 14px; color: var(--zekt-yellow); }
.zs-fs-11-gray-light-mt4 { font-size: 11px; color: var(--zekt-gray-light); margin-top: 4px; }
.zs-fs-11-p-4-8 { font-size: 11px; padding: 4px 8px; }
.zs-fs-095em-mb12 { font-size: 0.95em; margin-bottom: 12px; }
.zs-fs-12-gray-light-mt8 { font-size: 12px; color: var(--zekt-gray-light); margin-top: 8px; }
.zs-fs-12em           { font-size: 1.2em; }
.zs-fs-08em           { font-size: 0.8em; }
.zs-mb-28             { margin-bottom: 28px; }
.zs-mb-10             { margin-bottom: 10px; }
.zs-mt-2              { margin-top: 2px; }
.zs-max-w-800         { max-width: 800px; }
.zs-bg-green-subtle   { background: rgba(0,255,136,0.05); }

/* Color combos */
.zs-gray-07em-mb2     { color: var(--zekt-gray-light); font-size: 0.7em; margin-bottom: 2px; }
.zs-gray-mt8          { color: var(--zekt-gray-light); margin: 8px 0 0; }
.zs-gray-08em-600     { color: var(--zekt-gray-light); font-size: 0.8em; font-weight: 600; }
.zs-gray-upper-sm     { color: var(--zekt-gray-light); font-size: 0.8em; text-transform: uppercase; margin-bottom: 6px; }
.zs-white-06-085em-mt4 { color: rgba(255, 255, 255, 0.6); font-size: 0.85em; margin: 4px 0 0 0; }
.zs-white-center-12-085em { color: var(--zekt-white); text-align: center; margin: 12px 0; font-size: 0.85em; }
.zs-white-mb12-095em  { color: var(--zekt-white); margin-bottom: 12px; font-size: 0.95em; }
.zs-mr-12-green       { margin-right: 12px; color: #00ff88; }
.zs-fs-48-white-30    { font-size: 48px; color: rgba(255, 255, 255, 0.3); }
.zs-fs-16-mr4         { font-size: 16px; margin-right: 4px; }
.zs-666-075em-mt3     { color: #666; font-size: 0.75em; margin-top: 3px; }
.zs-white-075em-mt3   { color: var(--zekt-white); font-size: 0.75em; margin-top: 3px; }
.zs-666-075em-mb3     { color: #666; font-size: 0.75em; margin-bottom: 3px; }
.zs-fs-2em-bold-white { color: #fff; font-size: 2em; font-weight: bold; }
.zs-heading-11em-bold { margin: 0; font-size: 1.1em; color: var(--zekt-white); font-weight: 700; }
.zs-fs-09em-666-my4   { font-size: 0.9em; color: #666; margin: 4px 0; }
.zs-fs-12-gray-lh16   { font-size: 12px; color: var(--zekt-gray-light); line-height: 1.6; }
.zs-fs-64-gray-faded  { font-size: 64px; margin-bottom: 20px; opacity: 0.4; color: var(--zekt-gray-light); }
.zs-green-095em-600   { color: var(--zekt-green); font-size: 0.95em; font-weight: 600; }
.zs-mt-16-888         { margin-top: 16px; color: #888; }
.zs-m-0-4caf50        { margin: 0; color: #4caf50; }
.zs-mt6-085em-888     { margin: 6px 0 0; font-size: 0.85em; color: #888; }
.zs-orange-mb12-1em   { margin: 0 0 12px 0; color: var(--zekt-orange); font-size: 1em; }
.zs-m-0-orange-flex8  { margin: 0; color: #ff9800; display: flex; align-items: center; gap: 8px; }
.zs-error-hint        { margin: 8px 0 0 0; font-size: 0.85em; color: #ff4d4f; display: none; }

/* Font combos */
.zs-label-small-gray  { color: #666; font-size: 0.75em; text-transform: uppercase; margin-bottom: 8px; }
.zs-color-aaa-08em    { color: #aaa; font-size: 0.8em; }

/* Flex patterns */
.zs-flex-center-6-wrap { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.zs-flex-center-8-p6-0 { display: flex; align-items: center; gap: 8px; padding: 6px 0; }
.zs-flex-center-8-pointer { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.zs-flex-wrap-gap12-mb20 { display: flex; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; align-items: center; }
.zs-flex-gap-12-wrap  { display: flex; gap: 12px; flex-wrap: wrap; }
.zs-inline-flex-center-8 { display: inline-flex; align-items: center; gap: 8px; }

/* Grid patterns */
.zs-grid-3col-mb20    { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; }
.zs-grid-200-1fr      { display: grid; grid-template-columns: 200px 1fr; gap: 12px; font-size: 14px; }

/* Card / container patterns */
.zs-card-border-16    { padding: 16px; border: 1px solid var(--zekt-gray-border); border-radius: 8px; }
.zs-card-header-12    { padding: 16px 20px; border-bottom: 1px solid var(--zekt-gray-border); display: flex; align-items: center; gap: 12px; }
.zs-header-between-20 { padding: 20px; border-bottom: 1px solid var(--zekt-gray-border); display: flex; justify-content: space-between; align-items: center; }
.zs-card-green-20     { background: rgba(0, 255, 136, 0.1); border: 1px solid rgba(0, 255, 136, 0.3); border-radius: 8px; padding: 20px; }
.zs-card-gray-rounded-8 { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; overflow: hidden; }
.zs-card-light-border { padding: 12px; border: 1px solid #e0e0e0; border-radius: 8px; margin: 8px 0; }
.zs-card-success      { background: #1a2e1a; border: 1px solid #2a5a2a; border-radius: 6px; padding: 12px; }
.zs-card-amber-border { border: 1px solid rgba(255,153,0,0.25); border-radius: 10px; padding: 20px; }
.zs-badge-amber-outline { background: rgba(255, 153, 0, 0.1); border: 1px solid rgba(255, 153, 0, 0.3); padding: 4px 10px; border-radius: 4px; font-size: 0.85em; color: var(--zekt-white); }
.zs-badge-sm          { font-size: 0.75em; padding: 4px 10px; }

/* Table cells */
.zs-td-center-white   { padding: 12px 16px; text-align: center; color: #ffffff; font-size: 0.85em; }
.zs-td-green-upper-150 { padding: 12px; text-align: left; font-size: 12px; color: var(--zekt-green); text-transform: uppercase; width: 150px; }
.zs-td-mono-gray      { padding: 12px; font-size: 13px; font-family: var(--font-family-mono); color: var(--zekt-gray-light); }

/* Forms */
.zs-textarea-resize   { width: 100%; resize: vertical; }
.zs-list-none         { list-style: none; padding: 0; }
.zs-list-scroll       { list-style: none; padding: 0; margin: 0 0 16px 0; max-height: 200px; overflow-y: auto; text-align: left; }
.zs-icon-48-red       { width: 48px; height: 48px; margin: 0 auto 16px; color: var(--zekt-red); }
.zs-empty-666         { text-align: center; padding: 40px; color: #666; }
.zs-empty-aaa-08em    { color: #aaa; font-size: 0.8em; }

/* --- Item A expansion batch 8 (top-100 audit patterns round 6) --- */

/* Spinner patterns */
.zs-spinner-green-48-mb20 { width: 48px; height: 48px; border: 3px solid var(--zekt-gray-border); border-top-color: var(--zekt-green); border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px; }

/* Purple alert patterns */
.zs-alert-purple-24 { margin-bottom: 24px; padding: 12px; background: rgba(156, 39, 176, 0.05); border: 1px solid rgba(156, 39, 176, 0.2); border-radius: 8px; }
.zs-alert-purple-16 { background: rgba(156, 39, 176, 0.1); border: 1px solid rgba(156, 39, 176, 0.3); border-radius: 8px; padding: 16px; }

/* Full-width patterns */
.zs-w-full-p-10-flex-center-8 { width: 100%; padding: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; }

/* Orange banners */
.zs-banner-orange-left-800 { background: rgba(255, 152, 0, 0.05); border-left: 4px solid #ff9800; padding: 16px; margin-top: 24px; border-radius: 8px; max-width: 800px; }
.zs-banner-orange-left-900 { background: rgba(255, 152, 0, 0.05); border-left: 4px solid #ff9800; padding: 16px; margin-top: 24px; border-radius: 8px; max-width: 900px; }

/* Light gray text */
.zs-gray-light-m-0-lh-16 { color: var(--zekt-gray-light); margin: 0; line-height: 1.6; }

/* Dark containers */
.zs-card-black-lighter-900 { background: var(--zekt-black-lighter); border-radius: 12px; padding: 24px; max-width: 900px; }

/* Flex wrap patterns */
.zs-flex-wrap-8-mb-24 { display: flex; gap: 8px; margin-bottom: 24px; flex-wrap: wrap; }

/* Red/error text */
.zs-red-5252-flex-8 { color: #ff5252; margin: 0 0 16px 0; display: flex; align-items: center; gap: 8px; }
.zs-red-5252-fw-600 { color: #ff5252; font-weight: 600; }

/* Code/monospace patterns */
.zs-code-inline-09em { padding: 8px 12px; border-radius: 8px; border: 1px solid var(--zekt-gray-border); background: var(--zekt-gray); color: var(--zekt-white); font-size: 0.9em; }
.zs-white-085em-mono { color: var(--zekt-white); font-size: 0.85em; font-family: monospace; }
.zs-p-1216-center-white-085em { padding: 12px 16px; text-align: center; color: var(--zekt-white); font-size: 0.85em; }

/* Modal patterns */
.zs-modal-dark-700-90vh { background: var(--zekt-black-lighter); border: 1px solid var(--zekt-gray-border); border-radius: 12px; max-width: 700px; max-height: 90vh; overflow-y: auto; width: 100%; }
.zs-mt-4-gray-light-mono-09em { margin: 4px 0 0 0; color: var(--zekt-gray-light); font-size: 0.9em; font-family: monospace; }

/* Button patterns */
.zs-btn-reset-gray-light-simple { background: none; border: none; color: var(--zekt-gray-light); cursor: pointer; padding: 8px; }

/* Grid patterns */
.zs-grid-auto-1fr-gap-1624 { display: grid; grid-template-columns: auto 1fr; gap: 16px 24px; }
.zs-p-24-border-bottom { padding: 24px; border-bottom: 1px solid var(--zekt-gray-border); }

/* White text flex */
.zs-m-0-white-flex-10 { margin: 0; color: var(--zekt-white); display: flex; align-items: center; gap: 10px; }

/* Control bar top */
.zs-control-bar-top-flex-end { padding: 16px 24px; border-top: 1px solid var(--zekt-gray-border); display: flex; gap: 12px; justify-content: flex-end; }

/* Blue alert patterns */
.zs-alert-blue-10 { padding: 12px; background: rgba(33, 150, 243, 0.1); border: 1px solid rgba(33, 150, 243, 0.3); border-radius: 8px; display: flex; align-items: center; gap: 10px; }

/* Icon sizes */
.zs-icon-20 { width: 20px; height: 20px; }
.zs-blue-2196-fs-09em { color: #2196f3; font-size: 0.9em; }
.zs-green-lime-fs-20 { color: #00ff88; font-size: 20px; }
.zs-green-lime-fs-095em { color: #00ff88; font-size: 0.95em; }
.zs-gray-light-fs-085em-ml-30 { color: var(--zekt-gray-light); font-size: 0.85em; margin-left: 30px; }

/* Orange badge patterns */
.zs-badge-orange-12 { padding: 12px; background: rgba(255, 152, 0, 0.1); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 8px; }
.zs-orange-fs-095em-trim { color: #ff9800; font-size: 0.95em; }

/* Large headers */
.zs-white-my-2012 { color: var(--zekt-white); margin: 20px 0 12px; }
.zs-white-fs-18em-fw-600 { color: var(--zekt-white); font-size: 1.8em; font-weight: 600; }

/* Flex space-between */
.zs-flex-between-mb-12 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.zs-flex-between-items-mb-12 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.zs-flex-between-items { display: flex; align-items: center; justify-content: space-between; }

/* Neutral gray */
.zs-fs-09em-gray-999 { font-size: 0.9em; color: #999; }
.zs-p-12-gray-999-center { padding: 12px; color: #999; text-align: center; }
.zs-p-40-gray-999-center { text-align: center; padding: 40px; color: #999; }

/* Red/error alert */
.zs-alert-red-10 { padding: 12px; background: rgba(244, 67, 54, 0.1); border: 1px solid rgba(244, 67, 54, 0.3); border-radius: 8px; }
.zs-fs-13-white-fw-500-mb-6 { font-size: 13px; color: var(--zekt-white); font-weight: 500; margin-bottom: 6px; }
.zs-fs-14-red-f44336 { font-size: 14px; color: #f44336; }
.zs-fs-13-white-fw-500-mb-8 { font-size: 13px; color: var(--zekt-white); font-weight: 500; margin-bottom: 8px; }

/* Flex layouts */
.zs-flex-between-start-mb-8 { display: flex; justify-content: space-between; align-items: start; margin-bottom: 8px; }
.zs-p-20-center-gray-light { text-align: center; padding: 20px; color: var(--zekt-gray-light); }

/* Icon/stat patterns */
.zs-fs-12-green-lime-mb-4 { font-size: 12px; color: #00ff88; margin-bottom: 4px; }
.zs-p-14-bg-gray-8 { padding: 14px; background: var(--zekt-gray); border-radius: 8px; }

/* Item containers */
.zs-flex-between-items-compact { display: flex; align-items: center; justify-content: space-between; }
.zs-gray-light-mt-16 { color: var(--zekt-gray-light); margin-top: 16px; }

/* Centered flex */
.zs-flex-center-12 { display: flex; gap: 12px; justify-content: center; }

/* Orange gradient cards */
.zs-card-orange-gradient-20 { background: linear-gradient(135deg, rgba(255, 152, 0, 0.9) 0%, rgba(255, 87, 34, 0.8) 100%); border: 1px solid rgba(255, 152, 0, 0.9); border-radius: 12px; padding: 20px; text-align: center; }

/* Black text */
.zs-black-fs-085em-mb-4 { color: #000000; font-size: 0.85em; margin-bottom: 4px; }
.zs-black-fs-2em-fw-600 { color: #000000; font-size: 2em; font-weight: 600; }

/* Orange light gradient */
.zs-card-orange-light-20 { background: linear-gradient(135deg, rgba(255, 152, 0, 0.1) 0%, rgba(255, 87, 34, 0.05) 100%); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 12px; padding: 20px; text-align: center; }

/* White text variants */
.zs-white-fs-085em-mb-4 { color: var(--zekt-white); font-size: 0.85em; margin-bottom: 4px; }
.zs-border-bottom-transition { border-bottom: 1px solid var(--zekt-gray-border); transition: background 0.15s; }

/* Orange/blue accents */
.zs-mt-16-orange-accent { margin-top: 16px; border-color: #ff9800; color: #ff9800; }
.zs-blue-2196-fs-24 { color: #2196f3; font-size: 24px; }
.zs-orange-fs-24 { color: #ff9800; font-size: 24px; }

/* Control patterns */
.zs-control-gray-min-180 { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); color: var(--zekt-white); padding: 8px 12px; border-radius: 6px; font-size: 0.9em; min-width: 180px; }

/* Large spinning icon */
.zs-icon-32-orange-spin { font-size: 32px; color: #ff9800; animation: spin 1s linear infinite; }

/* Transparent button */
.zs-btn-transparent { background: transparent; border: none; cursor: pointer; padding: 4px; }

/* Auto-fit grid */
.zs-grid-auto-fit-180-mb-24 { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-bottom: 24px; }

/* Dark card variants */
.zs-card-1a1a1a-16 { background: #1a1a1a; padding: 16px; border-radius: 8px; border: 1px solid var(--zekt-gray-border); }
.zs-fs-24-orange { font-size: 24px; color: #ff9800; }

/* Border button */
.zs-btn-border-085em { background: transparent; border: 1px solid var(--zekt-gray-border); color: var(--zekt-gray-light); padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 0.85em; }

/* Large icons */
.zs-icon-48-gray-light-faded { font-size: 48px; color: var(--zekt-gray-light); opacity: 0.5; }
.zs-white-mb-12-fs-095em { color: var(--zekt-white); margin: 0 0 12px 0; font-size: 0.95em; }
.zs-orange-m-0-no-space { color: #ff9800; margin: 0; }

/* Progress patterns */
.zs-progress-track { background: var(--zekt-gray-border); height: 4px; border-radius: 2px; margin-top: 4px; }
.zs-flex-between-fs-08em-mb-4 { display: flex; justify-content: space-between; font-size: 0.8em; margin-bottom: 4px; }
.zs-progress-bar-fill { background: rgba(255, 255, 255, 0.1); height: 6px; border-radius: 3px; overflow: hidden; }

/* Summary row patterns */
.zs-row-dark-12-8 { display: flex; align-items: start; gap: 12px; padding: 12px; background: rgba(0, 0, 0, 0.2); border-radius: 8px; }
.zs-white-fs-085em-mt-4 { color: var(--zekt-white); font-size: 0.85em; margin-top: 4px; }
.zs-gray-light-fs-075em-ml-auto { color: var(--zekt-gray-light); font-size: 0.75em; margin-left: auto; }

/* Hint patterns */
.zs-p-612-fs-08em-gray-light { padding: 6px 12px; font-size: 0.8em; color: var(--zekt-gray-light); }

/* Subtle background */
.zs-bg-dark-subtle-12-16 { background: rgba(0, 0, 0, 0.15); border-radius: 8px; padding: 12px 16px; margin: 10px 0; }

/* Flex row patterns */
.zs-flex-row-8-p-4 { display: flex; align-items: center; gap: 8px; padding: 4px 0; }
.zs-white-fs-085em-flex-1 { color: var(--zekt-white); font-size: 0.85em; flex: 1; }

/* No-space variants */
.zs-fs-48-opacity-03-mb-8-nospace { font-size: 48px; opacity: 0.3; display: block; margin-bottom: 8px; }
.zs-bg-green-lime-subtle-nospace { background: rgba(0, 255, 136, 0.05); }
.zs-badge-green-lime-tiny-nospace { background: rgba(0, 255, 136, 0.1); color: #00ff88; padding: 1px 6px; border-radius: 3px; font-size: 0.78rem; }
.zs-color-green-a0e0a0-nospace { color: #a0e0a0; }

/* Size combos */
.zs-fs-28-blue-2196 { font-size: 28px; color: #2196f3; }
.zs-card-gray-full-width { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 12px; padding: 16px; text-align: center; grid-column: 1 / -1; }
.zs-fs-24-red-f44336 { font-size: 24px; color: #f44336; }
.zs-white-fs-085em-mt-4-trim { color: #ffffff; font-size: 0.85em; margin-top: 4px; }
.zs-white-fs-15em-fw-600-mt-4 { color: #ffffff; font-size: 1.5em; font-weight: 600; margin-top: 4px; }
.zs-card-gray-40-center { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 12px; padding: 40px; text-align: center; }
.zs-white-mt-12-no-bottom { color: #ffffff; margin: 12px 0 0 0; }

/* Flex column patterns */
.zs-flex-col-center-px-8 { display: flex; flex-direction: column; align-items: center; padding: 0 8px; }
.zs-card-gray-border-2-cursor { display: flex; align-items: center; gap: 12px; padding: 16px; background: var(--zekt-gray); border: 2px solid var(--zekt-gray-border); border-radius: 8px; cursor: pointer; }
.zs-white-fs-085em-lh-15 { color: var(--zekt-white); font-size: 0.85em; line-height: 1.5; }

/* Background only */
.zs-bg-green-lime-nospace { background: #00ff88; }
.zs-bg-orange-nospace { background: #ff9800; }
.zs-fs-14-white { font-size: 14px; color: white; }
.zs-fs-14-orange { font-size: 14px; color: #ff9800; }
.zs-bg-yellow-ffd600 { background: #ffd600; }
.zs-bg-cyan-00bcd4 { background: #00bcd4; }
.zs-bg-blue-2196 { background: #2196f3; }
.zs-fs-18-middle-nospace { font-size: 18px; vertical-align: middle; }

/* --- Item A expansion batch 9 (top-100 audit patterns round 7) --- */

/* White text flex */
.zs-white-mb-16-flex-8 { color: var(--zekt-white); margin: 0 0 16px 0; display: flex; align-items: center; gap: 8px; }

/* Orange heading */
.zs-orange-fs-2em-fw-600 { color: #ff9800; font-size: 2em; font-weight: 600; }

/* Compact flex (no-space) */
.zs-flex-tight-min-22em-nospace { display: flex; align-items: center; gap: 0.35em; min-height: 2.2em; margin: 0; }

/* Dark card */
.zs-card-dark-16-mb-20 { background: var(--zekt-dark); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 16px; margin-bottom: 20px; }

/* Flex wrap */
.zs-flex-16-wrap { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }

/* Font weight */
.zs-fs-14-fw-500-white { font-size: 14px; font-weight: 500; color: var(--zekt-white); }
.zs-fs-16-amber-fbbf24 { font-size: 16px; color: #fbbf24; }
.zs-fs-16-red-ef4444 { font-size: 16px; color: #ef4444; }

/* Orange badge */
.zs-badge-orange-12-mb-16 { padding: 12px; background: rgba(255, 152, 0, 0.1); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 8px; margin-bottom: 16px; }
.zs-fs-13-white-fw-500-mb-12 { font-size: 13px; color: var(--zekt-white); font-weight: 500; margin-bottom: 12px; }

/* Scrollable flex */
.zs-flex-col-8-scroll-400 { display: flex; flex-direction: column; gap: 8px; max-height: 400px; overflow-y: auto; }

/* Clickable card */
.zs-card-gray-12-clickable { padding: 12px; background: var(--zekt-gray); border-radius: 8px; cursor: pointer; transition: all 0.2s; }

/* Cyan variant (no-space) */
.zs-bg-cyan-subtle-nospace { background: rgba(102, 252, 241, 0.05); border-color: var(--zekt-cyan); }

/* Flex space-between */
.zs-flex-between-mb-6 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }

/* Multi-column flex */
.zs-flex-16-fs-11-gray-light { display: flex; gap: 16px; font-size: 11px; color: var(--zekt-gray-light); }

/* Table footer */
.zs-pt-12-border-top-footer { padding-top: 12px; border-top: 1px solid var(--zekt-gray-border); font-size: 11px; color: var(--zekt-gray-light); text-align: center; }

/* Icon inline (no-space) */
.zs-fs-16-middle-mr-4-nospace { font-size: 16px; vertical-align: middle; margin-right: 4px; }

/* Close button (no-space) */
.zs-btn-close-absolute-orange-nospace { position: absolute; top: 0; right: 0; background: none; border: none; color: rgba(255, 153, 0, 0.55); cursor: pointer; padding: 4px; display: flex; align-items: center; }

/* Color/size (no-space) */
.zs-orange-99-fs-16rem-noshrink-nospace { color: #ff9900; font-size: 1.6rem; flex-shrink: 0; }
.zs-gray-888-fs-09em-nospace { color: #888; font-size: 0.9em; }
.zs-fs-3rem-gray-444-mb-16-nospace { font-size: 3rem; color: #444; display: block; margin-bottom: 16px; }

/* Orange subtle card (no-space) */
.zs-card-orange-subtle-nospace { background: rgba(255, 153, 0, 0.06); border: 1px solid rgba(255, 153, 0, 0.15); border-radius: 12px; padding: 20px; text-align: center; }

/* Orange label (no-space) */
.zs-orange-99-label-08em-nospace { color: #ff9900; font-size: 0.8em; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.05em; }

/* White bold (no-space) */
.zs-white-fs-2em-fw-600-nospace { color: #fff; font-size: 2em; font-weight: 600; }

/* Minimal font (no-space) */
.zs-fs-13-nospace { font-size: 13px; }

/* Inline flex (no-space) */
.zs-inline-flex-6-nospace { display: inline-flex; align-items: center; gap: 6px; }

/* Light gray (no-space) */
.zs-gray-ccc-fs-092em-lh-16-mb-16-nospace { color: #ccc; font-size: 0.92em; line-height: 1.6; margin-bottom: 16px; }

/* Margin (no-space) */
.zs-mb-4-nospace { margin-bottom: 4px; }

/* Flex end (no-space) */
.zs-flex-12-end-nospace { display: flex; gap: 12px; justify-content: flex-end; }

/* Font sizes (no-space) */
.zs-fs-1em-nospace { font-size: 1em; }
.zs-text-center-py-60-gray-888-nospace { text-align: center; padding: 60px 0; color: #888; }

/* Accent (no-space) */
.zs-accent-orange-99-nospace { accent-color: #ff9900; }

/* Purple text (no-space) */
.zs-purple-b388ff-nospace { color: #b388ff; }

/* Large icon (no-space) */
.zs-fs-2rem-block-mb-8-nospace { font-size: 2rem; display: block; margin-bottom: 8px; }

/* Code block (no-space) */
.zs-code-block-dark-nospace { background: #151520; border: 1px solid #333; color: #ccc; border-radius: 6px; padding: 6px 10px; font-size: 0.82em; }

/* Error text (no-space) */
.zs-p-24-red-ef4444-fs-085em-nospace { padding: 24px; color: #ef4444; font-size: 0.85em; }

/* Light gray (no-space) */
.zs-gray-aaa-lh-17-mb-16-nospace { color: #aaa; line-height: 1.7; margin-bottom: 16px; }

/* Grid columns */
.zs-grid-cols-195-1fr-115-28 { grid-template-columns: 195px 1fr 115px 28px; }

/* Large font (no-space) */
.zs-fs-40-nospace { font-size: 40px; }

/* Orange color (no-space) */
.zs-orange-8800-fs-15-nospace { color: #ff8800; font-size: 15px; }

/* Green label (no-space) */
.zs-min-w-14ch-green-inherit-nospace { min-width: 14ch; color: #00ff88; font-size: inherit; font-weight: inherit; }

/* Dark gray card */
.zs-card-gray-dark-12-mb-16 { background: var(--zekt-gray-dark); padding: 12px; border-radius: 6px; margin-bottom: 16px; }

/* White text */
.zs-white-fs-085em-m-0 { color: var(--zekt-white); font-size: 0.85em; margin: 0; }

/* Black text */
.zs-fs-16-black { font-size: 16px; color: black; }

/* Orange margin */
.zs-orange-m-0-fs-09em { color: var(--zekt-orange); margin: 0; font-size: 0.9em; }

/* Icon row */
.zs-flex-4-fs-085em { display: flex; align-items: center; gap: 4px; font-size: 0.85em; }

/* Green gradient cards */
.zs-card-green-gradient-24-ease { background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 255, 136, 0.03) 100%); border: 1px solid rgba(0, 255, 136, 0.3); border-radius: 12px; padding: 24px; position: relative; overflow: hidden; transition: all 0.3s ease; }

/* Icon boxes */
.zs-icon-box-64-green-15 { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: rgba(0, 255, 136, 0.15); border-radius: 12px; border: 1px solid rgba(0, 255, 136, 0.25); }
.zs-green-fs-32 { color: var(--zekt-green); font-size: 32px; }

/* Uppercase labels */
.zs-label-upper-small-07-600 { font-size: 12px; color: rgba(255, 255, 255, 0.7); font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 8px; }

/* Green glow text */
.zs-fs-28-white-glow-green-20 { font-size: 28px; font-weight: 700; color: var(--zekt-white); text-shadow: 0 0 20px rgba(0, 255, 136, 0.3); }

/* Green headers */
.zs-header-green-subtle-2024 { padding: 20px 24px; background: rgba(0, 255, 136, 0.05); border-bottom: 1px solid rgba(0, 255, 136, 0.2); }

/* Icon box 40px */
.zs-icon-box-40-green-15 { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: rgba(0, 255, 136, 0.15); border-radius: 8px; border: 1px solid rgba(0, 255, 136, 0.25); }

/* Orange icon */
.zs-orange-fs-20 { color: var(--zekt-orange); font-size: 20px; }

/* Green background (no-space) */
.zs-bg-green-subtle-05-nospace { background: rgba(0, 255, 136, 0.05); }

/* White label */
.zs-label-white-08-center { color: rgba(255, 255, 255, 0.8); font-size: 0.8em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; }

/* Green border (no-space) */
.zs-bg-green-subtle-border-nospace { background: rgba(0, 255, 136, 0.08); border-color: rgba(0, 255, 136, 0.3); }

/* Flex center */
.zs-flex-center-justify { display: flex; justify-content: center; }

/* Green glow combo */
.zs-white-fs-095em-glow-green-12 { color: var(--zekt-white); font-size: 0.95em; font-weight: 600; text-shadow: 0 0 12px rgba(0, 255, 136, 0.2); }

/* Subtle label */
.zs-label-upper-075em-06-mb-4 { color: rgba(255, 255, 255, 0.6); font-size: 0.75em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; display: block; margin-bottom: 4px; }

/* Gray light text */
.zs-gray-light-fs-09em-mt-8 { color: var(--zekt-gray-light); font-size: 0.9em; margin: 8px 0 0 0; }

/* Border divider */
.zs-p-1620-border-bottom { padding: 16px 20px; border-bottom: 1px solid var(--zekt-gray-border); }

/* Opacity (no-space) */
.zs-opacity-07-nospace { opacity: 0.7; }

/* Green small */
.zs-green-fs-085em { color: var(--zekt-green); font-size: 0.85em; }

/* White margin */
.zs-white-mb-8 { color: var(--zekt-white); margin-bottom: 8px; }

/* Inline flex button (no-space) */
.zs-inline-flex-full-2px-nospace { display: inline-flex; border-radius: 8px; cursor: pointer; width: 100%; padding: 2px; }

/* Rotation */
.zs-rotate-transition-gray-light { transform: rotate(0deg); transition: transform 0.2s; color: var(--zekt-gray-light); }
.zs-rotate-transition-orange { transform: rotate(0deg); transition: transform 0.2s; color: var(--zekt-orange); }

/* Red error */
.zs-bg-red-error-15 { background: rgba(239, 68, 68, 0.15); border: 1px solid #ef4444; color: #ef4444; }

/* List item */
.zs-list-item-disc-pl-20 { margin: 4px 0 0 0; padding-left: 20px; list-style: disc; }

/* Flex start */
.zs-self-start-gray-light { align-self: flex-start; color: var(--zekt-gray-light); }

/* Black card */
.zs-card-black-24 { background: var(--zekt-black); border: 1px solid var(--zekt-gray); border-radius: 12px; padding: 24px; }

/* Green success */
.zs-green-success-center-11em { color: var(--zekt-green); margin: 0 0 20px 0; font-size: 1.1em; display: flex; align-items: center; justify-content: center; gap: 8px; text-align: center; }

/* White text margin */
.zs-mt-8-fs-085em-white { margin: 8px 0 0 0; font-size: 0.85em; color: var(--zekt-white); }

/* Yellow heading */
.zs-yellow-fs-11em-mb-12 { color: var(--zekt-yellow); font-size: 1.1em; margin-bottom: 12px; }

/* Green heading */
.zs-green-fs-11em-mb-12 { color: var(--zekt-green); font-size: 1.1em; margin-bottom: 12px; }

/* Light gray margin */
.zs-gray-light-fs-09em-mb-16 { color: var(--zekt-gray-light); font-size: 0.9em; margin: 0 0 16px 0; }

/* Center text (no-space) */
.zs-text-center-p-32-nospace { text-align: center; padding: 32px; }

/* Pulsing animations (no-space) */
.zs-fs-32-pulse-15s-nospace { font-size: 32px; animation: badge-pulse 1.5s infinite; }
.zs-mt-8-gray-aaa-nospace { margin-top: 8px; color: #aaa; }

/* Center text orange (no-space) */
.zs-text-center-p-24-orange-nospace { text-align: center; padding: 24px; color: var(--zekt-orange); }

/* Center text red (no-space) */
.zs-text-center-p-24-red-6b-nospace { text-align: center; padding: 24px; color: #ff6b6b; }

/* Pulsing 28px (no-space) */
.zs-fs-28-pulse-15s-nospace { font-size: 28px; animation: badge-pulse 1.5s infinite; }

/* Table (no-space) */
.zs-table-09em-nospace { width: 100%; border-collapse: collapse; font-size: 0.9em; }

/* Code cell (no-space) */
.zs-p-5-8-mono-break-nospace { padding: 5px 8px; font-family: monospace; word-break: break-all; }

/* Orange warning (no-space) */
.zs-bg-orange-15-mb-12-nospace { background: rgba(255, 152, 0, 0.15); border: 1px solid #ff9800; padding: 10px; border-radius: 6px; margin-bottom: 12px; }

/* Orange icon (no-space) */
.zs-middle-orange-fs-16-nospace { vertical-align: middle; color: #ff9800; font-size: 16px; }

/* Orange text (no-space) */
.zs-orange-fs-09em-nospace { color: #ff9800; font-size: 0.9em; }

/* Red text (no-space) */
.zs-red-6b-p-12-nospace { color: #ff6b6b; padding: 12px; }

/* Icon animation (no-space) */
.zs-middle-fs-14-pulse-1s-nospace { vertical-align: middle; font-size: 14px; animation: badge-pulse 1s infinite; }

/* Dark yellow card (no-space) */
.zs-card-dark-yellow-nospace { background: #2e2a1a; border: 1px solid #5a4a2a; border-radius: 6px; padding: 12px; }

/* Orange margin (no-space) */
.zs-m-0-orange-nospace { margin: 0; color: #ff9800; }

/* Orange button (no-space) */
.zs-mt-10-bg-orange-black-nospace { margin-top: 10px; background: #ff9800; color: #000; }

/* Dark red card (no-space) */
.zs-card-dark-red-nospace { background: #2e1a1a; border: 1px solid #5a2a2a; border-radius: 6px; padding: 12px; }

/* Red margin (no-space) */
.zs-m-0-red-nospace { margin: 0; color: #f44336; }

/* Red text (no-space) */
.zs-red-6b-nospace { color: #ff6b6b; }
.zs-red-6b-mt-8-nospace { color: #ff6b6b; margin-top: 8px; }

/* Auto margin */
.zs-mx-auto-mb-15-block { margin: 0 auto 15px; display: block; }

/* Large margin */
.zs-mb-30 { margin-bottom: 30px; }

/* Dark button */
.zs-btn-dark-111 { padding: 10px 15px; background: #111; border: 1px solid #333; border-radius: 6px; color: #fff; cursor: pointer; }

/* Large text */
.zs-fs-13em { font-size: 1.3em; }

/* ==========================================================================
   Batch 10 — top-100 audit patterns round 8
   ========================================================================== */

/* Gray/muted text combos */
.zs-gray-666-075em-normal-ml-auto { color: #666; font-size: 0.75em; font-weight: normal; margin-left: auto; }
.zs-gray-999-09em-mt-5 { color: #999; font-size: 0.9em; margin-top: 5px; }
.zs-gray-666-08em-mt-8 { color: #666; font-size: 0.8em; margin-top: 8px; }
.zs-white-08em-mt-8 { color: var(--zekt-white); font-size: 0.8em; margin-top: 8px; }
.zs-gray-666-085em-mt-3 { color: #666; font-size: 0.85em; margin-top: 3px; }
.zs-gray-555-p-04 { color: #555; padding: 0 4px; }
.zs-gray-444 { color: #444; }
.zs-gray-888-mt-6 { color: #888; margin-top: 6px; }
.zs-gray-999-085em-ml-4 { color: #999; font-size: 0.85em; margin-left: 4px; }

/* Grid gap */
.zs-grid-gap-15 { display: grid; gap: 15px; }

/* Green lime accents */
.zs-badge-green-lime-pill { border: 1px solid #00ff88; background: linear-gradient(135deg, #00ff8820 0%, #00ff8810 100%); padding: 8px 12px; border-radius: 6px; }
.zs-badge-green-lime-gradient { border: 1px solid #00ff88; background: linear-gradient(135deg, #00ff8820 0%, #00ff8810 100%); }
.zs-green-065em-upper-ls1 { color: #00ff88; font-size: 0.65em; text-transform: uppercase; letter-spacing: 1px; }
.zs-green-bold-095em { color: #00ff88; font-weight: bold; font-size: 0.95em; }
.zs-green-lime-border { border: 1px solid #00ff88; }
.zs-green-lime-bold { color: #00ff88; font-weight: bold; }
.zs-circle-green-0a0a0a-36 { background: #0a0a0a; border: 2px solid #00ff88; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.zs-circle-green-0a0a0a-44 { background: #0a0a0a; border: 2px solid #00ff88; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.zs-inline-green-pill { display: flex; align-items: center; gap: 8px; color: var(--zekt-green); background: rgba(0, 255, 136, 0.1); padding: 8px 12px; border-radius: 6px; }

/* Blue accents */
.zs-badge-blue-111 { background: #111; border: 1px solid #3b82f6; padding: 8px 12px; border-radius: 6px; }
.zs-blue-3b82f6-065em-upper-ls1 { color: #3b82f6; font-size: 0.65em; text-transform: uppercase; letter-spacing: 1px; }
.zs-blue-3b82f6-bold-11em { color: #3b82f6; font-weight: bold; font-size: 1.1em; }
.zs-blue-3b82f6-09em { color: #3b82f6; font-size: 0.9em; }
.zs-blue-3b82f6-border { border: 1px solid #3b82f6; }

/* Card/container dark */
.zs-card-0a0a0a-transition { background: #0a0a0a; border: 1px solid #333; border-radius: 12px; overflow: hidden; transition: all 0.2s; }
.zs-hidden-border-top-222 { display: none; border-top: 1px solid #222; }
.zs-bar-1520-flex-between-border-top-222 { padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #222; }

/* Flex wrap small gap */
.zs-flex-wrap-4 { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.zs-flex-gap-20-mr-10 { display: flex; gap: 20px; margin-right: 10px; }
.zs-ml-auto-flex-6 { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.zs-flex-wrap-8-mb-10 { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }

/* White text combos */
.zs-white-11em-bold { color: #fff; font-size: 1.1em; font-weight: bold; }
.zs-white-085em-ml-4 { color: #fff; font-size: 0.85em; margin-left: 4px; }
.zs-white-09em-ml-5-bold { color: #fff; font-size: 0.9em; margin-left: 5px; font-weight: bold; }
.zs-white-fw-500 { color: #ffffff; font-weight: 500; }
.zs-white-085em-opacity-07 { color: #ffffff; font-size: 0.85em; opacity: 0.7; }
.zs-white-095em { color: #ffffff; font-size: 0.95em; }
.zs-white-mono { font-family: monospace; color: #ffffff; }
.zs-white-088em-m-0 { color: var(--zekt-white); font-size: 0.88em; margin: 0; }
.zs-white-09em-mb-8 { color: var(--zekt-white); font-size: 0.9em; margin-bottom: 8px; }
.zs-white-fw-500-block-lh24 { margin: 0; font-weight: 500; display: block; line-height: 24px; color: var(--zekt-white); }

/* Min-width only */
.zs-min-w-50 { min-width: 50px; }

/* Orange #ff9900 variants */
.zs-orange-ff9900-fs-20 { color: #ff9900; font-size: 20px; }
.zs-orange-ff9900-bold { color: #ff9900; font-weight: bold; }
.zs-orange-ff9900-2em-fw-600 { color: #ff9900; font-size: 2em; font-weight: 600; }
.zs-orange-ff9900-inherit { color: #ff9900; font-size: inherit; font-weight: inherit; }
.zs-orange-ff8800-fs-20 { color: #ff8800; font-size: 20px; }

/* Label/uppercase */
.zs-label-888-upper { font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 0.5px; display: block; margin-bottom: 4px; }
.zs-label-888-upper-compact { font-size: 11px; color: #888; text-transform: uppercase; }

/* Flex align-items-flex-start */
.zs-flex-start-12-mb-24 { margin-bottom: 24px; display: flex; align-items: flex-start; gap: 12px; }
.zs-flex-start-8-mb-0 { display: flex; align-items: flex-start; gap: 8px; }

/* Text combos */
.zs-m-0-white-mb-8 { margin: 0 0 8px 0; color: #fff; }
.zs-m-0-aaa-fs-14-lh16 { margin: 0; color: #aaa; font-size: 14px; line-height: 1.6; }
.zs-gray-999-09em-ml-5 { color: #999; font-size: 0.9em; margin-left: 5px; }

/* Red/error inline */
.zs-inline-red-pill { display: flex; align-items: flex-start; gap: 8px; color: #ff4545; background: rgba(255, 69, 69, 0.1); padding: 8px 12px; border-radius: 6px; }
.zs-inline-red-pill-center { display: flex; align-items: center; gap: 8px; color: #ff4545; background: rgba(255, 69, 69, 0.1); padding: 8px 12px; border-radius: 6px; }

/* Orange deep-red alert */
.zs-alert-deep-orange-mt-16 { margin-top: 16px; padding: 12px; background: rgba(255, 87, 34, 0.1); border: 1px solid rgba(255, 87, 34, 0.3); border-radius: 6px; }

/* Font combos */
.zs-fw-600-mb-4 { font-weight: 600; margin-bottom: 4px; }
.zs-085em-opacity-09-white { font-size: 0.85em; opacity: 0.9; color: #ffffff; }
.zs-085em-mt-6-ffaa00 { font-size: 0.85em; margin-top: 6px; color: #ffaa00; }

/* Purple/teal icon sizes */
.zs-fs-16-purple-8b5cf6 { font-size: 16px; color: #8b5cf6; }
.zs-fs-16-red-f44336 { font-size: 16px; color: #f44336; }
.zs-fs-16-cyan-00bcd4 { font-size: 16px; color: #00bcd4; }
.zs-fs-16-gray-555-nospace { font-size: 16px; color: #555; }
.zs-fs-085em-gray-666-nospace { font-size: 0.85em; color: #666; }
.zs-mt-4-fs-08em-gray-888-nospace { margin-top: 4px; font-size: 0.8em; color: #888; }

/* Monospace inline code */
.zs-inline-code-orange { background: #1a1a1a; padding: 2px 6px; border-radius: 3px; font-size: 0.9em; color: var(--zekt-orange); }
.zs-mini-code-222 { background: #222; padding: 1px 5px; border-radius: 3px; }

/* Text-align left utility */
.zs-text-left { text-align: left; }
.zs-text-left-mb-40 { text-align: left; margin-bottom: 40px; }

/* Input field */
.zs-input-full-095em { width: 100%; padding: 10px 14px; background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; color: var(--zekt-white); font-size: 0.95em; box-sizing: border-box; }

/* White padded text */
.zs-white-085em-p-8 { color: var(--zekt-white); font-size: 0.85em; padding: 8px; }
.zs-white-085em-tl-1216 { text-align: left; padding: 12px 16px; color: #ffffff; font-weight: 500; font-size: 0.85em; }

/* Centered block */
.zs-center-opacity-block { margin: 0 auto 20px; display: block; opacity: 0.5; }
.zs-gray-light-m-0-max400 { color: var(--zekt-gray-light); margin: 0; max-width: 400px; }
.zs-white-m-0-max400 { color: var(--zekt-white); margin: 0; max-width: 400px; }
.zs-m-0-09em-gray-light { margin: 0; font-size: 0.9em; color: var(--zekt-gray-light); }
.zs-m-0-09em-white { margin: 0; font-size: 0.9em; color: var(--zekt-white); }
.zs-center-p-20-0-10 { text-align: center; padding: 20px 0 10px 0; }
.zs-p-40-gray-zekt { text-align: center; padding: 40px; color: var(--zekt-gray); }

/* Green link/text */
.zs-green-09em-link { color: var(--zekt-green); font-size: 0.9em; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; }
.zs-green-09em-mono-link { color: var(--zekt-green); font-size: 0.9em; font-family: monospace; word-break: break-all; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; }
.zs-white-09em-mono-break { color: var(--zekt-white); font-size: 0.9em; font-family: monospace; word-break: break-all; }
.zs-green-var-fallback { color: var(--zekt-green, #4caf50); }

/* Flex shrink */
.zs-fs-14-flex-shrink-0 { font-size: 14px; flex-shrink: 0; }

/* Min height row */
.zs-flex-min-h-48 { display: flex; align-items: center; min-height: 48px; }
.zs-m-0-lh1-flex-center { margin: 0; line-height: 1; display: flex; align-items: center; }

/* Wide table */
.zs-w-full-min-900 { width: 100%; min-width: 900px; }

/* Badge/tag variants */
.zs-tag-gray-border { background: var(--zekt-gray-border); padding: 2px 6px; border-radius: 4px; font-size: 0.75em; margin-right: 4px; }
.zs-badge-orange-inline-flex { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: 4px; font-size: 0.8em; font-weight: 500; color: var(--zekt-orange); background: rgba(255,152,0,0.12); border: 1px solid var(--zekt-orange); }
.zs-orange-082em-p-610 { font-size: 0.82em; color: var(--zekt-orange); padding: 6px 10px; background: rgba(255,152,0,0.08); border-radius: 4px; }

/* Justify center only */
.zs-justify-center { justify-content: center; }

/* Button reset green */
.zs-btn-green-link { background: none; border: none; color: var(--zekt-green); font-size: 0.82em; cursor: pointer; text-decoration: underline; padding: 0; }

/* Selection card */
.zs-selection-card { display: flex; align-items: flex-start; gap: 12px; padding: 12px; border: 2px solid var(--zekt-gray-border); border-radius: 6px; cursor: pointer; transition: all 0.2s; }

/* White text + lh */
.zs-white-09em-lh16-mb-16 { color: var(--zekt-white); font-size: 0.9em; line-height: 1.6; margin: 0 0 16px 0; }

/* Subtle white card */
.zs-card-white-subtle { background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%); padding: 16px; border-radius: 10px; margin: 0 0 16px 0; text-align: left; border: 1px solid rgba(255, 255, 255, 0.08); }
.zs-white-05-075em-upper-ls1 { color: rgba(255, 255, 255, 0.5); font-size: 0.75em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; font-weight: 600; }
.zs-white-08-085em-lh16 { margin: 0; color: rgba(255, 255, 255, 0.8); font-size: 0.85em; line-height: 1.6; }
.zs-white-08-08em-lh18-pl20 { margin: 0; padding-left: 20px; color: rgba(255, 255, 255, 0.8); font-size: 0.8em; line-height: 1.8; }
.zs-rgba-white-05 { color: rgba(255,255,255,0.5); }

/* Flex:1 only */
.zs-flex-1-only { flex: 1; }

/* margin-bottom 18px */
.zs-mb-18-nospace { margin-bottom: 18px; }

/* margin 0 0 0 24px */
.zs-ml-24-nospace { margin: 0 0 0 24px; }

/* line-height:1;margin:0 */
.zs-lh1-m0-nospace { line-height: 1; margin: 0; }

/* ==========================================================================
   Batch 11 — top-100 audit patterns round 9
   ========================================================================== */

/* Red var fallback */
.zs-red-var-fallback { color: var(--zekt-red, #ff4444); }
.zs-color-error { color: var(--color-error); }
.zs-red-ef4444 { color: #ef4444; }
.zs-red-ef4444-fs-48 { font-size: 48px; color: #ef4444; }

/* Gray display combos */
.zs-ccc-block-mb-10 { display: block; margin-bottom: 10px; color: #ccc; }
.zs-gray-666-block-mt-5 { color: #666; display: block; margin-top: 5px; }
.zs-gray-666-italic-m0 { color: #666; font-style: italic; margin: 0; }
.zs-gray-888-m-4008-08em { color: #888; margin: 4px 0 0 0; font-size: 0.8em; }

/* White section header */
.zs-fff-border-bottom-333-mt35 { color: #fff; border-bottom: 1px solid #333; padding-bottom: 10px; margin-top: 35px; }
.zs-fw-600-white { font-weight: 600; color: #fff; }
.zs-fff-fw-600-088em { color: #fff; font-weight: 600; font-size: 0.88em; }

/* ff9900 no-space combos */
.zs-fs-16-ff9900-nospace { font-size: 16px; color: #ff9900; }
.zs-ff9900-fs-20-nospace { color: #ff9900; font-size: 20px; }
.zs-ff9900-m0-1rem-nospace { color: #ff9900; margin: 0; font-size: 1rem; }
.zs-ff9900-fw-600-09em-nospace { color: #ff9900; font-weight: 600; font-size: 0.9em; }

/* Modal container (orange border) */
.zs-modal-ff9900 { background: #1a1a1a; border: 1px solid #ff9900; border-radius: 10px; padding: 24px; width: 560px; max-width: 95vw; max-height: 85vh; display: flex; flex-direction: column; }

/* Close button variants */
.zs-btn-close-666-18 { margin-left: auto; background: transparent; border: none; color: #666; cursor: pointer; font-size: 18px; }
.zs-btn-close-666-13 { margin-left: auto; background: transparent; border: none; color: #666; cursor: pointer; font-size: 13px; }

/* Position/search combos */
.zs-pos-relative-mb-12 { position: relative; margin-bottom: 12px; }
.zs-search-icon-abs { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; color: #666; font-size: 18px; pointer-events: none; }

/* Search input */
.zs-search-input-111 { width: 100%; padding: 9px 10px 9px 36px; background: #111; border: 1px solid #333; color: #fff; border-radius: 6px; box-sizing: border-box; font-size: 0.88em; outline: none; }

/* Overflow scroll */
.zs-overflow-y-auto-flex-1 { overflow-y: auto; flex: 1; min-height: 200px; max-height: 340px; }

/* Alert ff9900 hidden */
.zs-hidden-alert-ff9900 { display: none; margin-top: 12px; padding: 12px; background: #111; border: 1px solid #ff9900; border-radius: 6px; }

/* Label/meta text */
.zs-gray-888-078em-mb6-nospace { color: #888; font-size: 0.78em; margin: 0 0 6px 0; }
.zs-gray-888-082em-block-mb4-nospace { color: #888; font-size: 0.82em; display: block; margin-bottom: 4px; }
.zs-gray-555-078em-ml6-nospace { color: #555; font-size: 0.78em; margin-left: 6px; }
.zs-gray-555-077em-nospace { color: #555; font-size: 0.77em; }

/* Input dark small */
.zs-input-111-085em { width: 100%; padding: 8px; background: #111; border: 1px solid #333; color: #fff; border-radius: 4px; box-sizing: border-box; font-size: 0.85em; }

/* Action row */
.zs-flex-end-8-mt-14-nospace { display: flex; gap: 8px; justify-content: flex-end; margin-top: 14px; }

/* Button variants */
.zs-btn-cancel-888 { background: transparent; color: #888; border: 1px solid #444; padding: 8px 16px; border-radius: 4px; cursor: pointer; }
.zs-btn-disabled-555 { background: #555; color: #888; border: none; padding: 8px 18px; border-radius: 4px; cursor: not-allowed; font-weight: bold; font-size: 0.88em; transition: all 0.2s; }

/* Flex gap 10 */
.zs-flex-gap-10-nospace { display: flex; align-items: center; gap: 10px; }

/* Icon circle orange */
.zs-icon-circle-36-orange04 { width: 36px; height: 36px; border-color: rgba(255,153,0,0.4); }
.zs-icon-circle-40-orange02 { width: 40px; height: 40px; flex-shrink: 0; border-color: rgba(255,153,0,0.2); }

/* Row item dark */
.zs-row-dark-111-cursor { display: flex; align-items: center; gap: 10px; padding: 10px; margin-bottom: 4px; background: #111; border: 1px solid #2a2a2a; border-radius: 6px; cursor: pointer; transition: border-color 0.15s; }

/* Dark text grays */
.zs-gray-444-fs-18-shrink0-nospace { color: #444; font-size: 18px; flex-shrink: 0; }
.zs-gray-555-p20-center-nospace { color: #555; padding: 20px; text-align: center; }
.zs-red-ff4444-p20-center-nospace { color: #ff4444; padding: 20px; text-align: center; }
.zs-mb-0-nospace { margin-bottom: 0; }
.zs-m-0-only { margin: 0; }

/* Tab button */
.zs-tab-btn { padding: 12px 20px; background: none; border: none; border-bottom: 2px solid transparent; color: var(--zekt-white); cursor: pointer; font-weight: 500; }

/* White display block */
.zs-white-block-mt-6 { color: var(--zekt-white); display: block; margin-top: 6px; }
.zs-white-m-0-lh16 { color: var(--zekt-white); margin: 0; line-height: 1.6; }
.zs-white-m-16-0-0-pt-16-border-green { color: var(--zekt-white); margin: 16px 0 0 0; padding-top: 16px; border-top: 1px solid rgba(0, 255, 136, 0.2); }
.zs-white-m-0-mb-8 { margin: 0 0 8px; color: var(--zekt-white); }
.zs-white-m-16-0-8 { margin: 16px 0 8px; color: var(--zekt-white); }
.zs-white-m-0-0-20 { margin: 0 0 20px; color: var(--zekt-gray-light); }

/* Green alert top */
.zs-alert-green-mt-16-r4 { margin-top: 16px; padding: 12px; background: rgba(0, 255, 136, 0.1); border-radius: 4px; }

/* Icon 16px with margin */
.zs-icon-16-mr4 { width: 16px; height: 16px; margin-right: 4px; }

/* Small white opacity */
.zs-white-05-fs-11-mt4 { font-size: 11px; color: rgba(255,255,255,0.5); margin-top: 4px; }

/* Spinner auto */
.zs-spinner-auto-40 { margin: 0 auto 20px; width: 40px; height: 40px; border: 3px solid var(--zekt-gray); border-top-color: var(--zekt-green); border-radius: 50%; animation: spin 1s linear infinite; }

/* Single occurrence patterns */
.zs-fs-64-red-ff4444-mb20 { font-size: 64px; color: #ff4444; margin-bottom: 20px; }
.zs-white-mb-12 { color: #ffffff; margin-bottom: 12px; }
.zs-b3b3b3-mb-24 { color: #b3b3b3; margin-bottom: 24px; }
.zs-gray-808080-fs14-mb32 { color: #808080; font-size: 14px; margin-bottom: 32px; }
.zs-input-flex-1-min200 { flex: 1; min-width: 200px; padding: 10px; background: var(--zekt-black); border: 1px solid var(--zekt-gray-border); border-radius: 6px; color: var(--zekt-white); }
.zs-center-p-60-20-gray-light { text-align: center; padding: 60px 20px; color: var(--zekt-gray-light); }
.zs-fs-48-mb-16 { font-size: 48px; margin-bottom: 16px; }
.zs-th-green-upper-w180 { padding: 12px; text-align: left; font-size: 12px; color: var(--zekt-green); text-transform: uppercase; width: 180px; }
.zs-th-green-upper-w200 { padding: 12px; text-align: left; font-size: 12px; color: var(--zekt-green); text-transform: uppercase; width: 200px; }
.zs-th-green-upper-w80 { padding: 12px; text-align: center; font-size: 12px; color: var(--zekt-green); text-transform: uppercase; width: 80px; }
.zs-fs-16-white { font-size: 16px; color: white; }
.zs-flex-between-mt24-p16-gray { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; padding: 16px; background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; }
.zs-code-block-dark { background: rgba(0, 0, 0, 0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; padding: 16px; overflow-x: auto; }
.zs-code-text-12 { margin: 0; font-size: 12px; color: var(--zekt-white); font-family: var(--font-family-mono); white-space: pre-wrap; word-break: break-word; }
.zs-card-white-subtle-cursor { background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%); border: 1px solid var(--zekt-gray-border); border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s ease; position: relative; overflow: hidden; }
.zs-fs-15-white-m0 { margin: 0; font-size: 15px; color: var(--zekt-white); }
.zs-fs-12-gray-light-lh14 { margin: 0; font-size: 12px; color: var(--zekt-gray-light); line-height: 1.4; }
.zs-pos-abs-top16-right16 { position: absolute; top: 16px; right: 16px; }
.zs-fs-18-gray-light-opacity05 { font-size: 18px; color: var(--zekt-gray-light); opacity: 0.5; }
.zs-modal-flex-col-900-90vh { max-width: 900px; max-height: 90vh; display: flex; flex-direction: column; }
.zs-flex-1-overflow-75vh { flex: 1; overflow-y: auto; max-height: 75vh; }
.zs-p-24-center-red { padding: 24px; text-align: center; color: var(--zekt-red); }
.zs-p-24-center { padding: 24px; text-align: center; }
.zs-grid-1fr-1fr-auto { display: grid; grid-template-columns: 1fr 1fr auto; gap: 16px; margin-bottom: 16px; }
.zs-p-10-24-h42 { padding: 10px 24px; height: 42px; }
.zs-hidden-mt24-p20-code-block { display: none; margin-top: 24px; padding: 20px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; }
.zs-hidden-mt24-center-p40 { display: none; margin-top: 24px; text-align: center; padding: 40px; }
.zs-m-0-auto-mb-16 { margin: 0 auto 16px; }
.zs-grid-1fr-auto { display: grid; grid-template-columns: 1fr auto; gap: 16px; }
.zs-p-10-24-h42-orange { padding: 10px 24px; height: 42px; background: #ff9800; border-color: #ff9800; }
.zs-hidden-mt16-p16-r4 { display: none; margin-top: 16px; padding: 16px; border-radius: 4px; }
.zs-fs-12-green-mt4 { font-size: 12px; color: var(--zekt-green); margin-top: 4px; }
.zs-fs-32-fw700-yellow { font-size: 32px; font-weight: 700; color: var(--zekt-yellow); }
.zs-fs-32-fw700-purple { font-size: 32px; font-weight: 700; color: #9c27b0; }
.zs-fs-12-purple-mt4 { font-size: 12px; color: #9c27b0; margin-top: 4px; }
.zs-flex-nowrap-8 { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.zs-alert-yellow-mb20 { background: rgba(255, 170, 0, 0.1); border: 1px solid var(--zekt-yellow); border-radius: 6px; padding: 20px; margin-bottom: 20px; }
.zs-bg-030-flex-between-mb12 { background: rgba(0,0,0,0.3); border-radius: 6px; padding: 16px; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; }
.zs-bg-white-002-r6-p16 { background: rgba(255,255,255,0.02); border-radius: 6px; padding: 16px; }
.zs-row-border-bottom-flex-between { padding: 8px 0; border-bottom: 1px solid var(--zekt-gray-border); display: flex; justify-content: space-between; align-items: center; }
.zs-fs-12-yellow { font-size: 12px; color: var(--zekt-yellow); }
.zs-f0a030-p16-center { color: #f0a030; padding: 16px; text-align: center; }
.zs-mb-16-fs-14 { margin-bottom: 16px; font-size: 14px; }
.zs-p-8-mb4-bg-white-002-r4 { padding: 8px; margin-bottom: 4px; background: rgba(255,255,255,0.02); border-radius: 4px; }
.zs-yellow-p8 { color: var(--zekt-yellow); padding: 8px; }
.zs-pt16-border-top-yellow-fs14 { padding-top: 16px; border-top: 1px solid var(--zekt-gray-border); font-size: 14px; color: var(--zekt-yellow); }
.zs-red-fs14-mb12-fw600 { color: var(--zekt-red); font-size: 14px; margin-bottom: 12px; font-weight: 600; }
.zs-yellow-fs14-mb12-fw600 { color: var(--zekt-yellow); font-size: 14px; margin-bottom: 12px; font-weight: 600; }
.zs-flex-between-align-start { display: flex; justify-content: space-between; align-items: start; }

/* ==========================================================================
   Batch 12 — top-100 audit patterns round 10 (all unique)
   ========================================================================== */

/* Basic combos */
.zs-fw-500-mb-8 { font-weight: 500; margin-bottom: 8px; }
.zs-ml-16-nowrap { margin-left: 16px; white-space: nowrap; }

/* Grid auto-fit patterns */
.zs-grid-auto-fit-220 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.zs-grid-2fr-1fr-1fr { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.zs-grid-1fr-1fr-auto-mb24 { display: grid; grid-template-columns: 1fr 1fr auto; gap: 16px; margin-bottom: 24px; }
.zs-grid-150px-1fr { display: grid; grid-template-columns: 150px 1fr; gap: 12px; font-size: 14px; }
.zs-grid-auto-fit-180-mb20 { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 20px; }
.zs-grid-auto-fit-180-mb20-p16 { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 20px; padding: 16px; background: rgba(0,0,0,0.25); border-radius: 6px; }
.zs-grid-auto-fit-150 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 20px; }
.zs-grid-auto-fit-120 { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; margin-bottom: 20px; }
.zs-grid-auto-fit-200-p16 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; padding: 16px; background: var(--zekt-gray-dark); border-radius: 0 0 8px 8px; margin-bottom: 16px; }

/* Green highlight card */
.zs-card-green-highlight { background: linear-gradient(135deg, rgba(0, 255, 136, 0.15) 0%, rgba(0, 255, 136, 0.05) 100%); border: 2px solid var(--zekt-green); border-radius: 8px; padding: 24px; margin: 32px 0; }
.zs-fs-18-green { margin: 0; font-size: 18px; color: var(--zekt-green); }
.zs-fs-11-f0a030-mt4 { font-size: 11px; color: #f0a030; margin-top: 4px; }

/* Green action button */
.zs-btn-green-action { padding: 10px 24px; height: 42px; background: var(--zekt-green); border-color: var(--zekt-green); color: var(--zekt-black); }

/* Dark code block */
.zs-dark-code-block-mb16 { background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; padding: 16px; margin-bottom: 16px; }
.zs-dark-code-block-opacity { background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; padding: 16px; opacity: 0.5; }

/* Orange pill badge */
.zs-pill-ffaa00 { font-size: 12px; padding: 4px 12px; border-radius: 12px; background: rgba(255,170,0,0.2); color: #ffaa00; }

/* Hidden alert dark */
.zs-hidden-alert-dark-mt12 { display: none; margin-top: 12px; padding: 12px; background: rgba(0,0,0,0.4); border-radius: 4px; }

/* Stripe / #635bff brand */
.zs-card-stripe { background: linear-gradient(135deg, rgba(99, 91, 255, 0.15) 0%, rgba(99, 91, 255, 0.05) 100%); border: 2px solid #635bff; border-radius: 8px; padding: 24px; margin: 32px 0; }
.zs-fs-18-stripe { margin: 0; font-size: 18px; color: #635bff; }
.zs-flex-gap-24-mb20 { display: flex; gap: 24px; margin-bottom: 20px; }
.zs-btn-stripe { padding: 10px 24px; height: 42px; background: #635bff; border-color: #635bff; color: white; }
.zs-btn-stripe-outline { padding: 10px 24px; height: 42px; background: transparent; border: 1px solid #635bff; color: #635bff; }
.zs-btn-red-outline-hidden { padding: 10px 24px; height: 42px; background: transparent; border: 1px solid #ff4444; color: #ff4444; display: none; }
.zs-hidden-mt16-p16-dark { display: none; margin-top: 16px; padding: 16px; background: rgba(0,0,0,0.3); border-radius: 6px; }
.zs-fs-13-stripe { font-size: 13px; color: #635bff; }

/* Progress bar stripe */
.zs-progress-track-stripe { height: 8px; background: rgba(99,91,255,0.2); border-radius: 4px; overflow: hidden; }
.zs-progress-fill-stripe { height: 100%; width: 0%; background: #635bff; border-radius: 4px; transition: width 0.3s ease; }

/* Flex col gap 4 */
.zs-flex-col-gap-4 { display: flex; flex-direction: column; gap: 4px; }

/* Row item dark compact */
.zs-row-dark-p1012 { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 4px; }
.zs-fs-18-min-w-24-center { font-size: 18px; min-width: 24px; text-align: center; }
.zs-fs-13-white-flex-1 { font-size: 13px; color: var(--zekt-white); flex: 1; }

/* 4caf50 green card */
.zs-card-4caf50 { background: rgba(76, 175, 80, 0.05); border: 1px solid rgba(76, 175, 80, 0.3); border-radius: 8px; padding: 20px; margin-top: 32px; }
.zs-fs-18-4caf50 { margin: 0; font-size: 18px; color: #4caf50; }

/* Mono input */
.zs-input-mono-dark { width: 100%; padding: 6px 8px; background: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: var(--zekt-white); font-family: monospace; }

/* Grid column full */
.zs-grid-col-full { grid-column: 1 / -1; }
.zs-grid-col-full-flex-end { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; }

/* Button padding only */
.zs-p-8-14 { padding: 8px 14px; }
.zs-btn-4caf50 { padding: 8px 14px; background: #4caf50; color: white; border: 0; border-radius: 4px; cursor: pointer; font-weight: 600; }

/* Paragraph 14px white */
.zs-m-0-fs-14-white { margin: 0; font-size: 14px; color: var(--zekt-white); }

/* Dark bg rounded */
.zs-dark-025-r6-p12-mh60 { background: rgba(0,0,0,0.25); border-radius: 6px; padding: 12px; min-height: 60px; }

/* Table cell variants */
.zs-td-gray-light-fs13-p8 { color: var(--zekt-gray-light); font-size: 13px; padding: 8px; }
.zs-td-border-gray-light { border-bottom: 1px solid rgba(255,255,255,0.1); color: var(--zekt-gray-light); }
.zs-td-border-subtle { border-bottom: 1px solid rgba(255,255,255,0.05); }
.zs-td-4caf50-right { padding: 8px; text-align: right; color: #4caf50; font-weight: 600; }
.zs-td-gray-light-p8 { padding: 8px; color: var(--zekt-gray-light); }
.zs-td-right-p8 { padding: 8px; text-align: right; }

/* Delete button */
.zs-btn-delete-red { padding: 4px 10px; font-size: 12px; background: rgba(244, 67, 54, 0.15); color: #f44336; border: 1px solid rgba(244, 67, 54, 0.4); border-radius: 4px; cursor: pointer; }
.zs-fs-13-red-f44336-p8 { color: #f44336; font-size: 13px; padding: 8px; }

/* Red center text */
.zs-red-center-p20 { color: var(--zekt-red); text-align: center; padding: 20px; }

/* Icon block */
.zs-fs-48-block-mb12 { font-size: 48px; display: block; margin-bottom: 12px; }
.zs-fs-48-opacity03-green { font-size: 48px; opacity: 0.3; color: var(--zekt-green); }

/* Flex variants */
.zs-flex-between-start-mb24 { display: flex; justify-content: space-between; align-items: start; margin-bottom: 24px; }
.zs-mb-8-flex-8 { margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.zs-m-0-flex-8 { margin: 0; display: flex; align-items: center; gap: 8px; }
.zs-flex-gap-16-flex-end { display: flex; gap: 16px; align-items: flex-end; flex-wrap: wrap; }
.zs-flex-gap-12-pt20-border-top { display: flex; gap: 12px; padding-top: 20px; border-top: 1px solid var(--zekt-gray-border); }

/* Green alert border */
.zs-alert-green-border-p16 { background: rgba(0, 255, 136, 0.1); border: 1px solid var(--zekt-green); border-radius: 6px; padding: 16px; }
.zs-alert-green-p20 { background: rgba(0,255,136,0.05); border: 1px solid var(--zekt-green); border-radius: 8px; padding: 20px; }
.zs-alert-green-p20-stronger { background: rgba(0,255,136,0.1); border: 1px solid var(--zekt-green); border-radius: 8px; padding: 20px; }
.zs-green-pill-mono { font-family: monospace; background: rgba(0,255,136,0.1); padding: 2px 8px; border-radius: 4px; font-size: 11px; }
.zs-green-link { color: var(--zekt-green); text-decoration: none; }
.zs-badge-green-pill { background: var(--zekt-green); color: white; padding: 4px 8px; border-radius: 4px; font-size: 11px; }

/* Green/ef4444 heading */
.zs-m-0-0-8-green-fw600 { margin: 0 0 8px 0; color: var(--zekt-green); font-weight: 600; }
.zs-ef4444-fs-24 { color: #ef4444; font-size: 24px; }
.zs-m-0-0-8-ef4444-fw600 { margin: 0 0 8px 0; color: #ef4444; font-weight: 600; }

/* Opacity fade */
.zs-fs-13-mt8-opacity07 { font-size: 13px; margin-top: 8px; opacity: 0.7; }

/* Max-width only */
.zs-max-w-700 { max-width: 700px; }

/* Code viewer */
.zs-code-black-p16-r6 { background: var(--zekt-black); padding: 16px; border-radius: 6px; overflow-x: auto; font-size: 12px; max-height: 300px; }
.zs-hidden-mb-24 { display: none; margin-bottom: 24px; }

/* Large stat */
.zs-fs-24-fw700-red { font-size: 24px; font-weight: 700; color: var(--zekt-red); }
.zs-fs-24-fw700-blue { font-size: 24px; font-weight: 700; color: var(--zekt-blue); }

/* Button small */
.zs-p-13-p816 { font-size: 13px; padding: 8px 16px; }

/* Yellow highlight card */
.zs-card-yellow-highlight { background: linear-gradient(135deg, rgba(255, 170, 0, 0.15) 0%, rgba(255, 170, 0, 0.05) 100%); border: 2px solid var(--zekt-yellow); border-radius: 8px; padding: 24px; margin-bottom: 32px; }
.zs-hr-border-top-gray { border: none; border-top: 1px solid var(--zekt-gray-border); margin: 24px 0; }
.zs-fs-20-yellow { font-size: 20px; color: var(--zekt-yellow); }

/* Select/input gray-dark */
.zs-select-gray-dark { padding: 10px 16px; border-radius: 6px; border: 1px solid var(--zekt-gray-border); background: var(--zekt-gray-dark); color: white; min-width: 180px; }

/* Dark bg rounded alt */
.zs-dark-030-r8-p20 { background: rgba(0,0,0,0.3); border-radius: 8px; padding: 20px; }

/* Auto-fit grid no bg */
.zs-grid-auto-fit-180-mb20-nobg { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 20px; }

/* Yellow/white stat card */
.zs-stat-yellow-center { background: rgba(255,170,0,0.1); border: 1px solid var(--zekt-yellow); border-radius: 6px; padding: 12px; text-align: center; }
.zs-stat-white-center { background: rgba(255,255,255,0.05); border: 1px solid var(--zekt-gray-border); border-radius: 6px; padding: 12px; text-align: center; }
.zs-green-center-r6-020 { background: rgba(0,255,136,0.2); border-radius: 6px; padding: 12px; text-align: center; }

/* Code block variants */
.zs-code-030-r4-mh100 { background: rgba(0,0,0,0.3); border-radius: 4px; padding: 12px; font-family: monospace; font-size: 12px; max-height: 100px; overflow-y: auto; }
.zs-code-030-r4 { background: rgba(0,0,0,0.3); border-radius: 4px; padding: 12px; font-family: monospace; font-size: 12px; }
.zs-code-050-r4-mh300 { background: rgba(0,0,0,0.5); border-radius: 4px; padding: 12px; font-size: 11px; max-height: 300px; overflow: auto; margin-top: 8px; }

/* Copy/misc link */
.zs-cursor-pointer-fs12-gray-light { cursor: pointer; font-size: 12px; color: var(--zekt-gray-light); }

/* Yellow text */
.zs-yellow-center { color: var(--zekt-yellow); text-align: center; }
.zs-yellow-mt-12 { margin-top: 12px; color: var(--zekt-yellow); }

/* Small padding */
.zs-p8-fs11 { padding: 8px; font-size: 11px; }
.zs-mt16-fs12-gray-light { margin-top: 16px; font-size: 12px; color: var(--zekt-gray-light); }

/* Truncate cell */
.zs-td-trunc-200 { padding: 12px; font-size: 12px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
.zs-td-trunc-300 { padding: 12px; font-size: 12px; max-width: 300px; overflow: hidden; text-overflow: ellipsis; }
.zs-td-mono-trunc-200 { padding: 12px; font-family: monospace; font-size: 10px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
.zs-td-mono { padding: 12px; font-family: monospace; }

/* Red/yellow flex alert */
.zs-m-0-0-16-red-flex-8 { margin: 0 0 16px 0; color: var(--zekt-red); display: flex; align-items: center; gap: 8px; }
.zs-m-0-0-16-yellow-flex-8 { margin: 0 0 16px 0; color: var(--zekt-yellow); display: flex; align-items: center; gap: 8px; }

/* Gray-light small text */
.zs-fs-13-gray-light-mb-16 { font-size: 13px; color: var(--zekt-gray-light); margin: 0 0 16px 0; }

/* Orange panel */
.zs-p16-orange-r8-white { padding: 16px; background: var(--zekt-orange); border-radius: 8px; color: white; }

/* Heading with top margin */
.zs-m-24-0-12-red { margin: 24px 0 12px 0; color: var(--zekt-red); }
.zs-m-24-0-12-orange { margin: 24px 0 12px 0; color: var(--zekt-orange); }

/* ==========================================================================
   Batch 13 — top-100 audit patterns round 11
   ========================================================================== */

/* Gradient alert panels */
.zs-p20-red-orange-gradient { padding: 20px; background: linear-gradient(135deg, var(--zekt-red), var(--zekt-orange)); border-radius: 8px; color: white; }
.zs-p20-yellow-panel { padding: 20px; background: var(--zekt-yellow); border-radius: 8px; color: white; }
.zs-p20-orange-panel { padding: 20px; background: var(--zekt-orange); border-radius: 8px; color: white; }

/* Table cell right red */
.zs-td-right-fw600-red { padding: 12px; text-align: right; font-weight: 600; color: var(--zekt-red); }
.zs-center-gray-light-p24 { text-align: center; color: var(--zekt-gray-light); padding: 24px; }

/* Font combos */
.zs-fs-16-fw500 { font-size: 16px; font-weight: 500; }
.zs-gray-light-fs-11 { color: var(--zekt-gray-light); font-size: 11px; }
.zs-green-fw600-fs14 { color: var(--zekt-green); font-weight: 600; font-size: 14px; }

/* Button flex green */
.zs-btn-flex-1-green { flex: 1; padding: 12px; background: var(--zekt-green); border-color: var(--zekt-green); color: var(--zekt-black); font-weight: 600; }
.zs-p-12-24-white { padding: 12px 24px; color: white; }

/* Inline link stripe */
.zs-inline-link-stripe { display: inline-block; padding: 10px 24px; background: #635bff; border-color: #635bff; color: white; text-decoration: none; }

/* Icon middle small */
.zs-vertical-middle-fs16-ml4 { vertical-align: middle; font-size: 16px; margin-left: 4px; }

/* Error inline alert */
.zs-error-pill-mt12 { margin-top: 12px; padding: 8px 12px; background: rgba(255,68,68,0.1); border-radius: 4px; font-size: 12px; color: #ff4444; }

/* Info row */
.zs-info-row-dark { display: flex; align-items: center; gap: 16px; padding: 8px 12px; background: rgba(0,0,0,0.2); border-radius: 4px; font-size: 12px; }
.zs-min-w-24-gray-light { min-width: 24px; color: var(--zekt-gray-light); }
.zs-bg-dark-r4-p412 { margin-bottom: 8px; background: rgba(0,0,0,0.2); border-radius: 4px; padding: 4px 12px; }

/* Nav/menu item */
.zs-nav-item { padding: 10px 0; cursor: pointer; font-size: 13px; color: var(--zekt-white); }

/* Sub-grid info */
.zs-grid-160px-1fr-6 { padding: 8px 0 12px 0; font-size: 12px; display: grid; grid-template-columns: 160px 1fr; gap: 6px; }

/* Flex wrap 12 mb28 */
.zs-flex-wrap-12-mb28 { display: flex; gap: 12px; margin-bottom: 28px; flex-wrap: wrap; }

/* Card gray flex-1 */
.zs-card-gray-flex-1-min140 { flex: 1; min-width: 140px; background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 20px; }

/* Red alert card */
.zs-alert-red-card-mb28 { background: rgba(255,68,68,0.1); border: 1px solid #ff4444; border-radius: 8px; padding: 20px; margin-bottom: 28px; }
.zs-red-ff4444-fs22-mt1 { color: #ff4444; font-size: 22px; margin-top: 1px; }
.zs-gray-light-fs13-mt6 { font-size: 13px; color: var(--zekt-gray-light); margin-top: 6px; }
.zs-flex-col-gap-6-mt12 { margin-top: 12px; display: flex; flex-direction: column; gap: 6px; }
.zs-flex-8-fs13-red-bg { display: flex; align-items: center; gap: 8px; font-size: 13px; background: rgba(255,68,68,0.06); border-radius: 4px; padding: 8px 12px; }
.zs-red-ff4444-fs16 { font-size: 16px; color: #ff4444; }

/* White flex-1 */
.zs-white-flex-1 { color: white; flex: 1; }

/* Orange tiny badge */
.zs-badge-orange-tiny { color: #ff9800; font-size: 11px; background: rgba(255,152,0,0.15); border: 1px solid #ff9800; border-radius: 4px; padding: 2px 8px; }

/* Card gray center p40 */
.zs-card-gray-p40-center { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 40px; text-align: center; }
.zs-fs-48-gray-light { font-size: 48px; color: var(--zekt-gray-light); }

/* Header row with border */
.zs-header-flex-between-p2024 { padding: 20px 24px; border-bottom: 1px solid var(--zekt-gray-border); display: flex; justify-content: space-between; align-items: center; }

/* Table headers */
.zs-th-white-004 { background: rgba(255,255,255,0.04); }
.zs-th-left-gray-light-fw500 { padding: 12px 24px; text-align: left; color: var(--zekt-gray-light); font-weight: 500; }
.zs-th-right-gray-light-fw500 { padding: 12px 16px; text-align: right; color: var(--zekt-gray-light); font-weight: 500; }

/* Red/green tiny badge */
.zs-badge-red-tiny { background: rgba(255,68,68,0.2); color: #ff4444; border: 1px solid #ff4444; border-radius: 4px; padding: 2px 8px; font-size: 11px; }
.zs-badge-green-tiny { background: rgba(0,255,136,0.15); color: #00ff88; border: 1px solid #00ff88; border-radius: 4px; padding: 2px 8px; font-size: 11px; }

/* Padding only */
.zs-p-14-24 { padding: 14px 24px; }

/* Orange tiny inline */
.zs-orange-mr6-fs11 { color: #ff9800; margin-right: 6px; font-size: 11px; }

/* Mono cell */
.zs-td-mono-gray-light-fs11 { padding: 14px 16px; color: var(--zekt-gray-light); font-family: monospace; font-size: 11px; }

/* Summary rows */
.zs-flex-between-p6-border-013 { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.06); font-size: 13px; }
.zs-flex-between-pt10-fw700-fs14 { display: flex; justify-content: space-between; padding: 10px 0 0; font-weight: 700; font-size: 14px; }

/* Info card dark */
.zs-info-card-white004-mb10 { background: rgba(255,255,255,0.04); border-radius: 6px; padding: 14px; margin-bottom: 10px; }
.zs-info-card-white004 { background: rgba(255,255,255,0.04); border-radius: 6px; padding: 14px; }

/* Label uppercase small */
.zs-label-gray-light-upper-08 { font-size: 11px; color: var(--zekt-gray-light); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
.zs-fs-12-flex-col-gap4 { font-size: 12px; display: flex; flex-direction: column; gap: 4px; }

/* Red dashed error card */
.zs-error-card-dashed-mb10 { background: rgba(255,68,68,0.08); border: 1px dashed #ff4444; border-radius: 6px; padding: 14px; margin-bottom: 10px; color: #ff4444; font-size: 13px; }

/* Modal dark 600px */
.zs-modal-dark-600 { background: #1a1a1a; border: 1px solid var(--zekt-gray-border); border-radius: 12px; padding: 28px; width: 600px; max-width: 95vw; max-height: 90vh; overflow-y: auto; }

/* Flex between flex-start mb20 */
.zs-flex-between-flex-start-mb20 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }

/* ff9800 tiny */
.zs-fs-11-ff9800-mb4 { font-size: 11px; color: #ff9800; margin-bottom: 4px; }

/* Paragraph fs16 */
.zs-m-0-fs-16 { margin: 0; font-size: 16px; }

/* Red/green small alert */
.zs-alert-red-inline { background: rgba(255,68,68,0.1); border: 1px solid #ff4444; border-radius: 6px; padding: 12px; color: #ff4444; font-size: 13px; }
.zs-alert-green-inline { background: rgba(0,255,136,0.1); border: 1px solid #00ff88; border-radius: 6px; padding: 12px; color: #00ff88; font-size: 13px; }

/* Section header gray-light upper */
.zs-section-header-gray-upper { margin: 0 0 10px; font-size: 13px; color: var(--zekt-gray-light); text-transform: uppercase; }
.zs-section-header-gray-upper-mt20 { margin: 20px 0 10px; font-size: 13px; color: var(--zekt-gray-light); text-transform: uppercase; }

/* Green soft highlight */
.zs-card-green-soft-mb32 { background: linear-gradient(135deg, rgba(0, 255, 136, 0.1) 0%, rgba(0, 255, 136, 0.05) 100%); border: 1px solid rgba(0, 255, 136, 0.3); border-radius: 8px; padding: 20px; margin-bottom: 32px; }

/* Grid auto-fit 200 p16 dark */
.zs-grid-auto-200-p16-dark { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; padding: 16px; background: rgba(0,0,0,0.2); border-radius: 6px; }

/* Textarea inputs */
.zs-textarea-dark-13 { width: 100%; min-height: 140px; padding: 12px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; color: var(--zekt-white); font-size: 13px; }
.zs-input-dark-14 { width: 100%; padding: 12px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; color: var(--zekt-white); font-size: 14px; }
.zs-textarea-dark-primary-13 { width: 100%; padding: 12px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; color: var(--zekt-white); font-family: var(--font-family-primary); font-size: 13px; line-height: 1.6; resize: vertical; }
.zs-input-dark-13 { width: 100%; padding: 12px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; color: var(--zekt-white); font-size: 13px; }

/* Grid 3 cols */
.zs-grid-3-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }

/* Accent color */
.zs-accent-green { accent-color: var(--zekt-green); }
.zs-accent-yellow { accent-color: var(--zekt-yellow); }
.zs-accent-red { accent-color: #ff4444; }

/* Flex gap 12 pt12 border-top */
.zs-flex-gap-12-pt12-border-top { display: flex; gap: 12px; padding-top: 12px; border-top: 1px solid var(--zekt-gray-border); }

/* Flex 8 white */
.zs-flex-8-white { display: flex; align-items: center; gap: 8px; color: var(--zekt-white); }
.zs-fs-18-white { font-size: 18px; color: var(--zekt-white); }

/* Yellow highlight soft mb32 */
.zs-card-yellow-soft-mb32 { background: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 193, 7, 0.05) 100%); border: 1px solid rgba(255, 193, 7, 0.3); border-radius: 8px; padding: 20px; margin-bottom: 32px; }

/* Grid auto 240 */
.zs-grid-auto-fit-240 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }

/* Selection card cursor */
.zs-selection-card-dark { display: flex; align-items: center; gap: 10px; padding: 14px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; text-align: left; cursor: pointer; transition: all 0.2s; }

/* Hidden red button */
.zs-btn-red-outline-sm-hidden { font-size: 13px; padding: 6px 14px; display: none; background: rgba(255,68,68,0.1); border-color: #ff4444; color: #ff4444; }

/* Border bottom strong */
.zs-border-bottom-2-gray { border-bottom: 2px solid var(--zekt-gray-border); }

/* Table cell center w40 */
.zs-td-center-w40 { padding: 12px; text-align: center; width: 40px; }

/* Icon opacity block */
.zs-fs-48-opacity03-block-mb12 { font-size: 48px; opacity: 0.3; display: block; margin-bottom: 12px; }

/* Dark border card */
.zs-card-dark-border-p16 { padding: 16px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; }

/* Text combos */
.zs-fs-13-fw500-white { font-size: 13px; font-weight: 500; color: var(--zekt-white); }
.zs-fs-20-fw600-green { font-size: 20px; font-weight: 600; color: var(--zekt-green); }
.zs-fw-600-fs-16-white { font-weight: 600; font-size: 16px; color: var(--zekt-white); }

/* Overlay modal */
.zs-overlay-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000000; z-index: 10000; display: flex; align-items: center; justify-content: center; }
.zs-overlay-modal-000 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 10000; display: flex; align-items: center; justify-content: center; }
.zs-dialog-500 { background: var(--zekt-bg-primary); border: 1px solid var(--zekt-gray-border); border-radius: 12px; max-width: 500px; width: 90%; max-height: 80vh; overflow: auto; box-shadow: 0 8px 32px rgba(0,0,0,0.4); }
.zs-dialog-600 { background: var(--zekt-bg-primary); border: 1px solid var(--zekt-gray-border); border-radius: 12px; max-width: 600px; width: 90%; max-height: 80vh; overflow: auto; box-shadow: 0 8px 32px rgba(0,0,0,0.4); }

/* Body text */
.zs-mt16-pt16-border-top-wrap { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--zekt-gray-border); white-space: pre-wrap; line-height: 1.6; color: var(--zekt-white); }

/* Footer action row */
.zs-footer-row-mt20-pt16 { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--zekt-gray-border); display: flex; gap: 10px; }
.zs-btn-flex-1-green-bg { flex: 1; padding: 10px; background: var(--zekt-green); color: var(--zekt-bg-primary); border: none; border-radius: 6px; cursor: pointer; font-weight: 500; }
.zs-btn-flex-1-white-outline { flex: 1; padding: 10px; background: rgba(255,255,255,0.1); color: var(--zekt-white); border: 1px solid var(--zekt-gray-border); border-radius: 6px; cursor: pointer; font-weight: 500; }

/* Warning box small */
.zs-warn-yellow-mt16 { margin-top: 16px; padding: 12px; background: rgba(255,193,7,0.1); border: 1px solid rgba(255,193,7,0.3); border-radius: 6px; font-size: 12px; color: var(--zekt-white); }

/* Selection card full width */
.zs-selection-card-full { display: flex; align-items: start; gap: 12px; padding: 16px; background: rgba(0,0,0,0.3); border: 1px solid var(--zekt-gray-border); border-radius: 8px; text-align: left; cursor: pointer; transition: all 0.2s; width: 100%; }

/* ==========================================================================
   Batch 14 — top-100 audit patterns round 12
   ========================================================================== */

/* Yellow/white stat headings */
.zs-yellow-fs-28 { color: var(--zekt-yellow); font-size: 28px; }
.zs-fw-600-fs-15-white-mb4 { font-weight: 600; font-size: 15px; color: var(--zekt-white); margin-bottom: 4px; }
.zs-gray-light-fs13-mb6 { font-size: 13px; color: var(--zekt-gray-light); margin-bottom: 6px; }
.zs-gray-light-fs12-opacity08 { font-size: 12px; color: var(--zekt-gray-light); opacity: 0.8; }

/* Flex wrap 16 mb16 */
.zs-flex-wrap-16-mb16 { display: flex; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }
.zs-flex-1-min300 { flex: 1; min-width: 300px; }

/* Search icon absolute */
.zs-search-icon-abs-l12 { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--zekt-gray-light); }
.zs-search-input-pl44 { width: 100%; padding: 10px 10px 10px 44px; background: var(--zekt-black); border: 1px solid var(--zekt-gray-border); border-radius: 6px; color: var(--zekt-white); }

/* Large icon */
.zs-fs-36-green { font-size: 36px; color: var(--zekt-green); }

/* Log entry rows */
.zs-log-row-black { padding: 8px; background: var(--zekt-black); border-radius: 4px; margin-bottom: 8px; }
.zs-log-row-black-red { padding: 8px; background: var(--zekt-black); border-radius: 4px; margin-bottom: 8px; border-left: 3px solid #ff4444; }
.zs-fw-500-red { font-weight: 500; color: #ff4444; }

/* Modal max-w variants */
.zs-max-w-600-80vh { max-width: 600px; max-height: 80vh; overflow-y: auto; }
.zs-max-w-800-85vh { max-width: 800px; max-height: 85vh; overflow-y: auto; }
.zs-max-w-900-90vh { max-width: 900px; max-height: 90vh; overflow-y: auto; }
.zs-max-w-1100-90vh { max-width: 1100px; max-height: 90vh; overflow-y: auto; }
.zs-max-w-1200-90vh { max-width: 1200px; max-height: 90vh; overflow-y: auto; }

/* Grid 3 col 16 */
.zs-grid-3-col-16-mb24 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 24px; }
.zs-grid-3-col-16 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

/* Headings */
.zs-fs-28-fw700-white { font-size: 28px; font-weight: 700; color: var(--zekt-white); }
.zs-mb-12-fs14-white { margin-bottom: 12px; font-size: 14px; color: var(--zekt-white); }
.zs-mt16-mb12-fs14-red { margin-top: 16px; margin-bottom: 12px; font-size: 14px; color: #ff4444; }

/* Green stat grid */
.zs-grid-auto-150-p16-green { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; padding: 16px; background: rgba(0, 255, 136, 0.05); border-radius: 6px; }

/* Left border cards */
.zs-card-left-border-green { background: rgba(255, 255, 255, 0.02); border-left: 3px solid var(--zekt-green); padding: 16px; border-radius: 6px; margin-bottom: 12px; }
.zs-card-left-border-blue { background: rgba(255, 255, 255, 0.02); border-left: 3px solid #0099ff; padding: 16px; border-radius: 6px; margin-bottom: 12px; }

/* Badge/pill with bg */
.zs-bg-blue-010-p812-mb6 { background: rgba(0, 153, 255, 0.1); padding: 8px 12px; border-radius: 4px; margin-bottom: 6px; }
.zs-bg-yellow-010-p812-mb6 { background: rgba(255, 170, 0, 0.1); padding: 8px 12px; border-radius: 4px; margin-bottom: 6px; }

/* Flex wrap 6 */
.zs-flex-wrap-6 { display: flex; gap: 6px; flex-wrap: wrap; }

/* Tag chip */
.zs-tag-chip { font-size: 11px; padding: 4px 8px; background: rgba(255, 255, 255, 0.05); border-radius: 3px; }

/* Grid auto-fill 250 */
.zs-grid-auto-fill-250 { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }

/* Subtle border card */
.zs-card-subtle-border { background: rgba(255, 255, 255, 0.02); padding: 12px; border-radius: 6px; border: 1px solid var(--zekt-gray-border); }

/* Table header text */
.zs-th-fs14-fw600-mb4 { font-size: 14px; font-weight: 600; color: var(--zekt-white); margin-bottom: 4px; }

/* Sticky header row */
.zs-sticky-header-p1012 { padding: 10px 12px; border-bottom: 1px solid var(--zekt-gray-border); font-size: 12px; }

/* Gray-light mt4 */
.zs-gray-light-mt-4 { color: var(--zekt-gray-light); margin-top: 4px; }

/* List reset */
.zs-list-reset-mb16 { list-style: none; padding: 0; margin-bottom: 16px; }
.zs-list-reset-mh300 { list-style: none; padding: 0; margin: 0; max-height: 300px; overflow-y: auto; }

/* Green success card */
.zs-card-green-r6-border { padding: 12px; background: rgba(0,255,136,0.1); border-radius: 6px; border: 1px solid var(--zekt-green); }
.zs-card-green-r6-border-mb16 { padding: 12px; background: rgba(0,255,136,0.1); border-radius: 6px; border: 1px solid var(--zekt-green); margin-bottom: 16px; }

/* Row flex between */
.zs-row-flex-between-p68 { padding: 6px 8px; background: rgba(255,255,255,0.02); margin-bottom: 3px; border-radius: 4px; display: flex; justify-content: space-between; }

/* Green fw600 */
.zs-green-fw600 { color: var(--zekt-green); font-weight: 600; }

/* Heading fw600 */
.zs-mb-8-fw600 { margin-bottom: 8px; font-weight: 600; }

/* Error bordered mt12 */
.zs-alert-red-border-mt12 { margin-top: 12px; padding: 8px; background: rgba(255,68,68,0.1); border-radius: 4px; border: 1px solid #ff4444; }

/* List indent */
.zs-list-indent-fs13 { margin: 4px 0 0; padding-left: 16px; font-size: 13px; }

/* Status badges */
.zs-badge-green-085em { background: rgba(0,255,136,0.2); color: var(--zekt-green); padding: 4px 8px; border-radius: 4px; font-size: 0.85em; }
.zs-badge-red-085em { background: rgba(255,68,68,0.2); color: var(--zekt-error); padding: 4px 8px; border-radius: 4px; font-size: 0.85em; }
.zs-warning-color { color: var(--zekt-warning); }

/* Red alert box */
.zs-alert-red-r8-mt16 { margin-top: 16px; padding: 12px; background: rgba(255,68,68,0.1); border: 1px solid rgba(255,68,68,0.3); border-radius: 8px; }

/* Text-right mt16 */
.zs-mt-16-text-right { margin-top: 16px; text-align: right; }

/* Table cell combos */
.zs-td-fw600-gray-light-nowrap { padding: 8px 12px; font-weight: 600; color: var(--zekt-gray-light); white-space: nowrap; }
.zs-td-word-break-all { padding: 8px 12px; word-break: break-all; }

/* Orange alert bordered */
.zs-alert-orange-border-mb16 { background: rgba(255, 152, 0, 0.15); border: 1px solid #ff9800; padding: 12px; border-radius: 6px; margin-bottom: 16px; }
.zs-vertical-middle-orange { vertical-align: middle; color: #ff9800; }

/* Table collapse */
.zs-table-collapse-mb16 { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.zs-bg-orange-black { background: #ff9800; color: #000; }

/* Yellow icon middle */
.zs-vertical-middle-mr8-yellow { vertical-align: middle; margin-right: 8px; color: var(--zekt-yellow); }
.zs-vertical-middle-mr8-amber { vertical-align: middle; margin-right: 8px; color: var(--zekt-amber, #f59e0b); }

/* Yellow left-border alert */
.zs-alert-yellow-left-border { background: rgba(255, 193, 7, 0.1); border-left: 4px solid var(--zekt-yellow); padding: 16px; margin-bottom: 20px; border-radius: 4px; }
.zs-alert-green-left-border { background: rgba(0, 255, 136, 0.1); border-left: 4px solid var(--zekt-green); padding: 16px; border-radius: 4px; }

/* Margin combos */
.zs-m-0-0-12 { margin: 0 0 12px 0; }
.zs-m-0-fs13-lh16 { margin: 0; font-size: 13px; line-height: 1.6; }
.zs-fs-14-mb20 { font-size: 14px; margin-bottom: 20px; }
.zs-fs-13-lh18-gray-light { font-size: 13px; line-height: 1.8; color: var(--zekt-gray-light); }

/* Table header left border */
.zs-th-border-bottom-2-left { border-bottom: 2px solid var(--zekt-gray-border); text-align: left; }

/* FFA500 orange fs11 */
.zs-fs-11-ffa500-mt4 { font-size: 11px; color: #FFA500; margin-top: 4px; }

/* Large center text */
.zs-p60-center-gray-light { padding: 60px; text-align: center; color: var(--zekt-gray-light); }
.zs-fs-64-opacity03 { font-size: 64px; opacity: 0.3; }

/* Modal no-space patterns */
.zs-modal-bg-nospace { background: var(--zekt-bg); padding: 30px; border-radius: 8px; max-width: 550px; margin: 10vh auto; border: 1px solid var(--zekt-gray-border); box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.zs-modal-header-nospace { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid var(--zekt-gray-border); padding-bottom: 15px; }
.zs-m-0-flex-10-nospace { margin: 0; display: flex; align-items: center; gap: 10px; }
.zs-cursor-fs24-nospace { cursor: pointer; font-size: 24px; }
.zs-center-p40-0-888-nospace { text-align: center; padding: 40px 0; color: #888; }
.zs-fs-32-spin-nospace { font-size: 32px; animation: spin 1.5s linear infinite; }
.zs-mt-10-nospace { margin-top: 10px; }
.zs-red-p20-nospace { color: var(--zekt-red); padding: 20px; }
.zs-fs12-888-mt8-nospace { font-size: 12px; color: #888; margin-top: 8px; }
.zs-mb20-text-left-nospace { margin-bottom: 20px; text-align: left; }
.zs-bg-white003-p15-r6-left-nospace { background: rgba(255,255,255,0.03); padding: 15px; border-radius: 6px; text-align: left; }
.zs-flex-between-mb8-fs13-orange-nospace { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 13px; color: #ff9800; }
.zs-flex-between-mb8-fs13-purple-nospace { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 13px; color: #8b5cf6; }
.zs-flex-between-mb8-fs13-cyan-nospace { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 13px; color: #22d3ee; }
.zs-bg-green-008-p1215-r6-mt15-nospace { background: rgba(34,197,94,0.08); padding: 12px 15px; border-radius: 6px; margin-top: 15px; text-align: left; border: 1px solid rgba(34,197,94,0.25); }
.zs-bg-white003-p15-r6-mt15-nospace { background: rgba(255,255,255,0.03); padding: 15px; border-radius: 6px; margin-top: 15px; text-align: left; }
.zs-flex-between-fs13-green-nospace { display: flex; justify-content: space-between; font-size: 13px; color: #22c55e; }
.zs-mt25-pt20-border-right-nospace { margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--zekt-gray-border); text-align: right; }
.zs-fs13-888-mb5-nospace { font-size: 13px; color: #888; margin-bottom: 5px; }
.zs-fs32-fw700-green-nospace { font-size: 32px; font-weight: 700; color: var(--zekt-green); }
.zs-fs11-666-mt8-nospace { font-size: 11px; color: #666; margin-top: 8px; }

/* Grid auto-fit 180 gap20 mb32 */
.zs-grid-auto-fit-180-gap20-mb32 { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; margin-bottom: 32px; }

/* Stat card with cursor */
.zs-stat-card-cursor { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 20px; cursor: pointer; transition: transform 0.2s; }

/* Big stat text */
.zs-fs32-fw700-white-mb8 { font-size: 32px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.zs-fs32-fw700-yellow-mb8 { font-size: 32px; font-weight: 700; color: var(--zekt-yellow); margin-bottom: 8px; }
.zs-fs32-fw700-red-mb8 { font-size: 32px; font-weight: 700; color: var(--zekt-red); margin-bottom: 8px; }

/* Row with subtle bg */
.zs-row-white002-flex-start-mb12 { display: flex; align-items: start; gap: 12px; padding: 16px; background: rgba(255, 255, 255, 0.02); border-radius: 6px; margin-bottom: 12px; }
.zs-card-white002-border-mb16 { background: rgba(255, 255, 255, 0.02); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 20px; margin-bottom: 16px; }

/* Flex gap 24 mb12 fs13 */
.zs-flex-gap-24-mb12-fs13 { display: flex; gap: 24px; margin-bottom: 12px; font-size: 13px; }

/* Grid auto 200 mb20 */
.zs-grid-auto-fit-200-mb20 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 20px; }

/* Border top padding */
.zs-border-top-pt16 { border-top: 1px solid var(--zekt-gray-border); padding-top: 16px; }
.zs-border-top-pt16-mt16 { border-top: 1px solid var(--zekt-gray-border); padding-top: 16px; margin-top: 16px; }

/* Subtle row bg */
.zs-row-white002-r4-mb8 { padding: 8px; margin-bottom: 8px; background: rgba(255, 255, 255, 0.02); border-radius: 4px; }

/* ==========================================================================
   Batch 15 — top-100 audit patterns round 13
   ========================================================================== */

/* Green border card r8 */
.zs-card-green-r8-p16 { background: rgba(0, 255, 136, 0.1); border: 1px solid var(--zekt-green); border-radius: 8px; padding: 16px; }

/* Row flex between with center */
.zs-row-white002-flex-between { padding: 8px; margin-bottom: 8px; background: rgba(255, 255, 255, 0.02); border-radius: 4px; display: flex; justify-content: space-between; align-items: center; }

/* Small color text */
.zs-green-fs12 { color: var(--zekt-green); font-size: 12px; }
.zs-red-fs12 { color: var(--zekt-red); font-size: 12px; }

/* Border-bottom flex row */
.zs-p12-border-bottom-flex-12 { padding: 12px; border-bottom: 1px solid var(--zekt-gray-border); display: flex; gap: 12px; }

/* Table label */
.zs-gray-light-fs13-minw60 { color: var(--zekt-gray-light); font-size: 13px; min-width: 60px; }
.zs-flex-1-fs14 { flex: 1; font-size: 14px; }

/* Two-panel grid */
.zs-grid-1fr-320px-gap24-mb32 { display: grid; grid-template-columns: 1fr 320px; gap: 24px; margin-bottom: 32px; }

/* Section titles */
.zs-mb16-fs14-fw600-white { margin-bottom: 16px; font-size: 14px; font-weight: 600; color: var(--zekt-white); }
.zs-white-fs14 { color: var(--zekt-white); font-size: 14px; }
.zs-gray-light-fs12-lh14 { font-size: 12px; color: var(--zekt-gray-light); line-height: 1.4; }

/* Center green uppercase cell */
.zs-td-center-green-upper-fs12 { padding: 12px; text-align: center; font-size: 12px; color: var(--zekt-green); text-transform: uppercase; }

/* Inline green badge */
.zs-inline-badge-green-r4 { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; background: rgba(0, 255, 136, 0.1); border-radius: 4px; color: var(--zekt-green); }

/* Cell with max-width */
.zs-p12-gray-light-fs12-mw300 { padding: 12px; font-size: 12px; color: var(--zekt-gray-light); max-width: 300px; }
.zs-p12-gray-light-fs12 { padding: 12px; color: var(--zekt-gray-light); font-size: 12px; }

/* Canvas container */
.zs-canvas-600h-dark { width: 100%; height: 600px; background: rgba(0,0,0,0.3); border-radius: 6px; position: relative; }

/* Absolute center text */
.zs-abs-center-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: var(--zekt-gray-light); }

/* Margin + color combos */
.zs-mt16-fs13-gray-light { margin-top: 16px; font-size: 13px; color: var(--zekt-gray-light); }
.zs-mb20-fs16 { margin-bottom: 20px; font-size: 16px; }
.zs-mb20-white { margin-bottom: 20px; color: white; }

/* Card gray fit-content */
.zs-card-gray-p24-fit { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 24px; height: fit-content; }

/* Min-height flex center */
.zs-min-h-100-flex-center-gray { min-height: 100px; display: flex; align-items: center; justify-content: center; color: var(--zekt-gray-light); }

/* Border-bottom spacing */
.zs-mb20-pb16-border-bottom { margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--zekt-gray-border); }

/* White text variants */
.zs-white-fs16-mb8 { color: var(--zekt-white); font-size: 16px; margin-bottom: 8px; }
.zs-gray-light-fs12-lh15 { font-size: 12px; color: var(--zekt-gray-light); line-height: 1.5; }

/* Small green tag */
.zs-tag-green-r3-fs12 { background: rgba(0, 255, 136, 0.1); padding: 4px 8px; border-radius: 3px; color: var(--zekt-green); font-size: 12px; }
.zs-tag-green-r3 { background: rgba(0, 255, 136, 0.1); padding: 4px 8px; border-radius: 3px; color: var(--zekt-green); }

/* Line height only */
.zs-lh-16 { line-height: 1.6; }

/* Inline tag white */
.zs-inline-tag-white005 { display: inline-block; background: rgba(255, 255, 255, 0.05); padding: 2px 6px; border-radius: 3px; margin: 2px; font-size: 11px; }

/* Left-border note */
.zs-note-green-left2-mt6 { margin-top: 6px; padding: 6px; background: rgba(255, 255, 255, 0.02); border-left: 2px solid var(--zekt-green); border-radius: 3px; font-size: 12px; }

/* Footer gap 8 */
.zs-footer-row-mt20-gap8 { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--zekt-gray-border); display: flex; gap: 8px; }
.zs-fs14-white { font-size: 14px; color: var(--zekt-white); }
.zs-fs13-lh15 { font-size: 13px; line-height: 1.5; }

/* Green outline button small */
.zs-btn-green-outline-sm { padding: 6px 12px; background: rgba(0, 255, 136, 0.1); border: 1px solid var(--zekt-green); border-radius: 4px; color: var(--zekt-green); font-size: 13px; }

/* Dark overflow card */
.zs-card-dark-overflow-hidden { background: rgba(0, 0, 0, 0.3); border: 1px solid var(--zekt-gray-border); border-radius: 6px; overflow: hidden; }

/* Subtle green bg */
.zs-bg-green-005 { background: rgba(0, 255, 136, 0.05); }

/* Mono code cells */
.zs-mono-p10-fs13-white { padding: 10px; font-family: var(--font-family-mono); font-size: 13px; color: var(--zekt-white); }
.zs-p10-fs13-gray-light { padding: 10px; font-size: 13px; color: var(--zekt-gray-light); }
.zs-mono-p10-fs12-gray-ellipsis { padding: 10px; font-family: var(--font-family-mono); font-size: 12px; color: var(--zekt-gray-light); max-width: 300px; overflow: hidden; text-overflow: ellipsis; }

/* Gray light mb12 */
.zs-gray-light-fs13-mb12 { font-size: 13px; color: var(--zekt-gray-light); margin-bottom: 12px; }

/* Left border green card mb8 */
.zs-card-left3-green-r4-mb8-fs14 { padding: 12px; background: rgba(255, 255, 255, 0.02); border-left: 3px solid var(--zekt-green); border-radius: 4px; margin-bottom: 8px; font-size: 14px; }

/* Code block */
.zs-code-block-black { background: var(--zekt-black); padding: 16px; border-radius: 6px; overflow-x: auto; text-align: left; width: 100%; color: var(--zekt-white); font-family: var(--font-family-mono); font-size: 13px; }

/* Center red */
.zs-p20-center-red { padding: 20px; text-align: center; color: var(--zekt-red); }

/* Grid auto-fill 150 mb20 */
.zs-grid-auto-fill-150-mb20 { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-bottom: 20px; }

/* Red alert flex */
.zs-alert-red-flex-mb12 { background: rgba(255, 68, 68, 0.1); border: 1px solid var(--zekt-red); border-radius: 6px; padding: 16px; display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.zs-alert-red-flex { background: rgba(255, 68, 68, 0.1); border: 1px solid var(--zekt-red); border-radius: 6px; padding: 16px; display: flex; align-items: center; gap: 12px; }

/* Orange button */
.zs-btn-orange { background-color: orange; border-color: orange; color: white; }

/* Checkbox sizing */
.zs-checkbox-18 { margin-top: 4px; width: 18px; height: 18px; cursor: pointer; }

/* Inline code pill */
.zs-inline-code-dark { color: var(--zekt-white); background: rgba(0,0,0,0.3); padding: 2px 8px; border-radius: 3px; }
.zs-inline-code-black { background: var(--zekt-black); padding: 2px 6px; border-radius: 4px; }

/* Yellow/red fs13/18 */
.zs-yellow-fs13 { font-size: 13px; color: var(--zekt-yellow); }
.zs-yellow-fs18 { color: var(--zekt-yellow); font-size: 18px; }
.zs-red-fs18 { color: var(--zekt-red); font-size: 18px; }
.zs-gray-light-fs13-mt8 { font-size: 13px; color: var(--zekt-gray-light); margin-top: 8px; }

/* Tab row */
.zs-tab-row-mb20 { display: flex; gap: 8px; margin-bottom: 20px; border-bottom: 1px solid var(--zekt-gray-border); padding-bottom: 8px; }
.zs-tab-active-green { padding: 8px 16px; background: rgba(0,255,136,0.1); border: 1px solid var(--zekt-green); border-radius: 6px 6px 0 0; color: var(--zekt-white); cursor: pointer; }

/* Overflow scroll */
.zs-overflow-auto-60vh { overflow-x: auto; max-height: 60vh; overflow-y: auto; }
.zs-w100-fs13 { width: 100%; font-size: 13px; }
.zs-sticky-top-gray { position: sticky; top: 0; background: var(--zekt-gray); z-index: 1; }

/* Inline orange fw600 */
.zs-inline-flex-orange-fw600 { display: inline-flex; align-items: center; gap: 4px; color: #ff9800; font-weight: 600; }

/* Modal 900 85vh */
.zs-max-w-900-85vh { max-width: 900px; max-height: 85vh; overflow-y: auto; }

/* Colored margin combos */
.zs-red-mt12 { color: var(--zekt-red); margin-top: 12px; }
.zs-yellow-mb16 { color: var(--zekt-yellow); margin-bottom: 16px; }

/* Yellow left-border card */
.zs-card-gray-left-yellow { background: var(--zekt-gray); border-radius: 8px; padding: 16px; margin-bottom: 20px; border-left: 4px solid var(--zekt-yellow); }

/* Margin weight combos */
.zs-m-0-fw500 { margin: 0; font-weight: 500; }
.zs-m-8000-09em-gray-light { margin: 8px 0 0 0; font-size: 0.9em; color: var(--zekt-gray-light); }
.zs-m-0-09em { margin: 0; font-size: 0.9em; }
.zs-m-0-pl20-09em { margin: 0; padding-left: 20px; font-size: 0.9em; }

/* Two col grid */
.zs-grid-2-col-8 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }

/* Error weight red */
.zs-mt12-fw500-red { margin-top: 12px; font-weight: 500; color: var(--zekt-red); }

/* Yellow alert r8 */
.zs-alert-yellow-r8-mb20 { background: rgba(255, 193, 7, 0.1); border: 1px solid var(--zekt-yellow); border-radius: 8px; padding: 12px; margin-bottom: 20px; }
.zs-yellow-m-0-0-8 { color: var(--zekt-yellow); margin: 0 0 8px 0; }

/* Green alert r8 */
.zs-alert-green-r8-mb20 { background: rgba(76, 175, 80, 0.1); border: 1px solid var(--zekt-green); border-radius: 8px; padding: 12px; margin-bottom: 20px; }
.zs-green-m-0-0-8 { color: var(--zekt-green); margin: 0 0 8px 0; }

/* Cursor flex mb16 */
.zs-flex-12-cursor-mb16 { display: flex; align-items: center; gap: 12px; cursor: pointer; margin-bottom: 16px; }

/* Mono input */
.zs-input-mono-black { width: 100%; padding: 10px; background: var(--zekt-black); border: 1px solid var(--zekt-gray-border); border-radius: 6px; color: var(--zekt-white); font-family: monospace; }

/* Blue vertical middle */
.zs-vertical-middle-blue { vertical-align: middle; color: var(--zekt-blue); }

/* Spinner */
.zs-spinner-blue { width: 48px; height: 48px; border: 3px solid var(--zekt-gray-border); border-top-color: var(--zekt-blue); border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px; }

/* Gray light em */
.zs-gray-light-085em-mt12 { color: var(--zekt-gray-light); font-size: 0.85em; margin-top: 12px; }

/* Progress bar track */
.zs-progress-bar-track { background: var(--zekt-gray-border); border-radius: 4px; height: 8px; overflow: hidden; }

/* ==========================================================================
   Batch 16 — top-100 audit patterns round 14
   ========================================================================== */

/* Card gray center p12 */
.zs-card-gray-r8-p12-mb20-center { background: var(--zekt-gray); border-radius: 8px; padding: 12px; margin-bottom: 20px; text-align: center; }
.zs-m-0-11em { margin: 0; font-size: 1.1em; }

/* Red alert mt20 */
.zs-alert-red-244-mt20 { background: rgba(244, 67, 54, 0.1); border: 1px solid var(--zekt-red); border-radius: 8px; padding: 12px; margin-top: 20px; }
.zs-red-m-0-0-8 { color: var(--zekt-red); margin: 0 0 8px 0; }

/* Blue spin */
.zs-blue-spin { color: var(--zekt-blue); animation: spin 1s linear infinite; }

/* Center with max-w */
.zs-max-w-500-center { max-width: 500px; text-align: center; }
.zs-center-mb20 { text-align: center; margin-bottom: 20px; }

/* Large icon colors */
.zs-fs64-green { font-size: 64px; color: var(--zekt-green); }
.zs-green-mb16 { color: var(--zekt-green); margin-bottom: 16px; }

/* Card gray p16 left */
.zs-card-gray-r8-p16-mb20-left { background: var(--zekt-gray); border-radius: 8px; padding: 16px; margin-bottom: 20px; text-align: left; }

/* Stripe purple card */
.zs-card-stripe-purple { background: rgba(99, 91, 255, 0.05); border: 1px solid rgba(99, 91, 255, 0.2); border-radius: 8px; padding: 16px; margin-bottom: 24px; }

/* Flex combos */
.zs-flex-between-16-wrap { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.zs-flex-between-wrap-12 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.zs-flex-between-mb24 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }

/* Accent color text */
.zs-fs24-accent { font-size: 24px; color: var(--zekt-accent); }
.zs-fs32-accent { font-size: 32px; color: var(--zekt-accent); }
.zs-fs32-fw600-accent { font-size: 32px; font-weight: 600; color: var(--zekt-accent); }
.zs-fs16-accent { font-size: 16px; color: var(--zekt-accent); }

/* Margin + gray-light */
.zs-m-4000-gray-light-fs12 { margin: 4px 0 0 0; color: var(--zekt-gray-light); font-size: 12px; }
.zs-m-4000-gray-light-fs13 { margin: 4px 0 0 0; color: var(--zekt-gray-light); font-size: 13px; }
.zs-mt-0 { margin-top: 0; }

/* ffaa00 amber alert */
.zs-alert-ffaa00-r8-p24-mb24 { background: rgba(255, 170, 0, 0.1); border: 1px solid #ffaa00; border-radius: 8px; padding: 24px; margin-bottom: 24px; }
.zs-ffaa00-fs48-mb16 { color: #ffaa00; font-size: 48px; margin-bottom: 16px; }
.zs-ffaa00-mb12 { color: #ffaa00; margin-bottom: 12px; }
.zs-cursor-fw600-ffaa00-mb12 { cursor: pointer; font-weight: 600; color: #ffaa00; margin-bottom: 12px; }

/* Gray-light text combos */
.zs-gray-light-fs14-mb8 { color: var(--zekt-gray-light); font-size: 14px; margin-bottom: 8px; }
.zs-gray-light-fs12-pl24 { font-size: 12px; color: var(--zekt-gray-light); padding-left: 24px; }
.zs-gray-light-fs12-mt16-center { color: var(--zekt-gray-light); font-size: 12px; margin-top: 16px; text-align: center; }
.zs-gray-light-mt4-fs11 { color: var(--zekt-gray-light); margin-top: 4px; font-size: 11px; }
.zs-gray-light-fs10 { color: var(--zekt-gray-light); font-size: 10px; }
.zs-mt8-gray-light { margin-top: 8px; color: var(--zekt-gray-light); }

/* Dark card with padding */
.zs-card-dark-p16-mt16 { background: rgba(0,0,0,0.3); border-radius: 6px; padding: 16px; margin-top: 16px; }

/* Mono text */
.zs-mono-fs13-mt12 { font-family: monospace; font-size: 13px; margin-top: 12px; }
.zs-mono-fs12 { font-family: monospace; font-size: 12px; }
.zs-gray-light-fs13-mono { font-size: 13px; color: var(--zekt-gray-light); font-family: monospace; }

/* Indent / padding-left combos */
.zs-ml20-gray-light-fs11 { margin-left: 20px; color: var(--zekt-gray-light); font-size: 11px; }
.zs-pl16-mb12-red { padding-left: 16px; margin-bottom: 12px; color: #ff4444; }
.zs-pl16-gray-light-fs12-mt8 { padding-left: 16px; color: var(--zekt-gray-light); font-size: 12px; margin-top: 8px; }
.zs-pl16-mt4-grid-auto-200-8 { padding-left: 16px; margin-top: 4px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px; }

/* Margin combos */
.zs-mb8-mt12 { margin-bottom: 8px; margin-top: 12px; }
.zs-red-ff4444-mt4 { color: #ff4444; margin-top: 4px; }
.zs-mt8-gray-light-fs11 { margin-top: 8px; color: var(--zekt-gray-light); font-size: 11px; }

/* Red/amber border-top separators */
.zs-mt12-pt8-border-top-red { margin-top: 12px; padding-top: 8px; border-top: 1px solid rgba(255,68,68,0.3); }
.zs-mt16-pt12-border-top-amber { margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(255,170,0,0.3); }
.zs-mt12-pt12-border-top-red { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,68,68,0.3); }
.zs-mt16-pt12-border-top-white01 { margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.1); }
.zs-mt12-pt12-border-top-white01-gray-light-fs11 { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 11px; color: var(--zekt-gray-light); }

/* Padding text combos */
.zs-fs13-p6-12 { font-size: 13px; padding: 6px 12px; }
.zs-fs12-p48-white { font-size: 12px; padding: 4px 8px; color: white; }

/* Grid combos */
.zs-grid-auto-fit-220-mb24 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 24px; }
.zs-grid-2-col-24 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.zs-grid-auto-fit-150-mb20 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; margin-bottom: 20px; }
.zs-grid-auto-fit-300-mt24 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 24px; }

/* Align items 4 */
.zs-flex-4-fs13-mt8 { display: flex; align-items: center; gap: 4px; font-size: 13px; margin-top: 8px; }

/* Dark translucent card */
.zs-card-dark-306-border-r8-p20 { background: rgba(30, 30, 35, 0.6); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 20px; }

/* Heading combos */
.zs-fs28-fw600-white { font-size: 28px; font-weight: 600; color: var(--zekt-white); }
.zs-fs24-fw600-white-mb4 { font-size: 24px; font-weight: 600; color: var(--zekt-white); margin-bottom: 4px; }

/* Row flex between with padding */
.zs-flex-between-p6-0 { display: flex; justify-content: space-between; padding: 6px 0; }
.zs-flex-between-p12-0-border-bottom { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--zekt-gray-border); }
.zs-flex-between-p10-0-border-bottom { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--zekt-gray-border); }
.zs-flex-between-p812-mb4-white002-fs13 { display: flex; justify-content: space-between; padding: 8px 12px; margin-bottom: 4px; background: rgba(255,255,255,0.02); border-radius: 4px; font-size: 13px; }

/* Font weight combos */
.zs-fw600-gray-light { font-weight: 600; color: var(--zekt-gray-light); }
.zs-fw500-ellipsis { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zs-fw500-mb2 { font-weight: 500; margin-bottom: 2px; }

/* Right align cell */
.zs-right-pl12 { text-align: right; padding-left: 12px; }

/* Card white002 r6 p16 */
.zs-card-white002-r6-p16 { background: rgba(255,255,255,0.02); border: 1px solid var(--zekt-gray-border); border-radius: 6px; padding: 16px; }

/* Center p12 gray-light */
.zs-center-p12-gray-light { text-align: center; padding: 12px; color: var(--zekt-gray-light); }

/* Dark card green border */
.zs-card-dark-04-green-border-mt12 { background: rgba(0,0,0,0.4); border-radius: 6px; padding: 16px; margin-top: 12px; border: 1px solid rgba(0,255,136,0.3); }
.zs-fw600-00ff88-mb12 { font-weight: 600; color: #00ff88; margin-bottom: 12px; }

/* Grid auto 200 gap 8 */
.zs-bg-white005-p8-r4 { background: rgba(255,255,255,0.05); padding: 8px; border-radius: 4px; }

/* Red alert 02 */
.zs-alert-red-02-r6-mt12 { background: rgba(255,68,68,0.2); border-radius: 6px; padding: 16px; margin-top: 12px; border: 1px solid #ff4444; }
.zs-fw600-ff4444-mb8 { font-weight: 600; color: #ff4444; margin-bottom: 8px; }

/* Font + icon */
.zs-vertical-middle-fs16 { vertical-align: middle; font-size: 16px; }
.zs-white-underline { color: #fff; text-decoration: underline; }

/* ffcc00 */
.zs-ffcc00-mt12 { color: #ffcc00; margin-top: 12px; }

/* #999 text */
.zs-color-999-m16-0 { color: #999; margin: 16px 0; }

/* Nospace variants */
.zs-mt12-999-085em { margin-top: 12px; color: #999; font-size: 0.85em; }
.zs-alert-amber-dark-mt8 { padding: 12px; background: #2a1a00; border: 1px solid #ff8800; border-radius: 8px; margin-top: 8px; color: #ffaa00; font-size: 12px; }
.zs-00ff88-mb4-fs11 { color: #00ff88; margin-bottom: 4px; font-size: 11px; }
.zs-00ff88-m12-0-4-fs11 { color: #00ff88; margin: 12px 0 4px; font-size: 11px; }

/* Opacity em */
.zs-09em-opacity08 { font-size: 0.9em; opacity: 0.8; }

/* Gradient dark card r12 */
.zs-card-gradient-dark-r12-mt24 { margin-top: 24px; padding: 24px; background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; }

/* Section title flex */
.zs-flex-12-13em-white { color: var(--zekt-white); margin: 0; font-size: 1.3em; display: flex; align-items: center; gap: 12px; }
.zs-fs28-ff9500 { font-size: 28px; color: #ff9500; }

/* Rounded badge pill */
.zs-badge-10b981-rounded { padding: 8px 16px; border-radius: 20px; background: #10b981; color: white; font-size: 0.9em; font-weight: 500; display: flex; align-items: center; gap: 8px; }

/* Pulse dot */
.zs-dot-pulse-green { width: 8px; height: 8px; background: #00ff88; border-radius: 50%; display: inline-block; animation: pulse 2s infinite; }

/* Brand color icons */
.zs-fs24-3b82f6 { font-size: 24px; color: #3b82f6; }
.zs-fs24-8b5cf6 { font-size: 24px; color: #8b5cf6; }
.zs-fs24-10b981 { font-size: 24px; color: #10b981; }
.zs-fs32-3b82f6 { font-size: 32px; color: #3b82f6; }
.zs-fs32-8b5cf6 { font-size: 32px; color: #8b5cf6; }
.zs-fs32-10b981 { font-size: 32px; color: #10b981; }

/* Brand cards */
.zs-card-blue-3b82f6 { padding: 24px; background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3); border-radius: 12px; cursor: pointer; }
.zs-card-purple-8b5cf6 { padding: 24px; background: rgba(139, 92, 246, 0.1); border: 1px solid rgba(139, 92, 246, 0.3); border-radius: 12px; cursor: pointer; }
.zs-card-emerald-10b981 { padding: 24px; background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 12px; cursor: pointer; }
.zs-card-white005-r12 { padding: 24px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; cursor: pointer; }

/* Flex link row */
.zs-flex-8-blue-09em-mt16 { margin-top: 16px; display: flex; align-items: center; gap: 8px; color: #3b82f6; font-size: 0.9em; }
.zs-flex-8-purple-09em-mt16 { margin-top: 16px; display: flex; align-items: center; gap: 8px; color: #8b5cf6; font-size: 0.9em; }
.zs-flex-8-emerald-09em-mt16 { margin-top: 16px; display: flex; align-items: center; gap: 8px; color: #10b981; font-size: 0.9em; }

/* Size 32 */
.zs-w32-h32 { width: 32px; height: 32px; }

/* ==========================================================================
   Batch 17 — top-100 audit patterns round 15
   ========================================================================== */

/* Flex link f5f5f5 */
.zs-flex-8-f5f5f5-09em-mt16 { margin-top: 16px; display: flex; align-items: center; gap: 8px; color: #f5f5f5; font-size: 0.9em; }

/* Dialog box gray */
.zs-dialog-box-gray-p32 { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 32px; max-width: 500px; width: 90%; }
.zs-flex-flex-end-12-mt32 { display: flex; gap: 12px; justify-content: flex-end; margin-top: 32px; }

/* Orange alert flex start */
.zs-alert-orange-flex-mb20 { background: rgba(255, 165, 0, 0.1); border: 1px solid var(--zekt-orange); padding: 15px; border-radius: 8px; margin-bottom: 20px; display: flex; align-items: start; gap: 12px; }
.zs-orange-m-0-0-8 { margin: 0 0 8px 0; color: var(--zekt-orange); }

/* Text combos with margin */
.zs-m-0-white-lh14 { margin: 0; color: var(--zekt-white); line-height: 1.4; }
.zs-gray-light-m-0-0-20-20-lh16 { color: var(--zekt-gray-light); margin: 0 0 20px 20px; line-height: 1.6; }
.zs-gray-light-m-0-center { color: var(--zekt-gray-light); margin: 0; text-align: center; }
.zs-m-0-gray-light-09em-mono { margin: 0; color: var(--zekt-gray-light); font-size: 0.9em; font-family: monospace; }

/* Ghost button with border */
.zs-btn-ghost-border { background: none; border: 1px solid var(--zekt-gray-border); color: var(--zekt-gray-light); cursor: pointer; padding: 4px 6px; border-radius: 4px; display: inline-flex; align-items: center; }
.zs-btn-ghost-orange { background: none; border: none; color: #ff9800; cursor: pointer; padding: 4px; border-radius: 4px; display: inline-flex; align-items: center; }

/* m-0-0-12-white-1em */
.zs-m-0-0-12-white-1em { margin: 0 0 12px 0; color: var(--zekt-white); font-size: 1em; }

/* Code block scroll max-h */
.zs-code-block-mh300 { background: var(--zekt-black); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 16px; overflow-x: auto; color: var(--zekt-white); font-family: monospace; font-size: 0.85em; max-height: 300px; }

/* Auto block green */
.zs-block-auto-green { margin: 0 auto; display: block; color: var(--zekt-green); }
.zs-block-auto-mb8-green { margin: 0 auto 8px; display: block; color: var(--zekt-green); }
.zs-block-auto-ffffff { margin: 0 auto; display: block; color: #ffffff; }
.zs-block-auto-red-fallback { margin: 0 auto; display: block; color: var(--zekt-red, #ff4444); }

/* Gray border card left */
.zs-card-gray-border-left-green { background: var(--zekt-gray-border); padding: 10px; border-radius: 6px; margin: 10px 0; border-left: 3px solid var(--zekt-green); }
.zs-card-gray-border-left-red { background: var(--zekt-gray-border); padding: 10px; border-radius: 6px; margin: 10px 0; border-left: 3px solid var(--zekt-red, #ff4444); }

/* em/white combos */
.zs-white-075em-m0-lh14 { color: var(--zekt-white); font-size: 0.75em; margin: 0; line-height: 1.4; }
.zs-white-mt8-075em { color: var(--zekt-white); margin-top: 8px; font-size: 0.75em; }
.zs-green-bold-08em-m-0 { color: var(--zekt-green); font-weight: bold; font-size: 0.8em; margin: 0; }
.zs-white-075em-m-0 { color: var(--zekt-white); font-size: 0.75em; margin: 0; }

/* Hidden alert */
.zs-hidden-alert-red { display: none; background: rgba(255, 68, 68, 0.1); border: 1px solid var(--zekt-red, #ff4444); padding: 12px; border-radius: 6px; margin: 10px 0; }
.zs-hidden-card-gray-border { display: none; background: var(--zekt-gray-border); padding: 12px; border-radius: 6px; margin: 10px 0; }
.zs-hidden-card-gray-border-left { display: none; background: var(--zekt-gray-border); padding: 12px; border-radius: 6px; margin: 10px 0; text-align: left; }

/* Red fallback */
.zs-red-fallback-fs28-mb6 { color: var(--zekt-red, #ff4444); font-size: 28px; margin-bottom: 6px; }
.zs-red-fallback-075em-m-0 { color: var(--zekt-red, #ff4444); font-size: 0.75em; margin: 0; }
.zs-red-fallback-m-0-0-8-08em { margin: 0 0 8px 0; color: var(--zekt-red, #ff4444); font-size: 0.8em; }

/* Green em margin */
.zs-green-m-8-0-6-0-095em { margin: 8px 0 6px 0; color: var(--zekt-green); font-size: 0.95em; }
.zs-m-4-0-12-0-09em-white { margin: 4px 0 12px 0; font-size: 0.9em; color: var(--zekt-white); }

/* Card gray r8 m10 */
.zs-card-gray-r8-m10-left { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); padding: 12px; border-radius: 8px; margin: 10px 0; text-align: left; }

/* Flex flex-start cursor */
.zs-flex-flex-start-10-cursor { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }

/* Checkbox green */
.zs-checkbox-18-mt2-green { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--zekt-green); }

/* em gray-light */
.zs-m-400-075em-gray-light-lh14 { margin: 4px 0 0; font-size: 0.75em; color: var(--zekt-gray-light); line-height: 1.4; }

/* Green small fw */
.zs-green-075em-fw600-mb10 { color: var(--zekt-green); font-size: 0.75em; font-weight: 600; margin-bottom: 10px; }

/* 32x32 green block */
.zs-w32-h32-green-auto-block { width: 32px; height: 32px; color: var(--zekt-green); margin: 0 auto 10px; display: block; }

/* Dotted underline */
.zs-cursor-underline-dotted-orange { cursor: pointer; text-decoration: underline; text-decoration-style: dotted; text-decoration-color: var(--zekt-orange); }

/* Bg-only patterns */
.zs-bg-orange-01 { background: rgba(255, 152, 0, 0.1); }
.zs-bg-white005-only { background: rgba(255,255,255,0.05); }
.zs-bg-gray-border-only { background: var(--zekt-gray-border); }

/* Gray-light block center */
.zs-gray-light-block-mt8-center { color: var(--zekt-gray-light); display: block; margin-top: 8px; text-align: center; }

/* Max-w 800 mt16 */
.zs-mt16-max-w-800 { margin-top: 16px; max-width: 800px; }

/* Cursor white noselect */
.zs-white-cursor-p8-0-noselect { color: var(--zekt-white); cursor: pointer; padding: 8px 0; user-select: none; }

/* Padding combos */
.zs-p12-0-gray-light-09em { padding: 12px 0; color: var(--zekt-gray-light); font-size: 0.9em; }

/* Grid auto 1fr gap 8 16 */
.zs-grid-auto-1fr-8-16 { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; }
.zs-grid-auto-1fr-12-16-09em { display: grid; grid-template-columns: auto 1fr; gap: 12px 16px; font-size: 0.9em; }

/* Border-top colored */
.zs-white-m16-0-0-0-border-top-red-02 { color: var(--zekt-white); margin: 16px 0 0 0; padding-top: 16px; border-top: 1px solid rgba(255, 82, 82, 0.2); }
.zs-gray-light-m16-0-0-0-border-top-green-02 { color: var(--zekt-gray-light); margin: 16px 0 0 0; padding-top: 16px; border-top: 1px solid rgba(0, 255, 136, 0.2); }

/* Clickable border-bottom */
.zs-border-bottom-cursor { border-bottom: 1px solid var(--zekt-gray-border); cursor: pointer; }

/* Center mt16 gray */
.zs-center-mt16-gray-light-09em { text-align: center; margin-top: 16px; color: var(--zekt-gray-light); font-size: 0.9em; }

/* Slideup modal */
.zs-modal-slideup-0a0a0a { background: #0a0a0a; border: 2px solid var(--zekt-gray-border); border-radius: 12px; max-width: 500px; width: 100%; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); animation: slideUp 0.3s ease; }

/* m-0 gray-light lh16 */
.zs-m-0-gray-light-lh16 { margin: 0; color: var(--zekt-gray-light); line-height: 1.6; }

/* Btn gray */
.zs-btn-gray-p10-20 { padding: 10px 20px; background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 6px; color: var(--zekt-white); cursor: pointer; transition: all 0.2s; }

/* Orange gradient btn */
.zs-btn-orange-gradient { padding: 10px 20px; background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%); border: none; border-radius: 6px; color: white; font-weight: 500; cursor: pointer; transition: all 0.2s; }

/* Hover lift state */
.zs-hover-orange-lift { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3); }

/* Green card r8 border 03 */
.zs-card-green-r8-p12 { padding: 12px; background: rgba(0, 255, 136, 0.1); border: 1px solid rgba(0, 255, 136, 0.3); border-radius: 8px; }

/* Gray-light em indent */
.zs-gray-light-08em-indent30-border-top-orange { color: var(--zekt-gray-light); font-size: 0.8em; margin: 8px 0 0 30px; padding-top: 8px; border-top: 1px solid rgba(255, 152, 0, 0.2); }

/* ff5252 red card */
.zs-card-ff5252-r8-p12 { padding: 12px; background: rgba(255, 82, 82, 0.1); border: 1px solid rgba(255, 82, 82, 0.3); border-radius: 8px; }
.zs-ff5252-fs20 { color: #ff5252; font-size: 20px; }
.zs-ff5252-095em { color: #ff5252; font-size: 0.95em; }
.zs-white-085em-ml30 { color: var(--zekt-white); font-size: 0.85em; margin-left: 30px; }

/* Black-lighter modal */
.zs-modal-black-lighter-1200 { background: var(--zekt-black-lighter); border: 1px solid var(--zekt-gray-border); border-radius: 12px; max-width: 1200px; max-height: 90vh; overflow-y: auto; width: 100%; }

/* p24 border-bottom */
.zs-p24-border-bottom-flex-between { padding: 24px; border-bottom: 1px solid var(--zekt-gray-border); display: flex; align-items: center; justify-content: space-between; }
.zs-flex-10-13em-white-m-0 { margin: 0; color: var(--zekt-white); font-size: 1.3em; display: flex; align-items: center; gap: 10px; }
.zs-p24-min-h-400 { padding: 24px; min-height: 400px; }

/* 64px colors */
.zs-fs64-ff5252 { font-size: 64px; color: #ff5252; }
.zs-fs64-9c27b0-opacity03 { font-size: 64px; color: #9c27b0; opacity: 0.3; }

/* Grid auto 200 mb32 */
.zs-grid-auto-fit-200-mb32 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 32px; }

/* Green card border 03 p16 */
.zs-card-green-r8-border-03-p16 { background: rgba(0, 255, 136, 0.1); border: 1px solid rgba(0, 255, 136, 0.3); border-radius: 8px; padding: 16px; }

/* White 1.2em mono */
.zs-white-12em-mono { color: var(--zekt-white); font-size: 1.2em; font-family: monospace; }
.zs-white-095em { color: var(--zekt-white); font-size: 0.95em; }

/* Blue left-border card */
.zs-card-2196f3-left-border { background: rgba(33, 150, 243, 0.05); border-left: 4px solid #2196f3; border-radius: 8px; padding: 16px; }

/* Purple 9c27b0 card */
.zs-card-9c27b0-top-header { background: rgba(156, 39, 176, 0.1); border-left: 4px solid #9c27b0; padding: 12px 16px; border-radius: 8px 8px 0 0; display: flex; align-items: center; justify-content: space-between; }
.zs-9c27b0-1em { color: #9c27b0; font-size: 1em; }
.zs-card-9c27b0-bottom { border: 1px solid rgba(156, 39, 176, 0.2); border-top: none; border-radius: 0 0 8px 8px; padding: 16px; background: rgba(156, 39, 176, 0.02); }

/* ff9800 */
.zs-ff9800-09em { color: #ff9800; font-size: 0.9em; }
.zs-card-ff9800-left-border-mt24 { background: rgba(255, 152, 0, 0.05); border-left: 4px solid #ff9800; padding: 16px; border-radius: 8px; margin-top: 24px; }

/* Center dark bg */
.zs-p20-center-gray-bg-r8 { padding: 20px; text-align: center; color: var(--zekt-gray); background: rgba(0,0,0,0.2); border-radius: 8px; }
.zs-p20-center-999-bg-r8 { padding: 20px; text-align: center; color: #999; background: rgba(0,0,0,0.2); border-radius: 8px; }
.zs-p20-center-999 { padding: 20px; text-align: center; color: #999; }

/* Dark card r4 mt16 */
.zs-card-dark-r4-p12-mt16 { margin-top: 16px; padding: 12px; background: rgba(0,0,0,0.3); border-radius: 4px; }

/* Small text combos */
.zs-m8-0-09em { margin: 8px 0; font-size: 0.9em; }
.zs-color-999-085em-mt4 { color: #999; font-size: 0.85em; margin-top: 4px; }
.zs-m-0-green { margin: 0; color: var(--zekt-green); }

/* Grid 1fr 1fr gap12 mb16 */
.zs-grid-2-col-12-mb16 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }

/* Blue fw500 */
.zs-blue-fw500 { color: var(--zekt-blue); font-weight: 500; }

/* Green left-border r3 */
.zs-card-green-left3-r3-mb12 { padding: 12px; background: rgba(0,255,136,0.1); border-left: 3px solid var(--zekt-green); border-radius: 3px; margin-bottom: 12px; }

/* ccc small */
.zs-09em-ccc { font-size: 0.9em; color: #ccc; }

/* Amber info small */
.zs-card-amber-r3-fs085-mt12 { margin-top: 12px; padding: 12px; background: rgba(255,200,0,0.1); border-radius: 3px; font-size: 0.85em; color: #ffaa00; }

/* mt-0 mb-16 green */
.zs-mt-0-mb16-green { margin-top: 0; margin-bottom: 16px; color: var(--zekt-green); }

/* m-0 p-12 */
.zs-m-0-p-12 { margin: 0; padding: 12px; }

/* Grid auto 150 fs085 mb12 */
.zs-grid-auto-fit-150-fs085-mb12 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; font-size: 0.85em; margin-bottom: 12px; }

/* Transparent inline btns */
.zs-btn-ghost-green-inline { padding: 6px 12px; background: transparent; color: var(--zekt-green); border: 1px solid var(--zekt-green); border-radius: 4px; cursor: pointer; font-size: 0.85em; display: inline-flex; align-items: center; gap: 6px; }
.zs-btn-ghost-aaa-inline { padding: 6px 12px; background: transparent; color: #aaa; border: 1px solid #555; border-radius: 4px; cursor: pointer; font-size: 0.85em; display: inline-flex; align-items: center; gap: 6px; }
.zs-btn-ghost-yellow-inline { padding: 6px 12px; background: transparent; color: var(--zekt-yellow); border: 1px solid var(--zekt-yellow); border-radius: 4px; cursor: pointer; font-size: 0.85em; display: inline-flex; align-items: center; gap: 6px; }

/* Spin fs16 */
.zs-fs16-spin { font-size: 16px; animation: spin 1s linear infinite; }

/* ==========================================================================
   Batch 18 — top-100+ audit patterns round 16
   ========================================================================== */

/* Black-lighter card */
.zs-card-black-lighter-r8-p16-mb12 { background: var(--zekt-black-lighter); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 16px; margin-bottom: 12px; }
.zs-grid-auto-1fr-8-16-085em { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; font-size: 0.85em; }

/* Nospace spin */
.zs-fs16-spin-nospace { font-size: 16px; animation: spin 1s linear infinite; }

/* Yellow card border 03 */
.zs-card-yellow-193-r8-p12 { padding: 12px; background: rgba(255, 193, 7, 0.1); border: 1px solid rgba(255, 193, 7, 0.3); border-radius: 8px; }
.zs-m-0-pl20-fs13-gray-light { margin: 0; padding-left: 20px; font-size: 13px; color: var(--zekt-gray-light); }

/* Flex end mt12 */
.zs-flex-end-8-mt12 { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }

/* Ghost gray btn */
.zs-btn-ghost-gray-border { padding: 8px 16px; background: transparent; color: var(--zekt-gray-light); border: 1px solid var(--zekt-gray-border); border-radius: 6px; cursor: pointer; }

/* Mono scroll box */
.zs-mono-scroll-150 { font-size: 12px; color: var(--zekt-gray-light); font-family: monospace; word-break: break-word; max-height: 150px; overflow-y: auto; padding: 8px; background: rgba(0,0,0,0.3); border-radius: 4px; }

/* Orange card p14 */
.zs-card-orange-152-r8-p14 { padding: 14px; background: rgba(255, 152, 0, 0.1); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 8px; }
.zs-gray-light-fs12-lh18 { font-size: 12px; color: var(--zekt-gray-light); line-height: 1.8; }

/* Flex align start gap 8 mb8 */
.zs-flex-start-8-mb8 { margin-bottom: 8px; display: flex; align-items: start; gap: 8px; }
.zs-ff9800-fw-bold { color: #ff9800; font-weight: bold; }

/* Flex gap 12 pt8 */
.zs-flex-12-pt8 { display: flex; gap: 12px; padding-top: 8px; }

/* Flex-1 btn gray white */
.zs-flex1-btn-gray-white { flex: 1; padding: 10px; background: var(--zekt-gray); color: white; border: 1px solid var(--zekt-gray-border); border-radius: 8px; font-size: 13px; font-weight: 500; cursor: pointer; }
.zs-flex1-btn-green-black { flex: 1; padding: 10px; background: var(--zekt-green); color: black; border: none; border-radius: 8px; font-size: 13px; font-weight: 500; cursor: pointer; }

/* Margin 20 0 */
.zs-m-20-0 { margin: 20px 0; }
.zs-mb25 { margin-bottom: 25px; }

/* f5f5f5 left-border card */
.zs-card-f5f5f5-left-border-sm { background: #f5f5f5; padding: 12px; border-radius: 8px; margin: 16px 0; border-left: 4px solid #00ff88; }
.zs-card-f5f5f5-left-border { background: #f5f5f5; padding: 16px; border-radius: 8px; margin: 16px 0; border-left: 4px solid #00ff88; }
.zs-09em-m-4-0 { font-size: 0.9em; margin: 4px 0; }
.zs-09em-666-m8-0 { font-size: 0.9em; color: #666; margin: 8px 0; }
.zs-09em-666 { font-size: 0.9em; color: #666; }

/* Large center p */
.zs-center-p30-40 { text-align: center; padding: 30px 40px; }
.zs-p30-40 { padding: 30px 40px; }

/* ffb81c gold */
.zs-m-auto-ffb81c { margin: 0 auto; color: #ffb81c; }
.zs-white-11em-mb20 { color: var(--zekt-white); font-size: 1.1em; margin-bottom: 20px; }
.zs-white-mb25 { color: var(--zekt-white); margin-bottom: 25px; }

/* ffb81c card */
.zs-card-ffb81c-r8-p20-mb25 { background: rgba(255, 184, 28, 0.1); border: 1px solid rgba(255, 184, 28, 0.3); padding: 20px; border-radius: 8px; margin-bottom: 25px; }
.zs-white-095em-lh16-m-0 { color: var(--zekt-white); font-size: 0.95em; line-height: 1.6; margin: 0; }

/* #999 */
.zs-999-09em { color: #999; font-size: 0.9em; }
.zs-fs20-white-fw500 { font-size: 20px; color: var(--zekt-white); font-weight: 500; }

/* f44336 red card */
.zs-alert-f44336-r8-p16-mb20 { background: rgba(244, 67, 54, 0.1); border: 1px solid rgba(244, 67, 54, 0.3); border-radius: 8px; padding: 16px; margin-bottom: 20px; }
.zs-f44336-fs20 { color: #f44336; font-size: 20px; }
.zs-m-0-white-fs15 { margin: 0; color: var(--zekt-white); font-size: 15px; }

/* zekt-dark card */
.zs-card-dark-var-r6-p12-mb8 { background: var(--zekt-dark); border: 1px solid var(--zekt-gray-border); border-radius: 6px; padding: 12px; margin-bottom: 8px; }
.zs-white-fs13-mono { font-size: 13px; color: var(--zekt-white); font-family: monospace; }
.zs-gray-light-fs11-mt2 { font-size: 11px; color: var(--zekt-gray-light); margin-top: 2px; }
.zs-f44336-fs11-fw500 { font-size: 11px; color: #f44336; font-weight: 500; }

/* Error log row */
.zs-mono-log-error { background: rgba(0, 0, 0, 0.3); border-radius: 4px; padding: 8px; font-size: 11px; font-family: monospace; color: #ff8a80; line-height: 1.4; overflow-x: auto; }
.zs-mt12-pt12-border-top-f44336-02 { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(244, 67, 54, 0.2); }

/* Flex w100 center */
.zs-w100-flex-center { width: 100%; justify-content: center; }

/* Orange warning card p16 mb20 */
.zs-alert-orange-152-r8-p16-mb20 { background: rgba(255, 152, 0, 0.1); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 8px; padding: 16px; margin-bottom: 20px; }
.zs-m-0-0-8-white-fs14 { margin: 0 0 8px 0; color: var(--zekt-white); font-size: 14px; }
.zs-m-0-fs12-gray-light-lh16 { margin: 0; font-size: 12px; color: var(--zekt-gray-light); line-height: 1.6; }

/* Flex gap12 mt20 */
.zs-flex-12-mt20 { display: flex; gap: 12px; margin-top: 20px; }

/* fs16 combos */
.zs-fs16-orange-fw500 { font-size: 16px; color: #ff9800; font-weight: 500; }
.zs-fs16-white-fw500 { font-size: 16px; color: var(--zekt-white); font-weight: 500; }
.zs-fs12-orange-fw500 { font-size: 12px; color: #ff9800; font-weight: 500; }
.zs-fs12-gray-light-mt4-opacity06 { font-size: 12px; color: var(--zekt-gray-light); margin-top: 4px; opacity: 0.6; }

/* Grid 4 col */
.zs-grid-4-col-12 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }

/* Blue info chip */
.zs-chip-2196f3-p10-r8-fs12 { padding: 10px; background: rgba(33, 150, 243, 0.1); border: 1px solid rgba(33, 150, 243, 0.3); border-radius: 8px; font-size: 12px; color: #2196f3; }

/* mt8 fs11 ff9800 */
.zs-mt8-fs11-ff9800 { margin-top: 8px; font-size: 11px; color: #ff9800; }

/* f44336 card p14 */
.zs-card-f44336-r8-p14 { padding: 14px; background: rgba(244, 67, 54, 0.1); border: 1px solid rgba(244, 67, 54, 0.3); border-radius: 8px; }

/* Badge f44336 */
.zs-badge-f44336-r6-fs11 { padding: 6px 12px; background: rgba(244, 67, 54, 0.15); border-radius: 6px; font-size: 11px; color: #f44336; }

/* Row f44336 left-border */
.zs-row-f44336-left3-r4-mb6 { padding: 8px; margin-bottom: 6px; background: rgba(244, 67, 54, 0.05); border-left: 3px solid #f44336; border-radius: 4px; }
.zs-gray-light-fs11-mb3 { font-size: 11px; color: var(--zekt-gray-light); margin-bottom: 3px; }
.zs-f44336-fs12-fw500-mb2 { font-size: 12px; color: #f44336; font-weight: 500; margin-bottom: 2px; }
.zs-gray-light-fs11-mono-wordbreak { font-size: 11px; color: var(--zekt-gray-light); font-family: monospace; word-break: break-word; }

/* Flex 12 pt16 border-top */
.zs-flex-12-pt16-border-top { display: flex; gap: 12px; padding-top: 16px; border-top: 1px solid var(--zekt-gray-border); }

/* Blue btn flex-1 */
.zs-flex1-btn-blue-center { flex: 1; padding: 10px; background: #2196f3; color: white; border: none; border-radius: 8px; font-size: 13px; font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; }
.zs-flex1-btn-green-center { flex: 1; padding: 10px; background: var(--zekt-green); color: black; border: none; border-radius: 8px; font-size: 13px; font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; }

/* pt8 border-top */
.zs-pt8-border-top { padding-top: 8px; border-top: 1px solid var(--zekt-gray-border); }

/* fs11 combos */
.zs-fs11-ff9800-fw500 { font-size: 11px; color: #ff9800; font-weight: 500; }
.zs-fs10-gray-light-mono-ml4 { font-size: 10px; color: var(--zekt-gray-light); font-family: monospace; margin-left: 4px; }
.zs-fs12-mt8 { font-size: 12px; margin-top: 8px; }

/* Inline flex em p8-14 */
.zs-inline-flex-6-09em-p8-14 { display: inline-flex; align-items: center; gap: 6px; font-size: 0.9em; padding: 8px 14px; }

/* Transition bg */
.zs-transition-bg-02 { transition: background-color 0.2s ease; }
.zs-bg-000000 { background-color: #000000; }

/* White no-underline link */
.zs-white-no-underline { color: var(--zekt-white); text-decoration: none; }

/* Orange mono */
.zs-orange-mono-09em { color: var(--zekt-orange); font-family: monospace; font-size: 0.9em; }

/* Badge white gray */
.zs-badge-gray-border-075em { background: var(--zekt-gray-border); padding: 2px 8px; border-radius: 4px; font-size: 0.75em; margin-right: 4px; color: var(--zekt-white); }

/* p6-0 border-bottom */
.zs-p6-0-border-bottom { padding: 6px 0; border-bottom: 1px solid var(--zekt-gray-border); }

/* Green tag ml6 */
.zs-badge-green-ml6 { background: var(--zekt-green); padding: 1px 5px; border-radius: 4px; margin-left: 6px; }

/* Orange bg mt10 */
.zs-bg-orange-010-p8-r6-mt10 { background: rgba(255, 152, 0, 0.1); padding: 8px; border-radius: 6px; margin-top: 10px; }

/* Multi-line orange gradient card */
.zs-card-orange-gradient-flex-mb24 { background: linear-gradient(135deg, rgba(255, 152, 0, 0.15) 0%, rgba(255, 87, 34, 0.1) 100%); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 12px; padding: 20px 24px; margin-bottom: 24px; display: flex; align-items: center; gap: 16px; }

/* 48px orange icon container */
.zs-icon-48-orange-r12 { width: 48px; height: 48px; background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

/* White fs24 */
.zs-white-fs24 { color: white; font-size: 24px; }

/* Orange heading */
.zs-m-0-0-4-ff9800-11em-fw600 { margin: 0 0 4px 0; color: #ff9800; font-size: 1.1em; font-weight: 600; }
.zs-m-0-gray-light-09em-lh15 { margin: 0; color: var(--zekt-gray-light); font-size: 0.9em; line-height: 1.5; }

/* Pill badge orange */
.zs-pill-ff9800-020 { padding: 8px 16px; background: rgba(255, 152, 0, 0.2); border-radius: 20px; color: #ff9800; font-weight: 600; font-size: 0.85em; white-space: nowrap; }

/* Spinner border-top orange */
.zs-border-top-color-ff9800 { border-top-color: #ff9800; }

/* 64px ff9800 opacity */
.zs-fs64-ff9800-opacity05 { font-size: 64px; color: #ff9800; opacity: 0.5; }

/* Small ff9800 text */
.zs-ff9800-085em-mb4 { color: #ff9800; font-size: 0.85em; margin-bottom: 4px; }
.zs-center-p12-16-ff9800-fw500-085em { text-align: center; padding: 12px 16px; color: #ff9800; font-weight: 500; font-size: 0.85em; }
.zs-gray-light-085em-mt2 { color: var(--zekt-gray-light); font-size: 0.85em; margin-top: 2px; }

/* Inline pill ffd600 */
.zs-pill-ffd600-gradient { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 16px; background: linear-gradient(135deg, rgba(255, 214, 0, 0.22) 0%, rgba(255, 180, 0, 0.12) 100%); border: 1px solid #ffd600; color: #ffd600; font-size: 0.8em; font-weight: 600; box-shadow: 0 0 6px rgba(255, 214, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15); cursor: default; }

/* Center white 09em */
.zs-p16-center-white-09em { padding: 16px; text-align: center; color: var(--zekt-white); font-size: 0.9em; }
.zs-flex-center-12 { display: flex; align-items: center; justify-content: center; gap: 12px; }

/* Toggle input */
.zs-toggle-track { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; }
.zs-toggle-input-hidden { opacity: 0; width: 0; height: 0; }
.zs-text-left-minw80 { text-align: left; min-width: 80px; }

/* ff9800 small fw500 */
.zs-ff9800-085em-fw500 { color: #ff9800; font-size: 0.85em; font-weight: 500; }

/* Grid auto 300 gap24 */
.zs-grid-auto-fit-300-gap24 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }

/* 48px colored icon containers */
.zs-icon-48-green-r12 { width: 48px; height: 48px; background: rgba(76, 175, 80, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.zs-icon-48-blue-r12 { width: 48px; height: 48px; background: rgba(33, 150, 243, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.zs-icon-48-purple-r12 { width: 48px; height: 48px; background: rgba(156, 39, 176, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.zs-4caf50-fs24 { color: #4caf50; font-size: 24px; }
.zs-w100-center-4caf50-opacity05 { width: 100%; justify-content: center; border-color: #4caf50; color: #4caf50; opacity: 0.5; }
.zs-w100-center-2196f3-opacity05 { width: 100%; justify-content: center; border-color: #2196f3; color: #2196f3; opacity: 0.5; }

/* ==========================================================================
   Batch 19 — top-100+ audit patterns round 17
   ========================================================================== */

/* Purple 9c27b0 icon */
.zs-9c27b0-fs24 { color: #9c27b0; font-size: 24px; }
.zs-w100-center-9c27b0-opacity05 { width: 100%; justify-content: center; border-color: #9c27b0; color: #9c27b0; opacity: 0.5; }
.zs-icon-48-orange-010-r12 { width: 48px; height: 48px; background: rgba(255, 152, 0, 0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.zs-w100-center-ff9800-opacity05 { width: 100%; justify-content: center; border-color: #ff9800; color: #ff9800; opacity: 0.5; }

/* Orange hint bar mt24 */
.zs-hint-orange-flex-mt24 { margin-top: 24px; padding: 16px 20px; background: rgba(255, 152, 0, 0.05); border: 1px solid rgba(255, 152, 0, 0.2); border-radius: 12px; display: flex; align-items: center; gap: 12px; }

/* Flex wrap center mb16 */
.zs-flex-wrap-16-mb16-center { display: flex; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; align-items: center; }

/* Border color / font-size white */
.zs-border-white-color-white { border-color: var(--zekt-gray-border); color: var(--zekt-white); }

/* Large gray-light icon */
.zs-fs64-gray-light-opacity03 { font-size: 64px; color: var(--zekt-gray-light); opacity: 0.3; }

/* White margin 16 8 */
.zs-white-m16-0-8-0 { color: var(--zekt-white); margin: 16px 0 8px 0; }

/* Center pill white */
.zs-center-p12-16-white-fw500-085em { padding: 12px 16px; text-align: center; color: var(--zekt-white); font-weight: 500; font-size: 0.85em; }
.zs-white-09em-fw500-flex-6 { color: var(--zekt-white); font-size: 0.9em; font-weight: 500; display: flex; align-items: center; gap: 6px; }

/* Separator icon */
.zs-gray-light-fs14-vmid-m0-4 { font-size: 14px; color: var(--zekt-gray-light); vertical-align: middle; margin: 0 4px; }

/* Badge green 02 */
.zs-badge-green-02-075em { background: rgba(76, 175, 80, 0.2); color: var(--zekt-green); padding: 2px 8px; border-radius: 4px; font-size: 0.75em; }
.zs-badge-blue-02-075em { background: rgba(33, 150, 243, 0.2); color: #2196f3; padding: 2px 8px; border-radius: 4px; font-size: 0.75em; }

/* Ghost border btn */
.zs-btn-ghost-border-r6-p6 { background: transparent; border: 1px solid var(--zekt-gray-border); border-radius: 6px; padding: 6px; cursor: pointer; }
.zs-btn-ghost-orange-border-r6-p6 { background: transparent; border: 1px solid #ff9800; border-radius: 6px; padding: 6px; cursor: pointer; }
.zs-fs18-2196f3 { font-size: 18px; color: #2196f3; }

/* 0a0a0a modal 1000 */
.zs-modal-0a0a0a-1000 { background: #0a0a0a; border: 1px solid var(--zekt-gray-border); border-radius: 12px; max-width: 1000px; width: 100%; max-height: 90vh; overflow-y: auto; }
.zs-modal-0a0a0a-600 { background: #0a0a0a; border: 1px solid var(--zekt-gray-border); border-radius: 12px; max-width: 600px; width: 100%; }

/* White 085em wordbreak */
.zs-white-085em-wordbreak { color: var(--zekt-white); font-size: 0.85em; word-break: break-all; }

/* 3-col center grid */
.zs-grid-1fr-auto-1fr-mb24 { display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; margin-bottom: 24px; align-items: center; }

/* Orange/blue small fw500 */
.zs-ff9800-08em-mb4-fw500 { color: #ff9800; font-size: 0.8em; margin-bottom: 4px; font-weight: 500; }
.zs-2196f3-08em-mb4-fw500 { color: #2196f3; font-size: 0.8em; margin-bottom: 4px; font-weight: 500; }

/* Tab row gap8 mb16 */
.zs-tab-row-8-mb16-border-bottom { display: flex; gap: 8px; margin-bottom: 16px; border-bottom: 1px solid var(--zekt-gray-border); padding-bottom: 8px; }

/* Green btn 4caf50 */
.zs-btn-green-4caf50-r6-085em { background: rgba(76, 175, 80, 0.2); border: 1px solid var(--zekt-green); color: var(--zekt-green); padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 0.85em; }

/* Display block */
.zs-display-block { display: block; }

/* Dark 1a1a1a cards */
.zs-card-1a1a1a-p40-center { background: #1a1a1a; padding: 40px; border-radius: 8px; border: 1px solid var(--zekt-gray-border); text-align: center; }
.zs-card-1a1a1a-grid-auto-150 { background: #1a1a1a; padding: 16px; border-radius: 8px; border: 1px solid var(--zekt-gray-border); display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; }
.zs-card-1a1a1a-p16-mb20 { background: #1a1a1a; padding: 16px; border-radius: 8px; border: 1px solid var(--zekt-gray-border); margin-bottom: 20px; }

/* Transform scale */
.zs-m-0-scale-08 { margin: 0; transform: scale(0.8); }

/* Gray-light 09 fw500 */
.zs-gray-light-09em-fw500 { color: var(--zekt-gray-light); font-size: 0.9em; font-weight: 500; }

/* Center p60 */
.zs-flex-center-p60 { display: flex; justify-content: center; padding: 60px; }

/* 48px orange */
.zs-fs48-ff9800 { font-size: 48px; color: #ff9800; }

/* Orange fw600 w20 */
.zs-ff9800-fw600-w20 { color: #ff9800; font-weight: 600; width: 20px; }

/* White 09em ellipsis */
.zs-white-09em-ellipsis { color: var(--zekt-white); font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* m-4-0-0-0 08em */
.zs-m-4000-08em { margin: 4px 0 0 0; font-size: 0.8em; }

/* Mini bar chart */
.zs-bar-chart-80h { display: flex; align-items: flex-end; gap: 4px; height: 80px; margin-bottom: 8px; }
.zs-bar-col { flex: 1; display: flex; flex-direction: column; align-items: center; }
.zs-bar-label-07em { display: flex; justify-content: space-between; font-size: 0.7em; color: var(--zekt-white); }
.zs-white-08em-mb6 { color: var(--zekt-white); font-size: 0.8em; margin-bottom: 6px; }

/* e040fb purple badge */
.zs-badge-9c27b0-02-e040fb { background: rgba(156, 39, 176, 0.2); color: #e040fb; padding: 4px 10px; border-radius: 12px; font-size: 0.85em; }

/* Capitalize */
.zs-white-09em-capitalize { color: var(--zekt-white); font-size: 0.9em; text-transform: capitalize; }

/* 32px brand colors mb8 */
.zs-fs32-ff9800-mb8 { font-size: 32px; color: #ff9800; margin-bottom: 8px; }
.zs-fs32-2196f3-mb8 { font-size: 32px; color: #2196f3; margin-bottom: 8px; }
.zs-fs32-9c27b0-mb8 { font-size: 32px; color: #9c27b0; margin-bottom: 8px; }

/* Grid auto 400 */
.zs-grid-auto-fit-400-gap24 { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 24px; }

/* p20 flex between */
.zs-p20-flex-between { padding: 20px; display: flex; align-items: center; justify-content: space-between; }

/* White 09em mt4 */
.zs-white-09em-mt4 { color: var(--zekt-white); font-size: 0.9em; margin-top: 4px; }

/* Right align mw150 */
.zs-right-max-w-150 { text-align: right; max-width: 150px; }

/* Progress bar dark */
.zs-progress-bar-020-6h { background: rgba(0,0,0,0.2); height: 6px; width: 100%; }

/* Flex between mb15 */
.zs-flex-between-mb15 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }

/* p16-20 */
.zs-p16-20 { padding: 16px 20px; }

/* Grid 3 col text-center */
.zs-grid-3-col-12-center { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; text-align: center; }

/* Stat mini cards */
.zs-card-green-010-r8-p12 { padding: 12px; background: rgba(0, 255, 136, 0.1); border-radius: 8px; border: 1px solid rgba(0, 255, 136, 0.2); }
.zs-green-14em-fw600 { color: var(--zekt-green); font-size: 1.4em; font-weight: 600; }
.zs-card-orange-010-r8-p12 { padding: 12px; background: rgba(255, 152, 0, 0.1); border-radius: 8px; border: 1px solid rgba(255, 152, 0, 0.2); }
.zs-ff9800-14em-fw600 { color: #ff9800; font-size: 1.4em; font-weight: 600; }
.zs-card-f44336-010-r8-p12 { padding: 12px; background: rgba(244, 67, 54, 0.1); border-radius: 8px; border: 1px solid rgba(244, 67, 54, 0.2); }
.zs-f44336-14em-fw600 { color: #f44336; font-size: 1.4em; font-weight: 600; }

/* Dark note */
.zs-dark-note-075em-mt12 { margin-top: 12px; padding: 8px 12px; background: rgba(0, 0, 0, 0.2); border-radius: 6px; font-size: 0.75em; color: var(--zekt-white); }

/* Orange underline */
.zs-ff9800-underline { color: #ff9800; text-decoration: underline; }

/* Green flex card p12 */
.zs-card-green-005-flex-p12 { display: flex; align-items: center; gap: 12px; padding: 12px; background: rgba(0, 255, 136, 0.05); border-radius: 8px; border: 1px solid rgba(0, 255, 136, 0.2); }

/* Orange gradient box mt24 */
.zs-card-orange-gradient-p20-mt24 { margin-top: 24px; background: linear-gradient(135deg, rgba(255, 152, 0, 0.1) 0%, rgba(255, 87, 34, 0.05) 100%); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 12px; padding: 20px; }

/* Red card flex start p12 */
.zs-card-f44336-flex-start-p12 { display: flex; align-items: start; gap: 12px; padding: 12px; background: rgba(244, 67, 54, 0.1); border-radius: 8px; border: 1px solid rgba(244, 67, 54, 0.3); }

/* mt2 color icons */
.zs-f44336-mt2 { color: #f44336; margin-top: 2px; }
.zs-gray-light-085em-mt4 { color: var(--zekt-gray-light); font-size: 0.85em; margin-top: 4px; }
.zs-2196f3-mt2 { color: #2196f3; margin-top: 2px; }
.zs-green-mt2 { color: var(--zekt-green); margin-top: 2px; }

/* ==========================================================================
   Batch 20 — top-100 audit patterns round 18
   ========================================================================== */

/* Center p40 */
.zs-flex-center-p40 { display: flex; justify-content: center; padding: 40px; }

/* Auto right flex gap8 */
.zs-ml-auto-flex-8-center { margin-left: auto; display: flex; gap: 8px; align-items: center; }

/* Overflow 600 */
.zs-max-h-600-scroll { max-height: 600px; overflow-y: auto; }

/* Badge pills 08em fw600 */
.zs-badge-f44336-02-08em-fw6 { background: rgba(244, 67, 54, 0.2); color: #f44336; padding: 4px 10px; border-radius: 12px; font-size: 0.8em; font-weight: 600; }
.zs-badge-ff9800-02-08em-fw6 { background: rgba(255, 152, 0, 0.2); color: #ff9800; padding: 4px 10px; border-radius: 12px; font-size: 0.8em; font-weight: 600; }
.zs-badge-2196f3-02-08em { background: rgba(33, 150, 243, 0.2); color: #2196f3; padding: 4px 10px; border-radius: 12px; font-size: 0.8em; }

/* White misc */
.zs-m-0-white-095em { margin: 0; color: var(--zekt-white); font-size: 0.95em; }
.zs-m8-0-white-085em-lh15 { margin: 8px 0; color: var(--zekt-white); font-size: 0.85em; line-height: 1.5; }

/* Dark row 020 */
.zs-dark-row-020-flex-start-8 { background: rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 10px 12px; margin: 8px 0; display: flex; align-items: flex-start; gap: 8px; }

/* 4caf50 fs18 mt1 */
.zs-4caf50-fs18-mt1 { color: #4caf50; font-size: 18px; margin-top: 1px; }

/* White 085 lh14 */
.zs-white-085em-lh14 { color: var(--zekt-white); font-size: 0.85em; line-height: 1.4; }

/* Flex wrap 16 mt12 */
.zs-flex-16-mt12-wrap { display: flex; align-items: center; gap: 16px; margin-top: 12px; flex-wrap: wrap; }

/* Dark row 015 gap20 */
.zs-dark-row-015-flex-20 { background: rgba(0, 0, 0, 0.15); border-radius: 8px; padding: 14px 16px; margin: 10px 0; display: flex; align-items: center; gap: 20px; }
.zs-dark-row-015-flex-16 { background: rgba(0, 0, 0, 0.15); border-radius: 8px; padding: 12px 16px; margin: 10px 0; display: flex; align-items: center; gap: 16px; }

/* Stat center min70 */
.zs-center-minw70 { text-align: center; min-width: 70px; }

/* Gray-light 07em */
.zs-gray-light-07em { color: var(--zekt-gray-light); font-size: 0.7em; }

/* Flex col gap6 */
.zs-flex-col-1-gap6 { flex: 1; display: flex; flex-direction: column; gap: 6px; }

/* Gray-light 075em w80 */
.zs-gray-light-075em-w80 { color: var(--zekt-gray-light); font-size: 0.75em; width: 80px; }

/* Progress bar white 01 h6 r3 */
.zs-bar-white-01-h6-r3 { flex: 1; background: rgba(255,255,255,0.1); height: 6px; border-radius: 3px; }

/* White 075em w28 right */
.zs-white-075em-w28-right { color: var(--zekt-white); font-size: 0.75em; width: 28px; text-align: right; }

/* Color stat em fw6 */
.zs-4caf50-13em-fw6 { color: #4caf50; font-size: 1.3em; font-weight: 600; }
.zs-f44336-13em-fw6 { color: #f44336; font-size: 1.3em; font-weight: 600; }

/* ml-auto center */
.zs-ml-auto-center { margin-left: auto; text-align: center; }

/* f44336 11em fw6 */
.zs-f44336-11em-fw6 { color: #f44336; font-size: 1.1em; font-weight: 600; }

/* Gray-light 075em mb8 */
.zs-gray-light-075em-mb8 { color: var(--zekt-gray-light); font-size: 0.75em; margin-bottom: 8px; }

/* ff9800 08em */
.zs-ff9800-08em { color: #ff9800; font-size: 0.8em; }

/* 9e9e9e fs16 */
.zs-9e9e9e-fs16 { color: #9e9e9e; font-size: 16px; }

/* Orange empty state gradient */
.zs-empty-orange-gradient-p40 { background: linear-gradient(135deg, rgba(255, 152, 0, 0.05) 0%, rgba(255, 87, 34, 0.02) 100%); border: 1px solid rgba(255, 152, 0, 0.2); border-radius: 12px; padding: 40px 20px; text-align: center; }

/* fs48 ff9800 opacity05 */
.zs-fs48-ff9800-opacity05 { font-size: 48px; color: #ff9800; opacity: 0.5; }

/* White 11em m16-0-8-0 */
.zs-m16-0-8-0-white-11em { margin: 16px 0 8px 0; color: var(--zekt-white); font-size: 1.1em; }

/* Gray-light 09em maxw400 m0auto mb16 */
.zs-gray-light-09em-maxw400-m-auto-mb16 { color: var(--zekt-gray-light); font-size: 0.9em; max-width: 400px; margin: 0 auto 16px auto; }

/* f44336 empty state */
.zs-empty-f44336-005-p30-center { background: rgba(244, 67, 54, 0.05); border: 1px solid rgba(244, 67, 54, 0.2); border-radius: 12px; padding: 30px 20px; text-align: center; }

/* fs40 f44336 opacity05 */
.zs-fs40-f44336-opacity05 { font-size: 40px; color: #f44336; opacity: 0.5; }

/* Gray-light 09em m-12-0-0-0 */
.zs-gray-light-09em-m12-0-0-0 { color: var(--zekt-gray-light); font-size: 0.9em; margin: 12px 0 0 0; }

/* Flex col center p40 gap12 */
.zs-flex-col-center-p40-12 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; gap: 12px; }

/* Nospace color variants */
.zs-00ff88-fs24-nospace { color:#00ff88;font-size:24px; }
.zs-minw-17ch { min-width:17ch; }
.zs-fbbf24-088rem { color:#fbbf24;font-size:0.88rem; }
.zs-ff8800-fs13 { font-size:13px;color:#ff8800; }
.zs-ff8800-bg-015 { background:rgba(255,136,0,0.15);color:#ff8800;border:1px solid rgba(255,136,0,0.3); }
.zs-00ff88-bg-008 { background:rgba(0,255,136,0.08);border:1px solid rgba(0,255,136,0.12); }
.zs-00ff88-bg-010 { background:rgba(0,255,136,0.1);color:#00ff88;border:1px solid rgba(0,255,136,0.2); }
.zs-opacity-035-no-pointer { opacity:0.35;pointer-events:none; }
.zs-ff8800-fs14-vmid { font-size:14px;vertical-align:-2px;color:#ff8800; }
.zs-avatar-selected-40 { width:40px;height:40px;outline:2px solid #00ff88;outline-offset:3px;box-shadow:0 0 12px rgba(0,255,136,0.35); }
.zs-00ff88-fs20 { font-size:20px;color:#00ff88; }
.zs-avatar-unselected-36 { width:36px;height:36px;opacity:0.45;outline:2px solid transparent;outline-offset:3px;box-shadow:none; }
.zs-white-045 { color:rgba(255,255,255,0.45); }
.zs-ff8800-fs20 { color:#ff8800;font-size:20px; }
.zs-ff8800-bg-008 { background:rgba(255,136,0,0.08);border:1px solid rgba(255,136,0,0.15); }
.zs-ff8800-bg-010 { background:rgba(255,136,0,0.1);color:#ff8800;border:1px solid rgba(255,136,0,0.2); }
.zs-fs16-opacity-04 { font-size:16px;opacity:0.4; }

/* Grid auto 160 mb24 */
.zs-grid-auto-160-mb24 { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; margin-bottom: 24px; }

/* Gray-light 08em mt4 */
.zs-gray-light-08em-mt4 { color: var(--zekt-gray-light); font-size: 0.8em; margin-top: 4px; }

/* Flex wrap 16 mb24 */
.zs-flex-wrap-16-mb24 { display: flex; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; align-items: center; }

/* Green 15em fw6 mt4 */
.zs-green-15em-fw6-mt4 { color: var(--zekt-green); font-size: 1.5em; font-weight: 600; margin-top: 4px; }

/* 28px f44336 */
.zs-fs28-f44336 { font-size: 28px; color: #f44336; }

/* f44336 15em fw6 mt4 */
.zs-f44336-15em-fw6-mt4 { color: #f44336; font-size: 1.5em; font-weight: 600; margin-top: 4px; }

/* 28px 9c27b0 */
.zs-fs28-9c27b0 { font-size: 28px; color: #9c27b0; }

/* zekt-gray card center p60 */
.zs-card-gray-r12-p60-center { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 12px; padding: 60px; text-align: center; }

/* fs64 ff9800 opacity03 */
.zs-fs64-ff9800-opacity03 { font-size: 64px; color: #ff9800; opacity: 0.3; }

/* ffffff m16-0-8-0 */
.zs-ffffff-m16-0-8-0 { color: #ffffff; margin: 16px 0 8px 0; }
.zs-ffffff-m-0 { color: #ffffff; margin: 0; }

/* Display grid gap16 */
.zs-display-grid-gap16 { display: grid; gap: 16px; }

/* Gray center mt24 */
.zs-card-gray-center-mt24-p20 { text-align: center; margin-top: 24px; padding: 20px; background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 12px; }

/* Gray-light mb12 09em */
.zs-gray-light-mb12-09em { color: var(--zekt-gray-light); margin-bottom: 12px; font-size: 0.9em; }

/* p10-24 */
.zs-p10-24 { padding: 10px 24px; }

/* Header row with flex between wrap */
.zs-header-row-flex-between-wrap { padding: 16px 20px; border-bottom: 1px solid var(--zekt-gray-border); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }

/* Flex align 16 085em */
.zs-flex-16-085em { display: flex; align-items: center; gap: 16px; font-size: 0.85em; }

/* 08em p6-12 */
.zs-fs08em-p6-12 { font-size: 0.8em; padding: 6px 12px; }

/* p24-20 overflow-x */
.zs-p24-20-overflow-x { padding: 24px 20px; overflow-x: auto; }

/* Journey flex min-fit */
.zs-flex-center-gap0-minfit { display: flex; align-items: center; justify-content: center; gap: 0; min-width: fit-content; }

/* Journey step blue */
.zs-journey-step-2196f3 { background: rgba(33, 150, 243, 0.1); border: 1px solid rgba(33, 150, 243, 0.3); border-radius: 8px; padding: 12px 16px; text-align: center; min-width: 140px; }

/* fs24 2196f3 */
.zs-fs24-2196f3 { font-size: 24px; color: #2196f3; }

/* Gradient connector */
.zs-connector-gradient { width: 40px; height: 2px; background: linear-gradient(90deg, #2196f3, #ff9800); }

/* White 07em mt4 */
.zs-white-07em-mt4 { color: var(--zekt-white); font-size: 0.7em; margin-top: 4px; }

/* Journey step orange */
.zs-journey-step-ff9800 { background: rgba(255, 152, 0, 0.1); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 8px; padding: 12px 16px; text-align: center; min-width: 100px; }

/* 1a1a1a modal 800 */
.zs-modal-1a1a1a-800 { background-color: #1a1a1a; border: 1px solid var(--zekt-gray-border); border-radius: 12px; max-width: 800px; width: 100%; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6); }

/* White m-0-0-16-0 095em */
.zs-white-m-0-0-16-0-095em { color: var(--zekt-white); margin: 0 0 16px 0; font-size: 0.95em; }

/* White fw500 09em */
.zs-white-fw500-09em { color: var(--zekt-white); font-weight: 500; font-size: 0.9em; }

/* White 08em mt4 */
.zs-white-08em-mt4 { color: var(--zekt-white); font-size: 0.8em; margin-top: 4px; }

/* Orange note mt24 */
.zs-note-orange-mt24-r8 { margin-top: 24px; padding: 16px; background: rgba(255, 152, 0, 0.1); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 8px; }

/* Orange heading mb12 09em */
.zs-ff9800-m-0-0-12-0-09em { color: #ff9800; margin: 0 0 12px 0; font-size: 0.9em; }

/* 1a1a1a modal 500 */
.zs-modal-1a1a1a-500 { background-color: #1a1a1a; border: 1px solid var(--zekt-gray-border); border-radius: 12px; padding: 0; max-width: 500px; width: 100%; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); }

/* Input full width */
.zs-input-full-w-fs14 { width: 100%; padding: 12px; background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; color: var(--zekt-white); font-size: 14px; }

/* Block label fw500 mb12 */
.zs-block-white-fw500-mb12 { display: block; color: var(--zekt-white); margin-bottom: 12px; font-weight: 500; }

/* fs32 4caf50 */
.zs-fs32-4caf50 { font-size: 32px; color: #4caf50; }

/* w100 flex center gap8 p14 */
.zs-w100-flex-center-8-p14 { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px; }

/* 4caf50 flex card p12 r6 mb20 */
.zs-card-4caf50-flex-start-p12-r6-mb20 { background: rgba(76, 175, 80, 0.1); border: 1px solid rgba(76, 175, 80, 0.4); padding: 12px; border-radius: 6px; display: flex; align-items: flex-start; gap: 10px; margin-bottom: 20px; }

/* 4caf50 fs20 */
.zs-4caf50-fs20 { color: #4caf50; font-size: 20px; }

/* 4caf50 fw600 mb4 */
.zs-4caf50-fw600-mb4 { color: #4caf50; font-weight: 600; margin-bottom: 4px; }

/* ==========================================================================
   Batch 21 — top-100 audit patterns round 19
   ========================================================================== */

/* Gray-light 078em mt6 */
.zs-gray-light-078em-mt6 { color: var(--zekt-gray-light); font-size: 0.78em; margin-top: 6px; }

/* Blue flex card p12 r6 mb20 */
.zs-card-2196f3-flex-p12-r6-mb20 { background: rgba(33, 150, 243, 0.1); border: 1px solid rgba(33, 150, 243, 0.3); padding: 12px; border-radius: 6px; display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }

/* Orange165 warning card */
.zs-card-ff9900-165-flex-start-p12-r6-mb20 { background: rgba(255, 165, 0, 0.1); border: 1px solid rgba(255, 165, 0, 0.3); padding: 12px; border-radius: 6px; display: flex; align-items: flex-start; gap: 10px; margin-bottom: 20px; }

/* ff9800 fw600 mb6 */
.zs-ff9800-fw600-mb6 { color: #ff9800; font-weight: 600; margin-bottom: 6px; }

/* Green 085em mt6 */
.zs-green-085em-mt6 { color: var(--zekt-green); font-size: 0.85em; margin-top: 6px; }

/* mt10 */
.zs-mt10 { margin-top: 10px; }

/* cursor pointer orange 085em */
.zs-pointer-ff9800-085em-noselect { cursor: pointer; color: #ff9800; font-size: 0.85em; user-select: none; }

/* Dark 030 note mt8 */
.zs-dark-030-note-mt8-p8-r4-08em { margin-top: 8px; padding: 8px; background: rgba(0, 0, 0, 0.3); border-radius: 4px; font-size: 0.8em; }

/* Flex between p4-0 border-bottom white01 */
.zs-flex-between-p4-0-border-white01 { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

/* fs48 mb20 */
.zs-fs48-mb20 { font-size: 48px; margin-bottom: 20px; }

/* Gray-light mb24 maxw600 mx-auto */
.zs-gray-light-mb24-maxw600-mx-auto { color: var(--zekt-gray-light); margin-bottom: 24px; max-width: 600px; margin-left: auto; margin-right: auto; }

/* Red alert card maxw700 */
.zs-alert-red-r8-p20-maxw700-mx-auto { background: rgba(255, 68, 68, 0.1); border: 1px solid var(--zekt-red); border-radius: 8px; padding: 20px; max-width: 700px; margin: 0 auto 24px; text-align: left; }

/* mt0 red */
.zs-mt-0-red { margin-top: 0; color: var(--zekt-red); }

/* White lh18 */
.zs-white-lh18 { color: var(--zekt-white); line-height: 1.8; }

/* mt16 pt16 border-top red03 */
.zs-mt16-pt16-border-top-red-03 { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255, 68, 68, 0.3); }

/* mr12 */
.zs-mr12 { margin-right: 12px; }

/* Nospace flex combos */
.zs-flex-center-6-minw0 { display:flex;align-items:center;gap:6px;min-width:0; }
.zs-overflow-ellipsis-nowrap { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.zs-ffd600-badge-shrink0 { flex-shrink:0;font-size:0.72em;font-weight:600;color:#ffd600;background:rgba(255,214,0,0.12);border:1px solid rgba(255,214,0,0.35);border-radius:8px;padding:1px 7px;white-space:nowrap; }
.zs-555-08em-italic { color:#555;font-size:0.8em;font-style:italic; }

/* border-left-color orange/ffd600/00bcd4 */
.zs-border-left-ff9800 { border-left-color: #ff9800; }
.zs-fs14-color-000 { font-size: 14px; color: #000; }
.zs-border-left-ffd600 { border-left-color: #ffd600; }
.zs-fs14-ffd600 { font-size: 14px; color: #ffd600; }
.zs-border-left-00bcd4 { border-left-color: #00bcd4; }

/* Blue card 015 r8 p16 mb20 */
.zs-card-2196f3-015-r8-p16-mb20 { background: rgba(33, 150, 243, 0.15); border: 1px solid rgba(33, 150, 243, 0.4); padding: 16px; border-radius: 8px; margin-bottom: 20px; }

/* 2196f3 fw600 mb8 095em */
.zs-2196f3-fw600-mb8-095em { color: #2196f3; font-weight: 600; margin-bottom: 8px; font-size: 0.95em; }

/* White 09em lh16 */
.zs-white-09em-lh16 { color: var(--zekt-white); font-size: 0.9em; line-height: 1.6; }

/* Green left-border mt12 */
.zs-note-green-left3-mt12-r4 { margin-top: 12px; padding: 12px; background: rgba(0, 255, 136, 0.1); border-left: 3px solid var(--zekt-green); border-radius: 4px; }

/* 085em gray-light mb4 */
.zs-085em-gray-light-mb4 { font-size: 0.85em; color: var(--zekt-gray-light); margin-bottom: 4px; }

/* 14em fw6 green */
.zs-14em-fw6-green { font-size: 1.4em; font-weight: 600; color: var(--zekt-green); }

/* 08em gray-light mt4 */
.zs-08em-gray-light-mt4 { font-size: 0.8em; color: var(--zekt-gray-light); margin-top: 4px; }

/* 07em white mt8 */
.zs-07em-white-mt8 { font-size: 0.7em; color: #ffffff; margin-top: 8px; }

/* h20 */
.zs-h20 { height: 20px; }

/* Flex center 6 white */
.zs-flex-center-6-white { display: flex; align-items: center; gap: 6px; color: #ffffff; }

/* fs14 white cursor help */
.zs-fs14-white-help { font-size: 14px; color: #ffffff; cursor: help; }

/* Yellow ffc107 empty state */
.zs-empty-ffc107-005-p3rem-center { text-align: center; padding: 3rem; background: rgba(255, 193, 7, 0.05); border: 1px solid rgba(255, 193, 7, 0.2); border-radius: 12px; }
.zs-m-auto-mb-15rem-block { margin: 0 auto 1.5rem; display: block; }
.zs-ffc107-mb-1rem-13rem { color: #ffc107; margin-bottom: 1rem; font-size: 1.3rem; }
.zs-color-text-secondary-mb-15rem-maxw600-mx-auto { color: var(--color-text-secondary); margin-bottom: 1.5rem; max-width: 600px; margin-left: auto; margin-right: auto; }
.zs-p075rem-2rem-fs1rem { padding: 0.75rem 2rem; font-size: 1rem; }
.zs-vmid-mr-05rem { vertical-align: middle; margin-right: 0.5rem; }

/* Green gradient bg */
.zs-bg-green-gradient-border { background: linear-gradient(135deg, rgba(0, 255, 136, 0.15), rgba(0, 255, 136, 0.05)); border-color: var(--zekt-green); }

/* Nospace misc */
.zs-right-nowrap { text-align:right;white-space:nowrap; }
.zs-555-fs12 { color:#555;font-size:12px; }
.zs-ml8 { margin-left:8px; }
.zs-center-p32-888 { text-align:center;padding:32px;color:#888; }
.zs-fs48-mb8 { font-size:48px;margin-bottom:8px; }
.zs-max-h-60vh-scroll { max-height:60vh;overflow-y:auto; }
.zs-00ff88-minw-12ch { min-width:12ch;color:#00ff88;font-size:inherit;font-weight:inherit;line-height:inherit; }
.zs-bg-00ff88 { background:#00ff88 }
.zs-bg-3b82f6 { background:#3b82f6 }
.zs-bg-6b7280 { background:#6b7280 }
.zs-bg-ff9500 { background:#ff9500 }
.zs-border-00ff88-bg-000 { border-color:#00ff88;background:#000 }
.zs-bg-f59e0b { background:#f59e0b }
.zs-bg-52C41A { background:#52C41A }
.zs-border-FAAD14 { border-color:#FAAD14 }
.zs-border-6b7280 { border-color:#6b7280 }
.zs-bg-FF4D4F { background:#FF4D4F }
.zs-border-ff4444-bg-red02 { border-color:#ff4444;background:rgba(255,68,68,0.2) }
.zs-border-f59e0b-bg-amber02 { border-color:#f59e0b;background:rgba(245,158,11,0.2) }
.zs-color-333 { color: #333; }
.zs-09em-center-maxw300 { font-size: 0.9em; text-align: center; max-width: 300px; }
.zs-075em-333-mt8 { font-size: 0.75em; color: #333; margin-top: 8px; }
.zs-w64-h64-opacity03-mb16 { width: 64px; height: 64px; opacity: 0.3; margin-bottom: 16px; }
.zs-opacity-05 { opacity: 0.5; }

/* Demo pricing nospace */
.zs-maxw1190-p40-0-relative { max-width:1190px;padding:40px 0;position:relative; }
.zs-mb32 { margin-bottom:32px; }
.zs-white-18rem-mb8-flex-035em { color:#fff;font-size:1.8rem;margin-bottom:8px;display:flex;align-items:center;gap:0.35em; }
.zs-p60-0-center { padding:60px 0;text-align:center; }
.zs-888-mb8 { color:#888;margin-bottom:8px; }
.zs-666-maxw440-mx-auto { color:#666;max-width:440px;margin:0 auto; }
.zs-grid-auto-180-mb32 { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px; }
.zs-card-orange-gradient-fw-r12-p20-center { background:linear-gradient(135deg,rgba(255,152,0,0.9) 0%,rgba(255,87,34,0.8) 100%);border:1px solid rgba(255,152,0,0.9);border-radius:12px;padding:20px;text-align:center; }
.zs-000000-08em-mb4-uppercase { color:#000000;font-size:0.8em;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em; }
.zs-000000-2em-fw600 { color:#000000;font-size:2em;font-weight:600; }
.zs-center-pointer-noselect { text-align:center;cursor:pointer;user-select:none; }
.zs-ff9900-fs14-vmid-ml2 { font-size:14px;vertical-align:middle;color:#ff9900;margin-left:2px; }
.zs-4caf50-fs18 { color:#4caf50;font-size:18px; }
.zs-444-fs18 { color:#444;font-size:18px; }
.zs-badge-ff9900-015-r12 { display:inline-flex;align-items:center;gap:4px;background:rgba(255,153,0,0.15);color:#ff9900;border:1px solid rgba(255,153,0,0.4);border-radius:12px;padding:2px 10px;font-size:0.78em;font-weight:600; }
.zs-badge-666-005 { display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,0.05);color:#666;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:2px 10px;font-size:0.78em; }
.zs-ff6b6b-border-08em-p4-12 { color:#ff6b6b;border-color:#ff6b6b;font-size:0.8em;padding:4px 12px; }
.zs-btn-ff9900-000-fw6-08em-p4-14 { background:#ff9900;border:none;color:#000;font-size:0.8em;padding:4px 14px;font-weight:600; }
.zs-fff-fw600-minw18-center { color:#fff;font-weight:600;min-width:18px;text-align:center; }
.zs-center-555 { text-align:center;color:#555; }
.zs-fff-no-underline-fw500 { color:#fff;text-decoration:none;font-weight:500; }
.zs-modal-1a1a2e-ff9900-r16-p32-maxw480 { background:#1a1a2e;border:1px solid rgba(255,153,0,0.4);border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.6); }
.zs-flex-10-mb16 { display:flex;align-items:center;gap:10px;margin-bottom:16px; }
.zs-ff9900-fs24 { color:#ff9900;font-size:24px; }
.zs-fff-m-0 { color:#fff;margin:0; }
.zs-card-ff9900-007-r10-p16-mb20 { background:rgba(255,153,0,0.07);border:1px solid rgba(255,153,0,0.2);border-radius:10px;padding:16px;margin-bottom:20px;font-size:0.88em;color:#aaa;line-height:1.7; }
.zs-888-082em-lh15-mb24 { color:#888;font-size:0.82em;line-height:1.5;margin-bottom:24px; }
.zs-btn-ff9900-000-fw6 { background:#ff9900;border:none;color:#000;font-weight:600; }
.zs-modal-1a1a2e-ff9900-r16-p32-maxw440 { background:#1a1a2e;border:1px solid rgba(255,153,0,0.4);border-radius:16px;padding:32px;max-width:440px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.6); }
.zs-fff-mb8 { color:#fff;margin-bottom:8px; }
.zs-aaa-09em-mb24 { color:#aaa;font-size:0.9em;margin-bottom:24px; }
.zs-09em-border-64b5f6-color-64b5f6 { font-size:0.9em;border-color:#64b5f6;color:#64b5f6; }

/* ==========================================================================
   Batch 22 — top-100 audit patterns round 20
   ========================================================================== */

/* ff9900 nospace border */
.zs-09em-border-ff9900 { font-size:0.9em;border-color:#ff9900;color:#ff9900; }
.zs-p40-0-relative { padding:40px 0;position:relative; }
.zs-fff-18rem-mb8-flex-8-nowrap { color:#fff;font-size:1.8rem;margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap; }
.zs-fff-nowrap { color:#fff;white-space:nowrap; }
.zs-ff9900-nowrap-inline-transition { color:#ff9900;white-space:nowrap;display:inline-block;transition:opacity 0.3s ease,transform 0.3s ease; }
.zs-888-09em-mb20 { color:#888;font-size:0.9em;margin-bottom:20px; }
.zs-flex-8-mb24 { display:flex;gap:8px;margin-bottom:24px; }
.zs-btn-ff9900-015-r8-085em-flex-6-fw6 { padding:7px 18px;border-radius:8px;border:1px solid #ff9900;background:rgba(255,153,0,0.15);color:#ff9900;font-size:0.85em;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:600; }
.zs-btn-333-transparent-r8-085em-flex-6 { padding:7px 18px;border-radius:8px;border:1px solid #333;background:transparent;color:#888;font-size:0.85em;cursor:pointer;display:flex;align-items:center;gap:6px; }
.zs-empty-ff9900-004-dashed-r12-p60-center { background:rgba(255,153,0,0.04);border:1px dashed rgba(255,153,0,0.2);border-radius:12px;padding:60px;text-align:center; }
.zs-666-085em-mt4 { color:#666;font-size:0.85em;margin-top:4px; }
.zs-flex-16-align-start { display:flex;gap:16px;align-items:flex-start; }
.zs-sidebar-0e0e1a-r10-p16-shrink0 { min-width:200px;background:#0e0e1a;border:1px solid #222;border-radius:10px;padding:16px;flex-shrink:0; }
.zs-666-075em-uppercase-letter08-mb12 { color:#666;font-size:0.75em;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px; }
.zs-aaa-082em-block-mb6 { color:#aaa;font-size:0.82em;display:block;margin-bottom:6px; }
.zs-input-151520-r6-082em-mb14 { width:100%;background:#151520;border:1px solid #333;color:#ccc;border-radius:6px;padding:5px 8px;font-size:0.82em;margin-bottom:14px; }
.zs-aaa-082em-flex-8-cursor-mb10 { color:#aaa;font-size:0.82em;display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:10px; }
.zs-aaa-082em-flex-8-cursor-mb14 { color:#aaa;font-size:0.82em;display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:14px; }
.zs-select-333-transparent-r6-p6-082em { width:100%;padding:6px;border-radius:6px;border:1px solid #333;background:transparent;color:#888;font-size:0.8em;cursor:pointer; }
.zs-mt20-border-top-1e1e2a-pt14 { margin-top:20px;border-top:1px solid #1e1e2a;padding-top:14px; }
.zs-555-07em-uppercase-letter08-mb8 { color:#555;font-size:0.7em;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px; }
.zs-flex-col-gap7 { display:flex;flex-direction:column;gap:7px; }
.zs-legend-ff9900-14-r3 { width:14px;height:14px;border-radius:3px;background:rgba(255,153,0,0.25);border:2px solid #ff9900;display:inline-block;flex-shrink:0; }
.zs-legend-64b5f6-14 { width:14px;height:14px;border-radius:2px;background:rgba(100,181,246,0.15);border:2px solid #64b5f6;display:inline-block;flex-shrink:0; }
.zs-legend-b388ff-14-diamond { width:14px;height:14px;background:rgba(179,136,255,0.15);border:2px solid #b388ff;transform:rotate(45deg);display:inline-block;flex-shrink:0; }
.zs-legend-00ff88-14-circle { width:14px;height:14px;border-radius:50%;background:rgba(0,255,136,0.15);border:2px solid #00ff88;display:inline-block;flex-shrink:0; }
.zs-legend-555-14-circle-dashed { width:14px;height:14px;border-radius:50%;background:#1a1a1a;border:2px dashed #555;display:inline-block;flex-shrink:0; }
.zs-flex-1-minw0-relative { flex:1;min-width:0;position:relative; }
.zs-canvas-0d0d16-r12 { width:100%;height:calc(100vh - 300px);min-height:520px;background:#0d0d16;border:1px solid #2a2a2a;border-radius:12px; }
.zs-tooltip-12121e-ff9900-r10-p14-z10 { display:none;position:absolute;top:12px;right:12px;width:220px;background:#12121e;border:1px solid rgba(255,153,0,0.3);border-radius:10px;padding:14px;font-size:0.82em;color:#ccc;z-index:10;box-shadow:0 8px 24px rgba(0,0,0,0.5); }
.zs-fff-095em { color:#fff;font-size:0.95em; }
.zs-555-italic { color:#555;font-style:italic; }
.zs-center-p40-0-ef4444 { text-align:center;padding:40px 0;color:#ef4444; }
.zs-flex-col-gap16 { display:flex;flex-direction:column;gap:16px; }
.zs-flex-10-wrap-center { display:flex;gap:10px;flex-wrap:wrap;align-items:center; }
.zs-input-151520-r6-082em-w180 { background:#151520;border:1px solid #333;color:#ccc;border-radius:6px;padding:6px 10px;font-size:0.82em;width:180px; }
.zs-btn-333-transparent-r6-082em-flex-5 { padding:6px 14px;border-radius:6px;border:1px solid #333;background:transparent;color:#888;font-size:0.82em;cursor:pointer;display:flex;align-items:center;gap:5px; }
.zs-flex-16-minh-calc { display:flex;gap:16px;min-height:calc(100vh - 300px); }
.zs-panel-0e0e1a-w380-scroll { width:380px;flex-shrink:0;overflow-y:auto;max-height:calc(100vh - 300px);background:#0e0e1a;border:1px solid #1e1e2a;border-radius:10px;padding:4px 0; }
.zs-panel-0d0d16-flex-center { flex:1;min-width:0;background:#0d0d16;border:1px solid #1e1e2a;border-radius:10px;display:flex;align-items:center;justify-content:center; }
.zs-center-444 { text-align:center;color:#444; }
.zs-fs25rem-block-mb8 { font-size:2.5rem;display:block;margin-bottom:8px; }
.zs-center-p48-20-555 { text-align:center;padding:48px 20px;color:#555; }
.zs-badge-555-02-r4-p1-6-072em-ml6 { background:rgba(85,85,85,0.2);border:1px solid #444;border-radius:4px;padding:1px 6px;font-size:0.72em;color:#888;margin-left:6px; }
.zs-fs07em-vmid { font-size:0.7em;vertical-align:middle; }
.zs-b388ff-078em { color:#b388ff;font-size:0.78em; }
.zs-444-078em { color:#444;font-size:0.78em; }
.zs-list-item-click-151520 { padding:12px 16px;border-bottom:1px solid #151520;cursor:pointer;transition:background 0.15s; }
.zs-flex-start-between-8 { display:flex;align-items:flex-start;justify-content:space-between;gap:8px; }
.zs-ccc-082em-mono { color:#ccc;font-size:0.82em;font-family:monospace; }
.zs-mt4-flex-8-wrap { margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.zs-444-075em { color:#444;font-size:0.75em; }
.zs-555-075em-nowrap-shrink0 { color:#555;font-size:0.75em;white-space:nowrap;flex-shrink:0; }
.zs-mt4-555-072em { margin-top:4px;color:#555;font-size:0.72em; }
.zs-1em-b388ff { font-size:1em;color:#b388ff; }
.zs-center-p40-555-085em { text-align:center;padding:40px;color:#555;font-size:0.85em; }
.zs-888-08em { color:#888;font-size:0.8em; }
.zs-p16-overflow-auto { padding:16px;overflow:auto; }
.zs-table-w100-082em { width:100%;font-size:0.82em; }
.zs-canvas-h-calc480 { width:100%;height:calc(100vh - 300px);min-height:480px; }
.zs-444-08em-mono { color:#444;font-size:0.8em;font-family:monospace; }
.zs-ff9900-fw600 { color:#ff9900;font-weight:600; }
.zs-00ff88-085em { color:#00ff88;font-size:0.85em; }
/* Big modal 12121e r20 */
.zs-modal-12121e-r20-p40-maxw520 { background:#12121e;border:1px solid rgba(255,153,0,0.35);border-radius:20px;padding:40px;max-width:520px;width:92%;box-shadow:0 24px 80px rgba(0,0,0,0.7); }
.zs-flex-12-mb20 { display:flex;align-items:center;gap:12px;margin-bottom:20px; }
.zs-ff9900-fs2rem { font-size:2rem;color:#ff9900; }
.zs-fff-m-0-fs14rem { color:#fff;margin:0;font-size:1.4rem; }
.zs-aaa-lh19-pl20-mb24 { color:#aaa;line-height:1.9;padding-left:20px;margin-bottom:24px; }
.zs-ff8800-fs22 { color:#ff8800;font-size:22px; }
.zs-btn-none-333-r10-p4-flex-center-shrink0 { background:none;border:2px solid #333;border-radius:10px;padding:4px;cursor:pointer;transition:all 0.25s;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.zs-border-ff8800-scale108 { border-color:#ff8800;transform:scale(1.08) }
.zs-w48-h48-r8-block { width:48px;height:48px;border-radius:8px;display:block; }
.zs-grid-auto-175 { grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); }
.zs-00ff88-fs26 { color:#00ff88;font-size:26px; }
.zs-ff4444-fs26 { color:#ff4444;font-size:26px; }
.zs-ff8800-fs26 { color:#ff8800;font-size:26px; }
.zs-0099ff-fs26 { color:#0099ff;font-size:26px; }
.zs-max-h-560 { max-height: 560px; }
.zs-spin-1s { animation:spin 1s linear infinite; }
.zs-badge-ff8800-015-r4-fs9-fw7-ml4 { display:inline-flex;align-items:center;padding:0 5px;border-radius:4px;font-size:9px;font-weight:700;margin-left:4px;background:rgba(255,136,0,0.15);color:#ff8800; }
.zs-border-left-ff8800-bg-004 { border-left:2px solid rgba(255,136,0,0.35);background:rgba(255,136,0,0.04); }
.zs-ff8800-fs14-opacity06 { font-size:14px;color:#ff8800;opacity:.6; }
.zs-max-h-calc220 { max-height: calc(100vh - 220px); }
/* Filter drop-shadow green logo */
.zs-logo-drop-shadow-green { margin: 0 auto 20px; filter: drop-shadow(0 0 8px rgba(0, 255, 136, 0.4)); }
/* Multi-line dark empty state */
.zs-empty-dark-04-border-white008-r12-p60 { text-align: center; padding: 60px 24px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.08); background-color: rgba(0, 0, 0, 0.4); }
/* Multi-line icon container w80 green */
.zs-icon-80-green-010-r16 { width: 80px; height: 80px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: rgba(0, 255, 136, 0.1); border-radius: 16px; border: 1px solid rgba(0, 255, 136, 0.2); }
.zs-green-fs40-opacity07 { font-size: 40px; color: var(--zekt-green); opacity: 0.7; }
.zs-m-0-0-12-0-white-12em { margin: 0 0 12px 0; color: var(--zekt-white); font-size: 1.2em; }
.zs-white-06-m-0-0-28-0-095em { color: rgba(255, 255, 255, 0.6); margin: 0 0 28px 0; font-size: 0.95em; }
/* Multi-line green header section */
.zs-section-green-008-r12-12-0-flex-between { background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 255, 136, 0.02) 100%); padding: 20px 24px; border-radius: 12px 12px 0 0; border: 1px solid rgba(0, 255, 136, 0.2); border-bottom: none; display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden; }
/* Gradient top accent */
.zs-gradient-top-3px-green { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--zekt-green) 0%, rgba(0, 255, 136, 0.3) 100%); }

/* ==========================================================================
   Batch 23 — top-100+ audit patterns round 21 (ConsumerConnections accordion)
   ========================================================================== */

/* List item click with transition space variant */
.zs-list-item-click-151520-t { padding:12px 16px;border-bottom:1px solid #151520;cursor:pointer; transition:background 0.15s; }

/* 36px green icon container */
.zs-icon-36-green-015-r8 { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(0, 255, 136, 0.15); border-radius: 8px; border: 1px solid rgba(0, 255, 136, 0.25); }

/* White fw600 m0 */
.zs-white-fw600-m0 { margin: 0; color: var(--zekt-white); font-weight: 600; }

/* Green bottom border section */
.zs-section-bottom-green-015-r0-0-12 { border: 1px solid rgba(0, 255, 136, 0.15); border-top: none; border-radius: 0 0 12px 12px; overflow: hidden; }

/* Empty center p48 r12 */
.zs-empty-center-p48-r12 { text-align: center; padding: 48px 24px; border-radius: 12px; }

/* 64px red icon container */
.zs-icon-64-red-010-r12 { width: 64px; height: 64px; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; background: rgba(255, 68, 68, 0.1); border-radius: 12px; border: 1px solid rgba(255, 68, 68, 0.2); }

/* fs32 red var */
.zs-fs32-red-var { font-size: 32px; color: var(--zekt-red, #ff4444); }

/* Item card transparent transition */
.zs-item-card-dark-flex-between { padding: 24px; background-color: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: space-between; gap: 24px; transition: background-color 0.3s ease, border-color 0.35s ease; border: 1px solid transparent; }

/* Flex center 12 mb10 */
.zs-flex-12-mb10 { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }

/* 32px green icon shrink0 */
.zs-icon-32-green-012-r8-shrink0 { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: rgba(0, 255, 136, 0.12); border-radius: 8px; border: 1px solid rgba(0, 255, 136, 0.2); flex-shrink: 0; }

/* White 105em fw600 */
.zs-white-105em-fw600 { margin: 0; color: var(--zekt-white); font-size: 1.05em; font-weight: 600; }

/* ff8800 hover state */
.zs-border-ff8800-010-color { border-color: rgba(255, 136, 0, 0.3); background: rgba(255, 136, 0, 0.1); color: #ff8800; }

/* Flex col 8 ml44 */
.zs-flex-col-8-ml44 { display: flex; flex-direction: column; gap: 8px; margin-left: 44px; }

/* fs16 white05 */
.zs-fs16-white-05 { font-size: 16px; color: rgba(255, 255, 255, 0.5); }

/* White06 09em m0 */
.zs-white-06-09em-m0 { color: rgba(255, 255, 255, 0.6); margin: 0; font-size: 0.9em; }

/* Flex 8 085em white045 */
.zs-flex-8-085em-white045 { display: flex; align-items: center; gap: 8px; font-size: 0.85em; color: rgba(255, 255, 255, 0.45); }

/* Flex col end gap12 */
.zs-flex-col-end-12 { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }

/* Rounded pill action */
.zs-pill-action-r10-p10-14-flex-10 { border-radius: 10px; padding: 10px 14px; display: flex; align-items: center; gap: 10px; }

/* Flex col gap2 */
.zs-flex-col-gap2 { display: flex; flex-direction: column; gap: 2px; }

/* White 085em fw500 */
.zs-white-085em-fw500 { font-size: 0.85em; font-weight: 500; color: var(--zekt-white); }

/* 082em p6-14 */
.zs-082em-p6-14 { font-size: 0.82em; padding: 6px 14px; }

/* fs15 */
.zs-fs15 { font-size: 15px; }

/* Gray-light 09em m-0-0-8-0 */
.zs-gray-light-09em-m0-0-8-0 { color: var(--zekt-gray-light); font-size: 0.9em; margin: 0 0 8px 0; }

/* m8-0-0-0 pl20 gray-light 085em */
.zs-m8-0-0-0-pl20-gray-light-085em { margin: 8px 0 0 0; padding-left: 20px; color: var(--zekt-gray-light); font-size: 0.85em; }

/* Flex 8 09em gray-light */
.zs-flex-8-09em-gray-light { display: flex; align-items: center; gap: 8px; font-size: 0.9em; color: var(--zekt-gray-light); }

/* Orange warning r6 p12 */
.zs-card-orange-var-r6-p12 { background: rgba(245, 158, 11, 0.1); border: 1px solid var(--zekt-orange); border-radius: 6px; padding: 12px; }
.zs-card-orange-var-r8-p16-mb16 { background: rgba(245, 158, 11, 0.1); border: 1px solid var(--zekt-orange); border-radius: 8px; padding: 16px; margin-bottom: 16px; }

/* Gray-light m-0-0-12-0 09em */
.zs-gray-light-m0-0-12-0-09em { color: var(--zekt-gray-light); margin: 0 0 12px 0; font-size: 0.9em; }
.zs-gray-light-m0-085em { color: var(--zekt-gray-light); margin: 0; font-size: 0.85em; }

/* 3b82f6 blue card */
.zs-card-3b82f6-010-r8-p16-mb24 { background: rgba(96, 165, 250, 0.1); border: 1px solid #3b82f6; border-radius: 8px; padding: 16px; margin-bottom: 24px; }
.zs-3b82f6-fs24 { color: #3b82f6; font-size: 24px; }

/* fs64 green opacity05 */
.zs-fs64-green-opacity05 { font-size: 64px; color: var(--zekt-green); opacity: 0.5; }

/* Gray-dark bottom border */
.zs-bg-gray-dark-border-bottom { background: var(--zekt-gray-dark); border-bottom: 2px solid var(--zekt-gray-border); }

/* fs16 00bcd4 vmid */
.zs-fs16-00bcd4-vmid { font-size: 16px; color: #00bcd4; vertical-align: middle; }

/* Orange ellipsis maxw200 */
.zs-orange-085em-maxw200-ellipsis { color: var(--zekt-orange); font-size: 0.85em; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }

/* Red alert r6 p12 */
.zs-card-red-ef-010-r6-p12 { background: rgba(239, 68, 68, 0.1); border: 1px solid var(--zekt-orange); border-radius: 6px; padding: 12px; }

/* Grid 2 col mb28 */
.zs-grid-2-col-20-mb28 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 28px; }

/* Green gradient card mb24 */
.zs-card-green-gradient-mb24-r12-overflow { margin-bottom: 24px; background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 255, 136, 0.03) 100%); border: 1px solid rgba(0, 255, 136, 0.3); border-radius: 12px; overflow: hidden; position: relative; }
.zs-card-orange-gradient-mb24-r12-overflow { margin-bottom: 24px; background: linear-gradient(135deg, rgba(255, 152, 0, 0.08) 0%, rgba(255, 152, 0, 0.03) 100%); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 12px; overflow: hidden; position: relative; }
.zs-card-green-gradient-r12-overflow { background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 255, 136, 0.03) 100%); border: 1px solid rgba(0, 255, 136, 0.3); border-radius: 12px; overflow: hidden; position: relative; }

/* Gradient accent orange */
.zs-gradient-top-3px-orange { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--zekt-orange) 0%, rgba(255, 152, 0, 0.5) 100%); }

/* Orange header p20-24 */
.zs-header-orange-005-p20-bb02 { padding: 20px 24px; background: rgba(255, 152, 0, 0.05); border-bottom: 1px solid rgba(255, 152, 0, 0.2); }

/* 40px orange icon r8 */
.zs-icon-40-orange-015-r8 { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: rgba(255, 152, 0, 0.15); border-radius: 8px; border: 1px solid rgba(255, 152, 0, 0.25); }

/* Table grid header green */
.zs-table-grid-green-header { display: grid; grid-template-columns: 2fr 1fr 1fr 80px; gap: 16px; padding: 14px 24px; background: linear-gradient(135deg, rgba(0, 255, 136, 0.12) 0%, rgba(0, 255, 136, 0.06) 100%); border-bottom: 1px solid rgba(0, 255, 136, 0.3); }

/* White 07 fw6 uppercase ls05 center */
.zs-white-07-fw6-uppercase-ls05-center { color: rgba(255, 255, 255, 0.7); font-size: 0.8em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; }

/* Row wrapper flex col */
.zs-row-white005-flex-col-w100 { border-bottom: 1px solid rgba(255, 255, 255, 0.05); display: flex; flex-direction: column; width: 100%; box-sizing: border-box; }

/* Table row clickable grid */
.zs-table-row-grid-green-click { display: grid; grid-template-columns: 2fr 1fr 1fr 80px; gap: 16px; padding: 14px 24px; cursor: pointer; transition: all 0.3s ease; align-items: center; background: transparent; width: 100%; box-sizing: border-box; }

/* White 095em fw600 */
.zs-white-095em-fw600 { color: var(--zekt-white); font-size: 0.95em; font-weight: 600; }

/* White05 fs24 center */
.zs-white-05-fs24-center { color: rgba(255, 255, 255, 0.5); font-size: 24px; text-align: center; }

/* Expandable detail green */
.zs-expandable-green-008 { display: none; width: 100%; padding: 20px 24px 24px 24px; background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 255, 136, 0.03) 100%); border-top: 1px solid rgba(0, 255, 136, 0.2); box-sizing: border-box; }

/* Sub-table header green 012 */
.zs-subtable-header-green-012 { display: grid; grid-template-columns: 2fr 2fr 1.5fr 1fr 80px 50px; gap: 16px; padding: 12px 16px; background: rgba(0, 255, 136, 0.12); border-radius: 8px; margin-bottom: 12px; border: 1px solid rgba(0, 255, 136, 0.2); }

/* Sub-table row hover */
.zs-subtable-row-white002 { display: grid; grid-template-columns: 2fr 2fr 1.5fr 1fr 80px 50px; gap: 16px; padding: 14px 16px; align-items: center; background: rgba(255, 255, 255, 0.02); border-radius: 6px; margin-bottom: 8px; border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.2s ease; }

/* Badge f44336 red uppercase */
.zs-badge-f44336-015-uppercase-ls05 { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; background: rgba(244, 67, 54, 0.15); border: 1px solid rgba(244, 67, 54, 0.4); border-radius: 4px; color: #f44336; font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }

/* Blue chip label */
.zs-chip-blue-015-r6-085em { color: var(--zekt-blue); font-size: 0.85em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 4px 10px; background: rgba(0, 153, 255, 0.15); border-radius: 6px; border: 1px solid rgba(0, 153, 255, 0.3); display: inline-block; }

/* Blue icon btn */
.zs-btn-blue-012-r6-fs24 { color: var(--zekt-blue); font-size: 24px; cursor: pointer; padding: 6px; background: rgba(0, 153, 255, 0.12); border-radius: 6px; transition: all 0.2s ease; border: 1px solid rgba(0, 153, 255, 0.2); }

/* Hover state blue */
.zs-bg-blue-025-scale11 { background:rgba(0, 153, 255, 0.25);transform:scale(1.1) }

/* Icon 28px clickable */
.zs-icon-28-click-r4-opacity08 { width: 28px; height: 28px; cursor: pointer; border-radius: 4px; transition: all 0.2s ease; opacity: 0.8; }

/* Hover scale */
.zs-opacity-1-scale115 { opacity:1;transform:scale(1.15) }

/* White09 085em */
.zs-white-09-085em { color: rgba(255, 255, 255, 0.9); font-size: 0.85em; }

/* Row card p20-24 border-bottom white008 */
.zs-row-card-p20-bb-white008 { padding: 20px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); transition: all 0.2s ease; background: transparent; }

/* 40px green gradient icon r8 */
.zs-icon-40-green-gradient-r8 { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(0, 255, 136, 0.15) 0%, rgba(0, 255, 136, 0.1) 100%); border-radius: 8px; border: 1px solid rgba(0, 255, 136, 0.2); }

/* White05 085em */
.zs-white-05-085em { color: rgba(255, 255, 255, 0.5); font-size: 0.85em; }

/* Green 09em */
.zs-green-09em { color: var(--zekt-green); font-size: 0.9em; }

/* Stat grid green */
.zs-stat-grid-2col-green { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 12px 16px; background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 255, 136, 0.04) 100%); border-radius: 8px; margin-bottom: 12px; border: 1px solid rgba(0, 255, 136, 0.15); }

/* Green fw600 09em */
.zs-green-fw600-09em { color: var(--zekt-green); font-size: 0.9em; font-weight: 600; }

/* fs14 ml8 */
.zs-fs14-ml8 { font-size: 14px; margin-left: 8px; }

/* List card white002 r6 */
.zs-list-card-white002-r6-overflow { background: rgba(255, 255, 255, 0.02); border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.05); overflow: hidden; }

/* List item click p12-16 */
.zs-list-item-p12-16-click { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; cursor: pointer; transition: background 0.2s ease; }

/* Green tag black */
.zs-tag-green-black-075em { background: var(--zekt-green); color: var(--zekt-black); font-size: 0.75em; font-weight: 700; padding: 2px 8px; border-radius: 10px; }

/* White05 fs20 transition */
.zs-white-05-fs20-transition { color: rgba(255, 255, 255, 0.5); font-size: 20px; transition: transform 0.2s ease; }

/* Max-h 0 overflow collapse */
.zs-max-h-0-overflow { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }

/* White04 fs16 */
.zs-white-04-fs16 { color: rgba(255, 255, 255, 0.4); font-size: 16px; }

/* White 105em fw500 */
.zs-white-105em-fw500 { color: var(--zekt-white); font-size: 1.05em; font-weight: 500; }

/* Flex 16 ml32 */
.zs-flex-16-ml32 { display: flex; align-items: center; gap: 16px; margin-left: 32px; }

/* Ghost blue btn inline */
.zs-btn-ghost-blue-inline-flex-6 { background: none; border: none; cursor: pointer; padding: 4px 8px; display: inline-flex; align-items: center; gap: 6px; color: var(--zekt-blue); transition: opacity 0.2s; }

/* Flex col end gap6 */
.zs-flex-col-end-6 { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; }

/* Gray-dark chip r16 */
.zs-chip-gray-dark-r16-p6-12 { padding: 6px 12px; background: var(--zekt-gray-dark); border: 1px solid var(--zekt-gray-border); border-radius: 16px; }

/* Flex 8 ml26 */
.zs-flex-8-ml26 { display: flex; align-items: center; gap: 8px; margin-left: 26px; }
.zs-gray-light-fs16 { color: var(--zekt-gray-light); font-size: 16px; }

/* Flex 6 085em */
.zs-flex-6-085em { display: flex; align-items: center; gap: 6px; font-size: 0.85em; }

/* Flex wrap 8 ml26 */
.zs-flex-wrap-8-ml26 { display: flex; flex-wrap: wrap; gap: 8px; margin-left: 26px; }

/* Chip gray-dark r16 inline-flex */
.zs-chip-gray-dark-inline-flex-8-p6-12 { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; background: var(--zekt-gray-dark); border: 1px solid var(--zekt-gray-border); border-radius: 16px; }

/* Ghost gray-light btn */
.zs-btn-ghost-gray-light-p2 { background: none; border: none; color: var(--zekt-gray-light); cursor: pointer; padding: 2px; display: flex; align-items: center; }

/* Green gradient section header border */
.zs-section-green-012-header-border { background: linear-gradient(135deg, rgba(0, 255, 136, 0.12) 0%, rgba(0, 255, 136, 0.06) 100%); border-bottom: 1px solid rgba(0, 255, 136, 0.3); position: relative; }

/* Green toggled card 010 */
.zs-card-green-010-border-030 { background: rgba(0, 255, 136, 0.1); border: 1px solid rgba(0, 255, 136, 0.3); transition: all 0.2s ease; }

/* Hover active green */
.zs-bg-green-020-border-050 { background:rgba(0, 255, 136, 0.2);border-color:rgba(0, 255, 136, 0.5) }

/* zekt-black bg */
.zs-bg-zekt-black { background: var(--zekt-black); }

/* Orange gradient card p16 mb20 r8 relative */
.zs-card-orange-gradient-p16-mb20-r8-relative { margin-bottom: 20px; padding: 16px; background: linear-gradient(135deg, rgba(255, 152, 0, 0.12) 0%, rgba(255, 152, 0, 0.06) 100%); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 8px; position: relative; }

/* Top accent orange 3px */
.zs-gradient-top-3px-orange-pulse { position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, rgba(255, 152, 0, 0.5) 0%, rgba(255, 152, 0, 0.8) 50%, rgba(255, 152, 0, 0.5) 100%); border-radius: 8px 8px 0 0; }

/* ==========================================================================
   Batch 24 — top-100 audit patterns round 22
   ========================================================================== */

/* 48px orange icon r8 */
.zs-icon-48-orange-015-r8 { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: rgba(255, 152, 0, 0.15); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 8px; }

/* ff9800 fs28 drop-shadow */
.zs-ff9800-fs28-shadow { color: #ff9800; font-size: 28px; filter: drop-shadow(0 0 8px rgba(255, 152, 0, 0.5)); }

/* White fw600 mb4 text-shadow */
.zs-white-fw600-mb4-shadow { color: var(--zekt-white); font-weight: 600; margin-bottom: 4px; text-shadow: 0 0 12px rgba(255, 152, 0, 0.2); }

/* White07 09em lh14 */
.zs-white-07-09em-lh14 { color: rgba(255, 255, 255, 0.7); font-size: 0.9em; line-height: 1.4; }

/* Green flex between mb20 p14-18 r8 */
.zs-green-flex-between-mb20-p14-r8 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding: 14px 18px; background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 255, 136, 0.03) 100%); border: 1px solid rgba(0, 255, 136, 0.2); border-radius: 8px; }

/* Green inline btn p10-18 */
.zs-btn-green-inline-p10-18 { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; background: var(--zekt-green); border: 1px solid rgba(0, 255, 136, 0.4); border-radius: 6px; color: var(--zekt-dark); cursor: pointer; font-weight: 600; transition: all 0.2s ease; box-shadow: 0 0 12px rgba(0, 255, 136, 0.3); }

/* Scale shadow green hover */
.zs-scale105-shadow-green { transform:scale(1.05);box-shadow:0 0 20px rgba(0, 255, 136, 0.5) }

/* White07/08 085 fw500 */
.zs-white-07-085em-fw500 { color: rgba(255, 255, 255, 0.7); font-size: 0.85em; font-weight: 500; }
.zs-white-08-085em-fw500 { color: rgba(255, 255, 255, 0.8); font-size: 0.85em; font-weight: 500; }

/* fs48 colors mb16 */
.zs-fs48-f44336-mb16 { font-size: 48px; color: #f44336; margin-bottom: 16px; }
.zs-fs48-white-03-mb16 { font-size: 48px; color: rgba(255, 255, 255, 0.3); margin-bottom: 16px; }

/* Green border r8 overflow */
.zs-border-green-02-r8-overflow { border: 1px solid rgba(0, 255, 136, 0.2); border-radius: 8px; overflow: hidden; }

/* Table header green grid 2fr-2fr-1.5fr */
.zs-table-header-grid-225 { display: grid; grid-template-columns: 2fr 2fr 1.5fr; gap: 16px; padding: 14px 24px; background: linear-gradient(135deg, rgba(0, 255, 136, 0.12) 0%, rgba(0, 255, 136, 0.06) 100%); border-bottom: 1px solid rgba(0, 255, 136, 0.3); }

/* Table row grid 2fr-2fr-1.5fr */
.zs-table-row-grid-225 { display: grid; grid-template-columns: 2fr 2fr 1.5fr; gap: 16px; padding: 16px 24px; align-items: center; background: rgba(255, 255, 255, 0.02); border-bottom: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.2s ease; }

/* Ghost btn r6 */
.zs-btn-ghost-flex-6-p6-10-r6 { background: none; border: none; cursor: pointer; display: flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 6px; transition: background 0.2s; }

/* Green icon vmid mr8 */
.zs-green-fs20-vmid-mr8 { vertical-align: middle; margin-right: 8px; color: var(--zekt-green); font-size: 20px; }

/* fs 095em */
.zs-fs095em { font-size: 0.95em; }

/* Empty state p40-20 center */
.zs-empty-p40-20-center { padding: 40px 20px; text-align: center; }
.zs-empty-p40-30-center { padding: 40px 30px; text-align: center; }
.zs-empty-p50-30-center { padding: 50px 30px; text-align: center; }

/* Icon auto mb12 w28 h28 */
.zs-icon-auto-mb12-w28 { margin: 0 auto 12px; width: 28px; height: 28px; }

/* 64px circle gray gradient */
.zs-icon-64-gray-circle { width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 50%; background: linear-gradient(135deg, rgba(107,114,128,0.15) 0%, rgba(107,114,128,0.05) 100%); display: flex; align-items: center; justify-content: center; }

/* fs28 gray-light */
.zs-fs28-gray-light { font-size: 28px; color: var(--zekt-gray-light); }

/* zekt-gray mt8 08em */
.zs-zekt-gray-m8-0-0-08em { color: var(--zekt-gray); margin: 8px 0 0; font-size: 0.8em; }

/* Green header row */
.zs-green-header-row-p12-16-flex-between { padding: 12px 16px; background: linear-gradient(135deg, rgba(0,255,136,0.08) 0%, rgba(0,255,136,0.02) 100%); border-bottom: 1px solid rgba(0,255,136,0.1); display: flex; align-items: center; justify-content: space-between; }

/* Green badge dark bg */
.zs-green-badge-000-p2-10-r12-075em { background: var(--zekt-green); color: #000; padding: 2px 10px; border-radius: 12px; font-size: 0.75em; font-weight: 600; }

/* Row p10-16 bb white004 */
.zs-row-p10-16-bb-white004-flex-12 { padding: 10px 16px; border-bottom: 1px solid rgba(255,255,255,0.04); display: flex; align-items: center; gap: 12px; transition: background 0.15s; cursor: default; }

/* Flex 8 mb3 */
.zs-flex-8-mb3 { display: flex; align-items: center; gap: 8px; margin-bottom: 3px; }

/* White fw500 09em nowrap ellipsis */
.zs-white-fw500-09em-nowrap-ellipsis { font-weight: 500; color: var(--zekt-white); font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ff9900 badge 012 p1-6 r4 */
.zs-ff9900-badge-012-p1-6-r4 { font-size: 0.7em; color: #ff9900; background: rgba(255,153,0,0.12); padding: 1px 6px; border-radius: 4px; }

/* Flex 6 078em ff9900 */
.zs-flex-6-078em-ff9900 { display: flex; align-items: center; gap: 6px; font-size: 0.78em; color: #ff9900; }

/* fs13 opacity08 */
.zs-fs13-opacity08 { font-size: 13px; opacity: 0.8; }

/* SF Mono font */
.zs-font-sf-mono { font-family: 'SF Mono', Monaco, monospace; }

/* Dot 5px circle */
.zs-dot-5px { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }

/* Scroll 380px */
.zs-max-h-380-scroll { max-height: clamp(380px, 60vh, 72vh); overflow-y: auto; overflow-x: hidden; }

/* Empty p40-30 center */
.zs-empty-p40-30-b { padding: 40px 30px; text-align: center; }

/* 56px circle red gradient */
.zs-icon-56-red-circle { width: 56px; height: 56px; margin: 0 auto 14px; border-radius: 50%; background: linear-gradient(135deg, rgba(239,68,68,0.15) 0%, rgba(239,68,68,0.05) 100%); display: flex; align-items: center; justify-content: center; }

/* fs24 red var */
.zs-fs24-red-var { font-size: 24px; color: var(--zekt-red); }

/* White m-0-0-6 095em fw500 */
.zs-white-m-0-0-6-095em-fw500 { color: var(--zekt-white); margin: 0 0 6px; font-size: 0.95em; font-weight: 500; }

/* Gray-light m0 08em */
.zs-gray-light-m0-08em { color: var(--zekt-gray-light); margin: 0; font-size: 0.8em; }

/* Flex 16 wrap center */
.zs-flex-16-wrap-center { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }

/* Flex-1 min280 */
.zs-flex1-min280 { flex: 1; min-width: 280px; }

/* w100 p12-16 fs1em */
.zs-w100-p12-16-fs1em { width: 100%; padding: 12px 16px; font-size: 1em; }

/* mt40 hidden */
.zs-mt40-hidden { margin-top: 40px; display: none; }

/* Flex between pointer */
.zs-flex-between-pointer { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }

/* fs20 green */
.zs-fs20-green { font-size: 20px; color: var(--zekt-green); }

/* Gray pill 085em */
.zs-gray-pill-p4-10-r12-085em { background: var(--zekt-gray); padding: 4px 10px; border-radius: 12px; font-size: 0.85em; }

/* w16 h16 */
.zs-w16-h16 { width:16px;height:16px; }

/* Empty p60-20 center nospace */
.zs-empty-p60-20-center { text-align:center;padding:60px 20px; }

/* 6b7280 badge */
.zs-badge-6b7280-015 { background: rgba(107, 114, 128, 0.15); border: 1px solid #6b7280; color: #9ca3af; }

/* Flex between start 16 */
.zs-flex-between-start-16 { display: flex; justify-content: space-between; align-items: start; gap: 16px; }

/* Flex 12 wrap mb6 */
.zs-flex-12-wrap-mb6 { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 6px; }

/* m0 gap4 */
.zs-m0-gap4 { margin: 0; gap: 4px; }

/* Orange 085em lh14 m0 */
.zs-orange-085em-lh14-m0 { margin: 0; color: var(--zekt-orange); font-size: 0.85em; line-height: 1.4; }

/* Orange warning r8 p12-16 mb16 */
.zs-card-orange-ff7800-r8-p12-16-mb16 { background: rgba(255,120,0,0.08); border: 1px solid var(--zekt-orange); border-radius: 8px; padding: 12px 16px; margin-bottom: 16px; }

/* Gray-light 08em mb6 uppercase */
.zs-gray-light-08em-mb6-uppercase { color: var(--zekt-gray-light); font-size: 0.8em; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.05em; }
.zs-white-08em-mb6-uppercase { color: var(--zekt-white); font-size: 0.8em; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.05em; }

/* White 085em m0 */
.zs-white-085em-m0 { margin: 0; color: var(--zekt-white); font-size: 0.85em; }

/* mt8 08em */
.zs-mt8-08em { margin-top: 8px; font-size: 0.8em; }

/* Gray-light 085em mb12 */
.zs-gray-light-085em-mb12 { color: var(--zekt-gray-light); font-size: 0.85em; margin-bottom: 12px; }
.zs-white-085em-mb12 { color: var(--zekt-white); font-size: 0.85em; margin-bottom: 12px; }

/* Orange165 card r8 p12 */
.zs-card-orange165-010-r8-p12 { padding: 12px; background: rgba(255, 165, 0, 0.1); border-radius: 8px; }
.zs-color-orange-fw500 { color: orange; font-weight: 500; }

/* FAAD14 card r8 p12 */
.zs-card-FAAD14-010-r8-p12 { padding: 12px; background: rgba(250, 173, 20, 0.1); border-radius: 8px; }
.zs-FAAD14-fw500 { color: #FAAD14; font-weight: 500; }

/* 6b7280 flex card p12 r8 */
.zs-card-6b7280-010-flex-p12-r8 { display: flex; align-items: center; gap: 12px; padding: 12px; background: rgba(107, 114, 128, 0.1); border-radius: 8px; }
.zs-9ca3af-fw500 { color: #9ca3af; font-weight: 500; }

/* ef4444 flex card p12 r8 */
.zs-card-ef4444-010-flex-p12-r8 { display: flex; align-items: center; gap: 12px; padding: 12px; background: rgba(239, 68, 68, 0.1); border-radius: 8px; }
.zs-ef4444-fw500 { color: #ef4444; font-weight: 500; }

/* Gray-light 09em m0 */
.zs-gray-light-09em-m0 { margin: 0; color: var(--zekt-gray-light); font-size: 0.9em; }

/* Center pt24 border-top mt16 */
.zs-center-pt24-border-top-mt16 { text-align: center; padding: 24px 0; border-top: 1px solid var(--zekt-gray-border); margin-top: 16px; }

/* Gray-light m-0-0-16-0 09em */
.zs-gray-light-m-0-0-16-0-09em { color: var(--zekt-gray-light); margin: 0 0 16px 0; font-size: 0.9em; }

/* ==========================================================================
   Batch 25 — top-100 audit patterns round 23
   ========================================================================== */

.zs-min-w-200 { min-width: 200px; }
.zs-green-m0-085em { color: var(--zekt-green); margin: 0; font-size: 0.85em; }
.zs-center-gray-light { text-align: center; color: var(--zekt-gray-light); }
.zs-row-p10-bb-gray-r6-mb8 { padding: 10px; border-bottom: 1px solid var(--zekt-gray-border); background:var(--zekt-gray); margin-bottom:8px; border-radius:6px; }
.zs-fs08-white { font-size: 0.8em; color: #fff; }
.zs-fs08-ff4444 { font-size:0.8em; color: #ff4444; }
.zs-fs48-ffc107-mb16 { font-size: 48px; color: #ffc107; margin-bottom: 16px; }
.zs-white-m-0-0-16-0 { color: var(--zekt-white); margin: 0 0 16px 0; }
.zs-white-m-0-0-20-0-lh16 { color: var(--zekt-white); margin: 0 0 20px 0; line-height: 1.6; }
.zs-card-ffc107-010-r8-p16-mb16-left { background: rgba(255, 193, 7, 0.1); border: 1px solid rgba(255, 193, 7, 0.3); border-radius: 8px; padding: 16px; text-align: left; margin-bottom: 16px; }
.zs-ffc107-fs18 { color: #ffc107; font-size: 18px; }
.zs-gray-light-m0-pl24-09em { color: var(--zekt-gray-light); margin: 0; padding-left: 24px; font-size: 0.9em; }
.zs-fs36-red-var { font-size: 36px; color: var(--zekt-red, #ff4444); }
.zs-card-orange165-030-p10-r6-m10-left { background: rgba(255, 165, 0, 0.1); border: 1px solid rgba(255, 165, 0, 0.3); padding: 10px; border-radius: 6px; margin: 10px 0; text-align: left; }
.zs-fs18-orange { font-size: 18px; color: var(--zekt-orange); }
.zs-orange-075em { color: var(--zekt-orange); font-size: 0.75em; }
.zs-white-fw500-085em { color: var(--zekt-white); font-weight: 500; font-size: 0.85em; }
.zs-m-0-0-8-0-white-08em { margin: 0 0 8px 0; color: var(--zekt-white); font-size: 0.8em; }
.zs-card-yellow-ffaa00-010-r8-p16-mb24 { background: rgba(255, 170, 0, 0.1); border: 2px solid var(--zekt-yellow); border-radius: 8px; padding: 16px; margin-bottom: 24px; }
.zs-yellow-fs24 { color: var(--zekt-yellow); font-size: 24px; }
.zs-yellow-m-0-0-8-0-1em { margin: 0 0 8px 0; color: var(--zekt-yellow); font-size: 1em; }
.zs-white-m-0-0-12-0-09em { margin: 0 0 12px 0; color: var(--zekt-white); font-size: 0.9em; }
.zs-p8-16-fs09em { padding: 8px 16px; font-size: 0.9em; }
.zs-grid-2-col-24-mt20 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 20px; }
.zs-textarea-firacode-13-200h { width: 100%; height: 200px; font-family: 'Fira Code', 'Consolas', monospace; font-size: 13px; resize: vertical; background: var(--zekt-black); border: 1px solid var(--zekt-gray-light); }
.zs-mt8-085em { margin-top: 8px; font-size: 0.85em; }
.zs-w100-p14-flex-center-8 { width: 100%; padding: 14px; font-size: 1em; display: flex; align-items: center; justify-content: center; gap: 8px; }
.zs-gray-light-11em-mb12 { color: var(--zekt-gray-light); font-size: 1.1em; margin-bottom: 12px; }
.zs-mt24-pt20-border-top-gray { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--zekt-gray-light); }
.zs-m0-pl20-gray-light-085em-lh18 { margin: 0; padding-left: 20px; color: var(--zekt-gray-light); font-size: 0.85em; line-height: 1.8; }
.zs-green-note-mt12-p12-bl3 { margin-top: 12px; padding: 12px; background: rgba(0, 255, 136, 0.05); border-left: 3px solid var(--zekt-green); border-radius: 4px; }
.zs-m-8-0-0-0-08em-white-overflow-x { margin: 8px 0 0 0; font-size: 0.8em; color: var(--zekt-white); overflow-x: auto; }
.zs-p8-14-085em { padding: 8px 14px; font-size: 0.85em; }
.zs-red-11em-mb12 { color: var(--zekt-red); font-size: 1.1em; margin-bottom: 12px; }
.zs-green-11em-mb8 { color: var(--zekt-green); font-size: 1.1em; margin-bottom: 8px; }
.zs-zekt-black-r8-p16-mb12 { background: var(--zekt-black); border-radius: 8px; padding: 16px; margin-bottom: 12px; }
.zs-gray-light-085em-mb12-b { font-size: 0.85em; color: var(--zekt-gray-light); margin-bottom: 12px; }
.zs-inline-flex-6-p8-12-085em-nodecor { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; font-size: 0.85em; text-decoration: none; }
.zs-m0-lh15 { margin: 0; line-height: 1.5; }
.zs-ff9900-fs18-nospace { color:#ff9900;font-size:18px; }
.zs-border-333-m16 { border-color:#333;margin:16px 0; }
.zs-p5-8-888-nowrap-w40pct { padding:5px 8px;color:#888;white-space:nowrap;width:40%; }
.zs-inline-block-mt10-nodecor { display:inline-block;margin-top:10px;text-decoration:none; }
.zs-mt4-f44336-fw600 { margin-top: 4px; color: #f44336; font-weight: 600; }
.zs-fs12-gray-light-italic { font-size: 12px; color: var(--zekt-gray-light); font-style: italic; }
.zs-footer-p12-dark-gray-13 { padding: 12px; background: rgba(0,0,0,0.3); text-align: center; font-size: 13px; color: var(--zekt-gray-light); border-top: 1px solid var(--zekt-gray-border); }
.zs-p16-24-lh16-white { padding: 16px 24px; line-height: 1.6; color: var(--zekt-white); }
.zs-fs14-vmid-nospace { font-size:14px;vertical-align:middle; }
.zs-ml12 { margin-left: 12px; }
.zs-bg-3b82f6 { background: #3b82f6; }
.zs-bg-ff9500 { background: #ff9500; }
.zs-bg-10b981 { background: #10b981; }
.zs-bg-6b7280 { background: #6b7280; }
.zs-bg-f59e0b { background: #f59e0b; }
.zs-bg-8b5cf6 { background: #8b5cf6; }
.zs-inline-dash-888 { display: inline-block; width: 30px; height: 3px; background: #888; }
.zs-inline-dash-green { display: inline-block; width: 30px; height: 3px; background: #00ff88; }
.zs-grid-1fr-350px-20-mt20 { display: grid; grid-template-columns: 1fr 350px; gap: 20px; margin-top: 20px; }
.zs-chess-board { width: 100%; height: min(80vh, 900px); min-height: 600px; background: #1a1a1a; border: 1px solid #333; border-radius: 8px; }
.zs-flex-center-h100 { display: flex; align-items: center; justify-content: center; height: 100%; }
.zs-sidebar-panel { padding: 20px; background: var(--zekt-dark); border: 1px solid var(--zekt-gray-border); border-radius: 8px; overflow-y: auto; height: min(80vh, 900px); min-height: 600px; }
.zs-inline-block-p20 { display: inline-block; padding: 20px; }
.zs-spinner-w40 { width: 40px; height: 40px; border: 4px solid #333; border-top-color: #00ff88; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 15px; }
.zs-fbbf24-m-0-0-10 { color: #fbbf24; margin: 0 0 10px; }
.zs-999-m-0-0-20 { color: #999; margin: 0 0 20px; }
.zs-btn-green-dark-p10-20-r4 { background: #00ff88; color: #0a0a0a; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; font-weight: 600; }
.zs-ef4444-m-0-0-10-0 { color: #ef4444; margin: 0 0 10px 0; }
.zs-999-m-0-0-20-0 { color: #999; margin: 0 0 20px 0; }
.zs-fff-m-0-0-10-0-15em { color: #fff; margin: 0 0 10px 0; font-size: 1.5em; }
.zs-999-m0-09em { color: #999; margin: 0; font-size: 0.9em; }
.zs-dark-card-p20-r8-mb30 { background: #0a0a0a; padding: 20px; border-radius: 8px; margin-bottom: 30px; border: 1px solid #333; }
.zs-flex-15-wrap-center { display: flex; gap: 15px; flex-wrap: wrap; align-items: center; }
.zs-flex1-min250 { flex: 1; min-width: 250px; }
.zs-input-dark-p10-15-r6-fff { width: 100%; padding: 10px 15px; background: #111; border: 1px solid #333; border-radius: 6px; color: #fff; font-size: 0.9em; }
.zs-grid-auto-fit-200-15-mb30 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 30px; }
.zs-card-green-hex-p20-r8 { background: linear-gradient(135deg, #00ff8820 0%, #00ff8810 100%); padding: 20px; border-radius: 8px; border: 1px solid #00ff8830; }
.zs-green-hex-08em-uppercase-ls1-mb5 { color: #00ff88; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
.zs-card-3b82f6-hex-p20-r8 { background: linear-gradient(135deg, #3b82f620 0%, #3b82f610 100%); padding: 20px; border-radius: 8px; border: 1px solid #3b82f630; }
.zs-3b82f6-hex-08em-uppercase-ls1-mb5 { color: #3b82f6; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
.zs-card-ffc107-hex-p20-r8 { background: linear-gradient(135deg, #ffc10720 0%, #ffc10710 100%); padding: 20px; border-radius: 8px; border: 1px solid #ffc10730; }
.zs-ffc107-hex-08em-uppercase-ls1-mb5 { color: #ffc107; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
.zs-mb40 { margin-bottom: 40px; }
.zs-green-hex-m-0-0-20-12em-flex-10 { color: #00ff88; margin: 0 0 20px 0; font-size: 1.2em; display: flex; align-items: center; gap: 10px; }
.zs-3b82f6-m-0-0-20-12em-flex-10 { color: #3b82f6; margin: 0 0 20px 0; font-size: 1.2em; display: flex; align-items: center; gap: 10px; }
.zs-m-0-auto-20-block { margin: 0 auto 20px; display: block; }
.zs-999-m-0-0-10-0 { color: #999; margin: 0 0 10px 0; }
.zs-666-m-0-0-10-0-maxw600-center { color: #666; margin: 0 0 10px 0; max-width: 600px; margin-left: auto; margin-right: auto; }
.zs-666-left-maxw500-dark-p20-r8 { color: #666; text-align: left; max-width: 500px; margin: 0 auto 30px; background: #0a0a0a; padding: 20px; border-radius: 8px; border: 1px solid #333; }
.zs-flex-10-mb10 { margin-bottom: 10px; display: flex; gap: 10px; }
.zs-flex-10-center { display: flex; gap: 10px; justify-content: center; }
.zs-cursor-p20-green-r12-t-0 { cursor: pointer; padding: 20px; background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 255, 136, 0.02) 100%); border-radius: 12px 12px 0 0; }
.zs-green-hex-fs24-transition03 { color: #00ff88; font-size: 24px; transition: transform 0.3s; }
.zs-cursor-p20-blue-r12-t-0 { cursor: pointer; padding: 20px; background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.02) 100%); border-radius: 12px 12px 0 0; }
.zs-3b82f6-fs24-transition03 { color: #3b82f6; font-size: 24px; transition: transform 0.3s; }
.zs-p20-green-hex-panel { padding: 20px; background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 255, 136, 0.02) 100%); }
.zs-min-w-70 { min-width: 70px; }
.zs-border-444 { border: 1px solid #444; }
.zs-p20-blue-hex-panel { padding: 20px; background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(59, 130, 246, 0.02) 100%); }
.zs-flex-between-start-mb15 { display: flex; justify-content: space-between; align-items: start; margin-bottom: 15px; }

/* ==========================================================================
   Batch 26 — top-100 audit patterns round 24 (Chess/demo + admin patterns)
   ========================================================================== */

.zs-flex-8-mb5 { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }
.zs-fff-m0-11em { color: #fff; margin: 0; font-size: 1.1em; }
.zs-00ff88-09em-mb5 { color: #00ff88; font-size: 0.9em; margin-bottom: 5px; }
.zs-666-085em { color: #666; font-size: 0.85em; }
.zs-grid-3-col-15-pt15-bb222 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; padding: 15px 0; border-top: 1px solid #222; border-bottom: 1px solid #222; }
.zs-fff-12em-fw-bold { color: #fff; font-size: 1.2em; font-weight: bold; }
.zs-flex-10-mt15 { display: flex; gap: 10px; margin-top: 15px; }
.zs-flex-12-mb25-pb20-bb333 { display: flex; align-items: center; gap: 12px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #333; }
.zs-fs2em { font-size: 2em; }
.zs-fff-m-0-0-5-0-13em { color: #fff; margin: 0 0 5px 0; font-size: 1.3em; }
.zs-grid-4-col-20-mb30 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 30px; }
.zs-fff-18em-fw-bold { color: #fff; font-size: 1.8em; font-weight: bold; }
.zs-dark-card-p20-r8-mb20 { background: #0a0a0a; border: 1px solid #333; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
.zs-00ff88-m-0-0-15-0-1em { color: #00ff88; margin: 0 0 15px 0; font-size: 1em; }
.zs-grid-2-col-15-09em { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; font-size: 0.9em; }
.zs-align-items-flex-start { align-items: flex-start; }
.zs-relative-inline-block-w100 { position: relative; display: inline-block; width: 100%; }
.zs-orange-code-pre { margin: 0; font-size: 0.82em; color: var(--zekt-white); background: rgba(255,120,0,0.08); border: 1px solid var(--zekt-orange); border-radius: 6px; padding: 8px 12px 8px 12px; padding-right: 80px; white-space: pre-wrap; }
.zs-btn-orange-copy-abs { position: absolute; top: 6px; right: 6px; background: rgba(255,120,0,0.15); border: 1px solid var(--zekt-orange); border-radius: 4px; color: var(--zekt-orange); font-size: 0.75em; padding: 2px 7px; cursor: pointer; display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
.zs-opacity06-fs10 { opacity:0.6; font-size:10px; }
.zs-card-ff9900-010-flex-p12-16-mb16 { background: rgba(255, 153, 0, 0.1); border: 1px solid #ff9900; border-radius: 6px; padding: 12px 16px; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.zs-888-085em { color: #888; font-size: 0.85em; }
.zs-card-ff4545-010-p24-r8-m20 { padding: 24px; background: rgba(255,69,69,0.1); border: 1px solid #ff4545; border-radius: 8px; margin: 20px; }
.zs-ff4545-fs32 { color: #ff4545; font-size: 32px; }
.zs-ff4545-11em-fw500 { color: #ff4545; font-size: 1.1em; font-weight: 500; }
.zs-ccc-m0 { color: #ccc; margin: 0; }
.zs-flex-24-wrap { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.zs-transition-stroke { transition: stroke-dasharray 0.8s ease; }
.zs-fs12-888-uppercase-ls1 { font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: 1px; }
.zs-card-p20-mb20-ffaa00-shadow { padding: 20px; margin-bottom: 20px; border-color: rgba(255,170,0,0.3); box-shadow: 0 0 25px rgba(255,170,0,0.08); }

/* ==========================================================================
   Backlog 096 Phase 4 — CSP style= removal (unsafe-inline elimination)
   ========================================================================== */

/* Display */
.zs-flex                { display: flex; }

/* Font size + weight */
.zs-fs-28-fw700         { font-size: 28px; font-weight: 700; }

/* Padding */
.zs-p-14-16-right       { padding: 14px 16px; text-align: right; }

/* Backgrounds */
.zs-row-orphaned-bg     { background: rgba(255,68,68,0.05); }

/* Priority badges (communications) */
.zs-badge-priority      { padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 500; }
.zs-badge-priority-critical { background: rgba(255,68,68,0.2); color: #ff4444; }
.zs-badge-priority-warning  { background: rgba(255,193,7,0.2); color: var(--zekt-yellow); }
.zs-badge-priority-info     { background: rgba(0,255,136,0.2); color: var(--zekt-green); }

/* Status badges (communications) */
.zs-badge-status        { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 500; }
.zs-badge-status-active  { background: rgba(0,255,136,0.2); color: var(--zekt-green); }
.zs-badge-status-expired { background: rgba(128,128,128,0.2); color: var(--zekt-gray-light); }

/* Preview box (communications) */
.zs-preview-box             { background: rgba(0,0,0,0.3); padding: 20px; border-radius: 8px; }
.zs-preview-border-info     { border-left: 4px solid var(--zekt-green); }
.zs-preview-border-warning  { border-left: 4px solid var(--zekt-yellow); }
.zs-preview-border-critical { border-left: 4px solid #ff4444; }

/* Customer status labels */
.zs-status-label-trial  { color: #faad14; font-size: 11px; font-weight: 600; text-transform: uppercase; }
.zs-status-label-paying { color: #52c41a; font-size: 11px; font-weight: 600; text-transform: uppercase; }

/* Category buttons (dataModel) */
.zs-category-btn-base    { padding: 16px; border-radius: 6px; cursor: pointer; text-align: left; transition: all 0.2s; background: none; border: 1px solid transparent; }
.zs-category-btn-inactive { background: rgba(255,255,255,0.02); border-color: var(--zekt-gray-border); }
.zs-category-btn-active   { background: rgba(0,255,136,0.1); border-color: var(--zekt-green); }

/* Resource status badges */
.zs-status-badge-base     { display: inline-block; padding: 4px 8px; border-radius: 4px; font-size: 11px; text-transform: uppercase; font-weight: 600; }
.zs-status-badge-active   { background: rgba(0,255,136,0.2); color: var(--zekt-green); }
.zs-status-badge-inactive { background: rgba(128,128,128,0.2); color: var(--zekt-gray-light); }
.zs-status-badge-disabled { background: rgba(128,128,128,0.2); color: var(--zekt-red); }

/* Progress bars */
.zs-progress-fill { height: 100%; background: var(--zekt-blue); transition: width 0.3s ease; }
.zs-bar-fill      { height: 100%; background: var(--zekt-accent); border-radius: 3px; }

/* Deletion phases (stripe-deletion) */
.zs-phase-completed   { display: flex; align-items: center; gap: 12px; padding: 8px 12px; background: rgba(76,175,80,0.1); border-radius: 6px; }
.zs-phase-in-progress { display: flex; align-items: center; gap: 12px; padding: 8px 12px; background: rgba(33,150,243,0.1); border-radius: 6px; }
.zs-phase-failed      { display: flex; align-items: center; gap: 12px; padding: 8px 12px; background: rgba(244,67,54,0.1); border-radius: 6px; }
.zs-phase-pending     { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-radius: 6px; }

/* BlastRadius node dots */
.zs-nd-dot-green   { background: #00ff88; }
.zs-nd-dot-blue    { background: #3b82f6; }
.zs-nd-dot-gray    { background: #6b7280; }
.zs-nd-dot-orange  { background: #ff9500; }
.zs-nd-dot-amber   { background: #f59e0b; }
.zs-nd-dot-default { background: #999; }

/* BlastRadius type labels */
.zs-br-type-repository { color: #00ff88; }
.zs-br-type-workflow   { color: #3b82f6; }
.zs-br-type-webhook    { color: #6b7280; }
.zs-br-type-service    { color: #ff9500; }
.zs-br-type-consumer   { color: #f59e0b; }
.zs-br-type-default    { color: #999; }

/* BlastRadius status badges (color + border-color + background) */
.zs-br-badge-repository { color: #00ff88; border-color: #00ff88; background: rgba(0,255,136,0.13); }
.zs-br-badge-workflow   { color: #3b82f6; border-color: #3b82f6; background: rgba(59,130,246,0.13); }
.zs-br-badge-webhook    { color: #6b7280; border-color: #6b7280; background: rgba(107,114,128,0.13); }
.zs-br-badge-service    { color: #ff9500; border-color: #ff9500; background: rgba(255,149,0,0.13); }
.zs-br-badge-consumer   { color: #f59e0b; border-color: #f59e0b; background: rgba(245,158,11,0.13); }
.zs-br-badge-default    { color: #999; border-color: #999; background: rgba(153,153,153,0.13); }

/* Chainlink maxHops stepper buttons */
.zs-hops-btn-base     { background: none; border-radius: 4px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 14px; line-height: 1; }
.zs-hops-btn-active   { border: 1px solid rgba(255,153,0,0.5); color: #ff9900; cursor: pointer; }
.zs-hops-btn-disabled { border: 1px solid rgba(255,255,255,0.1); color: #555; cursor: default; }

/* ConsumerEvents workflow state badges */
.zs-state-badge-running { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; background: rgba(0,255,136,0.15); border: 1px solid rgba(0,255,136,0.3); border-radius: 6px; width: fit-content; }
.zs-state-badge-dormant { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; background: rgba(107,114,128,0.15); border: 1px solid rgba(107,114,128,0.3); border-radius: 6px; width: fit-content; }
.zs-state-icon-running  { font-size: 18px; color: var(--zekt-green); filter: drop-shadow(0 0 6px var(--zekt-green)); animation: spin 2s linear infinite; }
.zs-state-icon-dormant  { font-size: 18px; color: #6b7280; filter: drop-shadow(0 0 6px #6b7280); }
.zs-state-text-running  { font-weight: 600; font-size: 0.85em; color: var(--zekt-green); text-transform: uppercase; letter-spacing: 0.5px; }
.zs-state-text-dormant  { font-weight: 600; font-size: 0.85em; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px; }

/* ConsumerEvents quota colors */
.zs-quota-normal { color: rgba(255,255,255,0.7); }

/* ConsumerEvents legend */
.zs-legend-dot { width: 16px; height: 16px; border-radius: 3px; }

/* ConsumerConnections durable delivery toggle */
.zs-durable-icon-enabled   { font-size: 18px; color: #0099ff; }
.zs-durable-icon-disabled  { font-size: 18px; color: rgba(255,255,255,0.35); }
.zs-durable-label-enabled  { font-size: 0.75em; color: #00ff88; }
.zs-durable-label-disabled { font-size: 0.75em; color: rgba(255,255,255,0.4); }
.zs-toggle-track           { position: relative; display: inline-block; width: 40px; height: 20px; border-radius: 20px; cursor: pointer; transition: background-color 0.3s; }
.zs-toggle-track-enabled   { background-color: #0099ff; }
.zs-toggle-track-disabled  { background-color: rgba(255,255,255,0.15); }
.zs-toggle-knob            { position: absolute; top: 3px; width: 14px; height: 14px; background: white; border-radius: 50%; transition: left 0.3s; }
.zs-toggle-knob-enabled    { left: 19px; }
.zs-toggle-knob-disabled   { left: 3px; }

/* ConsentAudit action badges */
.zs-audit-badge-approve  { background: rgba(0,255,136,0.1); color: #00ff88; border-color: rgba(0,255,136,0.3); }
.zs-audit-badge-deny     { background: rgba(255,68,68,0.1); color: #ff4444; border-color: rgba(255,68,68,0.3); }
.zs-audit-badge-revoke   { background: rgba(255,136,0,0.1); color: #ff8800; border-color: rgba(255,136,0,0.3); }
.zs-audit-badge-request  { background: rgba(0,153,255,0.1); color: #0099ff; border-color: rgba(0,153,255,0.3); }
.zs-audit-badge-invite   { background: rgba(156,39,176,0.1); color: #ce93d8; border-color: rgba(156,39,176,0.3); }
.zs-audit-badge-accept   { background: rgba(0,255,136,0.1); color: #00ff88; border-color: rgba(0,255,136,0.3); }
.zs-audit-badge-decline  { background: rgba(255,68,68,0.1); color: #ff4444; border-color: rgba(255,68,68,0.3); }
.zs-audit-badge-expire   { background: rgba(255,170,0,0.1); color: #ffaa00; border-color: rgba(255,170,0,0.3); }
.zs-audit-badge-unknown  { background: rgba(255,255,255,0.05); color: rgba(255,255,255,0.6); border-color: rgba(255,255,255,0.15); }

/* ProviderFeatures toggle label */
.zs-toggle-disabled { opacity: 0.5; cursor: not-allowed; }

/* ProviderFeatures sync step icons/text */
.zs-sync-icon-ok   { font-size: 16px; color: #4caf50; }
.zs-sync-icon-fail { font-size: 16px; color: #f44336; }
.zs-sync-text-ok   { font-size: 0.85em; color: #aaa; }
.zs-sync-text-fail { font-size: 0.85em; color: #f44336; }

/* Support issue label */
.zs-issue-label-base       { background-image: linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(0,0,0,0.08) 100%); border-color: rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.28); text-shadow: 0 1px 1px rgba(0,0,0,0.18); }
.zs-issue-label-dark-text  { color: #000; }
.zs-issue-label-light-text { color: #fff; }

/* UIHelpers webhook status */
.zs-webhook-status-active   { padding: 4px 8px; background: rgba(0,255,136,0.2); border-radius: 3px; font-size: 0.85em; color: var(--zekt-green); }
.zs-webhook-status-inactive { padding: 4px 8px; background: rgba(255,170,0,0.2); border-radius: 3px; font-size: 0.85em; color: var(--zekt-yellow); }

/* WebhookReplay result header */
.zs-replay-header { margin: 0 0 16px 0; display: flex; align-items: center; gap: 8px; }

/* Profile payment method color */
.zs-color-payment-expired { color: #ff5722; }

/* CustomerMessages priority-aware header/icon */
.priority-info .message-header     { background: rgba(33,150,243,0.1); border-bottom: 2px solid #2196f3; }
.priority-warning .message-header  { background: rgba(255,152,0,0.1); border-bottom: 2px solid #ff9800; }
.priority-critical .message-header { background: rgba(244,67,54,0.1); border-bottom: 2px solid #f44336; }
.priority-info .zs-msg-icon     { color: #2196f3; font-size: 32px; }
.priority-warning .zs-msg-icon  { color: #ff9800; font-size: 32px; }
.priority-critical .zs-msg-icon { color: #f44336; font-size: 32px; }

/* ShepherdFlock connector lines */
.zs-shepherd-connector-wrap { height: 28px; max-width: 100%; position: relative; }
.zs-shepherd-hbar           { position: absolute; top: 14px; height: 1px; background: rgba(0,255,136,0.2); }
.zs-shepherd-vdrop          { position: absolute; top: 14px; width: 1px; height: 14px; background: rgba(0,255,136,0.2); }
.zs-ffaa00-shrink0-mt2 { color: #ffaa00; flex-shrink: 0; margin-top: 2px; }
.zs-ffaa00-m-0-0-8-0-095em { color: #ffaa00; margin: 0 0 8px 0; font-size: 0.95em; }
.zs-ccc-m0-fs13-lh16 { color: #ccc; margin: 0; font-size: 13px; line-height: 1.6; }
.zs-p20-mb20 { padding: 20px; margin-bottom: 20px; }
.zs-fff-m-0-0-14-0-flex-8-095em { color: #fff; margin: 0 0 14px 0; display: flex; align-items: center; gap: 8px; font-size: 0.95em; }
.zs-00aaff-fs20 { color: #00aaff; font-size: 20px; }
.zs-flex-12-end-wrap { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.zs-flex1-min160 { flex: 1; min-width: 160px; }
.zs-555-fs16-pb8 { color: #555; font-size: 16px; padding-bottom: 8px; }
.zs-input-monospace-dark { width: 100%; padding: 9px 14px; background: #111; border: 1px solid #444; border-radius: 6px; color: #fff; font-size: 14px; font-family: monospace; outline: none; transition: border-color 0.2s; }
.zs-white-space-nowrap { white-space: nowrap; }
.zs-fff-fs12-m-10-0-0-0 { color: #fff; font-size: 12px; margin: 10px 0 0 0; }
.zs-fs13-vmid { font-size: 13px; vertical-align: middle; }
.zs-fff-m-0-0-16-0-flex-8-095em { color: #fff; margin: 0 0 16px 0; display: flex; align-items: center; gap: 8px; font-size: 0.95em; }
.zs-00aaff-fs20-pointer { color: #00aaff; font-size: 20px; cursor: pointer; }
.zs-center-p30-10-888 { text-align: center; padding: 30px 10px; color: #888; }
.zs-fs40-opacity04 { font-size: 40px; opacity: 0.4; }
.zs-m-12-0-0 { margin: 12px 0 0; }
.zs-fs12-888-uppercase-ls1-mb4 { font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; }
.zs-fs16-fff-fw600-mono { font-size: 16px; color: #fff; font-weight: 600; font-family: monospace; }
.zs-border-00aaff-color-p2-8-fs11 { border-color: #00aaff; color: #00aaff; padding: 2px 8px; font-size: 11px; }
.zs-dark-card-r8-p16-mb16 { background: #0a0a0a; border-radius: 8px; padding: 16px; margin-bottom: 16px; }
.zs-mt10-fs11-666 { margin-top: 10px; font-size: 11px; color: #666; }
.zs-border-ffaa00-color-p2-8-fs11 { border-color: #ffaa00; color: #ffaa00; padding: 2px 8px; font-size: 11px; }
.zs-flex-8-mb16 { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.zs-border-00ff88-color-p2-8-fs11 { border-color: #00ff88; color: #00ff88; padding: 2px 8px; font-size: 11px; }
.zs-flex-10-wrap { display: flex; gap: 10px; flex-wrap: wrap; }
.zs-overflow-flex-col { overflow: hidden; display: flex; flex-direction: column; }
.zs-terminal-header { background: #111; padding: 8px 12px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #333; }
.zs-dot-ff5f56 { width: 10px; height: 10px; background: #ff5f56; border-radius: 50%; }
.zs-dot-ffbd2e { width: 10px; height: 10px; background: #ffbd2e; border-radius: 50%; }
.zs-dot-27c93f { width: 10px; height: 10px; background: #27c93f; border-radius: 50%; }
.zs-ml-auto-666-fs11-mono { margin-left: auto; color: #666; font-size: 11px; font-family: 'Consolas', monospace; }
.zs-terminal-body { background: #0a0a0a; padding: 16px; font-family: 'Consolas', 'Courier New', monospace; font-size: 13px; line-height: 1.6; min-height: 280px; max-height: 420px; overflow-y: auto; flex: 1; }
.zs-mt6 { margin-top: 6px; }
.zs-00ff88-fs32 { color: #00ff88; font-size: 32px; }
.zs-fs18-fw600-00ff88 { font-size: 18px; font-weight: 600; color: #00ff88; }
.zs-fs14-aaa-mono { font-size: 14px; color: #aaa; font-family: monospace; }
.zs-m16-0 { margin: 16px 0; }
.zs-grid-2-col-12 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.zs-flex-10-mt16 { display: flex; gap: 10px; margin-top: 16px; }
.zs-fff-m-0-0-16-0-095em { color: #fff; margin: 0 0 16px 0; font-size: 0.95em; }
.zs-flex-col-10 { display: flex; flex-direction: column; gap: 10px; }
.zs-m14-0 { margin: 14px 0; }
.zs-888-fs13 { color: #888; font-size: 13px; }
.zs-opacity06 { opacity: 0.6; }
.zs-mb14 { margin-bottom: 14px; }
.zs-fs11-888-uppercase-ls05 { font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 0.5px; }
.zs-btn-ghost-444-aaa-p3-8-r4-fs11-flex-4 { background: none; border: 1px solid #444; color: #aaa; padding: 3px 8px; border-radius: 4px; cursor: pointer; font-size: 11px; display: flex; align-items: center; gap: 4px; }
.zs-444-mt4 { color: #444; margin-top: 4px; }
.zs-fs13-00ff88 { font-size: 13px; color: #00ff88; }
.zs-modal-dark-r12-maxw600 { background: #1a1a1a; border: 1px solid #333; border-radius: 12px; max-width: 600px; width: 100%; max-height: 90vh; overflow-y: auto; }
.zs-modal-header-p20-24-bb333 { padding: 20px 24px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; align-items: center; }
.zs-m0-fff-flex-10 { margin: 0; color: #fff; display: flex; align-items: center; gap: 10px; }
.zs-btn-ghost-888-p4 { background: none; border: none; color: #888; cursor: pointer; padding: 4px; }
.zs-00aaff-shrink0 { color: #00aaff; flex-shrink: 0; }
.zs-00ff88-shrink0 { color: #00ff88; flex-shrink: 0; }
.zs-card-ffaa00-010-r8-p16 { padding: 16px; background: rgba(255,170,0,0.1); border: 1px solid #ffaa00; border-radius: 8px; }
.zs-ffaa00-shrink0 { color: #ffaa00; flex-shrink: 0; }
.zs-m-0-0-8-0-ffaa00 { margin: 0 0 8px 0; color: #ffaa00; }
.zs-m0-ccc-fs14-lh16 { margin: 0; color: #ccc; font-size: 14px; line-height: 1.6; }
.zs-modal-footer-p16-24-bt333 { padding: 16px 24px; border-top: 1px solid #333; display: flex; justify-content: flex-end; }
.zs-btn-00aaff-p10-24-r6 { padding: 10px 24px; background: linear-gradient(135deg, #00aaff 0%, #0077cc 100%); border: none; border-radius: 6px; color: white; font-weight: 600; cursor: pointer; }
.zs-gray-light-mt12-09em { color: var(--zekt-gray-light); margin-top: 12px; font-size: 0.9em; }
.zs-mb20-hidden { margin-bottom: 20px; display: none; }
.zs-w100-mb12 { width: 100%; margin-bottom: 12px; }
.zs-inline-flex-btn-p10-16-mb12 { padding: 10px 16px; display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.zs-hidden-flex-12-wrap { display: none; gap: 12px; flex-wrap: wrap; }
.zs-flex-between-mt8-09em-gray-light { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; font-size: 0.9em; color: var(--zekt-gray-light); }

/* ==========================================================================
   Batch 27 — top-100 audit patterns round 25
   ========================================================================== */

.zs-hidden-yellow-fw600 { display: none; color: var(--zekt-yellow); font-weight: 600; }
.zs-fs80-ff5722-opacity04 { font-size: 80px; color: #ff5722; opacity: 0.4; }
.zs-vmid-mr8-w24-h24 { vertical-align: middle; margin-right: 8px; width: 24px; height: 24px; }
.zs-flex-8-gray-light-09em-pointer { display: flex; align-items: center; gap: 8px; color: var(--zekt-gray-light); font-size: 0.9em; cursor: pointer; }
.zs-w18-h18-pointer { width: 18px; height: 18px; cursor: pointer; }
.zs-inline-flex-6-p6-12-nowrap { padding: 6px 12px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.zs-card-orange152-010-flex-p12-16-mb24 { background: rgba(255, 152, 0, 0.1); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 8px; padding: 12px 16px; margin-bottom: 24px; display: flex; align-items: center; gap: 12px; }
.zs-yellow-fs20 { color: var(--zekt-yellow); font-size: 20px; }
.zs-white-fw500-095em-mb4 { color: var(--zekt-white); font-weight: 500; font-size: 0.95em; margin-bottom: 4px; }
.zs-white08-085em { color: rgba(255, 255, 255, 0.8); font-size: 0.85em; }
.zs-grid-auto-fit-200-mb24 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin-bottom: 24px; }
.zs-progress-bar-bg { width: 100%; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden; }
.zs-mt16-pt16-bt-white01 { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.1); }
.zs-gray-light-085em-mb12-fw500 { color: var(--zekt-gray-light); font-size: 0.85em; margin-bottom: 12px; font-weight: 500; }
.zs-mt20 { margin-top: 20px; }
.zs-chip-white005-010-r4-mr8-mb8 { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 4px; margin-right: 8px; margin-bottom: 8px; }
.zs-flex-between-flex-start { display: flex; justify-content: space-between; align-items: flex-start; }
.zs-center-white-dark02-r8-p20 { padding: 20px; text-align: center; color: var(--zekt-white); background: rgba(0,0,0,0.2); border-radius: 8px; }
.zs-white-mb0 { color: var(--zekt-white); margin-bottom: 0; }
.zs-mono-fff-085-opacity08-mt4-ml32 { font-size: 0.85em; color: #ffffff; opacity: 0.8; margin-top: 4px; margin-left: 32px; font-family: monospace; }
.zs-card-dark-030-green02-r8-p20-mb24 { background: rgba(0,0,0,0.3); border: 1px solid rgba(0,255,136,0.2); border-radius: 8px; padding: 20px; margin-bottom: 24px; }
.zs-white-m-0-0-16-0-1em-flex-8 { color: var(--zekt-white); margin: 0 0 16px 0; font-size: 1em; display: flex; align-items: center; gap: 8px; }
.zs-mono-fff-082em-word-break { color: #ffffff; font-size: 0.82em; font-family: monospace; word-break: break-all; }
.zs-fff-085em-m-16-0-0-0-opacity085 { color: #ffffff; font-size: 0.85em; margin: 16px 0 0 0; opacity: 0.85; }
.zs-ff9800-bg-010-p1-4-r3 { color: #ff9800; background: rgba(255,152,0,0.1); padding: 1px 4px; border-radius: 3px; }
.zs-empty-p40-center-gray-dark02-r8 { padding: 40px; text-align: center; color: var(--zekt-gray); background: rgba(0,0,0,0.2); border-radius: 8px; }
.zs-fs64-opacity03-mb16 { font-size: 64px; opacity: 0.3; margin-bottom: 16px; }
.zs-ff9800-09em-mt4 { color: #ff9800; font-size: 0.9em; margin-top: 4px; }
.zs-flex-12-flex1 { display: flex; align-items: center; gap: 12px; flex: 1; }
.zs-fff-fw600-11em-mb4 { color: #ffffff; font-weight: 600; font-size: 1.1em; margin-bottom: 4px; }
.zs-flex-16-center-wrap { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.zs-fff-opacity06-085em { color: #ffffff; opacity: 0.6; font-size: 0.85em; }
.zs-ffaa00-085em { color: #ffaa00; font-size: 0.85em; }
.zs-green-fs14-vmid-mr4 { color: var(--zekt-green); font-size: 14px; vertical-align: middle; margin-right: 4px; }
.zs-zekt-gray-085em { color: var(--zekt-gray); font-size: 0.85em; }
.zs-zekt-gray-transition-rotate { color: var(--zekt-gray); transition: transform 0.3s ease; }
.zs-085em-opacity08 { font-size: 0.85em; opacity: 0.8; }
/* Nospace styles */
.zs-abs-top0-right0-flex-z10 { position:absolute;top:0;right:0;height:auto;display:flex;align-items:center;gap:8px;z-index:10; }
.zs-ff8800-fs44-pointer { color:#ff8800;font-size:44px;cursor:pointer; }
.zs-2563eb-badge-fw700-p3-10-r4-uppercase-ls05 { background:#2563eb;color:#fff;font-size:0.7rem;font-weight:700;padding:3px 10px;border-radius:4px;letter-spacing:0.5px;text-transform:uppercase;line-height:1.4; }
.zs-min-16ch-00ff88-mono { min-width:16ch;color:#00ff88;font-size:inherit;font-weight:inherit;line-height:inherit; }
.zs-flex-12-mb12-nospace { display:flex;align-items:center;gap:12px;margin-bottom:12px; }
.zs-btn-dark-1a1a2e-ccc-p6-14-r6 { display:inline-flex;align-items:center;gap:6px;background:#1a1a2e;border:1px solid #333;color:#ccc;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:0.8rem;transition:all 0.2s; }
.zs-inline-flex-6-888-075em-pointer { display:inline-flex;align-items:center;gap:6px;color:#888;font-size:0.75rem;cursor:pointer; }
.zs-accent-color-green-pointer { accent-color:#00ff88;cursor:pointer; }
.zs-555-07em-ml-auto { color:#555;font-size:0.7rem;margin-left:auto; }
.zs-ff4444-fs20 { color: #ff4444; font-size: 20px; }
.zs-maxw620-relative-overflow-visible { max-width:620px;position:relative;overflow:visible; }
.zs-flex-between-mb16-nospace { display:flex;align-items:center;justify-content:space-between;margin-bottom:16px; }
.zs-ff8800-fs24 { color:#ff8800;font-size:24px; }
.zs-m0-11rem-fff { margin:0;font-size:1.1rem;color:#fff; }
.zs-pointer-888-fs20 { cursor:pointer;color:#888;font-size:20px; }
.zs-ccc-09rem-lh17 { color:#ccc;font-size:0.9rem;line-height:1.7; }
.zs-ff4444-fs18 { color:#ff4444;font-size:18px; }
.zs-ff8800-fs18 { color:#ff8800;font-size:18px; }
.zs-m-0-0-8-0-ml24 { margin:0 0 8px 24px; }
.zs-ml24-mono-0d0d0d-r6-p12 { margin-left:24px;background:#0d0d0d;border:1px solid #333;border-radius:6px;padding:12px;font-family:monospace;font-size:0.82em;line-height:1.6; }
.zs-m-8-0-0-ml24 { margin:8px 0 0 24px; }
.zs-2563eb-fs18 { color:#2563eb;font-size:18px; }
.zs-fs48-ff8800 { font-size: 48px; color: #ff8800; }
.zs-inline-flex-4 { display:inline-flex;align-items:center;gap:4px; }
.zs-ff9900-btn-000-r4-lh14 { background:#ff9900;color:#000;border:none;border-radius:4px;line-height:1.4;padding:3px 10px; }
.zs-lh14-p3-10 { line-height:1.4;padding:3px 10px; }
.zs-maxw1280 { max-width: 1280px; }
.zs-overflow-y-auto-maxh60vh { overflow-y:auto;max-height:60vh; }
.zs-mt6-08rem-mono-6495ed { margin-top:6px;font-size:0.8rem;font-family:monospace;color:#6495ed;min-height:1.2em; }
.zs-flex-6-mt8-085rem-white05-pointer { display:flex;align-items:center;gap:6px;margin-top:8px;font-size:0.85rem;color:rgba(255,255,255,0.5);cursor:pointer; }
.zs-mt6-hidden { margin-top:6px;display:none; }
.zs-justify-content-center { justify-content:center; }
.zs-flex-center-flex1 { display:flex;align-items:center;flex:1;gap:0; }
.zs-1a1a2e-ff9900-p5-6-border-r4-0-0-4px-mono { background:#1a1a2e;color:#ff9900;padding:5px 6px;border:1px solid rgba(255,255,255,0.1);border-right:none;border-radius:4px 0 0 4px;font-size:0.82em;white-space:nowrap;font-family:monospace; }
.zs-flex1-r-0-4-4-0 { flex:1;border-radius:0 4px 4px 0; }
.zs-w130 { width: 130px; }
.zs-w90 { width: 90px; }
.zs-ff8800-fs16 { color:#ff8800; font-size:16px; }
.zs-ff8800-fs18-vmid { color:#ff8800; font-size:18px; vertical-align:middle; }
.zs-flex-gap8 { display:flex; gap:8px; }
.zs-white06-mb8 { color: rgba(255,255,255,0.6); margin-bottom: 8px; }
.zs-00ff88-fs14 { color:#00ff88; font-size:14px; }
.zs-w32-h32-fs12-flex { width:32px;height:32px;font-size:12px;display:flex; }
.zs-w18-h18-vmid { width:18px;height:18px;vertical-align:middle; }
.zs-modal-000-r12-maxw560-p32-36-relative { background:#000;border:1px solid rgba(255,255,255,0.12);border-radius:12px;max-width:560px;width:90%;padding:32px 36px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,0.6); }
.zs-btn-close-abs-top12-right12 { position:absolute;top:12px;right:12px;background:none;border:none;color:rgba(255,255,255,0.5);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;border-radius:4px;transition:color 0.2s; }
.zs-flex-12-mb24-center-wrap { display:flex;align-items:center;gap:12px;margin-bottom:24px;justify-content:center;flex-wrap:wrap; }
.zs-fs16rem { font-size:1.6rem; }
.zs-w32-h32 { width:32px;height:32px; }
.zs-13rem-fw700-00ff88-mono { font-size:1.3rem;font-weight:700;color:#00ff88;font-family:monospace; }
.zs-list-none-p0-m0-0-24-0-flex-col-14 { list-style:none;padding:0;margin:0 0 24px 0;display:flex;flex-direction:column;gap:14px;color:rgba(255,255,255,0.88);font-size:0.9rem;line-height:1.6; }
.zs-btn-green-inline-r8-p10-20-012 { display:flex;align-items:center;gap:8px;justify-content:center;padding:10px 20px;border-radius:8px;background:rgba(0,255,136,0.12);border:1px solid rgba(0,255,136,0.35);color:#00ff88;font-weight:600;font-size:0.88rem;text-decoration:none;transition:background 0.2s,border-color 0.2s; }
.zs-w18-h18 { width:18px;height:18px; }
.zs-m-16-0-0-center-075rem-white035 { margin:16px 0 0;text-align:center;font-size:0.75rem;color:rgba(255,255,255,0.35); }
.zs-p-0-14-12-58 { padding: 0 14px 12px 58px; }
.zs-avatar-circle-48-000 { width: 48px; height: 48px; border-radius: 50%; background: #000; padding: 6px; object-fit: contain; }
.zs-m-4-0-0-gray-light-09em { margin: 4px 0 0; color: var(--zekt-gray-light); font-size: 0.9em; }
.zs-m-4-0-0-white-09em { margin: 4px 0 0; color: var(--zekt-white); font-size: 0.9em; }
.zs-flex-10-pointer { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.zs-card-f59e0b-010-r8-p16-mb24 { background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: 8px; padding: 16px; margin-bottom: 24px; }
.zs-f59e0b-m0-09em { color: #f59e0b; margin: 0; font-size: 0.9em; }
.zs-gray-r8-p24-center { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 24px; text-align: center; }
.zs-mt12-flex-6 { margin-top: 12px; display: flex; align-items: center; gap: 6px; }

/* ==========================================================================
   Batch 28 — top-100 audit patterns round 26
   ========================================================================== */

.zs-gray-light-mb12 { color: var(--zekt-gray-light); margin-bottom: 12px; }
.zs-gray-card-r8-p16 { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 16px; }
.zs-avatar-36-r50-border { width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--zekt-gray-border); }
.zs-white-fw400-085em-ml8 { color: var(--zekt-white); font-weight: 400; font-size: 0.85em; margin-left: 8px; }
.zs-white-085em-mt2 { color: var(--zekt-white); font-size: 0.85em; margin-top: 2px; }
.zs-flex-6-mt4 { display: flex; gap: 6px; margin-top: 4px; }
.zs-badge-white01-p2-8-r4-075em { background: rgba(255,255,255,0.1); padding: 2px 8px; border-radius: 4px; font-size: 0.75em; color: var(--zekt-white); }
.zs-flex-6 { display: flex; gap: 6px; }
.zs-modal-000-r12-p28-w540-maxh80vh { background: #000; border: 1px solid var(--zekt-gray-border); border-radius: 12px; padding: 28px; width: 540px; max-height: 80vh; overflow-y: auto; }
.zs-white-m-0-0-20 { color: var(--zekt-white); margin: 0 0 20px; }
.zs-mt8-maxh200-overflow-y { margin-top: 8px; max-height: 200px; overflow-y: auto; }
.zs-hidden-mt8 { display: none; margin-top: 8px; }
.zs-select-gray-r6-w160-09em { width: 160px; padding: 8px 10px; background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 6px; color: var(--zekt-white); font-size: 0.9em; }
.zs-flex-6-mt16 { display: flex; align-items: center; gap: 6px; margin-top: 16px; }
.zs-card-f59e0b-010-r8-p12-mb20 { background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: 8px; padding: 12px; margin-bottom: 20px; }
.zs-f59e0b-m0-085em { color: #f59e0b; margin: 0; font-size: 0.85em; }
.zs-flex-10-justify-end { display: flex; gap: 10px; justify-content: flex-end; }
.zs-radio-row-p10-r6-mb4-pointer { display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--zekt-gray-border); border-radius: 6px; margin-bottom: 4px; cursor: pointer; transition: border-color 0.2s; }
.zs-border-green-var { border-color:var(--zekt-green) }
.zs-avatar-32-r50 { width: 32px; height: 32px; border-radius: 50%; }
.zs-red-085em-p8 { color: var(--zekt-red); font-size: 0.85em; padding: 8px; }
.zs-avatar-36-r50 { width: 36px; height: 36px; border-radius: 50%; }
.zs-flex-between-p6-0-bb-gray-085em { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid var(--zekt-gray-border); font-size: 0.85em; }
.zs-justify-between-center { justify-content: space-between; align-items: center; }
.zs-f59e0b-mr6 { color: #f59e0b; margin-right: 6px; }
.zs-card-red-ff4d4f-005-r8-p14-16-mt12 { margin-top: 12px; padding: 14px 16px; background: rgba(255, 77, 79, 0.05); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.25); }
.zs-orange-note-mt12-p12-bl3 { margin-top: 12px; padding: 12px; background: rgba(255, 165, 0, 0.05); border-radius: 8px; border-left: 3px solid var(--zekt-orange); }
.zs-ff4d4f-m0-09em { margin: 0; font-size: 0.9em; color: #ff4d4f; }
.zs-ff4d4f-m-4-0-0-0-085em { margin: 4px 0 0 0; font-size: 0.85em; color: #ff4d4f; }
.zs-f59e0b-note-mt12-p12-bl3 { margin-top: 12px; padding: 12px; background: rgba(245, 158, 11, 0.1); border-radius: 8px; border-left: 3px solid #f59e0b; }
.zs-white-m0-09em { margin: 0; font-size: 0.9em; color: var(--zekt-white); }
.zs-f59e0b-fs16-vmid-mr4 { font-size: 16px; vertical-align: middle; margin-right: 4px; color: #f59e0b; }
.zs-m-4-0-0-0-085em-gray-light { margin: 4px 0 0 0; font-size: 0.85em; color: var(--zekt-gray-light); }
.zs-m-4-0-0-0-085em-white { margin: 4px 0 0 0; font-size: 0.85em; color: var(--zekt-white); }
.zs-white-m0-105em { margin: 0; color: var(--zekt-white); font-size: 1.05em; }
.zs-btn-ghost-abs-top0-right0 { position: absolute; top: 0; right: 0; background: transparent; border: none; color: var(--zekt-gray-light); cursor: pointer; padding: 4px; border-radius: 4px; transition: all 0.2s; display: flex; align-items: center; justify-content: center; }
.zs-white-bg-white01 { color:var(--zekt-white);background:rgba(255,255,255,0.1) }
.zs-green-note-mt12-p14-16-r8 { margin-top: 12px; padding: 14px 16px; background: rgba(0, 255, 136, 0.05); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.25); }
.zs-white-m0-09em-italic { margin: 0; font-size: 0.9em; color: var(--zekt-white); font-style: italic; }
.zs-log-row-p14-16-mb8-dark02-r8 { padding: 14px 16px; margin-bottom: 8px; background: rgba(0, 0, 0, 0.2); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.25); transition: background 0.15s; }
.zs-bg-dark-085 { background:rgba(0,0,0,0.85) }
.zs-flex-between-flex-start-mb8 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; }
.zs-m-0-0-6-0-095em { margin: 0 0 6px 0; font-size: 0.95em; }
.zs-m-0-0-6-0-085em { margin: 0 0 6px 0; font-size: 0.85em; }
.zs-m-0-0-8-0-085em-gray-light { margin: 0 0 8px 0; font-size: 0.85em; color: var(--zekt-gray-light); }
.zs-m-0-0-8-0-085em-white { margin: 0 0 8px 0; font-size: 0.85em; color: var(--zekt-white); }
.zs-085em-p6-12-white { font-size: 0.85em; padding: 6px 12px; color: var(--zekt-white); }
.zs-green-note-mt8-p10-12-r6 { margin-top: 8px; padding: 10px 12px; background: rgba(0, 255, 136, 0.05); border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.25); }
.zs-white-m0-085em-italic { margin: 0; font-size: 0.85em; color: var(--zekt-white); font-style: italic; }
.zs-card-gray-r12-mb16-overflow { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 12px; margin-bottom: 16px; overflow: hidden; transition: all 0.3s ease; }
.zs-card-row-p16-20-click-flex-16 { padding: 16px 20px; cursor: pointer; display: flex; align-items: center; gap: 16px; background: rgba(0, 255, 136, 0.05); border-bottom: 1px solid var(--zekt-gray-border); transition: all 0.2s; }
.zs-bg-green-01 { background:rgba(0, 255, 136, 0.1) }
.zs-avatar-48-r50-green-gradient-bold { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--zekt-green), var(--zekt-orange)); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 20px; color: var(--zekt-black); flex-shrink: 0; }
.zs-m-4-0-0-0-white-09em { margin: 4px 0 0 0; color: var(--zekt-white); font-size: 0.9em; }
.zs-white-fs28-transition { color: var(--zekt-white); font-size: 28px; transition: transform 0.3s; }
.zs-card-body-p16-20-hidden { padding: 16px 20px; display: none; }
.zs-m-0-0-20-0-white { margin: 0 0 20px 0; color: var(--zekt-white); }
.zs-grid-1fr-320px-24-start { display: grid; grid-template-columns: 1fr 320px; gap: 24px; align-items: start; }
.zs-select-gray-r8-09em-min150 { padding: 8px 12px; border-radius: 8px; border: 1px solid var(--zekt-gray-border); background: var(--zekt-gray); color: var(--zekt-white); font-size: 0.9em; min-width: 150px; }
.zs-sticky-top0 { position: sticky; top: 0; }
.zs-white-085em-mt12 { color: var(--zekt-white); font-size: 0.85em; margin-top: 12px; }
.zs-white-m-0-0-24-0 { color: var(--zekt-white); margin: 0 0 24px 0; }
.zs-flex-12-mb20-wrap { display: flex; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
.zs-bb-gray-transition-pointer { border-bottom: 1px solid var(--zekt-gray-border); transition: background 0.2s ease; cursor: pointer; }
.zs-fff-09em { color: #ffffff; font-size: 0.9em; }
.zs-fff-09em-mono { color: #ffffff; font-size: 0.9em; font-family: monospace; }
.zs-gray-light-mono-08em { color: var(--zekt-gray-light); font-family: monospace; font-size: 0.8em; }
.zs-ff9800-fs32-mb8 { color: #ff9800; font-size: 32px; margin-bottom: 8px; }
.zs-white-m-0-0-8-0-11em { margin: 0 0 8px 0; color: var(--zekt-white); font-size: 1.1em; }
.zs-m-0-0-16-0-gray-light-09em { margin: 0 0 16px 0; color: var(--zekt-gray-light); font-size: 0.9em; }
.zs-badge-orange-var-p1-5-r4-07em-ml6 { background: var(--zekt-orange); color: black; padding: 1px 5px; border-radius: 4px; font-size: 0.7em; margin-left: 6px; }
.zs-card-ff9800-010-r6-p8-08em { background: rgba(255, 152, 0, 0.1); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 6px; padding: 8px; font-size: 0.8em; color: #ff9800; }
.zs-green-fs20-mr8 { font-size: 20px; color: var(--zekt-green); margin-right: 8px; }
.zs-m0-ml8-085em-orange { margin: 0; margin-left: 8px; font-size: 0.85em; color: var(--zekt-orange); }
.zs-p40-20 { padding: 40px 20px; }
.zs-icon-auto-mb20-w48-opacity05 { width: 48px; height: 48px; margin: 0 auto 20px; opacity: 0.5; }
.zs-white-085em-inline-flex-4 { color: var(--zekt-white); font-size: 0.85em; display: inline-flex; align-items: center; gap: 4px; }
.zs-w14-h14 { width: 14px; height: 14px; }
.zs-w20-h20-transition { width: 20px; height: 20px; transition: transform 0.3s; }
.zs-m-4-0-0-0-09em-orange { margin: 4px 0 0 0; font-size: 0.9em; color: var(--zekt-orange); }
.zs-gray-center-r8-p20-mt10 { padding: 20px; text-align: center; color: var(--zekt-gray-light); background: var(--zekt-gray); border-radius: 8px; margin-top: 10px; }
.zs-mb10 { margin-bottom: 10px; }
.zs-09em-opacity07 { font-size: 0.9em; opacity: 0.7; }
.zs-card-red-var-010-r8-p20-mt10 { padding: 20px; background: rgba(255, 68, 68, 0.1); border: 1px solid var(--zekt-red); border-radius: 8px; margin-top: 10px; }
.zs-red-mt0 { color: var(--zekt-red); margin-top: 0; }
.zs-gray-card-r8-p20-mt10-center { padding: 20px; background: var(--zekt-gray); border-radius: 8px; margin-top: 10px; text-align: center; }
.zs-icon-auto-mb15-w40-opacity05 { width: 40px; height: 40px; margin: 0 auto 15px; opacity: 0.5; }
.zs-gray-r8-mt10-overflow-border { background: var(--zekt-gray); border-radius: 8px; margin-top: 10px; overflow: visible; border: 1px solid var(--zekt-gray-border); }
.zs-card-header-p12-16-dark02-bb-r8-t-0 { padding: 12px 16px; background: rgba(0,0,0,0.2); border-bottom: 1px solid var(--zekt-gray-border); display: flex; justify-content: space-between; align-items: center; border-radius: 8px 8px 0 0; }
.zs-09em-fw500-gray-light { font-size: 0.9em; font-weight: 500; color: var(--zekt-gray-light); }
.zs-orange-085em-italic { font-size: 0.85em; color: var(--zekt-orange); font-style: italic; }
.zs-card-row-p12-16-bb-flex-between-transition { padding: 12px 16px; border-bottom: 1px solid var(--zekt-gray-border); display: flex; justify-content: space-between; align-items: center; transition: background 0.2s; }
.zs-flex-col { display: flex; flex-direction: column; }
.zs-badge-white-fw-bold-07em-p2-8-shadow { background: white; color: black; font-weight: bold; font-size: 0.7em; padding: 2px 8px; border-radius: 4px; box-shadow: 0 0 5px rgba(255,255,255,0.3); }

/* ==========================================================================
   Batch 29 — top-100 audit patterns round 27
   ========================================================================== */

.zs-btn-orange-gradient-p6-14-r6-inline { background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%); border: none; padding: 6px 14px; border-radius: 6px; color: white; font-weight: 500; font-size: 0.85em; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; transition: color 0.15s ease; }

/* Delivery row hover */
.zs-bb-gray-transition-pointer.zs-bg-black { transition: background 0.15s ease; }
.zs-bb-gray-transition-pointer.zs-bg-black:hover { background: #2a2a2a; }
.zs-bb-gray-transition-pointer.zs-bg-black:hover .zs-btn-orange-gradient-p6-14-r6-inline { color: #000; }
/* Time Travel event row hover */
.zs-border-bottom-transition.zs-bg-black { transition: background 0.15s ease; }
.zs-border-bottom-transition.zs-bg-black:hover { background: #2a2a2a; }
/* Webhook Replay history row hover */
.zs-bt-gray-pointer-transition.zs-bg-black { transition: background 0.15s ease; }
.zs-bt-gray-pointer-transition.zs-bg-black:hover { background: #2a2a2a; }
/* VisibilityModal — marquee animation (extracted from ensureMarqueeStyles) */
@keyframes visibility-scroll-x {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-visibility-scroll { animation: visibility-scroll-x 20s linear infinite; }
@media (prefers-reduced-motion: reduce) { .animate-visibility-scroll { animation: none; } }
.visibility-marquee-track:hover .animate-visibility-scroll { animation-play-state: paused; }
/* Auto-approval panel styles (extracted from addPanelStyles) */
.rule-type-btn { padding: 8px 16px; border: 1px solid var(--zekt-gray-border); border-radius: 6px; background: transparent; color: var(--zekt-white); cursor: pointer; font-size: 0.85em; transition: all 0.2s; }
.rule-type-btn:hover { border-color: var(--zekt-green); color: var(--zekt-white); }
.rule-type-btn.active { background: var(--zekt-green); border-color: var(--zekt-green); color: var(--zekt-black); font-weight: 500; }
.btn-sm { padding: 4px 10px !important; font-size: 0.8em !important; }
.auto-approval-rule-card { transition: background-color 0.2s ease; }
.auto-approval-rule-card:hover { background-color: black !important; }
/* DirectoryModule — grouped connection styles (extracted from injectGroupedConnectionStyles) */
.connection-group-card { background: #0a0a0a; border: 1px solid #333; border-radius: 12px; overflow: hidden; transition: all 0.2s; }
.connection-group-card:hover { border-color: #444; }
.group-header:hover { background: linear-gradient(135deg, rgba(0, 255, 136, 0.12) 0%, rgba(0, 255, 136, 0.04) 100%) !important; }
.connection-group-card[data-group-id*="consumer"] .group-header:hover { background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(59, 130, 246, 0.04) 100%) !important; }
.consumer-row:hover, .subscription-row:hover { background: #111 !important; }
.expand-icon { transition: transform 0.3s ease; }
/* DirectoryModule — connection animation styles (extracted from injectConnectionAnimationStyles) */
@keyframes flowDots {
    0% { transform: translateX(-100%); opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { transform: translateX(100%); opacity: 0; }
}
@keyframes zektPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(0, 255, 136, 0.4), 0 0 20px rgba(0, 255, 136, 0.2); transform: scale(1); }
    50% { box-shadow: 0 0 0 8px rgba(0, 255, 136, 0), 0 0 30px rgba(0, 255, 136, 0.4); transform: scale(1.05); }
}
@keyframes serviceGlow {
    0%, 100% { box-shadow: 0 0 10px rgba(0, 255, 136, 0.3), inset 0 0 10px rgba(0, 255, 136, 0.1); }
    50% { box-shadow: 0 0 20px rgba(0, 255, 136, 0.5), inset 0 0 15px rgba(0, 255, 136, 0.2); }
}
@keyframes receiveGlow {
    0%, 100% { box-shadow: 0 0 8px rgba(59, 130, 246, 0.3); }
    50% { box-shadow: 0 0 15px rgba(59, 130, 246, 0.5); }
}
.flow-connector { display: flex; align-items: center; width: 40px; height: 20px; position: relative; overflow: hidden; }
.flow-connector::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, currentColor 20%, currentColor 80%, transparent); transform: translateY(-50%); }
.flow-connector .flow-dot { position: absolute; width: 6px; height: 6px; background: currentColor; border-radius: 50%; animation: flowDots 1.5s ease-in-out infinite; box-shadow: 0 0 6px currentColor; }
.flow-connector .flow-dot:nth-child(2) { animation-delay: 0.5s; }
.flow-connector .flow-dot:nth-child(3) { animation-delay: 1s; }
.flow-connector-green { color: #00ff88; }
.flow-connector-blue { color: #3b82f6; }
.flow-connector-yellow { color: #ffc107; }
.zekt-hub-animated { animation: zektPulse 2s ease-in-out infinite; border-radius: 50%; }
.service-box-animated { animation: serviceGlow 2s ease-in-out infinite; }
.consumer-box-animated { animation: receiveGlow 2s ease-in-out infinite 0.5s; }
.flow-node { display: flex; flex-direction: column; align-items: center; min-width: 90px; flex-shrink: 0; }
.flow-node-box { background: #111; border-radius: 8px; padding: 10px 14px; text-align: center; transition: all 0.3s ease; }
.flow-node-label { font-size: 0.65em; color: #666; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; }
.flow-node-value { font-family: monospace; font-size: 0.85em; word-break: break-all; }
.zs-white-m0-09em-mono { margin: 0; color: var(--zekt-white); font-size: 0.9em; font-family: monospace; }
.zs-btn-ghost-white03-r4-p4-6-inline { background: none; border: 1px solid rgba(255,255,255,0.3); color: var(--zekt-white); cursor: pointer; padding: 4px 6px; border-radius: 4px; display: inline-flex; align-items: center; }
.zs-flex-6-wrap { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.zs-00bcd4-085em { color: #00bcd4; font-size: 0.85em; }
.zs-card-orange152-005-r12-p20-mb24-center { background: rgba(255, 152, 0, 0.05); border: 1px solid rgba(255, 152, 0, 0.3); border-radius: 12px; padding: 20px; margin-bottom: 24px; text-align: center; }
.zs-btn-orange-gradient-p10-20-r8-inline { background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%); border: none; padding: 10px 20px; border-radius: 8px; color: white; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.zs-07em-p2-8-opacity07 { font-size: 0.7em; padding: 2px 8px; opacity: 0.7; }
.zs-07em-p2-8 { font-size: 0.7em; padding: 2px 8px; }
.zs-fs10-mr4 { font-size: 10px; margin-right: 4px; }
.zs-08em-orange { font-size: 0.8em; color: var(--zekt-orange); }
.zs-btn-orange-var-p6-12-r4-flex-6 { background: var(--zekt-orange); color: black; padding: 6px 12px; font-size: 0.8em; border: none; border-radius: 4px; cursor: pointer; font-weight: 500; transition: all 0.2s; display: flex; align-items: center; gap: 6px; }
.zs-bg-ffa500-translatey-m1 { background:#ffa500;transform:translateY(-1px) }
.zs-p4-0-bb-333 { padding:4px 0; border-bottom:1px solid #333; }
.zs-orange-var-nospace { color:var(--zekt-orange); }
.zs-text-left-maxh150-overflow { text-align:left; max-height:150px; overflow:auto; }
.zs-grid-2-col-20-nospace { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.zs-p5-8-888-nowrap-w45pct { padding:5px 8px;color:#888;white-space:nowrap;width:45%; }
.zs-mt12-flex-8-wrap { margin-top:12px;display:flex;gap:8px;flex-wrap:wrap; }
.zs-link-2196f3-fff { text-decoration:none;background:#2196f3;color:#fff; }
.zs-bg-444-ccc { background:#444;color:#ccc; }
.zs-m-10-0-0-075em-666 { margin:10px 0 0;font-size:0.75em;color:#666; }
.zs-dark-1a1a2e-r6-p16 { background:#1a1a2e;border:1px solid #2a2a5a;border-radius:6px;padding:16px; }
.zs-m-0-0-12-aaa-09em { margin:0 0 12px;color:#aaa;font-size:0.9em; }
.zs-fs16-aaa-pulse { font-size:16px;color:#aaa;animation:badge-pulse 1s infinite; }
.zs-ccc-085em { font-size:0.85em;color:#ccc; }
.zs-dark-green-1a2e1a-r4-p10-mt8 { background:#1a2e1a;border:1px solid #2a5a2a;border-radius:4px;padding:10px;margin-top:8px; }
.zs-vmid-fs16-4caf50 { vertical-align:middle;font-size:16px;color:#4caf50; }
.zs-4caf50 { color:#4caf50; }
.zs-dark-amber-2e2a1a-r4-p10-mt8 { background:#2e2a1a;border:1px solid #5a4a2a;border-radius:4px;padding:10px;margin-top:8px; }
.zs-vmid-fs16-ff9800 { vertical-align:middle;font-size:16px;color:#ff9800; }
.zs-ff9800-ns { color:#ff9800; }
.zs-flex-8-mb24 { display: flex; gap: 8px; margin-bottom: 24px; }
.zs-bg-green-dark-border-green { background: var(--zekt-green-dark, #0d3320); border-color: var(--zekt-green); }
.zs-w20-h20-green { width: 20px; height: 20px; color: var(--zekt-green); }
.zs-gray-dark-6b7280 { color: var(--zekt-gray-dark, #6b7280); }
.zs-gray-dark-6b7280-085em-ml10-mono { color: var(--zekt-gray-dark, #6b7280); font-size: 0.85em; margin-left: 10px; font-family: monospace; }
.zs-white-085em-ml10-mono { color: var(--zekt-white); font-size: 0.85em; margin-left: 10px; font-family: monospace; }
.zs-fff-fw-normal-block-mt2 { color: #fff; font-weight: normal; display: block; margin-top: 2px; }
.zs-red-085em-hidden-mt4 { color: var(--zekt-red); font-size: 0.85em; display: none; margin-top: 4px; }
.zs-orange-block-mt12 { color: var(--zekt-orange); display: block; margin-top: 12px; }
.zs-white-block-mt12 { color: var(--zekt-white); display: block; margin-top: 12px; }
.zs-fs32-opacity07 { font-size: 32px; opacity: 0.7; }
.zs-orange-mt12-block { color: var(--zekt-orange); margin-top: 12px; display: block; }
.zs-white-mt12-block { color: var(--zekt-white); margin-top: 12px; display: block; }
.zs-flex-start-16-mb20 { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 20px; }
.zs-mt4-block-orange { margin-top: 4px; display: block; color: var(--zekt-orange); }
.zs-mt4-block-white { margin-top: 4px; display: block; color: var(--zekt-white); }
.zs-hidden-pt16-bt-gray { display: none; padding-top: 16px; border-top: 1px solid var(--zekt-gray-border); }
.zs-block-mb12-fw500-white { display: block; margin-bottom: 12px; font-weight: 500; color: var(--zekt-white); }
.zs-mt8-right-hidden { margin-top: 8px; text-align: right; display: none; }
.zs-bl4-green { border-left: 4px solid var(--zekt-green); }
.zs-flex-start-16 { display: flex; align-items: flex-start; gap: 16px; }
.zs-mt4-block-gray-light { margin-top: 4px; display: block; color: var(--zekt-gray-light); }
.zs-bg-333-p2-4-r3 { background:#333; padding:2px 4px; border-radius:3px; }
.zs-gray-r8-p32-maxw520-maxh90vh { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 32px; max-width: 520px; width: 90%; max-height: 90vh; overflow-y: auto; }
.zs-mt10-right { margin-top: 10px; text-align: right; }
.zs-flex-12-justify-end-mt24 { display: flex; gap: 12px; justify-content: flex-end; margin-top: 24px; }
.zs-border-green-025-m0 { border-color: rgba(0,255,136,0.25); margin: 0; }
.zs-badge-green-ml-auto { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: 4px; font-size: 0.8em; font-weight: 500; color: var(--zekt-green); background: rgba(0,255,136,0.12); border: 1px solid var(--zekt-green); }
.zs-card-green-006-018-r6-p10-14-mb10 { background: rgba(0,255,136,0.06); border: 1px solid rgba(0,255,136,0.18); border-radius: 6px; padding: 10px 14px; color: var(--zekt-white); font-size: 0.9em; margin-bottom: 10px; }
.zs-border-orange-030-m0 { border-color: rgba(255,152,0,0.3); margin: 0; }
.zs-card-orange-006-02-r6-p10-14-mb10-gray { background: rgba(255,152,0,0.06); border: 1px solid rgba(255,152,0,0.2); border-radius: 6px; padding: 10px 14px; color: var(--zekt-gray-light); font-size: 0.9em; margin-bottom: 10px; }
.zs-card-orange-006-02-r6-p10-14-mb10-white { background: rgba(255,152,0,0.06); border: 1px solid rgba(255,152,0,0.2); border-radius: 6px; padding: 10px 14px; color: var(--zekt-white); font-size: 0.9em; margin-bottom: 10px; }
.zs-border-orange-040-m0 { border-color: rgba(255,152,0,0.4); margin: 0; }
.zs-card-orange-010-030-r6-p10-14-mb10-white { background: rgba(255,152,0,0.1); border: 1px solid rgba(255,152,0,0.3); border-radius: 6px; padding: 10px 14px; color: var(--zekt-white); font-size: 0.9em; margin-bottom: 10px; }
.zs-p4-10-r6-border-gray-030-08em-white { padding: 4px 10px; border-radius: 6px; border: 1px solid rgba(128,128,128,0.3); font-size: 0.8em; color: var(--zekt-white); }
.zs-border-gray-030-opacity085-m0 { border-color: rgba(128,128,128,0.3); opacity: 0.85; margin: 0; }
.zs-badge-gray-ml-auto { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: 4px; font-size: 0.8em; font-weight: 500; color: var(--zekt-gray-light); background: rgba(128,128,128,0.12); border: 1px solid rgba(128,128,128,0.4); }
.zs-card-gray-008-025-r6-p10-14-mb10 { background: rgba(128,128,128,0.08); border: 1px solid rgba(128,128,128,0.25); border-radius: 6px; padding: 10px 14px; color: var(--zekt-gray-light); font-size: 0.9em; margin-bottom: 10px; }
.zs-green-fs15-shrink0 { font-size: 15px; color: var(--zekt-green); flex-shrink: 0; }
.zs-badge-white01-r10-p1-7-078em-fw500-mr4 { background: rgba(255,255,255,0.1); padding: 1px 7px; border-radius: 10px; font-size: 0.78em; font-weight: 500; margin-right: 4px; }
.zs-fs17-gray-light { font-size: 17px; color: var(--zekt-gray-light); }
.zs-grid-auto-fill-140-8 { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; }
.zs-pointer-accent-green { cursor: pointer; accent-color: var(--zekt-green); }
.zs-pointer-white-09em-no-select { cursor: pointer; color: var(--zekt-white); font-size: 0.9em; user-select: none; }
.zs-green-underline { color: var(--zekt-green); text-decoration: underline; }
.zs-relative-inline-block { position: relative; display: inline-block; }
.zs-gray-r10-p32-maxw620-maxh88vh { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 10px; padding: 32px; max-width: 620px; width: 93%; max-height: 88vh; overflow-y: auto; }
.zs-m0-white-12em { margin: 0; color: var(--zekt-white); font-size: 1.2em; }
.zs-btn-ghost-gray-light-14em-r4 { background: none; border: none; color: var(--zekt-gray-light); font-size: 1.4em; cursor: pointer; padding: 4px 8px; border-radius: 4px; line-height: 1; }
.zs-white-09em-mb20 { color: var(--zekt-white); font-size: 0.9em; margin-bottom: 20px; }
.zs-flex-col-14-mb24 { display: flex; flex-direction: column; gap: 14px; margin-bottom: 24px; }
.zs-card-green-006-02-r8-p14 { padding: 14px; background: rgba(0,255,136,0.06); border: 1px solid rgba(0,255,136,0.2); border-radius: 8px; }
.zs-card-orange-006-02-r8-p14 { padding: 14px; background: rgba(255,152,0,0.06); border: 1px solid rgba(255,152,0,0.2); border-radius: 8px; }
.zs-white-088em-m-0-0-8-0 { color: var(--zekt-white); font-size: 0.88em; margin: 0 0 8px 0; }
.zs-white-088em-m0-pl20 { color: var(--zekt-white); font-size: 0.88em; margin: 0; padding-left: 20px; }
.zs-orange-card-mt10-p8-12-r6-085em { margin-top: 10px; padding: 8px 12px; background: rgba(255,152,0,0.1); border: 1px solid rgba(255,152,0,0.3); border-radius: 6px; font-size: 0.85em; color: var(--zekt-orange); }
.zs-card-gray-006-02-r8-p14 { padding: 14px; background: rgba(128,128,128,0.06); border: 1px solid rgba(128,128,128,0.2); border-radius: 8px; }
.zs-bt-gray-none-mb20 { border: none; border-top: 1px solid var(--zekt-gray-border); margin-bottom: 20px; }
.zs-white-095em-m-0-0-12-0 { color: var(--zekt-white); font-size: 0.95em; margin: 0 0 12px 0; }
.zs-w100-border-collapse-085em { width: 100%; border-collapse: collapse; font-size: 0.85em; }
.zs-bg-white-005 { background: rgba(255,255,255,0.05); }

/* ==========================================================================
   Batch 30 — top-100 audit patterns round 28
   ========================================================================== */

.zs-table-td-p8-10-border-white { text-align: left; padding: 8px 10px; border: 1px solid var(--zekt-gray-border); color: var(--zekt-white); }
.zs-table-td-p8-10-border-green { padding: 8px 10px; border: 1px solid var(--zekt-gray-border); color: var(--zekt-green); }
.zs-table-td-p8-10-border-orange { padding: 8px 10px; border: 1px solid var(--zekt-gray-border); color: var(--zekt-orange); }
.zs-table-td-p8-10-border-gray-light { padding: 8px 10px; border: 1px solid var(--zekt-gray-border); color: var(--zekt-gray-light); }
.zs-white-078em-mt8 { color: var(--zekt-white); font-size: 0.78em; margin-top: 8px; }
.zs-gray-card-mt16-p10-14-r6-085em { margin-top: 16px; padding: 10px 14px; background: rgba(255,255,255,0.04); border: 1px solid var(--zekt-gray-border); border-radius: 6px; font-size: 0.85em; color: var(--zekt-white); }
.zs-center-mt20 { text-align: center; margin-top: 20px; }
.zs-flex-1-center-12 { flex: 1; display: flex; align-items: center; gap: 12px; }
.zs-orange-09em { color: var(--zekt-orange); font-size: 0.9em; }
.zs-grid-row-6col-28-2-3-2-1-80 { display: grid; grid-template-columns: 28px 2fr 3fr 2fr 1fr 80px; gap: 12px; padding: 12px 20px; background: var(--zekt-gray-dark); border-bottom: 1px solid var(--zekt-gray-border); }
.zs-grid-row-4col-28-1-12-1-nested { display: grid; grid-template-columns: 28px 1fr 1.2fr 1fr; gap: 12px; padding: 10px 20px 10px 48px; border-bottom: 1px solid var(--zekt-gray-border); align-items: center; transition: background 0.2s ease; }
.zs-fs16-orange { font-size: 16px; color: var(--zekt-orange); }
.zs-orange-088em-inline-flex-4 { color: var(--zekt-orange); font-size: 0.88em; display: inline-flex; align-items: center; gap: 4px; }
.zs-grid-row-6col-click { display: grid; grid-template-columns: 28px 2fr 3fr 2fr 1fr 80px; gap: 12px; padding: 12px 20px; border-bottom: 1px solid var(--zekt-gray-border); align-items: center; transition: background 0.2s ease; cursor: pointer; }
.zs-fs20-gray-light-transition { font-size: 20px; color: var(--zekt-gray-light); transition: color 0.2s; }
.zs-fs20-orange-transition { font-size: 20px; color: var(--zekt-orange, #ff9900); transition: color 0.2s; }
.zs-white-08em-600 { color: var(--zekt-white); font-size: 0.8em; font-weight: 600; }

/* Subscriber row hover */
.subscriber-row { transition: background 0.15s ease; }
.subscriber-row:hover { background: #2a2a2a !important; cursor: pointer; }
.zs-orange-085em-fw500 { color: var(--zekt-orange); font-size: 0.85em; font-weight: 500; }
.zs-hidden-bg-black-008 { display: none; background: rgba(0, 0, 0, 0.08); }
.zs-grid-row-4col-28-1-12-1-sub { display: grid; grid-template-columns: 28px 1fr 1.2fr 1fr; gap: 12px; padding: 8px 20px 8px 48px; border-bottom: 1px solid var(--zekt-gray-border); }
.zs-grid-row-5col-click { display: grid; grid-template-columns: 2fr 3fr 2fr 1.5fr 1fr; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--zekt-gray-border); align-items: center; transition: background 0.2s ease; cursor: pointer; }
.zs-img-auto-block-drop-red { margin: 0 auto; display: block; filter: drop-shadow(0 4px 12px rgba(255, 100, 100, 0.3)); }
.zs-glass-r8-p12-16-m12-0-16-border-red { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%); padding: 12px 16px; border-radius: 8px; margin: 12px 0 16px 0; border: 1px solid rgba(255, 100, 100, 0.2); }
.zs-ff6464-095em-ls03 { color: #ff6464; font-size: 0.95em; letter-spacing: 0.3px; }
.zs-ff6464 { color: #ff6464; }
.zs-glass-r10-p14-16-blue-2border { background: linear-gradient(135deg, rgba(0, 150, 255, 0.08) 0%, rgba(0, 150, 255, 0.02) 100%); border: 2px solid rgba(0, 150, 255, 0.2); padding: 14px 16px; border-radius: 10px; margin: 0; text-align: left; }
.zs-0096ff-085em-fw600-mb8 { color: #0096ff; font-size: 0.85em; font-weight: 600; margin-bottom: 8px; }
.zs-0096ff { color: #0096ff; }
.zs-img-auto-block-drop-amber { margin: 0 auto; display: block; filter: drop-shadow(0 4px 12px rgba(255, 180, 0, 0.3)); }
.zs-glass-r8-p12-16-m12-0-16-border-amber { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%); padding: 12px 16px; border-radius: 8px; margin: 12px 0 16px 0; border: 1px solid rgba(255, 180, 0, 0.2); }
.zs-ffb400-095em-ls03 { color: #ffb400; font-size: 0.95em; letter-spacing: 0.3px; }
.zs-ffb400 { color: #ffb400; }
.zs-glass-r10-p14-16-green-2border { background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 255, 136, 0.02) 100%); border: 2px solid rgba(0, 255, 136, 0.2); padding: 14px 16px; border-radius: 10px; margin: 0; text-align: left; }
.zs-green-085em-fw600-mb8 { color: var(--zekt-green); font-size: 0.85em; font-weight: 600; margin-bottom: 8px; }
.zs-spin-anim { animation:spin-shepherd 1s linear infinite }
.zs-minw10ch { min-width:10ch; }
.zs-bg-ff8800-blk-no-border { background:#ff8800;color:#000;border:none; }
.zs-fs16-lh1 { font-size:16px;line-height:1; }
.zs-border-ff8800-bg-ff8800-01 { border-color:rgba(255,136,0,0.3);background:rgba(255,136,0,0.1);color:#ff8800; }
.zs-vmid-ns { vertical-align:middle }
.zs-w56-h56-border-green-glow { width:56px;height:56px;border-color:rgba(0,255,136,0.5);box-shadow:0 0 16px rgba(0,255,136,0.2); }
.zs-abs-left50-top0-w1-h14-green-gradient { position:absolute;left:50%;top:0;width:1px;height:14px;background:linear-gradient(to bottom,rgba(0,255,136,0.4),rgba(0,255,136,0.2)); }
.zs-w44-h44-border-white015 { width:44px;height:44px;border-color:rgba(255,255,255,0.15); }
.zs-fs12-ns { font-size:12px }
.zs-red-opacity04-ns { color:rgba(255,68,68,0.4) }
.zs-w100-h100-cover-r50 { width:100%;height:100%;object-fit:cover;border-radius:50%; }
.zs-maxw1190-p40-0 { max-width: 1190px; padding: 40px 0; }
.zs-fff-2rem-mb8 { color: #fff; font-size: 2rem; margin-bottom: 8px; }
.zs-888-09em { color: #888; font-size: 0.9em; }
.zs-grid-auto-fit-200-16-mb40 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 40px; }
.zs-ff9900-085em-mb4 { color: #ff9900; font-size: 0.85em; margin-bottom: 4px; }
.zs-fs48-333-mb15 { font-size: 48px; color: #333; margin-bottom: 15px; }
.zs-666-maxw400-m10-auto { color: #666; max-width: 400px; margin: 10px auto; }
.zs-w42pct { width: 42%; }
.zs-w20pct { width: 20%; }
.zs-w12pct { width: 12%; }
.zs-w26pct { width: 26%; }
.zs-maxw900-m0-p40-0 { max-width: 900px; margin: 0; padding: 40px 0; }
.zs-m-0-0-40-0 { margin: 0 0 40px 0; }
.zs-flex-between-start-20-mb16 { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 16px; }
.zs-fff-2rem-m-0-0-8-0 { color: #fff; font-size: 2rem; margin: 0 0 8px 0; }
.zs-btn-green-gradient-border-p12-20-r8-14px { display: flex; align-items: center; gap: 8px; background-image: linear-gradient(135deg, rgba(0, 255, 136, 0.15) 0%, rgba(0, 255, 136, 0.05) 100%); border: 2px solid #00ff88; color: #00ff88; padding: 12px 20px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 2px 8px rgba(0, 255, 136, 0.2); flex-shrink: 0; }
.zs-btn-green-gradient-hover { background-image:linear-gradient(135deg, rgba(0, 255, 136, 0.25) 0%, rgba(0, 255, 136, 0.15) 100%);box-shadow:0 4px 16px rgba(0, 255, 136, 0.4);transform:translateY(-1px) }
.zs-888-09em-m0 { color: #888; font-size: 0.9em; margin: 0; }
.zs-bg-111-p30-border-333 { background: #111; padding: 30px; border: 1px solid #333; }
.zs-ff9900-mb20-left { color: #ff9900; margin-bottom: 20px; text-align: left; }
.zs-input-black-fff-border444-r4 { width: 100%; padding: 12px; background: #000; color: #fff; border: 1px solid #444; border-radius: 4px; }
.zs-hidden-mt30-bt333-pt20 { display:none; margin-top: 30px; border-top: 1px solid #333; padding-top: 20px; }
.zs-card-1a1a1a-p15-r4-bl3-666 { margin-bottom: 20px; padding: 15px; background: #1a1a1a; border-radius: 4px; border-left: 3px solid #666; }
.zs-input-black-00ff88-mono-border444 { width: 100%; padding: 10px; background: #000; color: #00ff88; font-family: 'Courier New', monospace; border: 1px solid #444; }
.zs-btn-ff9900-blk-p12-24-mt20-fw-bold-r4-w100 { background: #ff9900; color: #000; border: none; padding: 12px 24px; margin-top: 20px; font-weight: bold; border-radius: 4px; cursor: pointer; width: 100%; }
.zs-overlay-fixed-full-blk085-z9999-blur5 { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85); z-index:9999; justify-content:center; align-items:center; backdrop-filter: blur(5px); }
.zs-modal-1a1a1a-r12-maxw800-w90-maxh90vh-border333 { background:#1a1a1a; padding:0; border-radius:12px; max-width:800px; width:90%; max-height:90vh; overflow-y:auto; border:1px solid #333; box-shadow: 0 20px 50px rgba(0,0,0,0.5); }
.zs-modal-header-111-p20-30-bt333-flex-sticky { background: #111; padding: 20px 30px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 10; }
.zs-green-m0-15rem-flex-10 { color:#00ff88; margin:0; font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.zs-pointer-fs24-666-no-select { cursor:pointer; font-size:24px; color:#666; transition: color 0.2s; user-select: none; }
.zs-modal-body-p30-ddd-16 { padding: 30px; color:#ddd; line-height:1.6; }
.zs-fs11em-mb25 { font-size: 1.1em; margin-bottom: 25px; }
.zs-green-05-bl4-p20-mb30-r04 { background: rgba(0,255,136,0.05); border-left: 4px solid #00ff88; padding: 20px; margin-bottom: 30px; border-radius: 0 4px 4px 0; }
.zs-fff-m-0-0-10-0-11em { color:#fff; margin: 0 0 10px 0; font-size: 1.1em; }
.zs-m5-0-0-20-aaa { margin: 5px 0 0 20px; color: #aaa; }
.zs-fff-bt333-pb10-mt10 { color:#fff; border-bottom:1px solid #333; padding-bottom:10px; margin-top:10px; }
.zs-code-block-000-p20-r6-border333-green-mono { background:#000; padding:20px; border-radius:6px; border:1px solid #333; color:#00ff88; font-family:'Courier New', monospace; overflow-x:auto; margin: 15px 0; }
.zs-grid-2-col-20-mt20 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
.zs-bg-0d0d0d-p15-r4-border333 { background: #0d0d0d; padding: 15px; border-radius: 4px; border: 1px solid #333; }
.zs-block-888-mb10-09em { display: block; color: #888; margin-bottom: 10px; font-size: 0.9em; }
.zs-085em-aaa-m0 { font-size: 0.85em; color: #aaa; margin: 0; }
.zs-bg-0d110f-p15-r4-border004422 { background: #0d110f; padding: 15px; border-radius: 4px; border: 1px solid #004422; }
.zs-block-green-mb10-09em { display: block; color: #00ff88; margin-bottom: 10px; font-size: 0.9em; }
.zs-085em-green-m0 { font-size: 0.85em; color: #00ff88; margin: 0; }
.zs-modal-footer-bt333-right-bg111-r0-0-12-12 { padding: 20px 30px; border-top: 1px solid #333; text-align: right; background: #111; border-radius: 0 0 12px 12px; }
.zs-btn-333-fff-border555-p10-24-r4-fw500 { background:#333; color:#fff; border:1px solid #555; padding:10px 24px; border-radius:4px; cursor:pointer; font-weight: 500; transition: all 0.2s; }
.zs-bg-444-ns { background:#444 }
.zs-orange-card-mt12-p12-border-ff9900-r6 { margin-top: 12px; padding: 12px; background: rgba(255, 153, 0, 0.1); border: 1px solid #ff9900; border-radius: 6px; }
.zs-flex-start-10 { display: flex; align-items: flex-start; gap: 10px; }
.zs-ccc-085em-mt4 { color: #ccc; font-size: 0.85em; margin-top: 4px; }
.zs-mt4-666-085em { margin-top: 4px; color: #666; font-size: 0.85em; }
.zs-085em-aaa-lh16 { font-size: 0.85em; color: #aaa; line-height: 1.6; }
.zs-green-bg000-p2-6-r3 { color: #00ff88; background: #000; padding: 2px 6px; border-radius: 3px; }
.zs-maxw1200-m0-p40-0 { max-width: 1200px; margin: 0; padding: 40px 0; }
.zs-fff-2rem-mb8-fw600-flex-10 { color: #fff; font-size: 2rem; margin-bottom: 8px; font-weight: 600; display: flex; align-items: center; gap: 10px; }

/* ==========================================================================
   Batch 31 — top-100 audit patterns round 29 (all 192 remaining)
   ========================================================================== */

.zs-fs-2rem { font-size: 2rem; }
.zs-888-095em-m0 { color: #888; font-size: 0.95em; margin: 0; }
.zs-card-111-p28-border333-mb30-bl4-4caf50 { background: rgba(76, 175, 80, 0.15); padding: 28px; border: 1px solid #4caf50; margin-bottom: 30px; border-radius: 8px; }
.zs-flex-between-center-20 { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.zs-flex-center-16-mb12 { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; }
.zs-m0-14rem-4caf50-fw600 { margin: 0; font-size: 1.4rem; color: #4caf50; font-weight: 600; }
.zs-inline-flex-center-pointer { display: inline-flex; align-items: center; cursor: pointer; }
.zs-toggle-track { position: relative; display: inline-block; width: 56px; height: 30px; border-radius: 30px; transition: background-color 0.3s ease; }
.zs-toggle-thumb { position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; background: white; border-radius: 50%; transition: transform 0.3s ease; }
.zs-m0-888-09rem { margin: 0; color: #888; font-size: 0.9rem; }
.zs-fs48-4caf50 { font-size: 48px; color: #4caf50; }
.zs-fff-13rem-m0 { color: #fff; font-size: 1.3rem; margin: 0; }
.zs-btn-orange-gradient-ff9900-p10-20-r6-fw600 { background: linear-gradient(135deg, #ff9900 0%, #ff6600 100%); color: #000; border: none; padding: 10px 20px; border-radius: 6px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: transform 0.2s, box-shadow 0.2s; }
.zs-btn-orange-hover-translatey { transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,153,0,0.3) }
.zs-grid-auto-fill-280-16-mb30 { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin-bottom: 30px; }
.zs-666-span-full { color: #666; grid-column: 1 / -1; }
.zs-888-11rem-mb16-bt333-pb8 { color: #888; font-size: 1.1rem; margin-bottom: 16px; border-bottom: 1px solid #333; padding-bottom: 8px; }
.zs-flex-center-8-mb20-fff-13rem { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; color: #fff; font-size: 1.3rem; }
.zs-666-italic { color: #666; font-style: italic; }
.zs-flex-between-start-mb12 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }
.zs-08em-666-mt2 { font-size: 0.8em; color: #666; margin-top: 2px; }
.zs-card-orange153-005-02-p16-r8-flex-between { background: rgba(255, 153, 0, 0.05); border: 1px solid rgba(255, 153, 0, 0.2); padding: 16px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; }
.zs-badge-333-999-p2-8-r4-075rem { background: #333; color: #999; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; }
.zs-mono-085em-ff9900-mb4 { font-family: 'Courier New', monospace; font-size: 0.85em; color: #ff9900; margin-bottom: 4px; }
.zs-085em-666 { font-size: 0.85em; color: #666; }
.zs-flex-8-center { display: flex; gap: 8px; align-items: center; }
.zs-btn-ghost-red-ff4444-r4-p6-12-inline-flex { background: transparent; border: 1px solid #ff4444; color: #ff4444; padding: 6px 12px; border-radius: 4px; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; transition: all 0.2s; }
.zs-bg-ff4444-blk { background:#ff4444;color:#000 }
.zs-success-card-4caf50-005-r12-p50-center { text-align: center; padding: 50px; background: rgba(76,175,80,0.05); border-radius: 12px; border: 1px solid rgba(76,175,80,0.1); }
.zs-fs64-4caf50-mb16-block { font-size: 64px; color: #4caf50; margin-bottom: 16px; display: block; }
.zs-12em-fff-fw600-mb8 { font-size: 1.2em; color: #fff; font-weight: 600; margin-bottom: 8px; }
.zs-888-095em { color: #888; font-size: 0.95em; }
.zs-card-red-ff4444-005-02-p18-r8-transition { background: rgba(255, 68, 68, 0.05); border: 1px solid rgba(255, 68, 68, 0.2); padding: 18px; border-radius: 8px; transition: all 0.2s; }
.zs-bg-red-ff4444-008 { background:rgba(255, 68, 68, 0.08) }
.zs-flex-between-start-mb14 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 14px; }
.zs-badge-ff4444-blk-p4-10-r4-075rem-fw-bold { background: #ff4444; color: #000; padding: 4px 10px; border-radius: 4px; font-size: 0.75rem; font-weight: bold; }
.zs-ff9900-mono-fw600-095em { color: #ff9900; font-family: monospace; font-weight: 600; font-size: 0.95em; }
.zs-085em-888 { font-size: 0.85em; color: #888; }
.zs-grid-2col-100-1-gap10-09em { display: grid; grid-template-columns: 100px 1fr; gap: 10px; font-size: 0.9em; }
.zs-ccc-mono-09em { color: #ccc; font-family: 'Courier New', monospace; font-size: 0.9em; }
.zs-4caf50-fw600-flex-6 { color: #4caf50; font-weight: 600; display: flex; align-items: center; gap: 6px; }
.zs-card-red-ff4444-01-p20-r8-center { background: rgba(255, 68, 68, 0.1); border: 1px solid #ff4444; padding: 20px; border-radius: 8px; color: #ff4444; text-align: center; }
.zs-fs32-block-mb10 { font-size: 32px; display: block; margin-bottom: 10px; }
.zs-modal-1a1a1a-r12-maxw600-w90-border333 { background: #1a1a1a; padding: 0; border-radius: 12px; max-width: 600px; width: 90%; border: 1px solid #333; box-shadow: 0 20px 50px rgba(0,0,0,0.5); }
.zs-modal-header-111-p20-30-bt333-flex-between { background: #111; padding: 20px 30px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; align-items: center; }
.zs-ff9900-m0-15rem-flex-10 { color: #ff9900; margin: 0; font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.zs-pointer-fs28-666-transition { cursor: pointer; font-size: 28px; color: #666; transition: color 0.2s; }
.zs-p30 { padding: 30px; }
.zs-input-black-ff9900-border444-r4-mono { width: 100%; padding: 10px; background: #000; color: #ff9900; border: 1px solid #444; border-radius: 4px; font-family: 'Courier New', monospace; }
.zs-modal-footer-bt333-flex-end-12-bg111-r0-0-12-12 { padding: 20px 30px; border-top: 1px solid #333; display: flex; justify-content: flex-end; gap: 12px; background: #111; border-radius: 0 0 12px 12px; }
.zs-btn-333-fff-border555-p10-24-r4-fw500-notransition { background: #333; color: #fff; border: 1px solid #555; padding: 10px 24px; border-radius: 4px; cursor: pointer; font-weight: 500; }
.zs-btn-orange-gradient-ff9900-p10-24-r4-fw600 { background: linear-gradient(135deg, #ff9900 0%, #ff6600 100%); color: #000; border: none; padding: 10px 24px; border-radius: 4px; cursor: pointer; font-weight: 600; }
.zs-maxw900-p40-0-relative { max-width: 900px; padding: 40px 0; position: relative; }
.zs-badge-abs-top40-right0-blue { position:absolute;top:40px;right:0;background:#2563eb;color:#fff;font-size:0.7rem;font-weight:700;padding:3px 10px;border-radius:4px;letter-spacing:0.5px;text-transform:uppercase;line-height:1.4; }
.zs-flex-center-8-mb4 { display:flex;align-items:center;gap:8px;margin-bottom:4px; }
.zs-ff9900-fs24-shrink0 { color:#ff9900;font-size:24px;flex-shrink:0; }
.zs-12rem-fw700-fff-m0-flex-0-lh14em { font-size:1.2rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:0;line-height:1.4em; }
.zs-ff9900-minw28ch-vmid { color:#ff9900;min-width:28ch;vertical-align:middle; }
.zs-888-088em-m-0-0-0-32 { color: #888; font-size: 0.88em; margin: 0 0 0 32px; }
.zs-px12 { padding-left:12px;padding-right:12px; }

/* ==========================================================================
   Batch 32 — final remaining 132 static patterns
   ========================================================================== */

.zs-fs16-ff4444 { font-size:16px;color:#ff4444; }
.zs-border-ff4444-r8-p16 { border: 1px solid #ff4444; border-radius: 8px; padding: 16px; }
.zs-ff4444-m0 { color: #ff4444; margin: 0; }
.zs-fff-m-0-0-4-0-11rem { color: #fff; margin: 0 0 4px 0; font-size: 1.1rem; }
.zs-888-m0-085em { color: #888; margin: 0; font-size: 0.85em; }
.zs-toggle-52-28-pointer { position: relative; display: inline-block; width: 52px; height: 28px; cursor: pointer; flex-shrink: 0; }
.zs-hidden-input { opacity: 0; width: 0; height: 0; position: absolute; }
.zs-ff9900-m0-1rem-flex-6 { color: #ff9900; margin: 0; font-size: 1rem; display: flex; align-items: center; gap: 6px; }
.zs-btn-ff9900-blk-p6-14-r6-fw-bold-085em-inline { background: #ff9900; color: #000; border: none; padding: 6px 14px; border-radius: 6px; cursor: pointer; font-weight: bold; font-size: 0.85em; display: inline-flex; align-items: center; gap: 4px; }
.zs-card-1a1a1a-p12-mb8-border-2a2a2a-r6-flex-between { display: flex; justify-content: space-between; align-items: center; padding: 12px; margin-bottom: 8px; background: #1a1a1a; border: 1px solid #2a2a2a; border-radius: 6px; }
.zs-666-ml8 { color: #666; margin-left: 8px; }
.zs-555-m-2-0-0-0-075em { color: #555; margin: 2px 0 0 0; font-size: 0.75em; }
.zs-btn-ghost-red-ff4444-p4-10-r4-08em { background: transparent; color: #ff4444; border: 1px solid #ff4444; padding: 4px 10px; border-radius: 4px; cursor: pointer; font-size: 0.8em; }
.zs-flex-6-mb16 { display: flex; align-items: center; gap: 6px; margin-bottom: 16px; }
.zs-fs18-ff4444 { font-size:18px;color:#ff4444; }
.zs-ff4444-m0-1rem { color: #ff4444; margin: 0; font-size: 1rem; }
.zs-card-1a1a1a-p10-mb6-border-2a2a2a-r4 { padding: 10px; margin-bottom: 6px; background: #1a1a1a; border: 1px solid #2a2a2a; border-radius: 4px; }
.zs-ff4444-fw-bold-085em { color: #ff4444; font-weight: bold; font-size: 0.85em; }
.zs-555-075em { color: #555; font-size: 0.75em; }
.zs-666-08em-center-mt12 { color: #666; font-size: 0.8em; text-align: center; margin-top: 12px; }
.zs-flex-center-8-mb16-ns { display:flex;align-items:center;gap:8px;margin-bottom:16px; }
.zs-badge-orange153-012-ff9900-r3-p1-6-072em { background:rgba(255,153,0,0.12);color:#ff9900;border-radius:3px;padding:1px 6px;font-size:0.72em; }
.zs-666-078em-m-2-0-0-nowrap-ellipsis { color:#666;font-size:0.78em;margin:2px 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.zs-flex-center-8-mb6-ns { display:flex;align-items:center;gap:8px;margin-bottom:6px; }
.zs-666-082em-m-0-0-14-0 { color:#666;font-size:0.82em;margin:0 0 14px 0; }
.zs-555-075em-m-2-0-0-0 { color:#555;font-size:0.75em;margin:2px 0 0 0; }
.zs-minw160-maxw180-shrink0 { min-width:160px;max-width:180px;flex-shrink:0; }
.zs-w64-h64 { width:64px;height:64px; }
.zs-fs10-ns { font-size:10px; }
.zs-border-0099ff-012 { border-color:rgba(0,153,255,0.35);background:rgba(0,153,255,0.12);color:#0099ff; }
.zs-border-0099ff-03 { border-color:rgba(0,153,255,0.3); }
.zs-border-ff8800-012 { border-color:rgba(255,136,0,0.35);background:rgba(255,136,0,0.12);color:#ff8800; }
.zs-border-ff8800-03 { border-color:rgba(255,136,0,0.3); }
.zs-minw22ch { min-width:22ch; }
.zs-inline-block { display:inline-block; }
.zs-minw20ch { min-width:20ch; }
.zs-orange-mt0 { color: orange; margin-top:0; }
.zs-color-revert { color: revert; }
.zs-orange-ns { color: orange; }
.zs-text-decoration-none { text-decoration:none; }
.zs-fs16-lh1-vmid { font-size:16px;line-height:1;vertical-align:middle; }
.zs-lh1-vmid { line-height:1;vertical-align:middle; }
.zs-green-var-fw-bold { color: var(--zekt-green); font-weight: bold; }
.zs-p16-999 { padding: 16px; color: #999; }
.zs-card-green-005-02-p12-mb12-r4-flex-between { cursor: pointer; padding: 12px; background: rgba(0,255,136,0.05); border: 1px solid rgba(0,255,136,0.2); margin-bottom: 12px; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; }
.zs-fs12em-rotate0-transition { font-size: 1.2em; transform: rotate(0deg); transition: transform 0.3s; }
.zs-hidden-ml12-pl12-bl2-green-03 { display: none; margin-left: 12px; padding-left: 12px; border-left: 2px solid rgba(0,255,136,0.3); }
.zs-p12-999 { padding: 12px; color: #999; }
.zs-bg-blue-01-border-cyan-03-p12-mb12-r4 { background: rgba(0,100,150,0.1); border: 1px solid rgba(0,200,255,0.3); padding: 12px; margin-bottom: 12px; border-radius: 4px; }
.zs-fw500-blue-var { font-weight: 500; color: var(--zekt-blue); }
.zs-grid-2col-12-09em-mb12 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; font-size: 0.9em; margin-bottom: 12px; }
.zs-btn-cyan-02-p8-r3-085em { flex: 1; padding: 8px; background: rgba(0,200,255,0.2); border: 1px solid rgba(0,200,255,0.5); color: var(--zekt-blue); cursor: pointer; border-radius: 3px; font-size: 0.85em; }
.zs-mask-fade-y { mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 70%,transparent 100%); }
.zs-p4-0 { padding: 4px 0; }
.zs-center-lh1 { align-items:center;line-height:1; }
.zs-fs24-lh1-flex-center { font-size:24px;line-height:1;display:flex;align-items:center; }
.zs-white-m-0-0-16-0-maxw600-auto { color: var(--zekt-white); margin: 0 0 16px 0; max-width: 600px; margin-left: auto; margin-right: auto; }
.zs-white-m-0-0-24-0-maxw600-auto-095em { color: var(--zekt-white); margin: 0 0 24px 0; max-width: 600px; margin-left: auto; margin-right: auto; font-size: 0.95em; }
.zs-fs16-vmid-ff9800 { font-size: 16px; vertical-align: middle; color: #ff9800; }
.zs-card-orange-ff9800-01-bl4-p20-mb24-r8 { background: rgba(255, 152, 0, 0.1); border-left: 4px solid #ff9800; padding: 20px; margin-bottom: 24px; border-radius: 8px; }
.zs-ff9800-m-0-0-12-0-flex-8 { color: #ff9800; margin: 0 0 12px 0; display: flex; align-items: center; gap: 8px; }
.zs-white-m-0-0-16-0-lh16 { color: var(--zekt-white); margin: 0 0 16px 0; line-height: 1.6; }
.zs-grid-auto-fit-200-16-mt16 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-top: 16px; }
.zs-flex-8-mb24-bt-gray-pb0 { display: flex; gap: 8px; margin-bottom: 24px; border-bottom: 1px solid var(--zekt-gray-border); padding-bottom: 0; }
.zs-tab-active-ff9800 { padding: 12px 20px; background: none; border: none; border-bottom: 2px solid #ff9800; color: #ff9800; cursor: pointer; font-weight: 500; }
.zs-btn-ghost-ff9500-inline { background: none; border: none; cursor: pointer; padding: 2px 6px; margin-left: 8px; display: inline-flex; align-items: center; vertical-align: middle; color: #ff9500; transition: opacity 0.2s; }
.zs-white-block-mt8-center { color: var(--zekt-white); display: block; margin-top: 8px; text-align: center; }
.zs-00ff88-m-0-0-16-0-flex-8 { color: #00ff88; margin: 0 0 16px 0; display: flex; align-items: center; gap: 8px; }
.zs-grid-auto-1-12-16-095em { display: grid; grid-template-columns: auto 1fr; gap: 12px 16px; font-size: 0.95em; }
.zs-bt-gray-pointer-transition { border-bottom: 1px solid var(--zekt-gray-border); cursor: pointer; transition: background 0.15s; }
.zs-center-mt16-white-09em { text-align: center; margin-top: 16px; color: var(--zekt-white); font-size: 0.9em; }
.zs-m-4-0-0-0-white-09em-mono { margin: 4px 0 0 0; color: var(--zekt-white); font-size: 0.9em; font-family: monospace; }
.zs-btn-ghost-white-p8 { background: none; border: none; color: var(--zekt-white); cursor: pointer; padding: 8px; }
.zs-dark-r12-maxw500-w100 { background: #0a0a0a; border: 2px solid var(--zekt-gray-border); border-radius: 12px; max-width: 500px; width: 100%; }
.zs-white-m0-lh16 { margin: 0; color: var(--zekt-white); line-height: 1.6; }
.zs-p10-20 { padding: 10px 20px; }
.zs-btn-orange-gradient-p10-20-no-border { background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%); border: none; padding: 10px 20px; }
.zs-00ff88-mb16 { color: #00ff88; margin-bottom: 16px; }
.zs-card-green-01-bl3-p12-mt20-r4 { margin-top: 20px; padding: 12px; background: rgba(0, 255, 136, 0.1); border-left: 3px solid #00ff88; border-radius: 4px; }
.zs-card-green-01-r8-p16-m20-0 { margin: 20px 0; padding: 16px; background: rgba(0, 255, 136, 0.1); border-radius: 8px; }
.zs-00ff88-mb12 { color: #00ff88; margin-bottom: 12px; }
.zs-00ff88-underline { color: #00ff88; text-decoration: underline; }
.zs-fs11-p2-6 { font-size: 11px; padding: 2px 6px; }
.zs-flex-1-bl-white01-pl16 { flex: 1; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 16px; }
.zs-ffd700-fs14 { color: #ffd700; font-size: 14px; }
.zs-badge-green-02-p2-6-r4-fs10 { font-size: 10px; background: rgba(0,255,136,0.2); color: var(--zekt-green); padding: 2px 6px; border-radius: 4px; }
.zs-m-12-0-0-0-gray-light-lh15-fs13 { margin: 12px 0 0 0; color: var(--zekt-gray-light); line-height: 1.5; font-size: 13px; }
.zs-mt12-pt12-bt-white005-grid-2-8-fs11 { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.05); display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; font-size: 11px; }
.zs-card-green-005-02-r8-p16-mb24 { margin-bottom: 24px; padding: 16px; background: rgba(0,255,136,0.05); border-radius: 8px; border: 1px solid rgba(0,255,136,0.2); }
.zs-m0-fs12-gray-light { margin: 0; font-size: 12px; color: var(--zekt-gray-light); }
.zs-flex-8-mt8 { display: flex; gap: 8px; margin-top: 8px; }
.zs-abs-opacity0-w0-h0 { position: absolute; opacity: 0; width: 0; height: 0; }
.zs-fs32-ffd700-opacity03-transition { font-size: 32px; color: #ffd700; opacity: 0.3; transition: opacity 0.2s; }
.zs-grid-12-mt8 { display: grid; gap: 12px; margin-top: 8px; }
.zs-w40-h40-r8-green-01-flex-center { width: 40px; height: 40px; border-radius: 8px; background: rgba(0,255,136,0.1); display: flex; align-items: center; justify-content: center; }
.zs-fs12-white-06 { font-size: 12px; color: rgba(255,255,255,0.6); }
.zs-fs14-white-08 { font-size: 14px; color: rgba(255,255,255,0.8); }
.zs-flex-baseline-4 { display: flex; align-items: baseline; gap: 4px; }
.zs-fs14-white-05 { font-size: 14px; color: rgba(255,255,255,0.5); }

/* ==========================================================================
   Item B — Dynamic style → CSS class helpers
   ========================================================================== */

/* Status color classes (replaces dynamic color: ${statusColor} inline styles) */
.zs-status-good    { color: var(--zekt-green); }
.zs-status-warn    { color: var(--zekt-yellow); }
.zs-status-error   { color: #ff5722; }
.zs-status-unknown { color: var(--zekt-gray-light); }

/* Stat card value with 1.3em size (pairs with a status class for color) */
.zs-stat-13em { font-size: 1.3em; }

/* Progress bar fill — width + background set via JS post-render */
.zs-progress-bar-fill { height: 100%; transition: width 0.3s ease; }

/* Permission badge label */
.zs-perm-label { font-size: 0.75em; text-transform: uppercase; font-weight: 600; }

/* Generic font-size: 14px (used alongside status class for icons) */
.zs-fs14 { font-size: 14px; }

/* Analytics.js Item B helpers */
.zs-fs18 { font-size: 18px; }
.zs-fs20 { font-size: 20px; }
.zs-fs24-mt2 { font-size: 24px; margin-top: 2px; }
.zs-fs32-mb8 { font-size: 32px; margin-bottom: 8px; }
.zs-dot-8-round { display: inline-block; width: 8px; height: 8px; border-radius: 50%; }
.zs-status-text-085em { font-size: 0.85em; text-transform: capitalize; }
.zs-fw500-capitalize { font-weight: 500; text-transform: capitalize; }
.zs-score-25em-fw700 { font-size: 2.5em; font-weight: 700; }
.zs-bottleneck-label { font-size: 1.1em; font-weight: 600; }
.zs-reliability-text { font-size: 0.85em; }
.zs-bar-fill-orange-grad { background: linear-gradient(90deg, #ff9800, #f57c00); height: 100%; border-radius: 2px; }
.zs-bar-fill-4caf50 { height: 100%; background: #4caf50; border-radius: 2px; }
.zs-bar-fill-2196f3 { height: 100%; background: #2196f3; border-radius: 2px; }
.zs-bg-green { background: var(--zekt-green); }
.zs-bg-orange { background: #ff9800; }
.zs-bg-f44336 { background: #f44336; }
.zs-list-row-flex { display: flex; align-items: center; gap: 12px; padding: 8px 0; }
.zs-bb-gray { border-bottom: 1px solid var(--zekt-gray-border); }
.zs-type-badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 16px; font-size: 0.8em; font-weight: 500; }
.zs-type-badge-provider { background: rgba(0, 255, 136, 0.1); border: 1px solid var(--zekt-green); color: var(--zekt-green); }
.zs-type-badge-consumer { background: rgba(255, 152, 0, 0.1); border: 1px solid var(--zekt-orange); color: var(--zekt-orange); }
.zs-type-badge-both { background: rgba(255, 214, 0, 0.1); border: 1px solid #ffd600; color: #ffd600; }
.zs-insight-item { padding: 16px 20px; border-bottom: 1px solid var(--zekt-gray-border); transition: background 0.2s; }
.zs-severity-badge { padding: 2px 8px; border-radius: 10px; font-size: 0.7em; text-transform: uppercase; font-weight: 600; border-width: 1px; border-style: solid; }
.zs-score-circle { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 4px auto; border-width: 4px; border-style: solid; }
.zs-score-circle-label { font-size: 1.4em; font-weight: 700; }
.zs-action-btn-sm { padding: 6px 14px; font-size: 0.8em; }
/* Severity-specific insight item backgrounds */
.zs-insight-bg-critical  { background: rgba(244, 67, 54, 0.1); }
.zs-insight-bg-warning   { background: rgba(255, 152, 0, 0.1); }
.zs-insight-bg-info      { background: rgba(33, 150, 243, 0.1); }
/* Severity text colors */
.zs-severity-critical    { color: #f44336; }
.zs-severity-warning     { color: #ff9800; }
.zs-severity-info        { color: #2196f3; }
/* Severity badge with background + border */
.zs-severity-badge-critical  { background: rgba(244, 67, 54, 0.1); color: #f44336; border-color: rgba(244, 67, 54, 0.3); }
.zs-severity-badge-warning   { background: rgba(255, 152, 0, 0.1); color: #ff9800; border-color: rgba(255, 152, 0, 0.3); }
.zs-severity-badge-info      { background: rgba(33, 150, 243, 0.1); color: #2196f3; border-color: rgba(33, 150, 243, 0.3); }
/* Action button per severity */
.zs-action-btn-critical  { border-color: #f44336; color: #f44336; }
.zs-action-btn-warning   { border-color: #ff9800; color: #ff9800; }
.zs-action-btn-info      { border-color: #2196f3; color: #2196f3; }
/* DirectoryModule.js Item B helpers */
.zs-color-ef4444         { color: #ef4444; }
.zs-color-00bcd4         { color: #00bcd4; }
.zs-color-666-def        { color: #666; }
/* Health-status color classes (maps calculateConnectionHealth outcomes) */
.zs-health-healthy { color: #00ff88; }
.zs-health-warning { color: #ffc107; }
.zs-health-critical { color: #ef4444; }
/* Success rate thresholds */
.zs-success-rate-good    { color: #00ff88; }
.zs-success-rate-warn    { color: #ffc107; }
.zs-success-rate-bad     { color: #ef4444; }
/* Directory row with border-bottom */
.zs-dir-row              { padding: 15px 20px; background: #0a0a0a; display: flex; align-items: center; gap: 15px; }
.zs-dir-row-bb           { padding: 15px 20px; background: #0a0a0a; border-bottom: 1px solid #1a1a1a; display: flex; align-items: center; gap: 15px; }
/* Connection card — border-left-color set via data-health attr post-render */
.zs-connection-card      { background-color: #0a0a0a; border: 1px solid #333; border-left-width: 3px; border-left-style: solid; border-radius: 8px; padding: 20px; transition: all 0.2s; cursor: pointer; }
/* Health status label */
.zs-health-label         { font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }
.zs-health-label-bold    { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
/* Success rate large */
.zs-rate-18em-fw-bold    { font-size: 1.8em; font-weight: bold; }
.zs-rate-12em-fw-bold    { font-size: 1.2em; font-weight: bold; }
.zs-rate-11em-fw-bold    { font-size: 1.1em; font-weight: bold; }
.zs-rate-085em-ml4       { font-size: 0.85em; margin-left: 4px; }
.zs-rate-09em-ml5-fw-bold { font-size: 0.9em; margin-left: 5px; font-weight: bold; }
/* app.js Item B helpers */ */
.zs-color-ff5252         { color: #ff5252; }
.zs-color-00ff88         { color: #00ff88; }
.zs-color-ffc107-fw6     { color: #ffc107; font-weight: 600; }
.zs-color-00ff88-fw6     { color: #00ff88; font-weight: 600; }
.zs-fs-085em-fw500-upper { font-size: 0.85em; font-weight: 500; text-transform: uppercase; }
.zs-replay-status-icon   { font-size: 20px; }
/* webhook-item: bg + border-left color set via data attrs (too many distinct values) */
.zs-webhook-item         { background: rgba(0,0,0,0.2); padding: 16px; border-radius: 8px; margin-bottom: 12px; border-left-width: 3px; border-left-style: solid; }
/* h4 in bulk replay result */
.zs-bulk-result-h4       { margin: 0 0 16px 0; display: flex; align-items: center; gap: 8px; }
/* error message paragraph */
.zs-error-msg-403        { margin: 0 0 16px 0; }
.zs-error-msg-no403      { margin: 0; }
/* replay buttons row */
.zs-replay-btn-row       { display: flex; gap: 12px; flex-wrap: wrap; }
.zs-replay-btn-row-mb16  { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
/* billing.js Item B helpers */
.zs-invoice-badge        { background: rgba(0,0,0,0.2); padding: 2px 8px; border-radius: 4px; font-size: 12px; font-weight: 600; text-transform: uppercase; border-width: 1px; border-style: solid; }
.zs-invoice-paid         { background: rgba(0,255,136,0.125); color: var(--zekt-green, #00ff88); border-color: rgba(0,255,136,0.25); }
.zs-invoice-open         { background: rgba(240,173,78,0.125); color: #f0ad4e; border-color: rgba(240,173,78,0.25); }
.zs-invoice-draft        { background: rgba(136,136,136,0.125); color: #888; border-color: rgba(136,136,136,0.25); }
.zs-invoice-void         { background: rgba(231,76,60,0.125); color: #e74c3c; border-color: rgba(231,76,60,0.25); }
/* trust-modal.js Item B helpers */
/* Score circle label + badge */
.zs-trust-score-lg       { font-size: 28px; font-weight: 700; }
.zs-trust-score-label    { font-size: 11px; padding: 2px 8px; border-radius: 12px; margin-left: 8px; }
.zs-trust-score-24em-fw6 { font-size: 24px; font-weight: 600; }
/* Score fill — width + bg set via data attr */
.zs-trust-score-fill     { height: 100%; transition: width 0.5s; }
/* Signal status classes (maps statusColors in trust-modal) */
.zs-signal-verified  { background: rgba(0,255,136,0.1); }
.zs-signal-pending   { background: rgba(255,255,255,0.05); }
.zs-signal-warning   { background: rgba(245,158,11,0.1); }
.zs-signal-info      { background: rgba(59,130,246,0.1); }
.zs-signal-soon      { background: rgba(255,255,255,0.05); }
.zs-signal-icon-verified  { font-size: 20px; color: #00ff88; }
.zs-signal-icon-pending   { font-size: 20px; color: rgba(255,255,255,0.4); }
.zs-signal-icon-warning   { font-size: 20px; color: #f59e0b; }
.zs-signal-icon-info      { font-size: 20px; color: #3b82f6; }
.zs-signal-icon-soon      { font-size: 20px; color: rgba(255,255,255,0.3); }
.zs-signal-check-verified { font-size: 18px; color: #00ff88; }
.zs-signal-check-pending  { font-size: 18px; color: rgba(255,255,255,0.4); }
.zs-signal-check-warning  { font-size: 18px; color: #f59e0b; }
.zs-signal-check-info     { font-size: 18px; color: #3b82f6; }
.zs-signal-check-soon     { font-size: 18px; color: rgba(255,255,255,0.3); }
.zs-signal-box           { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
/* bonus color (green when > 0 else gray-light or orange) */
.zs-bonus-positive { color: var(--zekt-green); }
.zs-bonus-zero     { color: var(--zekt-gray-light); }
.zs-bonus-zero-orange { color: var(--zekt-orange); }
/* Org domain row — conditionally styled */
.zs-org-domain-row-verified { display: flex; justify-content: space-between; padding: 8px; background: rgba(0, 255, 136, 0.1); border-radius: 4px; border: 1px solid var(--zekt-green); }
.zs-org-domain-row-plain    { display: flex; justify-content: space-between; padding: 8px; border-radius: 4px; }
/* ProviderDeliveries.js Item B helpers */
.zs-delivery-pending              { background: rgba(255,193,7,0.15); border: 1px solid #ffc107; color: #ffc107; }
.zs-delivery-dispatched           { background: rgba(33,150,243,0.15); border: 1px solid #2196f3; color: #2196f3; }
.zs-delivery-confirmed            { background: rgba(0,188,212,0.15); border: 1px solid #00bcd4; color: #00bcd4; }
.zs-delivery-completed            { background: rgba(0,255,136,0.15); border: 1px solid var(--zekt-green); color: var(--zekt-green); }
.zs-delivery-failed               { background: rgba(244,67,54,0.15); border: 1px solid #f44336; color: #f44336; }
.zs-delivery-dead-lettered        { background: rgba(156,39,176,0.15); border: 1px solid #9c27b0; color: #9c27b0; }
.zs-delivery-inquisition_filtered { background: rgba(255,152,0,0.15); border: 1px solid #ff9800; color: #ff9800; }
.zs-delivery-status-pill   { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 16px; font-size: 0.8em; font-weight: 500; }
.zs-delivery-status-badge  { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 20px; font-size: 1em; font-weight: 500; }
.zs-delivery-summary-pill  { border-radius: 8px; padding: 8px 16px; display: flex; align-items: center; gap: 8px; }
/* droppedCount icon */
.zs-dropped-icon-warn   { color: #ff9800; font-size: 20px; }
.zs-dropped-icon-ok     { color: var(--zekt-green); font-size: 20px; }
/* top blocked row border-bottom conditional */
.zs-bb-gray-border { border-bottom: 1px solid var(--zekt-gray-border); }
/* replay btn row */
.zs-replay-btn-row-dynmb { display: flex; gap: 12px; flex-wrap: wrap; }
/* Health.js Item B helpers */
.zs-status-color-green  { color: var(--zekt-green); }
.zs-status-color-orange { color: var(--zekt-orange); }
.zs-status-color-red    { color: #ff4545; }
.zs-status-color-gray   { color: var(--zekt-gray); }
.zs-status-color-white  { color: #ffffff; }
.zs-corr-item { background: rgba(0,0,0,0.2); padding: 12px; border-radius: 6px; margin-bottom: 8px; border-left-width: 3px; border-left-style: solid; transition: all 0.2s ease; cursor: pointer; }
.zs-corr-detail { font-size: 0.85em; margin-top: 4px; margin-left: 32px; font-weight: 500; }
.zs-status-icon-20 { font-size: 20px; }
.zs-status-icon-24 { font-size: 24px; }
.zs-status-text-09-fw5 { font-size: 0.9em; font-weight: 500; }
.zs-success-rate-span { }
.zs-bool-green { color: var(--zekt-green); }
.zs-bool-gray  { color: var(--zekt-gray); }
.zs-bool-white { color: #ffffff; }
.zs-bool-orange-white { color: var(--zekt-orange); }
.zs-rotation-due-warn  { color: #ff9800; }
.zs-rotation-due-ok    { color: #ffffff; }
/* BrokeringVisualization helpers */
.zs-health-icon-28 { font-size: 28px; }
.zs-health-18em    { font-size: 18px; font-weight: 500; }
.zs-health-12px-fw5 { font-size: 12px; font-weight: 500; }
.zs-brk-healthy { color: #4caf50; }
.zs-brk-warning { color: #ffc107; }
.zs-brk-critical { color: #f44336; }
/* ConsumerFeatures helpers */
.zs-track-active  { color: var(--zekt-green); font-size: 0.8em; }
.zs-track-inactive{ color: var(--zekt-gray-light); font-size: 0.8em; }
.zs-sub-icon-active { font-size: 18px; color: var(--zekt-green); line-height: 1; vertical-align: middle; }
.zs-sub-icon-inactive { font-size: 18px; color: var(--zekt-gray-light); line-height: 1; vertical-align: middle; }
.zs-sub-text-active { color: var(--zekt-white); font-size: 0.85em; }
.zs-sub-text-inactive { color: var(--zekt-gray-light); font-size: 0.85em; }
.zs-activity-bar-active   { width: 6px; height: 36px; border-radius: 3px; background: var(--zekt-green); flex-shrink: 0; opacity: 1; }
.zs-activity-bar-inactive { width: 6px; height: 36px; border-radius: 3px; background: var(--zekt-yellow); flex-shrink: 0; opacity: 0.7; }
.zs-sub-status-active   { flex-shrink: 0; display: flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 10px; background: rgba(0,255,136,0.1); font-size: 0.7em; font-weight: 500; color: var(--zekt-green); }
.zs-sub-status-inactive { flex-shrink: 0; display: flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 10px; background: rgba(255,193,7,0.1);  font-size: 0.7em; font-weight: 500; color: var(--zekt-yellow); }
.zs-alias-h3-active  { margin: 0; color: var(--zekt-green); font-size: 1em; }
.zs-alias-h3-default { margin: 0; color: var(--zekt-white); font-size: 1em; }
.zs-icon-color-16  { font-size: 16px; }
.zs-fs-09em        { font-size: 0.9em; }
.zs-icon-3b82f6-16 { color: #3b82f6; font-size: 16px; }
.zs-icon-green-16  { color: var(--zekt-green); font-size: 16px; }
/* AuditTrail helpers */
.zs-audit-icon-24 { font-size: 24px; }
.zs-audit-gradient-bar { width: 40px; height: 2px; background: linear-gradient(90deg, #ff9800, var(--color-end, #00ff88)); }
.zs-audit-flow-section { border-radius: 8px; padding: 12px 16px; text-align: center; min-width: 140px; border-width: 1px; border-style: solid; }
.zs-audit-duration { font-size: 0.7em; margin-top: 4px; }
.zs-step-border-green  { border-left: 3px solid var(--zekt-green); }
.zs-step-border-red    { border-left: 3px solid #f44336; }
.zs-step-border-orange { border-left: 3px solid #ff9800; }
.zs-step-icon-green  { font-size: 20px; color: var(--zekt-green); }
.zs-step-icon-red    { font-size: 20px; color: #f44336; }
.zs-step-icon-orange { font-size: 20px; color: #ff9800; }
.zs-flow-status-ok  { color: var(--zekt-green); font-weight: 500; text-transform: capitalize; }
.zs-flow-status-err { color: #f44336;           font-weight: 500; text-transform: capitalize; }
/* audit statusStyle (4 statuses) */
.zs-audit-success  { background: rgba(0,255,136,0.1); border: 1px solid rgba(0,255,136,0.3); color: var(--zekt-green); }
.zs-audit-error    { background: rgba(244,67,54,0.1);  border: 1px solid rgba(244,67,54,0.3);  color: #f44336; }
.zs-audit-warning  { background: rgba(255,152,0,0.1);  border: 1px solid rgba(255,152,0,0.3);  color: #ff9800; }
.zs-audit-in_progress { background: rgba(33,150,243,0.1); border: 1px solid rgba(33,150,243,0.3); color: #2196f3; }
.zs-audit-step { display: flex; align-items: flex-start; gap: 12px; padding: 12px; background: var(--zekt-gray); border-radius: 8px; }
/* DomainTrust helpers */
.zs-dt-trust-score-22 { font-size: 22px; font-weight: 600; margin: 4px 0; }
.zs-domain-badge-active { padding: 9px 14px; border-color: #00ff88; color: #00ff88; font-family: monospace; font-size: 13px; }
.zs-domain-badge-plain  { padding: 9px 14px; border-color: #555;    color: #aaa;    font-family: monospace; font-size: 13px; }
.zs-dt-expired-text     { margin-top: 10px; font-size: 12px; color: #ff4545; }
.zs-dt-normal-text      { margin-top: 10px; font-size: 12px; color: #888; }
.zs-dt-score-20-fw7     { font-size: 20px; font-weight: 700; }
.zs-dt-badge-sm         { padding: 3px 10px; font-size: 11px; }
.zs-dt-feat-label       { font-size: 13px; }
.zs-dt-feat-label-active { color: #ccc; font-size: 13px; }
.zs-dt-feat-label-inactive { color: #888; font-size: 13px; }
.zs-dt-feat-pts-fw6     { font-size: 13px; font-weight: 600; }
.zs-dt-code-display     { font-family: 'Consolas', monospace; font-size: 13px; padding: 8px 10px; background: #111; border-radius: 4px; word-break: break-all; }
/* DomainTrust tier color helpers */
.zs-dt-color-unverified { color: #888; }
.zs-dt-color-github     { color: #00aaff; }
.zs-dt-color-domain     { color: #00ff88; }
.zs-dt-color-business   { color: #ffaa00; }
.zs-dt-badge-active     { border-color: #00ff88; color: #00ff88; padding: 3px 10px; font-size: 11px; }
.zs-dt-badge-inactive   { border-color: #888;    color: #888;    padding: 3px 10px; font-size: 11px; }
.zs-dt-badge-soon       { border-color: #555;    color: #555;    padding: 3px 10px; font-size: 11px; }
.zs-dt-pts-active       { color: #00ff88; font-size: 13px; font-weight: 600; }
.zs-dt-pts-inactive     { color: #666;    font-size: 13px; font-weight: 600; }
.zs-dt-pts-soon         { color: #555;    font-size: 13px; font-weight: 600; }
.zs-dt-code-blue   { font-family: 'Consolas', monospace; color: #00aaff; font-size: 13px; padding: 8px 10px; background: #111; border-radius: 4px; word-break: break-all; }
.zs-dt-code-orange { font-family: 'Consolas', monospace; color: #ffaa00; font-size: 13px; padding: 8px 10px; background: #111; border-radius: 4px; word-break: break-all; }
.zs-dt-code-green  { font-family: 'Consolas', monospace; color: #00ff88; font-size: 13px; padding: 8px 10px; background: #111; border-radius: 4px; word-break: break-all; }
.zs-dt-code-ccc    { font-family: 'Consolas', monospace; color: #ccc;    font-size: 13px; padding: 8px 10px; background: #111; border-radius: 4px; word-break: break-all; }

/* ModalManager helpers */
.zs-modal-health-critical { color: #f44336; }
.zs-modal-health-warning  { color: #ffc107; }
.zs-modal-health-healthy  { color: #4caf50; }
.zs-modal-icon-32 { font-size: 32px; }
.zs-modal-icon-28 { font-size: 28px; }
.zs-modal-stat-20-fw5 { font-size: 20px; font-weight: 500; }
.zs-modal-stat-14-fw5 { font-size: 14px; font-weight: 500; }
.zs-webhook-healthy { padding: 12px; background: rgba(76,175,80,0.1); border: 1px solid rgba(76,175,80,0.3); border-radius: 8px; }
.zs-webhook-unhealthy { padding: 12px; background: rgba(255,152,0,0.1); border: 1px solid rgba(255,152,0,0.3); border-radius: 8px; }
.zs-webhook-icon-healthy { color: #4caf50; font-size: 20px; }
.zs-webhook-icon-unhealthy { color: #ff9800; font-size: 20px; }
.zs-modal-failed-color { color: #f44336; font-size: 20px; font-weight: 500; }
.zs-modal-nonfailed-color { color: var(--zekt-gray-light); font-size: 20px; font-weight: 500; }
.zs-modal-sr-critical { color: #f44336; font-size: 14px; font-weight: 500; }
.zs-modal-sr-warning  { color: #ffc107; font-size: 14px; font-weight: 500; }
.zs-modal-sr-healthy  { color: #4caf50; font-size: 14px; font-weight: 500; }

/* admin/billing.js helpers */
.zs-billing-churn-warn  { font-size: 32px; font-weight: 700; color: var(--zekt-red); }
.zs-billing-churn-ok    { font-size: 32px; font-weight: 700; color: var(--zekt-green); }
.zs-billing-trial-pay   { font-size: 12px; color: var(--zekt-green); margin-top: 4px; }
.zs-billing-trial-nopay { font-size: 12px; color: var(--zekt-red); margin-top: 4px; }
.zs-issue-card-error    { background: rgba(255,68,68,0.1); border: 1px solid var(--zekt-red); border-radius: 6px; padding: 16px; margin-bottom: 12px; }
.zs-issue-card-warning  { background: rgba(255,152,0,0.1); border: 1px solid var(--zekt-yellow); border-radius: 6px; padding: 16px; margin-bottom: 12px; }
.zs-billing-status-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 12px; font-size: 12px; }
.zs-billing-failure-box-fail { background: rgba(255,0,0,0.2); border-radius: 6px; padding: 12px; text-align: center; }
.zs-billing-failure-box-ok   { background: rgba(255,255,255,0.05); border-radius: 6px; padding: 12px; text-align: center; }
.zs-billing-failure-num-fail { font-size: 24px; font-weight: 700; color: var(--zekt-red); }
.zs-billing-failure-num-ok   { font-size: 24px; font-weight: 700; color: var(--zekt-gray-light); }
.zs-system-health-healthy { padding: 16px; background: var(--zekt-green); border-radius: 8px 8px 0 0; color: white; font-weight: 600; display: flex; align-items: center; gap: 12px; }
.zs-system-health-warning { padding: 16px; background: var(--zekt-yellow); border-radius: 8px 8px 0 0; color: white; font-weight: 600; display: flex; align-items: center; gap: 12px; }
.zs-system-health-error   { padding: 16px; background: var(--zekt-red); border-radius: 8px 8px 0 0; color: white; font-weight: 600; display: flex; align-items: center; gap: 12px; }
.zs-billing-diff-pos  { padding: 12px; text-align: right; font-weight: 600; color: var(--zekt-green); }
.zs-billing-diff-neg  { padding: 12px; text-align: right; font-weight: 600; color: var(--zekt-red); }
.zs-billing-health-ok   { font-size: 20px; font-weight: 600; color: var(--zekt-green); }
.zs-billing-health-fail { font-size: 20px; font-weight: 600; color: var(--zekt-red); }
.zs-billing-verdict-fw6-16 { font-weight: 600; font-size: 16px; }
.zs-billing-verdict-pass { color: var(--zekt-green); }
.zs-billing-verdict-fail { color: #ff4444; }
.zs-billing-run-verdict-pass { color: var(--zekt-green); font-weight: 500; min-width: 40px; }
.zs-billing-run-verdict-fail { color: #ff4444; font-weight: 500; min-width: 40px; }

/* Chainlink.js helpers */
.zs-cl-btn-decrement-on  { background: none; border: 1px solid rgba(255,153,0,0.5); color: #ff9900; border-radius: 4px; width: 22px; height: 22px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 14px; line-height: 1; }
.zs-cl-btn-decrement-off { background: none; border: 1px solid rgba(255,255,255,0.1); color: #555; border-radius: 4px; width: 22px; height: 22px; cursor: default; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 14px; line-height: 1; }
.zs-cl-status-completed     { color: #00ff88; font-size: 0.75em; }
.zs-cl-status-in_progress   { color: #ff9900; font-size: 0.75em; }
.zs-cl-status-failed        { color: #ef4444; font-size: 0.75em; }
.zs-cl-status-partial_failure { color: #f59e0b; font-size: 0.75em; }
.zs-cl-status-unknown       { color: #555; font-size: 0.75em; }
.zs-cl-hop-external { color: #555; font-size: 0.8em; }
.zs-cl-hop-internal { color: #ccc; font-size: 0.8em; }
.zs-cl-drift-modified { font-size: 0.9em; vertical-align: middle; color: #ff9900; }
.zs-cl-drift-unchanged { font-size: 0.9em; vertical-align: middle; color: #00ff88; }
.zs-cl-drift-default { font-size: 0.9em; vertical-align: middle; color: #888; }

/* website.js helpers */
.zs-trend-positive-icon { font-size: 14px; color: var(--zekt-green); }
.zs-trend-negative-icon { font-size: 14px; color: var(--zekt-red); }
.zs-trend-positive-text { color: var(--zekt-green); }
.zs-trend-negative-text { color: var(--zekt-red); }
.zs-bar-fill { height: 100%; background: var(--zekt-accent); border-radius: 3px; }
.zs-telemetry-ok   { color: #00ff88; }
.zs-telemetry-fail { color: #ff4444; }

/* ConsumerEvents.js helpers */
.zs-spin { animation: spin 2s linear infinite; }
.zs-workflow-running-box  { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; background: rgba(0,255,136,0.15); border: 1px solid rgba(0,255,136,0.3); border-radius: 6px; width: fit-content; }
.zs-workflow-dormant-box  { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; background: rgba(107,114,128,0.15); border: 1px solid rgba(107,114,128,0.3); border-radius: 6px; width: fit-content; }
.zs-workflow-running-icon { font-size: 18px; color: var(--zekt-green); filter: drop-shadow(0 0 6px var(--zekt-green)); }
.zs-workflow-dormant-icon { font-size: 18px; color: #6b7280; }
.zs-workflow-running-text { font-weight: 600; font-size: 0.85em; color: var(--zekt-green); text-transform: uppercase; letter-spacing: 0.5px; }
.zs-workflow-dormant-text { font-weight: 600; font-size: 0.85em; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px; }
.zs-legend-color-dot { width: 16px; height: 16px; border-radius: 3px; }
.zs-event-legend { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 20px; padding: 16px; background: rgba(255, 255, 255, 0.02); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.05); }
.zs-event-legend-item { display: flex; align-items: center; gap: 8px; }
.service-item.expanded .consumer-repos-list,
.zs-list-card-white002-r6-overflow.expanded .consumer-repos-list { max-height: 500px !important; }

/* BlastRadiusController.js helpers */
.zs-br-type-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; margin-bottom: 4px; }
.zs-br-type-repository { color: #00ff88; }
.zs-br-type-workflow    { color: #3b82f6; }
.zs-br-type-webhook     { color: #6b7280; }
.zs-br-type-service     { color: #ff9500; }
.zs-br-type-routing     { color: #00ff88; }
.zs-br-type-zekt        { color: #00ff88; }
.zs-br-type-consumer    { color: #f59e0b; }
.zs-br-type-provider    { color: #00ff88; }
.zs-br-type-target      { color: #f59e0b; }
.zs-br-type-default     { color: #999; }
.zs-br-dot-repository { background: #00ff88; }
.zs-br-dot-workflow    { background: #3b82f6; }
.zs-br-dot-webhook     { background: #6b7280; }
.zs-br-dot-service     { background: #ff9500; }
.zs-br-dot-consumer    { background: #f59e0b; }
.zs-br-dot-provider    { background: #00ff88; }
.zs-br-dot-default     { background: #999; }
.zs-br-status-badge { padding: 2px 8px; border-radius: 9999px; font-size: 10px; font-weight: 600; border-width: 1px; border-style: solid; }

/* ShepherdFlock.js helpers */
.zs-h28-rel-maxw100 { height: 28px; max-width: 100%; position: relative; display: flex; align-items: flex-start; gap: 0; }
.zs-abs-green-hbar { position: absolute; top: 14px; height: 1px; background: rgba(0,255,136,0.2); }
.zs-abs-green-vline { position: absolute; top: 14px; width: 1px; height: 14px; background: rgba(0,255,136,0.2); }

/* Profile.js helpers */
.zs-profile-auth-ok { font-size: 14px; font-weight: 700; color: var(--zekt-green); }
.zs-profile-auth-warn { font-size: 14px; font-weight: 700; color: var(--zekt-yellow); }
.zs-profile-pay-ok { color: var(--zekt-green); }
.zs-profile-pay-fail { color: #ff5722; }
.zs-profile-pay-icon-ok { font-size: 18px; color: var(--zekt-green); }
.zs-profile-pay-icon-fail { font-size: 18px; color: #ff5722; }

/* ProviderFeatures.js helpers */
.zs-toggle-active { opacity: 1; cursor: pointer; }
.zs-toggle-inactive { opacity: 0.5; cursor: not-allowed; }
.zs-step-icon-ok { font-size: 16px; color: #4caf50; }
.zs-step-icon-err { font-size: 16px; color: #f44336; }
.zs-step-text-ok  { font-size: 0.85em; color: #aaa; }
.zs-step-text-err { font-size: 0.85em; color: #f44336; }
/* Shield helpers */
.zs-shield-icon-enabled  { color: #4caf50; font-size: 24px; }
.zs-shield-icon-disabled { color: #666; font-size: 24px; }
.zs-shield-name-enabled  { font-weight: 600; color: #fff; }
.zs-shield-name-disabled { font-weight: 600; color: #888; }
.zs-shield-badge-enabled  { background: #4caf50; color: #fff; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: bold; }
.zs-shield-badge-disabled { background: #666;    color: #fff; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: bold; }
.zs-doctrine-card-enabled  { border-color: #ff9900; padding: 20px; transition: border-color 0.3s; }
.zs-doctrine-card-disabled { border-color: #333;    padding: 20px; transition: border-color 0.3s; }
.zs-icon-18 { font-size: 18px; }
/* breakdown color dot — background set via data-color post-render */
.zs-breakdown-color-dot  { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }
/* variance bar fill — width set via data-pct */
.zs-variance-fill        { height: 100%; background: var(--zekt-orange); border-radius: 2px; }

/* ==========================================================================
   Batch 33 — final 33 remaining static patterns
   ========================================================================== */

.zs-fs13-fw500-white-09 { font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.9); }
.zs-fs12-white-05 { font-size: 12px; color: rgba(255,255,255,0.5); }
.zs-fs18-3b82f6 { font-size: 18px; color: #3b82f6; }
.zs-fs13-fw600-93c5fd { font-size: 13px; font-weight: 600; color: #93c5fd; }
.zs-fs12-white-07-m0-lh16 { font-size: 12px; color: rgba(255,255,255,0.7); margin: 0; line-height: 1.6; }
.zs-m-4-0-0-0-fs13-white-07 { margin: 4px 0 0 0; font-size: 13px; color: rgba(255,255,255,0.7); }
.zs-icon-80-auto-mb20-green-01-r50 { width: 80px; height: 80px; margin: 0 auto 20px; background: rgba(76, 175, 80, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.zs-fs48-green-var { font-size: 48px; color: var(--zekt-green); }
.zs-gray-light-m-0-0-8-0-maxw400-auto { color: var(--zekt-gray-light); margin: 0 0 8px 0; max-width: 400px; margin-left: auto; margin-right: auto; }
.zs-gray-light-m0-fs12 { color: var(--zekt-gray-light); margin: 0; font-size: 12px; }
.zs-badge-white005-p2-6-r4 { background: rgba(255,255,255,0.05); padding: 2px 6px; border-radius: 4px; }
.zs-fs-inherit { font-size: inherit; }
.zs-center-mb24 { text-align: center; margin-bottom: 24px; }
.zs-m-12-0-4-white { margin: 12px 0 4px; color: var(--zekt-white); }
.zs-progress-track-8 { height: 8px; background: var(--zekt-black); border-radius: 4px; overflow: hidden; }
.zs-m-8-0-0-fs12-gray-light { margin: 8px 0 0; font-size: 12px; color: var(--zekt-gray-light); }
.zs-m-0-0-12-white-fs14 { margin: 0 0 12px; color: var(--zekt-white); font-size: 14px; }
.zs-card-red-ef4444-01-p8-r4-flex-between { display: flex; justify-content: space-between; padding: 8px; background: rgba(239, 68, 68, 0.1); border-radius: 4px; border: 1px solid #ef4444; }
.zs-card-orange-01-border-r8-p16-mb20 { background: rgba(255, 170, 0, 0.1); border: 1px solid var(--zekt-orange); border-radius: 8px; padding: 16px; margin-bottom: 20px; }
.zs-m-0-0-8-orange-fs14 { margin: 0 0 8px; color: var(--zekt-orange); font-size: 14px; }
.zs-m-0-0-12-gray-light-fs13 { margin: 0 0 12px; color: var(--zekt-gray-light); font-size: 13px; }
.zs-inline-flex-4-green-underline-fs13 { display: inline-flex; align-items: center; gap: 4px; color: var(--zekt-green); text-decoration: none; font-size: 13px; }
.zs-card-green-01-border-r8-p16-mb20 { background: rgba(0, 255, 136, 0.1); border: 1px solid var(--zekt-green); border-radius: 8px; padding: 16px; margin-bottom: 20px; }
.zs-m-0-0-8-green-fs14 { margin: 0 0 8px; color: var(--zekt-green); font-size: 14px; }
.zs-m0-gray-light-fs13 { margin: 0; color: var(--zekt-gray-light); font-size: 13px; }
.zs-bg-darker-not-allowed { background: var(--color-bg-darker); cursor: not-allowed; }
.zs-bg-darker-not-allowed-mono-09em { background: var(--color-bg-darker); cursor: not-allowed; font-family: monospace; font-size: 0.9em; }
.zs-w25pct { width: 25% }
.zs-color-warning-text-font-xs { color: var(--color-warning-text); font-size: var(--font-xs); }
.zs-mt-space-sm { margin-top: var(--space-sm); }
.zs-mr-space-xs { margin-right: var(--space-xs); }
.zs-flex-gap-1rem { display: flex; gap: 1rem; }

/* ConsumerConnections.js */
.zs-cc-icon-durable { font-size: 18px; color: #0099ff; }
.zs-cc-icon-nodurable { font-size: 18px; color: rgba(255,255,255,0.35); }
.zs-cc-text-durable { font-size: 0.75em; color: #00ff88; }
.zs-cc-text-nodurable { font-size: 0.75em; color: rgba(255,255,255,0.4); }

/* ConsentAudit.js - action badge classes */
.zs-badge-action-approve { background:rgba(0,255,136,0.1);color:#00ff88;border-color:rgba(0,255,136,0.3); }
.zs-badge-action-deny    { background:rgba(255,68,68,0.1);color:#ff4444;border-color:rgba(255,68,68,0.3); }
.zs-badge-action-revoke  { background:rgba(255,136,0,0.1);color:#ff8800;border-color:rgba(255,136,0,0.3); }
.zs-badge-action-request { background:rgba(0,153,255,0.1);color:#0099ff;border-color:rgba(0,153,255,0.3); }
.zs-badge-action-invite  { background:rgba(156,39,176,0.1);color:#ce93d8;border-color:rgba(156,39,176,0.3); }
.zs-badge-action-accept  { background:rgba(0,255,136,0.1);color:#00ff88;border-color:rgba(0,255,136,0.3); }
.zs-badge-action-decline { background:rgba(255,68,68,0.1);color:#ff4444;border-color:rgba(255,68,68,0.3); }
.zs-badge-action-expire  { background:rgba(255,170,0,0.1);color:#ffaa00;border-color:rgba(255,170,0,0.3); }
.zs-badge-action-unknown     { background:rgba(255,255,255,0.05);color:rgba(255,255,255,.6);border-color:rgba(255,255,255,0.15); }
.zs-badge-action-rule-create { background:rgba(138,79,255,0.1);color:#a78bfa;border-color:rgba(138,79,255,0.3); }
.zs-badge-action-rule-delete { background:rgba(255,68,68,0.08);color:#ff6b6b;border-color:rgba(255,68,68,0.25); }

/* CustomerMessages.js - priority header */
.zs-msg-header-info     { background:rgba(0,153,255,0.1); border-bottom:2px solid #0099ff; }
.zs-msg-header-warning  { background:rgba(255,152,0,0.1); border-bottom:2px solid #ff9800; }
.zs-msg-header-critical { background:rgba(244,67,54,0.1);  border-bottom:2px solid #f44336; }
.zs-msg-icon-info     { color:#0099ff; font-size:32px; }
.zs-msg-icon-warning  { color:#ff9800; font-size:32px; }
.zs-msg-icon-critical { color:#f44336; font-size:32px; }

/* stripe-deletion.js - phase background */
.zs-phase-completed   { display:flex; align-items:center; gap:12px; padding:8px 12px; background:rgba(76,175,80,0.1); border-radius:6px; }
.zs-phase-in_progress { display:flex; align-items:center; gap:12px; padding:8px 12px; background:rgba(33,150,243,0.1); border-radius:6px; }
.zs-phase-failed      { display:flex; align-items:center; gap:12px; padding:8px 12px; background:rgba(244,67,54,0.1); border-radius:6px; }
.zs-phase-pending     { display:flex; align-items:center; gap:12px; padding:8px 12px; background:transparent; border-radius:6px; }

/* stripe-deletion.js - progress bar fill */
.zs-stripe-progress-fill { background:var(--zekt-blue); height:100%; transition:width 0.3s ease; }

/* ProviderServiceDescriptions.js */
.zs-psd-mismatch { cursor:pointer; color:var(--zekt-red); }
.zs-psd-nomismatch { cursor:pointer; color:var(--zekt-orange); }

/* Inquisition.js */
.inquisition-container .zs-hidden { display:none !important; }

/* ProfileAvatar.js */
.zs-flex { display:flex; }

/* UIHelpers.js - webhook status */
.zs-wh-status-active   { padding:4px 8px; background:rgba(0,255,136,0.2); border-radius:3px; font-size:0.85em; color:var(--zekt-green); }
.zs-wh-status-inactive { padding:4px 8px; background:rgba(255,170,0,0.2); border-radius:3px; font-size:0.85em; color:var(--zekt-yellow); }

/* WebhookReplay.js - bulk replay header */
.zs-replay-h4-warn { color:#ffc107; margin:0 0 16px 0; display:flex; align-items:center; gap:8px; }
.zs-replay-h4-ok   { color:#00ff88; margin:0 0 16px 0; display:flex; align-items:center; gap:8px; }

/* auto-approval-settings.js */
.zs-toggle-enabled-label  { color:var(--zekt-green); font-size:0.9em; font-weight:500; }
.zs-toggle-disabled-label { color:#f59e0b; font-size:0.9em; font-weight:500; }

/* Profile page */
.zs-profile-h2-flex      { display:flex; align-items:center; gap:0.35em; min-height:2.2em; }
.zs-word-rotate-green    { color:#00ff88; font-size:inherit; font-weight:inherit; }
.zs-nowrap               { white-space:nowrap; }

/* DomainTrust.js */
.zs-trust-tier-val { font-size:22px; font-weight:600; margin:4px 0; }

/* Repository modal shared styles (consumer + provider) */
.zs-repo-modal-body            { text-align:center; padding:20px 0 10px 0; }
.zs-repo-modal-icon-wrap       { margin-bottom:20px; }
.zs-repo-modal-icon-danger     { margin:0 auto; display:block; filter:drop-shadow(0 4px 12px rgba(255,68,68,0.3)); }
.zs-repo-modal-icon-success    { margin:0 auto; display:block; filter:drop-shadow(0 4px 12px rgba(0,255,136,0.3)); }
.zs-repo-modal-name-danger     { background:linear-gradient(135deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%); padding:14px 18px; border-radius:10px; margin:0 0 20px 0; border-left:4px solid #ff6b6b; box-shadow:0 4px 16px rgba(0,0,0,0.2); }
.zs-repo-modal-name-text       { color:var(--zekt-white); font-size:0.95em; letter-spacing:0.3px; }
.zs-repo-modal-warning-green   { background:linear-gradient(135deg,rgba(0,255,136,0.08) 0%,rgba(0,255,136,0.02) 100%); border:2px solid rgba(0,255,136,0.25); padding:12px 16px; border-radius:10px; margin:0 0 16px 0; text-align:left; box-shadow:0 4px 16px rgba(0,255,136,0.05); }
.zs-repo-modal-warn-title      { color:var(--zekt-green); display:block; margin-bottom:6px; font-size:0.85em; }
.zs-repo-modal-warn-text       { color:rgba(255,255,255,0.75); font-size:0.8em; margin:0; line-height:1.5; }
.zs-repo-modal-progress        { background:var(--zekt-gray-border); padding:12px; border-radius:6px; margin:10px 0; text-align:left; }
.zs-repo-modal-progress-title  { color:var(--zekt-green); font-size:0.75em; font-weight:600; margin-bottom:10px; }
.zs-repo-modal-success-msg     { background:rgba(0,255,136,0.1); border:1px solid var(--zekt-green); padding:12px; border-radius:6px; margin:10px 0; }
.zs-repo-modal-success-icon    { width:32px; height:32px; color:var(--zekt-green); margin:0 auto 10px; display:block; }
.zs-repo-modal-success-text    { color:var(--zekt-white); margin:0; font-size:0.75em; line-height:1.4; }
.zs-repo-modal-name-success    { background:linear-gradient(135deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%); padding:12px 16px; border-radius:8px; margin:12px 0 16px 0; border:1px solid rgba(0,255,136,0.2); }
.zs-repo-modal-name-success-text { color:var(--zekt-green); font-size:0.95em; letter-spacing:0.3px; }
.zs-repo-modal-repo-h3         { margin:0 0 6px 0; color:var(--zekt-white); font-size:0.95em; font-weight:500; }
.zs-repo-modal-steps-container { background:linear-gradient(135deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.01) 100%); padding:16px; border-radius:10px; margin:0 0 16px 0; text-align:left; border:1px solid rgba(255,255,255,0.08); }
.zs-repo-modal-steps-title     { color:rgba(255,255,255,0.5); font-size:0.75em; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; font-weight:600; }
.zs-repo-modal-steps-list      { margin:0; padding-left:20px; color:var(--zekt-white); font-size:0.85em; line-height:2; }
.zs-repo-modal-track-container { background:linear-gradient(135deg,rgba(0,255,136,0.08) 0%,rgba(0,255,136,0.02) 100%); border:2px solid rgba(0,255,136,0.2); padding:14px 16px; border-radius:10px; margin:0; text-align:left; box-shadow:0 4px 16px rgba(0,255,136,0.1); }
.zs-repo-modal-track-label     { display:flex; align-items:flex-start; gap:12px; cursor:pointer; }
.zs-repo-modal-track-checkbox  { width:20px; height:20px; margin-top:2px; accent-color:var(--zekt-green); cursor:pointer; }
.zs-repo-modal-track-title     { color:var(--zekt-green); font-size:0.9em; display:block; margin-bottom:4px; }
.zs-repo-modal-track-text      { margin:0; font-size:0.8em; color:rgba(255,255,255,0.7); line-height:1.5; }
.zs-repo-modal-center          { text-align:center; }
.zs-repo-modal-ready-box       { background:rgba(0,255,136,0.1); border:1px solid rgba(0,255,136,0.3); padding:10px; border-radius:6px; margin:10px 0; }
.zs-repo-modal-ready-title     { color:var(--zekt-green); display:block; margin-bottom:4px; font-size:0.8em; }
.zs-repo-modal-ready-text      { color:var(--zekt-white); font-size:0.75em; margin:0; }
.zs-repo-modal-reenable-box    { background:linear-gradient(135deg,rgba(0,255,136,0.08) 0%,rgba(0,255,136,0.03) 100%); border:2px solid rgba(0,255,136,0.25); padding:16px 20px; border-radius:10px; margin:0 0 16px 0; box-shadow:0 4px 16px rgba(0,255,136,0.1); }
.zs-repo-modal-reenable-title  { color:var(--zekt-green); display:block; margin-bottom:8px; font-size:0.95em; letter-spacing:0.5px; }
.zs-repo-modal-reenable-text   { color:var(--zekt-white); font-size:0.85em; margin:0; line-height:1.5; opacity:0.9; }
.zs-repo-modal-error-box       { display:none; background:linear-gradient(135deg,rgba(255,68,68,0.15) 0%,rgba(255,68,68,0.05) 100%); border:2px solid rgba(255,68,68,0.4); color:#ff6b6b; font-size:0.85em; padding:12px 16px; border-radius:8px; margin-top:16px; }
.zs-repo-modal-error-simple    { display:none; color:red; }

/* Repository dependency modal */
.zs-repo-dep-badge-orange { background:var(--zekt-orange); color:black; padding:1px 5px; border-radius:4px; font-size:0.7em; margin-left:6px; }
.zs-repo-dep-badge-green  { background:var(--zekt-green); color:black; padding:1px 5px; border-radius:4px; font-size:0.7em; margin-left:6px; }
.zs-repo-dep-li      { padding:6px 0; border-bottom:1px solid var(--zekt-gray-border); font-size:0.85em; }
.zs-repo-dep-wf-name { color:var(--zekt-white); }
.zs-repo-dep-content { text-align:center; font-size:0.9em; }
.zs-repo-dep-title   { margin:0 0 12px 0; color:var(--zekt-orange); font-size:1em; }
.zs-repo-dep-desc    { color:var(--zekt-white); text-align:center; margin:12px 0; font-size:0.85em; }
.zs-repo-dep-list    { list-style:none; padding:0; margin:0 0 16px 0; max-height:200px; overflow-y:auto; text-align:left; }
.zs-repo-dep-warning { background:rgba(255,152,0,0.1); border:1px solid rgba(255,152,0,0.3); border-radius:6px; padding:8px; font-size:0.8em; color:#ff9800; }

/* ============================================================
   Extracted from JS inline <style> blocks (CSP compliance)
   ============================================================ */

/* Chainlink tab orange theme */
#chainlinkHeader .header-tab.active { color: #ff9900 !important; background: rgba(255, 153, 0, 0.1); }
#chainlinkHeader .header-tab.active::after { background: #ff9900 !important; }
#chainlinkHeader .header-tab:hover { color: #ff9900; }

/* Shield tab orange theme */
#shieldHeader .header-tab.active { color: #ff9900 !important; background: rgba(255, 153, 0, 0.1); }
#shieldHeader .header-tab.active::after { background: #ff9900 !important; }
#shieldHeader .header-tab:hover { color: #ff9900; }

/* Analytics insight cards */
.insight-card { transition: background 0.2s ease, border-color 0.2s ease; cursor: default; }
.insight-card:hover { background: #000000 !important; border-color: var(--zekt-gray-border) !important; }

/* AuditTrail export format labels */
.audit-export-format-label { transition: all 0.2s; }
.audit-export-format-label:hover { border-color: var(--zekt-green) !important; }
.audit-export-format-label:has(input:checked) { border-color: var(--zekt-green) !important; }

/* Billing payment styles */
.payment-container { max-width: 1400px; margin: 0 auto; padding: 2rem; }
.payment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem; }
.payment-card { background: var(--color-bg-card); border: 1px solid rgba(0, 255, 136, 0.15); border-radius: 12px; padding: 1.5rem; transition: all 0.3s ease; }
.payment-card:hover { border-color: rgba(0, 255, 136, 0.3); box-shadow: 0 4px 12px rgba(0, 255, 136, 0.1); }
.payment-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; }
.payment-card-title { display: flex; align-items: center; gap: 0.75rem; font-size: 1.1rem; font-weight: 600; color: var(--color-text-primary); }
.payment-card-title svg { width: 20px; height: 20px; color: var(--color-accent); flex-shrink: 0; }
.payment-card-body { display: flex; flex-direction: column; gap: 1rem; }
.payment-row { display: flex; align-items: center; gap: 1rem; padding: 0.75rem; background: rgba(0, 255, 136, 0.05); border-radius: 8px; }
.payment-row svg { width: 18px; height: 18px; color: var(--color-accent); flex-shrink: 0; }
.payment-row-content { flex: 1; display: flex; align-items: center; justify-content: space-between; }
.payment-row-label { font-size: 0.9rem; color: var(--color-text-secondary); font-weight: 500; }
.payment-row-value { font-size: 0.95rem; color: var(--color-text-primary); font-weight: 600; }
.payment-card-large { display: flex; align-items: center; gap: 1.5rem; padding: 2rem; background: linear-gradient(135deg, rgba(0, 255, 136, 0.08) 0%, rgba(0, 200, 255, 0.08) 100%); }
.payment-card-large-icon { width: 64px; height: 64px; background: rgba(0, 255, 136, 0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.payment-card-large-icon svg { width: 36px; height: 36px; color: var(--color-accent); }
.payment-card-large-content { flex: 1; }
.payment-card-large-title { font-size: 1.3rem; font-weight: 700; color: var(--color-text-primary); margin-bottom: 0.5rem; }
.payment-card-large-subtitle { font-size: 1rem; color: var(--color-text-secondary); margin-bottom: 0.25rem; }
.payment-card-large-meta { font-size: 0.85rem; color: var(--color-text-muted); }
.payment-actions { display: flex; gap: 1rem; margin-top: 1.5rem; }
.btn-payment { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem; border: none; border-radius: 8px; font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
.btn-payment svg { width: 18px; height: 18px; }
.btn-payment-primary { background: linear-gradient(135deg, var(--color-accent) 0%, #00c8ff 100%); color: #000; }
.btn-payment-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 255, 136, 0.3); }
.btn-payment-secondary { background: rgba(255, 255, 255, 0.05); color: var(--color-text-primary); border: 1px solid rgba(255, 255, 255, 0.1); }
.btn-payment-secondary:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(0, 255, 136, 0.3); }
.trial-badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: rgba(0, 255, 136, 0.15); border: 1px solid rgba(0, 255, 136, 0.3); border-radius: 20px; font-size: 0.85rem; font-weight: 600; color: var(--color-accent); }
.trial-badge svg { width: 16px; height: 16px; }
.security-row { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; border-radius: 6px; background: rgba(0, 255, 136, 0.03); }
.security-row svg { width: 20px; height: 20px; color: var(--color-accent); flex-shrink: 0; }
.security-row-text { flex: 1; }
.security-row-title { font-size: 0.9rem; font-weight: 600; color: var(--color-text-primary); }
.security-row-desc { font-size: 0.8rem; color: var(--color-text-secondary); margin-top: 0.15rem; }
.stripe-link { display: inline-flex; align-items: center; gap: 0.4rem; color: var(--color-accent); text-decoration: none; font-size: 0.85rem; font-weight: 500; }
.stripe-link:hover { text-decoration: underline; }
.stripe-link svg { width: 14px; height: 14px; }
@media (max-width: 1024px) { .payment-grid { grid-template-columns: 1fr; } }

/* ProviderServiceDescriptions tab styles */
.service-desc-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.service-desc-tab { padding: 10px 18px; border: 1px solid var(--zekt-gray-border); border-radius: 8px; background: transparent; color: var(--zekt-gray-light); cursor: pointer; font-size: 0.9em; transition: all 0.2s ease; display: flex; align-items: center; gap: 8px; flex: 0 0 auto; width: fit-content; }
.service-desc-tab:hover { border-color: var(--zekt-white); color: var(--zekt-white); }
.service-desc-tab[data-tab="create-new"] { border-color: var(--zekt-orange, #ff9900); color: var(--zekt-orange, #ff9900); }
.service-desc-tab[data-tab="create-new"]:hover,
.service-desc-tab[data-tab="create-new"].active { background: var(--zekt-orange, #ff9900); border-color: var(--zekt-orange, #ff9900); color: var(--zekt-black); font-weight: 500; }
.service-desc-tab[data-tab="manage-existing"] { border-color: var(--zekt-green); color: var(--zekt-green); }
.service-desc-tab[data-tab="manage-existing"]:hover,
.service-desc-tab[data-tab="manage-existing"].active { background: var(--zekt-green); border-color: var(--zekt-green); color: var(--zekt-black); font-weight: 500; }
.service-desc-tab .count-badge { padding: 2px 8px; border-radius: 12px; font-size: 0.85em; background: rgba(255, 255, 255, 0.2); }
.service-desc-tab.active .count-badge { background: rgba(0, 0, 0, 0.2); }
.input-error-border { border-color: var(--zekt-red) !important; }

/* ProviderServiceDescriptions avatar upload */
.avatar-upload-container { display: flex; gap: 24px; align-items: flex-start; }
.avatar-preview-wrapper { position: relative; flex-shrink: 0; }
.avatar-preview { width: 128px; height: 128px; border-radius: 12px; object-fit: cover; border: 2px solid var(--zekt-gray-border); background: var(--zekt-gray-dark); }
.avatar-status { position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); background: var(--zekt-gray-border); color: var(--zekt-gray-light); padding: 2px 10px; border-radius: 10px; font-size: 0.75em; white-space: nowrap; }
.avatar-status.custom { background: var(--zekt-green); color: var(--zekt-black); }
.avatar-controls { flex: 1; display: flex; flex-direction: column; gap: 12px; }
.avatar-dropzone { border: 2px dashed var(--zekt-gray-border); border-radius: 8px; padding: 24px; text-align: center; cursor: pointer; transition: all 0.2s ease; color: var(--zekt-gray-light); }
.avatar-dropzone:hover { border-color: var(--zekt-green); background: rgba(0, 255, 135, 0.05); }
.avatar-dropzone.dragover { border-color: var(--zekt-green); background: rgba(0, 255, 135, 0.1); color: var(--zekt-white); }
.avatar-dropzone.uploading { pointer-events: none; opacity: 0.7; }
.avatar-dropzone p { margin: 8px 0 4px 0; font-size: 0.9em; }
.avatar-dropzone small { opacity: 0.7; }
.avatar-buttons { display: flex; gap: 8px; }
@media (max-width: 600px) { .avatar-upload-container { flex-direction: column; align-items: center; } .avatar-controls { width: 100%; } }

/* ProviderServiceDescriptions tag groups */
.tag-group { border: 1px solid var(--zekt-gray-border); border-radius: 8px; margin-bottom: 8px; background: rgba(0,0,0,0.18); overflow: hidden; }
.tag-group summary { display: flex; align-items: center; gap: 8px; padding: 9px 13px; cursor: pointer; list-style: none; user-select: none; color: var(--zekt-white); font-size: 0.82em; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; transition: background 0.15s; }
.tag-group summary::-webkit-details-marker { display: none; }
.tag-group summary:hover { background: rgba(255,255,255,0.05); }
.tag-group-body { padding: 10px 13px 12px; border-top: 1px solid var(--zekt-gray-border); }
.tag-group[open] .tag-group-chevron { transform: rotate(180deg); }
.tag-group .tag-group-chevron { transition: transform 0.2s ease; }

/* Shield table and compact toggle */
.shield-table { width: 100%; table-layout: fixed; border-collapse: collapse; color: var(--zekt-white); font-size: 0.9rem; }
.shield-table th, .shield-table td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shield-table td:first-child { overflow: visible; }
.shield-table th { text-align: left; padding: 12px 16px; color: var(--zekt-orange, #ff9900); font-weight: 500; border-bottom: 1px solid var(--zekt-gray-border); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; }
.shield-table td { padding: 12px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); vertical-align: middle; color: #ffffff; }
.shield-status-cell { display: flex; align-items: center; gap: 4px; font-size: 0.85em; white-space: nowrap; color: #ffffff; }
.shield-table tr:hover { background: rgba(255, 255, 255, 0.02); }
.toggle-switch-compact { position: relative; display: inline-block; width: 36px; height: 20px; }
.toggle-switch-compact input { opacity: 0; width: 0; height: 0; }
.slider-compact { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #333; transition: .4s; border-radius: 20px; }
.slider-compact:before { position: absolute; content: ""; height: 14px; width: 14px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; }
.toggle-switch-compact input:checked + .slider-compact { background-color: #ff9900; }
.toggle-switch-compact input:checked + .slider-compact:before { transform: translateX(16px); }
.toggle-switch-compact input:disabled + .slider-compact { opacity: 0.5; cursor: not-allowed; }

/* Shield scanner toggle */
#scannerToggle:checked + .slider-main { background-color: #4caf50; }
#scannerToggle:checked + .slider-main .slider-knob { transform: translateX(26px); }
#scannerToggle:not(:checked) + .slider-main { background-color: #ff4444; }
#scannerToggle:not(:checked) + .slider-main .slider-knob { transform: translateX(0); }
.toggle-switch-main:hover .slider-main { opacity: 0.9; }

/* Stripe deletion modal */
.stripe-deletion-modal .modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1; }
.stripe-deletion-modal .modal-content { position: relative; background: var(--zekt-dark, #1a1a2e); border: 1px solid var(--zekt-gray-border, #404060); border-radius: 12px; padding: 24px; max-height: 90vh; overflow-y: auto; z-index: 2; }
.stripe-deletion-modal .btn { padding: 10px 20px; border-radius: 6px; font-weight: 500; cursor: pointer; border: none; }
.stripe-deletion-modal .btn-primary { background: var(--zekt-blue, #2196f3); color: white; }
.stripe-deletion-modal .btn-danger { background: var(--zekt-red, #f44336); color: white; }
.stripe-deletion-modal .btn-outline { background: transparent; border: 1px solid var(--zekt-gray-border, #404060); color: var(--zekt-white, #fff); }
.stripe-deletion-modal .btn:disabled { opacity: 0.5; cursor: not-allowed; }

/* Status badge pill — used by ProviderSubscribers, ProviderDeliveries, ProviderAccessRequests */
.zs-status-badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: 20px; font-size: 0.8em; font-weight: 500; justify-self: start; }
.zs-status-badge-sm { padding: 3px 10px; font-size: 0.78em; }
.zs-status-badge-lg { padding: 8px 16px; font-size: 1em; gap: 8px; }
.zs-status-badge-inline { padding: 4px 10px; border-radius: 16px; font-size: 0.8em; }

/* Status colours */
.zs-status-badge-active    { background: rgba(0,255,136,0.1);   border: 1px solid var(--zekt-green); color: var(--zekt-green); }
.zs-status-badge-paused    { background: rgba(255,165,0,0.1);   border: 1px solid orange;            color: orange; }
.zs-status-badge-revoked   { background: rgba(255,77,79,0.1);   border: 1px solid #FF4D4F;           color: #FF4D4F; }
.zs-status-badge-partial   { background: rgba(255,165,0,0.1);   border: 1px solid orange;            color: orange; }
.zs-status-badge-pending   { background: rgba(255,193,7,0.15);  border: 1px solid #ffc107;           color: #ffc107; }
.zs-status-badge-dispatched{ background: rgba(33,150,243,0.15); border: 1px solid #2196f3;           color: #2196f3; }
.zs-status-badge-confirmed { background: rgba(0,188,212,0.15);  border: 1px solid #00bcd4;           color: #00bcd4; }
.zs-status-badge-completed { background: rgba(0,255,136,0.15);  border: 1px solid var(--zekt-green); color: var(--zekt-green); }
.zs-status-badge-failed    { background: rgba(244,67,54,0.15);  border: 1px solid #f44336;           color: #f44336; }
.zs-status-badge-dead-lettered { background: rgba(156,39,176,0.15); border: 1px solid #9c27b0; color: #9c27b0; }
.zs-status-badge-dead_lettered { background: rgba(156,39,176,0.15); border: 1px solid #9c27b0; color: #9c27b0; }

/* ProviderAccessRequests filter styles */
.access-filter-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.access-filter-btn { padding: 10px 18px; border: 1px solid var(--zekt-gray-border); border-radius: 8px; background: transparent; color: var(--zekt-gray-light); cursor: pointer; font-size: 0.9em; transition: all 0.2s ease; display: flex; align-items: center; gap: 8px; }
.access-filter-btn:hover { border-color: var(--zekt-green); color: var(--zekt-white); }
.access-filter-btn.active { background: var(--zekt-green); border-color: var(--zekt-green); color: var(--zekt-black); font-weight: 500; }
.access-filter-btn .count-badge { padding: 2px 8px; border-radius: 12px; font-size: 0.85em; background: rgba(255,255,255,0.2); }
.access-filter-btn.active .count-badge { background: rgba(0,0,0,0.2); }
.access-filter-btn .filter-icon { font-size: 18px; color: var(--zekt-orange); }
.access-filter-btn.active .filter-icon { color: var(--zekt-black); }
.access-request-card { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 12px; padding: 20px; margin-bottom: 16px; transition: all 0.2s ease; }
.access-request-card:hover { border-color: var(--zekt-green); }
.access-request-card .consumer-info { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.access-request-card .consumer-avatar { width: 44px; height: 44px; background: var(--zekt-green); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2em; }
.access-request-card .request-actions { display: flex; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--zekt-gray-border); }
.access-request-card .btn-approve { padding: 8px 16px; background: var(--zekt-green); border: none; border-radius: 6px; color: var(--zekt-black); font-weight: 500; cursor: pointer; transition: all 0.2s; }
.access-request-card .btn-approve:hover { opacity: 0.9; transform: translateY(-1px); }
.access-request-card .btn-deny { padding: 8px 16px; background: transparent; border: 1px solid #ff4d4f; border-radius: 6px; color: #ff4d4f; cursor: pointer; transition: all 0.2s; }
.access-request-card .btn-deny:hover { background: rgba(255,77,79,0.1); }
.access-request-card .btn-revoke { padding: 8px 16px; background: transparent; border: 1px solid #ff4d4f; border-radius: 6px; color: #ff4d4f; cursor: pointer; transition: all 0.2s; }
.access-request-card .btn-revoke:hover { background: rgba(255,77,79,0.1); }

/* ProviderDeliveries modal overlay */
.zs-modal-full-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--zekt-black); display: flex; align-items: center; justify-content: center; z-index: 10000; padding: 20px; }

/* Replay limit error */
.zs-replay-limit-error { padding: 12px; border-radius: 8px; background: rgba(244,67,54,0.1); border: 1px solid rgba(244,67,54,0.3); color: #f44336; margin-bottom: 16px; }
.zs-replay-limit-error-no-mb { margin-bottom: 0; }

/* Replay history icon */
.zs-replay-icon-ok  { color: #00ff88; font-size: 18px; }
.zs-replay-icon-err { color: #f44336; font-size: 18px; }

/* AppHealth module — app lifecycle event table */
.app-health-empty          { text-align: center; color: #888; padding: 40px; }
.app-health-delivery-cell  { font-size: 0.75em; color: #888; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.app-health-detail-row     { display: none; }
.app-health-detail-content { padding: 8px 16px; background: #1a1a1a; border-radius: 4px; font-size: 0.8em; }
.app-health-table-wrap     { overflow-x: auto; }
.app-health-table          { width: 100%; }
.app-health-pagination     { justify-content: center; margin-top: 16px; }
.app-health-page-label     { padding: 8px; color: #888; }
/* Action badge: static layout; color applied via data-color + JS postprocessing */
.app-health-action-badge   { padding: 2px 8px; border-radius: 12px; font-size: 0.75em; }

.repo-expand-icon-rotated { transform: rotate(180deg); }
.zs-modal-footer-flex-center-gap12 { display: flex; gap: 12px; justify-content: center; }
.btn-add-new-orange { background: var(--zekt-orange, #ff9900); color: #000; border: 1px solid var(--zekt-orange, #ff9900); border-radius: 6px; cursor: pointer; font-weight: 500; transition: opacity 0.2s ease; }
.btn-add-new-orange:hover { opacity: 0.85; }

/* Services table row hover */
.services-table tr.zs-bg-000000 { background: #000; transition: background 0.15s ease; }
.services-table tr.zs-bg-000000:hover { background: #2a2a2a; }
.tag-overflow-count { font-size: 0.75em; color: var(--zekt-white); }
.services-table tr.zs-bg-000000:hover .tag-overflow-count { color: var(--zekt-orange, #ff9900); }

/* Analytics toggle switch */
.toggle-switch-analytics { position: relative; display: inline-block; width: 44px; height: 24px; border-radius: 12px; flex-shrink: 0; cursor: pointer; }
.toggle-slider-analytics { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; transition: .3s; border-radius: 12px; }
.toggle-slider-analytics-on  { background-color: #ff9800; }
.toggle-slider-analytics-off { background-color: var(--zekt-gray-border); }
.toggle-knob-analytics { position: absolute; height: 18px; width: 18px; bottom: 3px; background-color: white; transition: .3s; border-radius: 50%; }
.toggle-knob-analytics-on  { left: 23px; }
.toggle-knob-analytics-off { left: 3px; }

/* ConsumerFeatures tag filter & service card styles */
.tag-filter-btn { padding: 6px 14px; border: 1px solid var(--zekt-gray-border); border-radius: 20px; background: transparent; color: var(--zekt-gray-light); cursor: pointer; font-size: 0.85em; transition: all 0.2s ease; }
.tag-filter-btn:hover { border-color: var(--zekt-green); color: var(--zekt-green); }
.tag-filter-btn.active { background: var(--zekt-green); border-color: var(--zekt-green); color: var(--zekt-black); font-weight: 500; }
.service-card { background: var(--zekt-gray); border: 1px solid var(--zekt-gray-border); border-radius: 8px; padding: 12px 16px; margin-bottom: 10px; transition: all 0.2s ease; }
.service-card:hover { border-color: var(--zekt-green); transform: translateY(-2px); }
.service-card.expanded { border-color: var(--zekt-green); background: rgba(0, 255, 136, 0.05); }
.service-card .status-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 20px; font-size: 0.8em; font-weight: 500; }
.service-card .status-badge.consuming { background: rgba(255, 165, 0, 0.15); border: 1px solid orange; color: orange; }
.service-card .status-badge.pending { background: rgba(250, 173, 20, 0.15); border: 1px solid #FAAD14; color: #FAAD14; }
.service-card .status-badge.available { background: rgba(0, 255, 136, 0.1); border: 1px solid var(--zekt-green); color: var(--zekt-green); }
.service-card .service-tags { display: inline-flex; flex-wrap: wrap; gap: 4px; margin: 0; }
.service-card .service-tags .tag { padding: 2px 6px; background: rgba(255, 255, 255, 0.1); border-radius: 4px; font-size: 0.7em; color: var(--zekt-white); }
.service-card .request-action-area { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--zekt-gray-border); display: none; }
.service-card.expanded .request-action-area { display: block; }
.remove-request-btn:hover { opacity: 1 !important; }
.remove-request-btn:hover .material-symbols-outlined { color: var(--zekt-red, #ff4444) !important; }
.sent-requests-header:hover { background: rgba(255, 255, 255, 0.02); }

/* Visibility badge (ProviderServiceDescriptions) */
.visibility-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: 500;
    min-width: 130px;
    box-sizing: border-box;
}
.visibility-badge-public {
    color: var(--zekt-green);
    background: rgba(0, 255, 135, 0.15);
    border: 1px solid var(--zekt-green);
}
.visibility-badge-organization {
    color: var(--zekt-orange);
    background: rgba(255, 135, 0, 0.15);
    border: 1px solid var(--zekt-orange);
}
.visibility-badge-unlisted {
    color: var(--zekt-gray-light);
    background: rgba(128, 128, 128, 0.15);
    border: 1px solid var(--zekt-gray-light);
}
.vis-badge-tooltip {
    display: none;
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: #1a1a1a;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 0.78em;
    color: var(--zekt-white);
    white-space: nowrap;
    z-index: 100;
    pointer-events: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
.vis-badge-tooltip-public     { border: 1px solid var(--zekt-green); }
.vis-badge-tooltip-organization { border: 1px solid var(--zekt-orange); }
.vis-badge-tooltip-unlisted   { border: 1px solid var(--zekt-gray-light); }

/* Backlog 096b Item B — dynamic style="" conversions */

/* resources.js orphan result badge */
.zs-orphan-badge-ok  { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 16px; font-size: 12px; font-weight: 600; background: rgba(0,255,136,0.1); border: 1px solid var(--zekt-green); color: var(--zekt-green); }
.zs-orphan-badge-err { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 16px; font-size: 12px; font-weight: 600; background: rgba(255,68,68,0.1); border: 1px solid var(--zekt-red); color: var(--zekt-red); }

/* app.js getRequestStatusBadge */
.zs-req-badge-base        { display: inline-block; padding: 6px 12px; border-radius: 6px; font-weight: 500; font-size: 0.9em; }
.zs-req-badge-pending     { background: rgba(250,173,20,0.1);  border: 1px solid #FAAD14; color: #FAAD14; }
.zs-req-badge-approved    { background: rgba(82,196,26,0.1);   border: 1px solid #52C41A; color: #52C41A; }
.zs-req-badge-implemented { background: rgba(24,144,255,0.1);  border: 1px solid #1890FF; color: #1890FF; }
.zs-req-badge-rejected    { background: rgba(255,77,79,0.1);   border: 1px solid #FF4D4F; color: #FF4D4F; }
.zs-req-badge-revoked     { background: rgba(140,140,140,0.1); border: 1px solid #8C8C8C; color: #8C8C8C; }
.zs-req-badge-unknown     { background: rgba(89,89,89,0.1);    border: 1px solid #595959; color: #595959; }

/* Shield.js pattern card */
.zs-pattern-card-enabled  { background: rgba(76,175,80,0.05);   border: 1px solid rgba(76,175,80,0.2); padding: 16px; border-radius: 8px; transition: all 0.2s; }
.zs-pattern-card-disabled { background: rgba(255,255,255,0.02); border: 1px solid #333;                padding: 16px; border-radius: 8px; transition: all 0.2s; }

/* Shield.js doctrine toggle track and knob */
.doctrine-toggle-track { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 14px; transition: background 0.3s; }
.doctrine-toggle-knob  { position: absolute; top: 3px; width: 22px; height: 22px; background: #fff; border-radius: 50%; transition: left 0.3s; }
.zs-doctrine-track-enabled  { background: #ff9900; }
.zs-doctrine-track-disabled { background: #444; }
.zs-doctrine-knob-enabled   { left: 27px; }
.zs-doctrine-knob-disabled  { left: 3px; }

/* ConsumerConnections.js ebonui-badge status colour overrides */
.zs-ebonui-badge-active  { color: #00ff88; background: rgba(0,255,136,0.10);  border-color: rgba(0,255,136,0.25); }
.zs-ebonui-badge-paused  { color: #ff8800; background: rgba(255,136,0,0.10);  border-color: rgba(255,136,0,0.25); }
.zs-ebonui-badge-revoked { color: #ff4444; background: rgba(255,68,68,0.10);  border-color: rgba(255,68,68,0.25); }

/* ConsumerEvents.js consumer row */
.zs-consumer-row      { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; border-top: 1px solid rgba(255,255,255,0.05); }
.zs-consumer-row-even { background: rgba(0,0,0,0.1); }

/* ConsumerEvents.js consumer status pill */
.zs-consumer-status-approved { font-size: 0.7em; padding: 2px 8px; border-radius: 4px; background: rgba(0,255,136,0.2);  color: var(--zekt-green); text-transform: uppercase; font-weight: 600; }
.zs-consumer-status-other    { font-size: 0.7em; padding: 2px 8px; border-radius: 4px; background: rgba(255,193,7,0.2);   color: #ffc107;            text-transform: uppercase; font-weight: 600; }

/* auto-approval-settings.js rule card */
.zs-rule-card          { background: var(--zekt-gray); border-radius: 8px; padding: 16px; margin-bottom: 8px; }
.zs-rule-card-active   { border: 1px solid rgba(0,255,136,0.2); }
.zs-rule-card-inactive { border: 1px solid var(--zekt-gray-border); opacity: 0.6; }

/* Analytics.js bar chart fill (height set via data-bar-h post-render) */
.zs-bar-col-fill        { width: 100%; border-radius: 2px 2px 0 0; }
.zs-bar-col-fill-peak   { background: linear-gradient(to top, #9c27b0, #e040fb); }
.zs-bar-col-fill-normal { background: var(--zekt-gray-border); }
.zs-bar-col-empty       { min-height: 0; }
.zs-bar-col-nonempty    { min-height: 3px; }

/* Utility */
.zs-ml-auto { margin-left: auto; }
.zs-mr-4    { margin-right: 4px; }

/* Profile.js — calawu onboarding channel card */
.zs-calawu-bg-card { background-image: url('/assets/images/calawu/calawu-background.gif'); background-size: cover; background-position: center; }

/* ProviderServiceDescriptions.js */
.zs-inline-code-event      { color: #ff9800; background: rgba(255,152,0,0.1); border-color: rgba(255,152,0,0.3); }
.zs-event-type-box         { background: #0a0a0a; border-radius: 6px; padding: 12px 16px; display: flex; justify-content: space-between; align-items: center; }
.zs-va-middle-mr8-green    { vertical-align: middle; margin-right: 8px; color: var(--zekt-green); }
.zs-service-list-box       { border: 1px solid rgba(128,128,128,0.25); border-radius: 6px; padding: 10px 14px; max-height: 240px; overflow-y: auto; }
.zs-hr-faint               { border: none; border-top: 1px solid rgba(128,128,128,0.2); margin: 4px 0 8px; }
.zs-info-icon-small        { font-size: 13px; vertical-align: middle; margin-right: 4px; }
.zs-maxw-660               { max-width: 660px; }
.zs-table-full-minw400     { width: 100%; min-width: 400px; }
.zs-w-90                   { width: 90px; }
.zs-spinner-inline         { width: 14px; height: 14px; display: inline-block; vertical-align: middle; }

/* ConsumerArrivalStatus.js */
.zs-arrival-provider-hint { color: rgba(255,255,255,0.3); margin-left: 6px; }
.zs-spinner-16            { width: 16px; height: 16px; }
.zs-color-white-04        { color: rgba(255,255,255,0.4); }
.zs-color-white-035       { color: rgba(255,255,255,0.35); }
.zs-color-white-02        { color: rgba(255,255,255,0.2); }
.zs-img-icon-14           { width: 14px; height: 14px; vertical-align: middle; }
.zs-icon-inline-13        { font-size: 13px; vertical-align: middle; margin-right: 4px; }
.zs-ml-6                  { margin-left: 6px; }
.zs-w-36                  { width: 36px; }
.zs-w-40                  { width: 40px; }
/* Run status icon + text colours */
.zs-run-icon              { font-size: 18px; }
.zs-run-success           { color: var(--zekt-green, #00ff88); }
.zs-run-failure           { color: #ef4444; }
.zs-run-cancelled         { color: #9ca3af; }
.zs-run-skipped           { color: #6b7280; }
.zs-run-timed-out         { color: #f59e0b; }
.zs-run-in-progress       { color: #3b82f6; }
.zs-run-default           { color: #6b7280; }