.leak-panel {
    --leak-border: var(--gray-200);
    --leak-muted: var(--gray-500);
    --leak-subtle: var(--gray-50);
    --leak-text: var(--gray-950);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    color: var(--leak-text);
}
.dark .leak-panel {
    --leak-border: var(--gray-700);
    --leak-muted: var(--gray-400);
    --leak-subtle: color-mix(in srgb, var(--gray-900) 72%, transparent);
    --leak-text: var(--gray-100);
}
.leak-card {
    overflow: hidden;
    border: 1px solid var(--leak-border);
    border-radius: .875rem;
    background: white;
    box-shadow: 0 1px 2px rgb(0 0 0 / .04), 0 6px 20px rgb(15 23 42 / .035);
}
.dark .leak-card { background: var(--gray-900); box-shadow: 0 1px 2px rgb(0 0 0 / .18); }
.leak-card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.125rem;
    border-bottom: 1px solid var(--leak-border);
    background: var(--leak-subtle);
}
.leak-card__header--compact { align-items: center; }
.leak-card__title {
    margin: 0;
    color: var(--leak-text);
    font-size: .9375rem;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.01em;
}
.leak-card__subtitle {
    margin: .25rem 0 0;
    color: var(--leak-muted);
    font-size: .75rem;
    line-height: 1.4;
}
.leak-card__body { padding: 1.125rem; }
.leak-card__footer {
    display: flex;
    padding: .875rem 1.125rem;
    border-top: 1px solid var(--leak-border);
    background: var(--leak-subtle);
}
.leak-chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}
.leak-chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 1.625rem;
    padding: .2rem .55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .6875rem;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}
.leak-chip__dot { width: .375rem; height: .375rem; border-radius: 999px; background: currentColor; }
.leak-chip__icon { width: .875rem; height: .875rem; }
.leak-chip--priority-high { border-color: rgb(248 113 113 / .4); background: rgb(254 226 226 / .78); color: rgb(185 28 28); }
.dark .leak-chip--priority-high { border-color: rgb(248 113 113 / .3); background: rgb(127 29 29 / .32); color: rgb(252 165 165); }
.leak-chip--priority-medium { border-color: rgb(96 165 250 / .38); background: rgb(219 234 254 / .78); color: rgb(29 78 216); }
.dark .leak-chip--priority-medium { border-color: rgb(96 165 250 / .3); background: rgb(30 64 175 / .3); color: rgb(147 197 253); }
.leak-chip--priority-low { border-color: rgb(148 163 184 / .35); background: rgb(241 245 249 / .8); color: rgb(71 85 105); }
.dark .leak-chip--priority-low { border-color: rgb(148 163 184 / .25); background: rgb(51 65 85 / .45); color: rgb(203 213 225); }
.leak-chip--open { border-color: rgb(251 191 36 / .35); background: rgb(254 243 199 / .72); color: rgb(180 83 9); }
.dark .leak-chip--open { border-color: rgb(245 158 11 / .3); background: rgb(120 53 15 / .3); color: rgb(252 211 77); }
.leak-chip--dismissed, .leak-chip--unverified { border-color: rgb(148 163 184 / .35); background: rgb(241 245 249 / .8); color: rgb(71 85 105); }
.dark .leak-chip--dismissed, .dark .leak-chip--unverified { border-color: rgb(148 163 184 / .25); background: rgb(51 65 85 / .45); color: rgb(203 213 225); }
.leak-chip--resolved, .leak-chip--verified { border-color: rgb(52 211 153 / .35); background: rgb(209 250 229 / .75); color: rgb(4 120 87); }
.dark .leak-chip--resolved, .dark .leak-chip--verified { border-color: rgb(52 211 153 / .25); background: rgb(6 78 59 / .35); color: rgb(110 231 183); }
.leak-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 0;
}
.leak-detail {
    min-width: 0;
    padding: 1rem 1.125rem;
    border-bottom: 1px solid var(--leak-border);
}
.leak-detail:nth-child(odd):not(.leak-detail--full) { border-right: 1px solid var(--leak-border); }
.leak-detail--full { grid-column: 1 / -1; }
.leak-detail:last-child { border-bottom: 0; }
.leak-detail dt {
    margin: 0 0 .375rem;
    color: var(--leak-muted);
    font-size: .6875rem;
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.leak-detail dd {
    margin: 0;
    color: var(--leak-text);
    font-size: .8125rem;
    font-weight: 550;
    line-height: 1.45;
}
.leak-detail__secondary {
    display: block;
    margin-top: .15rem;
    color: var(--leak-muted);
    font-size: .75rem;
    font-weight: 400;
    overflow-wrap: anywhere;
}
.leak-code-row {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .625rem .75rem;
    border: 1px solid var(--leak-border);
    border-radius: .5rem;
    background: var(--leak-subtle);
    font-family: var(--mono-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .75rem !important;
    font-weight: 450 !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere;
}
.leak-code-row__icon {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    margin-top: .05rem;
    color: var(--leak-muted);
}
.leak-comment-count {
    display: inline-grid;
    place-items: center;
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0 .4rem;
    border: 1px solid var(--leak-border);
    border-radius: 999px;
    background: white;
    color: var(--leak-muted);
    font-size: .6875rem;
    font-weight: 700;
}
.dark .leak-comment-count { background: var(--gray-800); }
.leak-comment {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: .75rem;
}
.leak-comment + .leak-comment { margin-top: .25rem; }
.leak-comment__rail { display: flex; flex-direction: column; align-items: center; }
.leak-comment__avatar {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    background: var(--primary-50);
    color: var(--primary-700);
    font-size: .6875rem;
    font-weight: 750;
    letter-spacing: .02em;
}
.dark .leak-comment__avatar { background: color-mix(in srgb, var(--primary-500) 18%, transparent); color: var(--primary-300); }
.leak-comment__line { flex: 1 1 auto; width: 1px; min-height: 1.25rem; margin: .35rem 0; background: var(--leak-border); }
.leak-comment:last-child .leak-comment__line { display: none; }
.leak-comment__content {
    min-width: 0;
    margin-bottom: 1rem;
    padding: .875rem 1rem;
    border: 1px solid var(--leak-border);
    border-radius: .75rem;
    background: var(--leak-subtle);
}
.leak-comment:last-child .leak-comment__content { margin-bottom: 0; }
.leak-comment__header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.leak-comment__author, .leak-comment__email, .leak-comment__message { margin: 0; }
.leak-comment__author { color: var(--leak-text); font-size: .8125rem; font-weight: 650; line-height: 1.35; }
.leak-comment__email, .leak-comment__time { color: var(--leak-muted); font-size: .6875rem; line-height: 1.35; }
.leak-comment__email { margin-top: .125rem; overflow-wrap: anywhere; }
.leak-comment__time { flex: 0 0 auto; padding-top: .05rem; white-space: nowrap; }
.leak-comment__message {
    margin-top: .65rem;
    color: var(--gray-700);
    font-size: .8125rem;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.dark .leak-comment__message { color: var(--gray-300); }
.leak-empty-state { display: flex; flex-direction: column; align-items: center; padding: 1.5rem 1rem; text-align: center; }
.leak-empty-state__icon {
    display: inline-grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    background: var(--leak-subtle);
    color: var(--leak-muted);
}
.leak-empty-state__icon svg { width: 1.25rem; height: 1.25rem; }
.leak-empty-state__title, .leak-empty-state__text { margin: 0; }
.leak-empty-state__title { margin-top: .75rem; color: var(--leak-text); font-size: .8125rem; font-weight: 650; }
.leak-empty-state__text { max-width: 20rem; margin-top: .25rem; color: var(--leak-muted); font-size: .75rem; line-height: 1.45; }
.fi-modal-window:has(.leak-panel) .fi-fo-field-label-content { font-weight: 650; }
.fi-modal-window:has(.leak-panel) textarea { min-height: 6.5rem; }
@media (max-width: 639px) {
    .leak-card__header { flex-direction: column; }
    .leak-chips { justify-content: flex-start; }
    .leak-details { grid-template-columns: minmax(0, 1fr); }
    .leak-detail, .leak-detail--full { grid-column: 1; }
    .leak-detail:nth-child(odd):not(.leak-detail--full) { border-right: 0; }
    .leak-comment__header { flex-direction: column; gap: .3rem; }
}