/*
 * ============================================================
 * BNI ANS EXCELLENCE
 * PWA FINAL PAGES UI V1
 *
 * Rapports reunion
 * Roue cadeaux
 * Demande de participation
 * Infomerciales membre
 *
 * Uniquement dans l'application installee.
 * ============================================================
 */

@media (display-mode: standalone) and (max-width:900px) {

    body.bni-meeting-reports-app,
    body.bni-wheel-app,
    body.bni-contact-request-app,
    body.bni-infomerciale-member-app {
        margin:0 !important;

        padding-bottom:
            calc(
                98px
                + env(safe-area-inset-bottom, 0px)
            ) !important;

        color:#1f2937 !important;

        background:
            linear-gradient(
                180deg,
                #f8f9fb 0%,
                #eef1f4 100%
            ) !important;

        -webkit-font-smoothing:antialiased;
    }


    body.bni-meeting-reports-app *,
    body.bni-wheel-app *,
    body.bni-contact-request-app *,
    body.bni-infomerciale-member-app * {
        box-sizing:border-box;
    }


    /*
     * ========================================================
     * RAPPORTS DE REUNION
     * ========================================================
     */

    body.bni-meeting-reports-app .container {
        width:100% !important;
        max-width:760px !important;

        margin:0 auto !important;

        padding:
            12px 12px 100px !important;
    }


    body.bni-meeting-reports-app .navbar {
        max-width:760px;

        margin:
            12px auto 10px !important;

        padding:
            13px 14px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            rgba(15,23,42,.06) !important;

        border-radius:
            20px !important;

        box-shadow:
            0 6px 20px
            rgba(15,23,42,.07) !important;
    }


    body.bni-meeting-reports-app .navbar * {
        color:#1f2937;
    }


    body.bni-meeting-reports-app .welcome {
        position:relative;

        overflow:hidden;

        margin-bottom:
            14px !important;

        padding:
            21px 17px !important;

        color:#ffffff !important;

        background:
            linear-gradient(
                135deg,
                #8e1023,
                #b5122b 52%,
                #d32c40
            ) !important;

        border:0 !important;

        border-radius:
            24px !important;

        box-shadow:
            0 14px 34px
            rgba(181,18,43,.22) !important;
    }


    body.bni-meeting-reports-app .welcome::after {
        content:"";

        position:absolute;

        width:180px;
        height:180px;

        right:-75px;
        top:-90px;

        border-radius:50%;

        background:
            rgba(255,255,255,.08);
    }


    body.bni-meeting-reports-app .welcome *,
    body.bni-meeting-reports-app .welcome .role {
        color:#ffffff !important;
    }


    body.bni-meeting-reports-app .actions,
    body.bni-meeting-reports-app .btn-grid {
        display:flex !important;

        flex-wrap:wrap !important;

        gap:7px !important;

        margin-bottom:
            12px !important;
    }


    body.bni-meeting-reports-app .admin-section {
        margin-bottom:
            14px !important;

        padding:
            16px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            rgba(15,23,42,.065) !important;

        border-radius:
            20px !important;

        box-shadow:
            0 8px 24px
            rgba(15,23,42,.06) !important;
    }


    body.bni-meeting-reports-app .admin-header {
        margin-bottom:
            13px !important;

        padding-bottom:
            10px;

        border-bottom:
            1px solid #edf0f2;
    }


    body.bni-meeting-reports-app .admin-header h2 {
        color:#171717 !important;
    }


    body.bni-meeting-reports-app .meeting-report-grid {
        display:grid !important;

        grid-template-columns:
            1fr !important;

        gap:11px !important;
    }


    body.bni-meeting-reports-app .feature-card {
        padding:
            15px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            rgba(15,23,42,.075) !important;

        border-radius:
            17px !important;

        box-shadow:
            0 5px 15px
            rgba(15,23,42,.045) !important;
    }


    body.bni-meeting-reports-app .feature-card h3 {
        color:#171717 !important;
    }


    body.bni-meeting-reports-app .report-field {
        margin-bottom:11px;
    }


    body.bni-meeting-reports-app .report-field label {
        color:#374151 !important;

        font-weight:700;
    }


    body.bni-meeting-reports-app .report-field input,
    body.bni-meeting-reports-app .report-field textarea {
        width:100% !important;

        min-height:45px;

        padding:
            9px 11px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid #d9dde2 !important;

        border-radius:
            11px !important;

        font-size:
            16px !important;
    }


    body.bni-meeting-reports-app .report-field textarea {
        min-height:130px;
    }


    body.bni-meeting-reports-app .report-history-grid {
        display:grid !important;

        grid-template-columns:
            1fr !important;

        gap:9px !important;
    }


    body.bni-meeting-reports-app .report-history-meta {
        color:#68717c !important;
    }


    /*
     * ========================================================
     * ROUE CADEAUX
     * ========================================================
     */

    body.bni-wheel-app .container {
        width:100% !important;
        max-width:760px !important;

        margin:0 auto !important;

        padding:
            12px 12px 100px !important;
    }


    body.bni-wheel-app .navbar {
        max-width:760px;

        margin:
            12px auto 10px !important;

        padding:
            13px 14px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            rgba(15,23,42,.06) !important;

        border-radius:
            20px !important;

        box-shadow:
            0 6px 20px
            rgba(15,23,42,.07) !important;
    }


    body.bni-wheel-app .navbar * {
        color:#1f2937;
    }


    body.bni-wheel-app .welcome {
        position:relative;

        overflow:hidden;

        margin-bottom:
            14px !important;

        padding:
            21px 17px !important;

        color:#ffffff !important;

        background:
            linear-gradient(
                135deg,
                #8e1023,
                #b5122b 52%,
                #d32c40
            ) !important;

        border-radius:
            24px !important;

        box-shadow:
            0 14px 34px
            rgba(181,18,43,.22) !important;
    }


    body.bni-wheel-app .welcome *,
    body.bni-wheel-app .welcome .role {
        color:#ffffff !important;
    }


    body.bni-wheel-app .actions,
    body.bni-wheel-app .btn-grid {
        display:flex !important;

        flex-wrap:wrap !important;

        gap:7px !important;

        margin-bottom:12px;
    }


    body.bni-wheel-app .admin-section {
        margin-bottom:
            14px !important;

        padding:
            16px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            rgba(15,23,42,.065) !important;

        border-radius:
            20px !important;

        box-shadow:
            0 8px 24px
            rgba(15,23,42,.06) !important;
    }


    body.bni-wheel-app .wheel-layout {
        display:grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            12px !important;
    }


    body.bni-wheel-app .feature-card {
        padding:
            15px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            rgba(15,23,42,.075) !important;

        border-radius:
            18px !important;

        box-shadow:
            0 5px 16px
            rgba(15,23,42,.05) !important;
    }


    body.bni-wheel-app .wheel-member-list {
        display:grid !important;

        gap:
            7px !important;
    }


    body.bni-wheel-app .wheel-member-check {
        padding:
            9px !important;

        color:#1f2937 !important;

        background:#f7f8fa !important;

        border:
            1px solid
            #e7e9ed !important;

        border-radius:
            12px !important;
    }


    body.bni-wheel-app .wheel-member-photo img,
    body.bni-wheel-app .wheel-winner-photo img {
        border-radius:12px !important;
    }


    body.bni-wheel-app .wheel-member-info {
        color:#1f2937 !important;
    }


    body.bni-wheel-app .wheel-stage {
        overflow:hidden;
    }


    body.bni-wheel-app .wheel-canvas-shell {
        width:100% !important;

        max-width:100% !important;

        overflow:hidden;
    }


    body.bni-wheel-app canvas {
        max-width:100% !important;

        height:auto !important;
    }


    body.bni-wheel-app .wheel-winner-content {
        padding:
            13px !important;

        background:#f7f8fa !important;

        border-radius:
            14px !important;
    }


    body.bni-wheel-app .wheel-winner-history {
        display:grid;

        gap:8px;
    }


    body.bni-wheel-app .wheel-history-card {
        padding:
            12px !important;

        color:#1f2937 !important;

        background:#f7f8fa !important;

        border:
            1px solid
            #e7e9ed !important;

        border-radius:
            13px !important;
    }


    body.bni-wheel-app input[type="text"],
    body.bni-wheel-app input[type="search"],
    body.bni-wheel-app input[type="number"] {
        min-height:44px;

        padding:
            9px 11px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid #d9dde2 !important;

        border-radius:
            11px !important;

        font-size:16px;
    }


    body.bni-wheel-app input[type="checkbox"] {
        accent-color:#b5122b;
    }


    /*
     * ========================================================
     * DEMANDE DE PARTICIPATION
     * ========================================================
     */

    body.bni-contact-request-app .contact-shell {
        width:100% !important;
        max-width:760px !important;

        margin:0 auto !important;

        padding:
            12px 12px 50px !important;
    }


    body.bni-contact-request-app .contact-brand {
        margin-bottom:
            10px !important;

        padding:
            13px 14px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            rgba(15,23,42,.06) !important;

        border-radius:
            20px !important;

        box-shadow:
            0 6px 20px
            rgba(15,23,42,.07) !important;
    }


    body.bni-contact-request-app .contact-intro {
        position:relative;

        overflow:hidden;

        margin-bottom:
            14px !important;

        padding:
            21px 17px !important;

        color:#ffffff !important;

        background:
            linear-gradient(
                135deg,
                #8e1023,
                #b5122b 52%,
                #d32c40
            ) !important;

        border-radius:
            24px !important;

        box-shadow:
            0 14px 34px
            rgba(181,18,43,.22) !important;
    }


    body.bni-contact-request-app .contact-intro *,
    body.bni-contact-request-app .contact-kicker {
        color:#ffffff !important;
    }


    body.bni-contact-request-app .form-card {
        padding:
            16px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            rgba(15,23,42,.065) !important;

        border-radius:
            20px !important;

        box-shadow:
            0 8px 24px
            rgba(15,23,42,.06) !important;
    }


    body.bni-contact-request-app .form-card-head {
        margin-bottom:
            14px !important;

        padding-bottom:
            11px;

        border-bottom:
            1px solid #edf0f2;
    }


    body.bni-contact-request-app .form-card-head h2 {
        color:#171717 !important;
    }


    body.bni-contact-request-app .form-grid {
        display:grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            11px !important;
    }


    body.bni-contact-request-app .form-group,
    body.bni-contact-request-app .form-group.full {
        grid-column:auto !important;
    }


    body.bni-contact-request-app .form-group label {
        color:#374151 !important;

        font-weight:700;
    }


    body.bni-contact-request-app .form-group input,
    body.bni-contact-request-app .form-group select,
    body.bni-contact-request-app .form-group textarea {
        width:100% !important;

        min-height:47px;

        padding:
            10px 12px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            #d9dde2 !important;

        border-radius:
            12px !important;

        font-size:
            16px !important;
    }


    body.bni-contact-request-app .form-group textarea {
        min-height:
            105px;
    }


    body.bni-contact-request-app .form-group input:focus,
    body.bni-contact-request-app .form-group select:focus,
    body.bni-contact-request-app .form-group textarea:focus {
        outline:none;

        border-color:
            #cf2030 !important;

        box-shadow:
            0 0 0 3px
            rgba(207,32,48,.10) !important;
    }


    body.bni-contact-request-app .checkbox-box {
        margin-top:
            12px;

        padding:
            12px !important;

        color:#1f2937 !important;

        background:#f7f8fa !important;

        border:
            1px solid
            #e7e9ed !important;

        border-radius:
            13px !important;
    }


    body.bni-contact-request-app
    input[type="checkbox"] {
        accent-color:#b5122b;
    }


    body.bni-contact-request-app .form-actions {
        display:grid !important;

        gap:
            10px !important;

        margin-top:
            15px !important;
    }


    body.bni-contact-request-app .submit-btn {
        width:100%;

        min-height:48px;

        display:flex !important;

        align-items:center;
        justify-content:center;

        padding:
            10px 15px !important;

        color:#ffffff !important;

        background:
            linear-gradient(
                135deg,
                #a91027,
                #cf2030
            ) !important;

        border:0 !important;

        border-radius:
            13px !important;

        font-weight:800;
    }


    body.bni-contact-request-app .back {
        color:#303640 !important;

        background:#ffffff !important;

        border:
            1px solid #d9dde2 !important;

        border-radius:
            11px !important;
    }


    /*
     * ========================================================
     * INFOMERCIALE MEMBRE
     * ========================================================
     */

    body.bni-infomerciale-member-app .member-shell {
        width:100% !important;
        max-width:760px !important;

        margin:0 auto !important;

        padding:
            12px 12px 100px !important;
    }


    body.bni-infomerciale-member-app .member-brand,
    body.bni-infomerciale-member-app .member-topbar {
        margin-bottom:
            10px !important;

        padding:
            13px 14px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            rgba(15,23,42,.06) !important;

        border-radius:
            19px !important;

        box-shadow:
            0 5px 18px
            rgba(15,23,42,.06) !important;
    }


    body.bni-infomerciale-member-app
    .member-topbar-links {
        display:flex;

        flex-wrap:wrap;

        gap:6px;
    }


    body.bni-infomerciale-member-app
    .member-top-link {
        min-height:39px;

        display:inline-flex;

        align-items:center;
        justify-content:center;

        padding:
            7px 10px !important;

        color:#343b45 !important;

        background:#f3f4f6 !important;

        border:
            1px solid
            #e1e4e8 !important;

        border-radius:
            10px !important;

        text-decoration:none !important;
    }


    body.bni-infomerciale-member-app .profile-hero {
        position:relative;

        overflow:hidden;

        margin-bottom:
            14px !important;

        padding:
            18px !important;

        color:#ffffff !important;

        background:
            linear-gradient(
                135deg,
                #8e1023,
                #b5122b 52%,
                #d32c40
            ) !important;

        border-radius:
            22px !important;

        box-shadow:
            0 13px 30px
            rgba(181,18,43,.20) !important;
    }


    body.bni-infomerciale-member-app .profile-hero *,
    body.bni-infomerciale-member-app .profile-eyebrow {
        color:#ffffff !important;
    }


    body.bni-infomerciale-member-app .profile-photo img,
    body.bni-infomerciale-member-app .profile-logo img {
        border-radius:
            13px !important;
    }


    body.bni-infomerciale-member-app .profile-grid {
        display:grid !important;

        grid-template-columns:
            1fr 1fr !important;

        gap:
            8px !important;

        margin-bottom:
            14px !important;
    }


    body.bni-infomerciale-member-app .profile-field {
        padding:
            11px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            rgba(15,23,42,.07) !important;

        border-radius:
            13px !important;
    }


    body.bni-infomerciale-member-app
    .profile-field-label {
        color:#6b7280 !important;
    }


    body.bni-infomerciale-member-app
    .profile-field-value {
        color:#171717 !important;
    }


    body.bni-infomerciale-member-app
    .profile-section-title {
        margin-top:15px !important;

        color:#171717 !important;
    }


    body.bni-infomerciale-member-app .inf-editor,
    body.bni-infomerciale-member-app .inf-assets,
    body.bni-infomerciale-member-app .inf-generation-card,
    body.bni-infomerciale-member-app .inf-send-panel,
    body.bni-infomerciale-member-app .profile-bottom {
        margin-bottom:
            14px !important;

        padding:
            15px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            rgba(15,23,42,.065) !important;

        border-radius:
            19px !important;

        box-shadow:
            0 7px 20px
            rgba(15,23,42,.055) !important;
    }


    body.bni-infomerciale-member-app .inf-field {
        margin-bottom:
            11px;
    }


    body.bni-infomerciale-member-app .inf-field label {
        color:#374151 !important;

        font-weight:700;
    }


    body.bni-infomerciale-member-app .inf-field textarea,
    body.bni-infomerciale-member-app .inf-field input {
        width:100% !important;

        min-height:45px;

        padding:
            9px 11px !important;

        color:#1f2937 !important;

        background:#ffffff !important;

        border:
            1px solid
            #d9dde2 !important;

        border-radius:
            11px !important;

        font-size:
            16px !important;
    }


    body.bni-infomerciale-member-app .inf-field textarea {
        min-height:
            110px;
    }


    body.bni-infomerciale-member-app .inf-help {
        color:#68717c !important;
    }


    body.bni-infomerciale-member-app .inf-assets {
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:
            9px !important;
    }


    body.bni-infomerciale-member-app .inf-asset {
        padding:
            9px !important;

        background:#f7f8fa !important;

        border-radius:
            13px !important;
    }


    body.bni-infomerciale-member-app .inf-asset-image img,
    body.bni-infomerciale-member-app .inf-generation-image img {
        max-width:100%;

        height:auto;

        border-radius:
            12px !important;
    }


    body.bni-infomerciale-member-app
    .inf-generation-images {
        display:grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            9px !important;
    }


    body.bni-infomerciale-member-app
    .inf-generation-visual {
        overflow:hidden;

        padding:
            9px !important;

        background:#f7f8fa !important;

        border-radius:
            14px !important;
    }


    body.bni-infomerciale-member-app
    .inf-generation-meta {
        color:#68717c !important;
    }


    body.bni-infomerciale-member-app
    .inf-background-options,
    body.bni-infomerciale-member-app
    .inf-layout-options {
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:
            8px !important;
    }


    body.bni-infomerciale-member-app
    .inf-background-card,
    body.bni-infomerciale-member-app
    .inf-layout-card {
        display:block;

        padding:
            8px !important;

        color:#1f2937 !important;

        background:#f7f8fa !important;

        border:
            1px solid
            #e6e9ed !important;

        border-radius:
            12px !important;
    }


    body.bni-infomerciale-member-app
    input[type="radio"],
    body.bni-infomerciale-member-app
    input[type="checkbox"] {
        accent-color:#b5122b;
    }


    /*
     * ========================================================
     * BOUTONS COMMUNS
     * ========================================================
     */

    body.bni-meeting-reports-app .btn,
    body.bni-wheel-app .btn,
    body.bni-infomerciale-member-app .member-btn {
        min-height:
            42px;

        display:inline-flex !important;

        align-items:center;
        justify-content:center;

        gap:5px;

        padding:
            8px 11px !important;

        color:#303640 !important;

        background:#ffffff !important;

        border:
            1px solid
            #d8dce1 !important;

        border-radius:
            11px !important;

        text-decoration:none !important;

        font-weight:700;
    }


    body.bni-meeting-reports-app .btn.green,
    body.bni-wheel-app .btn.green {
        color:#ffffff !important;

        background:#147447 !important;

        border-color:#147447 !important;
    }


    body.bni-meeting-reports-app .btn.black,
    body.bni-wheel-app .btn.black {
        color:#ffffff !important;

        background:#252a31 !important;

        border-color:#252a31 !important;
    }


    body.bni-meeting-reports-app .report-generate-button,
    body.bni-infomerciale-member-app .member-btn-primary,
    body.bni-infomerciale-member-app .inf-send-button {
        color:#ffffff !important;

        background:
            linear-gradient(
                135deg,
                #a91027,
                #cf2030
            ) !important;

        border-color:
            #b5122b !important;
    }


    body.bni-infomerciale-member-app .inf-delete,
    body.bni-wheel-app .wheel-small-button.remove {
        color:#ffffff !important;

        background:#9f1239 !important;

        border:
            1px solid #9f1239 !important;

        border-radius:
            9px !important;
    }


    body.bni-wheel-app .wheel-small-button.add {
        color:#ffffff !important;

        background:#147447 !important;

        border:
            1px solid #147447 !important;

        border-radius:
            9px !important;
    }


    body.bni-wheel-app .wheel-fullscreen-button {
        color:#303640 !important;

        background:#ffffff !important;

        border:
            1px solid #d8dce1 !important;

        border-radius:
            11px !important;
    }


    /*
     * Navigation admin existante.
     */

    body.bni-meeting-reports-app
    .bni-app-admin-bottom-nav,
    body.bni-wheel-app
    .bni-app-admin-bottom-nav {
        background:
            rgba(255,255,255,.98) !important;

        border-radius:
            24px 24px 0 0 !important;

        box-shadow:
            0 -10px 35px
            rgba(15,23,42,.14) !important;
    }

}


@media (display-mode: standalone) and (max-width:520px) {

    body.bni-infomerciale-member-app
    .profile-grid {
        grid-template-columns:
            1fr !important;
    }


    body.bni-infomerciale-member-app
    .inf-assets {
        grid-template-columns:
            1fr 1fr !important;
    }


    body.bni-infomerciale-member-app
    .inf-background-options,
    body.bni-infomerciale-member-app
    .inf-layout-options {
        grid-template-columns:
            1fr !important;
    }


    body.bni-meeting-reports-app .welcome,
    body.bni-wheel-app .welcome,
    body.bni-contact-request-app .contact-intro,
    body.bni-infomerciale-member-app .profile-hero {
        padding:
            18px 15px !important;

        border-radius:
            20px !important;
    }

}

/* /BNI PWA FINAL PAGES UI V1 */