/* Zilideon Trust Runtime Styles Foundation */
.zl-trust-badge,.zl-quality-panel,.zl-reputation-tier{box-sizing:border-box;}
.zl-trust-badge{display:inline-flex;align-items:center;gap:6px;}

/* ── Trust Panel ─────────────────────────────────────────────────────────── */
.zl-trust-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;margin-top:20px;}
.zl-trust-panel__heading{font-size:var(--zl-fs-sm,14px);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6b7280;margin:0 0 14px;}
.zl-trust-panel__score-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.zl-trust-panel__score{font-size:var(--zl-fs-4xl,40px);font-weight:800;color:#111827;line-height:1;}
.zl-trust-panel__tier{font-size:var(--zl-fs-xs,12px);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px;}
.zl-trust-panel__bar-track{height:6px;background:#f3f4f6;border-radius:999px;overflow:hidden;margin-bottom:18px;}
.zl-trust-panel__bar-fill{height:100%;border-radius:999px;transition:width .4s ease;}
.zl-trust-panel__completeness{margin-bottom:14px;}
.zl-trust-panel__completeness-label{font-size:var(--zl-fs-xs,12px);color:#6b7280;margin-bottom:8px;}
.zl-trust-panel__signals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}
.zl-trust-panel__signal{display:flex;align-items:center;gap:6px;font-size:var(--zl-fs-xs,12px);color:#374151;}
.zl-trust-panel__signal--ok{color:#059669;}
.zl-trust-panel__signal--missing{color:#9ca3af;}
.zl-trust-panel__updated{font-size:var(--zl-fs-xs,12px);color:#9ca3af;margin:12px 0 0;border-top:1px solid #f3f4f6;padding-top:10px;}
.zl-trust-panel__recs{margin-top:14px;border-top:1px solid #f3f4f6;padding-top:12px;}
.zl-trust-panel__recs-heading{font-size:var(--zl-fs-xs,12px);font-weight:700;color:#6b7280;margin:0 0 8px;text-transform:uppercase;letter-spacing:.4px;}
.zl-trust-panel__recs-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;}
.zl-trust-panel__recs-list li{font-size:var(--zl-fs-sm,14px);color:#374151;line-height:1.5;padding-left:16px;position:relative;}
.zl-trust-panel__recs-list li::before{content:"→";position:absolute;left:0;color:#f59e0b;font-weight:700;}
.zl-trust-panel__recs-all-good{font-size:var(--zl-fs-sm,14px);color:#166534;font-weight:600;margin:12px 0 0;padding-top:12px;border-top:1px solid #f3f4f6;}


/* ══════════════════════════════════════════════════════════════════════════
   Trust Panel v2 — two-section layout (Trust Score + Profile Completeness)
   ══════════════════════════════════════════════════════════════════════════ */

.zl-trust-panel {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
    font-family: inherit;
    font-size: var(--zl-fs-sm,14px);
}

.zl-trust-panel__section {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #f0f0f0;
}

.zl-trust-panel__section:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.zl-trust-panel__heading {
    margin: 0 0 14px;
    font-size: var(--zl-fs-sm,14px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #1a7ae4;
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.zl-trust-panel__heading-hint {
    font-size: var(--zl-fs-xs,12px);
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: #9ca3af;
}

/* Score row */
.zl-trust-panel__score-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.zl-trust-panel__score {
    font-size: var(--zl-fs-4xl,40px);
    font-weight: 800;
    color: #111827;
    line-height: 1;
}

.zl-trust-panel__score-max {
    font-size: var(--zl-fs-sm,14px);
    color: #9ca3af;
    font-weight: 500;
    margin-right: 4px;
}

.zl-trust-panel__tier {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: var(--zl-fs-xs,12px);
    font-weight: 700;
}

.zl-trust-panel__verified-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    background: #e8f1fd;
    color: #1a5cbf;
    border: 1px solid #c2d9f8;
    border-radius: 20px;
    font-size: var(--zl-fs-xs,12px);
    font-weight: 700;
}

/* Bars */
.zl-trust-panel__bar-track {
    height: 6px;
    background: #f3f4f6;
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: 16px;
}

.zl-trust-panel__bar-fill {
    height: 100%;
    border-radius: 99px;
    transition: width .4s ease;
}

/* Score breakdown */
.zl-trust-panel__breakdown {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px 14px;
}

.zl-trust-panel__breakdown-title {
    margin: 0 0 10px;
    font-size: var(--zl-fs-xs,12px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #6b7280;
}

.zl-trust-panel__breakdown-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zl-trust-panel__breakdown-item {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 3px 8px;
    align-items: center;
}

.zl-trust-panel__breakdown-label {
    font-size: var(--zl-fs-xs,12px);
    font-weight: 600;
    color: #374151;
    grid-column: 1;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.zl-trust-panel__breakdown-meta {
    font-size: var(--zl-fs-xs,12px);
    font-weight: 400;
    color: #9ca3af;
}

.zl-trust-panel__breakdown-pts {
    font-size: var(--zl-fs-xs,12px);
    font-weight: 700;
    color: #111827;
    grid-column: 2;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
}

.zl-trust-panel__get-verified-link {
    font-size: var(--zl-fs-xs,12px);
    font-weight: 600;
    color: #1a7ae4;
    text-decoration: none;
    white-space: nowrap;
}
.zl-trust-panel__get-verified-link:hover {
    text-decoration: underline;
}

.zl-trust-panel__breakdown-bar-track {
    grid-column: 1 / -1;
    height: 4px;
    background: #e5e7eb;
    border-radius: 99px;
    overflow: hidden;
}

.zl-trust-panel__breakdown-bar-fill {
    height: 100%;
    border-radius: 99px;
    transition: width .4s ease;
}

/* Profile completeness signals */
.zl-trust-panel__signals {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 12px;
}

.zl-trust-panel__signal {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--zl-fs-xs,12px);
    font-weight: 500;
}

.zl-trust-panel__signal--ok    { color: #166534; }
.zl-trust-panel__signal--missing { color: #9ca3af; }

.zl-trust-panel__signal--ok svg    { color: #16a34a; flex-shrink: 0; }
.zl-trust-panel__signal--missing svg { color: #d1d5db; flex-shrink: 0; }

/* Updated timestamp */
.zl-trust-panel__updated {
    margin: 14px 0 0;
    font-size: var(--zl-fs-xs,12px);
    color: #9ca3af;
    text-align: right;
}

@media (max-width: 480px) {
    .zl-trust-panel__signals { grid-template-columns: 1fr; }
    .zl-trust-panel__score   { font-size: var(--zl-fs-2xl,28px); }
}
