/* Gedeelde Sovado-vormtaal voor de volledige bedrijfswerkplek. */
body.page-company-app {
    --brand: #5547ed;
    --brand-dark: #4638dc;
    --ink: var(--os-color-ink);
    --muted: #7e879b;
    --line: var(--os-color-border);
    --surface: var(--os-color-surface);
    --canvas: var(--os-color-canvas);
    background: var(--canvas);
    color: var(--ink);
    font-family: var(--os-font-family);
}

.page-company-app .app-content { min-height: 100vh; background: var(--canvas); }
.page-company-app .topbar { height: 72px; padding: 0 34px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.96); box-shadow: none; }
.page-company-app .sidebar-collapse-toggle { border-color: transparent; border-radius: 11px; background: #f7f8fb; color: #9299aa; box-shadow: none; }
.page-company-app .sidebar-collapse-toggle:hover { border-color: #e6e7f2; background: #f2f1ff; color: #5547ed; }
.page-company-app .global-search-form { margin-right: auto; margin-left: 14px; }
.page-company-app .search { width: min(390px, 35vw); height: 42px; border-color: #e9ebf1; border-radius: 12px; background: #f8f9fb; color: var(--ink); }
.page-company-app .search:focus { border-color: #bdb8fb; box-shadow: 0 0 0 3px rgba(85,71,237,.1); outline: none; }
.page-company-app .top-actions { gap: 13px; }
.page-company-app .avatar { width: 36px; height: 36px; background: #5547ed; color: #fff; }
.page-company-app .logout-btn { color: #7f8799; font-size: 12px; }
.page-company-app .logout-btn:hover { color: #5547ed; }

.page-company-app.without-app-topbar .app-content { min-height: 100dvh; }

.page-company-app .sidebar {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-family: "DM Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Zachte lila sidebar uit de light-mode vormtaal. */
html:not([data-theme="dark"]) .page-company-app .sidebar {
    border-color: #e4e6ec;
    background: linear-gradient(180deg, #fafafb 0%, #f0f1f5 100%);
}

html:not([data-theme="dark"]) .page-company-app .sidebar-mobile-head {
    background: rgba(247, 247, 249, .96);
    color: #171d2f;
}
.page-company-app .sidebar-navigation {
    min-height: 0;
    display: grid;
    flex: 1 1 auto;
    align-content: start;
    gap: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: -8px;
    padding: 3px 8px 6px 0;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--os-color-scrollbar) 50%, transparent) transparent;
}
.page-company-app .sidebar-navigation:hover,
.page-company-app .sidebar-navigation:focus-within {
    scrollbar-color: var(--os-color-scrollbar) transparent;
}
.page-company-app .sidebar-navigation::-webkit-scrollbar { width: 6px; }
.page-company-app .sidebar-navigation::-webkit-scrollbar-track { background: transparent; }
.page-company-app .sidebar-navigation::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    border-radius: 999px;
    background: color-mix(in srgb, var(--os-color-scrollbar) 50%, transparent);
    background-clip: padding-box;
}
.page-company-app .sidebar-navigation:hover::-webkit-scrollbar-thumb,
.page-company-app .sidebar-navigation:focus-within::-webkit-scrollbar-thumb {
    background-color: var(--os-color-scrollbar);
}
@supports selector(::-webkit-scrollbar) {
    .page-company-app .sidebar .sidebar-navigation {
        scrollbar-width: auto;
        scrollbar-color: auto;
    }
}
.page-company-app .sidebar-nav-group { display: grid; gap: 1px; margin-top: 3px; padding-top: 3px; }
.page-company-app .sidebar-nav-label { display: block; padding: 2px 10px 3px; color: #9aa2b5; font-size: 8px; font-weight: 700; letter-spacing: .12em; line-height: 1; text-transform: uppercase; }
.page-company-app .sidebar-footer { flex: 0 0 auto; margin-top: auto; padding-top: 5px; }
.page-company-app .sidebar-footer .sidebar-subscription { margin: 0 0 5px; }
.page-company-app .sidebar-support-link { min-height: 34px; display: flex; align-items: center; gap: 10px; margin-top: 2px; padding: 6px 10px; border-radius: 11px; color: #64708a; font-size: 12px; font-weight: 550; letter-spacing: -.01em; }
.page-company-app .sidebar-support-link:hover { background: var(--os-color-hover); color: var(--os-color-primary); }
.page-company-app .sidebar-support-link .nav-icon { width: 22px; color: #9098aa; text-align: center; }
.page-company-app .sidebar-support-link:hover .nav-icon { color: var(--os-color-primary); }

.page-company-app .nav-item .nav-item-label {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-company-app .nav-item .nav-beta-badge {
    flex: 0 0 auto;
}

.page-company-app .sidebar-addon-promo {
    position: relative;
    min-height: 168px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin: 10px 2px 3px;
    padding: 15px 14px 13px;
    overflow: hidden;
    border: 1px solid #eeecfb;
    border-radius: 16px;
    background: linear-gradient(145deg, #fbfaff 0%, #f7f5ff 58%, #fff 100%);
    box-shadow: 0 8px 24px rgba(61, 48, 143, .045);
    isolation: isolate;
    transition: border-color .15s ease, transform .15s ease;
}

.page-company-app .sidebar-addon-promo:hover {
    border-color: #dcd7fb;
    transform: translateY(-1px);
}

.page-company-app .sidebar-addon-promo::before,
.page-company-app .sidebar-addon-promo::after {
    position: absolute;
    right: -30px;
    z-index: -1;
    width: 76px;
    height: 76px;
    border-radius: 22px;
    content: "";
    transform: rotate(-31deg);
}

.page-company-app .sidebar-addon-promo::before {
    top: 23px;
    background: linear-gradient(145deg, #d9e9ff, #bcd3ff);
}

.page-company-app .sidebar-addon-promo::after {
    right: -27px;
    bottom: -16px;
    width: 86px;
    height: 86px;
    background: linear-gradient(145deg, #ffd5ec, #ffc3b3);
}

.page-company-app .sidebar-addon-promo-icon {
    position: relative;
    z-index: 1;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #ece9ff;
    color: #5a4df0;
    font-size: 14px;
}

.page-company-app .sidebar-addon-promo-copy {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 10px;
}

.page-company-app .sidebar-addon-promo-copy strong,
.page-company-app .sidebar-addon-promo-copy small {
    display: block;
}

.page-company-app .sidebar-addon-promo-copy strong {
    color: var(--os-color-ink);
    font-size: 17px;
    font-weight: 750;
    letter-spacing: -.045em;
    line-height: 1.02;
}

.page-company-app .sidebar-addon-promo-copy small {
    margin-top: 9px;
    color: #7d879d;
    font-size: 10px;
    font-weight: 550;
    line-height: 1.4;
}

.page-company-app .sidebar-addon-promo-copy b {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 11px;
    padding: 0 10px;
    border: 1px solid #e2defb;
    border-radius: 9px;
    background: rgba(255, 255, 255, .82);
    color: #5948ed;
    font-size: 10px;
    font-weight: 750;
}

.page-company-app .sidebar-addon-promo-copy b i {
    font-size: 8px;
}

@media (min-width: 981px) {
    .page-company-app .app-shell { grid-template-columns: 212px minmax(0,1fr); }
    .page-company-app .sidebar { width: 212px; padding: 12px 10px 10px; overflow: visible; border-right: 1px solid #ebeaf3; background: #fdfcff; color: #64708a; box-shadow: none; }
    .page-company-app .sidebar .brand-mark { gap: 10px; padding: 0 10px 8px; color: #12182b; font-size: 18px; font-weight: 700; letter-spacing: -.025em; }
    .page-company-app .sidebar .brand-icon { width: 40px; height: 40px; padding: 0; overflow: visible; border-radius: 0; background: transparent !important; }
    .page-company-app .sidebar .brand-icon img { width: 36px; height: 36px; }
    .page-company-app .sidebar-group { padding: 10px 0 5px; border-top: 1px solid #f0f1f5; }
    .page-company-app .sidebar-group:first-child { border-top: 0; }
    .page-company-app .sidebar-group > summary { padding: 6px 12px; color: #a1a8b7; font-size: 10px; letter-spacing: .13em; }
    .page-company-app .sidebar-group > div { gap: 4px; }
    .page-company-app .nav-item { min-height: 34px; margin: 0; padding: 5px 10px; border-radius: 11px; color: #64708a; font-size: 12px; font-weight: 550; line-height: 1.2; letter-spacing: -.01em; }
    .page-company-app .nav-item:hover { background: #f6f3ff; color: #6252ed; }
    .page-company-app .nav-item.active { background: #eee9ff; color: #6252ed; font-weight: 600; }
    .page-company-app .nav-icon { width: 21px; color: #7b859e; font-size: 14px; }
    .page-company-app .nav-item.active .nav-icon { color: #5547ed; }
    .page-company-app .nav-beta-badge { border-color: #dad7ff; background: #f3f1ff; color: #6658e8; }
    .page-company-app .nav-lock-badge { color: #a1a8b7; }
    .page-company-app .sidebar-subscription { border: 1px solid #ebeaf3; border-radius: 13px; background: #faf9ff; color: var(--ink); box-shadow: none; }
    .page-company-app .sidebar-subscription small, .page-company-app .sidebar-subscription p { color: #8b93a7; }
    .page-company-app .sidebar-subscription strong { color: var(--ink); }
    .page-company-app .sidebar-subscription a { color: #5547ed; }

    html:not(.sidebar-collapsed) .page-company-app .sidebar-settings-entry {
        grid-template-columns: minmax(0, 1fr) 34px;
    }

    html:not(.sidebar-collapsed) .page-company-app .sidebar-footer-toggle {
        position: relative;
        z-index: 40;
        width: 34px;
        height: 34px;
        min-height: 34px;
        border: 1px solid #dddfea;
        border-radius: 50%;
        background: #f3f4f7;
        box-shadow: 0 4px 12px rgba(39, 42, 68, .08);
        transform: translateX(27px);
    }

    html:not(.sidebar-collapsed) .page-company-app .sidebar-footer-toggle:hover {
        border-color: #c8c3f8;
        background: #f5f2ff;
    }
}

/* Compacte werkstand: alleen iconen, met het label als tooltip ernaast. */
@media (min-width: 981px) {
    html.sidebar-collapsed .page-company-app .app-shell {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    html.sidebar-collapsed .page-company-app .sidebar {
        width: 72px;
        padding: 16px 8px;
        overflow: visible;
    }

    html.sidebar-collapsed .page-company-app .sidebar .brand-mark {
        justify-content: center;
        padding: 0 0 16px;
    }

    html.sidebar-collapsed .page-company-app .sidebar .brand-mark > span:last-child,
    html.sidebar-collapsed .page-company-app .sidebar-subscription,
    html.sidebar-collapsed .page-company-app .sidebar-addon-promo {
        display: none;
    }

    html.sidebar-collapsed .page-company-app .sidebar .brand-icon {
        width: 40px;
        height: 40px;
        padding: 0;
        overflow: visible;
        border-radius: 0;
        background: transparent !important;
    }

    html.sidebar-collapsed .page-company-app .sidebar .brand-icon img {
        width: 40px;
        height: 40px;
    }

    html.sidebar-collapsed .page-company-app .sidebar-navigation {
        gap: 2px;
        margin: 0;
        padding: 4px 0;
        overflow: visible;
    }

    html.sidebar-collapsed .page-company-app .sidebar-nav-group {
        display: contents;
    }

    html.sidebar-collapsed .page-company-app .sidebar-nav-label {
        display: none;
    }

    html.sidebar-collapsed .page-company-app .nav-item {
        position: relative;
        display: flex;
        width: 44px;
        min-height: 42px;
        height: 42px;
        align-items: center;
        justify-content: center;
        gap: 0;
        margin: 0 auto;
        padding: 0;
        border-radius: 11px;
        color: #7c8498;
        font-size: 0;
        font-weight: 750;
        line-height: 1;
    }

    html.sidebar-collapsed .page-company-app .nav-item .nav-icon {
        width: auto;
        color: #9098aa;
        font-size: 18px;
        line-height: 1;
    }

    html.sidebar-collapsed .page-company-app .nav-item:hover {
        background: #f6f5ff;
        color: #5547ed;
    }

    html.sidebar-collapsed .page-company-app .nav-item:hover .nav-icon,
    html.sidebar-collapsed .page-company-app .nav-item.active .nav-icon {
        color: #5547ed;
    }

    html.sidebar-collapsed .page-company-app .nav-item.active {
        background: #eeedff;
        color: #5547ed;
        box-shadow: none;
    }

    html.sidebar-collapsed .page-company-app .nav-beta-badge {
        display: none;
    }

    html.sidebar-collapsed .page-company-app .nav-item-label {
        display: none;
    }

    html.sidebar-collapsed .page-company-app .nav-lock-badge {
        position: absolute;
        top: 6px;
        right: 7px;
        margin: 0;
        font-size: 8px;
    }

    html.sidebar-collapsed .page-company-app .nav-item::after,
    html.sidebar-collapsed .page-company-app .sidebar-support-link::after {
        content: attr(data-sidebar-label);
        position: absolute;
        z-index: 80;
        top: 50%;
        left: calc(100% + 10px);
        width: max-content;
        max-width: 220px;
        padding: 7px 10px;
        border: 1px solid rgba(18, 24, 43, .08);
        border-radius: 8px;
        background: #12182b;
        box-shadow: 0 8px 22px rgba(18, 24, 43, .16);
        color: #fff;
        font-size: 11px;
        font-weight: 650;
        line-height: 1.2;
        opacity: 0;
        pointer-events: none;
        transform: translate(-4px, -50%);
        transition: opacity .14s ease, transform .14s ease, visibility .14s ease;
        visibility: hidden;
        white-space: nowrap;
    }

    html.sidebar-collapsed .page-company-app .nav-item:hover::after,
    html.sidebar-collapsed .page-company-app .nav-item:focus-visible::after,
    html.sidebar-collapsed .page-company-app .sidebar-support-link:hover::after,
    html.sidebar-collapsed .page-company-app .sidebar-support-link:focus-visible::after {
        opacity: 1;
        transform: translate(0, -50%);
        visibility: visible;
    }

    html.sidebar-collapsed .page-company-app .sidebar-footer {
        display: grid;
        grid-template-columns: 34px;
        grid-auto-flow: row;
        justify-content: center;
        gap: 4px;
        padding-top: 10px;
        border-top: 1px solid var(--os-color-border);
    }

    html.sidebar-collapsed .page-company-app .sidebar-settings-entry {
        display: contents;
    }

    html.sidebar-collapsed .page-company-app .sidebar-footer .nav-item,
    html.sidebar-collapsed .page-company-app .sidebar-support-link,
    html.sidebar-collapsed .page-company-app .sidebar-footer-toggle {
        width: 34px;
        min-height: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        margin: 0;
        padding: 0;
        border-radius: 9px;
        font-size: 0;
        line-height: 1;
    }

    html.sidebar-collapsed .page-company-app .sidebar-support-link .nav-icon,
    html.sidebar-collapsed .page-company-app .sidebar-footer .nav-item .nav-icon {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        font-size: 15px;
        line-height: 1;
    }

    html.sidebar-collapsed .page-company-app .sidebar-support-link > span:not(.nav-icon) {
        display: none;
    }

    html.sidebar-collapsed .page-company-app .sidebar-footer :is(.nav-icon, .sidebar-expand-icon) > i {
        display: block;
        width: 1em;
        line-height: 1;
        text-align: center;
    }

    html.sidebar-collapsed .page-company-app .sidebar-footer-toggle {
        position: absolute;
        z-index: 40;
        right: -17px;
        bottom: 70px;
        border: 1px solid #dddfea;
        border-radius: 50%;
        background: #fdfcff;
        box-shadow: 0 4px 12px rgba(39, 42, 68, .08);
        font-size: 14px;
    }

    html.sidebar-collapsed .page-company-app .sidebar-footer-toggle .sidebar-expand-icon {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    html.sidebar-collapsed .page-company-app .sidebar-footer-toggle:hover {
        border-color: #c8c3f8;
        background: #f5f2ff;
    }

    html.sidebar-collapsed .page-company-app .sidebar-support-link {
        position: relative;
        grid-column: auto;
    }

    html.sidebar-collapsed .page-company-app .sidebar-footer .nav-item { order: 1; }
    html.sidebar-collapsed .page-company-app .sidebar-support-link { order: 2; }
    html.sidebar-collapsed .page-company-app .sidebar-footer-toggle { order: 3; }
}

@media (min-width: 981px) and (max-height: 820px) {
    .page-company-app .sidebar {
        padding-top: 10px;
        padding-bottom: 8px;
    }

    .page-company-app .sidebar .brand-mark {
        padding-bottom: 6px;
    }

    .page-company-app .sidebar-subscription {
        display: none;
    }

    .page-company-app .sidebar-nav-group {
        margin-top: 1px;
        padding-top: 1px;
    }

    .page-company-app .sidebar-nav-label {
        padding-top: 1px;
        padding-bottom: 2px;
    }

    .page-company-app .nav-item {
        min-height: 31px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .page-company-app .sidebar-addon-promo {
        min-height: 150px;
        padding: 10px 12px;
    }

    .page-company-app .sidebar-addon-promo-icon {
        width: 30px;
        height: 30px;
        border-radius: 9px;
        font-size: 12px;
    }

    .page-company-app .sidebar-addon-promo-copy {
        margin-top: 7px;
    }

    .page-company-app .sidebar-addon-promo-copy strong {
        font-size: 15px;
    }

    .page-company-app .sidebar-addon-promo-copy small {
        margin-top: 6px;
        font-size: 9px;
        line-height: 1.3;
    }

    .page-company-app .sidebar-addon-promo-copy b {
        min-height: 28px;
        margin-top: 8px;
        padding: 0 9px;
        font-size: 9px;
    }
}

.page-company-app .main:not(.main-dashboard):not(.main-agenda):not(.main-pos):not(.main-reports):not(.main-newsletter-builder):not(.main-online-presence):not(.main-company-profile) {
    width: 100%;
    max-width: 1500px;
    min-height: calc(100dvh - 72px);
    margin: 0 auto;
    padding: 32px 38px 56px;
}

.page-company-app.without-app-topbar .main { min-height: 100dvh; }
.page-company-app.without-app-topbar .main-company-profile { height: 100dvh; min-height: 100dvh; }
.page-company-app.without-app-topbar .main-newsletter-builder { height: 100dvh; min-height: 100dvh; }

.page-company-app .main.main-uniform-page,
.page-company-app .main.main-uniform-page.main-website-command {
    max-width: 1500px;
    padding: 30px 38px 56px;
}

.page-company-app .main-uniform-page > .page-heading,
.page-company-app .main-uniform-page > .ux-page-header,
.page-company-app .main-uniform-page > .terminal-page > .terminal-header,
.page-company-app .main-uniform-page > .website-command > .website-command-header {
    min-height: 108px;
    margin-bottom: 24px;
    column-gap: 34px;
}

.page-company-app .main-uniform-page > .page-heading::before,
.page-company-app .main-uniform-page > .ux-page-header::before,
.page-company-app .main-uniform-page > .terminal-page > .terminal-header::before,
.page-company-app .main-uniform-page > .website-command > .website-command-header::before {
    padding-left: 23px;
    color: #5a4eee;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a4eee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18'/%3E%3C/svg%3E");
    font-size: 11px;
    letter-spacing: .13em;
}

.page-company-app .main-uniform-page > .page-heading h1,
.page-company-app .main-uniform-page > .ux-page-header h1,
.page-company-app .main-uniform-page > .terminal-page > .terminal-header h1,
.page-company-app .main-uniform-page > .website-command > .website-command-header h1 {
    margin: 3px 0 5px;
    color: var(--ink);
    font-size: clamp(30px, 2.7vw, 40px);
    font-weight: 820;
    letter-spacing: -.05em;
}

.page-company-app .main-uniform-page > .page-heading p,
.page-company-app .main-uniform-page > .ux-page-header p,
.page-company-app .main-uniform-page > .terminal-page > .terminal-header p,
.page-company-app .main-uniform-page > .website-command > .website-command-header p {
    color: #7f889c;
    font-size: 14px;
}

.page-company-app .main > .page-heading:not(.operations-heading),
.page-company-app .main > .ux-page-header {
    align-items: center;
    margin-bottom: 24px;
}
.page-company-app .main > .page-heading h1,
.page-company-app .main > .ux-page-header h1 { color: var(--ink); font-weight: 820; letter-spacing: -.045em; }
.page-company-app .main > .page-heading p,
.page-company-app .main > .ux-page-header p { color: #7f889c; }
.page-company-app .breadcrumb { margin-bottom: 8px; color: #9aa1b2; font-size: 11px; }
.page-company-app .eyebrow { color: #5a4eee; font-weight: 820; letter-spacing: .1em; }

.page-company-app .btn { min-height: 42px; border-radius: 12px; box-shadow: none !important; font-size: 12px; transition: border-color .15s ease, background .15s ease, color .15s ease, transform .15s ease; }
.page-company-app .btn:hover { transform: translateY(-1px); }
.page-company-app .btn-primary { border-color: #5547ed; background: #5547ed; color: #fff; }
.page-company-app .btn-primary:hover { border-color: #4638dc; background: #4638dc; }
.page-company-app .btn-secondary { border-color: #dfe2e9; background: var(--os-color-surface); color: #3d465a; }
.page-company-app .btn-secondary:hover { border-color: #c7c4f6; background: #f8f7ff; color: #5547ed; }
.page-company-app .link, .page-company-app .table-primary-link:hover, .page-company-app .link-button { color: #5547ed; }

.page-company-app .card,
.page-company-app .stat-card,
.page-company-app .person-card,
.page-company-app .form-card {
    border-color: var(--line);
    border-radius: 18px;
    background: var(--os-color-surface);
    box-shadow: none;
}
.page-company-app .card-header { min-height: 68px; padding: 18px 22px; border-bottom-color: var(--os-color-border); }
.page-company-app .card-header h2 { color: var(--ink); font-size: 16px; letter-spacing: -.02em; }
.page-company-app .card-header p { margin: 3px 0 0; color: #929aad; font-size: 11px; }
.page-company-app .card-body { padding: 22px; }
.page-company-app .stat-card { padding: 21px; }
.page-company-app .stat-value { color: var(--ink); font-size: 28px; }

.page-company-app .input,
.page-company-app .search,
.page-company-app select,
.page-company-app textarea {
    border-color: #dfe2e9;
    border-radius: 12px;
    box-shadow: none;
}
.page-company-app .input:hover { border-color: #c9cdd7; }
.page-company-app .input:focus,
.page-company-app select:focus,
.page-company-app textarea:focus { border-color: #aaa3f8; box-shadow: 0 0 0 3px rgba(85,71,237,.1); outline: none; }
.page-company-app .field label { color: #3e475a; font-size: 12px; }
.page-company-app .field small { color: #929aad; }
.page-company-app input[type="checkbox"], .page-company-app input[type="radio"] { accent-color: #5547ed; }

.page-company-app .operations-table-card { overflow: visible; border-radius: 18px; }
.page-company-app .table-toolbar { min-height: 62px; padding: 13px 18px; border-bottom-color: var(--os-color-border); background: var(--os-color-surface); }
.page-company-app .table-wrap { border-radius: 0 0 18px 18px; }
.page-company-app th { padding: 13px 17px; border-bottom-color: #e9ebf1; background: #fafbfe; color: #8d95a7; font-size: 10px; letter-spacing: .07em; }
.page-company-app td { padding: 15px 17px; border-bottom-color: var(--os-color-border); color: #454e61; }
.page-company-app tbody tr { transition: background .15s ease; }
.page-company-app tbody tr:hover { background: #fafaff; }
.page-company-app tbody tr:last-child td { border-bottom: 0; }
.page-company-app td strong { color: var(--ink); }
.page-company-app td small { color: #949cad; }

.page-company-app .badge { min-height: 25px; align-items: center; padding: 4px 9px; }
.page-company-app .badge-info { background: #eeedff; color: #5c50e7; }
.page-company-app .badge-success { background: #e4f8eb; color: #218a54; }
.page-company-app .badge-muted { background: #f0f2f5; color: #737c8f; }
.page-company-app .badge-warning { background: #fff1df; color: #d77219; }

.page-company-app .empty, .page-company-app .ux-empty-state { color: #8992a5; }
.page-company-app .empty-icon { color: #6256ec; }
.page-company-app .profile-alert { border-radius: 15px; box-shadow: none; }
.page-company-app .choice-card, .page-company-app .switch-row, .page-company-app .relation-list > a, .page-company-app .relation-list.simple > div { border-color: #e5e7ed; border-radius: 13px; }
.page-company-app .choice-card:has(input:checked) { border-color: #aaa3f8; background: #f6f5ff; }
.page-company-app .entity-icon, .page-company-app .entity-mini-icon, .page-company-app .mini-avatar { background: #eeedff; color: #5547ed; }

.page-company-app .modal { border: 1px solid #e1e4eb; border-radius: 20px; box-shadow: 0 28px 80px rgba(18,25,45,.2); }
.page-company-app .modal header { border-bottom-color: var(--os-color-border); }
.page-company-app .modal::backdrop { background: rgba(18,25,45,.58); backdrop-filter: blur(3px); }
.page-company-app .action-menu > div { border-color: #e1e4eb; border-radius: 13px; box-shadow: 0 16px 40px rgba(18,25,45,.14); }
.page-company-app .action-menu a:hover, .page-company-app .action-menu button:hover { background: #f6f5ff; }

.page-company-app :focus-visible { outline-color: #8f86f5; }
.page-company-app ::-webkit-scrollbar { width: 9px; height: 9px; }
.page-company-app ::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: #cfd3dd; background-clip: padding-box; }

@media (max-width: 980px) {
    .page-company-app .app-shell { grid-template-columns: 1fr; }
    .page-company-app .topbar { height: calc(var(--mobile-app-topbar) + env(safe-area-inset-top)); padding-right: max(16px, env(safe-area-inset-right)); padding-left: max(16px, env(safe-area-inset-left)); }
    .page-company-app .sidebar { border-right: 1px solid var(--line); background: var(--os-color-surface); color: #7b8498; }
    .page-company-app .sidebar .brand-mark { color: var(--ink); }
    .page-company-app .sidebar .brand-icon { width: 44px; height: 44px; padding: 0; overflow: visible; border-radius: 0; background: transparent !important; }
    .page-company-app .sidebar .brand-icon img { width: 42px; height: 42px; }
    .page-company-app .sidebar-mobile-head { color: var(--ink); }
    .page-company-app .sidebar-mobile-head button { background: #f3f4f7; color: #6d7587; }
    .page-company-app .sidebar-group { border-top-color: #eef0f4; }
    .page-company-app .sidebar-group > summary { color: #9aa1b2; }
    .page-company-app .sidebar-navigation > .nav-item,
    .page-company-app .sidebar-nav-group .nav-item { min-height: 44px; padding: 8px 11px; border-radius: 10px; font-size: 13px; }
    .page-company-app .sidebar-nav-label { padding: 5px 11px 4px; font-size: 9px; }
    .page-company-app .nav-item { color: #737c8f; }
    .page-company-app .nav-item:hover, .page-company-app .nav-item.active { background: #eeedff; color: #5547ed; }
    .page-company-app .sidebar-subscription { border-color: var(--line); background: #f9fafc; }
    .page-company-app .sidebar-subscription strong { color: var(--ink); }
    .page-company-app .sidebar-subscription a { color: #5547ed; }
    .page-company-app .sidebar { display: flex !important; flex-direction: column; overflow: hidden; }
    .page-company-app .sidebar-navigation { padding-top: 4px; padding-bottom: 8px; }
    .page-company-app .sidebar-addon-promo { min-height: 158px; margin: 9px 1px 3px; padding: 14px; }
    .page-company-app .sidebar-footer { padding-bottom: max(4px, env(safe-area-inset-bottom)); }
    .page-company-app .main:not(.main-dashboard):not(.main-agenda):not(.main-pos):not(.main-reports):not(.main-newsletter-builder):not(.main-online-presence):not(.main-company-profile),
    .page-company-app .main.main-uniform-page,
    .page-company-app .main.main-uniform-page.main-website-command { min-height: 0; padding: 24px 20px 42px; }
    .page-company-app .main-uniform-page > .page-heading,
    .page-company-app .main-uniform-page > .ux-page-header,
    .page-company-app .main-uniform-page > .terminal-page > .terminal-header,
    .page-company-app .main-uniform-page > .website-command > .website-command-header { min-height: 0; }
}

@media (max-width: 600px) {
    .page-company-app .main:not(.main-dashboard):not(.main-agenda):not(.main-pos):not(.main-reports):not(.main-newsletter-builder):not(.main-online-presence):not(.main-company-profile),
    .page-company-app .main.main-uniform-page,
    .page-company-app .main.main-uniform-page.main-website-command { padding: 20px 14px 34px; }
    .page-company-app .main-uniform-page > .page-heading h1,
    .page-company-app .main-uniform-page > .ux-page-header h1,
    .page-company-app .main-uniform-page > .terminal-page > .terminal-header h1,
    .page-company-app .main-uniform-page > .website-command > .website-command-header h1 { font-size: 28px; }
    .page-company-app .card, .page-company-app .stat-card, .page-company-app .form-card { border-radius: 16px; }
    .page-company-app .card-header, .page-company-app .card-body { padding-right: 17px; padding-left: 17px; }
    .page-company-app .btn { min-height: 44px; }
}