/* AI Cloud component plugin: Admin System */
/* ===== Users admin ===== */
#user_role_lock_note{
    display:block;
    margin-top:8px;
    color:var(--mp-ink-amber);
    font-weight:700;
}

/* ===== Responsive ===== */
@media(max-width:1200px){
    .action-group{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media(max-width:1100px){
    .dashboard-kpis{grid-template-columns:1fr}
    .section-header{flex-direction:column}
}

@media(max-width:1000px){
    .sidebar{
        width:100%;
        height:auto;
        position:relative;
    }

    .content{
        margin-left:0;
        padding:24px;
    }

    .login-shell{grid-template-columns:1fr}

    body.sidebar-collapsed .content{margin-left:0}

    body.sidebar-collapsed .sidebar{
        width:100%;
        padding:24px;
    }



    body.sidebar-collapsed .sidebar-toggle{
        position:relative;
        left:auto;
        top:auto;
        width:32px;
        height:32px;
        border-radius:5px;
        border-left:1px solid var(--border);
        border:1px solid var(--mp-fill-07);
        opacity:.52;
    }
}

@media(max-width:1000px){
    .mp-modal{
        padding:14px!important;
        align-items:flex-start!important;
    }

    .mp-modal-dialog{
        width:100%!important;
        max-height:calc(100vh - 28px)!important;
        padding:20px!important;
    }
}

@media(max-width:720px){
    .upload-dropzone{
        min-height:170px;
        padding:24px 18px;
    }

    .upload-panel-header{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* Core version feedback */
.core-version-panel{
    display:flex;
    align-items:center;
    gap:18px;
    width:max-content;
    max-width:100%;
    margin:0 0 22px 0;
    padding:14px 16px;
    border-radius:14px;
    border:1px solid var(--mp-hl-22);
    background:
        radial-gradient(circle at 20% 50%,var(--mp-hl-14),transparent 40%),
        linear-gradient(180deg,var(--mp-fill-055),var(--mp-fill-025));
    box-shadow:0 16px 44px var(--mp-hl-08);
}
.core-version-main{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.core-version-kicker{
    color:var(--muted,var(--mp-ink-file));
    font-size:11px;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
}
.core-version-main strong{
    color:var(--mp-ink-hl-soft);
    font-size:22px;
    line-height:1;
}
.core-version-meta{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}
.core-version-meta span{
    color:var(--text);
    font-size:14px;
    font-weight:900;
}
.core-version-meta small{
    color:var(--muted,var(--mp-ink-file));
    font-size:12px;
    font-weight:700;
}

/* Updates module */
.core-version-panel{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}
.core-version-actions{
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

@media(max-width:760px){
    .core-version-actions{
        width:100%;
        margin-left:0;
        justify-content:flex-start;
    }
}

/* Appearance/theme editor */
.theme-file-browser{margin-top:24px;}

.theme-editor-form textarea{
    width:100%;
    min-height:62vh;
    resize:vertical;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size:13px;
    line-height:1.55;
    tab-size:4;
    color:var(--mp-ink-item);
    background:var(--mp-code-bg);
    border:1px solid var(--mp-slate-18);
    border-radius:5px;
    padding:18px;
    outline:none;
}
.theme-editor-form textarea:focus{
    border-color:var(--mp-hl-35);
    box-shadow:0 0 0 3px var(--mp-hl-08);
}
.theme-editor-meta{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin:8px 0 18px;
}
.theme-editor-actions{
    display:flex;
    gap:10px;
    align-items:center;
    justify-content:flex-end;
    margin-top:14px;
}

.permissions-actions{
    margin-top:14px;
    text-align:right;
}