/*
 * r606: gedeelde Windows-vensterstijl voor meldingdetails en
 * Gastenboekbericht plaatsen op profiel- en meldingenpagina.
 */

/* Windows-achtige zwarte, halftransparante achtergrond. */
.notification-detail-overlay {
    background: rgba(0, 0, 0, .68) !important;
}

body.profile-bio-editor-open::before {
    position: fixed !important;
    inset: 0 !important;
    z-index: 11990 !important;
    display: block !important;
    content: "" !important;
    background: rgba(0, 0, 0, .68) !important;
    backdrop-filter: none !important;
}

body.profile-bio-editor-open.guestbook-window-minimized::before {
    background: transparent !important;
    pointer-events: none !important;
}

/* Het gastenboekformulier gebruikt dezelfde vensteropbouw als de meldingpopup. */
#guestbookFormContainer #guestbookForm.guestbook-window-dialog {
    --guestbook-window-x: 0px;
    --guestbook-window-y: 0px;
    position: fixed !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    z-index: 12000 !important;
    box-sizing: border-box !important;
    display: none !important;
    width: min(1000px, calc(100vw - 40px)) !important;
    max-width: 1000px !important;
    height: min(790px, calc(100dvh - 40px)) !important;
    max-height: calc(100dvh - 40px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #1f2328 !important;
    border: 1px solid #466636 !important;
    border-radius: 10px !important;
    background: #f6f7f6 !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .42) !important;
    transform: translate3d(
        calc(-50% + var(--guestbook-window-x)),
        calc(-50% + var(--guestbook-window-y)),
        0
    ) !important;
    transition: width .16s ease, height .16s ease, max-height .16s ease, box-shadow .16s ease !important;
}

#guestbookFormContainer #guestbookForm.guestbook-window-dialog.is-open {
    display: grid !important;
    grid-template-areas:
        "window-header"
        "toolbar"
        "field"
        "footer" !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 50px auto minmax(0, 1fr) 70px !important;
}

#guestbookFormContainer #guestbookForm.guestbook-window-dialog.is-dragging {
    transition: none !important;
    box-shadow: 0 28px 72px rgba(0, 0, 0, .48) !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-header {
    grid-area: window-header !important;
    position: relative !important;
    z-index: 12 !important;
    box-sizing: border-box !important;
    display: flex !important;
    min-width: 0 !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 6px 7px 6px 14px !important;
    color: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #365728 !important;
    border-radius: 0 !important;
    background:
        radial-gradient(circle at 83% 14%, rgba(255,255,255,.16), transparent 27%),
        linear-gradient(135deg, #3f642f 0%, #557a3e 62%, #7c9d67 100%) !important;
    box-shadow: none !important;
    user-select: none !important;
    touch-action: none !important;
    cursor: grab !important;
}

#guestbookFormContainer #guestbookForm.is-dragging .guestbook-window-header {
    cursor: grabbing !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-title {
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 1px rgba(0, 0, 0, .34) !important;
    white-space: nowrap !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-controls {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-control {
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    width: 35px !important;
    min-width: 35px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .46) !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.12) !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-shadow: 0 1px rgba(0,0,0,.35) !important;
    cursor: pointer !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-minimize {
    place-items: end center !important;
    padding-bottom: 5px !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-control:hover,
#guestbookFormContainer #guestbookForm .guestbook-window-control:focus {
    color: #fff !important;
    border-color: rgba(255,255,255,.78) !important;
    background: rgba(255,255,255,.24) !important;
    box-shadow: none !important;
    outline: 0 !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-control:focus-visible {
    outline: 2px solid rgba(255,255,255,.88) !important;
    outline-offset: -3px !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-close:hover,
#guestbookFormContainer #guestbookForm .guestbook-window-close:focus {
    border-color: #973b34 !important;
    background: linear-gradient(180deg, #d96a61, #b94139) !important;
}

/* Werkbalk direct onder de titelbalk. */
#guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-toolbar {
    grid-area: toolbar !important;
    position: relative !important;
    z-index: 10 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 7px 9px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid #bfc5ca !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #f5f6f7 0%, #e5e8eb 100%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.88) !important;
}

/* Grijze werkruimte met daarbinnen het aansluitende witte schrijfvlak. */
#guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-content {
    grid-area: field !important;
    position: relative !important;
    box-sizing: border-box !important;
    display: grid !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 20px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f1f3f1 !important;
    box-shadow: none !important;
}

#guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-field {
    box-sizing: border-box !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 24px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    color: #202124 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow-wrap: anywhere !important;
}

#guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-field:focus {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

#guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-footer {
    grid-area: footer !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-width: 0 !important;
    min-height: 70px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    align-items: center !important;
    gap: 18px !important;
    border: 0 !important;
    border-top: 1px solid #b2b8b4 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #f2f3f2 0%, #dee1df 100%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.85) !important;
}

#guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-footer h1 {
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #3e4841 !important;
    font: inherit !important;
    font-size: var(--h1-font-size, 22px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-footer nav {
    display: flex !important;
    width: auto !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

#guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-footer .button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 3px 15px !important;
    white-space: nowrap !important;
}

/* De gewone Snoeten-button houdt de originele blauwe Windows-hover. */
#guestbookFormContainer #guestbookForm.guestbook-window-dialog .button:hover,
#guestbookFormContainer #guestbookForm.guestbook-window-dialog .button:focus {
    border-color: #3c7fb1 !important;
    background: linear-gradient(to bottom, #eaf6fd 0%, #d9f0fc 42%, #bee6fd 47%, #bce5fc 58%, #a7d9f5 100%) !important;
    box-shadow: 0 0 3px #a7d9f5 !important;
    color: #000 !important;
}

/* Minimaliseren als compacte Windows-balk onderaan. */
#guestbookFormContainer #guestbookForm.guestbook-window-dialog.is-minimized {
    top: auto !important;
    bottom: 12px !important;
    left: 50% !important;
    width: min(460px, calc(100vw - 40px)) !important;
    max-width: 460px !important;
    height: 42px !important;
    max-height: 42px !important;
    grid-template-areas: "window-header" !important;
    grid-template-rows: 42px !important;
    transform: translateX(-50%) !important;
}

#guestbookFormContainer #guestbookForm.guestbook-window-dialog.is-minimized .guestbook-window-header {
    min-height: 42px !important;
    padding: 6px 7px 6px 14px !important;
    border-bottom: 0 !important;
    cursor: default !important;
}

#guestbookFormContainer #guestbookForm.guestbook-window-dialog.is-minimized .profile-bio-editor-toolbar,
#guestbookFormContainer #guestbookForm.guestbook-window-dialog.is-minimized .profile-bio-editor-content,
#guestbookFormContainer #guestbookForm.guestbook-window-dialog.is-minimized .profile-bio-editor-footer {
    display: none !important;
}

/* Maximaliseren met rondom exact 20px ruimte. */
#guestbookFormContainer #guestbookForm.guestbook-window-dialog.is-maximized {
    top: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
    left: 20px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
}

@media (max-width: 700px) {
    #guestbookFormContainer #guestbookForm.guestbook-window-dialog {
        width: calc(100vw - 16px) !important;
        height: calc(100dvh - 16px) !important;
        max-height: calc(100dvh - 16px) !important;
    }

    #guestbookFormContainer #guestbookForm.guestbook-window-dialog.is-maximized {
        top: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        left: 8px !important;
    }

    #guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-content {
        padding: 12px !important;
    }

    #guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-field {
        padding: 18px !important;
    }

    #guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-footer {
        grid-template-columns: minmax(0, 1fr) auto !important;
        min-height: 64px !important;
        padding: 10px 12px !important;
        gap: 10px !important;
    }

    #guestbookFormContainer #guestbookForm.guestbook-window-dialog .profile-bio-editor-footer h1 {
        font-size: 16px !important;
    }
}


/* r602: Prikbordbericht plaatsen gebruikt dezelfde Windows-popup. */
body.profile-bio-editor-open.status-window-minimized::before {
    background: transparent !important;
    pointer-events: none !important;
}
#form-posts #bioEdit.status-window-dialog {
    --status-window-x: 0px;
    --status-window-y: 0px;
    position: fixed !important;
    top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important;
    z-index: 12000 !important;
    display: none !important;
    width: min(1000px, calc(100vw - 40px)) !important;
    max-width: 1000px !important;
    height: min(790px, calc(100dvh - 40px)) !important;
    max-height: calc(100dvh - 40px) !important;
    min-width: 0 !important;
    margin: 0 !important; padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #737a75 !important;
    border-radius: 9px !important;
    background: #e7e9e7 !important;
    box-shadow: 0 26px 74px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.08) !important;
    transform: translate3d(calc(-50% + var(--status-window-x)), calc(-50% + var(--status-window-y)), 0) !important;
}
#form-posts #bioEdit.status-window-dialog.is-open {
    display: grid !important;
    grid-template-areas: "window-header" "toolbar" "field" "footer" !important;
    grid-template-rows: 50px auto minmax(0,1fr) 70px !important;
    grid-template-columns: minmax(0,1fr) !important;
}
#form-posts #bioEdit.status-window-dialog.is-dragging { transition: none !important; }
#form-posts #bioEdit .status-window-header {
    grid-area: window-header !important;
    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important;
    min-width: 0 !important; min-height: 50px !important;
    padding: 6px 7px 6px 14px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    border-bottom: 1px solid #365728 !important;
    background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,0) 47%), linear-gradient(135deg,#3f642f 0%,#557a3e 62%,#6f925b 100%) !important;
    user-select: none !important; touch-action: none !important; cursor: grab !important;
}
#form-posts #bioEdit.is-dragging .status-window-header { cursor: grabbing !important; }
#form-posts #bioEdit .status-window-title {
    min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font: 700 15px/1.2 Tahoma,Arial,sans-serif; text-shadow: 0 1px rgba(0,0,0,.34);
}
#form-posts #bioEdit .status-window-controls { display:flex; align-items:center; gap:3px; flex:0 0 auto; }
#form-posts #bioEdit .status-window-control {
    display:grid; place-items:center; width:35px; min-width:35px; height:28px; min-height:28px; margin:0; padding:0;
    border:1px solid rgba(255,255,255,.46); border-radius:3px;
    background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
    color:#fff; font:400 16px/1 Tahoma,Arial,sans-serif; text-shadow:0 1px rgba(0,0,0,.35); cursor:pointer;
}
#form-posts #bioEdit .status-window-minimize { place-items:end center; padding-bottom:5px; }
#form-posts #bioEdit .status-window-control:hover, #form-posts #bioEdit .status-window-control:focus { background:rgba(255,255,255,.24); border-color:rgba(255,255,255,.78); color:#fff; box-shadow:none; outline:0; }
#form-posts #bioEdit .status-window-close:hover { background:linear-gradient(180deg,#d96a61,#b94139); border-color:#973b34; }
#form-posts #bioEdit.status-window-dialog .profile-bio-editor-toolbar { grid-area:toolbar !important; position:relative !important; inset:auto !important; margin:0 !important; border-radius:0 !important; }
#form-posts #bioEdit.status-window-dialog .profile-bio-editor-content { grid-area:field !important; position:relative !important; inset:auto !important; min-width:0 !important; min-height:0 !important; width:100% !important; height:100% !important; padding:20px !important; overflow:hidden !important; background:#e7e9e7 !important; border-radius:0 !important; }
#form-posts #bioEdit.status-window-dialog .profile-bio-editor-field { width:100% !important; height:100% !important; min-width:0 !important; min-height:0 !important; max-width:none !important; margin:0 !important; padding:24px !important; overflow:auto !important; box-sizing:border-box !important; border:1px solid #cbd0cc !important; border-radius:0 !important; background:#fff !important; }
#form-posts #bioEdit.status-window-dialog .profile-bio-editor-footer { grid-area:footer !important; position:relative !important; inset:auto !important; width:100% !important; min-height:70px !important; margin:0 !important; padding:12px 16px !important; border-radius:0 !important; border-top:1px solid #b2b8b4 !important; background:linear-gradient(180deg,#f2f3f2,#dee1df) !important; }
#form-posts #bioEdit.status-window-dialog.is-minimized {
    top:auto !important; bottom:12px !important; width:min(460px,calc(100vw - 40px)) !important; height:42px !important; max-height:42px !important; grid-template-areas:"window-header" !important; grid-template-rows:42px !important; transform:translateX(-50%) !important;
}
#form-posts #bioEdit.status-window-dialog.is-minimized > :not(.status-window-header) { display:none !important; }
#form-posts #bioEdit.status-window-dialog.is-maximized { width:calc(100vw - 40px) !important; max-width:none !important; height:calc(100dvh - 40px) !important; max-height:none !important; transform:translate(-50%,-50%) !important; }
@media (max-width:620px) {
  #form-posts #bioEdit.status-window-dialog, #form-posts #bioEdit.status-window-dialog.is-maximized { width:calc(100vw - 24px) !important; height:calc(100dvh - 24px) !important; max-height:calc(100dvh - 24px) !important; }
  #form-posts #bioEdit.status-window-dialog .profile-bio-editor-content { padding:12px !important; }
}


/* r603: Windows 11-achtige dimlaag: donker glas, maar minder dicht dan r602. */
.notification-detail-overlay {
    background: rgba(10, 11, 13, .54) !important;
    -webkit-backdrop-filter: blur(12px) saturate(118%) !important;
    backdrop-filter: blur(12px) saturate(118%) !important;
}
body.profile-bio-editor-open::before {
    background: rgba(10, 11, 13, .54) !important;
    -webkit-backdrop-filter: blur(12px) saturate(118%) !important;
    backdrop-filter: blur(12px) saturate(118%) !important;
}

/* Gelaagde Windows 11-schaduw rondom alle drie gedeelde vensters. */
#guestbookFormContainer #guestbookForm.guestbook-window-dialog,
#form-posts #bioEdit.status-window-dialog {
    border-color: rgba(70, 76, 72, .88) !important;
    box-shadow:
        0 32px 80px rgba(0, 0, 0, .52),
        0 12px 32px rgba(0, 0, 0, .34),
        0 2px 8px rgba(0, 0, 0, .24),
        inset 0 1px rgba(255, 255, 255, .72) !important;
}
#guestbookFormContainer #guestbookForm.guestbook-window-dialog.is-dragging,
#form-posts #bioEdit.status-window-dialog.is-dragging {
    box-shadow:
        0 38px 96px rgba(0, 0, 0, .58),
        0 16px 38px rgba(0, 0, 0, .38),
        0 3px 10px rgba(0, 0, 0, .26),
        inset 0 1px rgba(255, 255, 255, .72) !important;
}


body.profile-bio-editor-open.guestbook-window-minimized::before,
body.profile-bio-editor-open.status-window-minimized::before {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* r604: strakke titelbalk zonder haperende dubbele border-radius.
 * Alleen het buitenste venster rondt de hoeken af; de header zelf blijft recht
 * en wordt door overflow van het venster netjes afgesneden.
 */
#guestbookFormContainer #guestbookForm.guestbook-window-dialog,
#form-posts #bioEdit.status-window-dialog {
    isolation: isolate !important;
    overflow: hidden !important;
    border-radius: 9px !important;
    background: #e7e9e7 !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-header,
#form-posts #bioEdit .status-window-header {
    position: relative !important;
    overflow: hidden !important;
    min-height: 50px !important;
    padding: 6px 7px 6px 15px !important;
    border: 0 !important;
    border-bottom: 1px solid #345329 !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.18) 0, rgba(255,255,255,.07) 42%, rgba(255,255,255,0) 43%),
        linear-gradient(110deg, #3d612e 0%, #557a3e 54%, #71945d 100%) !important;
    box-shadow:
        inset 0 1px rgba(255,255,255,.24),
        inset 0 -1px rgba(20,49,15,.18),
        0 1px 3px rgba(0,0,0,.16) !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-header::after,
#form-posts #bioEdit .status-window-header::after {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 1px !important;
    content: "" !important;
    background: rgba(255,255,255,.16) !important;
    pointer-events: none !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-title,
#form-posts #bioEdit .status-window-title {
    position: relative !important;
    z-index: 1 !important;
    font-size: 16px !important;
    letter-spacing: .1px !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-controls,
#form-posts #bioEdit .status-window-controls {
    position: relative !important;
    z-index: 1 !important;
    gap: 4px !important;
}

#guestbookFormContainer #guestbookForm .guestbook-window-control,
#form-posts #bioEdit .status-window-control {
    border-radius: 2px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,.06)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.14) !important;
}

#guestbookFormContainer #guestbookForm.guestbook-window-dialog.is-minimized .guestbook-window-header,
#form-posts #bioEdit.status-window-dialog.is-minimized .status-window-header {
    min-height: 42px !important;
    border-bottom: 0 !important;
}


/* r605: Prikbordbericht plaatsen gebruikt exact dezelfde grijze Windows-
 * werkruimte als de meldingpopup. De witte editor blijft als inhoudskaart
 * binnen de grijze laag staan.
 */
#form-posts #bioEdit.status-window-dialog {
    background: #e7e9e7 !important;
}

#form-posts #bioEdit.status-window-dialog .profile-bio-editor-toolbar {
    border: 0 !important;
    border-bottom: 1px solid #bfc5ca !important;
    background: linear-gradient(180deg, #f5f6f7 0%, #e5e8eb 100%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.88) !important;
}

#form-posts #bioEdit.status-window-dialog .profile-bio-editor-content {
    padding: 20px !important;
    background: #f1f3f1 !important;
}

#form-posts #bioEdit.status-window-dialog .profile-bio-editor-field {
    border: 1px solid #cbd0cc !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
}

#form-posts #bioEdit.status-window-dialog .profile-bio-editor-footer {
    border-top: 1px solid #b2b8b4 !important;
    background: linear-gradient(180deg, #f2f3f2 0%, #dee1df 100%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.85) !important;
}

@media (max-width: 620px) {
    #form-posts #bioEdit.status-window-dialog .profile-bio-editor-content {
        padding: 12px !important;
    }
}


/* r1230 — Prikbordbericht plaatsen: groene rand alleen om de header,
   en scheidingslijnen rond het schrijfveld vervangen door subtiele schaduw. */
#form-posts #bioEdit.status-window-dialog {
    border: 1px solid rgba(112, 120, 116, .92) !important;
    background: #e7e9e7 !important;
}

#form-posts #bioEdit .status-window-header {
    border: 1px solid #365728 !important;
    border-bottom-color: #345329 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.16) !important;
}

#form-posts #bioEdit .status-window-header::after {
    display: none !important;
}

#form-posts #bioEdit.status-window-dialog .profile-bio-editor-toolbar {
    border: 0 !important;
    background: linear-gradient(180deg, #f5f6f7 0%, #e5e8eb 100%) !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.08) !important;
    position: relative !important;
    z-index: 2 !important;
}

#form-posts #bioEdit.status-window-dialog .profile-bio-editor-content {
    padding: 20px !important;
    background: #f1f3f1 !important;
}

#form-posts #bioEdit.status-window-dialog .profile-bio-editor-field {
    border: 1px solid #cbd0cc !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
}

#form-posts #bioEdit.status-window-dialog .profile-bio-editor-footer {
    border-top: 0 !important;
    background: linear-gradient(180deg, #f2f3f2 0%, #dee1df 100%) !important;
    box-shadow: 0 -3px 8px rgba(0,0,0,.07), inset 0 1px rgba(255,255,255,.85) !important;
    position: relative !important;
    z-index: 2 !important;
}