/* RequestDetail page — migrated from RequestDetail.razor.css; the shared .id-* kit lives in components.css. Scoped under .page-request-detail. */
.page-request-detail { display: flex; flex-direction: column; gap: 34px; }

.page-request-detail .id-typetag {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--accent-2);
    border: 1px solid var(--accent-line);
    background: var(--accent-soft);
    white-space: nowrap;
}

.page-request-detail .id-desc { margin: 0; font-size: 14px; line-height: 1.65; color: var(--muted); }

.page-request-detail .id-miniavatar {
    width: 22px;
    height: 22px;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: 9px;
    font-weight: 700;
    color: #04201D;
    background: linear-gradient(140deg, #5EEAD9, #14B8A6);
}