:root {
    --o360-primary: #075ba7;
    --o360-primary-deep: #073b74;
    --o360-primary-soft: #eaf5ff;
    --o360-accent: #f59e0b;
    --o360-ink: #18202a;
    --o360-muted: #667085;
    --o360-border: #d9e2ec;
    --o360-surface: #ffffff;
    --a2wg-orange: var(--o360-primary);
    --a2wg-orange-2: #168bd2;
    --a2wg-orange-soft: var(--o360-primary-soft);
    --a2wg-orange-deep: var(--o360-primary-deep);
    --a2wg-cream: #f7f9fc;
    --a2wg-surface-2: #ffffff;
    --a2wg-border: rgba(7, 91, 167, .14);
}

body {
    color: var(--o360-ink);
    background: #f5f7fa;
}

.a2wg-topbar,
body.a2wg-shell-body .a2wg-topbar,
.navbar.a2wg-enterprise-topbar,
nav.a2wg-topbar {
    background: var(--o360-primary-deep) !important;
    border: 0 !important;
    border-bottom: 3px solid var(--o360-accent) !important;
    box-shadow: 0 8px 22px rgba(7, 59, 116, .18) !important;
    border-radius: 8px !important;
}

.a2wg-topbar-layout {
    display: grid;
    grid-template-columns: minmax(190px, 270px) minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-width: 0;
}

.a2wg-topbar-leading,
.a2wg-topbar-actions,
.a2wg-enterprise-brand,
.a2wg-enterprise-copy {
    min-width: 0;
}

.a2wg-enterprise-brand {
    display: flex;
    width: 100%;
    max-width: none !important;
    overflow: hidden;
}

.a2wg-enterprise-copy {
    display: block;
    overflow: hidden;
}

.a2wg-enterprise-copy strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.a2wg-brand-badge,
body.a2wg-shell-body .a2wg-topbar .a2wg-brand-badge {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    padding: 0;
    overflow: hidden;
    border-radius: 8px;
    background: #07111f !important;
    border-color: rgba(255, 255, 255, .22) !important;
}

.a2wg-brand-badge img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.a2wg-primary-nav {
    justify-content: center;
    max-width: 100% !important;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

.a2wg-primary-nav::-webkit-scrollbar {
    display: none;
}

.a2wg-primary-nav .nav-link {
    border-radius: 6px !important;
}

.a2wg-topbar .a2wg-top-icon,
.a2wg-topbar .a2wg-user-pill,
body.a2wg-shell-body .a2wg-topbar .a2wg-top-icon,
body.a2wg-shell-body .a2wg-topbar .a2wg-user-pill {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .09) !important;
    border-color: rgba(255, 255, 255, .18) !important;
}

.a2wg-topbar .a2wg-user-avatar,
body.a2wg-shell-body .a2wg-topbar .a2wg-user-avatar {
    color: var(--o360-primary-deep) !important;
    background: #ffffff !important;
}

.btn-primary,
.btn-orange {
    background: var(--o360-primary) !important;
    border-color: var(--o360-primary) !important;
}

.btn-primary:hover,
.btn-orange:hover {
    background: var(--o360-primary-deep) !important;
    border-color: var(--o360-primary-deep) !important;
}

body.a2wg-shell-body .a2wg-sidebar-shell {
    background: #ffffff !important;
    border: 1px solid var(--o360-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 26px rgba(24, 32, 42, .07) !important;
}

body.a2wg-shell-body .a2wg-sidebar-brand-badge,
body.a2wg-shell-body .a2wg-sidebar-link i:first-child {
    color: var(--o360-primary) !important;
    background: var(--o360-primary-soft) !important;
    border-color: rgba(7, 91, 167, .12) !important;
    border-radius: 6px !important;
}

body.a2wg-shell-body .a2wg-sidebar-pill {
    background: #f8fafc !important;
    border-color: var(--o360-border) !important;
    border-radius: 6px !important;
}

body.a2wg-shell-body .a2wg-sidebar-link {
    color: var(--o360-ink) !important;
    background: #ffffff !important;
    border-color: transparent !important;
    border-radius: 6px !important;
}

body.a2wg-shell-body .a2wg-sidebar-link:hover {
    background: #f3f7fb !important;
    border-color: var(--o360-border) !important;
}

body.a2wg-shell-body .a2wg-sidebar-link.active {
    color: var(--o360-primary-deep) !important;
    background: var(--o360-primary-soft) !important;
    border-color: rgba(7, 91, 167, .2) !important;
}

body.a2wg-shell-body .a2wg-sidebar-link.active::before {
    background: var(--o360-primary) !important;
    border-radius: 0 4px 4px 0 !important;
}

body.a2wg-shell-body .a2wg-sidebar-quick {
    background: #f7f9fc !important;
    border: 1px solid var(--o360-border) !important;
    border-radius: 8px !important;
}

.a2wg-page-card,
.card,
.workspace-hero,
.ws-card {
    border-radius: 8px !important;
}

.workspace-hero {
    background: #f3f8fd !important;
    border-color: rgba(7, 91, 167, .18) !important;
}

.ws-icon {
    color: var(--o360-primary) !important;
    background: var(--o360-primary-soft) !important;
    border-radius: 6px !important;
}

.ws-item {
    border-radius: 6px !important;
}

.btn-soft {
    color: var(--o360-primary-deep) !important;
    background: var(--o360-primary-soft) !important;
    border-color: rgba(7, 91, 167, .14) !important;
}

.a2wg-reminder-strip {
    background: #f8fafc !important;
    border-bottom-color: var(--o360-border) !important;
}

.a2wg-reminder-strip a {
    color: var(--o360-primary) !important;
}

.a2wg-reminder-dot,
.a2wg-ping-dot {
    background: var(--o360-accent) !important;
    box-shadow: 0 0 0 5px rgba(245, 158, 11, .13) !important;
}

@media (max-width: 1399.98px) {
    .a2wg-topbar-layout {
        grid-template-columns: minmax(160px, 215px) minmax(0, 1fr) auto;
        gap: 10px;
    }
}

@media (max-width: 1199.98px) {
    .a2wg-topbar-layout {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .a2wg-primary-nav {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .a2wg-enterprise-copy {
        display: none !important;
    }

    .a2wg-topbar-layout {
        gap: 8px;
    }
}
.o360-platform-notice{margin:0 1rem 10px;border:1px solid #b9dff5;background:#eef8fe;color:#173f5f}.o360-platform-notice.is-important,.o360-platform-notice.is-maintenance{border-color:#f1d08c;background:#fff8e8;color:#6d4a08}.o360-platform-notice.is-critical{border-color:#f0b5af;background:#fff1ef;color:#8f241b}.o360-platform-notice-inner{min-height:54px;padding:10px 15px;display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center}.o360-platform-notice-inner>i{font-size:1.05rem}.o360-platform-notice-inner strong,.o360-platform-notice-inner span{display:block}.o360-platform-notice-inner span{margin-top:2px;font-size:.82rem}.o360-platform-notice-inner>b{font-size:.68rem;text-transform:uppercase}@media(max-width:680px){.o360-platform-notice{margin-inline:.5rem}.o360-platform-notice-inner{grid-template-columns:24px 1fr}.o360-platform-notice-inner>b{display:none}}
