/* HIGH GEM Custom Styles */

body {
    overflow-x: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
}

#wrapper {
    min-height: 100vh;
}

/* Sidebar Styles */
#sidebar-wrapper {
    min-height: 100vh;
    width: 250px;
    transition: margin .25s ease-out;
    background: linear-gradient(180deg, #212529 0%, #1a1d20 100%);
}

#sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
    letter-spacing: 2px;
}

#sidebar-wrapper .list-group {
    width: 250px;
}

#sidebar-wrapper .list-group-item {
    border: none;
    padding: 0.75rem 1.25rem;
    color: #adb5bd !important;
    transition: all 0.3s;
}

#sidebar-wrapper .list-group-item:hover,
#sidebar-wrapper .list-group-item.active {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-left: 4px solid #ffc107;
}

#page-content-wrapper {
    min-width: 100vw;
    width: 100%;
}

@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0;
    }
    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }
    #wrapper.toggled #sidebar-wrapper {
        margin-left: -250px;
    }
}

/* Utilities */
.text-gold {
    color: #d4af37;
}

.bg-gold {
    background-color: #d4af37;
}

.card {
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: transform 0.2s;
}

.card:hover {
    transform: translateY(-2px);
}

.form-control:focus, .btn:focus {
    box-shadow: none;
    border-color: #d4af37;
}

.btn-primary {
    background-color: #d4af37;
    border-color: #c5a028;
    color: #fff;
}

.btn-primary:hover {
    background-color: #c5a028;
    border-color: #b59018;
}

/* Unified High Gem workspace */
:root{--bs-primary:#533559;--bs-primary-rgb:83,53,89}
body{background:#f3f1ed!important;color:#33273b}
#sidebar-wrapper{background:#25172d;flex-shrink:0;width:250px}
.sidebar-brand{display:flex;flex-direction:column;align-items:center;padding:25px 20px 20px;text-decoration:none;color:#c7b88f;gap:12px}
.sidebar-brand img{width:170px;height:56px;object-fit:contain;background:#faf7f2;padding:5px;border-radius:4px}
.sidebar-brand span{font-size:8px;letter-spacing:2px}
.nav-section{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#a48dae;padding:24px 22px 9px}
#sidebar-wrapper .list-group-item{font-size:12px;padding:12px 22px;color:#c4b5cb!important}
#sidebar-wrapper .list-group-item.active{border-left-color:#c5a66d;background:#ffffff0d!important}
.btn-primary{background:#533559;border-color:#533559;color:white}.btn-primary:hover,.btn-primary:active{background:#39233f!important;border-color:#39233f!important;color:white}
.card{border:1px solid #e5dfd5;box-shadow:0 2px 8px #21152903!important}.card:hover{transform:none}
.form-control:focus,.form-select:focus{box-shadow:0 0 0 3px #c5a66d33;border-color:#b69a6b}
.table>:not(caption)>*>*{padding:14px 12px;font-size:13px}.table-light{--bs-table-bg:#f5f2ed}
@media(max-width:767px){#sidebar-wrapper{margin-left:-250px}#wrapper.toggled #sidebar-wrapper{margin-left:0}#page-content-wrapper{min-width:0}#wrapper.toggled #page-content-wrapper{min-width:100vw}.navbar{padding:12px!important}.navbar>span.small{display:none}}
