html:has(body.aicb-core-portal-page),
body.aicb-core-portal-page {
    width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f4f7fb !important;
}

body.aicb-core-portal-page #wpadminbar {
    position: fixed;
}

.aicb-page-root {
    width: 100%;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.aicb-core-portal-page .aicb-shell,
.aicb-core-portal-page .aicb-login {
    width: 100%;
    max-width: none;
    min-height: 100dvh;
    margin: 0;
    border-radius: 0;
}

.aicb-core-portal-page .aicb-shell {
    padding: clamp(16px, 2.4vw, 36px);
}

.aicb-core-portal-page .aicb-topbar,
.aicb-core-portal-page .aicb-tabs,
.aicb-core-portal-page .aicb-shell > main {
    width: 100%;
}

.aicb-recommendations { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.aicb-recommendations li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; padding: 14px; border: 1px solid #e2e9f2; border-radius: 14px; background: #f8fbff; }
.aicb-recommendations p { margin: 6px 0; color: #53657a; }
.aicb-recommendations .aicb-badge.is-critical { background: #ffe5e5; color: #a51d1d; }
.aicb-recommendations .aicb-badge.is-high { background: #fff0dc; color: #92520b; }
.aicb-recommendations .aicb-badge.is-medium { background: #e8f0ff; color: #2458a6; }
.aicb-recommendations .aicb-badge.is-low { background: #e7f8f1; color: #087a55; }

@media (max-width: 768px) {
    .aicb-core-portal-page .aicb-shell {
        padding: 16px;
    }

    .aicb-core-portal-page .aicb-grid-2,
    .aicb-core-portal-page .aicb-grid-4 {
        grid-template-columns: 1fr;
    }

    .aicb-core-portal-page .aicb-card {
        padding: 18px;
    }

    .aicb-core-portal-page .aicb-action,
    .aicb-core-portal-page .aicb-card-head,
    .aicb-core-portal-page .aicb-topbar {
        align-items: stretch;
    }

    .aicb-core-portal-page .aicb-top-actions,
    .aicb-core-portal-page .aicb-action-buttons,
    .aicb-core-portal-page .aicb-action-buttons .aicb-btn {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .aicb-core-portal-page .aicb-shell {
        padding: 12px;
    }

    .aicb-core-portal-page .aicb-card {
        padding: 15px;
    }
}