/*
|--------------------------------------------------------------------------
| Partner & Affiliate OS v1.3.6
| Production Shell Parity 1.0
|--------------------------------------------------------------------------
| Final shared shell authority based on the production app.gosportspro.net
| layout proportions and the approved os8.pdf result.
*/

/* Shared page shell */
.sos-shell{
    grid-template-columns:270px minmax(0,1fr) !important;
}

.sos-page{
    padding:28px 24px 40px !important;
}

/* Production top bar parity */
.ui-topbar{
    min-height:66px !important;
    padding:0 24px !important;
    gap:20px !important;
    border-bottom:1px solid #90cf07 !important;
    box-shadow:0 1px 0 rgba(144,207,7,.14) !important;
}

.ui-topbar__left,
.ui-topbar__right{
    min-height:66px !important;
}

.ui-breadcrumb{
    gap:8px !important;
}

.ui-breadcrumb strong{
    font-size:13px !important;
    font-weight:800 !important;
}

.ui-breadcrumb span{
    font-size:11px !important;
}

.ui-global-search{
    width:260px !important;
    height:40px !important;
    border-radius:10px !important;
}

.ui-version,
.ui-icon-button,
.ui-profile-button{
    height:40px !important;
    min-height:40px !important;
}

.ui-version{
    padding:0 12px !important;
    border-radius:10px !important;
}

.ui-profile-button{
    padding-right:12px !important;
    border-radius:10px !important;
}

/* Production sidebar parity */
.ui-sidebar{
    width:270px !important;
    min-width:270px !important;
    padding:30px 18px 72px !important;
}

.ui-sidebar__brand{
    margin-bottom:24px !important;
    padding:0 8px !important;
}

.ui-brand__primary{
    font-size:13px !important;
    letter-spacing:.03em !important;
}

.ui-brand__secondary{
    font-size:21px !important;
    letter-spacing:-.01em !important;
}

.ui-nav-group + .ui-nav-group{
    margin-top:14px !important;
}

.ui-nav-label{
    margin:0 10px 7px !important;
    font-size:12.5px !important;
    letter-spacing:.10em !important;
}

.ui-nav-accordion__toggle{
    min-height:47px !important;
    padding:15px 10px 13px !important;
    font-size:13.5px !important;
}

.ui-nav-accordion__panel{
    padding-bottom:7px !important;
}

.ui-nav-list a{
    min-height:34px !important;
    padding:7px 12px !important;
    font-size:13px !important;
    line-height:1.25 !important;
}

.ui-nav-accordion .ui-nav-list a{
    padding-left:18px !important;
    font-size:12.5px !important;
}

.ui-sidebar__version{
    left:24px !important;
    bottom:18px !important;
}

/* Metallic workspace hero parity */
.gsp-workspace-header.gsp-workspace-header--metallic{
    min-height:184px !important;
    margin-bottom:18px !important;
    padding:22px 24px 30px !important;
    background-position:center 54% !important;
}

.gsp-workspace-header.gsp-workspace-header--metallic .gsp-workspace-header__body{
    min-height:128px !important;
    padding-top:16px !important;
    padding-bottom:6px !important;
}

.gsp-workspace-header.gsp-workspace-header--metallic .gsp-workspace-header__content{
    min-height:118px !important;
    padding:12px 34px 12px 2px !important;
}

.gsp-workspace-header.gsp-workspace-header--metallic .gsp-workspace-header__aside{
    min-height:118px !important;
    align-items:center !important;
    padding:8px 0 8px 30px !important;
}

.gsp-workspace-header__eyebrow{
    margin-bottom:8px !important;
    font-size:11.5px !important;
}

.gsp-workspace-header__title{
    font-size:clamp(36px,3.25vw,50px) !important;
    line-height:1.02 !important;
}

.gsp-workspace-header__description{
    margin-top:14px !important;
    line-height:1.5 !important;
}

.gsp-workspace-header__actions-html{
    align-items:center !important;
}

.gsp-workspace-header__actions-html .sos-button{
    min-height:44px !important;
    padding:0 18px !important;
}

/* Metric card rhythm */
.sos-grid--metrics{
    gap:16px !important;
    margin-bottom:26px !important;
}

.sos-stat-card{
    min-height:138px !important;
    padding:21px !important;
}

.sos-stat-card__value{
    font-size:32px !important;
}

/* Application launcher parity */
.sos-launcher{
    margin-top:26px !important;
}

.sos-launcher .sos-section-heading{
    margin-bottom:15px !important;
}

.sos-launcher-grid{
    gap:16px !important;
    grid-auto-rows:minmax(164px,auto) !important;
}

.sos-launcher-grid > .sos-launcher-tile{
    min-height:164px !important;
    padding:18px 18px 17px !important;
    border-radius:10px !important;
    box-shadow:inset 0 1px rgba(255,255,255,.018) !important;
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease !important;
}

.sos-launcher-grid > .sos-launcher-tile:not(.is-disabled):hover{
    transform:translateY(-2px) !important;
    border-color:rgba(144,207,7,.36) !important;
    background:#141615 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 0 1px rgba(144,207,7,.06) !important;
}

.sos-launcher-grid .sos-launcher-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
}

.sos-launcher-grid .sos-launcher-copy strong{
    font-size:15.5px !important;
}

.sos-launcher-grid .sos-launcher-copy small{
    line-height:1.42 !important;
}

.sos-launcher-grid .sos-status-badge{
    margin-top:2px !important;
}

/* Shared panels */
.sos-grid--two{
    gap:18px !important;
}

.sos-panel{
    border-radius:10px !important;
}

.ui-app-footer{
    margin-top:32px !important;
    padding:17px 2px !important;
}

/* Tablet/mobile preservation */
@media(max-width:1100px){
    .gsp-workspace-header.gsp-workspace-header--metallic{
        min-height:0 !important;
        padding:18px !important;
        background-position:center center !important;
    }

    .gsp-workspace-header.gsp-workspace-header--metallic .gsp-workspace-header__body,
    .gsp-workspace-header.gsp-workspace-header--metallic .gsp-workspace-header__content,
    .gsp-workspace-header.gsp-workspace-header--metallic .gsp-workspace-header__aside{
        min-height:0 !important;
    }
}

@media(max-width:920px){
    .ui-topbar{
        padding:0 18px !important;
    }

    .sos-page{
        padding:24px 18px 36px !important;
    }
}

@media(max-width:680px){
    .ui-topbar{
        min-height:60px !important;
    }

    .ui-topbar__left,
    .ui-topbar__right{
        min-height:60px !important;
    }

    .sos-launcher-grid{
        gap:14px !important;
    }
}