/* Post owner/admin edit and delete controls */
.post-header{
    position:relative;
}

.post-author-copy{
    min-width:0;
    flex:1;
}

.post-manage{
    position:relative;
    margin-left:auto;
    align-self:flex-start;
}

.post-menu-toggle{
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:transparent;
    color:#5f6f83;
    cursor:pointer;
}

.post-menu-toggle:hover,
.post-menu-toggle[aria-expanded="true"]{
    background:#eef2f7;
    color:#172b4d;
}

.post-menu-toggle svg{
    width:22px;
    height:22px;
    fill:currentColor;
}

.post-menu{
    position:absolute;
    top:42px;
    right:0;
    z-index:20;
    width:170px;
    padding:7px;
    border:1px solid #dde4ed;
    border-radius:12px;
    background:#fff;
    box-shadow:0 12px 30px rgba(25,45,70,.16);
}

.post-menu form{
    display:block;
}

.post-menu-action{
    width:100%;
    border:0;
    border-radius:9px;
    padding:10px 11px;
    background:transparent;
    color:#263b59;
    text-align:left;
    font:inherit;
    font-weight:700;
    cursor:pointer;
}

.post-menu-action:hover{
    background:#f1f5f9;
}

.post-menu-action.danger-text:hover{
    background:#fff0f0;
}

.post-edit-panel{
    margin:0 20px 18px;
    padding:18px;
    border:1px solid #dfe6ef;
    border-radius:14px;
    background:#f8fafc;
}

.post-edit-panel form{
    gap:14px;
}

.post-edit-panel textarea{
    min-height:120px;
    resize:vertical;
    background:#fff;
}

.post-edit-options{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.post-edit-upload,
.post-remove-image{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:.88rem;
}

.post-edit-upload input{
    width:auto;
    max-width:240px;
    padding:8px;
}

.post-remove-image{
    grid-template-columns:auto 1fr;
}

.post-remove-image input{
    width:auto;
}

.post-edit-note{
    margin:0;
    padding:10px 12px;
    border-radius:10px;
    background:#fff4d7;
    color:#6f5400;
    font-size:.84rem;
    line-height:1.45;
}

.post-edit-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
}

@media(max-width:650px){
    .post-edit-panel{
        margin-left:14px;
        margin-right:14px;
        padding:14px;
    }

    .post-edit-options,
    .post-edit-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .post-edit-actions .button{
        width:100%;
    }
}
