.dashboard-tips .tip-card {
    border-left: 3px solid var(--pos-brand, #0ab39c);
}

.pos-help-tip {
    margin-bottom: 1rem;
}

.pos-help-tip-inner {
    background: linear-gradient(135deg, rgba(10, 179, 156, 0.08) 0%, rgba(64, 81, 137, 0.06) 100%);
    border: 1px solid rgba(10, 179, 156, 0.25);
    border-radius: 10px;
    padding: 12px 14px;
}

:root {
    --pos-brand: #0ab39c;
    --pos-brand-dark: #089981;
    --pos-accent: #405189;
    --vz-primary: #405189;
    --vz-success: #0ab39c;
}

/* PropertyOS app shell — soften default Velzon chrome */
.navbar-brand-box {
    background: linear-gradient(180deg, #2d3352 0%, #222736 100%);
}

#page-topbar {
    border-bottom: 1px solid rgba(64, 81, 137, 0.08);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.app-menu .navbar-nav .nav-link.active,
.app-menu .navbar-nav .nav-link:hover {
    color: var(--pos-brand);
}

.app-menu .menu-title span {
    letter-spacing: 0.06em;
    font-size: 11px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
}

.btn-success {
    background-color: var(--pos-brand);
    border-color: var(--pos-brand);
}

.btn-success:hover {
    background-color: var(--pos-brand-dark);
    border-color: var(--pos-brand-dark);
}

.card {
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.06);
}

.progress-bar.bg-success {
    background-color: var(--pos-brand) !important;
}

.text-primary {
    color: var(--pos-accent) !important;
}

.bg-primary {
    background-color: var(--pos-accent) !important;
}

.breadcrumb-item.active {
    color: var(--pos-accent);
}

.support-view-banner {
    background: linear-gradient(90deg, rgba(247, 184, 75, 0.12), rgba(247, 184, 75, 0.04));
}