/*
 * Arista Dealer Portal Pro UI System v3
 * One source of truth for wp-admin screens and the dealer-facing portal.
 */

:root {
    --ccp-primary: #a8793f;
    --ccp-primary-strong: #815a2e;
    --ccp-primary-soft: #f6efe6;
    --ccp-primary-ring: rgba(168, 121, 63, .18);
    --ccp-ink: #17202b;
    --ccp-text: #273444;
    --ccp-muted: #718096;
    --ccp-subtle: #94a3b8;
    --ccp-line: #e6eaf0;
    --ccp-line-strong: #d7dde6;
    --ccp-bg: #f5f7fa;
    --ccp-card: #ffffff;
    --ccp-card-alt: #fafbfc;
    --ccp-dark-slate: #151d27;
    --ccp-success: #168467;
    --ccp-success-soft: #eaf8f3;
    --ccp-warning: #c07a15;
    --ccp-warning-soft: #fff6e4;
    --ccp-danger: #c64a4a;
    --ccp-danger-soft: #fff0f0;
    --ccp-info: #3572b8;
    --ccp-info-soft: #edf5ff;
    --ccp-radius-xs: 8px;
    --ccp-radius-sm: 11px;
    --ccp-radius: 16px;
    --ccp-radius-lg: 22px;
    --ccp-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 20px rgba(15, 23, 42, .04);
    --ccp-shadow: 0 14px 38px rgba(15, 23, 42, .08);
    --ccp-shadow-lg: 0 28px 70px rgba(15, 23, 42, .16);
    --ccp-sidebar-width: 278px;
    --ccp-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ccp-transition: 160ms ease;
}

body.ccp-accent-slate_blue,
.ccp-app-shell[data-ccp-accent="slate_blue"] {
    --ccp-primary: #4967a9;
    --ccp-primary-strong: #354f89;
    --ccp-primary-soft: #edf1fa;
    --ccp-primary-ring: rgba(73, 103, 169, .18);
}

body.ccp-accent-forest,
.ccp-app-shell[data-ccp-accent="forest"] {
    --ccp-primary: #477256;
    --ccp-primary-strong: #335640;
    --ccp-primary-soft: #edf5ef;
    --ccp-primary-ring: rgba(71, 114, 86, .18);
}

body.ccp-accent-burgundy,
.ccp-app-shell[data-ccp-accent="burgundy"] {
    --ccp-primary: #813b49;
    --ccp-primary-strong: #652a37;
    --ccp-primary-soft: #f8eef1;
    --ccp-primary-ring: rgba(129, 59, 73, .18);
}

/* Scoped reset */
.ccp-ui-v3 .ccp-admin-shell,
.ccp-app-shell,
.ccp-portal-shell,
#ccp-premium-modal {
    color: var(--ccp-text);
    font-family: var(--ccp-font);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.ccp-ui-v3 .ccp-admin-shell *,
.ccp-app-shell *,
.ccp-portal-shell *,
#ccp-premium-modal * {
    box-sizing: border-box;
}

.ccp-ui-v3 .ccp-admin-shell :where(h1, h2, h3, h4, h5, h6, p),
.ccp-app-shell :where(h1, h2, h3, h4, h5, h6, p),
.ccp-portal-shell :where(h1, h2, h3, h4, h5, h6, p) {
    font-family: inherit;
}

.ccp-ui-v3 .ccp-admin-shell a,
.ccp-app-shell a,
.ccp-portal-shell a {
    transition: color var(--ccp-transition), background var(--ccp-transition), border-color var(--ccp-transition), transform var(--ccp-transition), box-shadow var(--ccp-transition);
}

.ccp-ui-v3 .ccp-admin-shell button,
.ccp-ui-v3 .ccp-admin-shell input,
.ccp-ui-v3 .ccp-admin-shell select,
.ccp-ui-v3 .ccp-admin-shell textarea,
.ccp-app-shell button,
.ccp-app-shell input,
.ccp-app-shell select,
.ccp-app-shell textarea,
.ccp-portal-shell button,
.ccp-portal-shell input,
.ccp-portal-shell select,
.ccp-portal-shell textarea {
    font: inherit;
}
/* Compatibility map generated from the legacy inline declarations.
 * These selectors are intentionally lower in the file than the reset
 * and higher than the semantic component overrides. */
/* [ccp-u-0001] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0002"] {font-size: 11px; color: var(--ccp-muted); margin-bottom: 4px; font-weight: 700; display: flex; justify-content: space-between; gap: 20px;}
[data-ccp-style~="ccp-u-0003"] {color:var(--ccp-primary); font-size:9px;}
[data-ccp-style~="ccp-u-0004"] {font-weight: 400;}
[data-ccp-style~="ccp-u-0005"] {font-size: 14px; line-height: 1.5; color: #1e293b; white-space: pre-wrap;}
[data-ccp-style~="ccp-u-0006"] {font-size:15px; line-height:1.6; color:#1e293b; font-weight:600;}
[data-ccp-style~="ccp-u-0007"] {position:fixed; bottom:24px; right:24px; z-index:99999; border-radius:999px; border:1px solid var(--ccp-line,#e2e8f0); background:var(--ccp-card,#fff); color:var(--ccp-text,#1e293b); box-shadow:0 8px 20px rgba(0,0,0,.12); padding:10px 16px; font-size:13px; font-weight:700; cursor:pointer;}
[data-ccp-style~="ccp-u-0008"] {max-width: 500px; margin: 80px auto; text-align: center;}
[data-ccp-style~="ccp-u-0009"] {padding: 40px; border-radius: var(--ccp-radius); box-shadow: var(--ccp-shadow);}
[data-ccp-style~="ccp-u-0010"] {font-size: 48px; margin-bottom: 20px;}
[data-ccp-style~="ccp-u-0011"] {margin: 0 0 10px; color: var(--ccp-dark-slate);}
[data-ccp-style~="ccp-u-0012"] {color: var(--ccp-muted); margin-bottom: 24px;}
[data-ccp-style~="ccp-u-0013"] {width: 100%; display: flex; border-radius: 12px; font-weight: 700; height: 46px; align-items: center; justify-content: center; text-decoration: none;}
[data-ccp-style~="ccp-u-0014"] {margin-top: 12px; display: flex; flex-direction: column; gap: 10px;}
[data-ccp-style~="ccp-u-0015"] {font-size: 10px; font-weight: 700; text-transform: uppercase; background: #e2e8f0; color: #475569; padding: 2px 6px; border-radius: 4px; margin-right: 8px; display: inline-block; vertical-align: middle;}
[data-ccp-style~="ccp-u-0016"] {display: flex; flex-direction: column; gap: 8px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px; max-width: 480px; box-shadow: 0 2px 6px rgba(0,0,0,0.01);}
[data-ccp-style~="ccp-u-0017"] {display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;}
[data-ccp-style~="ccp-u-0018"] {display: flex; align-items: center; gap: 6px; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
[data-ccp-style~="ccp-u-0019"] {font-weight: 700; font-size: 13px; color: var(--ccp-primary); text-decoration: none;}
[data-ccp-style~="ccp-u-0020"] {display: block; margin-top: 4px; width: 100%;}
[data-ccp-style~="ccp-u-0021"] {max-width: 200px; max-height: 120px; border-radius: 8px; border: 1px solid #e2e8f0; object-fit: cover;}
[data-ccp-style~="ccp-u-0022"] {font-size: 10px; color: var(--ccp-muted); font-weight: 600;}
[data-ccp-style~="ccp-u-0023"] {display: flex; align-items: center; gap: 6px; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 8px; padding: 6px 10px; font-size: 11px; color: #065f46; font-weight: 700;}
[data-ccp-style~="ccp-u-0024"] {display: flex; align-items: center; justify-content: space-between; gap: 8px; background: #fffbeb; border: 1px solid #fde68a; border-radius: 8px; padding: 8px 12px; margin-top: 4px;}
[data-ccp-style~="ccp-u-0025"] {font-size: 11px; color: #b45309; font-weight: 600;}
[data-ccp-style~="ccp-u-0026"] {font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 6px; border: none; cursor: pointer; background: #d97706; color: #fff; box-shadow: 0 2px 4px rgba(217, 119, 6, 0.2); transition: all 0.2s;}
[data-ccp-style~="ccp-u-0027"] {display: flex; align-items: center; gap: 16px;}
[data-ccp-style~="ccp-u-0028"] {max-height: 50px; border-radius: 10px; border: 1px solid #e2e8f0;}
[data-ccp-style~="ccp-u-0029"] {margin: 0; line-height: 1.1;}
[data-ccp-style~="ccp-u-0030"] {margin: 4px 0 0; color: var(--ccp-muted); font-size: 14px;}
[data-ccp-style~="ccp-u-0031"] {margin-bottom: 24px;}
[data-ccp-style~="ccp-u-0032"] {margin-top: 16px; border-bottom: 1px solid var(--ccp-line); padding-bottom: 6px; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0033"] {display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0034"] {font-size: 11px; text-transform: uppercase; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0035"] {display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px;}
[data-ccp-style~="ccp-u-0036"] {display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
[data-ccp-style~="ccp-u-0037"] {margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0038"] {background: #f8fafc; border: 1px solid var(--ccp-line); border-radius: 12px; padding: 12px; margin-top: 4px; white-space: pre-line; min-height: 48px;}
[data-ccp-style~="ccp-u-0039"] {margin-bottom: 20px;}
[data-ccp-style~="ccp-u-0040"] {margin-top: 20px;}
[data-ccp-style~="ccp-u-0041"] {font-size: 13px; color: var(--ccp-muted); margin-bottom: 12px;}
[data-ccp-style~="ccp-u-0042"] {margin-top: 12px; display: grid; gap: 8px;}
[data-ccp-style~="ccp-u-0043"] {display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 10px 14px; border: 1px solid var(--ccp-line); border-radius: 12px;}
[data-ccp-style~="ccp-u-0044"] {font-weight: 600; text-decoration: none; color: var(--ccp-text);}
[data-ccp-style~="ccp-u-0045"] {font-size: 11px; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0046"] {border: 1px dashed var(--ccp-line); border-radius: 12px; padding: 24px; text-align: center; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0047"] {background: #fff7ed; border: 1px solid #fed7aa; border-radius: 16px; padding: 16px; min-height: 100px; color: #7c2d12;}
[data-ccp-style~="ccp-u-0048"] {margin-top: 8px; white-space: pre-line; font-size: 14px; line-height: 1.5;}
[data-ccp-style~="ccp-u-0049"] {margin-top: 16px; padding: 12px; border: 1px solid var(--ccp-line); border-radius: 12px; background: #fafafa;}
[data-ccp-style~="ccp-u-0050"] {margin: 4px 0 0; font-size: 14px;}
[data-ccp-style~="ccp-u-0051"] {margin-bottom: 10px;}
[data-ccp-style~="ccp-u-0052"] {max-height: 80px; border-radius: 12px; border: 1px solid #e2e8f0; display: block;}
[data-ccp-style~="ccp-u-0053"] {margin: 20px 0; border: 0; border-top: 1px solid var(--ccp-line);}
[data-ccp-style~="ccp-u-0054"] {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
[data-ccp-style~="ccp-u-0055"] {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px;}
[data-ccp-style~="ccp-u-0056"] {margin-top: 10px;}
[data-ccp-style~="ccp-u-0057"] {display: flex; align-items: center; gap: 10px; margin-bottom: 12px;}
[data-ccp-style~="ccp-u-0058"] {display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
[data-ccp-style~="ccp-u-0059"] {padding: 0 32px; font-size: 16px;}
[data-ccp-style~="ccp-u-0060"] {display: flex; align-items: center; gap: 10px;}
[data-ccp-style~="ccp-u-0061"] {width: 32px; height: 32px; border-radius: 6px; object-fit: cover; border: 1px solid #e2e8f0;}
[data-ccp-style~="ccp-u-0062"] {width: 32px; height: 32px; border-radius: 6px; background: #e2e8f0; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: bold; color: #475569;}
[data-ccp-style~="ccp-u-0063"] {max-width: 800px; margin-top: 20px; padding: 24px; border-radius: 12px;}
[data-ccp-style~="ccp-u-0064"] {border-radius: 8px; padding: 8px 12px;}
[data-ccp-style~="ccp-u-0065"] {margin-top: 8px;}
[data-ccp-style~="ccp-u-0066"] {font-weight: 600;}
[data-ccp-style~="ccp-u-0067"] {border-radius: 6px; padding: 2px 16px; min-height: 32px;}
[data-ccp-style~="ccp-u-0068"] {border-radius: 6px; margin-left: 8px;}
[data-ccp-style~="ccp-u-0069"] {border-radius: 6px;}
[data-ccp-style~="ccp-u-0070"] {border-radius: 8px; margin: 15px 0;}
[data-ccp-style~="ccp-u-0071"] {border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);}
[data-ccp-style~="ccp-u-0072"] {font-weight: 700; width: 25%;}
[data-ccp-style~="ccp-u-0073"] {font-weight: 700; width: 45%;}
[data-ccp-style~="ccp-u-0074"] {font-weight: 700; width: 15%;}
[data-ccp-style~="ccp-u-0075"] {font-weight: 600; vertical-align: top; color: var(--wp-admin-theme-color, #2271b1);}
[data-ccp-style~="ccp-u-0076"] {vertical-align: top; color: #475569;}
[data-ccp-style~="ccp-u-0077"] {vertical-align: top;}
[data-ccp-style~="ccp-u-0078"] {display: inline-flex; align-items: center; gap: 4px; text-decoration: none; font-weight: 600;}
[data-ccp-style~="ccp-u-0079"] {color: #94a3b8; font-style: italic;}
[data-ccp-style~="ccp-u-0080"] {display: flex; gap: 8px; align-items: center;}
[data-ccp-style~="ccp-u-0081"] {border-radius: 4px;}
[data-ccp-style~="ccp-u-0082"] {display: inline;}
[data-ccp-style~="ccp-u-0083"] {border-radius: 4px; padding: 3px 8px; text-decoration: none;}
[data-ccp-style~="ccp-u-0084"] {text-align: center; padding: 40px; color: #64748b; font-style: italic;}
[data-ccp-style~="ccp-u-0085"] {max-width: 900px; margin-top: 20px;}
[data-ccp-style~="ccp-u-0086"] {display: block; font-weight: 700; margin-bottom: 6px;}
[data-ccp-style~="ccp-u-0087"] {width: 100%; border-radius: 8px;}
[data-ccp-style~="ccp-u-0088"] {display: block; font-weight: 700; margin-top: 12px; margin-bottom: 6px;}
[data-ccp-style~="ccp-u-0089"] {color: #64748b; font-size: 11px;}
[data-ccp-style~="ccp-u-0090"] {margin-top: 24px; border-top: 1px solid var(--ccp-line); padding-top: 16px; display: flex; gap: 12px;}
[data-ccp-style~="ccp-u-0091"] {padding: 0 32px;}
[data-ccp-style~="ccp-u-0092"] {height: 40px; line-height: 38px;}
[data-ccp-style~="ccp-u-0093"] {width: 80px;}
[data-ccp-style~="ccp-u-0094"] {text-align: right; width: 180px;}
[data-ccp-style~="ccp-u-0095"] {font-weight: 700;}
[data-ccp-style~="ccp-u-0096"] {font-size: 11px;}
[data-ccp-style~="ccp-u-0097"] {text-decoration: underline; font-weight: 700;}
[data-ccp-style~="ccp-u-0098"] {color: #64748b;}
[data-ccp-style~="ccp-u-0099"] {text-align: right;}
[data-ccp-style~="ccp-u-0100"] {justify-content: flex-end; display: flex; gap: 8px;}
[data-ccp-style~="ccp-u-0101"] {display:inline-block; margin: 0;}
[data-ccp-style~="ccp-u-0102"] {color: #ef4444; border: 1px solid #ef4444; padding: 2px 8px; border-radius: 4px; background: transparent; cursor: pointer;}
[data-ccp-style~="ccp-u-0103"] {text-align: center; padding: 24px; color: #64748b;}
[data-ccp-style~="ccp-u-0104"] {background: #f1f5f9; color: var(--ccp-text);}
[data-ccp-style~="ccp-u-0105"] {margin-bottom: 32px; background: #f8fafc; border: 1px solid var(--ccp-line); border-radius: 16px; padding: 24px 20px;}
[data-ccp-style~="ccp-u-0106"] {margin: 0 0 16px 0; font-size: 13px; font-weight: 700; color: var(--ccp-primary); text-transform: uppercase; letter-spacing: 0.5px;}
[data-ccp-style~="ccp-u-0107"] {position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box;}
[data-ccp-style~="ccp-u-0108"] {position: absolute; top: 18px; left: 4%; right: 4%; height: 4px; background: #e2e8f0; z-index: 1; border-radius: 2px;}
/* [ccp-u-0109] dynamic legacy declaration replaced by semantic state rules. */
/* [ccp-u-0110] dynamic legacy declaration replaced by semantic state rules. */
/* [ccp-u-0111] dynamic legacy declaration replaced by semantic state rules. */
/* [ccp-u-0112] dynamic legacy declaration replaced by semantic state rules. */
/* [ccp-u-0113] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0114"] {margin-top: 8px; display: flex; flex-direction: column; gap: 8px;}
[data-ccp-style~="ccp-u-0115"] {display: flex; gap: 6px; align-items: center; width: 100%; max-width: 240px;}
/* [ccp-u-0116] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0117"] {font-size: 14px; font-weight: 700; padding: 0; width: 38px; height: 38px; border-radius: 10px; min-height: 38px; border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(184,144,91,0.2); flex-shrink: 0;}
[data-ccp-style~="ccp-u-0118"] {margin-top: 8px; font-size: 14px; padding: 8px 16px; display: inline-block;}
[data-ccp-style~="ccp-u-0119"] {margin-top: 8px; font-size: 14px; padding: 8px 16px;}
[data-ccp-style~="ccp-u-0120"] {display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; border-bottom: 1px solid var(--ccp-line); padding-bottom: 12px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0121"] {font-size: 11px; text-transform: uppercase; color: var(--ccp-muted); display: block; margin-bottom: 6px;}
[data-ccp-style~="ccp-u-0122"] {background: #fafafa; border: 1px solid var(--ccp-line); border-radius: 16px; padding: 16px; min-height: 180px; font-size: 14px; line-height: 1.6; white-space: pre-line;}
[data-ccp-style~="ccp-u-0123"] {font-size: 13px; color: var(--ccp-muted); margin-bottom: 20px;}
[data-ccp-style~="ccp-u-0124"] {margin: 0 0 8px; font-size: 14px; font-weight: 700; color: #1e3a8a;}
[data-ccp-style~="ccp-u-0125"] {display: grid; gap: 6px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0126"] {display: flex; justify-content: space-between; align-items: center; background: #eff6ff; padding: 10px 14px; border: 1px solid #bfdbfe; border-radius: 10px; text-decoration: none; color: #1e40af; font-weight: 600; font-size: 13px;}
[data-ccp-style~="ccp-u-0127"] {font-size: 11px; color: #60a5fa;}
[data-ccp-style~="ccp-u-0128"] {font-size: 12px; color: var(--ccp-muted); font-style: italic; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0129"] {margin: 0 0 8px; font-size: 14px; font-weight: 700; color: #15803d;}
[data-ccp-style~="ccp-u-0130"] {display: flex; justify-content: space-between; align-items: center; background: #f0fdf4; padding: 10px 14px; border: 1px solid #bbf7d0; border-radius: 10px; text-decoration: none; color: #166534; font-weight: 600; font-size: 13px;}
[data-ccp-style~="ccp-u-0131"] {font-size: 11px; color: #4ade80;}
[data-ccp-style~="ccp-u-0132"] {margin: 0 0 8px; font-size: 14px; font-weight: 700; color: #b45309;}
[data-ccp-style~="ccp-u-0133"] {display: flex; justify-content: space-between; align-items: center; background: #fffbeb; padding: 10px 14px; border: 1px solid #fef3c7; border-radius: 10px; text-decoration: none; color: #92400e; font-weight: 600; font-size: 13px;}
[data-ccp-style~="ccp-u-0134"] {font-size: 11px; color: #fbbf24;}
[data-ccp-style~="ccp-u-0135"] {margin: 0 0 8px; font-size: 14px; font-weight: 700; color: #374151;}
[data-ccp-style~="ccp-u-0136"] {display: grid; gap: 6px;}
[data-ccp-style~="ccp-u-0137"] {display: flex; justify-content: space-between; align-items: center; background: #f9fafb; padding: 10px 14px; border: 1px solid #e5e7eb; border-radius: 10px; text-decoration: none; color: #374151; font-weight: 600; font-size: 13px;}
[data-ccp-style~="ccp-u-0138"] {font-size: 11px; color: #9ca3af;}
[data-ccp-style~="ccp-u-0139"] {font-size: 12px; color: var(--ccp-muted); font-style: italic; margin-bottom: 0;}
[data-ccp-style~="ccp-u-0140"] {margin-top: 24px; border-radius: var(--ccp-radius); display: flex; flex-direction: column; box-shadow: var(--ccp-shadow); box-sizing: border-box;}
[data-ccp-style~="ccp-u-0141"] {border-bottom: 1px solid var(--ccp-line); padding-bottom: 12px; margin-bottom: 20px;}
[data-ccp-style~="ccp-u-0142"] {grid-template-columns: 2fr 1fr; gap: 20px;}
[data-ccp-style~="ccp-u-0143"] {height: 380px; overflow-y: auto; padding: 16px; background: #f8fafc; border: 1px solid var(--ccp-line); border-radius: 12px; display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; box-sizing: border-box;}
[data-ccp-style~="ccp-u-0144"] {text-align: center; padding: 40px; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0145"] {margin-bottom: 12px;}
[data-ccp-style~="ccp-u-0146"] {width: 100%; border-radius: 12px; border: 1px solid var(--ccp-line); padding: 12px; font-size: 13px; font-family: inherit; outline: none; resize: vertical; box-sizing: border-box;}
[data-ccp-style~="ccp-u-0147"] {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;}
[data-ccp-style~="ccp-u-0148"] {font-size: 13px; color: var(--ccp-muted); display: inline-flex; align-items: center; gap: 6px;}
[data-ccp-style~="ccp-u-0149"] {cursor: pointer; display: inline-flex; align-items: center; gap: 6px; background: #fff; padding: 6px 12px; border-radius: 8px; border: 1px solid var(--ccp-line); font-weight: 600; font-size: 12px; color: #475569;}
[data-ccp-style~="ccp-u-0150"] {display: none;}
[data-ccp-style~="ccp-u-0151"] {font-weight: 600; color: var(--ccp-primary); font-size: 12px;}
[data-ccp-style~="ccp-u-0152"] {display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
[data-ccp-style~="ccp-u-0153"] {display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #475569; cursor: pointer;}
[data-ccp-style~="ccp-u-0154"] {cursor: pointer; border-radius: 4px; border: 1px solid var(--ccp-line);}
[data-ccp-style~="ccp-u-0155"] {display: none; font-size: 11px; padding: 6px 10px; border-radius: 6px; border: 1px solid var(--ccp-line); width: 180px; font-family: inherit; outline: none; box-sizing: border-box;}
[data-ccp-style~="ccp-u-0156"] {padding: 0 28px; min-height: 40px; border-radius: 10px; font-weight: 700; border: none; cursor: pointer;}
[data-ccp-style~="ccp-u-0157"] {background: #f8fafc; border: 1px solid var(--ccp-line); border-radius: 12px; padding: 16px; font-size: 13px; color: #475569;}
[data-ccp-style~="ccp-u-0158"] {margin-top: 0; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0159"] {margin-bottom: 0;}
[data-ccp-style~="ccp-u-0160"] {text-align:center; padding:40px; color:var(--ccp-muted); font-style:italic; font-size:13px;}
[data-ccp-style~="ccp-u-0161"] {font-size: 13px; line-height: 1.45; color: var(--ccp-text); white-space: pre-wrap;}
[data-ccp-style~="ccp-u-0162"] {text-align: right; margin-top: 6px; border-top: 1px dashed rgba(0,0,0,0.05); padding-top: 4px;}
[data-ccp-style~="ccp-u-0163"] {font-size: 10px; color: #dc2626; text-decoration: none; font-weight: 600;}
[data-ccp-style~="ccp-u-0164"] {background-color: #f1f5f9; color: var(--ccp-muted); cursor: not-allowed;}
[data-ccp-style~="ccp-u-0165"] {color: var(--ccp-muted); margin-top: 4px;}
[data-ccp-style~="ccp-u-0166"] {display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 10px;}
[data-ccp-style~="ccp-u-0167"] {margin-top: 18px; border-top: 1px solid var(--ccp-line); padding-top: 16px;}
[data-ccp-style~="ccp-u-0168"] {margin-bottom: 6px; display: block; font-weight: 700;}
[data-ccp-style~="ccp-u-0169"] {display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
/* [ccp-u-0170] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0171"] {cursor: pointer;}
[data-ccp-style~="ccp-u-0172"] {font-size: 18px;}
[data-ccp-style~="ccp-u-0173"] {font-size: 14px; font-weight: 700; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0174"] {margin-bottom: 16px; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0175"] {margin-bottom: 16px; border: 1px solid var(--ccp-line); border-radius: 12px; overflow: hidden;}
[data-ccp-style~="ccp-u-0176"] {background: #f1f5f9; padding: 10px 14px; font-size: 13px; font-weight: 700; color: var(--ccp-primary); display: flex; align-items: center; gap: 8px;}
[data-ccp-style~="ccp-u-0177"] {padding: 12px;}
[data-ccp-style~="ccp-u-0178"] {width: 100%; box-sizing: border-box; font-size: 13px; border-radius: 8px; border: 1px solid var(--ccp-line); padding: 8px 12px; resize: vertical; font-family: inherit;}
[data-ccp-style~="ccp-u-0179"] {margin-bottom: 16px; padding: 12px; background: #fffbeb; border: 1px solid #fef3c7; border-radius: 10px;}
[data-ccp-style~="ccp-u-0180"] {margin: 0 0 6px; font-size: 12px; font-weight: 700; color: #92400e;}
[data-ccp-style~="ccp-u-0181"] {margin: 0; font-size: 13px; color: #374151; white-space: pre-line;}
[data-ccp-style~="ccp-u-0182"] {margin-top: 24px;}
[data-ccp-style~="ccp-u-0183"] {margin-bottom: 14px;}
[data-ccp-style~="ccp-u-0184"] {margin-top: 24px; border-top: 1px solid var(--ccp-line); padding-top: 16px;}
[data-ccp-style~="ccp-u-0185"] {font-weight: 500; font-size: 13px; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0186"] {background: #f0fdf4; border: 1px solid #16a34a; color: #14532d; border-radius: 12px; padding: 12px 16px; margin-bottom: 20px; font-weight: 600;}
[data-ccp-style~="ccp-u-0187"] {margin-top: 16px;}
[data-ccp-style~="ccp-u-0188"] {padding: 6px 12px; border: 1px dashed var(--ccp-line); border-radius: 12px; background: #fafafa;}
[data-ccp-style~="ccp-u-0189"] {margin-top: 20px; padding-top: 12px; border-top: 1px solid var(--ccp-line);}
[data-ccp-style~="ccp-u-0190"] {width: 100%;}
[data-ccp-style~="ccp-u-0191"] {margin-bottom: 16px; padding: 14px;}
[data-ccp-style~="ccp-u-0192"] {display: flex; gap: 10px; flex-wrap: wrap;}
[data-ccp-style~="ccp-u-0193"] {flex: 1; min-width: 180px;}
[data-ccp-style~="ccp-u-0194"] {text-decoration: none; text-align: center; display: inline-flex; align-items: center; justify-content: center; min-height: 44px;}
[data-ccp-style~="ccp-u-0195"] {padding: 16px;}
[data-ccp-style~="ccp-u-0196"] {display: grid; gap: 12px; margin-top: 16px;}
[data-ccp-style~="ccp-u-0197"] {border: 1px solid var(--ccp-line); border-radius: 14px; padding: 14px; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.01); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;}
[data-ccp-style~="ccp-u-0198"] {display: flex; flex-direction: column; gap: 4px; max-width: 70%;}
[data-ccp-style~="ccp-u-0199"] {font-size: 14px; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0200"] {display: flex; gap: 6px; flex-wrap: wrap; margin-top: 2px;}
[data-ccp-style~="ccp-u-0201"] {font-size: 11px; padding: 2px 8px; font-weight: bold; background: #e0f2fe; color: #0369a1;}
[data-ccp-style~="ccp-u-0202"] {font-size: 11px; padding: 2px 8px; font-weight: bold;}
[data-ccp-style~="ccp-u-0203"] {font-size: 10px; background: #f1f5f9; color: #475569; padding: 2px 6px; border-radius: 6px; border: 1px solid #e2e8f0;}
[data-ccp-style~="ccp-u-0204"] {color: var(--ccp-muted); margin-top: 4px; font-size: 11px;}
[data-ccp-style~="ccp-u-0205"] {display: flex; gap: 8px;}
[data-ccp-style~="ccp-u-0206"] {font-size: 12px; min-height: 32px; padding: 0 12px; display: inline-flex; align-items: center;}
[data-ccp-style~="ccp-u-0207"] {color: #dc2626; border-color: #fca5a5; font-size: 12px; min-height: 32px; padding: 0 12px; display: inline-flex; align-items: center;}
[data-ccp-style~="ccp-u-0208"] {border: 1px dashed var(--ccp-line); border-radius: 12px; padding: 40px; margin-top: 16px;}
[data-ccp-style~="ccp-u-0209"] {font-size: 11px; text-transform: uppercase; color: #64748b; font-weight: 700;}
[data-ccp-style~="ccp-u-0210"] {margin: 4px 0 0;}
[data-ccp-style~="ccp-u-0211"] {margin: 4px 0 0; color: #64748b; font-size: 13px;}
[data-ccp-style~="ccp-u-0212"] {grid-template-columns: 1fr 1fr; align-items: start; gap: 20px;}
[data-ccp-style~="ccp-u-0213"] {display: grid; gap: 20px;}
[data-ccp-style~="ccp-u-0214"] {padding: 20px; border-radius: 12px;}
[data-ccp-style~="ccp-u-0215"] {margin: 0 0 16px; font-size: 15px; font-weight: 700; border-bottom: 1px solid #e2e8f0; padding-bottom: 8px; color: #1e293b;}
[data-ccp-style~="ccp-u-0216"] {grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0217"] {font-size: 11px; text-transform: uppercase; color: #64748b; display: block;}
[data-ccp-style~="ccp-u-0218"] {font-size: 14px; text-transform: uppercase; color: #0369a1; background: #e0f2fe; padding: 2px 6px; border-radius: 4px; display: inline-block; margin-top: 4px;}
[data-ccp-style~="ccp-u-0219"] {font-size: 14px; display: block; margin-top: 4px;}
[data-ccp-style~="ccp-u-0220"] {grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; border-top: 1px solid #f1f5f9; padding-top: 12px;}
[data-ccp-style~="ccp-u-0221"] {margin-top: 4px;}
[data-ccp-style~="ccp-u-0222"] {border-top: 1px solid #f1f5f9; padding-top: 12px;}
[data-ccp-style~="ccp-u-0223"] {font-size: 11px; text-transform: uppercase; color: #64748b; display: block; margin-bottom: 6px;}
[data-ccp-style~="ccp-u-0224"] {background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 14px; font-size: 13px; line-height: 1.5; color: #334155;}
[data-ccp-style~="ccp-u-0225"] {margin: 0 0 12px; font-size: 15px; font-weight: 700; border-bottom: 1px solid #e2e8f0; padding-bottom: 8px; color: #1e293b;}
[data-ccp-style~="ccp-u-0226"] {display: grid; gap: 10px; margin-top: 8px;}
[data-ccp-style~="ccp-u-0227"] {display: flex; align-items: center; justify-content: space-between; background: #f8fafc; padding: 10px; border: 1px solid #e2e8f0; border-radius: 8px;}
[data-ccp-style~="ccp-u-0228"] {font-size: 20px;}
[data-ccp-style~="ccp-u-0229"] {font-size: 13px; display: block; color: #334155;}
[data-ccp-style~="ccp-u-0230"] {font-size: 11px; color: #64748b;}
[data-ccp-style~="ccp-u-0231"] {font-style: italic; color: #64748b; font-size: 13px; margin: 4px 0 0;}
[data-ccp-style~="ccp-u-0232"] {display: flex; gap: 10px; align-items: center; margin: 8px 0 0;}
[data-ccp-style~="ccp-u-0233"] {border-radius: 6px; min-width: 140px;}
[data-ccp-style~="ccp-u-0234"] {padding: 20px; border-radius: 12px; display: flex; flex-direction: column;}
[data-ccp-style~="ccp-u-0235"] {height: 380px; overflow-y: auto; padding: 10px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; display: grid; gap: 12px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0236"] {width: 100%; border-radius: 8px; padding: 10px; border: 1px solid #cbd5e1; resize: vertical; box-sizing: border-box;}
[data-ccp-style~="ccp-u-0237"] {display: flex; justify-content: space-between; align-items: center; margin-top: 10px; flex-wrap: wrap; gap: 10px;}
[data-ccp-style~="ccp-u-0238"] {text-align:center; padding:40px 10px; color:#64748b; font-style:italic; font-size:13px;}
[data-ccp-style~="ccp-u-0239"] {background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:10px 14px; box-shadow:0 1px 3px rgba(0,0,0,0.02);}
[data-ccp-style~="ccp-u-0240"] {font-size:11px; color:#64748b; margin-bottom:4px; font-weight:600; display:flex; justify-content:space-between;}
[data-ccp-style~="ccp-u-0241"] {font-size:13px; line-height:1.4; color:#334155; white-space:pre-wrap;}
[data-ccp-style~="ccp-u-0242"] {margin-top: 20px; border-top: 1px solid #e2e8f0; padding-top: 16px;}
[data-ccp-style~="ccp-u-0243"] {margin-top: 24px; display: flex; gap: 12px;}
[data-ccp-style~="ccp-u-0244"] {font-size: 11px; background: #e0f2fe; color: #0369a1; padding: 4px 8px; border-radius: 6px; font-weight: 700; text-transform: uppercase;}
[data-ccp-style~="ccp-u-0245"] {justify-content: flex-end;}
/* [ccp-u-0246] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0247"] {border-radius: 12px; font-weight: 600;}
[data-ccp-style~="ccp-u-0248"] {text-align: center; padding: 40px 20px;}
[data-ccp-style~="ccp-u-0249"] {font-size: 48px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0250"] {color: var(--ccp-muted); max-width: 480px; margin: 8px auto 0;}
[data-ccp-style~="ccp-u-0251"] {transition: opacity 0.2s ease;}
[data-ccp-style~="ccp-u-0252"] {border-radius: var(--ccp-radius); margin-bottom: 24px;}
[data-ccp-style~="ccp-u-0253"] {border-bottom: 1px solid var(--ccp-line); padding-bottom: 12px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px;}
[data-ccp-style~="ccp-u-0254"] {margin: 0; font-size: 20px; font-weight: 800; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0255"] {border-radius: 12px; font-size: 13px; min-height: 38px;}
[data-ccp-style~="ccp-u-0256"] {margin: 0 0 12px; font-size: 15px; font-weight: 700; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0257"] {font-size: 12px; font-weight: 600; color: var(--ccp-dark-slate); margin-bottom: 4px; display: block;}
[data-ccp-style~="ccp-u-0258"] {border-radius: 10px; margin-bottom: 12px;}
[data-ccp-style~="ccp-u-0259"] {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; margin-bottom: 12px;}
[data-ccp-style~="ccp-u-0260"] {border-radius: 10px;}
[data-ccp-style~="ccp-u-0261"] {margin-top: 8px; display: flex; align-items: center; gap: 10px;}
[data-ccp-style~="ccp-u-0262"] {max-height: 40px; border-radius: 6px; border: 1px solid var(--ccp-line);}
[data-ccp-style~="ccp-u-0263"] {font-size: 12px; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0264"] {margin: 20px 0 12px; font-size: 15px; font-weight: 700; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0265"] {display: grid; grid-template-columns: 1fr 1fr; gap: 12px; font-size: 13px; background: #f8fafc; border: 1px solid var(--ccp-line); border-radius: 12px; padding: 14px;}
[data-ccp-style~="ccp-u-0266"] {color: var(--ccp-muted); display: block; margin-bottom: 2px; font-size: 11px; text-transform: uppercase;}
[data-ccp-style~="ccp-u-0267"] {margin-top: 8px; grid-column: span 2;}
[data-ccp-style~="ccp-u-0268"] {border-radius: 12px;}
[data-ccp-style~="ccp-u-0269"] {margin-bottom: 24px; border-radius: var(--ccp-radius);}
[data-ccp-style~="ccp-u-0270"] {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--ccp-line); padding-bottom: 16px; margin-bottom: 20px; flex-wrap: wrap; gap: 16px;}
[data-ccp-style~="ccp-u-0271"] {margin: 0; font-size: 20px; font-weight: 700; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0272"] {margin-top: 4px; font-weight: 700; background: #e0f2fe; color: #0369a1;}
[data-ccp-style~="ccp-u-0273"] {font-size: 12px; color: var(--ccp-muted); display: block; text-align: right;}
[data-ccp-style~="ccp-u-0274"] {font-size: 15px; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0275"] {font-size: 12px; min-height: 36px; padding: 0 12px; border-radius: 8px; font-weight: 600;}
[data-ccp-style~="ccp-u-0276"] {margin: 0 0 12px; font-size: 15px; font-weight: 700; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0277"] {display: grid; grid-template-columns: 1fr 1fr; gap: 12px; font-size: 14px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0278"] {font-size: 11px; text-transform: uppercase; color: var(--ccp-muted); display: block; margin-bottom: 2px;}
[data-ccp-style~="ccp-u-0279"] {display: grid; grid-template-columns: 1fr 1fr; gap: 12px; font-size: 14px;}
[data-ccp-style~="ccp-u-0280"] {margin-top: 20px; border-top: 1px solid var(--ccp-line); padding-top: 16px;}
[data-ccp-style~="ccp-u-0281"] {margin: 0 0 8px; font-size: 14px; font-weight: 700; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0282"] {background: #f8fafc; border: 1px solid var(--ccp-line); border-radius: 10px; padding: 10px; font-size: 13px; white-space: pre-line; min-height: 40px; color: #334155;}
[data-ccp-style~="ccp-u-0283"] {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px;}
[data-ccp-style~="ccp-u-0284"] {display: inline-flex; align-items: center; gap: 8px; background: #fff; padding: 8px 12px; border: 1px solid var(--ccp-line); border-radius: 10px; font-size: 13px; text-decoration: none; font-weight: 600; color: var(--ccp-primary); box-shadow: 0 2px 6px rgba(0,0,0,0.03);}
[data-ccp-style~="ccp-u-0285"] {font-size: 13px; color: var(--ccp-muted); margin: 4px 0 0;}
[data-ccp-style~="ccp-u-0286"] {border-radius: var(--ccp-radius); margin-bottom: 24px; padding: 24px;}
[data-ccp-style~="ccp-u-0287"] {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--ccp-line); padding-bottom: 16px; margin-bottom: 24px; flex-wrap: wrap; gap: 16px;}
[data-ccp-style~="ccp-u-0288"] {font-size: 12px; color: var(--ccp-muted); text-transform: uppercase; font-weight: 700;}
[data-ccp-style~="ccp-u-0289"] {margin: 4px 0 0; font-size: 22px; font-weight: 800; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0290"] {margin: 4px 0 0; font-size: 14px; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0291"] {display: flex; gap: 10px;}
[data-ccp-style~="ccp-u-0292"] {font-size: 13px; border-radius: 10px;}
[data-ccp-style~="ccp-u-0293"] {border-radius: 12px; font-weight: 700; border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 20px; text-decoration: none;}
[data-ccp-style~="ccp-u-0294"] {margin-bottom: 24px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));}
[data-ccp-style~="ccp-u-0295"] {padding: 14px;}
[data-ccp-style~="ccp-u-0296"] {margin-top: 6px; display: flex; flex-direction: column; gap: 8px;}
[data-ccp-style~="ccp-u-0297"] {margin-top: 6px; font-size: 13px; font-weight: 700; padding: 6px 12px; display: inline-block;}
[data-ccp-style~="ccp-u-0298"] {font-size: 16px; line-height: 1.5;}
/* [ccp-u-0299] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0300"] {background: #fff; border: 1px solid var(--ccp-line); border-radius: 16px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.02);}
[data-ccp-style~="ccp-u-0301"] {margin: 0 0 12px; font-size: 16px; font-weight: 700; color: var(--ccp-primary); border-bottom: 1px solid var(--ccp-line); padding-bottom: 8px;}
[data-ccp-style~="ccp-u-0302"] {display: block; font-size: 15px; margin-top: 2px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0303"] {background: #fafafa; border: 1px solid var(--ccp-line); border-radius: 12px; padding: 14px; font-size: 13px; line-height: 1.5; white-space: pre-line; color: #334155; min-height: 80px;}
[data-ccp-style~="ccp-u-0304"] {font-size: 12px; font-weight: 800; text-transform: uppercase; color: var(--ccp-primary); display: flex; align-items: center; gap: 6px; margin-bottom: 6px;}
[data-ccp-style~="ccp-u-0305"] {background: #fafafa; border: 1px solid var(--ccp-line); border-radius: 10px; padding: 12px; font-size: 13px; line-height: 1.5; white-space: pre-line; color: #334155;}
[data-ccp-style~="ccp-u-0306"] {background: #fafafa; border: 1px solid var(--ccp-line); border-radius: 12px; padding: 14px; font-size: 13px; line-height: 1.5; color: var(--ccp-muted); min-height: 80px; font-style: italic;}
[data-ccp-style~="ccp-u-0307"] {margin: 0 0 6px; font-size: 13px; font-weight: 700; color: #1e3a8a;}
[data-ccp-style~="ccp-u-0308"] {display: grid; gap: 4px; margin-bottom: 14px;}
[data-ccp-style~="ccp-u-0309"] {display: flex; justify-content: space-between; align-items: center; background: #eff6ff; padding: 8px 12px; border: 1px solid #bfdbfe; border-radius: 8px; text-decoration: none; color: #1e40af; font-weight: 600; font-size: 12px;}
[data-ccp-style~="ccp-u-0310"] {font-size: 10px; color: #60a5fa;}
[data-ccp-style~="ccp-u-0311"] {font-size: 11px; color: var(--ccp-muted); font-style: italic; margin-bottom: 14px;}
[data-ccp-style~="ccp-u-0312"] {margin: 0 0 6px; font-size: 13px; font-weight: 700; color: #15803d;}
[data-ccp-style~="ccp-u-0313"] {display: flex; justify-content: space-between; align-items: center; background: #f0fdf4; padding: 8px 12px; border: 1px solid #bbf7d0; border-radius: 8px; text-decoration: none; color: #166534; font-weight: 600; font-size: 12px;}
[data-ccp-style~="ccp-u-0314"] {font-size: 10px; color: #4ade80;}
[data-ccp-style~="ccp-u-0315"] {margin: 0 0 6px; font-size: 13px; font-weight: 700; color: #b45309;}
[data-ccp-style~="ccp-u-0316"] {display: flex; justify-content: space-between; align-items: center; background: #fffbeb; padding: 8px 12px; border: 1px solid #fef3c7; border-radius: 8px; text-decoration: none; color: #92400e; font-weight: 600; font-size: 12px;}
[data-ccp-style~="ccp-u-0317"] {font-size: 10px; color: #fbbf24;}
[data-ccp-style~="ccp-u-0318"] {margin: 0 0 6px; font-size: 13px; font-weight: 700; color: #374151;}
[data-ccp-style~="ccp-u-0319"] {display: grid; gap: 4px;}
[data-ccp-style~="ccp-u-0320"] {display: flex; justify-content: space-between; align-items: center; background: #f9fafb; padding: 8px 12px; border: 1px solid #e5e7eb; border-radius: 8px; text-decoration: none; color: #374151; font-weight: 600; font-size: 12px;}
[data-ccp-style~="ccp-u-0321"] {font-size: 10px; color: #9ca3af;}
[data-ccp-style~="ccp-u-0322"] {font-size: 11px; color: var(--ccp-muted); font-style: italic; margin-bottom: 0;}
[data-ccp-style~="ccp-u-0323"] {margin-top: 14px; margin-bottom: 2px;}
/* [ccp-u-0324] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0325"] {font-size: 9px; font-weight: 800; background: #22c55e; color: #fff; padding: 2px 6px; border-radius: 4px; text-transform: uppercase; margin-left: 6px; display: inline-block; vertical-align: middle;}
/* [ccp-u-0326] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0327"] {font-size: 10px; opacity: 0.7;}
[data-ccp-style~="ccp-u-0328"] {margin-top: 24px; margin-bottom: 24px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 16px; padding: 20px; box-shadow: 0 4px 12px rgba(22, 101, 52, 0.03);}
[data-ccp-style~="ccp-u-0329"] {margin: 0 0 12px 0; font-size: 15px; font-weight: 800; color: #166534; display: flex; align-items: center; gap: 8px;}
[data-ccp-style~="ccp-u-0330"] {display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px;}
[data-ccp-style~="ccp-u-0331"] {background: #fff; border: 1px solid #dcfce7; border-radius: 12px; padding: 14px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 2px 6px rgba(0,0,0,0.01);}
[data-ccp-style~="ccp-u-0332"] {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px;}
[data-ccp-style~="ccp-u-0333"] {font-size: 10px; font-weight: 800; text-transform: uppercase; background: #e8f5e9; color: #2e7d32; padding: 3px 8px; border-radius: 6px;}
[data-ccp-style~="ccp-u-0334"] {font-size: 10px; color: #81c784; font-weight: 600;}
[data-ccp-style~="ccp-u-0335"] {display: block; font-weight: 700; font-size: 13px; color: #1b5e20; text-decoration: none; word-break: break-all; margin-bottom: 6px;}
[data-ccp-style~="ccp-u-0336"] {margin-top: 8px; border-top: 1px dashed #e8f5e9; padding-top: 8px; font-size: 11px; color: #558b2f;}
[data-ccp-style~="ccp-u-0337"] {margin: 0; font-size: 13px; color: #166534; font-style: italic;}
[data-ccp-style~="ccp-u-0338"] {margin-top: 32px; border-top: 1px solid var(--ccp-line); padding-top: 24px; display: flex; flex-direction: column; box-sizing: border-box;}
[data-ccp-style~="ccp-u-0339"] {border-bottom: 1px solid var(--ccp-line); padding-bottom: 12px; margin-bottom: 20px; font-size: 18px; font-weight: 800; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0340"] {grid-template-columns: 1fr; gap: 20px;}
[data-ccp-style~="ccp-u-0341"] {font-size: 13px; color: var(--ccp-muted); display: flex; flex-direction: column; align-items: flex-start; gap: 6px; width: 100%;}
[data-ccp-style~="ccp-u-0342"] {display: flex; flex-direction: column; gap: 6px; margin-top: 10px; width: 100%;}
[data-ccp-style~="ccp-u-0343"] {display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 8px; width: 100%; justify-content: flex-end;}
[data-ccp-style~="ccp-u-0344"] {display: none; font-size: 11px; padding: 6px 10px; border-radius: 6px; border: 1px solid var(--ccp-line); width: 170px; font-family: inherit; outline: none; box-sizing: border-box;}
[data-ccp-style~="ccp-u-0345"] {text-align:center; padding:40px 10px; color:var(--ccp-muted); font-style:italic; font-size:13px;}
[data-ccp-style~="ccp-u-0346"] {display: flex; align-items: center; gap: 6px;}
[data-ccp-style~="ccp-u-0347"] {font-size: 11px; font-weight: 700; color: #64748b;}
[data-ccp-style~="ccp-u-0348"] {font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 6px; border: 1px solid var(--ccp-line); background: #fff; cursor: pointer;}
[data-ccp-style~="ccp-u-0349"] {display: flex; flex-direction: column; background: #f8fafc; border: 1px solid var(--ccp-line); border-radius: 8px; padding: 12px; font-size: 12px; gap: 8px; width: 100%; box-sizing: border-box;}
[data-ccp-style~="ccp-u-0350"] {font-weight: 700; color: var(--ccp-primary); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
[data-ccp-style~="ccp-u-0351"] {border-radius: var(--ccp-radius); overflow: hidden; border: 1px solid var(--ccp-line); box-shadow: var(--ccp-shadow);}
[data-ccp-style~="ccp-u-0352"] {background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); padding: 24px 28px; color: #fff;}
[data-ccp-style~="ccp-u-0353"] {margin: 0 0 4px; font-size: 22px; font-weight: 800; letter-spacing: -0.3px;}
[data-ccp-style~="ccp-u-0354"] {margin: 0; color: #94a3b8; font-size: 14px;}
[data-ccp-style~="ccp-u-0355"] {display: flex; align-items: center; padding: 18px 28px; background: #f8fafc; border-bottom: 1px solid var(--ccp-line); gap: 0;}
/* [ccp-u-0356] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0357"] {flex: 1; height: 2px; background: #e2e8f0; transition: background 0.35s;}
/* [ccp-u-0358] dynamic legacy declaration replaced by semantic state rules. */
/* [ccp-u-0359] dynamic legacy declaration replaced by semantic state rules. */
/* [ccp-u-0360] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0361"] {padding: 28px;}
[data-ccp-style~="ccp-u-0362"] {display:block; font-size:13px; font-weight:700; color:var(--ccp-text); margin-bottom:6px;}
[data-ccp-style~="ccp-u-0363"] {width:100%; border-radius:10px; border:1.5px solid var(--ccp-line); padding:10px 14px; font-size:14px; background:#fff;}
[data-ccp-style~="ccp-u-0364"] {margin-bottom:18px;}
[data-ccp-style~="ccp-u-0365"] {width:100%; border-radius:10px; border:1.5px solid var(--ccp-line); padding:12px 16px; font-size:15px; font-weight:600; box-sizing:border-box; transition:border-color 0.2s;}
[data-ccp-style~="ccp-u-0366"] {display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px;}
[data-ccp-style~="ccp-u-0367"] {width:100%; border-radius:10px; border:1.5px solid var(--ccp-line); padding:10px 14px; font-size:14px; box-sizing:border-box;}
[data-ccp-style~="ccp-u-0368"] {display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:28px;}
[data-ccp-style~="ccp-u-0369"] {border-top: 1px solid var(--ccp-line); padding-top: 22px;}
[data-ccp-style~="ccp-u-0370"] {margin:0 0 4px; font-size:15px; font-weight:800; color:var(--ccp-text);}
[data-ccp-style~="ccp-u-0371"] {margin:0 0 16px; color:var(--ccp-muted); font-size:13px;}
[data-ccp-style~="ccp-u-0372"] {display:grid; grid-template-columns:repeat(4,1fr); gap:12px;}
[data-ccp-style~="ccp-u-0373"] {position:relative; border:2px solid var(--ccp-line); border-radius:14px; padding:18px 12px; cursor:pointer; text-align:center; background:#fff; transition:all 0.2s; user-select:none;}
[data-ccp-style~="ccp-u-0374"] {position:absolute; opacity:0; width:0; height:0;}
[data-ccp-style~="ccp-u-0375"] {display:none; position:absolute; top:10px; right:10px; width:22px; height:22px; background:var(--ccp-primary); border-radius:50%; color:#fff; font-size:12px; font-weight:700; align-items:center; justify-content:center;}
[data-ccp-style~="ccp-u-0376"] {font-size:30px; margin-bottom:8px;}
[data-ccp-style~="ccp-u-0377"] {font-size:14px; font-weight:800; color:var(--ccp-primary); margin-bottom:5px;}
[data-ccp-style~="ccp-u-0378"] {font-size:11px; color:var(--ccp-muted); line-height:1.4;}
[data-ccp-style~="ccp-u-0379"] {display:none; margin-top:12px; color:#dc2626; font-size:13px; font-weight:600;}
[data-ccp-style~="ccp-u-0380"] {display:none; padding:28px;}
[data-ccp-style~="ccp-u-0381"] {display:grid; gap:20px;}
[data-ccp-style~="ccp-u-0382"] {background:#f8fafc; border:1px solid var(--ccp-line); border-radius:14px; padding:24px; margin-bottom:20px;}
[data-ccp-style~="ccp-u-0383"] {margin:0 0 16px; font-size:16px; font-weight:800; color:var(--ccp-primary);}
[data-ccp-style~="ccp-u-0384"] {display:grid; gap:0;}
[data-ccp-style~="ccp-u-0385"] {background:#ecfdf5; border:1px solid #a7f3d0; border-radius:12px; padding:14px 18px;}
[data-ccp-style~="ccp-u-0386"] {margin:0; font-size:14px; color:#065f46; font-weight:600;}
[data-ccp-style~="ccp-u-0387"] {display:flex; align-items:center; justify-content:space-between; padding:18px 28px; border-top:1px solid var(--ccp-line); background:#f8fafc;}
[data-ccp-style~="ccp-u-0388"] {color:var(--ccp-muted); font-size:14px; text-decoration:none; font-weight:600; min-height:44px; display:inline-flex; align-items:center;}
[data-ccp-style~="ccp-u-0389"] {display:flex; gap:12px; align-items:center;}
[data-ccp-style~="ccp-u-0390"] {display:none; border-radius:12px; font-size:14px; font-weight:700;}
[data-ccp-style~="ccp-u-0391"] {border-radius:12px; font-size:14px; font-weight:700; padding:0 28px;}
[data-ccp-style~="ccp-u-0392"] {display:none; border-radius:12px; font-size:14px; font-weight:700; padding:0 28px; background:#059669;}
[data-ccp-style~="ccp-u-0393"] {background:linear-gradient(135deg,#1e293b,#0f172a); padding:14px 20px; display:flex; align-items:center; gap:12px;}
[data-ccp-style~="ccp-u-0394"] {font-size:26px;}
[data-ccp-style~="ccp-u-0395"] {font-size:15px; font-weight:800; color:#fff;}
[data-ccp-style~="ccp-u-0396"] {font-size:12px; color:#94a3b8; margin-top:2px;}
[data-ccp-style~="ccp-u-0397"] {padding:20px;}
[data-ccp-style~="ccp-u-0398"] {width:100%; border-radius:10px; border:1.5px solid var(--ccp-line); padding:10px 14px; font-size:14px; box-sizing:border-box; resize:vertical; font-family:inherit;}
[data-ccp-style~="ccp-u-0399"] {display:block; font-size:13px; font-weight:700; color:var(--ccp-text); margin-top:16px; margin-bottom:6px;}
[data-ccp-style~="ccp-u-0400"] {font-size:28px; margin-bottom:8px;}
[data-ccp-style~="ccp-u-0401"] {font-size:14px; font-weight:700; color:var(--ccp-text); margin-bottom:4px;}
[data-ccp-style~="ccp-u-0402"] {font-size:12px; color:var(--ccp-muted);}
[data-ccp-style~="ccp-u-0403"] {display:none;}
[data-ccp-style~="ccp-u-0404"] {margin-top:10px; display:flex; flex-wrap:wrap; align-items:flex-start;}
[data-ccp-style~="ccp-u-0405"] {color:#94a3b8; font-weight:400;}
[data-ccp-style~="ccp-u-0406"] {color:'+valColor+';}
[data-ccp-style~="ccp-u-0407"] {border-radius: var(--ccp-radius); margin-bottom: 20px; padding: 16px;}
[data-ccp-style~="ccp-u-0408"] {display: flex; gap: 12px; flex-wrap: wrap; align-items: center;}
[data-ccp-style~="ccp-u-0409"] {flex: 1; min-width: 220px; border-radius: 10px; border: 1px solid var(--ccp-line); padding: 10px 14px;}
[data-ccp-style~="ccp-u-0410"] {min-width: 180px; border-radius: 10px; border: 1px solid var(--ccp-line); padding: 10px 14px;}
[data-ccp-style~="ccp-u-0411"] {padding: 0 24px; border-radius: 10px;}
[data-ccp-style~="ccp-u-0412"] {border-radius: var(--ccp-radius);}
[data-ccp-style~="ccp-u-0413"] {width: 11%;}
[data-ccp-style~="ccp-u-0414"] {width: 24%;}
[data-ccp-style~="ccp-u-0415"] {width: 14%;}
[data-ccp-style~="ccp-u-0416"] {width: 21%;}
[data-ccp-style~="ccp-u-0417"] {width: 12%;}
[data-ccp-style~="ccp-u-0418"] {width: 10%;}
[data-ccp-style~="ccp-u-0419"] {width: 8%;}
[data-ccp-style~="ccp-u-0420"] {font-weight: 700; text-decoration: none; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0421"] {font-size:13px; font-weight:500; color:var(--ccp-muted);}
[data-ccp-style~="ccp-u-0422"] {font-weight: 700; font-size: 12px; padding: 4px 10px;}
[data-ccp-style~="ccp-u-0423"] {font-size: 12px; padding: 6px 12px; border-radius: 8px;}
[data-ccp-style~="ccp-u-0424"] {padding: 40px 20px;}
[data-ccp-style~="ccp-u-0425"] {border-radius: var(--ccp-radius); margin-bottom: 24px; padding: 16px;}
[data-ccp-style~="ccp-u-0426"] {display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px;}
[data-ccp-style~="ccp-u-0427"] {display: flex; flex-direction: column; justify-content: space-between; border-radius: 16px; padding: 18px; box-shadow: 0 4px 12px rgba(0,0,0,0.02); transition: all 0.2s; border: 1px solid var(--ccp-line);}
[data-ccp-style~="ccp-u-0428"] {display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;}
[data-ccp-style~="ccp-u-0429"] {font-size: 28px;}
[data-ccp-style~="ccp-u-0430"] {font-size: 11px; padding: 3px 8px; font-weight: bold; background: #eff6ff; color: #1e40af; border-radius: 8px;}
[data-ccp-style~="ccp-u-0431"] {font-size: 15px; color: var(--ccp-primary); display: block; line-height: 1.4; margin-bottom: 8px; min-height: 40px;}
[data-ccp-style~="ccp-u-0432"] {display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 12px;}
[data-ccp-style~="ccp-u-0433"] {font-size: 9px; background: #f1f5f9; color: #475569; padding: 2px 6px; border-radius: 5px; border: 1px solid #e2e8f0;}
[data-ccp-style~="ccp-u-0434"] {border-top: 1px solid var(--ccp-line); padding-top: 12px; margin-top: 12px; display: flex; justify-content: space-between; align-items: center;}
[data-ccp-style~="ccp-u-0435"] {font-size: 12px; min-height: 32px; padding: 0 14px; border-radius: 8px; text-decoration: none; display: inline-flex; align-items: center;}
[data-ccp-style~="ccp-u-0436"] {text-align: center; padding: 60px 20px; border-radius: var(--ccp-radius);}
[data-ccp-style~="ccp-u-0437"] {color: var(--ccp-muted); max-width: 420px; margin: 8px auto 0;}
[data-ccp-style~="ccp-u-0438"] {text-align: center; padding: 60px 20px; border-radius: var(--ccp-radius); border: 2px dashed #f87171; background: #fff5f5; color: #991b1b;}
[data-ccp-style~="ccp-u-0439"] {font-size: 54px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0440"] {font-weight: 800; font-size: 20px; margin: 0; color: #991b1b;}
[data-ccp-style~="ccp-u-0441"] {color: #b91c1c; max-width: 460px; margin: 8px auto 0; font-size: 14px;}
[data-ccp-style~="ccp-u-0442"] {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(15,23,42,0.45); backdrop-filter:blur(8px); z-index:999999; align-items:center; justify-content:center; padding:20px; box-sizing:border-box;}
[data-ccp-style~="ccp-u-0443"] {background:#ffffff; border:1px solid rgba(255,255,255,0.2); border-radius:24px; max-width:920px; width:100%; max-height:90vh; overflow-y:auto; box-shadow:0 25px 50px -12px rgba(0,0,0,0.18); position:relative; animation:ccp-modal-fade 0.3s cubic-bezier(0.16, 1, 0.3, 1);}
[data-ccp-style~="ccp-u-0444"] {position:absolute; top:20px; right:20px; border:none; background:#f1f5f9; color:#64748b; font-size:18px; font-weight:700; width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s; z-index: 10;}
[data-ccp-style~="ccp-u-0445"] {padding:32px;}
[data-ccp-style~="ccp-u-0446"] {text-align:center; padding:60px 20px;}
[data-ccp-style~="ccp-u-0447"] {margin:0 auto 16px;}
[data-ccp-style~="ccp-u-0448"] {color:#64748b; font-weight:600; font-family:'Outfit', sans-serif;}
[data-ccp-style~="ccp-u-0449"] {color:red; text-align:center; padding:40px;}
[data-ccp-style~="ccp-u-0450"] {font-family:'Outfit', sans-serif;}
[data-ccp-style~="ccp-u-0451"] {border-bottom:1px solid var(--ccp-line); padding-bottom:16px; margin-bottom:20px;}
[data-ccp-style~="ccp-u-0452"] {font-size:11px; text-transform:uppercase; color:var(--ccp-muted); font-weight:700;}
[data-ccp-style~="ccp-u-0453"] {margin:4px 0 0; font-size:20px; font-weight:800; color:var(--ccp-primary);}
[data-ccp-style~="ccp-u-0454"] {max-height:360px; overflow-y:auto; background:#f8fafc; border:1px solid var(--ccp-line); border-radius:16px; padding:16px; margin-bottom:16px; display:flex; flex-direction:column; gap:10px;}
[data-ccp-style~="ccp-u-0455"] {text-align:center; padding:40px 10px; color:var(--ccp-muted);}
[data-ccp-style~="ccp-u-0456"] {margin-bottom:12px;}
[data-ccp-style~="ccp-u-0457"] {width:100%; border-radius:12px; border:1px solid var(--ccp-line); padding:12px; font-size:14px; font-family:inherit; outline:none; resize:none; transition:all 0.2s; box-shadow:inset 0 2px 4px rgba(0,0,0,0.02);}
[data-ccp-style~="ccp-u-0458"] {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;}
[data-ccp-style~="ccp-u-0459"] {font-size:13px; color:var(--ccp-muted); display:inline-flex; align-items:center; gap:6px;}
[data-ccp-style~="ccp-u-0460"] {cursor:pointer; display:inline-flex; align-items:center; gap:6px; background:#f1f5f9; padding:6px 12px; border-radius:8px; border:1px solid #e2e8f0; font-weight:600; font-size:12px; color:#475569; transition:all 0.2s;}
[data-ccp-style~="ccp-u-0461"] {font-weight:600; color:var(--ccp-primary); font-size:12px;}
[data-ccp-style~="ccp-u-0462"] {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
[data-ccp-style~="ccp-u-0463"] {display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #475569; cursor: pointer; margin-right: 12px;}
[data-ccp-style~="ccp-u-0464"] {display: none; font-size: 11px; padding: 6px 10px; border-radius: 6px; border: 1px solid var(--ccp-line); width: 170px; font-family: inherit; outline: none; box-sizing: border-box; margin-right: 12px;}
[data-ccp-style~="ccp-u-0465"] {padding: 0 28px; border-radius: 12px; font-weight: 700; min-height: 40px; background:var(--ccp-primary); border:none; box-shadow:0 4px 12px rgba(184, 144, 91, 0.25);}
[data-ccp-style~="ccp-u-0466"] {display: flex; align-items: center; justify-content: space-between; background: #f8fafc; border: 1px solid var(--ccp-line); border-radius: 8px; padding: 8px 12px; font-size: 12px; gap: 10px; width: 100%; box-sizing: border-box;}
[data-ccp-style~="ccp-u-0467"] {font-weight: 600; color: var(--ccp-primary); max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
[data-ccp-style~="ccp-u-0468"] {display: flex; align-items: center; gap: 8px;}
[data-ccp-style~="ccp-u-0469"] {text-align:center; padding:40px;}
[data-ccp-style~="ccp-u-0470"] {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--ccp-line); padding-bottom: 16px; margin-bottom: 24px;}
[data-ccp-style~="ccp-u-0471"] {font-size: 11px; background: #1e293b; color: #ffffff; padding: 3px 8px; border-radius: 6px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;}
[data-ccp-style~="ccp-u-0472"] {margin: 6px 0 0; font-size: 22px; font-weight: 800; color: var(--ccp-dark-slate);}
[data-ccp-style~="ccp-u-0473"] {margin: 4px 0 0; font-size: 13px; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0474"] {background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; border-radius: 12px; padding: 12px 18px; margin-bottom: 20px; font-weight: 600; font-size: 13px;}
[data-ccp-style~="ccp-u-0475"] {margin-top: 12px;}
[data-ccp-style~="ccp-u-0476"] {margin-top: 20px; border-top: 1px solid var(--ccp-line); padding-top: 15px;}
[data-ccp-style~="ccp-u-0477"] {margin: 0 0 10px 0; font-size: 14px; font-weight: 700; color: var(--ccp-dark-slate);}
[data-ccp-style~="ccp-u-0478"] {display: flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 13px; font-weight: 600;}
[data-ccp-style~="ccp-u-0479"] {font-size: 12px; font-weight: 600;}
[data-ccp-style~="ccp-u-0480"] {border-radius: 8px; min-height: 38px;}
[data-ccp-style~="ccp-u-0481"] {font-size: 11px; color: var(--ccp-muted); margin-top: 6px;}
[data-ccp-style~="ccp-u-0482"] {margin-top: 20px; display: flex; gap: 12px;}
[data-ccp-style~="ccp-u-0483"] {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; gap: 12px; flex-wrap: wrap;}
[data-ccp-style~="ccp-u-0484"] {margin: 0;}
[data-ccp-style~="ccp-u-0485"] {display: flex; gap: 10px; align-items: center;}
[data-ccp-style~="ccp-u-0486"] {border-radius: 8px; border: 1px solid var(--ccp-line); padding: 7px 10px; font-size: 12px;}
[data-ccp-style~="ccp-u-0487"] {font-size: 12px; border-radius: 8px;}
[data-ccp-style~="ccp-u-0488"] {min-height: 38px; border-radius: 10px; font-size: 12px; padding: 0 16px;}
[data-ccp-style~="ccp-u-0489"] {max-height: 30px; max-width: 60px; border-radius: 4px; border: 1px solid #e2e8f0;}
[data-ccp-style~="ccp-u-0490"] {font-size: 11px; font-weight: 700; color: #1e3a8a; background: #eff6ff; padding: 3px 8px; border-radius: 6px;}
[data-ccp-style~="ccp-u-0491"] {font-size: 10px; color: var(--ccp-muted); margin-top: 4px;}
[data-ccp-style~="ccp-u-0492"] {display: flex; gap: 6px; justify-content: flex-end;}
[data-ccp-style~="ccp-u-0493"] {min-height: 32px; padding: 0 10px; border-radius: 6px; font-size: 11px;}
[data-ccp-style~="ccp-u-0494"] {margin:0;}
[data-ccp-style~="ccp-u-0495"] {min-height: 32px; padding: 0 10px; border-radius: 6px; font-size: 11px; color: #ef4444; border-color: #fca5a5; background: #fef2f2;}
[data-ccp-style~="ccp-u-0496"] {margin-top: 15px; border-top: 1px solid var(--ccp-line); padding-top: 15px;}
[data-ccp-style~="ccp-u-0497"] {font-size: 11px; color: var(--ccp-muted); margin-top: 4px;}
[data-ccp-style~="ccp-u-0498"] {font-size: 11px; padding: 4px 8px;}
[data-ccp-style~="ccp-u-0499"] {font-size: 11px; margin-top: 4px;}
[data-ccp-style~="ccp-u-0500"] {color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0501"] {font-size: 11px; background: #eff6ff; color: #1e40af; padding: 3px 8px; border-radius: 6px; font-weight: 700;}
[data-ccp-style~="ccp-u-0502"] {font-size: 11px; padding: 2px 8px;}
[data-ccp-style~="ccp-u-0503"] {min-height: 32px; padding: 0 12px; border-radius: 6px; font-size: 11px;}
[data-ccp-style~="ccp-u-0504"] {padding: 20px; color: #991b1b; background: #fee2e2; border-radius: 8px;}
[data-ccp-style~="ccp-u-0505"] {margin-top: 15px;}
[data-ccp-style~="ccp-u-0506"] {border-radius: 16px; padding: 24px; border: 1px solid var(--ccp-line);}
[data-ccp-style~="ccp-u-0507"] {margin-top: 0; margin-bottom: 20px; font-size: 18px; font-weight: 800; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0508"] {display: block; font-weight: 700; font-size: 13px; margin-bottom: 6px;}
[data-ccp-style~="ccp-u-0509"] {width: 100%; border-radius: 10px; border: 1.5px solid var(--ccp-line); padding: 10px 14px; font-size: 14px;}
[data-ccp-style~="ccp-u-0510"] {width: 100%; border-radius: 10px; border: 1.5px solid var(--ccp-line); padding: 10px 14px; font-size: 14px; font-family: inherit; resize: vertical;}
[data-ccp-style~="ccp-u-0511"] {font-size: 13px;}
[data-ccp-style~="ccp-u-0512"] {margin-top: 8px; font-size: 13px;}
[data-ccp-style~="ccp-u-0513"] {font-weight: 700; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0514"] {min-height: 40px; border-radius: 10px; padding: 0 24px; font-weight: 700; border: none; cursor: pointer;}
[data-ccp-style~="ccp-u-0515"] {min-height: 40px; border-radius: 10px; padding: 0 20px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center;}
[data-ccp-style~="ccp-u-0516"] {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; gap: 12px;}
[data-ccp-style~="ccp-u-0517"] {margin: 0; font-size: 18px; font-weight: 800; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0518"] {min-height: 38px; border-radius: 10px; font-size: 12px; padding: 0 16px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; font-weight: 700;}
[data-ccp-style~="ccp-u-0519"] {border: 1px solid var(--ccp-line); border-radius: 14px; overflow: hidden; background: #fff;}
[data-ccp-style~="ccp-u-0520"] {width: 25%;}
[data-ccp-style~="ccp-u-0521"] {width: 45%;}
[data-ccp-style~="ccp-u-0522"] {width: 15%;}
[data-ccp-style~="ccp-u-0523"] {text-align: right; width: 15%;}
[data-ccp-style~="ccp-u-0524"] {color: var(--ccp-muted); font-size: 13px;}
[data-ccp-style~="ccp-u-0525"] {font-weight: 700; color: var(--ccp-primary); display: inline-flex; align-items: center; gap: 4px; text-decoration: none; font-size: 13px;}
[data-ccp-style~="ccp-u-0526"] {color: #94a3b8; font-style: italic; font-size: 13px;}
[data-ccp-style~="ccp-u-0527"] {display: inline-flex; gap: 6px; align-items: center;}
[data-ccp-style~="ccp-u-0528"] {min-height: 32px; padding: 0 10px; border-radius: 6px; font-size: 11px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center;}
[data-ccp-style~="ccp-u-0529"] {margin:0; display: inline-block;}
[data-ccp-style~="ccp-u-0530"] {min-height: 32px; padding: 0 10px; border-radius: 6px; font-size: 11px; color: #ef4444; border-color: #fca5a5; background: #fef2f2; cursor: pointer;}
[data-ccp-style~="ccp-u-0531"] {text-align: center; color: #94a3b8; font-style: italic; padding: 30px;}
[data-ccp-style~="ccp-u-0532"] {display: grid; grid-template-columns: 320px 1fr; gap: 24px; align-items: start;}
[data-ccp-style~="ccp-u-0533"] {border-radius: 16px; padding: 20px; border: 1px solid var(--ccp-line);}
[data-ccp-style~="ccp-u-0534"] {margin-top: 0; margin-bottom: 16px; font-size: 16px; font-weight: 800; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0535"] {width: 100%; border-radius: 10px; border: 1.5px solid var(--ccp-line); padding: 9px 12px; font-size: 13px;}
[data-ccp-style~="ccp-u-0536"] {width: 100%; min-height: 40px; border-radius: 10px; font-weight: 700; border: none; cursor: pointer;}
[data-ccp-style~="ccp-u-0537"] {display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0538"] {flex: 1; min-width: 180px; border-radius: 10px; border: 1px solid var(--ccp-line); padding: 8px 12px; font-size: 13px;}
[data-ccp-style~="ccp-u-0539"] {border-radius: 10px; border: 1px solid var(--ccp-line); padding: 8px 12px; font-size: 13px;}
[data-ccp-style~="ccp-u-0540"] {font-size: 12px; border-radius: 10px;}
[data-ccp-style~="ccp-u-0541"] {width: 34%;}
[data-ccp-style~="ccp-u-0542"] {width: 16%;}
[data-ccp-style~="ccp-u-0543"] {width: 20%;}
[data-ccp-style~="ccp-u-0544"] {max-width: 640px;}
[data-ccp-style~="ccp-u-0545"] {margin-top: 0; margin-bottom: 6px; font-size: 18px; font-weight: 800; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0546"] {margin: 0 0 20px; font-size: 13px; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0547"] {display: block; font-weight: 700; font-size: 13px; margin-bottom: 8px;}
[data-ccp-style~="ccp-u-0548"] {display: flex; align-items: center; gap: 14px;}
[data-ccp-style~="ccp-u-0549"] {width:48px; height:48px; border-radius:10px; object-fit:cover; border:1px solid var(--ccp-line);}
[data-ccp-style~="ccp-u-0550"] {width:48px; height:48px; border-radius:10px; background:var(--ccp-dark-slate); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800;}
[data-ccp-style~="ccp-u-0551"] {display:block; margin-top:6px; font-size:12px; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0552"] {display: flex; gap: 14px; flex-wrap: wrap;}
[data-ccp-style~="ccp-u-0553"] {display: flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer;}
/* [ccp-u-0554] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0555"] {display: flex; gap: 20px;}
[data-ccp-style~="ccp-u-0556"] {display: flex; align-items: center; gap: 6px; font-size: 13px; cursor: pointer;}
[data-ccp-style~="ccp-u-0557"] {align-items: start; margin-top: 10px;}
[data-ccp-style~="ccp-u-0558"] {display: grid; gap: 24px;}
[data-ccp-style~="ccp-u-0559"] {border-radius: var(--ccp-radius); padding: 24px;}
[data-ccp-style~="ccp-u-0560"] {margin: 0 0 16px; font-size: 16px; font-weight: 800; color: var(--ccp-primary); text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center; gap: 8px;}
[data-ccp-style~="ccp-u-0561"] {background: var(--ccp-primary); color: #fff; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px;}
[data-ccp-style~="ccp-u-0562"] {font-size: 22px; margin-bottom: 8px;}
[data-ccp-style~="ccp-u-0563"] {display: block; font-size: 14px; margin-bottom: 2px; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0564"] {margin: 6px 0 0; font-size: 11px; color: var(--ccp-muted); line-height: 1.4;}
[data-ccp-style~="ccp-u-0565"] {grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));}
/* [ccp-u-0566] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0567"] {display: block; font-size: 13px; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0568"] {grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));}
[data-ccp-style~="ccp-u-0569"] {font-size: 18px; margin-bottom: 6px; font-weight: 700; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0570"] {gap: 20px;}
[data-ccp-style~="ccp-u-0571"] {border-radius: var(--ccp-radius); padding: 20px;}
[data-ccp-style~="ccp-u-0572"] {margin: 0 0 12px; font-size: 14px; font-weight: 800; color: var(--ccp-primary); text-transform: uppercase; display: flex; align-items: center; gap: 8px;}
[data-ccp-style~="ccp-u-0573"] {display: grid; gap: 8px;}
[data-ccp-style~="ccp-u-0574"] {display: flex; justify-content: space-between; align-items: center;}
[data-ccp-style~="ccp-u-0575"] {position: sticky; top: 32px; display: grid; gap: 24px;}
[data-ccp-style~="ccp-u-0576"] {border-radius: var(--ccp-radius); padding: 24px; text-align: center; background: #fff;}
[data-ccp-style~="ccp-u-0577"] {margin: 0 0 16px; font-size: 15px; font-weight: 800; color: var(--ccp-primary); text-transform: uppercase; letter-spacing: 0.5px;}
[data-ccp-style~="ccp-u-0578"] {background: radial-gradient(circle, #f8fafc, #f1f5f9); padding: 24px; border-radius: var(--ccp-radius); display: flex; align-items: center; justify-content: center; min-height: 340px; border: 1px solid var(--ccp-line);}
[data-ccp-style~="ccp-u-0579"] {display: block; filter: drop-shadow(0 15px 25px rgba(15,23,42,0.15)); transition: all 0.4s ease;}
[data-ccp-style~="ccp-u-0580"] {transition: fill 0.3s ease, stroke-width 0.3s ease;}
[data-ccp-style~="ccp-u-0581"] {display: none; transition: all 0.3s ease;}
[data-ccp-style~="ccp-u-0582"] {margin-top: 14px; font-weight: 700; font-size: 14px; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0583"] {border-radius: var(--ccp-radius); padding: 24px; background: rgba(255,255,255,0.7); backdrop-filter: blur(16px); border: 2px solid var(--ccp-primary); box-shadow: var(--ccp-shadow);}
[data-ccp-style~="ccp-u-0584"] {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--ccp-line); padding-bottom: 12px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0585"] {margin: 0; font-size: 16px; font-weight: 800; color: var(--ccp-primary); text-transform: uppercase;}
[data-ccp-style~="ccp-u-0586"] {font-size: 10px; background: var(--ccp-primary); color: #fff; padding: 4px 8px; border-radius: 6px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;}
[data-ccp-style~="ccp-u-0587"] {font-size: 13px; color: var(--ccp-muted); display: grid; gap: 10px; margin-bottom: 16px; border-bottom: 1px dashed var(--ccp-line); padding-bottom: 16px;}
[data-ccp-style~="ccp-u-0588"] {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
[data-ccp-style~="ccp-u-0589"] {font-size: 13px; font-weight: 600; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0590"] {font-size: 16px; color: var(--ccp-text); font-weight: 700;}
[data-ccp-style~="ccp-u-0591"] {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; background: #e0f2fe; padding: 10px 14px; border-radius: 12px; border: 1px solid #bae6fd; color: #0369a1;}
[data-ccp-style~="ccp-u-0592"] {font-size: 12px; font-weight: 700;}
[data-ccp-style~="ccp-u-0593"] {font-size: 14px;}
[data-ccp-style~="ccp-u-0594"] {border-top: 1px solid var(--ccp-line); padding-top: 16px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: baseline;}
[data-ccp-style~="ccp-u-0595"] {font-size: 14px; font-weight: 800; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0596"] {font-size: 28px; color: #10b981; font-weight: 800; letter-spacing: -0.5px;}
[data-ccp-style~="ccp-u-0597"] {display: grid; gap: 10px;}
[data-ccp-style~="ccp-u-0598"] {width: 100%; border-radius: 12px; font-size: 13px; border: 1px solid var(--ccp-primary); color: var(--ccp-primary); font-weight: 700; cursor: pointer; transition: all 0.2s;}
[data-ccp-style~="ccp-u-0599"] {width: 100%; border-radius: 12px; font-size: 13px; background: var(--ccp-primary); font-weight: 700; cursor: pointer; transition: all 0.2s;}
[data-ccp-style~="ccp-u-0600"] {display:flex; justify-content:space-between; font-weight:600; color:var(--ccp-primary);}
[data-ccp-style~="ccp-u-0601"] {display:flex; justify-content:space-between;}
[data-ccp-style~="ccp-u-0602"] {font-family: 'Outfit', sans-serif;}
[data-ccp-style~="ccp-u-0603"] {margin: 0 0 24px; font-size: 20px; font-weight: 800; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0604"] {display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px;}
[data-ccp-style~="ccp-u-0605"] {display: flex; flex-direction: column; justify-content: space-between; border-radius: 20px; padding: 24px; border: 1px solid var(--ccp-line); background: var(--ccp-card); box-shadow: var(--ccp-shadow); transition: all 0.3s ease; height: 360px; box-sizing: border-box;}
[data-ccp-style~="ccp-u-0606"] {margin-bottom: 12px; display: flex; flex-direction: column; overflow: hidden; flex: 1;}
[data-ccp-style~="ccp-u-0607"] {font-size: 11px; color: var(--ccp-muted); display: block; margin-bottom: 8px; flex-shrink: 0;}
[data-ccp-style~="ccp-u-0608"] {margin: 0 0 12px; font-size: 18px; font-weight: 800; color: var(--ccp-primary); line-height: 1.35; flex-shrink: 0;}
[data-ccp-style~="ccp-u-0609"] {font-size: 14px; color: var(--ccp-muted); line-height: 1.6; overflow-y: auto; flex: 1; padding-right: 6px; margin-bottom: 8px;}
[data-ccp-style~="ccp-u-0610"] {border-top: 1px solid var(--ccp-line); padding-top: 16px; display: flex; justify-content: flex-end; flex-shrink: 0;}
[data-ccp-style~="ccp-u-0611"] {display: inline-flex; align-items: center; gap: 8px; font-size: 13px; min-height: 38px; padding: 0 20px; border-radius: 10px; text-decoration: none; font-weight: 700; border-color: var(--ccp-primary); color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0612"] {margin-bottom: 40px; padding: 20px 10px; background: rgba(248, 250, 252, 0.6); border: 1px solid var(--ccp-line); border-radius: 16px;}
[data-ccp-style~="ccp-u-0613"] {margin: 0 0 20px; font-size: 15px; font-weight: 700; color: var(--ccp-primary); text-align: center;}
[data-ccp-style~="ccp-u-0614"] {display: flex; justify-content: space-between; position: relative; flex-wrap: nowrap; gap: 8px;}
[data-ccp-style~="ccp-u-0615"] {position: absolute; top: 24px; left: 5%; right: 5%; height: 6px; background: #e2e8f0; z-index: 1; border-radius: 3px;}
/* [ccp-u-0616] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0617"] {flex: 1; text-align: center; z-index: 3; position: relative; display: flex; flex-direction: column; align-items: center;}
/* [ccp-u-0618] dynamic legacy declaration replaced by semantic state rules. */
/* [ccp-u-0619] dynamic legacy declaration replaced by semantic state rules. */
[data-ccp-style~="ccp-u-0620"] {font-size: 10px; color: var(--ccp-muted); display: block; max-width: 110px; margin-top: 4px; line-height: 1.2; font-weight: 500;}
[data-ccp-style~="ccp-u-0621"] {margin: 0 0 16px; font-size: 16px; font-weight: 700; color: var(--ccp-primary); border-bottom: 1px solid var(--ccp-line); padding-bottom: 8px;}
[data-ccp-style~="ccp-u-0622"] {display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0623"] {font-size: 11px; text-transform: uppercase; color: var(--ccp-muted); display: block;}
[data-ccp-style~="ccp-u-0624"] {font-size: 22px; color: #10b981; display: block; margin-top: 4px;}
[data-ccp-style~="ccp-u-0625"] {display: inline-flex; margin-top: 6px; font-weight: 700; font-size: 12px; padding: 4px 10px;}
[data-ccp-style~="ccp-u-0626"] {display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; border-top: 1px solid var(--ccp-line); padding-top: 12px;}
[data-ccp-style~="ccp-u-0627"] {font-size: 14px; font-weight: 700; color: var(--ccp-primary); display: block; margin-top: 4px; text-decoration: underline;}
[data-ccp-style~="ccp-u-0628"] {font-size: 13px; font-weight: 600; display: block; margin-top: 4px; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0629"] {font-size: 14px; color: var(--ccp-primary); display: block; margin-top: 4px;}
[data-ccp-style~="ccp-u-0630"] {background: #fff; border: 1px solid var(--ccp-line); border-radius: 16px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.02); display: flex; flex-direction: column; justify-content: space-between;}
[data-ccp-style~="ccp-u-0631"] {display: block; font-size: 15px; margin-top: 4px; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0632"] {border-top: 1px solid var(--ccp-line); padding-top: 12px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0633"] {display: block; font-size: 16px; margin-top: 4px; color: #1e40af; font-family: monospace;}
[data-ccp-style~="ccp-u-0634"] {display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; width: 100%; border-radius: 12px; font-weight: 700; height: 46px; background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);}
[data-ccp-style~="ccp-u-0635"] {background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 12px; padding: 12px; text-align: center; color: #065f46; font-size: 13px; font-weight: 600;}
[data-ccp-style~="ccp-u-0636"] {background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px; text-align: center; color: #475569; font-size: 13px; font-weight: 600;}
[data-ccp-style~="ccp-u-0637"] {background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 12px; padding: 12px; text-align: center; color: #1e40af; font-size: 13px; font-weight: 600;}
[data-ccp-style~="ccp-u-0638"] {padding: 0 24px; border-radius: 10px; cursor: pointer;}
[data-ccp-style~="ccp-u-0639"] {font-size: 12px;}
[data-ccp-style~="ccp-u-0640"] {text-decoration: underline; font-weight: 700; color: #2563eb;}
[data-ccp-style~="ccp-u-0641"] {padding: 40px 20px; text-align: center; color: var(--ccp-muted);}
[data-ccp-style~="ccp-u-0642"] {display: inline-flex; margin-top: 4px; font-weight: 700; font-size: 12px; padding: 4px 10px;}
[data-ccp-style~="ccp-u-0643"] {display: block; font-size: 14px; margin-top: 4px; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0644"] {border-top: 1px solid var(--ccp-line); padding-top: 12px;}
[data-ccp-style~="ccp-u-0645"] {background: #f8fafc; border: 1px solid var(--ccp-line); border-radius: 12px; padding: 14px; font-size: 13px; line-height: 1.5; color: #334155; white-space: pre-wrap;}
[data-ccp-style~="ccp-u-0646"] {display: grid; gap: 8px; margin-top: 8px;}
[data-ccp-style~="ccp-u-0647"] {display: flex; align-items: center; justify-content: space-between; background: #f8fafc; padding: 10px; border: 1px solid var(--ccp-line); border-radius: 10px;}
[data-ccp-style~="ccp-u-0648"] {font-size: 13px; display: block; color: var(--ccp-primary);}
[data-ccp-style~="ccp-u-0649"] {font-size: 12px; min-height: 32px; padding: 0 12px; border-radius: 8px; text-decoration: none;}
[data-ccp-style~="ccp-u-0650"] {font-style: italic; color: var(--ccp-muted); font-size: 13px; margin: 4px 0 0;}
[data-ccp-style~="ccp-u-0651"] {background: #fff; border: 1px solid var(--ccp-line); border-radius: 16px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.02); display: flex; flex-direction: column;}
[data-ccp-style~="ccp-u-0652"] {height: 340px; overflow-y: auto; padding: 10px; background: #fafcff; border: 1px solid var(--ccp-line); border-radius: 12px; display: grid; gap: 12px; margin-bottom: 16px;}
[data-ccp-style~="ccp-u-0653"] {width: 100%; border-radius: 12px; padding: 12px; border: 1px solid var(--ccp-line); resize: vertical; box-sizing: border-box; font-size: 13px;}
[data-ccp-style~="ccp-u-0654"] {display: flex; justify-content: space-between; align-items: center; margin-top: 12px; flex-wrap: wrap; gap: 10px;}
[data-ccp-style~="ccp-u-0655"] {min-height: 38px; border-radius: 10px; font-size: 13px; padding: 0 20px; cursor: pointer;}
[data-ccp-style~="ccp-u-0656"] {padding: 0 32px; cursor: pointer;}
[data-ccp-style~="ccp-u-0657"] {border-radius: var(--ccp-radius); margin-bottom: 20px; padding: 16px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px;}
[data-ccp-style~="ccp-u-0658"] {display: flex; gap: 12px; flex-wrap: wrap; align-items: center; flex: 1;}
[data-ccp-style~="ccp-u-0659"] {min-width: 220px; border-radius: 10px; border: 1px solid var(--ccp-line); padding: 10px 14px; flex: 1; max-width: 320px;}
[data-ccp-style~="ccp-u-0660"] {background: #dc2626; color: #fff; border-radius: 12px; font-size: 14px; font-weight: 700; box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2);}
/* Migrated from includes/Views/portal/dashboard.php */
.ccp-sp-card.is-selected { border-color: var(--ccp-primary) !important; background: rgba(184,144,91,.07) !important; box-shadow: 0 0 0 3px rgba(184,144,91,.18); }
            .ccp-sp-card.is-selected .ccp-sp-check { display: inline-flex !important; }
            .ccp-dropzone { border: 2px dashed #cbd5e1; border-radius: 12px; padding: 28px 20px; text-align: center; cursor: pointer; transition: all .2s; background: #f8fafc; }
            .ccp-dropzone:hover, .ccp-dropzone.drag-over { border-color: var(--ccp-primary); background: rgba(184,144,91,.04); }
            .ccp-file-pill { display: inline-flex; align-items: center; gap: 6px; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 20px; padding: 5px 12px 5px 10px; font-size: 12px; font-weight: 600; color: var(--ccp-text); margin: 4px 4px 0 0; }
            .ccp-file-pill .fp-rm { cursor: pointer; color: #94a3b8; font-size: 16px; line-height: 1; padding: 0; border: none; background: none; font-weight: 400; }
            .ccp-file-pill .fp-rm:hover { color: #dc2626; }
            .wiz-review-row { display:flex; gap:16px; padding:11px 0; border-bottom:1px solid #e2e8f0; align-items:flex-start; }
            .wiz-review-row:last-child { border-bottom:none; }
            .wiz-review-row .rv-label { font-size:13px; font-weight:700; color:var(--ccp-muted); min-width:170px; flex-shrink:0; }
            .wiz-review-row .rv-value { font-size:14px; font-weight:600; color:var(--ccp-text); }

            @keyframes ccpUploadBounce {
                0%, 100% { transform: translateY(0); }
                50% { transform: translateY(-10px); }
            }
            .ccp-upload-bounce {
                animation: ccpUploadBounce 2s infinite ease-in-out;
            }

/* Migrated from includes/Views/portal/dashboard.php */
@keyframes ccp-modal-fade {
    from { opacity: 0; transform: scale(0.96) translateY(8px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}
#ccp-premium-modal-close:hover {
    background:#e2e8f0;
    color:#0f172a;
    transform:scale(1.05);
}
.ccp-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #f1f5f9;
    border-top-color: var(--ccp-primary);
    border-radius: 50%;
    animation: ccp-spin 0.8s linear infinite;
}
@keyframes ccp-spin {
    to { transform: rotate(360deg); }
}

/* Premium Project Status Styles */
.ccp-status-badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: 1px solid transparent;
    white-space: nowrap !important;
}
.ccp-status-badge.status-submitted {
    background: #f0f9ff !important;
    color: #0284c7 !important;
    border-color: #bae6fd !important;
}
.ccp-status-badge.status-in_review {
    background: #fffbeb !important;
    color: #d97706 !important;
    border-color: #fde68a !important;
}
.ccp-status-badge.status-quote_sent {
    background: #eef2ff !important;
    color: #4f46e5 !important;
    border-color: #c7d2fe !important;
}
.ccp-status-badge.status-approved {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border-color: #a7f3d0 !important;
}
.ccp-status-badge.status-closed {
    background: #f8fafc !important;
    color: #64748b !important;
    border-color: #cbd5e1 !important;
}
.ccp-status-badge[class*="quote_approved"],
.ccp-status-badge[class*="design_approved"] {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border-color: #a7f3d0 !important;
}

/* Responsive Table & Layout Wrapping Fixes */
.ccp-table-shell {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    margin-bottom: 24px !important;
    border-radius: 12px !important;
    border: 1px solid var(--ccp-line) !important;
}
.ccp-table {
    width: 100% !important;
    border-collapse: collapse !important;
    min-width: 960px !important;
}
.ccp-table th, .ccp-table td {
    white-space: nowrap !important;
    vertical-align: middle !important;
    padding: 12px 16px !important;
}
.ccp-table td strong {
    white-space: nowrap !important;
}
.ccp-btn-secondary, .ccp-btn-primary {
    white-space: nowrap !important;
}

/* Migrated from includes/Views/admin/project-detail.php */
/* Premium Project Status Styles */
        .ccp-status-badge {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            padding: 6px 12px !important;
            border-radius: 999px !important;
            font-size: 11px !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px !important;
            border: 1px solid transparent;
            white-space: nowrap !important;
        }
        .ccp-status-badge.status-submitted {
            background: #f0f9ff !important;
            color: #0284c7 !important;
            border-color: #bae6fd !important;
        }
        .ccp-status-badge.status-quote_sent {
            background: #eef2ff !important;
            color: #4f46e5 !important;
            border-color: #c7d2fe !important;
        }
        .ccp-status-badge.status-design {
            background: #fffbeb !important;
            color: #d97706 !important;
            border-color: #fde68a !important;
        }
        .ccp-status-badge.status-production {
            background: #ecfdf5 !important;
            color: #059669 !important;
            border-color: #a7f3d0 !important;
        }
        .ccp-status-badge.status-finance {
            background: #f5f3ff !important;
            color: #7c3aed !important;
            border-color: #ddd6fe !important;
        }
        .ccp-status-badge.status-shipping {
            background: #fdf2f8 !important;
            color: #db2777 !important;
            border-color: #fbcfe8 !important;
        }
        .ccp-status-badge.status-closed {
            background: #f8fafc !important;
            color: #64748b !important;
            border-color: #cbd5e1 !important;
        }
        .ccp-status-badge[class*="quote_approved"],
        .ccp-status-badge[class*="design_approved"] {
            background: #ecfdf5 !important;
            color: #059669 !important;
            border-color: #a7f3d0 !important;
        }

        /* Responsive Table & Layout Wrapping Fixes */
        .ccp-table-shell {
            width: 100% !important;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch !important;
            margin-bottom: 24px !important;
            border-radius: 12px !important;
            border: 1px solid var(--ccp-line) !important;
        }
        .ccp-table {
            width: 100% !important;
            border-collapse: collapse !important;
            min-width: 960px !important;
        }
        .ccp-table th, .ccp-table td {
            white-space: nowrap !important;
            vertical-align: middle !important;
            padding: 12px 16px !important;
        }
        .ccp-table td strong {
            white-space: nowrap !important;
        }
        .ccp-btn-secondary, .ccp-btn-primary {
            white-space: nowrap !important;
        }

/* Migrated from includes/Views/portal/tabs/orders.php */
@media (max-width: 768px) {
        .ccp-timeline-flex {
            flex-direction: column !important;
            gap: 24px !important;
            align-items: flex-start !important;
            padding-left: 20px !important;
        }
        .ccp-timeline-line-bg {
            top: 0 !important;
            bottom: 0 !important;
            left: 44px !important;
            width: 6px !important;
            height: auto !important;
        }
        .ccp-timeline-line-fill {
            top: 0 !important;
            left: 44px !important;
            width: 6px !important;
            height: auto !important;
            background: linear-gradient(180deg, #3b82f6, #10b981) !important;
        }
        .ccp-timeline-step {
            flex-direction: row !important;
            gap: 16px !important;
            align-items: center !important;
            text-align: left !important;
        }
        .ccp-timeline-step strong {
            margin-top: 0 !important;
        }
        .ccp-timeline-step span {
            max-width: none !important;
            margin-top: 2px !important;
        }
    }
    .ccp-pulse-ring {
        animation: ccpPulse 2s infinite;
    }
    @keyframes ccpPulse {
        0% {
            box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
        }
        70% {
            box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
        }
    }

/* ================================================================
   Shared components
   ================================================================ */
.ccp-ui-v3 .ccp-admin-shell,
.ccp-app-shell,
.ccp-portal-shell {
    --ccp-input-height: 44px;
}

.ccp-ui-v3 .ccp-admin-shell .ccp-panel,
.ccp-ui-v3 .ccp-admin-shell .card,
.ccp-app-shell .ccp-panel,
.ccp-portal-shell .ccp-panel {
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: var(--ccp-radius);
    box-shadow: var(--ccp-shadow-sm);
    padding: 22px;
}

.ccp-ui-v3 .ccp-admin-shell .ccp-panel:hover,
.ccp-app-shell .ccp-panel:hover {
    border-color: var(--ccp-line-strong);
}

.ccp-ui-v3 .ccp-admin-shell .ccp-page-head,
.ccp-app-shell .ccp-page-head,
.ccp-portal-shell .ccp-page-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 20px;
}

.ccp-ui-v3 .ccp-admin-shell .ccp-page-head h1,
.ccp-ui-v3 .ccp-admin-shell .ccp-page-head h2,
.ccp-app-shell .ccp-page-head h1,
.ccp-app-shell .ccp-page-head h2 {
    color: var(--ccp-ink);
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 760;
    letter-spacing: -.035em;
    line-height: 1.16;
    margin: 0;
}

.ccp-ui-v3 .ccp-admin-shell .ccp-page-head p,
.ccp-app-shell .ccp-page-head p {
    color: var(--ccp-muted);
    font-size: 13px;
    line-height: 1.6;
    margin: 6px 0 0;
}

.ccp-ui-v3 .ccp-admin-shell .ccp-btn-primary,
.ccp-ui-v3 .ccp-admin-shell .ccp-btn-secondary,
.ccp-ui-v3 .ccp-admin-shell .button,
.ccp-ui-v3 .ccp-admin-shell .page-title-action,
.ccp-app-shell .ccp-btn-primary,
.ccp-app-shell .ccp-btn-secondary,
.ccp-app-shell .btn,
.ccp-app-shell .page-title-action,
.ccp-portal-shell .ccp-btn-primary,
.ccp-portal-shell .ccp-btn-secondary {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 680;
    gap: 7px;
    justify-content: center;
    line-height: 1;
    min-height: 40px;
    padding: 0 16px;
    text-decoration: none;
    white-space: nowrap;
}

.ccp-ui-v3 .ccp-admin-shell .ccp-btn-primary,
.ccp-ui-v3 .ccp-admin-shell .button-primary,
.ccp-app-shell .ccp-btn-primary,
.ccp-app-shell .btn-arista,
.ccp-portal-shell .ccp-btn-primary {
    background: linear-gradient(145deg, var(--ccp-primary), var(--ccp-primary-strong));
    border-color: var(--ccp-primary-strong);
    box-shadow: 0 8px 18px var(--ccp-primary-ring);
    color: #fff;
}

.ccp-ui-v3 .ccp-admin-shell .ccp-btn-primary:hover,
.ccp-ui-v3 .ccp-admin-shell .button-primary:hover,
.ccp-app-shell .ccp-btn-primary:hover,
.ccp-app-shell .btn-arista:hover,
.ccp-portal-shell .ccp-btn-primary:hover {
    box-shadow: 0 12px 26px var(--ccp-primary-ring);
    color: #fff;
    transform: translateY(-1px);
}

.ccp-ui-v3 .ccp-admin-shell .ccp-btn-secondary,
.ccp-ui-v3 .ccp-admin-shell .button-secondary,
.ccp-ui-v3 .ccp-admin-shell .button:not(.button-primary),
.ccp-ui-v3 .ccp-admin-shell .page-title-action,
.ccp-app-shell .ccp-btn-secondary,
.ccp-portal-shell .ccp-btn-secondary {
    background: var(--ccp-card);
    border-color: var(--ccp-line-strong);
    box-shadow: 0 2px 6px rgba(15, 23, 42, .04);
    color: var(--ccp-text);
}

.ccp-ui-v3 .ccp-admin-shell .ccp-btn-secondary:hover,
.ccp-ui-v3 .ccp-admin-shell .button-secondary:hover,
.ccp-ui-v3 .ccp-admin-shell .button:not(.button-primary):hover,
.ccp-ui-v3 .ccp-admin-shell .page-title-action:hover,
.ccp-app-shell .ccp-btn-secondary:hover,
.ccp-portal-shell .ccp-btn-secondary:hover {
    background: var(--ccp-primary-soft);
    border-color: color-mix(in srgb, var(--ccp-primary) 45%, var(--ccp-line));
    color: var(--ccp-primary-strong);
}

.ccp-ui-v3 .ccp-admin-shell input[type="text"],
.ccp-ui-v3 .ccp-admin-shell input[type="email"],
.ccp-ui-v3 .ccp-admin-shell input[type="url"],
.ccp-ui-v3 .ccp-admin-shell input[type="number"],
.ccp-ui-v3 .ccp-admin-shell input[type="date"],
.ccp-ui-v3 .ccp-admin-shell input[type="search"],
.ccp-ui-v3 .ccp-admin-shell input[type="password"],
.ccp-ui-v3 .ccp-admin-shell select,
.ccp-ui-v3 .ccp-admin-shell textarea,
.ccp-app-shell input[type="text"],
.ccp-app-shell input[type="email"],
.ccp-app-shell input[type="url"],
.ccp-app-shell input[type="number"],
.ccp-app-shell input[type="date"],
.ccp-app-shell input[type="search"],
.ccp-app-shell input[type="password"],
.ccp-app-shell select,
.ccp-app-shell textarea,
.ccp-portal-shell input[type="text"],
.ccp-portal-shell input[type="email"],
.ccp-portal-shell input[type="url"],
.ccp-portal-shell input[type="number"],
.ccp-portal-shell input[type="date"],
.ccp-portal-shell input[type="search"],
.ccp-portal-shell select,
.ccp-portal-shell textarea {
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line-strong);
    border-radius: 10px;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .025);
    color: var(--ccp-text);
    min-height: var(--ccp-input-height);
    outline: none;
    padding: 9px 12px;
    transition: border-color var(--ccp-transition), box-shadow var(--ccp-transition), background var(--ccp-transition);
    width: 100%;
}

.ccp-ui-v3 .ccp-admin-shell textarea,
.ccp-app-shell textarea,
.ccp-portal-shell textarea {
    line-height: 1.55;
    min-height: 110px;
    resize: vertical;
}

.ccp-ui-v3 .ccp-admin-shell :where(input, select, textarea):focus,
.ccp-app-shell :where(input, select, textarea):focus,
.ccp-portal-shell :where(input, select, textarea):focus {
    border-color: var(--ccp-primary);
    box-shadow: 0 0 0 4px var(--ccp-primary-ring);
}

.ccp-ui-v3 .ccp-admin-shell label,
.ccp-app-shell label,
.ccp-portal-shell label {
    color: var(--ccp-ink);
    font-size: 12px;
    font-weight: 690;
    letter-spacing: .01em;
}

.ccp-ui-v3 .ccp-admin-shell .description,
.ccp-app-shell .description,
.ccp-portal-shell .description {
    color: var(--ccp-muted);
    font-size: 12px;
    line-height: 1.55;
}

.ccp-form-stack {
    display: grid;
    gap: 16px;
}

.ccp-detail-grid,
.ccp-settings-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ccp-detail-row,
.ccp-detail-row-full {
    background: var(--ccp-card-alt);
    border: 1px solid var(--ccp-line);
    border-radius: 12px;
    padding: 14px 16px;
}

.ccp-detail-row-full {
    grid-column: 1 / -1;
}

.ccp-detail-row > span:first-child,
.ccp-detail-row-full > span:first-child {
    color: var(--ccp-muted);
    display: block;
    font-size: 10px;
    font-weight: 760;
    letter-spacing: .08em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.ccp-stat-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ccp-stat-card {
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: var(--ccp-radius);
    box-shadow: var(--ccp-shadow-sm);
    min-height: 124px;
    padding: 19px;
    position: relative;
    transition: transform var(--ccp-transition), box-shadow var(--ccp-transition), border-color var(--ccp-transition);
}

.ccp-stat-card::after {
    background: linear-gradient(90deg, var(--ccp-primary), transparent);
    border-radius: 99px;
    content: "";
    height: 3px;
    left: 19px;
    opacity: .6;
    position: absolute;
    right: 54%;
    top: 0;
}

.ccp-stat-card:hover {
    border-color: color-mix(in srgb, var(--ccp-primary) 30%, var(--ccp-line));
    box-shadow: var(--ccp-shadow);
    transform: translateY(-2px);
}

.ccp-stat-card__top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.ccp-stat-label {
    color: var(--ccp-muted);
    display: block;
    font-size: 10px;
    font-weight: 760;
    letter-spacing: .085em;
    line-height: 1.25;
    text-transform: uppercase;
}

.ccp-stat-card strong {
    color: var(--ccp-ink);
    display: block;
    font-size: 28px;
    font-weight: 760;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-top: 7px;
}

.ccp-stat-card__icon {
    align-items: center;
    background: var(--ccp-primary-soft);
    border: 1px solid color-mix(in srgb, var(--ccp-primary) 18%, transparent);
    border-radius: 11px;
    color: var(--ccp-primary);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.ccp-toolbar,
.ccp-toolbar-form,
.ccp-compose-actions,
.ccp-actions-inline {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ccp-toolbar {
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: 13px;
    box-shadow: var(--ccp-shadow-sm);
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 11px;
}

.ccp-table-shell {
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: var(--ccp-radius);
    box-shadow: var(--ccp-shadow-sm);
    margin-bottom: 20px;
    overflow: auto;
    width: 100%;
}

.ccp-table,
.ccp-ui-v3 .ccp-admin-shell .widefat,
.ccp-ui-v3 .ccp-admin-shell .wp-list-table {
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--ccp-text);
    min-width: 760px;
    width: 100%;
}

.ccp-table thead th,
.ccp-ui-v3 .ccp-admin-shell .widefat thead th,
.ccp-ui-v3 .ccp-admin-shell .wp-list-table thead th {
    background: #f7f9fb;
    border-bottom: 1px solid var(--ccp-line);
    color: #64748b;
    font-size: 10px;
    font-weight: 780;
    letter-spacing: .075em;
    padding: 13px 15px;
    text-align: left;
    text-transform: uppercase;
}

.ccp-table tbody td,
.ccp-ui-v3 .ccp-admin-shell .widefat tbody td,
.ccp-ui-v3 .ccp-admin-shell .wp-list-table tbody td {
    background: var(--ccp-card);
    border-bottom: 1px solid var(--ccp-line);
    color: var(--ccp-text);
    font-size: 12px;
    line-height: 1.45;
    padding: 14px 15px;
    vertical-align: middle;
}

.ccp-table tbody tr:last-child td,
.ccp-ui-v3 .ccp-admin-shell .widefat tbody tr:last-child td {
    border-bottom: 0;
}

.ccp-table tbody tr:hover td,
.ccp-ui-v3 .ccp-admin-shell .widefat tbody tr:hover td {
    background: color-mix(in srgb, var(--ccp-primary-soft) 58%, #fff);
}

.ccp-cell-truncate {
    display: block;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ccp-empty-state {
    align-items: center;
    background: linear-gradient(180deg, var(--ccp-card), var(--ccp-card-alt));
    border: 1px dashed var(--ccp-line-strong);
    border-radius: var(--ccp-radius);
    color: var(--ccp-muted);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 190px;
    padding: 34px;
    text-align: center;
}

.ccp-status-badge,
.ccp-priority-badge {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 760;
    justify-content: center;
    letter-spacing: .055em;
    line-height: 1;
    min-height: 27px;
    padding: 0 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.ccp-status-badge.status-submitted,
.ccp-status-select.status-submitted { background: #edf7ff; border-color: #cfe8fb; color: #2672a5; }
.ccp-status-badge.status-quote_sent,
.ccp-status-select.status-quote_sent { background: #f0efff; border-color: #d9d6ff; color: #6254b8; }
.ccp-status-badge.status-design,
.ccp-status-select.status-design { background: #fff7e8; border-color: #f7dfad; color: #a96c0f; }
.ccp-status-badge.status-production,
.ccp-status-select.status-production,
.ccp-status-badge.status-approved { background: #ebf8f3; border-color: #c5eadc; color: #17785d; }
.ccp-status-badge.status-finance,
.ccp-status-select.status-finance { background: #f7f0ff; border-color: #e5d4fa; color: #7c4ca1; }
.ccp-status-badge.status-shipping,
.ccp-status-select.status-shipping,
.ccp-status-badge.status-shipped { background: #fff0f6; border-color: #f5cade; color: #a83d70; }
.ccp-status-badge.status-closed,
.ccp-status-select.status-closed,
.ccp-status-badge.status-delivered { background: #eef2f5; border-color: #d8e0e7; color: #526273; }
.ccp-status-badge.status-open,
.ccp-status-badge.status-pending { background: var(--ccp-warning-soft); border-color: #f3dbad; color: #9a6212; }
.ccp-status-badge.status-resolved,
.ccp-status-badge.status-ready_to_ship { background: var(--ccp-success-soft); border-color: #bfe5d8; color: #166d56; }
.ccp-status-badge.status-cancelled,
.ccp-status-badge.status-rejected { background: var(--ccp-danger-soft); border-color: #f2c8c8; color: #a23c3c; }

.ccp-status-select {
    border-width: 1px !important;
    font-weight: 700 !important;
    min-width: 150px;
}

.ccp-priority-value.is-high,
.ccp-priority-badge.priority-high { color: var(--ccp-danger) !important; }

.ccp-pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    margin: 16px 0;
}

.ccp-pagination a,
.ccp-pagination span {
    align-items: center;
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: 8px;
    color: var(--ccp-text);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    min-width: 34px;
    padding: 0 9px;
    text-decoration: none;
}

.ccp-pagination .current,
.ccp-pagination a:hover {
    background: var(--ccp-primary);
    border-color: var(--ccp-primary);
    color: #fff;
}

/* ================================================================
   WordPress admin workspace
   ================================================================ */
body.ccp-ui-v3 #wpcontent {
    background: var(--ccp-bg);
}

body.ccp-ui-v3 #wpbody-content {
    padding-bottom: 60px;
}

.ccp-ui-v3 .ccp-admin-shell.wrap {
    margin: 24px 28px 0 12px;
    max-width: 1540px;
}

.ccp-ui-v3 .ccp-admin-shell > h1,
.ccp-ui-v3 .ccp-admin-shell > h2,
.ccp-ui-v3 .ccp-admin-shell .wp-heading-inline {
    color: var(--ccp-ink);
    font-size: 28px;
    font-weight: 760;
    letter-spacing: -.035em;
    line-height: 1.2;
    margin: 0 0 18px;
}

.ccp-ui-v3 .ccp-admin-shell .ccp-topbar {
    background: linear-gradient(135deg, #1b2531 0%, #293847 100%);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: var(--ccp-radius-lg);
    box-shadow: var(--ccp-shadow-lg);
    margin-bottom: 18px;
    overflow: hidden;
    padding: 28px 30px;
    position: relative;
}

.ccp-ui-v3 .ccp-admin-shell .ccp-topbar::after {
    background: radial-gradient(circle, rgba(255,255,255,.14) 0, rgba(255,255,255,0) 68%);
    content: "";
    height: 260px;
    position: absolute;
    right: -70px;
    top: -130px;
    width: 260px;
}

.ccp-dashboard-hero {
    align-items: center;
    display: flex;
    gap: 18px;
    position: relative;
    z-index: 1;
}

.ccp-dashboard-hero__mark {
    align-items: center;
    background: linear-gradient(145deg, #d7b17e, #9e6e37);
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 15px;
    box-shadow: 0 12px 28px rgba(0,0,0,.22);
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-size: 17px;
    font-weight: 820;
    height: 54px;
    justify-content: center;
    letter-spacing: -.04em;
    width: 54px;
}

.ccp-dashboard-hero h1 {
    color: #fff !important;
    font-size: 25px !important;
    margin: 0 0 5px !important;
}

.ccp-dashboard-hero p {
    color: #b9c4cf;
    font-size: 13px;
    margin: 0;
    max-width: 760px;
}

.ccp-admin-quick-actions {
    margin-top: 18px;
}

.ccp-admin-section-head {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin: 0 0 12px;
}

.ccp-admin-section-head h2 {
    color: var(--ccp-ink);
    font-size: 18px;
    letter-spacing: -.02em;
    margin: 0 0 4px;
}

.ccp-admin-section-head p {
    color: var(--ccp-muted);
    font-size: 12px;
    margin: 0;
}

.ccp-quick-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ccp-quick-card {
    align-items: center;
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: 14px;
    box-shadow: var(--ccp-shadow-sm);
    color: var(--ccp-text);
    display: flex;
    gap: 13px;
    min-height: 86px;
    padding: 15px;
    text-decoration: none;
}

.ccp-quick-card:hover {
    border-color: color-mix(in srgb, var(--ccp-primary) 38%, var(--ccp-line));
    box-shadow: var(--ccp-shadow);
    color: var(--ccp-text);
    transform: translateY(-2px);
}

.ccp-quick-card__icon {
    align-items: center;
    background: var(--ccp-primary-soft);
    border-radius: 11px;
    color: var(--ccp-primary);
    display: flex;
    flex: 0 0 auto;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.ccp-quick-card strong,
.ccp-quick-card > span:last-child > span {
    display: block;
}

.ccp-quick-card strong {
    color: var(--ccp-ink);
    font-size: 13px;
    margin-bottom: 3px;
}

.ccp-quick-card > span:last-child > span {
    color: var(--ccp-muted);
    font-size: 11px;
}

.ccp-admin-theme-toggle {
    align-items: center;
    background: rgba(23, 32, 43, .92);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    bottom: 22px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .28);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 720;
    gap: 7px;
    min-height: 40px;
    padding: 0 14px;
    position: fixed;
    right: 24px;
    z-index: 99999;
}

.ccp-admin-theme-toggle:hover {
    background: var(--ccp-primary-strong);
    transform: translateY(-1px);
}

.ccp-ui-v3 .notice {
    border: 0;
    border-left: 4px solid var(--ccp-info);
    border-radius: 10px;
    box-shadow: var(--ccp-shadow-sm);
    margin: 14px 0;
    padding: 10px 14px;
}

/* ================================================================
   Dealer portal shell
   ================================================================ */
.ccp-app-shell {
    background: var(--ccp-bg);
    display: grid;
    grid-template-columns: var(--ccp-sidebar-width) minmax(0, 1fr);
    min-height: 100vh;
    position: relative;
    width: 100%;
}

.ccp-app-sidebar {
    background: linear-gradient(180deg, #141c25 0%, #1c2834 56%, #151e28 100%);
    border-right: 1px solid rgba(255,255,255,.06);
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: 0;
    overflow-y: auto;
    padding: 22px 16px 16px;
    position: sticky;
    top: 0;
    z-index: 100;
}

.ccp-app-brand {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 0 3px 27px;
    padding: 5px;
}

.ccp-app-brand-mark,
.ccp-app-brand-logo {
    border-radius: 12px;
    height: 43px;
    width: 43px;
}

.ccp-app-brand-mark {
    align-items: center;
    background: linear-gradient(145deg, #d1aa77, #996936);
    box-shadow: 0 10px 24px rgba(0,0,0,.24);
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 820;
    justify-content: center;
}

.ccp-app-brand-logo {
    background: #fff;
    object-fit: contain;
    padding: 4px;
}

.ccp-app-brand-text strong,
.ccp-app-brand-text span {
    display: block;
}

.ccp-app-brand-text strong {
    color: #fff;
    font-size: 14px;
    font-weight: 730;
    letter-spacing: -.01em;
}

.ccp-app-brand-text span {
    color: #8695a5;
    font-size: 10px;
    letter-spacing: .08em;
    margin-top: 3px;
    text-transform: uppercase;
}

.ccp-app-nav {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
}

.ccp-nav-section-label {
    color: #687888;
    display: block;
    font-size: 9px;
    font-weight: 760;
    letter-spacing: .12em;
    margin: 16px 10px 7px;
    text-transform: uppercase;
}

.ccp-nav-link {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #aeb9c5;
    display: flex;
    font-size: 12px;
    font-weight: 620;
    gap: 10px;
    min-height: 42px;
    padding: 0 11px;
    text-decoration: none;
}

.ccp-nav-link:hover {
    background: rgba(255,255,255,.055);
    color: #fff;
}

.ccp-nav-link.is-active {
    background: linear-gradient(135deg, rgba(194,147,91,.22), rgba(194,147,91,.10));
    border-color: rgba(211,171,122,.25);
    box-shadow: inset 3px 0 0 #c4965d;
    color: #fff;
}

.ccp-nav-icon {
    color: #7f8d9a;
    font-size: 15px;
    width: 18px;
}

.ccp-nav-link.is-active .ccp-nav-icon {
    color: #d9b27e;
}

.ccp-nav-parent-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 3px;
}

.ccp-nav-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #81909e;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: background var(--ccp-transition), transform var(--ccp-transition);
}

.ccp-nav-toggle:hover { background: rgba(255,255,255,.06); color: #fff; }
.ccp-nav-toggle.is-open i { transform: rotate(180deg); }

.ccp-app-subnav {
    display: grid;
    gap: 3px;
    margin: 4px 0 4px 16px;
    max-height: 520px;
    overflow: hidden;
    transition: max-height 220ms ease, opacity 180ms ease;
}

.ccp-app-subnav.is-collapsed {
    max-height: 0;
    opacity: 0;
}

.ccp-app-subnav .ccp-nav-link {
    font-size: 11px;
    min-height: 36px;
}

.ccp-app-theme-row {
    align-items: center;
    border-top: 1px solid rgba(255,255,255,.07);
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
    padding: 16px 5px 12px;
}

.ccp-app-mode-toggle {
    align-items: center;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 9px;
    color: #b9c4cf;
    cursor: pointer;
    display: flex;
    font-size: 10px;
    font-weight: 660;
    gap: 6px;
    min-height: 32px;
    padding: 0 9px;
}

.ccp-app-accent-dots { display: flex; gap: 7px; }

.ccp-app-accent-dot,
.ccp-theme-swatch {
    border: 2px solid transparent;
    border-radius: 999px;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    padding: 0;
    width: 17px;
}

.ccp-app-accent-dot.is-active {
    border-color: #fff;
    box-shadow: 0 0 0 2px rgba(255,255,255,.2);
}

.ccp-accent-dot--gold { background: #a8793f; }
.ccp-accent-dot--slate_blue { background: #4967a9; }
.ccp-accent-dot--forest { background: #477256; }
.ccp-accent-dot--burgundy { background: #813b49; }

.ccp-app-sidebar-footer {
    align-items: center;
    border-top: 1px solid rgba(255,255,255,.07);
    display: grid;
    gap: 9px;
    grid-template-columns: 35px minmax(0, 1fr) 32px;
    padding: 15px 4px 2px;
}

.ccp-app-user-avatar {
    align-items: center;
    background: #2c3a48;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 10px;
    color: #d7e0e8;
    display: flex;
    font-size: 12px;
    font-weight: 760;
    height: 35px;
    justify-content: center;
    width: 35px;
}

.ccp-app-user-meta { min-width: 0; }
.ccp-app-user-meta strong,
.ccp-app-user-meta span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ccp-app-user-meta strong { color: #eef3f7; font-size: 11px; }
.ccp-app-user-meta span { color: #7f8f9e; font-size: 9px; margin-top: 3px; }

.ccp-app-logout-btn {
    align-items: center;
    border-radius: 8px;
    color: #8795a2;
    display: flex;
    height: 32px;
    justify-content: center;
    text-decoration: none;
    width: 32px;
}

.ccp-app-logout-btn:hover { background: rgba(255,255,255,.06); color: #fff; }

.ccp-app-main {
    min-width: 0;
}

.ccp-app-topbar {
    align-items: center;
    background: rgba(255,255,255,.86);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(221, 227, 234, .82);
    display: flex;
    justify-content: space-between;
    min-height: 92px;
    padding: 18px 30px;
    position: sticky;
    top: 0;
    z-index: 80;
}

.ccp-app-topbar__identity {
    align-items: center;
    display: flex;
    gap: 14px;
    min-width: 0;
}

.ccp-app-topbar__copy { min-width: 0; }

.ccp-app-topbar__eyebrow {
    color: var(--ccp-primary);
    display: block;
    font-size: 9px;
    font-weight: 790;
    letter-spacing: .11em;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.ccp-app-topbar h1 {
    color: var(--ccp-ink);
    font-size: 22px;
    font-weight: 760;
    letter-spacing: -.035em;
    line-height: 1.12;
    margin: 0;
}

.ccp-app-topbar__subtitle {
    color: var(--ccp-muted);
    font-size: 11px;
    line-height: 1.45;
    margin: 5px 0 0;
    max-width: 720px;
}

.ccp-app-topbar__actions {
    align-items: center;
    display: flex;
    gap: 10px;
}

.ccp-app-mobile-toggle {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: none;
    height: 36px;
    padding: 0;
    position: relative;
    width: 36px;
}

.ccp-app-mobile-toggle::before,
.ccp-app-mobile-toggle::after {
    background: var(--ccp-ink);
    border-radius: 99px;
    content: "";
    height: 2px;
    left: 8px;
    position: absolute;
    width: 20px;
}

.ccp-app-mobile-toggle::before { top: 13px; box-shadow: 0 6px 0 var(--ccp-ink); }
.ccp-app-mobile-toggle::after { top: 25px; }

.ccp-app-content-inner {
    margin: 0 auto;
    max-width: 1580px;
    padding: 26px 30px 48px;
}

.ccp-app-sidebar-backdrop {
    background: rgba(10, 15, 21, .52);
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity 180ms ease;
    z-index: 90;
}

.ccp-app-sidebar-backdrop.show { opacity: 1; pointer-events: auto; }

/* Portal special cards */
.ccp-chip-grid {
    display: grid;
    gap: 11px;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
}

.ccp-chip-card,
.ccp-list-card {
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: 13px;
    cursor: pointer;
    padding: 14px;
    transition: border-color var(--ccp-transition), box-shadow var(--ccp-transition), transform var(--ccp-transition), background var(--ccp-transition);
}

.ccp-chip-card:hover,
.ccp-list-card:hover {
    border-color: color-mix(in srgb, var(--ccp-primary) 45%, var(--ccp-line));
    transform: translateY(-1px);
}

.ccp-chip-card.is-active,
.ccp-list-card.is-active {
    background: var(--ccp-primary-soft);
    border-color: var(--ccp-primary);
    box-shadow: 0 0 0 3px var(--ccp-primary-ring);
}

.ccp-chip-price,
.ccp-list-price {
    color: var(--ccp-primary);
    display: block;
    font-size: 11px;
    font-weight: 730;
    margin-top: 6px;
}

.ccp-wood-swatch {
    border: 1px solid rgba(15,23,42,.12);
    border-radius: 8px;
    box-shadow: inset 0 2px 5px rgba(15,23,42,.06);
    display: inline-block;
    height: 32px;
    margin-bottom: 8px;
    width: 32px;
}

.ccp-wood-swatch--primed { background: #e2e8f0; }
.ccp-wood-swatch--red_oak { background: #d2b48c; }
.ccp-wood-swatch--white_oak { background: #e5c298; }
.ccp-wood-swatch--walnut { background: #5c4033; }
.ccp-wood-swatch--mahogany { background: #8b4513; }

.ccp-subproject-option {
    align-items: center;
    background: var(--ccp-card-alt);
    border: 1px solid var(--ccp-line);
    border-radius: 11px;
    cursor: pointer;
    display: flex;
    gap: 9px;
    padding: 11px 13px;
    transition: border-color var(--ccp-transition), background var(--ccp-transition), box-shadow var(--ccp-transition);
}

.ccp-subproject-option.is-selected {
    background: var(--ccp-primary-soft);
    border-color: var(--ccp-primary);
    box-shadow: 0 0 0 3px var(--ccp-primary-ring);
}

.ccp-subproject-heading { color: var(--ccp-ink); }
.ccp-subproject-file {
    align-items: center;
    background: var(--ccp-card-alt);
    border: 1px solid var(--ccp-line);
    border-radius: 9px;
    color: var(--ccp-text);
    display: flex;
    font-size: 12px;
    font-weight: 620;
    justify-content: space-between;
    padding: 9px 11px;
    text-decoration: none;
}
.ccp-subproject-file:hover { border-color: var(--ccp-primary); color: var(--ccp-primary-strong); }
.ccp-subproject--exterior { --ccp-subproject-accent: #3572b8; }
.ccp-subproject--interior { --ccp-subproject-accent: #168467; }
.ccp-subproject--hardware { --ccp-subproject-accent: #7d55a7; }
.ccp-subproject--trim { --ccp-subproject-accent: #b66a2e; }
.ccp-subproject-heading[class*="ccp-subproject--"] { color: var(--ccp-subproject-accent); }
.ccp-subproject-file[class*="ccp-subproject--"] { border-left: 3px solid var(--ccp-subproject-accent); }

/* Progress tracker */
.ccp-progress-tracker {
    background: var(--ccp-card-alt) !important;
    border: 1px solid var(--ccp-line) !important;
    border-radius: var(--ccp-radius) !important;
    overflow: hidden;
    padding: 22px 18px !important;
}

.ccp-progress-tracker > div {
    position: relative;
}

.ccp-progress-fill {
    background: linear-gradient(90deg, var(--ccp-primary), color-mix(in srgb, var(--ccp-primary) 68%, #fff));
    border-radius: 99px;
    height: 4px;
    left: 4%;
    position: absolute;
    top: 18px;
    transition: width 300ms ease;
    z-index: 2;
}

.ccp-progress-fill--0 { width: 0; }
.ccp-progress-fill--1 { width: 15.33%; }
.ccp-progress-fill--2 { width: 30.66%; }
.ccp-progress-fill--3 { width: 46%; }
.ccp-progress-fill--4 { width: 61.33%; }
.ccp-progress-fill--5 { width: 76.66%; }
.ccp-progress-fill--6 { width: 92%; }

.ccp-progress-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
    width: 13%;
    z-index: 3;
}

.ccp-progress-circle {
    align-items: center;
    background: var(--ccp-card);
    border: 2px solid var(--ccp-line-strong);
    border-radius: 999px;
    color: var(--ccp-subtle);
    display: flex;
    font-size: 15px;
    font-weight: 730;
    height: 38px;
    justify-content: center;
    transition: all 180ms ease;
    width: 38px;
}

.ccp-progress-step.is-complete .ccp-progress-circle,
.ccp-progress-step.is-current .ccp-progress-circle {
    background: var(--ccp-primary);
    border-color: var(--ccp-primary);
    color: #fff;
}

.ccp-progress-step.is-current { transform: translateY(-2px); }
.ccp-progress-step.is-current .ccp-progress-circle { box-shadow: 0 0 0 6px var(--ccp-primary-ring); }

.ccp-progress-label {
    color: var(--ccp-subtle);
    display: block;
    font-size: 10px;
    font-weight: 720;
    margin-top: 10px;
    white-space: nowrap;
}

.ccp-progress-description {
    color: #b0bac5;
    display: block;
    font-size: 8px;
    margin-top: 2px;
    white-space: nowrap;
}

.ccp-progress-step.is-current .ccp-progress-label,
.ccp-progress-step.is-complete .ccp-progress-label { color: var(--ccp-primary-strong); }
.ccp-progress-step.is-current .ccp-progress-description { color: var(--ccp-muted); }

/* Order timeline */
.ccp-timeline-wrapper {
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: var(--ccp-radius);
    box-shadow: var(--ccp-shadow-sm);
    overflow: hidden;
}

.ccp-timeline-flex {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.ccp-timeline-line-bg,
.ccp-timeline-line-fill {
    border-radius: 99px;
    height: 5px;
    left: 5%;
    position: absolute;
    top: 24px;
}

.ccp-timeline-line-bg { background: var(--ccp-line); right: 5%; z-index: 1; }
.ccp-timeline-line-fill { background: linear-gradient(90deg, var(--ccp-primary), var(--ccp-success)); z-index: 2; }
.ccp-order-progress--0 { width: 0; }
.ccp-order-progress--1 { width: 18%; }
.ccp-order-progress--2 { width: 36%; }
.ccp-order-progress--3 { width: 54%; }
.ccp-order-progress--4 { width: 72%; }
.ccp-order-progress--5 { width: 90%; }

.ccp-timeline-step {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    position: relative;
    text-align: center;
    z-index: 3;
}

.ccp-timeline-circle {
    align-items: center;
    background: var(--ccp-card);
    border: 3px solid var(--ccp-line-strong);
    border-radius: 999px;
    color: var(--ccp-muted);
    display: flex;
    font-size: 18px;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.ccp-timeline-step.is-complete .ccp-timeline-circle { background: var(--ccp-success); border-color: #0f7057; color: #fff; }
.ccp-timeline-step.is-current .ccp-timeline-circle { background: var(--ccp-primary); border-color: var(--ccp-primary-strong); color: #fff; }
.ccp-timeline-label { color: var(--ccp-muted); font-size: 11px; margin-top: 10px; }
.ccp-timeline-step.is-complete .ccp-timeline-label { color: var(--ccp-success); }
.ccp-timeline-step.is-current .ccp-timeline-label { color: var(--ccp-primary-strong); font-weight: 780; }

/* Wizard */
.ccp-wiz-step-wrap { align-items: center; display: flex; }
.ccp-wiz-step-wrap--grow { flex: 1; }
.ccp-wiz-step-main { align-items: center; display: flex; flex: 0 0 auto; gap: 9px; }
.ccp-wiz-step-main.has-offset { margin-left: 12px; }
.ccp-wiz-line { background: var(--ccp-line); flex: 1; height: 2px; transition: background 180ms ease; }
.ccp-wiz-circle {
    align-items: center;
    background: var(--ccp-line);
    border-radius: 999px;
    color: var(--ccp-subtle);
    display: flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 780;
    height: 34px;
    justify-content: center;
    transition: all 180ms ease;
    width: 34px;
}
.ccp-wiz-label { color: var(--ccp-subtle); font-size: 12px; font-weight: 690; white-space: nowrap; }
.ccp-wiz-circle.is-current { background: var(--ccp-primary); color: #fff; }
.ccp-wiz-label.is-current { color: var(--ccp-primary-strong); }

.ccp-sp-card.is-selected { border-color: var(--ccp-primary) !important; background: var(--ccp-primary-soft) !important; box-shadow: 0 0 0 3px var(--ccp-primary-ring); }
.ccp-dropzone { background: var(--ccp-card-alt); border: 1.5px dashed var(--ccp-line-strong); border-radius: 13px; color: var(--ccp-muted); cursor: pointer; padding: 28px 20px; text-align: center; }
.ccp-dropzone:hover,
.ccp-dropzone.drag-over { background: var(--ccp-primary-soft); border-color: var(--ccp-primary); }

/* Conversations and messages */
.ccp-convo-layout {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(230px, 30%) minmax(0, 1fr);
}

.ccp-chat-window,
#ccp-admin-project-thread,
#ccp-portal-project-thread,
#ccp-ticket-portal-thread,
#ccp-project-chat-thread {
    background: #f6f8fa !important;
    border: 1px solid var(--ccp-line) !important;
    border-radius: 14px !important;
    display: flex;
    flex-direction: column;
    gap: 9px;
    overflow-y: auto;
    padding: 14px !important;
}

.ccp-chat-message {
    align-self: flex-start;
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: 14px 14px 14px 4px;
    box-shadow: 0 4px 14px rgba(15,23,42,.04);
    max-width: min(80%, 680px);
    padding: 11px 14px;
    text-align: left;
    width: auto;
}

.ccp-chat-message.is-staff {
    align-self: flex-end;
    background: var(--ccp-primary-soft);
    border-color: color-mix(in srgb, var(--ccp-primary) 24%, var(--ccp-line));
    border-radius: 14px 14px 4px 14px;
}

.ccp-compose {
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: 14px;
    padding: 14px;
}

.ccp-attachment-list { display: grid !important; gap: 9px !important; }
.ccp-attachment-row {
    background: var(--ccp-card) !important;
    border: 1px solid var(--ccp-line) !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    max-width: 100% !important;
    padding: 11px !important;
}

/* Modal */
#ccp-premium-modal {
    align-items: center;
    background: rgba(12, 18, 25, .58);
    backdrop-filter: blur(12px);
    display: none;
    inset: 0;
    justify-content: center;
    padding: 22px;
    position: fixed;
    z-index: 999999;
}

#ccp-premium-modal-body {
    animation: ccp-modal-fade 180ms ease both;
    background: var(--ccp-card);
    border: 1px solid rgba(255,255,255,.36);
    border-radius: 20px;
    box-shadow: 0 30px 80px rgba(7, 12, 18, .32);
    max-height: 90vh;
    max-width: 920px;
    overflow: auto;
    padding: 24px;
    position: relative;
    width: min(920px, 96vw);
}

#ccp-premium-modal-close {
    align-items: center;
    background: var(--ccp-card-alt);
    border: 1px solid var(--ccp-line);
    border-radius: 9px;
    color: var(--ccp-muted);
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 34px;
    z-index: 2;
}

@keyframes ccp-modal-fade {
    from { opacity: 0; transform: translateY(8px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ccp-spin { to { transform: rotate(360deg); } }
@keyframes ccpPulse {
    0% { box-shadow: 0 0 0 0 var(--ccp-primary-ring); }
    70% { box-shadow: 0 0 0 10px rgba(0,0,0,0); }
    100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); }
}
.ccp-pulse-ring { animation: ccpPulse 2s infinite; }
.ccp-spinner { animation: ccp-spin .8s linear infinite; border: 3px solid var(--ccp-line); border-radius: 50%; border-top-color: var(--ccp-primary); height: 40px; width: 40px; }

/* ================================================================
   Dark mode
   ================================================================ */
body.ccp-ui-v3.ccp-dark-mode,
.ccp-app-shell[data-ccp-mode="dark"] {
    --ccp-ink: #f1f5f9;
    --ccp-text: #d4dde6;
    --ccp-muted: #93a2b2;
    --ccp-subtle: #748495;
    --ccp-line: #2f3b47;
    --ccp-line-strong: #3a4857;
    --ccp-bg: #111820;
    --ccp-card: #18222c;
    --ccp-card-alt: #141d26;
    --ccp-primary-soft: color-mix(in srgb, var(--ccp-primary) 16%, #18222c);
}

body.ccp-ui-v3.ccp-dark-mode #wpcontent { background: var(--ccp-bg); }
body.ccp-ui-v3.ccp-dark-mode .ccp-table thead th,
.ccp-app-shell[data-ccp-mode="dark"] .ccp-table thead th { background: #131c24; }
body.ccp-ui-v3.ccp-dark-mode .ccp-table tbody tr:hover td,
.ccp-app-shell[data-ccp-mode="dark"] .ccp-table tbody tr:hover td { background: #1d2a35; }
.ccp-app-shell[data-ccp-mode="dark"] .ccp-app-topbar { background: rgba(17,24,32,.88); border-color: #2b3743; }
.ccp-app-shell[data-ccp-mode="dark"] .ccp-chat-window,
.ccp-app-shell[data-ccp-mode="dark"] #ccp-portal-project-thread,
.ccp-app-shell[data-ccp-mode="dark"] #ccp-ticket-portal-thread { background: #121a22 !important; }

/* ================================================================
   Responsive
   ================================================================ */
@media (max-width: 1180px) {
    .ccp-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ccp-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
    .ccp-app-shell { display: block; }
    .ccp-app-sidebar {
        box-shadow: 24px 0 60px rgba(0,0,0,.26);
        max-width: 88vw;
        position: fixed;
        transform: translateX(-105%);
        transition: transform 220ms ease;
        width: var(--ccp-sidebar-width);
    }
    .ccp-app-sidebar.show { transform: translateX(0); }
    .ccp-app-mobile-toggle { display: block; }
    .ccp-app-topbar { padding: 16px 20px; }
    .ccp-app-content-inner { padding: 22px 20px 40px; }
    .ccp-detail-grid,
    .ccp-settings-grid,
    .ccp-convo-layout { grid-template-columns: 1fr; }
}

@media (max-width: 782px) {
    .ccp-ui-v3 .ccp-admin-shell.wrap { margin: 18px 14px 0 2px; }
    .ccp-ui-v3 .ccp-admin-shell .ccp-topbar { padding: 22px; }
    .ccp-stat-grid,
    .ccp-quick-grid { grid-template-columns: 1fr; }
    .ccp-page-head { align-items: stretch; flex-direction: column; }
    .ccp-toolbar { align-items: stretch; flex-direction: column; }
    .ccp-toolbar-form { width: 100%; }
    .ccp-toolbar-form > * { flex: 1 1 100%; }
    .ccp-table { min-width: 720px; }
    .ccp-progress-tracker { overflow-x: auto; }
    .ccp-progress-tracker > div { min-width: 720px; }
    .ccp-timeline-flex {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 20px !important;
        padding-left: 12px !important;
    }
    .ccp-timeline-line-bg,
    .ccp-timeline-line-fill {
        bottom: 0 !important;
        height: auto !important;
        left: 35px !important;
        top: 0 !important;
        width: 5px !important;
    }
    .ccp-timeline-line-fill { height: auto !important; }
    .ccp-timeline-step {
        align-items: center !important;
        flex-direction: row !important;
        gap: 13px !important;
        text-align: left !important;
    }
    .ccp-timeline-label { margin-top: 0; }
}

@media (max-width: 560px) {
    .ccp-app-topbar__subtitle { display: none; }
    .ccp-app-topbar__actions { display: none; }
    .ccp-app-content-inner { padding: 17px 13px 34px; }
    .ccp-app-topbar { min-height: 72px; padding: 12px 13px; }
    .ccp-app-topbar h1 { font-size: 18px; }
    .ccp-panel { padding: 16px !important; }
    .ccp-stat-card { min-height: 104px; }
    #ccp-premium-modal { padding: 10px; }
    #ccp-premium-modal-body { border-radius: 15px; padding: 17px; width: 100%; }
}

@media print {
    .ccp-app-sidebar,
    .ccp-app-topbar,
    .ccp-admin-theme-toggle,
    .ccp-btn-primary,
    .ccp-btn-secondary { display: none !important; }
    .ccp-app-shell { display: block; background: #fff; }
    .ccp-app-content-inner { max-width: none; padding: 0; }
    .ccp-panel { box-shadow: none !important; }
}

/* Final integration guards: make the portal independent from theme/builder widths. */
.ccp-app-shell {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: none !important;
    width: 100vw;
}

.ccp-app-shell :where(.alert, .notice, .updated) {
    background: var(--ccp-info-soft);
    border: 1px solid #cfe1f5;
    border-radius: 11px;
    color: #315d87;
    font-size: 12px;
    line-height: 1.55;
    margin: 0 0 16px;
    padding: 11px 14px;
}

.ccp-app-shell .alert-success,
.ccp-app-shell .notice-success {
    background: var(--ccp-success-soft);
    border-color: #c7e8dd;
    color: #1d705a;
}

.ccp-nav-badge {
    align-items: center;
    background: #c94f4f;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 9px;
    font-weight: 780;
    height: 18px;
    justify-content: center;
    margin-left: auto;
    min-width: 18px;
    padding: 0 5px;
}

.ccp-news-card,
.ccp-attachment-item,
.ccp-list > * {
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: 13px;
    box-shadow: var(--ccp-shadow-sm);
}

.ccp-news-card {
    padding: 18px;
}

.ccp-news-description {
    color: var(--ccp-muted);
    line-height: 1.65;
}

.ccp-list {
    display: grid;
    gap: 10px;
}

.ccp-attachment-item {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 12px 14px;
}

/* Runtime interaction states: no JavaScript-injected inline styles. */
.ccp-app-shell [hidden],
.ccp-ui-v3 .ccp-admin-shell [hidden] {
    display: none !important;
}

.ccp-wiz-step:not([hidden]) {
    display: block !important;
}

#wiz-sp-error:not([hidden]) {
    display: block !important;
}

#wiz-prev:not([hidden]),
#wiz-next:not([hidden]),
#wiz-submit:not([hidden]) {
    display: inline-flex !important;
}

.ccp-wiz-step-wrap.is-complete .ccp-wiz-circle {
    background: var(--ccp-success);
    color: #fff;
}

.ccp-wiz-step-wrap.is-complete .ccp-wiz-label {
    color: var(--ccp-success);
}

.ccp-wiz-step-wrap.is-complete .ccp-wiz-line {
    background: var(--ccp-success);
}

.ccp-wiz-step-wrap.is-current .ccp-wiz-circle {
    background: var(--ccp-primary);
    box-shadow: 0 0 0 4px var(--ccp-primary-ring);
    color: #fff;
}

.ccp-wiz-step-wrap.is-current .ccp-wiz-label {
    color: var(--ccp-primary-strong);
}

.ccp-wiz-step-wrap.is-current .ccp-wiz-line {
    background: var(--ccp-primary);
}

.ccp-wiz-step-wrap.is-pending .ccp-wiz-circle {
    background: var(--ccp-line);
    color: var(--ccp-subtle);
}

.ccp-wiz-step-wrap.is-pending .ccp-wiz-label {
    color: var(--ccp-subtle);
}

.ccp-wizard-upload-card {
    background: var(--ccp-card);
    border: 1px solid var(--ccp-line);
    border-radius: 14px;
    box-shadow: var(--ccp-shadow-sm);
    overflow: hidden;
}

.ccp-app-shell :where(input, textarea, select).is-invalid {
    border-color: var(--ccp-danger) !important;
    box-shadow: 0 0 0 3px rgba(193, 73, 73, .13) !important;
}

.ccp-btn-primary.is-busy,
.ccp-btn-secondary.is-busy {
    cursor: wait;
    opacity: .58;
}

.ccp-chat-window.is-drag-over,
#ccp-admin-project-thread.is-drag-over,
#ccp-portal-project-thread.is-drag-over,
#ccp-ticket-portal-thread.is-drag-over,
#ccp-project-chat-thread.is-drag-over,
.ccp-communication-thread.is-drag-over {
    background: var(--ccp-primary-soft) !important;
    border-color: var(--ccp-primary) !important;
    box-shadow: 0 0 0 3px var(--ccp-primary-ring) !important;
}

#ccp-premium-modal.is-open {
    display: flex;
}

#ccp-portal-tab-content {
    transition: opacity 160ms ease, transform 160ms ease;
}

#ccp-portal-tab-content.is-loading {
    opacity: .42;
    pointer-events: none;
    transform: translateY(3px);
}

.ccp-upload-overlay {
    align-items: center;
    backdrop-filter: blur(12px) saturate(150%);
    background: rgba(11, 18, 28, .76);
    display: none;
    font-family: var(--ccp-font);
    inset: 0;
    justify-content: center;
    padding: 20px;
    position: fixed;
    z-index: 999999;
}

.ccp-upload-overlay.is-visible {
    display: flex;
}

.ccp-upload-panel {
    background: linear-gradient(145deg, rgba(35, 45, 56, .98), rgba(17, 25, 34, .99));
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 22px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .42);
    box-sizing: border-box;
    max-width: 440px;
    padding: 36px;
    text-align: center;
    width: min(440px, 92vw);
}

.ccp-upload-icon {
    display: inline-block;
    font-size: 46px;
    margin-bottom: 10px;
}

.ccp-upload-title {
    color: #fff;
    font-family: inherit;
    font-size: 20px;
    font-weight: 780;
    letter-spacing: -.025em;
    margin: 14px 0 8px;
}

.ccp-upload-status {
    color: #aeb9c5;
    font-size: 13px;
    font-weight: 540;
    line-height: 1.55;
    margin-bottom: 22px;
}

.ccp-upload-progress {
    appearance: none;
    background: rgba(255, 255, 255, .08);
    border: 0;
    border-radius: 999px;
    display: block;
    height: 8px;
    margin: 0 0 12px;
    overflow: hidden;
    width: 100%;
}

.ccp-upload-progress::-webkit-progress-bar {
    background: rgba(255, 255, 255, .08);
    border-radius: 999px;
}

.ccp-upload-progress::-webkit-progress-value {
    background: linear-gradient(90deg, var(--ccp-primary), #e2b778);
    border-radius: 999px;
    transition: width 100ms ease-out;
}

.ccp-upload-progress::-moz-progress-bar {
    background: linear-gradient(90deg, var(--ccp-primary), #e2b778);
    border-radius: 999px;
}

.ccp-upload-percent {
    color: #fff;
    font-size: 16px;
    font-weight: 780;
}

.ccp-status-badge.status-in_review,
.ccp-status-select.status-in_review {
    background: #fff7e8;
    border-color: #f7dfad;
    color: #a96c0f;
}

.ccp-status-select.status-approved {
    background: #ebf8f3;
    border-color: #c5eadc;
    color: #17785d;
}