/* SaaS-style WLCC Admin Portal - light theme with blue accent (#1E90FF) */

.wlcc-admin-portal-root{
    position:fixed;
    inset:0;
    z-index:9999;
    background:#f5f7fb;
    display:flex;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    color:#243b53;
}

/* Sidebar */
.wlcc-ap-sidebar{
    width:220px;
    background:#ffffff;
    border-right:1px solid #d9e2ec;
    display:flex;
    flex-direction:column;
    padding:16px 0;
    box-sizing:border-box;
}

.wlcc-ap-logo{
    display:flex;
    align-items:center;
    padding:0 18px 14px 18px;
    border-bottom:1px solid #edf2f7;
    margin-bottom:8px;
}
.wlcc-ap-logo-mark{
    width:30px;
    height:30px;
    border-radius:6px;
    background:#1e90ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:700;
    margin-right:10px;
    font-size:15px;
}
.wlcc-ap-logo-text-main{
    font-weight:600;
    font-size:15px;
}
.wlcc-ap-logo-text-sub{
    font-size:11px;
    color:#829ab1;
}

.wlcc-ap-nav{
    list-style:none;
    padding:8px 0;
    margin:0;
    flex:1;
}
.wlcc-ap-nav li{
    margin-bottom:2px;
}
.wlcc-ap-nav-link{
    display:flex;
    align-items:center;
    padding:8px 18px;
    text-decoration:none;
    color:#334e68;
    font-size:13px;
    cursor:pointer;
}
.wlcc-ap-nav-link span{
    margin-left:8px;
}
.wlcc-ap-nav-link:hover{
    background:#f0f4ff;
}
.wlcc-ap-nav-active{
    background:#1e90ff;
    color:#ffffff;
}
.wlcc-ap-nav-active span{
    color:#ffffff;
}
.wlcc-ap-icon{
    width:8px;
    height:8px;
    border-radius:999px;
    background:#9fb3c8;
}
.wlcc-ap-nav-active .wlcc-ap-icon{
    background:#ffffff;
}

/* Sidebar footer */
.wlcc-ap-sidebar-footer{
    padding-top:8px;
    border-top:1px solid #edf2f7;
}
.wlcc-ap-logout{
    display:block;
    padding:8px 18px;
    font-size:13px;
    color:#c53030;
    text-decoration:none;
}

/* Main area */
.wlcc-ap-main{
    flex:1;
    display:flex;
    flex-direction:column;
    min-width:0;
}

/* Topbar */
.wlcc-ap-topbar{
    height:56px;
    background:#ffffff;
    border-bottom:1px solid #d9e2ec;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 24px;
    box-sizing:border-box;
}
.wlcc-ap-top-title{
    font-size:16px;
    font-weight:600;
}
.wlcc-ap-top-right{
    display:flex;
    align-items:center;
    gap:16px;
    font-size:13px;
    color:#627d98;
}
.wlcc-ap-user-avatar{
    width:28px;
    height:28px;
    border-radius:999px;
    background:#1e90ff;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:600;
}

/* Content */
.wlcc-ap-content{
    flex:1;
    padding:20px 24px;
    overflow:auto;
    box-sizing:border-box;
}

/* Sections */
.wlcc-ap-section{display:none;}
.wlcc-ap-section-active{display:block;}

/* Metric cards */
.wlcc-ap-metrics-row{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-bottom:20px;
}
.wlcc-ap-metric-card{
    background:#ffffff;
    border-radius:4px;
    border:1px solid #d9e2ec;
    padding:12px 14px;
}
.wlcc-ap-metric-label{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#829ab1;
    margin-bottom:6px;
}
.wlcc-ap-metric-value{
    font-size:20px;
    font-weight:600;
    color:#1f2933;
}

/* Rows */
.wlcc-ap-main-row{
    display:grid;
    grid-template-columns:2.2fr 1fr;
    gap:16px;
    margin-bottom:20px;
}
.wlcc-ap-bottom-row{
    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:16px;
}

/* Cards */
.wlcc-ap-card{
    background:#ffffff;
    border-radius:4px;
    border:1px solid #d9e2ec;
    padding:12px 14px;
}
.wlcc-ap-card-title{
    font-size:13px;
    font-weight:600;
    margin-bottom:8px;
}
.wlcc-ap-card-body{
    font-size:13px;
    color:#627d98;
}
.wlcc-ap-chart-container{
    height:220px;
}

.wlcc-ap-muted-panel{
    background:#f8fafc;
    border-radius:4px;
    border:1px dashed #cbd2e1;
    padding:12px 14px;
    font-size:13px;
    color:#627d98;
}

/* Table */
.wlcc-ap-table{
    width:100%;
    border-collapse:collapse;
    font-size:12px;
}
.wlcc-ap-table th,
.wlcc-ap-table td{
    border-bottom:1px solid #edf2f7;
    padding:6px 4px;
    text-align:left;
}
.wlcc-ap-table th{
    font-weight:600;
    color:#829ab1;
}

/* Responsive */
@media(max-width:1024px){
    .wlcc-ap-metrics-row{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .wlcc-ap-main-row,
    .wlcc-ap-bottom-row{
        grid-template-columns:1fr;
    }
}
@media(max-width:720px){
    .wlcc-ap-sidebar{display:none;}
}