/* PRIVATE EVENTS V99.63 — Desktop Forms V1
   Profil + Creation d'evenement : vraie composition PC en deux colonnes.
   Portee volontairement limitee aux ecrans >= 1200 px : mobile/tablette inchanges. */

@media (min-width: 1200px) {
    /* ==========================================================
       PROFIL — deux colonnes fonctionnelles, pas un formulaire etire
       Colonne gauche : identite + presentation
       Colonne droite : contact + localisation + securite
       ========================================================== */
    body.pe-v9958-desktop-shell.profile-edit-page > main.container {
        width: min(1480px, calc(100% - 72px));
        max-width: none;
        padding-top: 34px;
        padding-bottom: 84px;
    }

    body.pe-v9958-desktop-shell.profile-edit-page .profile-header {
        width: min(1260px, 100%);
        max-width: none;
        margin: 0 auto 26px;
    }

    body.pe-v9958-desktop-shell.profile-edit-page .profile-layout,
    body.pe-v9958-desktop-shell.profile-edit-page .v9811-profile-transfer-section {
        width: min(1260px, 100%);
        max-width: none;
        margin-inline: auto;
    }

    body.pe-v9958-desktop-shell.profile-edit-page .profile-panel {
        width: 100%;
        max-width: none;
        padding: 30px 34px 34px;
    }

    body.pe-v9958-desktop-shell.profile-edit-page .profile-panel > h2 {
        margin: 0 0 24px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(226,147,184,.12);
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "username-label email-label"
            "username-input email-input"
            "profile-type email-note"
            "description location"
            "description password"
            "save save";
        grid-template-rows: auto auto auto auto auto auto;
        column-gap: 30px;
        row-gap: 10px;
        align-items: start;
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > label[for="username"] {
        grid-area: username-label;
        margin: 0 0 5px;
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > #username {
        grid-area: username-input;
        margin: 0;
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > label[for="email"] {
        grid-area: email-label;
        margin: 0 0 5px;
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > #email {
        grid-area: email-input;
        margin: 0;
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .profile-type-block {
        grid-area: profile-type;
        margin: 12px 0 0;
        padding: 17px 18px;
        border: 1px solid rgba(226,147,184,.13);
        border-radius: 16px;
        background: rgba(255,255,255,.024);
        min-width: 0;
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .email-verification-note {
        grid-area: email-note;
        margin: 12px 0 0;
        align-self: stretch;
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .profile-description-block {
        grid-area: description;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: 100%;
        margin: 8px 0 0;
        padding: 20px;
        border: 1px solid rgba(226,147,184,.13);
        border-radius: 17px;
        background: rgba(255,255,255,.024);
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .profile-description-block .profile-field-help {
        min-height: 38px;
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .profile-description-block #description {
        flex: 1 1 auto;
        min-height: 430px;
        height: auto;
        resize: vertical;
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .profile-location-wrap {
        grid-area: location;
        margin: 8px 0 0;
        min-width: 0;
        padding: 16px;
        border: 1px solid rgba(226,147,184,.13);
        border-radius: 17px;
        background: rgba(255,255,255,.024);
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .profile-password-details {
        grid-area: password;
        margin: 4px 0 0;
        min-width: 0;
        padding: 16px;
        border: 1px solid rgba(226,147,184,.13);
        border-radius: 17px;
        background: rgba(255,255,255,.024);
        align-self: stretch;
    }

    body.pe-v9958-desktop-shell.profile-edit-page .profile-location-wrap .location-picker {
        margin: 0;
    }

    body.pe-v9958-desktop-shell.profile-edit-page .profile-password-fields {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 7px;
    }

    body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .profile-save-button {
        grid-area: save;
        justify-self: end;
        min-width: 280px;
        margin: 20px 0 0;
    }

    /* ==========================================================
       CREER UN EVENEMENT — deux colonnes de travail
       Haut : nom / date
       Gauche : localisation
       Droite : description + affiche
       ========================================================== */
    body.pe-v9958-desktop-shell.create-event-body .create-event-page {
        width: min(1520px, calc(100% - 72px));
        max-width: none;
        padding: 34px 0 84px;
    }

    body.pe-v9958-desktop-shell.create-event-body .create-event-card {
        width: min(1360px, 100%);
        max-width: none;
        padding: 32px 36px 36px;
    }

    body.pe-v9958-desktop-shell.create-event-body .create-event-header {
        max-width: 920px;
        margin: 0 auto 24px;
    }

    body.pe-v9958-desktop-shell.create-event-body .create-event-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "title date"
            "location description"
            "location poster";
        grid-template-rows: auto auto auto;
        gap: 22px 26px;
        align-items: stretch;
    }

    body.pe-v9958-desktop-shell.create-event-body .create-event-grid > .create-event-field {
        min-width: 0;
        padding: 20px;
        border: 1px solid rgba(226,147,184,.13);
        border-radius: 17px;
        background: rgba(255,255,255,.024);
    }

    body.pe-v9958-desktop-shell.create-event-body .v9962-create-title {
        grid-area: title;
    }

    body.pe-v9958-desktop-shell.create-event-body .v9962-create-date {
        grid-area: date;
    }

    body.pe-v9958-desktop-shell.create-event-body .v9962-create-location {
        grid-area: location;
        align-self: stretch;
    }

    body.pe-v9958-desktop-shell.create-event-body .v9962-create-description {
        grid-area: description;
        display: flex;
        flex-direction: column;
    }

    body.pe-v9958-desktop-shell.create-event-body .v9962-create-poster {
        grid-area: poster;
        align-self: stretch;
    }

    body.pe-v9958-desktop-shell.create-event-body .v9962-create-description textarea {
        flex: 1 1 auto;
        min-height: 220px;
        resize: vertical;
    }

    body.pe-v9958-desktop-shell.create-event-body .v9962-create-location .create-event-location-wrap,
    body.pe-v9958-desktop-shell.create-event-body .v9962-create-location .location-picker {
        height: 100%;
    }

    body.pe-v9958-desktop-shell.create-event-body .v9962-create-poster .create-event-file-zone {
        min-height: 76px;
        display: flex;
        align-items: center;
    }

    body.pe-v9958-desktop-shell.create-event-body .create-event-actions {
        margin-top: 24px;
        padding-top: 20px;
        justify-content: flex-end;
        gap: 14px;
    }

    body.pe-v9958-desktop-shell.create-event-body .create-event-cancel,
    body.pe-v9958-desktop-shell.create-event-body .create-event-submit {
        min-width: 220px;
    }

    /* Theme clair : meme geometrie, surfaces adaptees. */
    html[data-theme="light"] body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .profile-type-block,
    html[data-theme="light"] body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .profile-description-block,
    html[data-theme="light"] body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .profile-location-wrap,
    html[data-theme="light"] body.pe-v9958-desktop-shell.profile-edit-page #profile-form > .profile-password-details,
    html[data-theme="light"] body.pe-v9958-desktop-shell.create-event-body .create-event-grid > .create-event-field {
        border-color: rgba(108,67,84,.14);
        background: rgba(255,255,255,.58);
        box-shadow: 0 12px 28px rgba(77,48,60,.045);
    }

    html[data-theme="light"] body.pe-v9958-desktop-shell.profile-edit-page .profile-panel > h2 {
        border-bottom-color: rgba(108,67,84,.12);
    }
}

@media (min-width: 1560px) {
    body.pe-v9958-desktop-shell.profile-edit-page #profile-form,
    body.pe-v9958-desktop-shell.create-event-body .create-event-grid {
        column-gap: 32px;
    }
}