/* Generated from the inline style attributes that used to sit in the markup.
 * They had to go so that style-src could drop 'unsafe-inline'.
 * Loaded last on purpose: at equal specificity the later rule wins, which
 * is the position the inline style used to hold.
 * The selector repeats the class three times on purpose. An inline style
 * outranks every selector, so a plain .zs-N loses wherever the page already
 * had something like `.activity-table td` (0,1,1) — and it did: one cell
 * lost its colour until this was raised to (0,3,0). Repetition rather than
 * !important, so a genuine !important rule still wins, exactly as it did
 * against the inline style.
 * Regenerate with scratchpad/convert_styles.php — do not hand-edit.
 */

.zs-1.zs-1.zs-1 { font-size:18px; }
.zs-2.zs-2.zs-2 { font-size:18px;margin-bottom: 10px; }
.zs-3.zs-3.zs-3 { display: block; font-size: 10px; opacity: 0.8; }
.zs-4.zs-4.zs-4 { color: var(--admin-success); }
.zs-5.zs-5.zs-5 { color: var(--admin-danger); }
.zs-6.zs-6.zs-6 { color: var(--admin-warning); font-size: 11px; }
.zs-7.zs-7.zs-7 { color: var(--admin-text-muted); font-size: 11px; }
.zs-8.zs-8.zs-8 { grid-column: 1 / -1; text-align: center; color: var(--admin-text-muted); }
.zs-9.zs-9.zs-9 { font-size: 2rem; margin-bottom: 16px; color: var(--admin-accent-blue); }
.zs-10.zs-10.zs-10 { color:var(--admin-text-muted); }
.zs-11.zs-11.zs-11 { color: var(--admin-warning); }
.zs-12.zs-12.zs-12 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.zs-13.zs-13.zs-13 { font-size: 13px; }
.zs-14.zs-14.zs-14 { display: flex; justify-content: center; }
.zs-15.zs-15.zs-15 { color: var(--admin-warning); font-style: italic; text-align: center; }
.zs-16.zs-16.zs-16 { color: var(--admin-text-muted); font-style: italic; }
.zs-17.zs-17.zs-17 { color: var(--admin-accent-gold); }
.zs-18.zs-18.zs-18 { text-align: center; color: var(--admin-text-muted); padding: 40px 20px; }
.zs-19.zs-19.zs-19 { padding: 20px 32px; text-align: center; background: rgba(255, 255, 255, 0.02); }
.zs-20.zs-20.zs-20 { display: none; }
.zs-21.zs-21.zs-21 { font-size: 16px; margin: 8px 0; }
.zs-22.zs-22.zs-22 { background: rgba(239, 68, 68, 0.1); color: var(--admin-danger); }
.zs-23.zs-23.zs-23 { background: rgba(245, 158, 11, 0.1); color: var(--admin-warning); }
.zs-24.zs-24.zs-24 { text-align: center; padding: 40px 20px; }
.zs-25.zs-25.zs-25 { padding: 4px 12px; font-size: 12px; }
.zs-26.zs-26.zs-26 { text-align: center; padding: 40px; color: var(--admin-text-muted); font-style: italic; }
.zs-27.zs-27.zs-27 { padding: 40px; }
.zs-28.zs-28.zs-28 { font-size: 24px; color: var(--admin-accent-blue); }
.zs-29.zs-29.zs-29 { margin-top: 16px; color: var(--admin-text-muted); }
.zs-30.zs-30.zs-30 { margin-bottom: 20px; }
.zs-31.zs-31.zs-31 { margin-right: 8px; }
.zs-32.zs-32.zs-32 { color: var(--admin-danger); font-weight: 600; margin-top: 20px; }
.zs-33.zs-33.zs-33 { background: var(--admin-tertiary); color: var(--admin-text-secondary); }
.zs-34.zs-34.zs-34 { background: var(--admin-gradient-red); color: white; }
.zs-35.zs-35.zs-35 { color: #10b981; }
.zs-36.zs-36.zs-36 { font-size: 24px; }
.zs-37.zs-37.zs-37 { margin-top:16px; }
.zs-38.zs-38.zs-38 { background: var(--admin-tertiary); border-radius: 8px; border: 1px solid var(--admin-border); }
.zs-39.zs-39.zs-39 { margin: 0; }
.zs-40.zs-40.zs-40 { background: var(--admin-primary); padding: 2px 6px; border-radius: 4px; font-size: 10px; }
.zs-41.zs-41.zs-41 { text-align: center; padding: 20px; color: var(--admin-text-muted); }
.zs-42.zs-42.zs-42 { background: var(--admin-tertiary); border: 1px solid var(--admin-border); border-radius: 12px; padding: 20px; }
.zs-43.zs-43.zs-43 { color: var(--admin-text-primary); margin-bottom: 16px; }
.zs-44.zs-44.zs-44 { color: var(--admin-text-secondary); font-size: 12px; margin-bottom: 16px; }
.zs-45.zs-45.zs-45 { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; }
.zs-46.zs-46.zs-46 { color: var(--admin-text-muted); font-size: 11px; margin-top: 8px; display: block; }
.zs-47.zs-47.zs-47 { color: var(--admin-text-secondary); font-size: 12px; margin-bottom: 6px; display: block; }
.zs-48.zs-48.zs-48 { display: flex; flex-direction: column; gap: 4px; }
.zs-49.zs-49.zs-49 { font-size: 11px; }
.zs-50.zs-50.zs-50 { color: var(--admin-text-secondary); }
.zs-51.zs-51.zs-51 { margin-top: 8px; }
.zs-52.zs-52.zs-52 { color: white; }
.zs-53.zs-53.zs-53 { background: var(--admin-tertiary); padding: 16px; border-radius: 8px; margin: 16px 0; }
.zs-54.zs-54.zs-54 { color: var(--admin-text-primary); margin-bottom: 12px; }
.zs-55.zs-55.zs-55 { margin-bottom: 0; padding-left: 20px; }
.zs-56.zs-56.zs-56 { background: var(--admin-primary); }
.zs-57.zs-57.zs-57 { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); }
.zs-58.zs-58.zs-58 { color: #28a745; }
.zs-59.zs-59.zs-59 { color: #dc3545; }
.zs-60.zs-60.zs-60 { font-size: 14px; margin: 0; font-family: 'Courier New', monospace; }
.zs-61.zs-61.zs-61 { color: var(--admin-info); }
.zs-62.zs-62.zs-62 { font-size: 11px; margin-top: 8px; }
.zs-63.zs-63.zs-63 { margin-bottom: 4px; }
.zs-64.zs-64.zs-64 { font-size: 14px; color: var(--admin-text-primary); }
.zs-65.zs-65.zs-65 { font-size: 11px; color: var(--admin-text-secondary); margin-top: 4px; }
.zs-66.zs-66.zs-66 { margin-bottom: 2px; }
.zs-67.zs-67.zs-67 { width: 12px; }
.zs-68.zs-68.zs-68 { background: var(--admin-danger); color: white; }
.zs-69.zs-69.zs-69 { background: rgba(79, 195, 247, 0.2); color: #4fc3f7; border: 1px solid rgba(79, 195, 247, 0.3); }
.zs-70.zs-70.zs-70 { background: rgba(212, 175, 55, 0.2); color: #d4af37; border: 1px solid rgba(212, 175, 55, 0.3); }
.zs-71.zs-71.zs-71 { background: rgba(239, 68, 68, 0.2); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); }
.zs-72.zs-72.zs-72 { background: rgba(16, 185, 129, 0.2); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3); }
.zs-73.zs-73.zs-73 { background: rgba(245, 158, 11, 0.2); color: #f59e0b; border: 1px solid rgba(245, 158, 11, 0.3); }
.zs-74.zs-74.zs-74 { color: #6b7280; }
.zs-75.zs-75.zs-75 { margin-top: 15px; }
.zs-76.zs-76.zs-76 { background: rgba(255, 255, 255, 0.03); border-radius: 8px; padding: 16px; }
.zs-77.zs-77.zs-77 { color: #b8bcc8; font-family: inherit; margin: 0; white-space: pre-wrap; }
.zs-78.zs-78.zs-78 { color: green;font-size:20px; }
.zs-79.zs-79.zs-79 { color: red;font-size:20px; }
.zs-80.zs-80.zs-80 { font-size:20px; }
.zs-81.zs-81.zs-81 { color:red; }
.zs-82.zs-82.zs-82 { color:grey; }
.zs-83.zs-83.zs-83 { color:green; }
.zs-84.zs-84.zs-84 { width:100%; }
.zs-85.zs-85.zs-85 { color: var(--client-warning); font-size: 11px; }
.zs-86.zs-86.zs-86 { color: var(--client-text-muted); font-size: 11px; }
.zs-87.zs-87.zs-87 { color:var(--client-text-muted); }
.zs-88.zs-88.zs-88 { color: var(--client-success); }
.zs-89.zs-89.zs-89 { color: var(--client-warning); }
.zs-90.zs-90.zs-90 { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--client-border); }
.zs-91.zs-91.zs-91 { display: flex; justify-content: space-between; align-items: center; }
.zs-92.zs-92.zs-92 { padding: 4px 8px; font-size: 11px; border-radius: 4px; border: none; cursor: pointer; transition: all 0.3s ease; }
.zs-93.zs-93.zs-93 { color: var(--client-danger); }
.zs-94.zs-94.zs-94 { text-align: center; color: var(--client-text-muted); padding: 40px 20px; }
.zs-95.zs-95.zs-95 { color: var(--client-accent-gold); }
.zs-96.zs-96.zs-96 { background: rgba(79, 195, 247, 0.15); border-color: rgba(79, 195, 247, 0.3); }
.zs-97.zs-97.zs-97 { color: var(--client-text-muted); margin-top: 12px; }
.zs-98.zs-98.zs-98 { color: #b8bcc8; }
.zs-99.zs-99.zs-99 { padding: 20px; margin-bottom: 20px; }
.zs-100.zs-100.zs-100 { color: var(--exit-text-primary); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.zs-101.zs-101.zs-101 { color: var(--exit-accent-blue); }
.zs-102.zs-102.zs-102 { color: var(--exit-text-secondary); font-size: 14px; margin-bottom: 20px; }
.zs-103.zs-103.zs-103 { background: var(--exit-tertiary); border: 1px solid var(--exit-border); border-radius: 8px; padding: 16px; text-align: center; height: 100%; }
.zs-104.zs-104.zs-104 { color: #10b981; font-size: 24px; margin-bottom: 8px; }
.zs-105.zs-105.zs-105 { color: var(--exit-text-primary); font-size: 12px; font-weight: 600; margin-bottom: 8px; text-transform: uppercase; }
.zs-106.zs-106.zs-106 { color: var(--exit-text-muted); font-size: 11px; margin-bottom: 12px; line-height: 1.3; }
.zs-107.zs-107.zs-107 { background: linear-gradient(135deg, #10b981, #059669); border: 1px solid #10b981; color: white; padding: 8px 12px; border-radius: 4px; font-weight: 600; font-size: 11px; width: 100%; }
.zs-108.zs-108.zs-108 { color: #3b82f6; font-size: 24px; margin-bottom: 8px; }
.zs-109.zs-109.zs-109 { background: linear-gradient(135deg, #3b82f6, #1d4ed8); border: 1px solid #3b82f6; color: white; padding: 8px 12px; border-radius: 4px; font-weight: 600; font-size: 11px; width: 100%; }
.zs-110.zs-110.zs-110 { color: #f59e0b; font-size: 24px; margin-bottom: 8px; }
.zs-111.zs-111.zs-111 { background: linear-gradient(135deg, #f59e0b, #d97706); border: 1px solid #f59e0b; color: white; padding: 8px 12px; border-radius: 4px; font-weight: 600; font-size: 11px; width: 100%; }
.zs-112.zs-112.zs-112 { color: #ef4444; font-size: 24px; margin-bottom: 8px; }
.zs-113.zs-113.zs-113 { background: linear-gradient(135deg, #ef4444, #dc2626); border: 1px solid #ef4444; color: white; padding: 8px 12px; border-radius: 4px; font-weight: 600; font-size: 11px; width: 100%; }
.zs-114.zs-114.zs-114 { background: var(--exit-gradient-orange); border: 1px solid var(--exit-warning); color: white; padding: 10px 20px; border-radius: 6px; font-weight: 600; font-size: 13px; }
.zs-115.zs-115.zs-115 { font-size: 10px; }
.zs-116.zs-116.zs-116 { color: var(--exit-text-muted); }
.zs-117.zs-117.zs-117 { color: var(--exit-text-primary); font-weight: 600; }
.zs-118.zs-118.zs-118 { color: var(--exit-success); }
.zs-119.zs-119.zs-119 { color: var(--exit-info); }
.zs-120.zs-120.zs-120 { margin-bottom: 0; margin-top: 8px; padding-left: 16px; }
.zs-121.zs-121.zs-121 { color: var(--exit-text-muted); font-style: italic; }
.zs-122.zs-122.zs-122 { margin-bottom: 4px; color: var(--exit-text-primary); }
.zs-123.zs-123.zs-123 { border-color: var(--exit-border); }
.zs-124.zs-124.zs-124 { margin-bottom: 4px; color: var(--exit-success); }
.zs-125.zs-125.zs-125 { margin-bottom: 4px; color: var(--exit-danger); }
.zs-126.zs-126.zs-126 { margin-bottom: 4px; color: var(--exit-text-muted); }
.zs-127.zs-127.zs-127 { margin-bottom: 4px; color: var(--exit-info); }
.zs-128.zs-128.zs-128 { margin-bottom: 4px; color: var(--exit-warning); }
.zs-129.zs-129.zs-129 { margin-top: 12px; padding: 12px; border-radius: 6px; }
.zs-130.zs-130.zs-130 { margin-top: 16px; margin-bottom: 16px; }
.zs-131.zs-131.zs-131 { background: linear-gradient(135deg, rgba(156, 163, 175, 0.12) 0%, rgba(107, 114, 128, 0.08) 100%); border: 1px solid rgba(156, 163, 175, 0.3); }
.zs-132.zs-132.zs-132 { background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%); }
.zs-133.zs-133.zs-133 { color: var(--withdraw-text-muted); }
.zs-134.zs-134.zs-134 { color: var(--withdraw-success); font-weight: 600; }
.zs-135.zs-135.zs-135 { color: var(--withdraw-danger); }
.zs-136.zs-136.zs-136 { opacity: 0.7; }
.zs-137.zs-137.zs-137 { font-size:30px; }
.zs-138.zs-138.zs-138 { font-size: 14px; }
.zs-139.zs-139.zs-139 { font-family:system-ui;max-width:34rem;margin:15vh auto;text-align:center; }
.zs-140.zs-140.zs-140 { height:7px; }
.zs-141.zs-141.zs-141 { font-size: 16px; }
.zs-142.zs-142.zs-142 { text-align: left; }
.zs-143.zs-143.zs-143 { font-size: 14px; color: #666; }
.zs-144.zs-144.zs-144 { font-size:12px; color: #dc3545; font-weight: bold; }
.zs-145.zs-145.zs-145 { color:red;padding:0px;margin:0px;font-size:12px; }
.zs-146.zs-146.zs-146 { margin-bottom: 30px; color: var(--admin-text-primary); }
.zs-147.zs-147.zs-147 { color: var(--admin-text-secondary); padding: 20px; }
.zs-148.zs-148.zs-148 { margin-top: 20px; color: var(--admin-text-muted); font-size: 14px; }
.zs-149.zs-149.zs-149 { padding: 40px; text-align: center; }
.zs-150.zs-150.zs-150 { margin-bottom: 20px; color: var(--admin-text-primary); }
.zs-151.zs-151.zs-151 { color: var(--admin-text-secondary); margin-bottom: 30px; font-size: 1.1rem; }
.zs-152.zs-152.zs-152 { margin-top: 30px; }
.zs-153.zs-153.zs-153 { font-size: 1rem; padding: 16px 32px; }
.zs-154.zs-154.zs-154 { text-align: center; margin-top: 40px; }
.zs-155.zs-155.zs-155 { margin-right: 16px; }
.zs-156.zs-156.zs-156 { width: 25%; }
.zs-157.zs-157.zs-157 { width: 50%; }
.zs-158.zs-158.zs-158 { width: 75%; }
.zs-159.zs-159.zs-159 { text-align: center; color: var(--admin-danger); }
.zs-160.zs-160.zs-160 { font-size: 2rem; margin-bottom: 10px; }
.zs-161.zs-161.zs-161 { color: var(--admin-accent-gold); text-decoration: underline; }

/* --- referenced by name from PHP, not generated from an attribute --- */
.zs-pos.zs-pos.zs-pos             { color: var(--admin-success); }
.zs-neg.zs-neg.zs-neg             { color: var(--admin-danger); }
.zs-cpos.zs-cpos.zs-cpos          { color: var(--client-success); }
.zs-cneg.zs-cneg.zs-cneg          { color: var(--client-danger); }
.zs-pos-bold.zs-pos-bold          { color: var(--admin-success); font-weight: bold; }
.zs-warn.zs-warn                  { color: var(--admin-warning); }
.zs-danger.zs-danger              { color: #dc3545; }
.zs-inline.zs-inline              { display: inline; }
.zs-goldlink.zs-goldlink          { color: var(--admin-accent-gold); text-decoration: none; font-weight: 500; }

/* the strength bar: everything except its width, which JS sets from
   data-width because a percentage cannot live in a static class */
.zs-bar.zs-bar.zs-bar {
    background-color: green;
    color: lightgrey;
    padding: 3px;
    padding-left: 15px;
    font-size: 12px;
}
/* the strength bar on aresults_m uses roomier padding than the others */
.zs-bar-wide.zs-bar-wide.zs-bar-wide { padding: 3px 15px; }

/* activity-type icon colours, picked by a branch in client_opt_out.php */
.zs-t-warn.zs-t-warn { color: #ffc107; }
.zs-t-ok.zs-t-ok     { color: #28a745; }
.zs-t-bad.zs-t-bad   { color: #dc3545; }