/*
 * RENGANURA_INDIVIDUAL_CLIENT_CONTEXT_FRAME_V1
 * Individual Client workspace identity frame.
 */

#rg-individual-client-context-frame-v1 {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 10px;
    padding: 13px 16px;
    border: 1px solid rgba(23, 105, 160, 0.32);
    border-left: 5px solid #1769a0;
    border-radius: 10px;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f2f8fc 100%
        );
    color: #173d56;
    box-shadow: 0 3px 12px rgba(24, 79, 115, 0.08);
}

#rg-individual-client-context-frame-v1
.rg-individual-context-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 48px;
}

#rg-individual-client-context-frame-v1 h1 {
    margin: 0;
    color: #155f91;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 780;
    letter-spacing: -0.01em;
}

#rg-individual-client-context-frame-v1 p {
    margin: 4px 0 0;
    color: #506c7e;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 550;
}

#rg-individual-client-context-frame-v1
+ #rg-case-file-drawer-v1 {
    margin-top: 0;
}

@media (max-width: 520px) {
    #rg-individual-client-context-frame-v1 {
        padding: 11px 13px;
    }

    #rg-individual-client-context-frame-v1 h1 {
        font-size: 17px;
    }

    #rg-individual-client-context-frame-v1 p {
        font-size: 12.5px;
    }
}

/*
 * RENGANURA_INDIVIDUAL_CLIENT_TITLE_MOVE_GREEN_V1
 *
 * The original Individual Client heading is moved into the
 * workspace identity frame and displayed in green.
 */

#rg-individual-client-context-frame-v1
.rg-individual-client-stakeholder-name,
#rg-individual-client-context-frame-v1
.rg-individual-context-title-moved-v1 {
    margin: 0 !important;
    color: #16834f !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 780 !important;
    letter-spacing: -0.01em !important;
}

#rg-individual-client-context-frame-v1
.rg-individual-context-title-moved-v1
+ p {
    margin-top: 4px !important;
}

@media (max-width: 520px) {
    #rg-individual-client-context-frame-v1
    .rg-individual-context-title-moved-v1 {
        font-size: 17px !important;
    }
}