/* =========================================================
   PHARMA AWARDS SHOW — NOMINATION FORM
   PREMIUM GOLD / BLACK / CREAM
========================================================= */

.pharma-awards-form,
.pharma-awards-form *{
    box-sizing:border-box;
}

.pharma-awards-form{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    font-family:Arial,Helvetica,sans-serif;
    color:#24211d;
}

.pharma-form-card{
    background:
        linear-gradient(
            145deg,
            rgba(255,253,247,.99),
            rgba(248,242,228,.97)
        );
    border:1px solid rgba(190,150,70,.35);
    border-radius:24px;
    padding:38px;
    box-shadow:
        0 18px 50px rgba(61,45,20,.08),
        0 3px 12px rgba(61,45,20,.04);
}

/* =========================================================
   SECTION
========================================================= */

.pharma-section{
    margin-bottom:34px;
}

.pharma-section-title{
    margin:0 0 8px;
    font-size:24px;
    font-weight:700;
    color:#171511;
}

.pharma-section-subtitle{
    margin:0 0 22px;
    font-size:14px;
    line-height:1.6;
    color:#756d61;
}

/* =========================================================
   GRID
========================================================= */

.pharma-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.pharma-field{
    width:100%;
}

.pharma-field.full{
    grid-column:1/-1;
}

/* =========================================================
   LABEL
========================================================= */

.pharma-label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    color:#29251f;
}

.pharma-required{
    color:#a47b2d;
}

/* =========================================================
   INPUTS
========================================================= */

.pharma-input,
.pharma-textarea{
    width:100%;
    border:1.5px solid #d3bd8d;
    background:#fffdf8;
    color:#27231d;
    border-radius:14px;
    padding:15px 17px;
    font-size:15px;
    outline:none;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.pharma-input{
    height:55px;
}

.pharma-textarea{
    min-height:150px;
    resize:vertical;
    line-height:1.55;
}

.pharma-input:focus,
.pharma-textarea:focus{
    border-color:#b99345;
    background:#fffefa;
    box-shadow:0 0 0 4px rgba(185,147,69,.10);
}

.pharma-input::placeholder,
.pharma-textarea::placeholder{
    color:#a19a8e;
}

/* =========================================================
   PREMIUM CUSTOM DROPDOWN
========================================================= */

.pharma-select-wrap{
    position:relative;
    width:100%;
    z-index:10;
}

/* COMPANY TYPE — ALWAYS ABOVE AWARD CATEGORY */
.pharma-grid .pharma-field:first-child .pharma-select-wrap{
    z-index:11 !important;
}

/* AWARD CATEGORY — ALWAYS BELOW COMPANY TYPE */
.pharma-grid .pharma-field:nth-child(2) .pharma-select-wrap{
    z-index:10 !important;
}

/* Hidden native select remains active for backend */
.pharma-select-wrap > select{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:1px !important;
    height:1px !important;
}

/* Visible premium selector */

.pharma-select{
    position:relative;
    width:100%;
    min-height:55px;
    padding:0 58px 0 18px;

    display:flex;
    align-items:center;

    border:1.5px solid #c9a75d;
    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            #fffdf8,
            #fbf5e8
        );

    color:#302b24;
    font-size:15px;
    font-weight:500;

    cursor:pointer;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8),
        0 3px 12px rgba(90,65,25,.04);

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        transform .2s ease;
}

.pharma-select:hover{
    border-color:#ae8338;

    background:
        linear-gradient(
            135deg,
            #fffefa,
            #faf1dc
        );

    box-shadow:
        0 6px 18px rgba(100,70,25,.08);
}

.pharma-select.active{
    border-color:#a77a2d;

    background:
        linear-gradient(
            135deg,
            #fffdf8,
            #f8eed9
        );

    box-shadow:
        0 0 0 4px rgba(184,145,65,.10),
        0 10px 28px rgba(80,55,20,.12);
}

.pharma-select-placeholder{
    color:#80786c;
}

.pharma-select-value{
    color:#28231c;
    font-weight:600;
}

/* Gold arrow */

.pharma-select-arrow{
    position:absolute;
    right:20px;
    top:50%;

    width:11px;
    height:11px;

    border-right:2px solid #a77a2d;
    border-bottom:2px solid #a77a2d;

    transform:
        translateY(-70%)
        rotate(45deg);

    transition:
        transform .25s ease,
        border-color .2s ease;
}

.pharma-select.active .pharma-select-arrow{
    transform:
        translateY(-15%)
        rotate(225deg);

    border-color:#8d6524;
}

/* =========================================================
   PREMIUM DROPDOWN PANEL
========================================================= */

.pharma-options{
    position:absolute;

    top:calc(100% + 9px);
    left:0;
    right:0;

    padding:8px;

    background:
        linear-gradient(
            145deg,
            #fffefa,
            #fbf5e8
        );

    border:1px solid rgba(188,148,69,.65);
    border-radius:18px;

    max-height:390px;
    overflow-y:auto;

    box-shadow:
        0 25px 65px rgba(38,29,16,.20),
        0 5px 18px rgba(38,29,16,.08);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:
        translateY(-10px)
        scale(.985);

    transform-origin:top center;

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;

    z-index:999999;
}

.pharma-options.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;

    transform:
        translateY(0)
        scale(1);
}

/* =========================================================
   DROPDOWN SEARCH
========================================================= */

.pharma-dropdown-search{
    position:sticky;
    top:0;
    z-index:5;

    padding:5px 5px 9px;

    background:
        linear-gradient(
            180deg,
            #fffefa 75%,
            rgba(255,254,250,.9)
        );
}

.pharma-dropdown-search-inner{
    position:relative;
}

.pharma-dropdown-search input{
    width:100%;
    height:42px;

    padding:0 38px 0 39px;

    border:1px solid #dfcfad;
    border-radius:11px;

    outline:none;

    background:#fffdf8;
    color:#302b24;

    font-size:13px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.pharma-dropdown-search input:focus{
    border-color:#b99345;

    box-shadow:
        0 0 0 3px rgba(185,147,69,.09);
}

.pharma-dropdown-search input::placeholder{
    color:#a39a8c;
}

.pharma-search-icon{
    position:absolute;
    left:14px;
    top:50%;

    transform:translateY(-50%);

    color:#a47b2d;
    font-size:14px;

    pointer-events:none;
}

.pharma-search-clear{
    position:absolute;
    right:10px;
    top:50%;

    transform:translateY(-50%);

    width:25px;
    height:25px;

    border:0;
    border-radius:50%;

    background:#f2e8d2;
    color:#856328;

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

    cursor:pointer;
    font-size:14px;
}

.pharma-search-clear.show{
    display:flex;
}

/* =========================================================
   DROPDOWN SCROLLBAR
========================================================= */

.pharma-options::-webkit-scrollbar{
    width:7px;
}

.pharma-options::-webkit-scrollbar-track{
    background:#f1eadc;
    border-radius:10px;
}

.pharma-options::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            180deg,
            #d2b36f,
            #aa8138
        );

    border-radius:10px;
}

.pharma-options::-webkit-scrollbar-thumb:hover{
    background:#956c27;
}

/* Firefox */

.pharma-options{
    scrollbar-width:thin;
    scrollbar-color:#b7924b #f1eadc;
}

/* =========================================================
   DROPDOWN OPTION
========================================================= */

.pharma-option{
    position:relative;

    margin:2px 0;
    padding:13px 14px;

    border-radius:11px;

    color:#312c25;

    font-size:14px;
    line-height:1.4;

    cursor:pointer;

    transition:
        background .17s ease,
        color .17s ease,
        padding-left .17s ease,
        transform .17s ease;
}

.pharma-option:hover{
    background:
        linear-gradient(
            90deg,
            #f5ead1,
            #fbf4e5
        );

    color:#795820;
    padding-left:19px;
}

.pharma-option.selected{
    background:
        linear-gradient(
            90deg,
            #ead6a8,
            #f2e5c7
        );

    color:#684b18;
    font-weight:600;

    box-shadow:
        inset 3px 0 0 #b28a3e;
}

.pharma-option.selected::after{
    content:"✓";

    position:absolute;
    right:13px;
    top:50%;

    transform:translateY(-50%);

    color:#8c6728;
    font-weight:700;
}

/* Empty search result */

.pharma-no-results{
    padding:22px 12px;

    text-align:center;

    color:#918778;
    font-size:13px;
}

/* =========================================================
   DOCUMENT UPLOAD
========================================================= */

.pharma-upload-box{
    border:1.5px dashed #c5a35c;
    border-radius:17px;
    padding:27px;

    background:
        linear-gradient(
            145deg,
            #fffdf8,
            #faf4e7
        );

    text-align:center;

    transition:
        border-color .2s ease,
        background .2s ease;
}

.pharma-upload-box:hover{
    border-color:#a97c2e;
    background:#fffaf0;
}

.pharma-upload-icon{
    width:48px;
    height:48px;

    margin:0 auto 12px;

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

    border-radius:50%;

    background:#ead9b4;
    color:#805e21;

    font-size:22px;
}

.pharma-upload-title{
    margin-bottom:6px;

    font-size:16px;
    font-weight:600;
}

.pharma-upload-text{
    margin-bottom:17px;

    font-size:13px;
    color:#81786b;
    line-height:1.5;
}

.pharma-file-input{
    display:none;
}

.pharma-upload-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:11px 20px;

    border:1px solid #b89148;
    border-radius:10px;

    background:#f7edd9;
    color:#76561d;

    font-size:14px;
    font-weight:600;

    cursor:pointer;

    transition:.2s ease;
}

.pharma-upload-button:hover{
    background:#ead7aa;
    transform:translateY(-1px);
}

.pharma-file-name{
    display:none;

    margin-top:15px;
    padding:11px 14px;

    border-radius:9px;

    background:#f2ead9;
    color:#59441d;

    font-size:13px;
    text-align:left;
}

.pharma-file-name.show{
    display:block;
}

/* =========================================================
   QUESTIONS
========================================================= */

.pharma-question{
    margin-bottom:25px;
}

.pharma-question-heading{
    margin-bottom:10px;
}

.pharma-question-number{
    display:inline-flex;

    width:28px;
    height:28px;

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

    margin-right:7px;

    border-radius:50%;

    background:#ead9b3;
    color:#76551d;

    font-size:12px;
    font-weight:700;

    vertical-align:middle;
}

.pharma-question-text{
    display:inline;

    font-size:15px;
    font-weight:600;
    line-height:1.55;
}

.pharma-word-count{
    margin-top:7px;

    text-align:right;

    font-size:12px;
    color:#8c8376;
}

/* =========================================================
   BUTTON
========================================================= */

.pharma-submit-area{
    padding-top:25px;

    border-top:1px solid rgba(190,150,70,.25);

    text-align:right;
}

.pharma-review-button{
    min-width:230px;

    padding:15px 28px;

    border:0;
    border-radius:13px;

    background:
        linear-gradient(
            135deg,
            #c6a15b,
            #9c742b
        );

    color:#fff;

    font-size:15px;
    font-weight:700;

    cursor:pointer;

    box-shadow:
        0 10px 25px rgba(140,100,30,.20);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.pharma-review-button:hover{
    transform:translateY(-2px);

    box-shadow:
        0 14px 30px rgba(140,100,30,.28);
}

/* =========================================================
   ERROR
========================================================= */

.pharma-error{
    display:none;

    margin-top:7px;

    color:#a33c32;

    font-size:12px;
}

.pharma-error.show{
    display:block;
}

/* =========================================================
   REVIEW MODAL
========================================================= */

.pharma-modal-overlay{
    position:fixed;
    inset:0;

    z-index:999999;

    display:none;

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

    padding:25px;

    background:rgba(24,20,14,.72);

    backdrop-filter:blur(7px);
}

.pharma-modal-overlay.show{
    display:flex;
}

.pharma-review-modal{
    width:100%;
    max-width:1050px;

    max-height:92vh;

    background:#fffdf8;

    border:1px solid rgba(201,167,93,.5);
    border-radius:22px;

    overflow:hidden;

    box-shadow:
        0 30px 80px rgba(0,0,0,.28);

    display:flex;
    flex-direction:column;
}

/* Header */

.pharma-modal-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:21px 26px;

    background:
        linear-gradient(
            135deg,
            #f9f1df,
            #fffdf8
        );

    border-bottom:1px solid #e4d4b3;
}

.pharma-modal-title{
    margin:0;

    font-size:21px;
    font-weight:700;

    color:#211e19;
}

/* Close */

.pharma-modal-close{
    width:38px;
    height:38px;

    border:0;
    border-radius:50%;

    background:#efe3c8;
    color:#73541d;

    font-size:25px;
    line-height:1;

    cursor:pointer;

    transition:.2s ease;
}

.pharma-modal-close:hover{
    background:#dfc895;
    transform:rotate(90deg);
}

/* Content */

.pharma-modal-content{
    overflow-y:auto;

    padding:25px;

    flex:1;
}

.pharma-review-section{
    margin-bottom:25px;
}

.pharma-review-section-title{
    margin-bottom:13px;

    font-size:16px;
    font-weight:700;

    color:#8c6828;
}

.pharma-review-grid{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:10px;
}

.pharma-review-item{
    padding:13px 15px;

    border:1px solid #eadfc8;
    border-radius:10px;

    background:#fffaf1;
}

.pharma-review-label{
    display:block;

    margin-bottom:4px;

    font-size:11px;
    color:#8c8375;

    text-transform:uppercase;
    letter-spacing:.6px;
}

.pharma-review-value{
    font-size:14px;
    font-weight:600;

    color:#2e2a24;

    word-break:break-word;
}

/* Answers */

.pharma-review-answer{
    padding:15px;
    margin-bottom:12px;

    border-left:3px solid #c29a4e;
    border-radius:7px;

    background:#faf5e9;

    font-size:14px;
    line-height:1.6;

    white-space:pre-wrap;
}

/* =========================================================
   DOCUMENT PREVIEW
========================================================= */

.pharma-document-preview{
    width:100%;
    min-height:400px;

    border:1px solid #decda9;
    border-radius:13px;

    overflow:hidden;

    background:#f6f0e4;
}

.pharma-document-preview iframe{
    width:100%;
    height:520px;

    border:0;
}

.pharma-word-preview{
    padding:35px;

    text-align:center;

    color:#6e6558;
}

.pharma-word-preview strong{
    display:block;

    margin-bottom:8px;

    color:#2d2923;
    font-size:16px;
}

/* =========================================================
   MODAL FOOTER
========================================================= */

.pharma-modal-footer{
    display:flex;

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

    gap:15px;

    padding:18px 25px;

    border-top:1px solid #e5d8be;

    background:#fffaf1;
}

.pharma-back-button,
.pharma-confirm-button{
    min-width:170px;

    padding:13px 22px;

    border-radius:11px;

    font-size:14px;
    font-weight:700;

    cursor:pointer;
}

.pharma-back-button{
    border:1px solid #b99a5b;

    background:#fffdf8;
    color:#6d5424;
}

.pharma-confirm-button{
    border:0;

    background:
        linear-gradient(
            135deg,
            #c6a15b,
            #9c742b
        );

    color:#fff;

    box-shadow:
        0 7px 18px rgba(140,100,30,.18);
}

/* =========================================================
   SUCCESS POPUP
========================================================= */

.pharma-success-overlay{
    position:fixed;
    inset:0;

    z-index:1000000;

    display:none;

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

    padding:25px;

    background:rgba(24,20,14,.72);

    backdrop-filter:blur(7px);
}

.pharma-success-overlay.show{
    display:flex;
}

.pharma-success-box{
    width:100%;
    max-width:480px;

    padding:42px 32px;

    border-radius:22px;

    background:#fffdf8;
    border:1px solid #d4b774;

    text-align:center;

    box-shadow:
        0 30px 80px rgba(0,0,0,.25);
}

.pharma-success-icon{
    width:62px;
    height:62px;

    margin:0 auto 18px;

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

    border-radius:50%;

    background:#ead9b3;
    color:#76551d;

    font-size:29px;
}

.pharma-success-box h3{
    margin:0 0 12px;

    font-size:23px;

    color:#211e19;
}

.pharma-success-box p{
    margin:0;

    font-size:14px;
    line-height:1.7;

    color:#6f675b;
}

.pharma-success-close{
    margin-top:24px;

    padding:12px 28px;

    border:0;
    border-radius:10px;

    background:#a77c30;
    color:#fff;

    font-weight:600;

    cursor:pointer;
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .pharma-form-card{
        padding:22px 17px;
        border-radius:18px;
    }

    .pharma-section-title{
        font-size:20px;
    }

    .pharma-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .pharma-review-grid{
        grid-template-columns:1fr;
    }

    .pharma-options{
        max-height:320px;
    }

    .pharma-option{
        font-size:13.5px;
        padding:12px 12px;
    }

    .pharma-modal-overlay{
        padding:10px;
    }

    .pharma-review-modal{
        max-height:95vh;
        border-radius:17px;
    }

    .pharma-modal-header{
        padding:17px;
    }

    .pharma-modal-content{
        padding:17px;
    }

    .pharma-modal-footer{
        padding:14px;
    }

    .pharma-back-button,
    .pharma-confirm-button{
        min-width:0;
        flex:1;
        padding:12px 10px;
    }

    .pharma-document-preview iframe{
        height:400px;
    }

    .pharma-submit-area{
        text-align:center;
    }

    .pharma-review-button{
        width:100%;
    }
}

/* =========================================================
   AWARD TYPE SWITCH
========================================================= */

.pharma-award-type-switch{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-bottom:28px;
}

.pharma-award-type-button{
    position:relative;

    min-height:68px;
    padding:15px 20px;

    border:1.5px solid #d1b776;
    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            #fffdf8,
            #faf2df
        );

    color:#4a3b22;

    font-size:16px;
    font-weight:700;

    cursor:pointer;

    transition:.25s ease;

    box-shadow:
        0 4px 14px rgba(80,55,20,.05);
}

.pharma-award-type-button:hover{
    border-color:#aa7e32;
    transform:translateY(-1px);

    box-shadow:
        0 8px 20px rgba(80,55,20,.09);
}

.pharma-award-type-button.active{
    color:#fff;

    border-color:#9b7029;

    background:
        linear-gradient(
            135deg,
            #c6a15b,
            #916924
        );

    box-shadow:
        0 10px 24px rgba(140,100,30,.20);
}

.pharma-award-type-note{
    margin:-14px 0 24px;

    font-size:13px;
    line-height:1.55;

    color:#7c7366;
}

.pharma-form-mode{
    display:none;
}

.pharma-form-mode.show{
    display:block;
}

.pharma-company-category-note{
    margin-top:7px;

    font-size:12px;
    color:#82796b;
}

.pharma-inline-hint{
    margin-top:7px;

    font-size:12px;
    line-height:1.45;

    color:#82796b;
}

.pharma-required-note{
    margin-top:8px;

    font-size:12px;

    color:#82796b;
}

.pharma-company-section{
    margin-bottom:30px;
}

.pharma-company-section .pharma-section-title{
    font-size:21px;
}

.pharma-company-question{
    margin-bottom:20px;
}

.pharma-company-question .pharma-label{
    line-height:1.5;
}

.pharma-company-number-row{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:14px;
}

.pharma-company-number-row .pharma-field{
    min-width:0;
}

.pharma-hidden{
    display:none !important;
}

@media(max-width:767px){

    .pharma-award-type-switch{
        grid-template-columns:1fr;
    }

    .pharma-company-number-row{
        grid-template-columns:1fr;
    }
}