.review > .section-title > div {
    display: grid;
    gap: 8px;
}

.admin-actions { display: flex; align-items: center; gap: 10px; }
.secondary-link { background: transparent; color: var(--ink); border: 1px solid var(--line); }
.user-create,.user-list { margin-top: 28px; padding: 24px; background: #fff; border: 1px solid var(--line); }
.user-create form { grid-template-columns: repeat(3,minmax(0,1fr)) auto; align-items: end; margin-top: 18px; }
.user-list { display: grid; gap: 12px; }
.user-row { display: grid; grid-template-columns: minmax(220px,1fr) 2fr; gap: 24px; align-items: center; padding: 18px 0; border-top: 1px solid var(--line); }
.user-row>div:first-child { display: grid; }
.user-row span,.user-row small { color: #527080; }
.user-controls { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; }
.user-controls form:first-child { grid-template-columns: 1fr auto; align-items: end; }
@media(max-width:800px){.user-create form,.user-row,.user-controls,.user-controls form:first-child{grid-template-columns:1fr}.admin-actions{flex-wrap:wrap}.admin-actions form{width:100%}}
.button-link { display: inline-flex; align-items: center; padding: 14px 18px; background: #087482; color: #fff; text-decoration: none; font-weight: 800; }

.review a,
.document-list a {
    color: #087886;
    font-weight: 800;
}

.case-list {
    display: grid;
    gap: 12px;
}

.case-row {
    display: grid;
    grid-template-columns: 52px minmax(250px, 2fr) minmax(130px, 1fr) 150px 160px 92px 120px;
    align-items: end;
    gap: 12px;
    padding: 16px;
    background: #fff;
    border: 1px solid #c9dde4;
}

.case-row:has(.article-number) {
    grid-template-columns: 52px 100px minmax(220px, 2fr) minmax(120px, 1fr) 130px 145px 82px 105px;
}

.article-number {
    align-self: center;
    color: #087886;
    font-size: 13px;
    font-weight: 800;
}

.case-source {
    grid-column: 2 / -1;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.case-clarification {
    grid-column: 3 / 5;
    padding: 10px 12px;
    background: #eef6f7;
    border-left: 3px solid #087886;
    color: #164058;
    font-weight: 800;
}

.case-clarification select {
    margin-top: 6px;
    background: #fff;
}

.clarification-state{display:block;margin-top:6px;color:#086b78;font-size:12px;font-weight:700}.case-row.case-updated{box-shadow:inset 3px 0 #1593a5;background:#fbfeff}

.case-official-search {
    grid-column: 2 / -1;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 14px;
    font-size: 12px;
}

.case-official-search small {
    color: #527080;
}


.review-intro {
    color: #527080;
    margin: 0 0 18px;
}

.article-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    gap: 8px 18px;
    margin: 0 0 24px;
}

.article-summary > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 7px;
    padding: 6px 0;
    border-bottom: 1px solid #c9dde4;
    font-size: 12px;
}

.article-summary strong {
    color: #087886;
}

.bulk-review {
    display: block;
}

.save-bar {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 14px 20px;
    margin-top: 18px;
    background: #fff;
    border: 1px solid #c9dde4;
    box-shadow: 0 -8px 24px rgba(8, 44, 69, .08);
}

.save-bar span {
    color: #527080;
    font-size: 13px;
}

.case-row label {
    font-size: 12px;
}

.case-row input,
.case-row select,
.case-row button {
    min-width: 0;
}

.case-number {
    align-self: center;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eef6f7;
    color: #087886;
    font-weight: 900;
}

@media (max-width: 900px) {
    .case-row,
    .case-row:has(.article-number) {
        grid-template-columns: 52px 1fr 1fr;
    }

    .case-row label:first-of-type {
        grid-column: 2 / -1;
    }

    .case-row:has(.article-number) label:first-of-type {
        grid-column: 1 / -1;
    }

    .case-clarification {
        grid-column: 2 / -1;
    }
}

@media (max-width: 560px) {
    .case-row,
    .case-row:has(.article-number) {
        grid-template-columns: 1fr;
    }

    .case-row label:first-of-type,
    .case-row:has(.article-number) label:first-of-type,
    .case-source {
        grid-column: auto;
    }

    .case-clarification {
        grid-column: auto;
    }

    .case-official-search {
        grid-column: auto;
    }

    .case-number {
        margin: auto;
    }

    .article-number {
        text-align: center;
    }

    .save-bar {
        align-items: stretch;
        flex-direction: column;
    }
}
 .case-history { grid-column: 1 / -1; padding: 12px; border: 1px solid #b8cbd2; background: #f5f9fa; overflow-wrap: anywhere; }
 .case-history summary { cursor: pointer; font-weight: 700; color: #086879; }
 .case-history p { font-size: 13px; color: #52616b; }
 .case-history div { padding: 8px 0; border-top: 1px solid #d7e2e6; }
 .case-history small { display: block; margin-top: 4px; color: #52616b; }
