.brokenpinea-refresh-notice {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    box-sizing:border-box;
    width:100%;
    margin:10px 0;
    padding:10px 12px;
    border:1px solid rgba(127,203,99,.24);
    border-radius:12px;
    background:rgba(127,203,99,.07);
    color:#cbd4dc;
    font-size:12px;
    line-height:1.4;
}

.brokenpinea-refresh-notice strong {
    color:#91df70;
}

.brokenpinea-file-refresh-button {
    flex:0 0 auto;
    padding:7px 11px;
    border:1px solid rgba(127,203,99,.32);
    border-radius:9px;
    background:#29342c;
    color:#9ee47f;
    font:inherit;
    font-weight:800;
    cursor:pointer;
}

.brokenpinea-file-refresh-button:hover {
    background:#344239;
}

.brokenpinea-broken-file {
    display:flex;
    align-items:center;
    gap:11px;
    box-sizing:border-box;
    width:min(360px,100%);
    min-height:100px;
    margin:10px 0;
    padding:13px;
    border:1px dashed rgba(127,203,99,.35);
    border-radius:12px;
    background:#1c2329;
    color:#cbd4dc;
}

.brokenpinea-broken-file-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 52px;
    width:52px;
    height:52px;
    border-radius:11px;
    background:#252e35;
    font-size:26px;
}

.brokenpinea-broken-file-copy {
    flex:1 1 auto;
    min-width:0;
}

.brokenpinea-broken-file-copy strong {
    display:block;
    margin-bottom:3px;
    color:#edf2f7;
    font-size:13px;
}

.brokenpinea-broken-file-copy span {
    display:block;
    color:#9da8b2;
    font-size:11px;
    line-height:1.35;
}

@media(max-width:700px) {
    .brokenpinea-refresh-notice {
        align-items:flex-start;
        flex-direction:column;
    }

    .brokenpinea-refresh-notice .brokenpinea-file-refresh-button {
        width:100%;
    }

    .brokenpinea-broken-file {
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .brokenpinea-broken-file-copy {
        min-width:calc(100% - 70px);
    }

    .brokenpinea-broken-file .brokenpinea-file-refresh-button {
        width:100%;
    }
}