.bip-metadata h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    color: var(--cke-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.bip-metadata h2 .bip-icon-info-circle {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: #37506e;
}

.bip-metadata {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid var(--cke-border);
    border-radius: 6px;
    background: #f7fafc;
}

.bip-metadata--standalone {
    background: #fff;
}

.bip-metadata__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
}

.bip-metadata__item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    color: var(--cke-ink);
    font-size: 14px;
    line-height: 1.5;
}

.bip-metadata__separator {
    width: 1px;
    height: 18px;
    flex: 0 0 1px;
    background: var(--cke-border, #c1cddb);
}

.bip-metadata__icon {
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.bip-metadata__icon[src*="icon-calendar.svg"] {
    filter: brightness(0) saturate(100%) invert(16%) sepia(21%) saturate(1843%) hue-rotate(174deg) brightness(91%) contrast(101%);
}

.bip-metadata dt,
.bip-metadata dd {
    margin: 0;
    color: var(--cke-ink);
    font-size: 14px;
    line-height: 1.5;
}

.bip-metadata dt {
    font-weight: 400;
}

.bip-metadata dt::after {
    content: ":";
}

.bip-metadata dd {
    font-weight: 400;
}

.bip-action-bar__item[aria-expanded="true"] {
    color: var(--cke-brand);
    font-weight: 700;
}

.bip-action-bar__item[aria-controls="bip-metadata"][aria-expanded="true"] .bip-icon-info-circle {
    border-radius: 50%;
    background: var(--cke-brand);
}

.bip-action-bar__item[aria-controls="bip-metadata"][aria-expanded="true"] .bip-icon-info-circle path {
    fill: #fff;
}

.bip-action-bar__item[aria-controls="bip-metadata"][aria-expanded="true"] .bip-icon-info-circle path:last-of-type {
    fill: var(--cke-brand);
}