/* Main modal container - hidden by default */
.partince-big-modal{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:flex-start; /* Align to top */
    justify-content:center;
    overflow-y:auto;
    z-index:50;
    visibility:hidden;
    opacity:0;
    transition:opacity 0.3s ease, visibility 0.3s ease;
    padding-top:5rem; /* Add some space from the top */
    padding-bottom:5rem;
}
/* Backdrop */
.partince-big-modal::before{
    content:'';
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.6);
    z-index:-1;
}
/* When the modal is shown */
.partince-big-modal.show{
    visibility:visible;
    opacity:1;
}
/* The actual dialog box */
.partince-big-modal .modal-dialog{
    position:relative;
    background-color:#ffffff;
    border-radius:0.75rem; /* lg */
    box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    width:90%;
    max-width:56rem; /* 4xl */
    transform:translateY(-50px);
    transition:transform 0.3s ease;
}
.partince-big-modal.show .modal-dialog{
    transform:translateY(0);
}
/* Dark mode styles */
.dark .partince-big-modal .modal-dialog{
    background-color:#1e1e1e; /* card-dark */
}
/* Modal header */
.partince-big-modal .modal-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1.5rem; /* p-6 */
    border-bottom:1px solid #dee2e6; /* border-light */
}
.dark .partince-big-modal .modal-header{
    border-bottom-color:#343a40; /* border-dark */
}
.partince-big-modal .modal-header .modal-title{
    font-size:1.25rem; /* text-xl */
    font-weight:600; /* font-semibold */
    color:#212529; /* text-light */
}
.dark .partince-big-modal .modal-header .modal-title{
    color:#e0e0e0; /* text-dark */
}
.partince-big-modal .modal-close{
    background:none;
    border:none;
    font-size:1.5rem;
    line-height:1;
    color:#6c757d; /* text-muted-light */
    cursor:pointer;
    transition:color 0.2s ease;
}
.partince-big-modal .modal-close:hover{
    color:#17a2b8; /* primary */
}
.dark .partince-big-modal .modal-close{
    color:#adb5bd; /* text-muted-dark */
}
.dark .partince-big-modal .modal-close:hover{
    color:#17a2b8; /* primary */
}
/* Modal body */
.partince-big-modal .modal-body{
    padding:1.5rem; /* p-6 */
    color:#212529; /* text-light */
}
.dark .partince-big-modal .modal-body{
    color:#e0e0e0; /* text-dark */
}
/* Modal footer */
.partince-big-modal .modal-footer{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:0.75rem; /* space-x-3 */
    padding:1rem 1.5rem; /* px-6 py-4 */
    background-color:#f8f9fa; /* bg-gray-50 */
    border-top:1px solid #dee2e6; /* border-light */
    border-bottom-left-radius:0.75rem;
    border-bottom-right-radius:0.75rem;
    position:sticky;
    bottom:-80px;
    z-index:99;
}
.dark .partince-big-modal .modal-footer{
    background-color:#121212; /* a bit darker than card-dark */
    border-top-color:#343a40; /* border-dark */
}
/* Prevent body scroll when modal is open */
body.partince-big-modal-open{
    overflow:hidden;
}