:root {
    --mlc-ink: #0f1f35;
    --mlc-body: #30465f;
    --mlc-muted: #61758f;
    --mlc-line: #dbe8f6;
    --mlc-soft: #f3f8fe;
    --mlc-soft-2: #eef5fd;
    --mlc-brand: #1474ea;
    --mlc-brand-dark: #0f63cb;
    --mlc-accent: #00a6ff;
    --mlc-success: #10b981;
    --mlc-warning: #f59e0b;
    --mlc-danger: #ef4444;
    --mlc-navy: #08111f;
    --mlc-surface: rgba(255, 255, 255, 0.92);
    --mlc-shadow: 0 24px 70px rgba(15, 31, 53, 0.1);
    --mlc-shadow-soft: 0 18px 42px rgba(20, 116, 234, 0.14);
    --mlc-glow: 0 18px 42px rgba(20, 116, 234, 0.12);
    --mlc-shell-max-width: 100rem;
    --mlc-shell-gutter: 1rem;
}

html {
    scroll-behavior: smooth;
}

.mlc-skip-link {
    position: absolute;
    left: 1rem;
    top: -4rem;
    z-index: 1200;
    padding: 0.85rem 1.15rem;
    border-radius: 9999px;
    background: #08111f;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 18px 36px rgba(8, 17, 31, 0.18);
}

.mlc-skip-link:focus {
    top: 1rem;
    color: #fff;
}

.mlc-submit-btn[disabled] {
    cursor: not-allowed;
    opacity: 0.72;
    box-shadow: none !important;
    transform: none !important;
}

body.mlc-marketing-shell,
body.mlc-docs-shell,
body.mlc-app-shell {
    margin: 0;
    font-family: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--mlc-body);
    text-rendering: optimizeLegibility;
}

body.mlc-marketing-shell,
body.mlc-docs-shell {
    background: #f6fbff;
}

body.mlc-app-shell {
    --mlc-shell-max-width: 116rem;
    --mlc-shell-gutter: clamp(1rem, 1.8vw, 2rem);
    --mlc-dashboard-aside-width: 17rem;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.12), transparent 22%),
        linear-gradient(180deg, #edf5ff 0%, #f7fbff 28%, #f1f6fc 100%);
}

body.mlc-marketing-shell a,
body.mlc-docs-shell a,
body.mlc-app-shell a {
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.mlc-marketing-shell a:focus-visible,
body.mlc-docs-shell a:focus-visible,
body.mlc-app-shell a:focus-visible,
body.mlc-marketing-shell button:focus-visible,
body.mlc-docs-shell button:focus-visible,
body.mlc-app-shell button:focus-visible,
body.mlc-marketing-shell input:focus-visible,
body.mlc-docs-shell input:focus-visible,
body.mlc-app-shell input:focus-visible {
    outline: 3px solid rgba(20, 116, 234, 0.35);
    outline-offset: 3px;
}

body.mlc-marketing-shell h1,
body.mlc-marketing-shell h2,
body.mlc-marketing-shell h3,
body.mlc-marketing-shell h4,
body.mlc-marketing-shell h5,
body.mlc-docs-shell h1,
body.mlc-docs-shell h2,
body.mlc-docs-shell h3,
body.mlc-docs-shell h4,
body.mlc-docs-shell h5,
body.mlc-app-shell h1,
body.mlc-app-shell h2,
body.mlc-app-shell h3,
body.mlc-app-shell h4,
body.mlc-app-shell h5 {
    color: var(--mlc-ink);
    letter-spacing: -0.02em;
}

body.mlc-marketing-shell .container,
body.mlc-docs-shell .container,
body.mlc-app-shell .container,
body.mlc-app-shell .container-fluid {
    width: min(calc(100% - (var(--mlc-shell-gutter) * 2)), var(--mlc-shell-max-width));
    max-width: var(--mlc-shell-max-width);
}

.mlc-shell-frame {
    width: min(calc(100% - (var(--mlc-shell-gutter) * 2)), var(--mlc-shell-max-width));
    max-width: var(--mlc-shell-max-width);
    margin-left: auto;
    margin-right: auto;
}

body.mlc-marketing-shell .bg-light,
body.mlc-docs-shell .bg-light {
    background: transparent !important;
}

body.mlc-marketing-shell .content-space-1,
body.mlc-marketing-shell .content-space-2,
body.mlc-marketing-shell .content-space-3,
body.mlc-marketing-shell .content-space-t-1,
body.mlc-marketing-shell .content-space-t-2,
body.mlc-marketing-shell .content-space-b-1,
body.mlc-marketing-shell .content-space-b-2,
body.mlc-marketing-shell .content-space-b-lg-2,
body.mlc-marketing-shell .content-space-b-lg-3,
body.mlc-docs-shell .content-space-1,
body.mlc-docs-shell .content-space-2,
body.mlc-docs-shell .content-space-t-1,
body.mlc-docs-shell .content-space-b-1,
body.mlc-docs-shell .content-space-b-2 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

body.mlc-marketing-shell .navbar-dark.bg-dark,
body.mlc-docs-shell .navbar-dark.bg-dark {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #08111f 0%, #0f1f35 48%, #0b5d9a 100%) !important;
    border: 1px solid rgba(15, 31, 53, 0.05);
}

body.mlc-marketing-shell .navbar-dark.bg-dark::before,
body.mlc-docs-shell .navbar-dark.bg-dark::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.22), transparent 32%),
        radial-gradient(circle at 78% 18%, rgba(96, 165, 250, 0.16), transparent 28%);
}

body.mlc-marketing-shell .navbar-dark.bg-dark > .container,
body.mlc-docs-shell .navbar-dark.bg-dark > .container {
    position: relative;
    z-index: 1;
}

body.mlc-marketing-shell #header,
body.mlc-docs-shell #header,
body.mlc-docs-shell #js-header,
body.mlc-marketing-shell #js-header {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(18px);
}

body.mlc-marketing-shell #header.navbar,
body.mlc-docs-shell #header.navbar,
body.mlc-marketing-shell .u-header__section--light,
body.mlc-docs-shell .u-header__section--light {
    border-bottom: 1px solid rgba(219, 232, 246, 0.95);
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 10px 24px rgba(15, 31, 53, 0.04);
}

body.mlc-marketing-shell .navbar-topbar,
body.mlc-docs-shell .u-header__section--dark {
    border-bottom: 1px solid rgba(219, 232, 246, 0.65);
    background: rgba(255, 255, 255, 0.7);
}

body.mlc-marketing-shell .navbar-brand,
body.mlc-docs-shell .navbar-brand,
body.mlc-app-shell .brand-logo,
body.mlc-app-shell .navbar-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 800;
}

body.mlc-marketing-shell .navbar-brand img,
body.mlc-docs-shell .navbar-brand img {
    max-height: 2.2rem;
}

body.mlc-marketing-shell .navbar-nav-wrap,
body.mlc-docs-shell .navbar-nav-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 1rem;
}

body.mlc-marketing-shell #header > .container > .navbar-nav-wrap,
body.mlc-docs-shell #header > .container > .navbar-nav-wrap {
    justify-content: space-between;
}

body.mlc-marketing-shell .navbar-collapse,
body.mlc-docs-shell .navbar-collapse,
body.mlc-marketing-shell .collapse.navbar-collapse,
body.mlc-docs-shell .collapse.navbar-collapse {
    visibility: visible;
}

body.mlc-marketing-shell .collapse,
body.mlc-docs-shell .collapse,
.mlc-console-shell .collapse {
    visibility: visible;
}

body.mlc-marketing-shell .popover,
body.mlc-marketing-shell .tooltip,
body.mlc-docs-shell .popover,
body.mlc-docs-shell .tooltip,
.mlc-console-shell .popover,
.mlc-console-shell .tooltip {
    z-index: 1080;
}

body.mlc-marketing-shell .nav-link,
body.mlc-docs-shell .nav-link,
body.mlc-marketing-shell .dropdown-item,
body.mlc-docs-shell .dropdown-item,
body.mlc-marketing-shell .u-header__section a,
body.mlc-docs-shell .u-header__section a {
    border-radius: 9999px;
    color: #4a6482 !important;
    font-weight: 700;
}

body.mlc-marketing-shell .nav-link,
body.mlc-docs-shell .nav-link {
    padding: 0.6rem 0.95rem !important;
}

body.mlc-marketing-shell .nav-link:hover,
body.mlc-marketing-shell .dropdown-item:hover,
body.mlc-docs-shell .nav-link:hover,
body.mlc-docs-shell .dropdown-item:hover {
    color: var(--mlc-ink) !important;
    background: var(--mlc-soft) !important;
    transform: translateY(-1px);
}

body.mlc-marketing-shell #header .nav-link.mlc-nav-current,
body.mlc-docs-shell #header .nav-link.mlc-nav-current {
    color: var(--mlc-ink) !important;
    background: rgba(20, 116, 234, 0.12) !important;
    box-shadow: inset 0 0 0 1px rgba(20, 116, 234, 0.14);
}

body.mlc-marketing-shell .dropdown-menu,
body.mlc-marketing-shell .hs-sub-menu,
body.mlc-docs-shell .dropdown-menu,
body.mlc-docs-shell .hs-sub-menu {
    border: 1px solid var(--mlc-line);
    border-radius: 1.2rem;
    padding: 0.65rem;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--mlc-shadow);
}

body.mlc-marketing-shell .btn,
body.mlc-docs-shell .btn,
body.mlc-app-shell .btn {
    border-radius: 0.25rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    box-shadow: 0 10px 24px rgba(15, 31, 53, 0.06);
}

body.mlc-marketing-shell .btn:hover,
body.mlc-docs-shell .btn:hover,
body.mlc-app-shell .btn:hover {
    transform: translateY(-1px);
}

body.mlc-marketing-shell .btn-primary,
body.mlc-docs-shell .btn-primary,
body.mlc-app-shell .btn-primary,
body.mlc-app-shell .btn-success {
    border-color: transparent !important;
    background: linear-gradient(180deg, #2093ff, var(--mlc-brand)) !important;
    box-shadow: var(--mlc-shadow-soft);
    color: #fff !important;
}

body.mlc-marketing-shell .btn-primary:hover,
body.mlc-docs-shell .btn-primary:hover,
body.mlc-app-shell .btn-primary:hover,
body.mlc-app-shell .btn-success:hover {
    background: linear-gradient(180deg, #1a86ef, var(--mlc-brand-dark)) !important;
}

body.mlc-marketing-shell .btn-soft-primary,
body.mlc-docs-shell .btn-soft-primary,
body.mlc-marketing-shell .btn-outline-primary,
body.mlc-docs-shell .btn-outline-primary,
body.mlc-app-shell .btn-light-primary,
body.mlc-app-shell .btn-secondary,
body.mlc-app-shell .btn-white {
    border: 1px solid var(--mlc-line) !important;
    background: #fff !important;
    color: #17375a !important;
}

body.mlc-marketing-shell .btn-soft-primary:hover,
body.mlc-docs-shell .btn-soft-primary:hover,
body.mlc-marketing-shell .btn-outline-primary:hover,
body.mlc-docs-shell .btn-outline-primary:hover,
body.mlc-app-shell .btn-light-primary:hover,
body.mlc-app-shell .btn-secondary:hover,
body.mlc-app-shell .btn-white:hover {
    background: #f9fcff !important;
    color: var(--mlc-ink) !important;
}

body.mlc-marketing-shell .btn-soft-light,
body.mlc-docs-shell .btn-soft-light {
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    box-shadow: 0 18px 40px rgba(2, 8, 23, 0.16);
}

body.mlc-marketing-shell .card,
body.mlc-docs-shell .card,
body.mlc-app-shell .card,
body.mlc-app-shell .card-custom,
body.mlc-app-shell .portlet,
body.mlc-app-shell .panel {
    border: 1px solid var(--mlc-line) !important;
    border-radius: 1.4rem !important;
    background: var(--mlc-surface) !important;
    box-shadow: 0 16px 42px rgba(24, 61, 106, 0.08) !important;
    overflow: hidden;
}

body.mlc-marketing-shell .card-header,
body.mlc-docs-shell .card-header,
body.mlc-app-shell .card-header,
body.mlc-app-shell .panel-heading,
body.mlc-app-shell .portlet-title {
    border-bottom: 1px solid var(--mlc-line) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

body.mlc-marketing-shell .card-header,
body.mlc-docs-shell .card-header {
    padding: 1.25rem 1.5rem !important;
}

body.mlc-app-shell .card-header,
body.mlc-app-shell .panel-heading,
body.mlc-app-shell .portlet-title {
    padding: 1.1rem 1.35rem !important;
}

body.mlc-marketing-shell .card-body,
body.mlc-docs-shell .card-body,
body.mlc-app-shell .card-body,
body.mlc-app-shell .panel-body,
body.mlc-app-shell .portlet-body {
    padding: 1.5rem !important;
}

body.mlc-marketing-shell .card-footer,
body.mlc-docs-shell .card-footer,
body.mlc-app-shell .card-footer,
body.mlc-app-shell .panel-footer {
    border-top: 1px solid var(--mlc-line) !important;
    background: #f8fbff !important;
}

body.mlc-marketing-shell .table,
body.mlc-docs-shell .table,
body.mlc-app-shell .table,
body.mlc-app-shell .CSPGridTable {
    --bs-table-bg: transparent;
    border-collapse: separate;
    border-spacing: 0;
}

body.mlc-marketing-shell .table > :not(caption) > * > *,
body.mlc-docs-shell .table > :not(caption) > * > *,
body.mlc-app-shell .table > :not(caption) > * > *,
body.mlc-app-shell .CSPGridTable td,
body.mlc-app-shell .CSPGridTable th {
    border-color: var(--mlc-line) !important;
    padding: 0.95rem 1rem !important;
    vertical-align: top;
}

body.mlc-marketing-shell .table thead th,
body.mlc-docs-shell .table thead th,
body.mlc-app-shell .table thead th,
body.mlc-app-shell .CSPGridTable th {
    background: #f8fbff !important;
    color: #214268 !important;
    font-weight: 800 !important;
}

body.mlc-marketing-shell .alert,
body.mlc-docs-shell .alert,
body.mlc-app-shell .alert {
    border: 1px solid var(--mlc-line) !important;
    border-radius: 1.15rem !important;
    background: #fff !important;
    color: var(--mlc-body) !important;
    box-shadow: 0 14px 36px rgba(24, 61, 106, 0.06);
}

body.mlc-marketing-shell .alert-danger,
body.mlc-app-shell .alert-danger {
    border-color: rgba(239, 68, 68, 0.2) !important;
    background: rgba(254, 242, 242, 0.95) !important;
}

body.mlc-marketing-shell .alert-success,
body.mlc-app-shell .alert-success {
    border-color: rgba(16, 185, 129, 0.2) !important;
    background: rgba(240, 253, 244, 0.95) !important;
}

body.mlc-marketing-shell .form-control,
body.mlc-marketing-shell .form-select,
body.mlc-marketing-shell textarea,
body.mlc-docs-shell .form-control,
body.mlc-docs-shell .form-select,
body.mlc-docs-shell textarea,
body.mlc-app-shell .form-control,
body.mlc-app-shell select,
body.mlc-app-shell textarea {
    border: 1px solid #d1d5db !important;
    border-radius: 0.5rem !important;
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem !important;
    background: #fff !important;
    color: var(--mlc-ink) !important;
    font-size: 0.875rem;
    box-shadow: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.mlc-marketing-shell .form-control:focus,
body.mlc-marketing-shell .form-select:focus,
body.mlc-marketing-shell textarea:focus,
body.mlc-docs-shell .form-control:focus,
body.mlc-docs-shell .form-select:focus,
body.mlc-docs-shell textarea:focus,
body.mlc-app-shell .form-control:focus,
body.mlc-app-shell select:focus,
body.mlc-app-shell textarea:focus {
    border-color: #0F6CBD !important;
    box-shadow: 0 0 0 3px rgba(15, 108, 189, 0.12) !important;
    outline: none;
}

body.mlc-marketing-shell .input-group-text,
body.mlc-docs-shell .input-group-text,
body.mlc-app-shell .input-group-text {
    border-color: #d1d5db !important;
    background: #f8fafc !important;
    border-radius: 0 0.5rem 0.5rem 0 !important;
}

body.mlc-marketing-shell .list-group,
body.mlc-marketing-shell .accordion-item,
body.mlc-marketing-shell .accordion-button,
body.mlc-docs-shell .list-group,
body.mlc-app-shell .nav-tabs,
body.mlc-app-shell .navi,
body.mlc-app-shell .label,
body.mlc-app-shell .badge {
    border-color: var(--mlc-line) !important;
}

body.mlc-marketing-shell .list-group-item,
body.mlc-docs-shell .list-group-item {
    border-color: var(--mlc-line) !important;
    color: var(--mlc-body) !important;
    font-weight: 700;
}

body.mlc-marketing-shell .list-group-item.active,
body.mlc-docs-shell .list-group-item.active {
    border-color: rgba(20, 116, 234, 0.2) !important;
    background: #eff6ff !important;
    color: var(--mlc-brand) !important;
}

body.mlc-marketing-shell .badge,
body.mlc-docs-shell .badge,
body.mlc-app-shell .badge,
body.mlc-app-shell .label {
    border-radius: 9999px !important;
    font-weight: 800 !important;
}

body.mlc-marketing-shell footer,
body.mlc-docs-shell footer {
    background: linear-gradient(180deg, #07111f 0%, #0c1727 100%) !important;
    position: relative;
    overflow: hidden;
}

body.mlc-marketing-shell footer::before,
body.mlc-docs-shell footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.12), transparent 30%),
        radial-gradient(circle at 80% 16%, rgba(20, 116, 234, 0.12), transparent 25%);
}

body.mlc-marketing-shell footer > .container,
body.mlc-docs-shell footer > .container {
    position: relative;
    z-index: 1;
}

body.mlc-marketing-shell .mlc-site-cta {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 30%),
        linear-gradient(135deg, #08111f 0%, #0f1f35 48%, #0b5d9a 100%) !important;
}

body.mlc-marketing-shell .mlc-site-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 78% 18%, rgba(96, 165, 250, 0.16), transparent 26%);
}

body.mlc-marketing-shell .mlc-site-cta > .container {
    position: relative;
    z-index: 1;
}

body.mlc-marketing-shell .mlc-site-cta .btn-warning {
    border-color: rgba(255, 255, 255, 0.16) !important;
    background: #fff !important;
    color: var(--mlc-ink) !important;
    box-shadow: 0 16px 40px rgba(8, 17, 31, 0.22);
}

body.mlc-marketing-shell .mlc-site-cta .btn-warning:hover {
    background: #f8fbff !important;
}

body.mlc-marketing-shell .mlc-site-footer .nav-link,
body.mlc-docs-shell .mlc-site-footer .nav-link {
    display: inline-block;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(219, 234, 254, 0.8) !important;
    font-weight: 600;
}

body.mlc-marketing-shell .mlc-site-footer .nav-link:hover,
body.mlc-docs-shell .mlc-site-footer .nav-link:hover {
    color: #fff !important;
    transform: none;
}

body.mlc-marketing-shell .mlc-site-footer h5,
body.mlc-docs-shell .mlc-site-footer h5 {
    font-size: 0.82rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.92) !important;
}

body.mlc-marketing-shell .mlc-site-footer .border-top,
body.mlc-docs-shell .mlc-site-footer .border-top {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.mlc-marketing-shell .mlc-site-footer .btn-soft-light,
body.mlc-docs-shell .mlc-site-footer .btn-soft-light {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
    box-shadow: none;
}

body.mlc-marketing-shell .mlc-site-footer .btn-soft-light:hover,
body.mlc-docs-shell .mlc-site-footer .btn-soft-light:hover {
    background: rgba(255, 255, 255, 0.16) !important;
}

body.mlc-marketing-shell .link-light,
body.mlc-docs-shell .link-light,
body.mlc-marketing-shell .text-white-50,
body.mlc-docs-shell .text-white-50 {
    color: rgba(219, 234, 254, 0.8) !important;
}

body.mlc-marketing-shell .text-white,
body.mlc-docs-shell .text-white,
body.mlc-marketing-shell .text-white h1,
body.mlc-docs-shell .text-white h1 {
    color: #fff !important;
}

body.mlc-docs-shell main.bg-light {
    background: transparent !important;
}

body.mlc-docs-shell #sidebarNav .card {
    position: sticky;
    top: 7rem;
}

body.mlc-docs-shell #sidebarNav .card-body {
    padding: 1rem !important;
}

body.mlc-docs-shell #sidebarNav ul,
body.mlc-docs-shell #sidebarNav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.mlc-docs-shell #sidebarNav a {
    display: block;
    margin-bottom: 0.35rem;
    padding: 0.7rem 0.9rem;
    border-radius: 1rem;
    color: #4a6482;
    font-weight: 700;
}

body.mlc-docs-shell #sidebarNav a:hover,
body.mlc-docs-shell #sidebarNav .active > a {
    background: #eff6ff;
    color: var(--mlc-brand) !important;
}

body.mlc-docs-shell #breadcrumbs_head,
body.mlc-docs-shell #breadcrumbs_active {
    color: rgba(255, 255, 255, 0.92);
}

body.mlc-docs-shell code,
body.mlc-docs-shell pre {
    border-radius: 1rem;
}

body.mlc-app-shell .page,
body.mlc-app-shell .wrapper,
body.mlc-app-shell .content,
body.mlc-app-shell .aside,
body.mlc-app-shell .main {
    background: transparent !important;
}

body.mlc-app-shell .aside,
body.mlc-app-shell .social-sidebar {
    width: var(--mlc-dashboard-aside-width);
    background: linear-gradient(180deg, #09111f 0%, #0f1f35 46%, #143b66 100%) !important;
    box-shadow: 18px 0 48px rgba(8, 17, 31, 0.12);
}

body.mlc-app-shell .brand,
body.mlc-app-shell .brand.flex-column-auto,
body.mlc-app-shell .social-sidebar-content {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.mlc-app-shell .brand,
body.mlc-app-shell .social-sidebar-content {
    padding-top: 1.25rem;
    padding-bottom: 1rem;
}

body.mlc-app-shell .mlc-dashboard-brand {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-height: auto;
    padding: 1.4rem 1.15rem 1.1rem;
}

body.mlc-app-shell .mlc-dashboard-brand__inner {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    min-width: 0;
}

body.mlc-app-shell .mlc-dashboard-brand__logo,
body.mlc-app-shell .mlc-dashboard-mobile-logo {
    display: inline-flex;
    align-items: center;
}

body.mlc-app-shell .mlc-dashboard-brand__logo img {
    max-height: 2.35rem !important;
}

body.mlc-app-shell .mlc-dashboard-mobile-logo img {
    max-height: 2rem !important;
}

body.mlc-app-shell .mlc-dashboard-brand__meta {
    display: grid;
    gap: 0.28rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.06);
    color: #e2e8f0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.mlc-app-shell .mlc-dashboard-brand__meta strong {
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-dashboard-brand__eyebrow,
body.mlc-app-shell .mlc-dashboard-brand__account {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #93c5fd;
}

body.mlc-app-shell .mlc-dashboard-brand .brand-toggle {
    margin-top: 0.25rem;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 9999px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

body.mlc-app-shell .mlc-dashboard-brand .brand-toggle:hover {
    background: rgba(20, 116, 234, 0.24);
}

body.mlc-app-shell .brand-logo img,
body.mlc-app-shell .social-navbar .navbar-brand img {
    max-height: 2.1rem;
}

body.mlc-app-shell #kt_header,
body.mlc-app-shell .navbar-super,
body.mlc-app-shell .header.header-fixed {
    background: rgba(255, 255, 255, 0.86) !important;
    border-bottom: 1px solid var(--mlc-line) !important;
    box-shadow: 0 12px 32px rgba(15, 31, 53, 0.05);
    backdrop-filter: blur(16px);
}

body.mlc-app-shell #kt_header_mobile {
    display: none !important;
}

body.mlc-app-shell #kt_header {
    min-height: 6rem;
    display: flex !important;
    visibility: visible !important;
    overflow: visible !important;
    position: relative;
    z-index: 100;
}

body.mlc-app-shell #kt_header .container-fluid,
body.mlc-app-shell #kt_footer .container-fluid,
body.mlc-app-shell .subheader .container-fluid,
body.mlc-app-shell .content .container,
body.mlc-app-shell .content .container-fluid,
body.mlc-app-shell .d-flex.flex-column-fluid > .container,
body.mlc-app-shell .main > .container {
    width: calc(100% - (var(--mlc-shell-gutter) * 2));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

body.mlc-app-shell #kt_header .container-fluid,
body.mlc-app-shell #kt_footer .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

body.mlc-app-shell #kt_header .container-fluid {
    align-items: center !important;
    flex-wrap: wrap;
    gap: 1.5rem;
    min-height: 6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    row-gap: 1rem;
    overflow: visible;
}

body.mlc-app-shell .mlc-dashboard-headerbar {
    flex: 1 1 0%;
    min-width: 0;
    margin-right: 1.5rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-dashboard-header-menu,
body.mlc-app-shell .mlc-dashboard-header-menu.header-menu {
    display: block;
    width: 100%;
}

body.mlc-app-shell .mlc-dashboard-summary {
    display: grid;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-dashboard-summary__eyebrow {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--mlc-muted);
}

body.mlc-app-shell .mlc-dashboard-summary__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

body.mlc-app-shell .mlc-dashboard-summary__copy {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

body.mlc-app-shell .mlc-dashboard-summary__title {
    margin: 0;
    color: var(--mlc-ink) !important;
    font-size: clamp(1.2rem, 1.1rem + 0.55vw, 1.7rem);
    font-weight: 800;
    letter-spacing: -0.03em;
}

body.mlc-app-shell .mlc-dashboard-summary__text {
    margin: 0;
    max-width: 52rem;
    color: var(--mlc-muted);
    font-size: 0.94rem;
    line-height: 1.55;
}

body.mlc-app-shell .mlc-dashboard-summary__chips {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

body.mlc-app-shell .mlc-dashboard-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.72rem 0.98rem;
    border-radius: 9999px;
    border: 1px solid rgba(20, 116, 234, 0.14);
    background: rgba(255, 255, 255, 0.9);
    color: #17375a !important;
    text-decoration: none;
    font-weight: 700;
    box-shadow: 0 12px 28px rgba(23, 55, 90, 0.06);
}

body.mlc-app-shell .mlc-dashboard-chip strong {
    color: var(--mlc-ink);
    font-weight: 800;
}

body.mlc-app-shell .mlc-dashboard-chip__label {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--mlc-muted);
}

body.mlc-app-shell .mlc-dashboard-chip:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(20, 116, 234, 0.12);
}

body.mlc-app-shell .mlc-dashboard-chip--muted {
    background: rgba(239, 246, 255, 0.9);
}

body.mlc-app-shell .topbar .btn,
body.mlc-app-shell .navbar-super .navbar-right > li > a,
body.mlc-app-shell .nav-indicators a {
    border-radius: 0.5rem !important;
}

body.mlc-app-shell .mlc-dashboard-topbar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center;
    justify-content: flex-end;
    gap: 0.8rem;
    flex-wrap: nowrap;
    flex-shrink: 0;
    margin-left: auto;
    position: relative;
    z-index: 10;
}

body.mlc-app-shell .mlc-dashboard-topbar .topbar-item {
    margin: 0;
}

body.mlc-app-shell .mlc-dashboard-topbar .topbar-item,
body.mlc-app-shell .mlc-dashboard-topbar .dropdown,
body.mlc-app-shell .mlc-dashboard-user-dropdown {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

body.mlc-app-shell .mlc-dashboard-topbar .btn {
    min-height: 3.15rem;
    padding: 0.78rem 1.18rem;
    border-width: 1px;
    font-weight: 800;
    letter-spacing: -0.01em;
    box-shadow: 0 14px 30px rgba(20, 116, 234, 0.12);
    white-space: nowrap;
}

body.mlc-app-shell .mlc-topbar-cta {
    background: #0F6CBD !important;
    border: 1px solid #0F6CBD !important;
    border-radius: 0.25rem !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

body.mlc-app-shell .mlc-topbar-cta:hover {
    background: #115EA3 !important;
    border-color: #115EA3 !important;
}

body.mlc-app-shell .mlc-topbar-cta,
body.mlc-app-shell .mlc-topbar-secondary {
    gap: 0.45rem;
}

body.mlc-app-shell .mlc-topbar-secondary {
    background: #fff !important;
    border: 1px solid #D1D1D1 !important;
    border-radius: 0.25rem !important;
    color: #242424 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

body.mlc-app-shell .mlc-topbar-secondary:hover {
    background: #F5F5F5 !important;
    border-color: #C7C7C7 !important;
}

body.mlc-app-shell .mlc-dashboard-user-trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 0.8rem;
    width: auto !important;
    max-width: 100%;
    min-width: 13.25rem;
    min-height: 3.15rem;
    height: auto !important;
    padding: 0.44rem 0.55rem 0.44rem 0.72rem !important;
    border: 1px solid var(--mlc-line) !important;
    border-radius: 0.5rem !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--mlc-ink) !important;
    box-shadow: 0 14px 30px rgba(15, 31, 53, 0.08);
}

body.mlc-app-shell .mlc-dashboard-user-trigger::after {
    display: none !important;
}

body.mlc-app-shell .mlc-dashboard-user-trigger--tailwind {
    min-width: 0 !important;
    gap: 0.5rem;
    padding: 0.42rem 0.82rem !important;
    border-color: transparent !important;
    background: linear-gradient(180deg, #3a98fb 0%, #1474ea 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 34px rgba(20, 116, 234, 0.22);
}

body.mlc-app-shell .mlc-dashboard-user-trigger--tailwind:hover,
body.mlc-app-shell .mlc-dashboard-user-trigger--tailwind:focus {
    background: linear-gradient(180deg, #2690ff 0%, #0d67d4 100%) !important;
    color: #ffffff !important;
}

body.mlc-app-shell .mlc-dashboard-user-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 9999px;
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    color: var(--mlc-brand);
}

body.mlc-app-shell .mlc-dashboard-user-avatar .svg-icon {
    width: 1.4rem;
    height: 1.4rem;
}

body.mlc-app-shell .mlc-dashboard-user-copy {
    display: grid;
    flex: 1 1 auto;
    gap: 0.1rem;
    align-items: center;
    text-align: left;
    max-width: 12rem;
    min-width: 0;
}

body.mlc-app-shell .mlc-dashboard-user-copy small {
    color: var(--mlc-muted);
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-dashboard-user-copy strong {
    display: block;
    color: var(--mlc-ink);
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.mlc-app-shell .mlc-dashboard-user-trigger .menu-arrow {
    flex: 0 0 auto;
    margin-left: 0.1rem;
    color: var(--mlc-muted);
}

body.mlc-app-shell .mlc-dashboard-user-trigger--tailwind .mlc-dashboard-user-avatar {
    width: 2.15rem;
    height: 2.15rem;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

body.mlc-app-shell .mlc-dashboard-user-trigger--tailwind .mlc-dashboard-user-copy {
    display: none !important;
}

body.mlc-app-shell .mlc-dashboard-user-dropdown {
    position: relative;
    overflow: visible !important;
}

body.mlc-app-shell .mlc-account-menu-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.92);
    transition: transform 0.2s ease;
}

body.mlc-app-shell .mlc-dashboard-user-dropdown.is-open .mlc-account-menu-chevron {
    transform: rotate(180deg);
}

body.mlc-app-shell .mlc-account-menu-panel {
    position: absolute;
    top: calc(100% + 0.75rem);
    right: 0;
    left: auto;
    display: none;
    width: min(21rem, calc(100vw - 2rem));
    padding: 0.5rem;
    border: 1px solid rgba(203, 213, 225, 0.9);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18), 0 8px 20px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(18px);
    z-index: 1200 !important;
    transform-origin: top right;
    overflow: visible;
}

body.mlc-app-shell .mlc-dashboard-user-dropdown.is-open > .mlc-account-menu-panel {
    display: block;
    animation: mlc-tailwind-compat-fade-up 0.18s ease-out;
}

body.mlc-app-shell .mlc-account-menu-header {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 0.9rem 0.95rem;
}

body.mlc-app-shell .mlc-account-menu-header__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 9999px;
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    color: var(--mlc-brand);
    flex: 0 0 auto;
}

body.mlc-app-shell .mlc-account-menu-header__copy {
    min-width: 0;
}

body.mlc-app-shell .mlc-account-menu-header__eyebrow,
body.mlc-app-shell .mlc-account-menu-section__label {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #64748b;
}

body.mlc-app-shell .mlc-account-menu-header__name {
    margin-top: 0.18rem;
    color: #0f172a;
    font-size: 0.97rem;
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.mlc-app-shell .mlc-account-menu-header__meta {
    margin-top: 0.18rem;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 600;
}

body.mlc-app-shell .mlc-account-menu-section {
    display: grid;
    gap: 0.2rem;
    padding: 0.35rem;
}

body.mlc-app-shell .mlc-account-menu-section__label {
    padding: 0.35rem 0.45rem 0.2rem;
}

body.mlc-app-shell .mlc-account-menu-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.72rem 0.78rem;
    border-radius: 0.9rem;
    color: #0f172a !important;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-account-menu-item:hover,
body.mlc-app-shell .mlc-account-menu-item:focus {
    background: #eff6ff;
    color: #0f172a !important;
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-account-menu-item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.75rem;
    background: #f8fafc;
    color: #64748b;
    flex: 0 0 auto;
    font-size: 1rem;
}

body.mlc-app-shell .mlc-account-menu-item__icon svg {
    display: block;
    width: 1rem;
    height: 1rem;
}

body.mlc-app-shell .mlc-account-menu-item__icon svg [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}

body.mlc-app-shell .mlc-account-menu-item__icon svg [fill]:not([fill="none"]) {
    fill: currentColor !important;
}

body.mlc-app-shell .mlc-account-menu-item--accent {
    color: #0f6cbd !important;
}

body.mlc-app-shell .mlc-account-menu-item--accent .mlc-account-menu-item__icon {
    background: #eff6ff;
    color: #0f6cbd;
}

body.mlc-app-shell .mlc-account-menu-item--muted {
    color: #475569 !important;
}

body.mlc-app-shell .mlc-account-menu-divider {
    height: 1px;
    margin: 0.15rem 0.85rem;
    background: #e2e8f0;
}

body.mlc-app-shell .mlc-floating-menu {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: visible !important;
}

body.mlc-app-shell .mlc-floating-menu__trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.5rem;
    padding: 0.56rem 0.92rem !important;
    border: 1px solid #dbe7f5 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: #1e3a5f !important;
    font-size: 0.88rem;
    font-weight: 700 !important;
    line-height: 1.1;
    text-decoration: none !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.mlc-app-shell .mlc-floating-menu__trigger.dropdown-toggle::after {
    display: none !important;
}

body.mlc-app-shell .mlc-floating-menu__trigger:hover,
body.mlc-app-shell .mlc-floating-menu__trigger:focus {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #0f6cbd !important;
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-floating-menu__trigger:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.26), 0 12px 30px rgba(15, 23, 42, 0.1);
}

body.mlc-app-shell .mlc-floating-menu__trigger--icon {
    width: 2.5rem;
    min-width: 2.5rem;
    padding: 0 !important;
}

body.mlc-app-shell .mlc-floating-menu__trigger .ki,
body.mlc-app-shell .mlc-floating-menu__trigger .fa,
body.mlc-app-shell .mlc-floating-menu__trigger [class*="flaticon"],
body.mlc-app-shell .mlc-floating-menu__trigger [class^="icon-"] {
    color: currentColor !important;
}

body.mlc-app-shell .mlc-floating-menu__trigger .fa-angle-down {
    font-size: 0.8rem;
    transition: transform 0.18s ease;
}

body.mlc-app-shell .mlc-floating-menu.is-open > .mlc-floating-menu__trigger {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
    color: #0f6cbd !important;
}

body.mlc-app-shell .mlc-floating-menu.is-open > .mlc-floating-menu__trigger .fa-angle-down {
    transform: rotate(180deg);
}

body.mlc-app-shell .mlc-floating-menu__panel {
    position: absolute !important;
    top: calc(100% + 0.75rem) !important;
    right: 0 !important;
    left: auto !important;
    display: none;
    min-width: 15rem;
    max-width: min(22rem, calc(100vw - 2rem));
    padding: 0.45rem;
    margin: 0 !important;
    border: 1px solid rgba(203, 213, 225, 0.9) !important;
    border-radius: 1rem !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18), 0 8px 20px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(18px);
    z-index: 1200 !important;
    float: none !important;
    list-style: none;
    transform-origin: top right;
    overflow: visible;
}

body.mlc-app-shell .mlc-floating-menu.is-open > .mlc-floating-menu__panel {
    display: block !important;
    animation: mlc-tailwind-compat-fade-up 0.18s ease-out;
}

body.mlc-app-shell .mlc-floating-menu__panel ul,
body.mlc-app-shell .mlc-floating-menu__panel li {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.mlc-app-shell .mlc-floating-menu__panel .navi {
    padding: 0 !important;
}

body.mlc-app-shell .mlc-floating-menu__panel .divider {
    height: 1px;
    margin: 0.35rem 0.45rem;
    background: #e2e8f0;
}

body.mlc-app-shell .mlc-floating-menu__panel .navi-link,
body.mlc-app-shell .mlc-floating-menu__panel > li > a {
    display: flex !important;
    align-items: center;
    gap: 0.78rem;
    width: 100%;
    padding: 0.72rem 0.78rem !important;
    border: 0 !important;
    border-radius: 0.9rem;
    background: transparent !important;
    color: #0f172a !important;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none !important;
    box-shadow: none !important;
    white-space: normal;
}

body.mlc-app-shell .mlc-floating-menu__panel .navi-link:hover,
body.mlc-app-shell .mlc-floating-menu__panel .navi-link:focus,
body.mlc-app-shell .mlc-floating-menu__panel > li > a:hover,
body.mlc-app-shell .mlc-floating-menu__panel > li > a:focus {
    background: #eff6ff !important;
    color: #0f172a !important;
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-floating-menu__panel .navi-icon,
body.mlc-app-shell .mlc-floating-menu__panel > li > a > i:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.75rem;
    background: #f8fafc;
    color: #64748b !important;
    flex: 0 0 auto;
}

body.mlc-app-shell .mlc-floating-menu__panel .navi-icon i,
body.mlc-app-shell .mlc-floating-menu__panel > li > a > i:first-child {
    color: currentColor !important;
    font-size: 1rem;
    line-height: 1;
}

body.mlc-app-shell .mlc-floating-menu__panel .navi-icon svg {
    display: block;
    width: 1rem;
    height: 1rem;
}

body.mlc-app-shell .mlc-floating-menu__panel .navi-icon svg [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}

body.mlc-app-shell .mlc-floating-menu__panel .navi-icon svg [fill]:not([fill="none"]) {
    fill: currentColor !important;
}

body.mlc-app-shell .mlc-floating-menu__panel .navi-text {
    color: inherit !important;
    font-weight: inherit;
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-floating-menu__panel {
        width: min(20rem, calc(100vw - 2.25rem));
        max-width: calc(100vw - 2.25rem);
    }
}

body.mlc-app-shell .menu-nav,
body.mlc-app-shell .menu-subnav,
body.mlc-app-shell .sub-subnav,
body.mlc-app-shell .social-sidebar ul,
body.mlc-app-shell .social-sidebar li,
body.mlc-app-shell .menu-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.mlc-app-shell #kt_aside_menu_wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 0.75rem 1rem;
}

body.mlc-app-shell #kt_aside_menu {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-right: 0.1rem;
    padding-bottom: 2rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.38) transparent;
}

body.mlc-app-shell #kt_aside_menu::-webkit-scrollbar {
    width: 0.45rem;
}

body.mlc-app-shell #kt_aside_menu::-webkit-scrollbar-track {
    background: transparent;
}

body.mlc-app-shell #kt_aside_menu::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.34);
    border-radius: 9999px;
}

body.mlc-app-shell #kt_aside_menu .ps__rail-y,
body.mlc-app-shell #kt_aside_menu .ps__rail-x {
    display: none !important;
}

body.mlc-app-shell .menu-nav > .menu-item,
body.mlc-app-shell .social-sidebar .menu li {
    margin: 0.35rem 0;
}

body.mlc-app-shell .menu-link,
body.mlc-app-shell .social-sidebar .menu a {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 0;
    padding: 0.88rem 1rem;
    border-radius: 1rem;
    color: #e2e8f0 !important;
    font-weight: 700;
}

body.mlc-app-shell .menu-nav > .menu-item > .menu-link {
    min-height: 3.15rem;
}

body.mlc-app-shell .mlc-dashboard-menu-group-link {
    position: relative;
    cursor: pointer;
}

body.mlc-app-shell .mlc-dashboard-menu-group-shell {
    display: flex;
    align-items: stretch;
    gap: 0.3rem;
}

body.mlc-app-shell .mlc-dashboard-menu-group-nav {
    flex: 1 1 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    color: inherit !important;
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-dashboard-menu-group-nav:hover {
    color: inherit !important;
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-dashboard-menu-group-toggle {
    flex: 0 0 auto;
    width: 2.35rem;
    min-width: 2.35rem;
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body.mlc-app-shell .mlc-dashboard-menu-group-toggle-only {
    width: 100%;
    border: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #e2e8f0 !important;
    text-align: left;
    font: inherit;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

body.mlc-app-shell .mlc-dashboard-menu-group-toggle:focus-visible,
body.mlc-app-shell .mlc-dashboard-menu-group-toggle-only:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.25), 0 0 0 4px rgba(56, 189, 248, 0.34);
}

body.mlc-app-shell .mlc-dashboard-menu-group-title {
    min-width: 0;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

body.mlc-app-shell .menu-text {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

body.mlc-app-shell .mlc-dashboard-menu-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.7rem;
    height: 1.7rem;
    padding: 0 0.5rem;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.08);
    color: #bfdbfe;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
}

body.mlc-app-shell .menu-link .menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.08);
    color: #93c5fd;
    font-size: 0.95rem;
}

body.mlc-app-shell .menu-link .menu-arrow {
    transition: transform 0.2s ease, color 0.2s ease;
    color: #bfdbfe !important;
}

body.mlc-app-shell .menu-link:hover,
body.mlc-app-shell .social-sidebar .menu a:hover,
body.mlc-app-shell .menu-item-open > .menu-link,
body.mlc-app-shell .menu-item-active > .menu-link,
body.mlc-app-shell .social-sidebar .menu .active > a {
    background: rgba(20, 116, 234, 0.16);
    color: #fff !important;
}

body.mlc-app-shell .menu-item-active > .menu-link {
    background: linear-gradient(135deg, rgba(20, 116, 234, 0.92) 0%, rgba(35, 148, 255, 0.96) 100%);
    box-shadow: 0 14px 28px rgba(20, 116, 234, 0.22);
}

body.mlc-app-shell .menu-item-open > .menu-link .mlc-dashboard-menu-count,
body.mlc-app-shell .menu-item-active > .menu-link .mlc-dashboard-menu-count {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

body.mlc-app-shell .menu-item-open > .menu-link .menu-icon,
body.mlc-app-shell .menu-item-active > .menu-link .menu-icon {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

body.mlc-app-shell .menu-item-open > .menu-link .menu-arrow {
    transform: rotate(90deg);
}

body.mlc-app-shell .menu-submenu,
body.mlc-app-shell .social-sidebar .menu ul {
    margin: 0.55rem 0 0 1.25rem;
    padding: 0.35rem 0 0 0.95rem;
    border-left: 1px solid rgba(148, 163, 184, 0.18);
}

body.mlc-app-shell .menu-item:not(.menu-item-open) > .mlc-dashboard-menu-submenu {
    display: none;
}

body.mlc-app-shell .menu-item-open > .mlc-dashboard-menu-submenu {
    display: block;
}

body.mlc-app-shell .menu-submenu .menu-link {
    min-height: auto;
    padding: 0.72rem 0.85rem;
    margin: 0.16rem 0 0.16rem 0.1rem;
    border-radius: 0.9rem;
    font-weight: 600;
}

body.mlc-app-shell .mlc-dashboard-menu-leaf-link {
    font-size: 0.94rem;
    line-height: 1.35;
}

body.mlc-app-shell .mlc-dashboard-menu-leaf-text {
    white-space: normal;
}

body.mlc-app-shell .mlc-dashboard-menu-group-link:focus-visible,
body.mlc-app-shell .mlc-dashboard-menu-leaf-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.25), 0 0 0 4px rgba(56, 189, 248, 0.34);
}

body.mlc-app-shell .menu-submenu .menu-item-parent > .menu-link {
    padding: 0 0.2rem 0.55rem;
    margin: 0 0 0.2rem;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #bfdbfe !important;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.mlc-app-shell .menu-bullet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.85rem;
}

body.mlc-app-shell .menu-bullet span {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 9999px;
    background: currentColor;
    opacity: 0.7;
}

body.mlc-app-shell .content form > .subheader + .d-flex.flex-column-fluid {
    padding-bottom: 1rem;
}

body.mlc-app-shell .menu-text,
body.mlc-app-shell .social-sidebar .menu a span {
    flex: 1;
}

body.mlc-app-shell .content {
    padding-top: 0 !important;
}

body.mlc-app-shell .subheader {
    background: transparent !important;
    padding: 1.85rem var(--mlc-shell-gutter) 0 !important;
    border: 0 !important;
}

body.mlc-app-shell .subheader .container-fluid {
    padding: 0 !important;
}

body.mlc-app-shell .subheader h5 {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--mlc-ink) !important;
    margin-bottom: 0.5rem;
    margin-right: 1.25rem !important;
}

body.mlc-app-shell .subheader .d-flex.align-items-baseline {
    row-gap: 0.5rem;
}

body.mlc-app-shell .breadcrumb {
    gap: 0.5rem;
    padding: 0;
    margin: 0;
    background: transparent !important;
}

body.mlc-app-shell .breadcrumb-item,
body.mlc-app-shell .breadcrumb-item a,
body.mlc-app-shell .text-muted {
    color: var(--mlc-muted) !important;
}

body.mlc-app-shell .d-flex.flex-column-fluid > .container,
body.mlc-app-shell .main > .container,
body.mlc-app-shell .content > form,
body.mlc-app-shell .content form {
    padding-left: 0;
    padding-right: 0;
}

body.mlc-app-shell .content > form,
body.mlc-app-shell .content form {
    max-width: none;
    width: 100%;
    margin: 0;
}

body.mlc-app-shell .content .container,
body.mlc-app-shell .main .container {
    max-width: none;
}

body.mlc-app-shell .card-title,
body.mlc-app-shell .panel-title,
body.mlc-app-shell .card-label {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0;
    color: var(--mlc-ink) !important;
    font-weight: 800 !important;
}

body.mlc-app-shell .card-icon,
body.mlc-app-shell .alert-icon,
body.mlc-app-shell .panel-title i,
body.mlc-app-shell .svg-icon-primary {
    color: var(--mlc-brand) !important;
}

body.mlc-app-shell .card-icon {
    margin-right: 0.75rem;
}

body.mlc-app-shell .table-responsive,
body.mlc-app-shell .table-scrollable,
body.mlc-app-shell .table-scrollable-borderless {
    border: 1px solid var(--mlc-line);
    border-radius: 1rem;
    background: #fff;
}

body.mlc-app-shell .checkbox-inline,
body.mlc-app-shell .radio-list {
    display: grid;
    gap: 0.65rem;
}

body.mlc-app-shell .footer,
body.mlc-app-shell #CommonFooter {
    border-top: 1px solid var(--mlc-line);
    background: rgba(255, 255, 255, 0.84) !important;
    backdrop-filter: blur(14px);
}

body.mlc-app-shell .mlc-dashboard-footer {
    margin-top: 1rem;
}

body.mlc-app-shell .mlc-dashboard-footer__inner {
    gap: 1rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

body.mlc-app-shell .mlc-dashboard-footer__brand {
    display: grid;
    gap: 0.18rem;
    font-size: 0.92rem;
}

body.mlc-app-shell .mlc-dashboard-footer__copy {
    color: var(--mlc-muted);
    font-size: 0.84rem;
    line-height: 1.5;
}

body.mlc-app-shell .mlc-dashboard-footer__nav {
    gap: 0.75rem;
    align-items: center;
}

body.mlc-app-shell .mlc-dashboard-footer__nav .nav-link {
    padding: 0.55rem 0.9rem;
    border-radius: 9999px;
    color: #17375a !important;
    font-weight: 700;
}

body.mlc-app-shell .mlc-dashboard-footer__nav .nav-link:hover {
    background: #eff6ff;
    color: var(--mlc-brand) !important;
}

body.mlc-app-shell #CommonFooter {
    margin-top: 2rem;
    padding: 1.5rem 0 2rem;
}

body.mlc-app-shell .user,
body.mlc-app-shell .user-settings,
body.mlc-app-shell .dropdown-menu {
    border-radius: 1rem !important;
    z-index: 1050 !important;
}

body.mlc-app-shell .dropdown-menu .navi {
    padding: 0.55rem !important;
}

body.mlc-app-shell .dropdown-menu .navi-link {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.85rem 0.95rem;
    border-radius: 0.9rem;
    color: #17375a;
}

body.mlc-app-shell .dropdown-menu .navi-link:hover {
    background: #eff6ff;
}

body.mlc-app-shell .dropdown-menu .navi-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.75rem;
    background: rgba(20, 116, 234, 0.08);
    color: var(--mlc-brand);
}

body.mlc-app-shell .dropdown-menu .navi-text {
    color: var(--mlc-ink);
    font-weight: 700;
}

body.mlc-app-shell .portlet.light.bordered .row.static-info {
    padding: 0.9rem 0;
    border-bottom: 1px solid var(--mlc-line);
}

body.mlc-app-shell .portlet.light.bordered .row.static-info:last-child {
    border-bottom: 0;
}

body.mlc-app-shell .portlet.light.bordered .name {
    color: var(--mlc-muted);
    font-weight: 700;
}

body.mlc-app-shell .portlet.light.bordered .value {
    color: var(--mlc-ink);
    font-weight: 800;
}

body.mlc-app-shell .label-primary,
body.mlc-app-shell .badge-warning,
body.mlc-app-shell .badge-success,
body.mlc-app-shell .badge-info,
body.mlc-app-shell .badge-primary {
    background: #eff6ff !important;
    color: var(--mlc-brand) !important;
    border: 1px solid rgba(20, 116, 234, 0.12);
}

body.mlc-app-shell .label-success {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #0f766e !important;
}

body.mlc-app-shell .btn-danger {
    background: linear-gradient(180deg, #fb7185, #ef4444) !important;
    border-color: transparent !important;
    color: #fff !important;
}

body.mlc-app-shell .radio-list .radio,
body.mlc-app-shell .checkbox-list .checkbox {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.9rem;
    border: 1px solid rgba(20, 116, 234, 0.08);
    border-radius: 1rem;
    background: rgba(248, 251, 255, 0.85);
}

body.mlc-app-shell .radio-list .radio + .radio,
body.mlc-app-shell .checkbox-list .checkbox + .checkbox {
    margin-top: 0.6rem;
}

body.mlc-app-shell .radio-list .radio input,
body.mlc-app-shell .checkbox-list .checkbox input {
    margin-top: 0;
}

body.mlc-app-shell .radio-list .radio:hover,
body.mlc-app-shell .checkbox-list .checkbox:hover {
    border-color: rgba(20, 116, 234, 0.16);
    background: #fff;
}

body.mlc-app-shell .accordion .card {
    border-radius: 1rem !important;
    box-shadow: none;
}

body.mlc-app-shell .accordion .card + .card {
    margin-top: 0.75rem;
}

body.mlc-app-shell .accordion .card-header {
    padding: 0 !important;
    border-bottom: 0 !important;
}

body.mlc-app-shell .accordion .card-title[data-toggle="collapse"],
body.mlc-app-shell .accordion .card-title.collapsed {
    width: 100%;
    padding: 1rem 1.1rem;
}

body.mlc-app-shell .formLayout {
    border: 1px dashed rgba(20, 116, 234, 0.18);
    border-radius: 1.25rem;
    background: rgba(248, 251, 255, 0.9);
    padding: 1.35rem 1.4rem;
}

body.mlc-app-shell #pagercontainer {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
}

body.mlc-app-shell #pagercontainer a,
body.mlc-app-shell #pagercontainer span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    min-height: 2.4rem;
    padding: 0.4rem 0.8rem;
    border: 1px solid var(--mlc-line);
    border-radius: 9999px;
    background: #fff;
    color: #17375a;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(24, 61, 106, 0.05);
}

body.mlc-app-shell #pagercontainer a:hover {
    background: #eff6ff;
    color: var(--mlc-brand);
}

body.mlc-app-shell .modal-content {
    border: 1px solid var(--mlc-line);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 28px 70px rgba(15, 31, 53, 0.16);
}

body.mlc-app-shell .modal-header,
body.mlc-app-shell .modal-footer {
    border-color: var(--mlc-line);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .modal-title {
    font-weight: 800;
    color: var(--mlc-ink);
    letter-spacing: -0.02em;
}

body.mlc-app-shell .modal-header .close {
    opacity: 1;
    color: var(--mlc-muted);
}

body.mlc-app-shell .modal-header .close:hover {
    color: var(--mlc-ink);
}

body.mlc-app-shell .social-sidebar .user,
body.mlc-app-shell .social-sidebar .user-settings-title,
body.mlc-app-shell .social-sidebar .title,
body.mlc-app-shell .social-sidebar .content,
body.mlc-app-shell .social-navbar a {
    color: inherit;
}

body.mlc-app-shell .social-sidebar .user {
    padding: 0 1rem 1rem;
    color: #fff;
}

body.mlc-app-shell .social-sidebar .user .trigger-user-settings {
    margin-left: 0.5rem;
    color: rgba(255, 255, 255, 0.75);
}

body.mlc-app-shell .social-sidebar .user-settings {
    margin-top: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
    overflow: hidden;
}

body.mlc-app-shell .social-sidebar .user-settings a {
    display: block;
    padding: 0.85rem 1rem;
    color: rgba(255, 255, 255, 0.86);
}

body.mlc-app-shell .social-sidebar .user-settings a:hover {
    background: rgba(255, 255, 255, 0.08);
}

body.mlc-app-shell .social-navbar .navbar-brand,
body.mlc-app-shell .social-navbar .nav > li > a {
    color: var(--mlc-ink) !important;
}

body.mlc-app-shell .social-navbar .navbar-brand {
    font-weight: 800;
}

body.mlc-marketing-shell .mlc-hero-card,
body.mlc-docs-shell .mlc-hero-card,
body.mlc-app-shell .mlc-hero-card {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.65rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
}

body.mlc-marketing-shell .mlc-stat-card,
body.mlc-docs-shell .mlc-stat-card,
body.mlc-app-shell .mlc-stat-card {
    border: 1px solid var(--mlc-line);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 14px 36px rgba(24, 61, 106, 0.07);
}

.mlc-auth-shell {
    position: relative;
    overflow: hidden;
}

.mlc-auth-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.2), transparent 32%),
        radial-gradient(circle at 78% 18%, rgba(96, 165, 250, 0.14), transparent 30%);
    pointer-events: none;
}

.mlc-auth-form {
    position: relative;
    z-index: 1;
}

.mlc-auth-form .input-group .form-control {
    border-right: 0 !important;
}

.mlc-auth-form .input-group-text {
    border-left: 0 !important;
    border-radius: 0 1rem 1rem 0 !important;
}

.mlc-auth-form .input-group .form-control:first-child {
    border-radius: 1rem 0 0 1rem !important;
}

.mlc-auth-side {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 2rem;
    background: linear-gradient(135deg, #08111f 0%, #0f1f35 48%, #0b5d9a 100%);
    color: #fff;
    box-shadow: 0 28px 90px rgba(15, 31, 53, 0.16);
}

.mlc-auth-side::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.22), transparent 32%),
        radial-gradient(circle at 78% 18%, rgba(96, 165, 250, 0.16), transparent 28%);
}

.mlc-auth-side > * {
    position: relative;
    z-index: 1;
}

.mlc-section-shell {
    border: 1px solid var(--mlc-line);
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--mlc-shadow);
}

.mlc-gradient-panel {
    background: linear-gradient(135deg, #08111f 0%, #0f1f35 48%, #0b5d9a 100%);
    color: #fff;
}

.mlc-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border-radius: 9999px;
    border: 1px solid var(--mlc-line);
    background: rgba(255, 255, 255, 0.9);
    padding: 0.68rem 0.95rem;
    font-size: 0.86rem;
    font-weight: 800;
    color: #17375a;
    box-shadow: 0 6px 20px rgba(15, 31, 53, 0.05);
}

.mlc-chip-dark {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
    color: #dbeafe;
}

.mlc-icon-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #eff6ff;
    color: var(--mlc-brand);
}

.mlc-section-banner {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--mlc-line);
    border-radius: 2rem;
    background: linear-gradient(135deg, #08111f 0%, #0f1f35 48%, #0b5d9a 100%);
    color: #fff;
    box-shadow: 0 28px 90px rgba(15, 31, 53, 0.16);
}

.mlc-section-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.22), transparent 32%),
        radial-gradient(circle at 78% 18%, rgba(96, 165, 250, 0.16), transparent 28%);
}

.mlc-section-banner > * {
    position: relative;
    z-index: 1;
}

.mlc-note-card {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

/* Global SweetAlert button overrides for dashboard */
body.mlc-app-shell .swal2-styled.swal2-confirm {
    background: #0F6CBD !important;
    border: 1px solid #0F6CBD !important;
    border-radius: 0.25rem !important;
    font-weight: 600 !important;
    font-size: 0.9375rem !important;
    padding: 0.55rem 1.35rem !important;
    box-shadow: none !important;
}

body.mlc-app-shell .swal2-styled.swal2-confirm:hover {
    background: #115EA3 !important;
    border-color: #115EA3 !important;
}

body.mlc-app-shell .swal2-styled.swal2-cancel,
body.mlc-app-shell .swal2-styled.swal2-deny {
    background: #ffffff !important;
    border: 1px solid #D1D1D1 !important;
    border-radius: 0.25rem !important;
    color: #242424 !important;
    font-weight: 600 !important;
    font-size: 0.9375rem !important;
    padding: 0.55rem 1.35rem !important;
    box-shadow: none !important;
}

body.mlc-app-shell .swal2-styled.swal2-cancel:hover,
body.mlc-app-shell .swal2-styled.swal2-deny:hover {
    background: #F5F5F5 !important;
    border-color: #C7C7C7 !important;
}

body.mlc-app-shell .swal2-popup {
    border-radius: 1rem !important;
}

.mlc-form-panel {
    box-shadow: 0 22px 54px rgba(24, 61, 106, 0.08);
}

.mlc-dashboard-deployment-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.mlc-dashboard-deployment-actions .btn:not(.btn-icon) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding: 0.8rem 1.25rem;
    border-radius: 9999px !important;
    box-shadow: 0 14px 30px rgba(24, 61, 106, 0.1);
}

.mlc-dashboard-deployment-actions .btn.btn-icon {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 9999px !important;
    box-shadow: 0 14px 30px rgba(24, 61, 106, 0.1);
}

.mlc-dashboard-deployment-card {
    border: 1px solid var(--mlc-line);
    border-radius: 1.55rem;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    padding: 1.5rem;
    box-shadow: 0 18px 44px rgba(24, 61, 106, 0.08);
}

.mlc-dashboard-deployment-status {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid var(--mlc-line);
    border-radius: 1.3rem;
}

.mlc-dashboard-deployment-status--live {
    background:
        radial-gradient(circle at top right, rgba(16, 185, 129, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(240, 253, 247, 0.96) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.mlc-dashboard-deployment-status--setup {
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(255, 251, 235, 0.96) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.mlc-dashboard-deployment-kicker {
    display: inline-block;
    margin: 0 0 0.35rem;
    color: #51657d;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.mlc-dashboard-deployment-title {
    margin: 0;
    color: #17375a;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.35;
}

.mlc-dashboard-deployment-copy {
    margin: 0.45rem 0 0;
    color: var(--mlc-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

.mlc-dashboard-deployment-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 7.25rem;
    padding: 0.55rem 0.9rem;
    border-radius: 9999px;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mlc-dashboard-deployment-status--live .mlc-dashboard-deployment-pill {
    border: 1px solid rgba(16, 185, 129, 0.2);
    background: rgba(16, 185, 129, 0.12);
    color: #0f8f63;
}

.mlc-dashboard-deployment-status--setup .mlc-dashboard-deployment-pill {
    border: 1px solid rgba(217, 119, 6, 0.18);
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.mlc-dashboard-deployment-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(18rem, 1fr);
    gap: 1.2rem;
}

.mlc-dashboard-deployment-steps {
    display: grid;
    gap: 0.95rem;
}

.mlc-dashboard-deployment-step {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
    align-items: flex-start;
    padding: 1rem 1.05rem;
    border: 1px solid var(--mlc-line);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.95);
}

.mlc-dashboard-deployment-step__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    background: linear-gradient(180deg, #2093ff, var(--mlc-brand));
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(20, 116, 234, 0.18);
}

.mlc-dashboard-deployment-step__title {
    display: block;
    margin: 0;
    color: #17375a;
    font-size: 1rem;
    font-weight: 800;
}

.mlc-dashboard-deployment-step p {
    margin: 0.3rem 0 0.5rem;
    color: var(--mlc-muted);
    line-height: 1.65;
}

.mlc-dashboard-deployment-step__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--mlc-brand);
    font-weight: 800;
}

.mlc-dashboard-deployment-step__link:hover,
.mlc-dashboard-deployment-step__link:focus {
    color: var(--mlc-brand-dark);
    text-decoration: none;
}

.mlc-dashboard-deployment-facts {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1.1rem 1.15rem;
    border: 1px solid var(--mlc-line);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.98);
}

.mlc-dashboard-deployment-fact {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px dashed rgba(97, 117, 143, 0.22);
}

.mlc-dashboard-deployment-fact:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}

.mlc-dashboard-deployment-fact span {
    color: var(--mlc-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mlc-dashboard-deployment-fact strong {
    color: #17375a;
    font-size: 0.98rem;
    font-weight: 800;
    text-align: right;
}

.mlc-dashboard-deployment-note {
    margin: 0;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    background: #f4f8fd;
    color: var(--mlc-muted);
    line-height: 1.65;
}

.mlc-dashboard-deployment-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.mlc-dashboard-deployment-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.65rem 0.95rem;
    border: 1px solid var(--mlc-line);
    border-radius: 9999px;
    background: #ffffff;
    color: var(--mlc-brand);
    font-weight: 800;
    text-decoration: none;
}

.mlc-dashboard-deployment-links a:hover,
.mlc-dashboard-deployment-links a:focus {
    border-color: rgba(20, 116, 234, 0.25);
    background: #f4f9ff;
    color: var(--mlc-brand-dark);
    text-decoration: none;
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-shell {
    padding: 0.35rem;
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(14rem, 0.82fr);
    gap: 1.2rem;
    align-items: start;
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-inlinefacts {
    margin-top: 0.95rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-controls {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.95rem;
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-controls label {
    margin: 0;
    color: #17375a;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-picker {
    justify-content: flex-start !important;
    min-width: 0;
    width: fit-content;
    max-width: 100%;
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-code {
    margin-top: 0.95rem;
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-code textarea.form-control {
    min-height: 12rem;
    border-radius: 1.1rem;
    border-color: #cfe0f1;
    background: linear-gradient(180deg, #0f172a 0%, #16243b 100%);
    color: #e2e8f0;
    font-size: 0.88rem;
    line-height: 1.65;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-code textarea.form-control:focus {
    background: linear-gradient(180deg, #0f172a 0%, #16243b 100%);
    color: #f8fbff;
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-verify {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed rgba(97, 117, 143, 0.25);
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-status {
    display: none;
    margin-top: 1rem;
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-status.alert {
    display: block;
}

body.mlc-app-shell .mlc-dashboard-deployment-facts code {
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    background: #eef6ff;
    color: #0f4c81;
    font-size: 0.82rem;
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-grid > *,
body.mlc-app-shell .mlc-dashboard-deployment-guide-shell .mlc-dashboard-deployment-facts,
body.mlc-app-shell .mlc-dashboard-deployment-guide-shell .mlc-dashboard-deployment-fact,
body.mlc-app-shell .mlc-dashboard-deployment-guide-shell .mlc-dashboard-deployment-fact strong {
    min-width: 0;
}

body.mlc-app-shell .mlc-dashboard-deployment-guide-shell .mlc-dashboard-deployment-fact strong,
body.mlc-app-shell .mlc-dashboard-deployment-guide-shell .mlc-dashboard-deployment-note,
body.mlc-app-shell .mlc-dashboard-deployment-guide-shell .mlc-dashboard-deployment-links a {
    overflow-wrap: anywhere;
}

@media (max-width: 1599.98px) {
    body.mlc-app-shell .mlc-dashboard-deployment-guide-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .mlc-dashboard-deployment-status {
        flex-direction: column;
    }

    .mlc-dashboard-deployment-grid {
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-dashboard-deployment-guide-grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 767.98px) {
    .mlc-dashboard-deployment-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .mlc-dashboard-deployment-card {
        padding: 1rem;
    }

    .mlc-dashboard-deployment-step {
        grid-template-columns: 1fr;
    }

    .mlc-dashboard-deployment-fact {
        flex-direction: column;
        gap: 0.3rem;
    }

    .mlc-dashboard-deployment-fact strong {
        text-align: left;
    }

    body.mlc-app-shell .mlc-dashboard-deployment-guide-picker {
        width: 100%;
    }
}

body.mlc-app-shell .mlc-home-shortcuts-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-rows: minmax(0, auto);
    gap: 1.25rem;
    margin-left: 0;
    margin-right: 0;
    align-items: start;
}

body.mlc-app-shell .mlc-home-shortcuts-grid::before,
body.mlc-app-shell .mlc-home-shortcuts-grid::after {
    display: none;
}

body.mlc-app-shell .mlc-home-shortcuts-grid > [class*="col-"] {
    width: auto;
    max-width: none;
    flex: none !important;
    display: block !important;
    align-self: flex-start !important;
    min-height: 0 !important;
    padding: 0;
    margin-bottom: 0 !important;
}

body.mlc-app-shell .mlc-home-shortcuts-grid .card.card-custom,
body.mlc-app-shell .mlc-home-shortcuts-grid .flex-root {
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
}

body.mlc-app-shell .mlc-home-shortcuts-grid .card-body {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
}

body.mlc-app-shell .mlc-home-shortcuts-grid a {
    display: flex;
    align-items: flex-start;
    gap: 0.95rem;
    width: 100%;
    min-height: 5.75rem;
    height: auto !important;
    padding: 1.05rem 1rem;
    color: inherit !important;
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-home-shortcuts-grid a:hover,
body.mlc-app-shell .mlc-home-shortcuts-grid a:focus {
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-home-shortcuts-grid a > .d-flex {
    width: 100%;
    display: flex !important;
    align-items: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
}

body.mlc-app-shell .mlc-home-shortcuts-grid .mr-6 {
    margin-right: 0 !important;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.1rem;
    min-width: 3.1rem;
    height: 3.1rem;
    padding: 0.6rem;
    border: 1px solid #e4eefc;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

body.mlc-app-shell .mlc-home-shortcuts-grid .mr-6 .svg-icon {
    width: 1.5rem !important;
    height: 1.5rem !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

body.mlc-app-shell .mlc-home-shortcuts-grid .mr-6 .svg-icon svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

body.mlc-app-shell .mlc-home-shortcuts-grid .mr-6 > i {
    margin: 0 !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
}

body.mlc-app-shell .mlc-home-shortcuts-grid .flex-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

body.mlc-app-shell .mlc-home-shortcuts-grid .font-size-h5 {
    margin-bottom: 0 !important;
    font-size: 1rem !important;
    line-height: 1.35;
}

body.mlc-app-shell .mlc-home-shortcuts-grid .text-dark-75 {
    font-size: 0.875rem;
    line-height: 1.45;
}

@media (max-width: 1599.98px) {
    body.mlc-app-shell .mlc-home-shortcuts-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-home-shortcuts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    body.mlc-app-shell .mlc-home-shortcuts-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.mlc-console-shell {
    min-height: 100vh;
    margin: 0;
    font-family: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--mlc-body);
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 26%),
        radial-gradient(circle at 86% 10%, rgba(96, 165, 250, 0.15), transparent 24%),
        linear-gradient(180deg, #edf5ff 0%, #f7fbff 38%, #eff6ff 100%);
}

.mlc-console-shell a {
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.mlc-console-shell .form-control,
.mlc-console-shell select {
    border: 1px solid var(--mlc-line) !important;
    border-radius: 1rem !important;
    min-height: 3.2rem;
    background: rgba(255, 255, 255, 0.98) !important;
    color: var(--mlc-ink) !important;
    box-shadow: 0 12px 26px rgba(24, 61, 106, 0.05);
}

.mlc-console-shell .form-control:focus,
.mlc-console-shell select:focus {
    border-color: rgba(20, 116, 234, 0.45) !important;
    box-shadow: 0 0 0 4px rgba(20, 116, 234, 0.08) !important;
}

.mlc-console-shell .btn {
    border-radius: 9999px;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.mlc-console-shell .btn-primary {
    border-color: transparent !important;
    background: linear-gradient(180deg, #2093ff, var(--mlc-brand)) !important;
    box-shadow: var(--mlc-shadow-soft);
}

.mlc-console-shell .btn-primary:hover {
    background: linear-gradient(180deg, #1a86ef, var(--mlc-brand-dark)) !important;
    transform: translateY(-1px);
}

.mlc-console-shell .btn-outline-secondary {
    border-color: rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

.mlc-console-shell .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, 0.16) !important;
}

.mlc-console-shell .form-check-input {
    border-color: var(--mlc-line);
}

.mlc-console-shell .form-check-input:checked {
    background-color: var(--mlc-brand);
    border-color: var(--mlc-brand);
}

.mlc-console-shell .custom-control-label {
    color: #475569;
    font-weight: 600;
}

.mlc-console-shell .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--mlc-brand) !important;
    background-color: var(--mlc-brand) !important;
}

.mlc-console-shell .custom-control-label::before {
    border-color: var(--mlc-line) !important;
    border-radius: 0.45rem !important;
}

.mlc-console-form {
    border: 1px solid rgba(224, 232, 245, 0.9);
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 28px 90px rgba(15, 31, 53, 0.14);
    backdrop-filter: blur(16px);
}

.mlc-console-input-label {
    display: block;
    margin-bottom: 0.55rem;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5d7696;
}

.mlc-console-stat {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.08);
    padding: 1rem 1.1rem;
}

.mlc-console-list {
    display: grid;
    gap: 0.9rem;
}

.mlc-console-list li {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
}

.mlc-console-list li::before {
    content: "";
    flex: 0 0 0.7rem;
    width: 0.7rem;
    height: 0.7rem;
    margin-top: 0.45rem;
    border-radius: 9999px;
    background: linear-gradient(180deg, #7dd3fc, #38bdf8);
    box-shadow: 0 0 0 6px rgba(125, 211, 252, 0.14);
}

body.mlc-app-shell .panel-tools,
body.mlc-app-shell .card-toolbar {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

body.mlc-app-shell .panel-heading::before,
body.mlc-app-shell .panel-heading::after {
    display: none !important;
}

body.mlc-app-shell .form-horizontal .form-group,
body.mlc-app-shell .form .form-group {
    margin-bottom: 1.2rem;
}

body.mlc-app-shell .control-label,
body.mlc-app-shell .col-form-label {
    font-size: 0.82rem;
    font-weight: 800 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5d7696 !important;
}

body.mlc-app-shell textarea#scriptcode,
body.mlc-app-shell textarea#linkcodebox {
    min-height: 12rem;
    padding: 1rem 1.1rem !important;
    border-radius: 1.2rem !important;
    border-color: rgba(20, 116, 234, 0.12) !important;
    background: linear-gradient(180deg, #08111f, #10263e) !important;
    color: #dbeafe !important;
    font-family: Consolas, "SFMono-Regular", Menlo, Monaco, monospace;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.mlc-app-shell #divmenu2 .card,
body.mlc-app-shell #divmenu .col {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.mlc-app-shell #divmenu2 .card:hover,
body.mlc-app-shell #divmenu .col:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(24, 61, 106, 0.1);
}

body.mlc-app-shell .panel-body > p:first-child {
    color: var(--mlc-muted);
}

body.mlc-marketing-shell .form-block {
    border: 1px solid var(--mlc-line);
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--mlc-shadow);
    padding: 2rem 2rem 1.75rem;
}

body.mlc-marketing-shell #sidebar-nav {
    border: 1px solid var(--mlc-line);
    border-radius: 1.5rem;
    overflow: hidden;
}

body.mlc-marketing-shell #sidebar-nav .list-group-item {
    padding: 0.95rem 1.1rem;
}

body.mlc-app-shell .page-breadcrumb,
body.mlc-app-shell .breadcrumb.breadcrumb-default {
    margin: 0 0 1rem;
    padding: 0;
    background: transparent;
}

body.mlc-app-shell .page-breadcrumb > li,
body.mlc-app-shell .breadcrumb.breadcrumb-default > li {
    color: #5f7694;
    font-size: 0.82rem;
    font-weight: 700;
}

/* ============================================================
   RichTextEditor-style component system
   ============================================================ */

/* --- Typography (RTE style) --- */
body.mlc-marketing-shell h1 {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.015em;
}

body.mlc-marketing-shell h2, .h2 {
    font-size: 1.5rem;
    line-height: 2rem;
}

body.mlc-marketing-shell h3, .h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

body.mlc-marketing-shell h4, .h4 {
    font-size: 1.125rem;
    line-height: 1.6rem;
}

/* --- Navigation link (pill-shaped) --- */
.ls-nav-link {
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    padding: .55rem .95rem;
    font-size: .92rem;
    font-weight: 600;
    color: #4a6482;
}

.ls-nav-link:hover {
    color: var(--mlc-ink);
    background: var(--mlc-soft);
}

/* --- Chip / Tag --- */
.ls-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: 1px solid var(--mlc-line);
    background: rgba(255, 255, 255, 0.9);
    padding: .72rem 1rem;
    font-size: .9rem;
    font-weight: 800;
    color: #17375a;
    box-shadow: 0 6px 20px rgba(15, 31, 53, 0.05);
}

.ls-chip:hover {
    color: var(--mlc-ink);
    background: #f9fcff;
    transform: translateY(-1px);
}

/* --- Primary CTA button --- */
.ls-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: .78rem 1.15rem;
    font-size: .92rem;
    font-weight: 800;
    color: #fff !important;
    background: linear-gradient(180deg, #2093ff, var(--mlc-brand));
    box-shadow: var(--mlc-glow);
    text-decoration: none;
}

.ls-cta:hover {
    background: linear-gradient(180deg, #1a86ef, var(--mlc-brand-dark));
    transform: translateY(-1px);
    color: #fff !important;
    text-decoration: none;
}

/* --- Secondary button --- */
.ls-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: 1px solid var(--mlc-line);
    background: #fff;
    padding: .72rem 1rem;
    font-size: .92rem;
    font-weight: 700;
    color: #17375a;
    box-shadow: 0 6px 20px rgba(15, 31, 53, 0.04);
    text-decoration: none;
}

.ls-secondary:hover {
    color: var(--mlc-ink);
    background: #f9fcff;
    transform: translateY(-1px);
    text-decoration: none;
}

/* --- Surface / Card --- */
.ls-surface {
    border: 1px solid var(--mlc-line);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 12px 34px rgba(24, 61, 106, 0.08);
}

/* --- Page Surface --- */
.page-surface {
    border: 1px solid var(--mlc-line);
    border-radius: 1.6rem;
    background: #fff;
    box-shadow: 0 18px 48px rgba(24, 61, 106, 0.09);
}

/* --- Sidebar --- */
.sidebar-stack {
    display: grid;
    gap: 1rem;
}

.sidebar-card {
    border: 1px solid var(--mlc-line);
    border-radius: 1.4rem;
    background: #fff;
    padding: 1.25rem;
    box-shadow: 0 18px 42px rgba(24, 61, 106, 0.08);
}

.sidebar-card h3 {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 800;
}

.sidebar-card p:last-child {
    margin-bottom: 0;
}

.sidebar-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-card a.block {
    box-shadow: none;
}

/* ============================================================
   Page Hero
   ============================================================ */
.page-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(135deg, #08111f 0%, #0f1f35 52%, #0b5d9a 100%);
}

.page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.2), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(96, 165, 250, 0.18), transparent 32%);
}

.page-hero::after {
    content: "";
    position: absolute;
    left: -5rem;
    top: 4rem;
    width: 14rem;
    height: 14rem;
    border-radius: 9999px;
    background: rgba(56, 189, 248, 0.1);
    filter: blur(48px);
}

.page-hero-shell {
    position: relative;
    z-index: 1;
    max-width: var(--mlc-shell-max-width);
    margin: 0 auto;
    padding: 3.5rem 1rem 4.5rem;
}

.page-hero-grid {
    display: grid;
    gap: 2.5rem;
    align-items: center;
}

.page-hero-copy h1 {
    margin-top: 1.15rem;
    color: #fff;
    font-size: clamp(2.15rem, 3.9vw, 3.65rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.page-hero-copy p {
    max-width: 43rem;
    margin-top: 1.15rem;
    color: #dbeafe;
    font-size: 1.03rem;
    line-height: 1.95rem;
}

.page-hero-chip {
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.09);
    padding: 0.4rem 0.9rem;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #dbeafe;
    box-shadow: 0 20px 40px rgba(2, 8, 23, 0.18);
}

.page-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 1.9rem;
}

.page-hero-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.08);
    padding: 0.78rem 1.15rem;
    font-size: 0.92rem;
    font-weight: 800;
    color: #fff !important;
    box-shadow: 0 16px 40px rgba(2, 8, 23, 0.14);
    text-decoration: none;
}

.page-hero-secondary:hover {
    background: rgba(255, 255, 255, 0.14);
    transform: translateY(-1px);
    color: #fff !important;
    text-decoration: none;
}

.page-hero-text-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.78rem 0.1rem;
    font-size: 0.92rem;
    font-weight: 700;
    color: #dbeafe !important;
    text-decoration: none;
}

.page-hero-text-link:hover {
    color: #fff !important;
    text-decoration: none;
}

.page-hero-panel {
    position: relative;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.8rem;
    background: rgba(255, 255, 255, 0.08);
    padding: 1.45rem;
    backdrop-filter: blur(16px);
    box-shadow: 0 28px 80px rgba(2, 8, 23, 0.24);
}

.page-hero-kicker {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #bae6fd;
}

.page-hero-panel h3 {
    margin-top: 0.8rem;
    margin-bottom: 0;
    color: #fff;
    font-size: 1.22rem;
    line-height: 1.5rem;
    font-weight: 800;
}

.page-hero-panel p {
    margin-top: 0.8rem;
    margin-bottom: 0;
    color: #cbd5e1;
    font-size: 0.95rem;
    line-height: 1.65rem;
}

.page-hero-points,
.page-hero-stats {
    display: grid;
    gap: 0.9rem;
    margin-top: 1.3rem;
}

.page-hero-point,
.page-hero-stat {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.06);
    padding: 0.9rem 1rem;
}

.page-hero-point strong,
.page-hero-stat strong {
    display: block;
    color: #fff;
    font-size: 0.98rem;
    font-weight: 800;
}

.page-hero-point span,
.page-hero-stat span {
    display: block;
    margin-top: 0.3rem;
    color: #cbd5e1;
    font-size: 0.84rem;
    line-height: 1.45rem;
}

.page-hero-stat em {
    display: block;
    font-style: normal;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #bae6fd;
}

.page-hero-wave {
    display: none;
}

/* ============================================================
   Main Content Shell (Tailwind overrides for RTE style)
   ============================================================ */
.main-content-shell .rounded-2xl.border.bg-white,
.main-content-shell .rounded-2xl.border.border-slate-200.bg-white.shadow-sm {
    border-color: var(--mlc-line) !important;
    border-radius: 1rem !important;
    box-shadow: 0 12px 34px rgba(24, 61, 106, 0.08) !important;
}

.main-content-shell .rounded-xl.border.border-slate-200.bg-white {
    border-color: var(--mlc-line) !important;
    border-radius: .85rem !important;
}

.main-content-shell a.inline-flex.items-center.justify-center {
    border-radius: 9999px !important;
    font-weight: 700 !important;
}

.main-content-shell [class*="bg-sky-600"][class*="text-white"] {
    background: linear-gradient(180deg, #1f8cff, #1474ea) !important;
    box-shadow: 0 8px 20px rgba(20, 116, 234, 0.25);
}

.main-content-shell [class*="bg-sky-600"][class*="text-white"]:hover {
    filter: brightness(.97);
    transform: translateY(-1px);
}

.main-content-shell table {
    border-collapse: separate;
    border-spacing: 0;
}

.main-content-shell thead th {
    background: #f8fbff;
    color: #214268;
    font-weight: 700;
}

.main-content-shell .text-slate-600,
.main-content-shell .text-slate-500 {
    color: var(--mlc-body);
}

.main-content-shell .text-sky-600,
.main-content-shell .text-sky-700 {
    color: var(--mlc-brand) !important;
}

.main-content-shell table tr + tr {
    border-top: 1px solid #e2e8f0;
}

.main-content-shell th,
.main-content-shell td {
    padding: .75rem;
    text-align: left;
}

/* ============================================================
   Legal pages (RTE style)
   ============================================================ */
.legal-nav {
    border: 1px solid var(--mlc-line);
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 18px 42px rgba(24, 61, 106, 0.08);
}

.legal-nav ul,
.legal-nav ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.legal-nav li + li {
    margin-top: 0.9rem;
}

.legal-section {
    border: 1px solid var(--mlc-line);
    border-radius: 1.5rem;
    background: #fff;
    padding: 1.5rem;
    box-shadow: 0 18px 42px rgba(24, 61, 106, 0.08);
    color: var(--mlc-body);
}

.legal-section + .legal-section {
    margin-top: 1rem;
}

.legal-section p:last-child,
.legal-section ul:last-child {
    margin-bottom: 0;
}

.legal-section ul {
    padding-left: 1.2rem;
}

.legal-section li {
    padding-bottom: 0.7rem;
}

/* ============================================================
   Form controls (RTE style)
   ============================================================ */
.form-label {
    display: inline-block;
    margin-bottom: .35rem;
    font-size: .9rem;
    font-weight: 600;
    color: #0f172a;
}

/* ============================================================
   Responsive (RTE style)
   ============================================================ */
@media (min-width: 640px) {
    .page-hero-shell {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .page-hero-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .page-hero-shell {
        padding: 4.3rem 2rem 5.2rem;
    }

    .page-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
        gap: 3rem;
    }
}

body.mlc-app-shell .page-breadcrumb > li + li::before,
body.mlc-app-shell .breadcrumb.breadcrumb-default > li + li::before {
    color: #94a8c1;
}

body.mlc-app-shell .portlet.light,
body.mlc-app-shell .panel.panel-default {
    border: 1px solid var(--mlc-line) !important;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 18px 42px rgba(24, 61, 106, 0.08);
}

body.mlc-app-shell .portlet.light > .portlet-title,
body.mlc-app-shell .panel.panel-default > .panel-heading {
    border-bottom: 1px solid rgba(219, 232, 246, 0.95) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 252, 0.98)) !important;
    border-radius: 1.3rem 1.3rem 0 0;
    padding: 1rem 1.25rem !important;
}

body.mlc-app-shell .portlet.light > .portlet-body,
body.mlc-app-shell .panel.panel-default > .panel-body,
body.mlc-app-shell .well {
    padding: 1.1rem 1.25rem;
}

body.mlc-app-shell .well,
body.mlc-marketing-shell .well,
body.mlc-docs-shell .well {
    border: 1px solid var(--mlc-line);
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff, #f4f8fc);
    box-shadow: none;
}

body.mlc-app-shell .note {
    border-radius: 1rem;
    border-color: rgba(20, 116, 234, 0.2) !important;
    background: #f2f8ff !important;
}

body.mlc-app-shell .note.note-warning {
    border-color: rgba(245, 158, 11, 0.3) !important;
    background: #fff7e8 !important;
}

body.mlc-app-shell .table-responsive,
body.mlc-marketing-shell .table-responsive,
body.mlc-docs-shell .table-responsive {
    border: 1px solid rgba(219, 232, 246, 0.9);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
}

body.mlc-app-shell .table-responsive > .table,
body.mlc-marketing-shell .table-responsive > .table,
body.mlc-docs-shell .table-responsive > .table {
    margin-bottom: 0;
}

body.mlc-app-shell .pagination > li > a,
body.mlc-app-shell .pagination > li > span,
body.mlc-marketing-shell .pagination > li > a,
body.mlc-docs-shell .pagination > li > a {
    border: 1px solid var(--mlc-line);
    border-radius: 9999px;
    margin: 0 0.2rem;
    min-width: 2.2rem;
    text-align: center;
    color: #476180;
    font-weight: 700;
}

body.mlc-app-shell .pagination > .active > a,
body.mlc-app-shell .pagination > .active > span,
body.mlc-marketing-shell .pagination > .active > a,
body.mlc-docs-shell .pagination > .active > a {
    border-color: transparent;
    background: linear-gradient(180deg, #2093ff, var(--mlc-brand));
    color: #fff;
    box-shadow: 0 8px 20px rgba(20, 116, 234, 0.22);
}

body.mlc-app-shell .form-horizontal .control-label,
body.mlc-app-shell .form .control-label,
body.mlc-app-shell .form-horizontal .col-form-label {
    text-align: left;
}

body.mlc-app-shell .input-group-btn > .btn,
body.mlc-marketing-shell .input-group-btn > .btn,
body.mlc-docs-shell .input-group-btn > .btn {
    border-radius: 9999px;
}

body.mlc-app-shell .list-group-item,
body.mlc-marketing-shell #sidebar-nav .list-group-item,
body.mlc-docs-shell #sidebar-nav .list-group-item {
    border-color: rgba(219, 232, 246, 0.9);
    color: #4a6482;
    font-weight: 700;
}

body.mlc-app-shell .list-group-item:hover,
body.mlc-marketing-shell #sidebar-nav .list-group-item:hover,
body.mlc-docs-shell #sidebar-nav .list-group-item:hover {
    color: var(--mlc-ink);
    background: var(--mlc-soft);
}

body.mlc-app-shell .nav-tabs {
    border-bottom-color: rgba(219, 232, 246, 0.95);
}

body.mlc-app-shell .nav-tabs > li > a,
body.mlc-app-shell .nav-tabs .nav-link {
    border-radius: 9999px;
    color: #4a6482;
    font-weight: 700;
    border: 1px solid transparent;
}

body.mlc-app-shell .nav-tabs .nav-link.mlc-tab-button,
body.mlc-app-shell .mlc-tab-bar .nav-link.mlc-tab-button {
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
}

body.mlc-app-shell .mlc-tab-bar .nav-link.mlc-tab-button {
    border: 1px solid transparent;
}

body.mlc-app-shell .nav-tabs > li.active > a,
body.mlc-app-shell .nav-tabs > li > a:hover,
body.mlc-app-shell .nav-tabs .nav-link.active,
body.mlc-app-shell .nav-tabs .nav-link:hover {
    border-color: var(--mlc-line);
    background: var(--mlc-soft);
    color: var(--mlc-ink);
}

body.mlc-app-shell .mlc-inline-action-button {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

body.mlc-app-shell .panel.panel-primary,
body.mlc-marketing-shell .panel.panel-primary,
body.mlc-docs-shell .panel.panel-primary {
    border: 1px solid var(--mlc-line) !important;
    border-radius: 1.35rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 38px rgba(24, 61, 106, 0.08);
}

body.mlc-app-shell .panel.panel-primary > .panel-heading,
body.mlc-marketing-shell .panel.panel-primary > .panel-heading,
body.mlc-docs-shell .panel.panel-primary > .panel-heading {
    border: 0;
    border-bottom: 1px solid rgba(219, 232, 246, 0.95);
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
    color: var(--mlc-ink);
    padding: 1rem 1.25rem !important;
}

body.mlc-app-shell .panel.panel-primary > .panel-heading .panel-title,
body.mlc-marketing-shell .panel.panel-primary > .panel-heading .panel-title,
body.mlc-docs-shell .panel.panel-primary > .panel-heading .panel-title {
    color: var(--mlc-ink);
    font-size: 1rem;
    font-weight: 800;
}

body.mlc-app-shell .panel > .panel-footer,
body.mlc-marketing-shell .panel > .panel-footer,
body.mlc-docs-shell .panel > .panel-footer {
    border-top: 1px solid rgba(219, 232, 246, 0.95);
    background: rgba(248, 251, 255, 0.95);
}

body.mlc-marketing-shell .panel-tools,
body.mlc-docs-shell .panel-tools {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

body.mlc-marketing-shell .panel-tools > .btn,
body.mlc-docs-shell .panel-tools > .btn {
    margin: 0;
}

body.mlc-app-shell .page-title,
body.mlc-marketing-shell .page-title,
body.mlc-docs-shell .page-title {
    margin: 0 0 0.5rem;
    color: var(--mlc-ink);
    font-size: clamp(1.4rem, 2vw, 1.9rem);
    font-weight: 800;
    letter-spacing: -0.02em;
}

body.mlc-app-shell .caption-subject,
body.mlc-marketing-shell .caption-subject,
body.mlc-docs-shell .caption-subject {
    color: #345274;
    font-weight: 800;
    letter-spacing: 0.02em;
}

body.mlc-app-shell .help-block,
body.mlc-marketing-shell .help-block,
body.mlc-docs-shell .help-block {
    margin-top: 0.45rem;
    color: #61758f;
    font-size: 0.86rem;
    line-height: 1.45;
}

body.mlc-marketing-shell .input-group-addon,
body.mlc-docs-shell .input-group-addon {
    border: 1px solid var(--mlc-line);
    border-radius: 0.9rem;
    background: #f6faff;
    color: #476180;
    font-weight: 700;
}

body.mlc-app-shell .table-scrollable,
body.mlc-app-shell .table-scrollable-borderless {
    border: 1px solid rgba(219, 232, 246, 0.9) !important;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
}

body.mlc-marketing-shell pre,
body.mlc-docs-shell pre {
    border: 1px solid var(--mlc-line);
    border-radius: 1rem;
    background: #f8fbff;
    padding: 1rem 1.1rem;
}
body.mlc-app-shell .alert-custom {
    border: 1px solid rgba(219, 232, 246, 0.95);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
    color: #3d5774;
    box-shadow: 0 14px 34px rgba(24, 61, 106, 0.06);
}

body.mlc-app-shell .alert-custom .alert-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin-right: 0.75rem;
    border-radius: 9999px;
    background: rgba(77, 161, 255, 0.16);
    color: #1f6ccf;
}

body.mlc-app-shell .alert-custom .alert-text {
    color: inherit;
}

body.mlc-app-shell .alert-custom .alert-heading {
    margin: 0 0 0.35rem;
    color: #143053;
    font-size: 1rem;
    font-weight: 800;
}

body.mlc-app-shell .alert-custom .alert-close {
    margin-left: auto;
}

body.mlc-app-shell .alert-custom.alert-white {
    background: rgba(255, 255, 255, 0.99);
}

body.mlc-app-shell .alert-custom.alert-warning {
    border-color: rgba(245, 191, 90, 0.48);
    background: rgba(255, 248, 230, 0.98);
    color: #7a5511;
}

body.mlc-app-shell .alert-custom.alert-warning .alert-icon {
    background: rgba(245, 191, 90, 0.2);
    color: #936116;
}

body.mlc-app-shell .alert-custom.alert-primary {
    border-color: rgba(105, 166, 255, 0.45);
    background: rgba(239, 247, 255, 0.98);
    color: #1d4e8f;
}

body.mlc-app-shell .alert-custom.alert-success {
    border-color: rgba(86, 190, 144, 0.5);
    background: rgba(236, 252, 245, 0.98);
    color: #0f6a4b;
}

body.mlc-app-shell .alert-custom.alert-danger {
    border-color: rgba(236, 125, 125, 0.5);
    background: rgba(255, 241, 241, 0.98);
    color: #9d3232;
}

body.mlc-app-shell .btn.btn-xs {
    height: 1.9rem;
    padding: 0.22rem 0.6rem;
    font-size: 0.74rem;
}

body.mlc-app-shell .btn.btn-sm {
    height: 2.2rem;
    padding: 0.34rem 0.8rem;
    font-size: 0.82rem;
}

body.mlc-app-shell .btn.btn-lg {
    height: 2.9rem;
    padding: 0.65rem 1.2rem;
    font-size: 0.95rem;
}

body.mlc-app-shell .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
}

body.mlc-app-shell .btn-circle,
body.mlc-app-shell .btn-icon.btn-circle {
    border-radius: 9999px;
}

body.mlc-app-shell .btn-group > .btn + .btn,
body.mlc-app-shell .btn-toolbar .btn + .btn {
    margin-left: 0.45rem;
}

body.mlc-app-shell .pull-right {
    float: right !important;
}

body.mlc-app-shell .pull-left {
    float: left !important;
}

body.mlc-app-shell .clearfix::after {
    content: "";
    display: block;
    clear: both;
}

body.mlc-app-shell .icon-tools {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

body.mlc-app-shell .icon-tools i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 9999px;
    color: #5f7690;
    background: rgba(239, 247, 255, 0.95);
}

body.mlc-app-shell .icon-tools i:hover {
    color: var(--mlc-ink);
    background: rgba(220, 235, 253, 0.96);
}

body.mlc-app-shell .label-info {
    background: #d9f0ff;
    color: #1767ad;
}

body.mlc-app-shell .label-warning {
    background: #fff2cc;
    color: #946200;
}

body.mlc-app-shell .label-inline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
}

body.mlc-app-shell .label-sm {
    padding: 0.2rem 0.5rem;
    font-size: 0.72rem;
}

body.mlc-app-shell .label-lg {
    padding: 0.42rem 0.9rem;
    font-size: 0.82rem;
}

body.mlc-app-shell .label-pill {
    border-radius: 9999px;
}

body.mlc-app-shell .breadcrumb.breadcrumb-transparent {
    background: transparent !important;
    margin-bottom: 0;
}

body.mlc-app-shell .breadcrumb.breadcrumb-dot .breadcrumb-item + .breadcrumb-item::before {
    content: "\2022";
    color: #9bb0c8;
    padding: 0 0.45rem 0 0.15rem;
}

body.mlc-app-shell .btn.btn-default {
    border: 1px solid rgba(148, 168, 193, 0.55) !important;
    background: linear-gradient(180deg, #ffffff, #f5f8fc) !important;
    color: #2f4c6f !important;
    box-shadow: 0 8px 16px rgba(24, 61, 106, 0.07);
}

body.mlc-app-shell .btn.btn-default:hover,
body.mlc-app-shell .btn.btn-default:focus,
body.mlc-app-shell .btn.btn-default:active {
    border-color: rgba(110, 152, 197, 0.6) !important;
    background: linear-gradient(180deg, #ffffff, #ebf3fc) !important;
    color: #1f446f !important;
}

body.mlc-app-shell .btn-text-primary,
body.mlc-app-shell .btn-hover-primary:hover,
body.mlc-app-shell .btn-hover-primary:focus {
    color: var(--mlc-brand) !important;
}

body.mlc-app-shell .table.table-condensed > thead > tr > th,
body.mlc-app-shell .table.table-condensed > tbody > tr > td,
body.mlc-app-shell .table.table-condensed > tfoot > tr > td {
    padding: 0.48rem 0.6rem;
}

body.mlc-app-shell .table.table-striped > tbody > tr:nth-of-type(odd) {
    background: rgba(245, 249, 255, 0.86);
}

body.mlc-app-shell .table.table-hover > tbody > tr:hover {
    background: rgba(230, 240, 252, 0.9);
}

body.mlc-app-shell .font-size-sm {
    font-size: 0.82rem !important;
}

body.mlc-app-shell .text-primary {
    color: var(--mlc-brand) !important;
}

body.mlc-app-shell .text-hover-primary:hover,
body.mlc-app-shell .text-hover-primary:focus {
    color: var(--mlc-brand) !important;
}
body.mlc-app-shell .dl-horizontal {
    display: grid;
    grid-template-columns: minmax(8.25rem, 42%) 1fr;
    column-gap: 0.95rem;
    row-gap: 0.45rem;
    margin-bottom: 0;
}

body.mlc-app-shell .dl-horizontal dt {
    margin-bottom: 0;
    color: #4a6482;
    font-weight: 700;
}

body.mlc-app-shell .dl-horizontal dd {
    margin-bottom: 0;
    color: #1b3f67;
}

body.mlc-app-shell .dl-horizontal .divider {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(219, 232, 246, 0.9);
    margin: 0.25rem 0 0.35rem;
    padding-top: 0;
    min-height: 0;
}
body.mlc-app-shell .subheader.subheader-solid {
    background: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.mlc-app-shell .gutter-b {
    margin-bottom: 1.5rem !important;
}

body.mlc-app-shell .card-stretch {
    height: 100%;
}

body.mlc-app-shell .font-weight-bolder,
body.mlc-app-shell .font-extrabold {
    font-weight: 800 !important;
}

body.mlc-app-shell .font-size-lg {
    font-size: 1.02rem !important;
    line-height: 1.45;
}

body.mlc-app-shell .text-dark {
    color: var(--mlc-ink) !important;
}

body.mlc-app-shell .text-dark-75 {
    color: #3a5879 !important;
}

body.mlc-app-shell .text-dark-50 {
    color: #607a97 !important;
}

body.mlc-app-shell .font-blue-oleo {
    color: #1d5e9f !important;
}

body.mlc-app-shell .text-uppercase {
    text-transform: uppercase !important;
    letter-spacing: 0.04em;
}

body.mlc-app-shell .w-150px {
    width: 150px !important;
}

body.mlc-app-shell .btn.btn-light-success {
    border: 1px solid rgba(16, 185, 129, 0.28) !important;
    background: linear-gradient(180deg, #f0fdf6, #e1f9ee) !important;
    color: #0f8e61 !important;
}

body.mlc-app-shell .btn.btn-light-danger {
    border: 1px solid rgba(239, 68, 68, 0.28) !important;
    background: linear-gradient(180deg, #fff4f4, #fee8e8) !important;
    color: #be2f2f !important;
}

body.mlc-app-shell .btn.btn-light-warning {
    border: 1px solid rgba(245, 158, 11, 0.28) !important;
    background: linear-gradient(180deg, #fff9eb, #fff2d3) !important;
    color: #a06603 !important;
}

body.mlc-app-shell .btn.btn-light-success:hover,
body.mlc-app-shell .btn.btn-light-danger:hover,
body.mlc-app-shell .btn.btn-light-warning:hover,
body.mlc-app-shell .btn.btn-light-success:focus,
body.mlc-app-shell .btn.btn-light-danger:focus,
body.mlc-app-shell .btn.btn-light-warning:focus {
    filter: brightness(0.98);
}

body.mlc-app-shell .card-header.card-header-tabs-line {
    border-bottom: 1px solid rgba(219, 232, 246, 0.95);
}

body.mlc-app-shell .nav-tabs.nav-tabs-line-3x {
    border-bottom: 0;
    gap: 0.5rem;
}

body.mlc-app-shell .nav-tabs.nav-tabs-line-3x .nav-link {
    border-width: 1px !important;
    border-bottom-width: 3px !important;
}

body.mlc-app-shell .nav-tabs.nav-tabs-line-3x .nav-link.active {
    border-bottom-color: var(--mlc-brand) !important;
}

body.mlc-app-shell .bg-diagonal {
    position: relative;
    overflow: hidden;
}

body.mlc-app-shell .bg-diagonal::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(125deg, rgba(255, 255, 255, 0.24), transparent 42%, rgba(255, 255, 255, 0.12));
    pointer-events: none;
}

body.mlc-app-shell .bg-diagonal-light-primary {
    background-color: #eaf3ff !important;
}

body.mlc-app-shell .bg-diagonal-light-success {
    background-color: #e9f9f1 !important;
}

body.mlc-app-shell .switch.switch-icon label span {
    border-color: rgba(130, 154, 181, 0.55) !important;
    background: #edf4fb !important;
}

body.mlc-app-shell .switch.switch-icon input:checked ~ label span {
    border-color: rgba(20, 116, 234, 0.5) !important;
    background: rgba(20, 116, 234, 0.16) !important;
}
body.mlc-app-shell .text-sky-200 {
    color: #bae6fd !important;
}

body.mlc-app-shell .font-size-h1 {
    font-size: 2.1rem !important;
    line-height: 1.2;
}

body.mlc-app-shell .font-size-h2 {
    font-size: 1.75rem !important;
    line-height: 1.24;
}

body.mlc-app-shell .font-size-h3 {
    font-size: 1.45rem !important;
    line-height: 1.3;
}

body.mlc-app-shell .font-size-h4 {
    font-size: 1.2rem !important;
    line-height: 1.34;
}

body.mlc-app-shell .font-size-h5 {
    font-size: 1.04rem !important;
    line-height: 1.38;
}

body.mlc-app-shell .font-size-h6 {
    font-size: 0.92rem !important;
    line-height: 1.45;
}

body.mlc-app-shell .font-size-h22 {
    font-size: 1.35rem !important;
    line-height: 1.3;
}

body.mlc-app-shell .font-weight-normal {
    font-weight: 400 !important;
}

body.mlc-app-shell .text-hover-state-dark:hover,
body.mlc-app-shell .text-hover-state-dark:focus {
    color: var(--mlc-ink) !important;
}

body.mlc-app-shell .dashboard-stat {
    display: block;
    border: 1px solid rgba(214, 228, 242, 0.95);
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow: 0 10px 28px rgba(24, 61, 106, 0.08);
    padding: 1rem 1.1rem;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.mlc-app-shell .dashboard-stat.default {
    border-color: rgba(203, 221, 240, 0.95);
}

body.mlc-app-shell .dashboard-stat:hover,
body.mlc-app-shell .dashboard-stat:focus {
    border-color: rgba(108, 168, 235, 0.6);
    box-shadow: 0 16px 34px rgba(24, 61, 106, 0.12);
    transform: translateY(-1px);
    text-decoration: none !important;
}

body.mlc-app-shell .dashboard-stat .visual {
    float: left;
    width: 4.25rem;
    min-height: 3.5rem;
}

body.mlc-app-shell .dashboard-stat .visual > i,
body.mlc-app-shell .dashboard-stat .visual > svg {
    color: #6a8fb5;
    font-size: 2rem;
}

body.mlc-app-shell .dashboard-stat .details {
    margin-left: 4.25rem;
    min-height: 3.5rem;
}

body.mlc-app-shell .dashboard-stat .details .number {
    margin: 0;
    color: #163a61;
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.2;
}

body.mlc-app-shell .dashboard-stat .details .desc {
    margin: 0.15rem 0 0;
    color: #5c7897;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
@media (max-width: 991.98px) {
    body.mlc-app-shell #kt_header_mobile {
        display: flex !important;
    }

    body.mlc-marketing-shell .navbar-collapse,
    body.mlc-docs-shell .navbar-collapse {
        margin-top: 0.75rem;
        padding: 0.75rem;
        border: 1px solid var(--mlc-line);
        border-radius: 1.25rem;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 16px 42px rgba(24, 61, 106, 0.08);
    }

    body.mlc-marketing-shell .navbar-collapse:not(.show),
    body.mlc-docs-shell .navbar-collapse:not(.show) {
        display: none !important;
        visibility: hidden;
    }

    body.mlc-marketing-shell .navbar-collapse.show,
    body.mlc-docs-shell .navbar-collapse.show {
        display: block !important;
        visibility: visible;
    }

    body.mlc-app-shell .aside,
    body.mlc-app-shell .social-sidebar {
        width: 17rem;
    }

    .mlc-console-form {
        border-radius: 1.65rem;
    }

    body.mlc-marketing-shell .form-block {
        padding: 1.5rem 1.25rem;
    }
}

@media (min-width: 992px) {
    body.mlc-app-shell.header-mobile-fixed {
        padding-top: 0 !important;
    }

    body.mlc-marketing-shell .navbar-expand-lg .navbar-collapse,
    body.mlc-docs-shell .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        visibility: visible;
    }

    body.mlc-marketing-shell .navbar-expand-lg .navbar-nav,
    body.mlc-docs-shell .navbar-expand-lg .navbar-nav {
        align-items: center;
    }

    body.mlc-marketing-shell #navbarNavDropdown .navbar-nav,
    body.mlc-docs-shell #navbarNavDropdown .navbar-nav {
        margin-left: auto;
    }
}


@media (max-width: 767.98px) {
    body.mlc-app-shell .subheader,
    body.mlc-app-shell .content > form,
    body.mlc-app-shell .d-flex.flex-column-fluid > .container,
    body.mlc-app-shell .main > .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    body.mlc-app-shell #kt_header .container-fluid {
        gap: 1rem;
        padding-top: 0.85rem;
        padding-bottom: 0.85rem;
    }

    body.mlc-app-shell .mlc-dashboard-headerbar {
        margin-right: 0;
    }

    body.mlc-app-shell .mlc-dashboard-summary__chips,
    body.mlc-app-shell .mlc-dashboard-user-copy {
        display: none;
    }

    body.mlc-app-shell .mlc-dashboard-topbar {
        width: 100%;
        justify-content: flex-start;
    }

    body.mlc-app-shell .card-header,
    body.mlc-app-shell .card-body,
    body.mlc-app-shell .card-footer,
    body.mlc-marketing-shell .card-header,
    body.mlc-marketing-shell .card-body,
    body.mlc-docs-shell .card-header,
    body.mlc-docs-shell .card-body {
        padding: 1rem !important;
    }

    body.mlc-app-shell .dl-horizontal {
        grid-template-columns: 1fr;
        row-gap: 0.3rem;
    }
    body.mlc-app-shell .dashboard-stat {
        padding: 0.9rem 1rem;
    }

    body.mlc-app-shell .dashboard-stat .visual {
        width: 3.6rem;
        min-height: 3rem;
    }

    body.mlc-app-shell .dashboard-stat .details {
        margin-left: 3.6rem;
        min-height: 3rem;
    }

    body.mlc-app-shell .dashboard-stat .details .number {
        font-size: 1.3rem;
    }
}

body.mlc-app-shell .mlc-dashboard-brand__inner {
    flex: 1 1 auto;
}

body.mlc-app-shell .mlc-dashboard-brand__meta {
    width: 100%;
}

body.mlc-app-shell .mlc-dashboard-brand .brand-toggle {
    flex-shrink: 0;
    align-self: center;
}

body.mlc-app-shell .mlc-dashboard-topbar .btn,
body.mlc-app-shell .mlc-dashboard-topbar .btn > span,
body.mlc-app-shell .mlc-dashboard-user-trigger {
    display: inline-flex;
    align-items: center;
}

body.mlc-app-shell .mlc-topbar-secondary {
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%) !important;
    border-color: rgba(20, 116, 234, 0.24) !important;
    color: var(--mlc-brand) !important;
    box-shadow: 0 14px 30px rgba(20, 116, 234, 0.1);
}

body.mlc-app-shell .mlc-topbar-secondary:hover {
    background: linear-gradient(180deg, #e0efff 0%, #cfe4ff 100%) !important;
}

body.mlc-app-shell .mlc-topbar-secondary i {
    color: currentColor !important;
}

body.mlc-app-shell .mlc-dashboard-menu-count,
body.mlc-app-shell .mlc-dashboard-menu-parent {
    display: none !important;
}

body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) .aside,
body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) .social-sidebar {
    width: 5.25rem !important;
}

body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) .mlc-dashboard-brand {
    justify-content: center;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
}

body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) .mlc-dashboard-brand__inner {
    align-items: center;
}

body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) .mlc-dashboard-brand__logo {
    justify-content: center;
}

body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) .mlc-dashboard-brand__meta,
body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) .menu-link .menu-text,
body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) .menu-link .menu-arrow {
    width: 0 !important;
    opacity: 0 !important;
    overflow: hidden;
}

body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu_wrapper {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
}

body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) .menu-link {
    justify-content: center;
    gap: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) .menu-link .menu-icon {
    margin-right: 0;
}

body.mlc-app-shell.aside-minimize:not(.aside-minimize-hover) .mlc-dashboard-menu-submenu {
    display: none !important;
}

body.mlc-app-shell .btn .svg-icon,
body.mlc-app-shell .mlc-topbar-cta .svg-icon,
body.mlc-app-shell .mlc-dashboard-user-avatar .svg-icon,
body.mlc-app-shell .mlc-dashboard-brand .brand-toggle .svg-icon,
body.mlc-app-shell .svg-icon-white {
    color: inherit !important;
}

body.mlc-app-shell .btn .svg-icon svg [stroke]:not([stroke="none"]),
body.mlc-app-shell .mlc-topbar-cta .svg-icon svg [stroke]:not([stroke="none"]),
body.mlc-app-shell .mlc-dashboard-user-avatar .svg-icon svg [stroke]:not([stroke="none"]),
body.mlc-app-shell .mlc-dashboard-brand .brand-toggle .svg-icon svg [stroke]:not([stroke="none"]),
body.mlc-app-shell .svg-icon-white svg [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}

body.mlc-app-shell .btn .svg-icon svg [fill]:not([fill="none"]),
body.mlc-app-shell .mlc-topbar-cta .svg-icon svg [fill]:not([fill="none"]),
body.mlc-app-shell .mlc-dashboard-user-avatar .svg-icon svg [fill]:not([fill="none"]),
body.mlc-app-shell .mlc-dashboard-brand .brand-toggle .svg-icon svg [fill]:not([fill="none"]),
body.mlc-app-shell .svg-icon-white svg [fill]:not([fill="none"]) {
    fill: currentColor !important;
}

body.mlc-app-shell .mlc-ticket-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-ticket-toolbar .btn {
    min-height: 3.4rem;
    padding-inline: 1.25rem;
    border-radius: 999px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

body.mlc-app-shell .mlc-ticket-toolbar .btn .svg-icon {
    margin-right: 0 !important;
}

body.mlc-app-shell .mlc-ticket-row-action {
    min-height: 2.5rem;
    padding: 0.42rem 1rem;
    border: 1px solid rgba(32, 147, 255, 0.18) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ffffff, #f4faff) !important;
    color: #1474ea !important;
    box-shadow: none !important;
}

body.mlc-app-shell .mlc-ticket-row-action:hover,
body.mlc-app-shell .mlc-ticket-row-action:focus {
    background: linear-gradient(180deg, #f8fcff, #ebf6ff) !important;
    color: #0f61c8 !important;
}

body.mlc-app-shell .mlc-ticketlist-guidance {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    border: 1px solid #d7e4f2;
    border-radius: 1.35rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    padding: 1.15rem 1.25rem;
    box-shadow: 0 12px 28px rgba(15, 31, 53, 0.05);
}

body.mlc-app-shell .mlc-ticketlist-guidance__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(20, 116, 234, 0.1);
    color: #1474ea;
    flex-shrink: 0;
}

body.mlc-app-shell .mlc-ticketlist-guidance__icon svg {
    width: 1.4rem;
    height: 1.4rem;
}

body.mlc-app-shell .mlc-ticketlist-guidance__title {
    font-size: 1rem;
    font-weight: 800;
    color: #16385d;
    margin-bottom: 0.3rem;
}

body.mlc-app-shell .mlc-ticketlist-guidance__body p {
    color: #486581;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-ticketlist-stat-card .mlc-stat-card-value {
    color: #102c50;
}

body.mlc-app-shell .mlc-ticketlist-summary {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    padding: 0.8rem 1rem;
    border: 1px solid #d8e6f4;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #4a6382;
}

body.mlc-app-shell .mlc-ticketlist-summary__label {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b84a2;
}

body.mlc-app-shell .mlc-ticketlist-summary__copy {
    font-size: 0.92rem;
    font-weight: 700;
    color: #234466;
}

body.mlc-app-shell .mlc-ticketlist-summary__dot {
    width: 0.32rem;
    height: 0.32rem;
    border-radius: 999px;
    background: #9fb8d3;
}

body.mlc-app-shell .mlc-ticketlist-header-copy {
    max-width: 46rem;
    margin-top: 0.4rem;
    color: #607996;
    line-height: 1.7;
    font-size: 0.95rem;
    font-weight: 500;
}

body.mlc-app-shell .mlc-ticketlist-table-shell {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-ticketlist-table {
    margin-bottom: 0;
}

body.mlc-app-shell .mlc-ticketlist-table > tbody > tr > td {
    border-top: 1px solid #ebf1f7 !important;
    padding-top: 1.15rem !important;
    padding-bottom: 1.15rem !important;
    vertical-align: middle !important;
}

body.mlc-app-shell .mlc-ticketlist-table > tbody > tr:first-child > td {
    border-top: 0 !important;
}

body.mlc-app-shell .mlc-ticketlist-row {
    transition: background-color 0.18s ease, box-shadow 0.18s ease;
    cursor: pointer;
}

body.mlc-app-shell .mlc-ticketlist-row:hover,
body.mlc-app-shell .mlc-ticketlist-row:focus {
    background: #f8fbff;
    outline: none;
}

body.mlc-app-shell .mlc-ticketlist-id {
    display: inline-flex;
    align-items: center;
    min-height: 2.4rem;
    padding: 0.28rem 0.75rem;
    border: 1px solid #dce8f4;
    border-radius: 999px;
    background: #f8fbff;
    color: #5b7594;
    font-size: 0.92rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-ticketlist-subject {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

body.mlc-app-shell .mlc-ticketlist-subject-title {
    display: block;
    color: #16385d;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.45;
}

body.mlc-app-shell .mlc-ticketlist-subject-meta {
    display: block;
    color: #7389a3;
    font-size: 0.86rem;
    line-height: 1.55;
}

body.mlc-app-shell .mlc-ticketlist-reply {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
}

body.mlc-app-shell .mlc-ticketlist-reply-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, #eef5ff 0%, #dbe9ff 100%);
    color: #2b72d8;
    flex-shrink: 0;
}

body.mlc-app-shell .mlc-ticketlist-reply-badge svg {
    width: 1.35rem;
    height: 1.35rem;
}

body.mlc-app-shell .mlc-ticketlist-reply-name,
body.mlc-app-shell .mlc-ticketlist-update-time {
    display: block;
    color: #16385d;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.4;
}

body.mlc-app-shell .mlc-ticketlist-reply-role,
body.mlc-app-shell .mlc-ticketlist-update-meta {
    display: block;
    margin-top: 0.2rem;
    color: #7a8ea6;
    font-size: 0.82rem;
    line-height: 1.45;
}

body.mlc-app-shell .mlc-ticket-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.2rem;
    padding: 0.28rem 0.8rem;
    border-radius: 999px;
    border: 1px solid #d7e4f2;
    background: #f8fbff;
    color: #325375;
    font-size: 0.84rem;
    font-weight: 800;
    white-space: nowrap;
}

body.mlc-app-shell .mlc-ticket-status-pill.is-open {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

body.mlc-app-shell .mlc-ticket-status-pill.is-pending,
body.mlc-app-shell .mlc-ticket-status-pill.is-attention {
    border-color: #fde68a;
    background: #fffbeb;
    color: #b45309;
}

body.mlc-app-shell .mlc-ticket-status-pill.is-closed {
    border-color: #c7ead5;
    background: #ecfdf3;
    color: #15803d;
}

body.mlc-app-shell .mlc-ticketlist-empty {
    text-align: center;
}

body.mlc-app-shell .mlc-ticketlist-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: 1.1rem;
    border-radius: 1.5rem;
    background: linear-gradient(180deg, #eef6ff 0%, #dceaff 100%);
    color: #1f6de0;
}

body.mlc-app-shell .mlc-ticketlist-empty__icon svg {
    width: 2rem;
    height: 2rem;
}

body.mlc-app-shell .mlc-ticketlist-empty p {
    max-width: 34rem;
    margin-left: auto;
    margin-right: auto;
    color: #607996;
    line-height: 1.8;
}

body.mlc-app-shell .mlc-ticketlist-empty__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-ticketlist-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

body.mlc-app-shell .mlc-ticketlist-footer-copy {
    color: #6f86a1;
    font-size: 0.92rem;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-ticketlist-guidance {
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-ticketlist-summary,
    body.mlc-app-shell .mlc-ticketlist-footer {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-ticketlist-table-shell {
        border-radius: 1rem;
    }

    body.mlc-app-shell .mlc-ticketlist-table > tbody > tr > td {
        padding-top: 0.95rem !important;
        padding-bottom: 0.95rem !important;
    }

    body.mlc-app-shell .mlc-ticketlist-footer {
        justify-content: flex-start;
    }
}

body.mlc-app-shell .mlc-monitor-agent-actions {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

body.mlc-app-shell .mlc-monitor-agent-actions .btn {
    min-height: 2.2rem;
    padding: 0.32rem 0.9rem;
    border-radius: 999px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

body.mlc-app-shell .mlc-monitor-agent-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.2rem;
}

body.mlc-app-shell .mlc-monitor-agent-status img {
    display: block;
    width: 18px;
    height: 18px;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-notice {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #d7e4f2;
    border-radius: 1.2rem;
    background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
    box-shadow: 0 16px 36px rgba(15, 31, 53, 0.06);
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-notice__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    border-radius: 999px;
    background: #e8f2ff;
    color: #1474ea;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-notice__icon svg {
    width: 1.4rem;
    height: 1.4rem;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-notice__body {
    min-width: 0;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-notice__title {
    margin-bottom: 0.2rem;
    font-size: 0.95rem;
    font-weight: 800;
    color: #123055;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-notice__body p {
    color: #5f7a96;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-panel {
    border: 1px solid #d7e4f2;
    border-radius: 1.35rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 18px 40px rgba(15, 31, 53, 0.07);
    overflow: hidden;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-panel .card-header {
    align-items: center;
    padding: 1.15rem 1.35rem;
    border-bottom: 1px solid #deebf7;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-panel .card-title {
    margin-bottom: 0;
    align-items: flex-start;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-panel .card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 2.8rem;
    margin-right: 0.95rem;
    border-radius: 1rem;
    background: #ebf4ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-panel .card-icon i {
    color: #1474ea !important;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-panel__copy {
    max-width: 36rem;
    margin-top: 0.16rem;
    color: #67829e;
    font-size: 0.9rem;
    line-height: 1.6;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-panel__body {
    padding: 1.2rem 1.35rem 1.35rem;
}

body.mlc-app-shell .mlc-monitor-shell #status_refreshtime {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0.2rem 0.85rem;
    border: 1px solid #cbe0fb;
    background: #eef6ff !important;
    color: #2460a7 !important;
    font-weight: 800;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-empty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    padding: 1.05rem 1.1rem;
    border: 1px dashed #d6e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-empty__title {
    font-size: 0.95rem;
    font-weight: 800;
    color: #16385d;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-empty__copy {
    color: #67819d;
    line-height: 1.6;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-empty-row {
    padding: 1rem !important;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-agent-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-agent-card {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-height: 100%;
    padding: 1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1.1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);
    box-shadow: 0 14px 32px rgba(15, 31, 53, 0.06);
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-agent-main {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-agent-main:focus-visible {
    outline: 0;
    border-radius: 1rem;
    box-shadow: 0 0 0 3px rgba(20, 116, 234, 0.18);
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-agent-avatar {
    width: 3.1rem;
    height: 3.1rem;
    flex: 0 0 3.1rem;
    border: 1px solid #dce8f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
    overflow: hidden;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-agent-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-agent-meta {
    min-width: 0;
    flex: 1 1 auto;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-agent-name-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-agent-name {
    font-size: 1rem;
    font-weight: 800;
    color: #163659;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-agent-subline {
    margin-top: 0.25rem;
    color: #6a83a0;
    font-size: 0.82rem;
    line-height: 1.55;
    word-break: break-all;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-presence-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.75rem;
    padding: 0.2rem 0.72rem;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-presence-pill.is-online {
    background: #eaf8f1;
    color: #0f8f5c;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-presence-pill.is-busy,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-presence-pill.is-chatting {
    background: #eaf2ff;
    color: #145fdb;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-presence-pill.is-away {
    background: #fdf3e2;
    color: #b66911;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-presence-pill.is-offline {
    background: #eef2f7;
    color: #60758e;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-presence-pill.is-waiting {
    background: #fef2f2;
    color: #cb3a5c;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-session-table,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-visitor-table {
    margin-bottom: 0;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-session-table > thead > tr > th,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-visitor-table > thead > tr > th {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #deebf7;
    color: #6d84a0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-session-table > tbody > tr > td,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-visitor-table > tbody > tr > td {
    padding: 1rem 0.75rem;
    border-top: 1px solid #edf3fa;
    vertical-align: top;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-session-table > tbody > tr:hover,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-visitor-table > tbody > tr:hover {
    background: #f9fcff;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-visitor-row {
    cursor: pointer;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-session-title,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-visitor-title {
    font-size: 0.97rem;
    font-weight: 800;
    color: #17395f;
    line-height: 1.35;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-session-meta,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-visitor-subtext,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-page__meta,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-tech__meta,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-activity__time {
    margin-top: 0.22rem;
    color: #6b84a0;
    font-size: 0.82rem;
    line-height: 1.55;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-session-agent {
    color: #1a4772;
    font-weight: 700;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-location,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-tech,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-activity,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-page,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-referral {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    min-width: 0;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-location {
    flex-direction: row;
    align-items: center;
    gap: 0.55rem;
    color: #284a6f;
    font-weight: 700;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-location img {
    width: 20px;
    height: 14px;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px rgba(15, 31, 53, 0.18);
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-tech__item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #28486d;
    font-weight: 700;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-tech__item img,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-referral img {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-chat-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    min-height: 2.1rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    background: #eef6ff;
    color: #1b68c9;
    font-weight: 800;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-link,
body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-page-text {
    color: #1474ea;
    font-weight: 700;
    line-height: 1.45;
    word-break: break-word;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-link:hover {
    color: #0f5fc3;
    text-decoration: underline;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-page-text {
    color: #5e7895;
}

body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-referral {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.5rem;
    color: #5d7692;
    line-height: 1.55;
    word-break: break-word;
}

body.mlc-app-shell .mlc-monitor-modal-dialog {
    width: calc(100% - 1.5rem);
    max-width: 560px;
}

body.mlc-app-shell .mlc-monitor-modal-dialog-wide {
    max-width: 980px;
}

body.mlc-app-shell .mlc-monitor-modal {
    border: 1px solid #d7e4f2;
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 31, 53, 0.18);
}

body.mlc-app-shell .mlc-monitor-modal .modal-header {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #deebf7;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
}

body.mlc-app-shell .mlc-monitor-modal .modal-title {
    color: #17395f;
    font-size: 1.05rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-monitor-modal .close {
    margin-top: 0;
    color: #51708f;
    font-size: 1.7rem;
    line-height: 1;
    opacity: 1;
    text-shadow: none;
}

body.mlc-app-shell .mlc-monitor-modal .close:hover {
    color: #15385f;
}

body.mlc-app-shell .mlc-monitor-modal .modal-body {
    padding: 1.2rem 1.25rem;
}

body.mlc-app-shell .mlc-monitor-modal .modal-footer {
    padding: 0.95rem 1.25rem 1.15rem;
    border-top: 1px solid #deebf7;
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-notice {
        flex-direction: column;
    }

    body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-panel .card-header {
        padding: 1rem 1.1rem;
    }

    body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-panel__body {
        padding: 1rem 1.1rem 1.15rem;
    }

    body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-agent-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-panel .card-header {
        flex-wrap: wrap;
        gap: 0.85rem;
    }

    body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-panel .card-toolbar {
        width: 100%;
        justify-content: flex-end;
    }

    body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-session-table,
    body.mlc-app-shell .mlc-monitor-shell .mlc-monitor-visitor-table {
        min-width: 840px;
    }

    body.mlc-app-shell .mlc-monitor-modal-dialog,
    body.mlc-app-shell .mlc-monitor-modal-dialog-wide {
        max-width: calc(100% - 1rem);
    }
}

body.mlc-app-shell .card.card-custom.bg-danger,
body.mlc-app-shell .card.card-custom.bg-primary,
body.mlc-app-shell .card.card-custom.bg-success,
body.mlc-app-shell .card.card-custom.bg-info,
body.mlc-app-shell .card.card-custom.bg-warning {
    border-color: transparent !important;
    color: #ffffff !important;
}

body.mlc-app-shell .card.card-custom.bg-danger {
    background: linear-gradient(135deg, #f1416c 0%, #f97395 100%) !important;
}

body.mlc-app-shell .card.card-custom.bg-primary {
    background: linear-gradient(135deg, #1474ea 0%, #2394ff 100%) !important;
}

body.mlc-app-shell .card.card-custom.bg-success {
    background: linear-gradient(135deg, #0f9f6e 0%, #31c48d 100%) !important;
}

body.mlc-app-shell .card.card-custom.bg-info {
    background: linear-gradient(135deg, #6d3fe0 0%, #8b5cf6 100%) !important;
}

body.mlc-app-shell .card.card-custom.bg-warning {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%) !important;
}

body.mlc-app-shell .card.card-custom.bg-danger:hover,
body.mlc-app-shell .card.card-custom.bg-primary:hover,
body.mlc-app-shell .card.card-custom.bg-success:hover,
body.mlc-app-shell .card.card-custom.bg-info:hover,
body.mlc-app-shell .card.card-custom.bg-warning:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(15, 31, 53, 0.16) !important;
}

body.mlc-app-shell .card.card-custom.bg-danger .card-body,
body.mlc-app-shell .card.card-custom.bg-primary .card-body,
body.mlc-app-shell .card.card-custom.bg-success .card-body,
body.mlc-app-shell .card.card-custom.bg-info .card-body,
body.mlc-app-shell .card.card-custom.bg-warning .card-body {
    min-height: 8.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.85rem;
    color: inherit !important;
}

body.mlc-app-shell .card.card-custom.bg-danger .text-inverse-danger,
body.mlc-app-shell .card.card-custom.bg-primary .text-inverse-primary,
body.mlc-app-shell .card.card-custom.bg-success .text-inverse-primary,
body.mlc-app-shell .card.card-custom.bg-info .text-inverse-success,
body.mlc-app-shell .card.card-custom.bg-warning .text-inverse-warning {
    color: rgba(255, 255, 255, 0.98) !important;
}

body.mlc-app-shell .card.card-custom.bg-danger [class*="text-inverse-"],
body.mlc-app-shell .card.card-custom.bg-primary [class*="text-inverse-"],
body.mlc-app-shell .card.card-custom.bg-success [class*="text-inverse-"],
body.mlc-app-shell .card.card-custom.bg-info [class*="text-inverse-"],
body.mlc-app-shell .card.card-custom.bg-warning [class*="text-inverse-"] {
    color: rgba(255, 255, 255, 0.98) !important;
}

body.mlc-app-shell .card.card-custom.bg-danger .font-size-sm,
body.mlc-app-shell .card.card-custom.bg-primary .font-size-sm,
body.mlc-app-shell .card.card-custom.bg-success .font-size-sm,
body.mlc-app-shell .card.card-custom.bg-info .font-size-sm,
body.mlc-app-shell .card.card-custom.bg-warning .font-size-sm {
    color: rgba(255, 255, 255, 0.84) !important;
}

body.mlc-app-shell .card.card-custom.bg-danger .svg-icon,
body.mlc-app-shell .card.card-custom.bg-primary .svg-icon,
body.mlc-app-shell .card.card-custom.bg-success .svg-icon,
body.mlc-app-shell .card.card-custom.bg-info .svg-icon,
body.mlc-app-shell .card.card-custom.bg-warning .svg-icon {
    color: rgba(255, 255, 255, 0.98) !important;
}

body.mlc-app-shell .mlc-dashboard-user-trigger:focus,
body.mlc-app-shell .mlc-dashboard-async-button:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.22) !important;
}

body.mlc-app-shell .mlc-dashboard-async-button[disabled],
body.mlc-app-shell .mlc-dashboard-async-button[aria-busy="true"] {
    cursor: wait;
    opacity: 0.74;
    box-shadow: none !important;
}




body.mlc-app-shell .font-dark {
    color: #1f2937 !important;
}

body.mlc-app-shell .bold {
    font-weight: 700 !important;
}

body.mlc-app-shell .icon-2x {
    font-size: 1.5rem !important;
    line-height: 1;
}

body.mlc-app-shell .icon-3x {
    font-size: 1.9rem !important;
    line-height: 1;
}

body.mlc-app-shell .btn-light-info,
body.mlc-app-shell .btn-light-secondary {
    border: 1px solid var(--mlc-line) !important;
    background: #ffffff !important;
    color: #1f3d63 !important;
}

body.mlc-app-shell .btn-light-info:hover,
body.mlc-app-shell .btn-light-secondary:hover {
    background: #f7fbff !important;
    color: #102641 !important;
}

body.mlc-app-shell .btn-outline-secondary,
body.mlc-app-shell .btn-outline-success,
body.mlc-app-shell .btn-outline-danger,
body.mlc-app-shell .btn-outline-info,
body.mlc-app-shell .btn-outline-warning {
    border-width: 1px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15, 31, 53, 0.04);
}

body.mlc-app-shell .btn-outline-secondary {
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

body.mlc-app-shell .btn-outline-success {
    border-color: rgba(15, 159, 110, 0.4) !important;
    color: #0b7e58 !important;
}

body.mlc-app-shell .btn-outline-danger {
    border-color: rgba(241, 65, 108, 0.35) !important;
    color: #be123c !important;
}

body.mlc-app-shell .btn-outline-info {
    border-color: rgba(14, 165, 233, 0.4) !important;
    color: #0369a1 !important;
}

body.mlc-app-shell .btn-outline-warning {
    border-color: rgba(245, 158, 11, 0.45) !important;
    color: #b45309 !important;
}

body.mlc-app-shell .btn-outline-secondary:hover,
body.mlc-app-shell .btn-outline-success:hover,
body.mlc-app-shell .btn-outline-danger:hover,
body.mlc-app-shell .btn-outline-info:hover,
body.mlc-app-shell .btn-outline-warning:hover {
    background: #f8fbff !important;
}

body.mlc-app-shell .text-inverse-primary,
body.mlc-app-shell .text-inverse-success,
body.mlc-app-shell .text-inverse-danger,
body.mlc-app-shell .text-inverse-warning,
body.mlc-app-shell .text-inverse-info {
    color: rgba(255, 255, 255, 0.98) !important;
}

body.mlc-app-shell .nav.nav-dark.nav-bold.nav-tabs.nav-tabs-line {
    border-bottom: 1px solid var(--mlc-line);
    gap: 0.4rem;
}

body.mlc-app-shell .nav.nav-dark.nav-bold.nav-tabs.nav-tabs-line .nav-link {
    border: 0;
    border-radius: 999px;
    color: #4b5f7a;
    font-weight: 700;
}

body.mlc-app-shell .nav.nav-dark.nav-bold.nav-tabs.nav-tabs-line .nav-link.active,
body.mlc-app-shell .nav.nav-dark.nav-bold.nav-tabs.nav-tabs-line .nav-link:hover {
    background: #eff6ff;
    color: #145cb8;
}

body.mlc-app-shell .font-bold {
    font-weight: 700 !important;
}

body.mlc-app-shell .font-weight-boldest {
    font-weight: 800 !important;
}

body.mlc-app-shell .font-blue-sharp {
    color: #145cb8 !important;
}

body.mlc-app-shell .btn-block {
    display: inline-flex !important;
    width: 100%;
    justify-content: center;
}

body.mlc-app-shell .btn-pill {
    border-radius: 999px !important;
}

body.mlc-app-shell .btn-outline {
    border-width: 1px !important;
    border-style: solid;
}

body.mlc-app-shell .btn-hover-light-primary:hover {
    border-color: rgba(20, 92, 184, 0.25) !important;
    background: #eef6ff !important;
    color: #145cb8 !important;
}

body.mlc-app-shell .icon-nm {
    font-size: 1rem !important;
    line-height: 1;
}

body.mlc-app-shell .icon-md {
    font-size: 1.2rem !important;
    line-height: 1;
}

body.mlc-app-shell .icon-xl {
    font-size: 1.55rem !important;
    line-height: 1;
}

body.mlc-app-shell .svg-icon.svg-icon-md {
    width: 1.2rem;
    height: 1.2rem;
}

body.mlc-app-shell .svg-icon.svg-icon-xl {
    width: 1.55rem;
    height: 1.55rem;
}

body.mlc-app-shell .alert-shadow {
    box-shadow: 0 14px 30px rgba(15, 31, 53, 0.08) !important;
}

body.mlc-app-shell .table-noborder th,
body.mlc-app-shell .table-noborder td {
    border: 0 !important;
}

body.mlc-app-shell .table-vertical-center th,
body.mlc-app-shell .table-vertical-center td {
    vertical-align: middle;
}

body.mlc-app-shell .btn.blue,
body.mlc-app-shell .btn.green,
body.mlc-app-shell .btn.default,
body.mlc-app-shell .btn.grey-salsa {
    border-width: 1px !important;
    border-style: solid;
}

body.mlc-app-shell .btn.blue {
    border-color: rgba(20, 92, 184, 0.32) !important;
    background: #eef6ff !important;
    color: #145cb8 !important;
}

body.mlc-app-shell .btn.green {
    border-color: rgba(15, 159, 110, 0.36) !important;
    background: #ecfdf5 !important;
    color: #0b7e58 !important;
}

body.mlc-app-shell .btn.default,
body.mlc-app-shell .btn.grey-salsa {
    border-color: rgba(148, 163, 184, 0.45) !important;
    background: #ffffff !important;
    color: #334155 !important;
}

body.mlc-app-shell .btn.blue:hover,
body.mlc-app-shell .btn.green:hover,
body.mlc-app-shell .btn.default:hover,
body.mlc-app-shell .btn.grey-salsa:hover {
    filter: brightness(0.98);
}

body.mlc-app-shell .dashboard-stat.blue {
    border-color: rgba(20, 92, 184, 0.24);
    background: linear-gradient(180deg, #f8fbff 0%, #e9f3ff 100%);
}

body.mlc-app-shell .dashboard-stat.green {
    border-color: rgba(15, 159, 110, 0.24);
    background: linear-gradient(180deg, #f8fff9 0%, #eafcf2 100%);
}

body.mlc-app-shell .dashboard-stat.blue .visual > i,
body.mlc-app-shell .dashboard-stat.blue .visual > svg {
    color: #145cb8;
}

body.mlc-app-shell .dashboard-stat.green .visual > i,
body.mlc-app-shell .dashboard-stat.green .visual > svg {
    color: #0b7e58;
}

body.mlc-app-shell .table-head-custom.table > thead > tr > th,
body.mlc-app-shell .table-head-custom.table > tbody > tr > th {
    border-top: 0 !important;
    border-bottom: 1px solid rgba(196, 213, 231, 0.95) !important;
    color: #334155 !important;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

body.mlc-app-shell .table-head-bg.table > thead > tr > th,
body.mlc-app-shell .table-head-bg.table > tbody > tr > th {
    background: linear-gradient(180deg, #f9fbfe 0%, #eef4fb 100%) !important;
}

body.mlc-app-shell .font-green {
    color: #0b7e58 !important;
}

body.mlc-app-shell .font-red {
    color: #be123c !important;
}

body.mlc-app-shell .text-success {
    color: #0b7e58 !important;
}

body.mlc-app-shell .text-danger {
    color: #be123c !important;
}

body.mlc-app-shell .text-warning {
    color: #b45309 !important;
}

body.mlc-app-shell .text-info {
    color: #0369a1 !important;
}

body.mlc-app-shell .text-secondary {
    color: #4b5563 !important;
}

body.mlc-app-shell .label-default,
body.mlc-app-shell .badge-default {
    border: 1px solid rgba(148, 163, 184, 0.45) !important;
    background: #f8fafc !important;
    color: #334155 !important;
}

body.mlc-app-shell .badge-danger {
    border: 1px solid rgba(241, 65, 108, 0.35) !important;
    background: #fff1f4 !important;
    color: #be123c !important;
}

body.mlc-app-shell .label-secondary {
    border: 1px solid rgba(148, 163, 184, 0.4) !important;
    background: #f1f5f9 !important;
    color: #334155 !important;
}

body.mlc-app-shell .label-light {
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    background: #ffffff !important;
    color: #334155 !important;
}

body.mlc-app-shell .label-xl {
    font-size: 0.8rem !important;
    line-height: 1.35 !important;
    padding: 0.33rem 0.62rem !important;
}

body.mlc-app-shell .btn-info {
    border-color: rgba(14, 165, 233, 0.45) !important;
    background: #eef9ff !important;
    color: #0369a1 !important;
}

body.mlc-app-shell .btn-info:hover,
body.mlc-app-shell .btn-info:focus {
    background: #dff2ff !important;
    color: #03557f !important;
}

body.mlc-app-shell .btn-clean {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #4b5f7a !important;
}

body.mlc-app-shell .btn-clean:hover,
body.mlc-app-shell .btn-clean:focus {
    background: #eff6ff !important;
    color: #145cb8 !important;
}

body.mlc-app-shell .btn-transparent {
    background: transparent !important;
}

body.mlc-app-shell .btn-icon-only {
    width: 2.125rem;
    min-width: 2.125rem;
    padding-left: 0.45rem !important;
    padding-right: 0.45rem !important;
    justify-content: center;
}

body.mlc-app-shell .btn-social {
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(15, 31, 53, 0.16);
}

body.mlc-app-shell .btn-social:hover {
    filter: brightness(0.96);
    color: #ffffff !important;
}

body.mlc-app-shell .btn-facebook {
    background: #1877f2 !important;
}

body.mlc-app-shell .btn-twitter {
    background: #0ea5e9 !important;
}

body.mlc-app-shell .btn-github {
    background: #334155 !important;
}

body.mlc-app-shell .table-align-middle th,
body.mlc-app-shell .table-align-middle td {
    vertical-align: middle !important;
}

body.mlc-app-shell .table-nowrap th,
body.mlc-app-shell .table-nowrap td {
    white-space: nowrap;
}

body.mlc-app-shell .table-thead-bordered > thead > tr > th {
    border-bottom: 1px solid rgba(196, 213, 231, 0.9) !important;
}

body.mlc-app-shell .table-bordered > tbody > tr > td,
body.mlc-app-shell .table-bordered > tbody > tr > th,
body.mlc-app-shell .table-bordered > thead > tr > td,
body.mlc-app-shell .table-bordered > thead > tr > th {
    border-color: rgba(196, 213, 231, 0.9) !important;
}

body.mlc-app-shell .table-borderless > tbody > tr > td,
body.mlc-app-shell .table-borderless > tbody > tr > th,
body.mlc-app-shell .table-borderless > thead > tr > td,
body.mlc-app-shell .table-borderless > thead > tr > th {
    border: 0 !important;
}

body.mlc-app-shell .svg-icon.svg-icon-lg {
    width: 1.35rem;
    height: 1.35rem;
}

body.mlc-app-shell .svg-icon.svg-icon-2x {
    width: 1.65rem;
    height: 1.65rem;
}

body.mlc-app-shell .svg-icon.svg-icon-3x {
    width: 2rem;
    height: 2rem;
}

body.mlc-app-shell .svg-icon.svg-icon-success svg,
body.mlc-app-shell .svg-icon.svg-icon-success path,
body.mlc-app-shell .svg-icon-success svg,
body.mlc-app-shell .svg-icon-success path {
    fill: #0b7e58 !important;
}

body.mlc-app-shell .svg-icon.svg-icon-danger svg,
body.mlc-app-shell .svg-icon.svg-icon-danger path,
body.mlc-app-shell .svg-icon-danger svg,
body.mlc-app-shell .svg-icon-danger path {
    fill: #be123c !important;
}

body.mlc-app-shell .svg-icon.svg-icon-warning svg,
body.mlc-app-shell .svg-icon.svg-icon-warning path,
body.mlc-app-shell .svg-icon-warning svg,
body.mlc-app-shell .svg-icon-warning path {
    fill: #b45309 !important;
}

body.mlc-app-shell .svg-icon.svg-icon-info svg,
body.mlc-app-shell .svg-icon.svg-icon-info path,
body.mlc-app-shell .svg-icon-info svg,
body.mlc-app-shell .svg-icon-info path {
    fill: #0369a1 !important;
}

body.mlc-app-shell .nav-tabs-primary .nav-link.active,
body.mlc-app-shell .nav-tabs-advanced .nav-link.active {
    border-color: transparent !important;
    background: #eff6ff !important;
    color: #145cb8 !important;
}

body.mlc-docs-shell .table-align-middle th,
body.mlc-docs-shell .table-align-middle td {
    vertical-align: middle !important;
}

body.mlc-docs-shell .table-nowrap th,
body.mlc-docs-shell .table-nowrap td {
    white-space: nowrap;
}

body.mlc-docs-shell .table-thead-bordered > thead > tr > th {
    border-bottom: 1px solid rgba(196, 213, 231, 0.9) !important;
}

body.mlc-docs-shell .table-borderless > tbody > tr > td,
body.mlc-docs-shell .table-borderless > tbody > tr > th,
body.mlc-docs-shell .table-borderless > thead > tr > td,
body.mlc-docs-shell .table-borderless > thead > tr > th {
    border: 0 !important;
}

body.mlc-docs-shell .svg-icon.svg-icon-lg {
    width: 1.35rem;
    height: 1.35rem;
}

body.mlc-app-shell .btn.yellow,
body.mlc-app-shell .btn.red,
body.mlc-app-shell .btn.purple {
    border-width: 1px !important;
    border-style: solid;
}

body.mlc-app-shell .btn.yellow {
    border-color: rgba(245, 158, 11, 0.42) !important;
    background: #fffbeb !important;
    color: #b45309 !important;
}

body.mlc-app-shell .btn.red {
    border-color: rgba(244, 63, 94, 0.36) !important;
    background: #fff1f4 !important;
    color: #be123c !important;
}

body.mlc-app-shell .btn.purple {
    border-color: rgba(139, 92, 246, 0.36) !important;
    background: #f5f3ff !important;
    color: #6d28d9 !important;
}

body.mlc-app-shell .btn.yellow:hover,
body.mlc-app-shell .btn.red:hover,
body.mlc-app-shell .btn.purple:hover {
    filter: brightness(0.98);
}

body.mlc-app-shell .btn-neutral {
    border: 1px solid rgba(148, 163, 184, 0.45) !important;
    background: #ffffff !important;
    color: #334155 !important;
}

body.mlc-app-shell .btn-neutral:hover,
body.mlc-app-shell .btn-neutral:focus {
    border-color: rgba(71, 133, 204, 0.45) !important;
    background: #eff6ff !important;
    color: #145cb8 !important;
}

body.mlc-app-shell .dashboard-stat-v2 {
    border-radius: 1rem;
}

body.mlc-app-shell .dashboard-stat.red {
    border-color: rgba(244, 63, 94, 0.24);
    background: linear-gradient(180deg, #fff7f9 0%, #ffeef2 100%);
}

body.mlc-app-shell .dashboard-stat.purple {
    border-color: rgba(139, 92, 246, 0.24);
    background: linear-gradient(180deg, #faf7ff 0%, #f2edff 100%);
}

body.mlc-app-shell .dashboard-stat.red .visual > i,
body.mlc-app-shell .dashboard-stat.red .visual > svg {
    color: #be123c;
}

body.mlc-app-shell .dashboard-stat.purple .visual > i,
body.mlc-app-shell .dashboard-stat.purple .visual > svg {
    color: #6d28d9;
}

body.mlc-app-shell .icon-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    min-width: 7.25rem;
    min-height: 6.75rem;
    padding: 0.85rem 0.9rem;
    border: 1px solid rgba(203, 221, 240, 0.95);
    border-radius: 0.95rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #334155 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 22px rgba(15, 31, 53, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.mlc-app-shell .icon-btn > i {
    color: #145cb8;
    font-size: 1.3rem;
}

body.mlc-app-shell .icon-btn > div {
    color: #334155;
    font-size: 0.77rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

body.mlc-app-shell .icon-btn .badge {
    margin-top: 0.25rem;
}

body.mlc-app-shell .icon-btn:hover,
body.mlc-app-shell .icon-btn:focus {
    border-color: rgba(71, 133, 204, 0.45);
    box-shadow: 0 14px 30px rgba(15, 31, 53, 0.12);
    transform: translateY(-1px);
    text-decoration: none !important;
}

body.mlc-app-shell .nav-notifications-header {
    margin: 0 0 0 0.65rem;
    padding: 0.2rem 0;
}

body.mlc-app-shell .nav-notifications-header > a,
body.mlc-app-shell .nav-notifications-header > span {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
    border-radius: 9999px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(255, 255, 255, 0.92);
    color: #475569 !important;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.mlc-marketing-shell .transition-3d-hover,
body.mlc-docs-shell .transition-3d-hover,
body.mlc-app-shell .transition-3d-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.mlc-marketing-shell .transition-3d-hover:hover,
body.mlc-docs-shell .transition-3d-hover:hover,
body.mlc-app-shell .transition-3d-hover:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(15, 31, 53, 0.12);
}

body.mlc-app-shell .badge.badge-defaut {
    background: #f8fafc !important;
    border: 1px solid rgba(148, 163, 184, 0.3);
    color: #475569 !important;
}

body.mlc-app-shell .font-size-1 {
    font-size: 1rem !important;
}

body.mlc-app-shell .label-light-dark {
    background: rgba(100, 116, 139, 0.14) !important;
    border-color: rgba(100, 116, 139, 0.22) !important;
    color: #334155 !important;
}

body.mlc-app-shell .label-dot {
    display: inline-block !important;
    width: 0.6rem;
    min-width: 0.6rem;
    height: 0.6rem;
    min-height: 0.6rem;
    border-radius: 9999px;
    padding: 0 !important;
    line-height: 0;
}

body.mlc-app-shell .label-dot.label-success,
body.mlc-app-shell .label-dot.label-primary {
    background: #16a34a !important;
    border-color: #16a34a !important;
}

body.mlc-app-shell .label-dot.label-warning {
    background: #d97706 !important;
    border-color: #d97706 !important;
}

body.mlc-app-shell .label-dot.label-danger {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}

body.mlc-app-shell .label-dot.label-info {
    background: #0284c7 !important;
    border-color: #0284c7 !important;
}

body.mlc-app-shell .btn-shadow {
    box-shadow: 0 8px 20px rgba(15, 31, 53, 0.12) !important;
}

body.mlc-app-shell .btn-transition,
body.mlc-app-shell .btn.btn-transition {
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.mlc-app-shell .btn-hover-text-primary:hover,
body.mlc-app-shell .btn-hover-text-primary:focus {
    color: #145cb8 !important;
}

body.mlc-app-shell .btn-group-circle > .btn {
    border-radius: 9999px !important;
}

body.mlc-app-shell .btn-group-circle > .btn + .btn {
    margin-left: 0.38rem;
}

body.mlc-app-shell .btn-group-justified {
    display: flex;
    width: 100%;
    gap: 0.45rem;
}

body.mlc-app-shell .btn-group-justified > .btn,
body.mlc-app-shell .btn-group-justified > .btn-group {
    flex: 1 1 0;
}

body.mlc-app-shell .nav-indicators-body {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mlc-app-shell .nav-notifications-body {
    margin: 0;
    padding: 0.25rem 0.75rem 0.6rem;
    list-style: none;
}

body.mlc-app-shell .nav-notifications-body > li > a,
body.mlc-app-shell .nav-notifications-body > li > span {
    display: block;
    padding: 0.45rem 0.35rem;
    border-bottom: 1px solid rgba(203, 221, 240, 0.7);
    color: #334155 !important;
    text-decoration: none !important;
}

body.mlc-app-shell .nav-notifications-body > li:last-child > a,
body.mlc-app-shell .nav-notifications-body > li:last-child > span {
    border-bottom: 0;
}

body.mlc-app-shell .nav-notifications-footer {
    margin: 0;
    padding: 0.35rem 0.75rem 0.75rem;
    list-style: none;
}

body.mlc-app-shell .nav-notifications-footer a {
    display: block;
    border-radius: 0.6rem;
    padding: 0.5rem 0.7rem;
    background: rgba(239, 246, 255, 0.92);
    color: #145cb8 !important;
    font-weight: 700;
    text-decoration: none !important;
}

body.mlc-app-shell .uppercase {
    text-transform: uppercase !important;
    letter-spacing: 0.04em;
}

body.mlc-app-shell .navi-item {
    list-style: none;
    margin: 0;
}

body.mlc-app-shell .navi-link {
    display: flex;
    align-items: center;
    gap: 0.72rem;
    border-radius: 0.72rem;
    padding: 0.56rem 0.72rem;
    color: #334155 !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.mlc-app-shell .navi-link:hover,
body.mlc-app-shell .navi-link:focus {
    background: rgba(239, 246, 255, 0.94);
    color: #145cb8 !important;
}

body.mlc-app-shell .navi-icon,
body.mlc-app-shell .nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    min-width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.6rem;
    background: rgba(241, 245, 249, 0.95);
    color: #145cb8;
}

body.mlc-app-shell .navi-text,
body.mlc-app-shell .nav-text {
    color: #334155 !important;
    font-weight: 600;
}

body.mlc-app-shell .navi-link:hover .navi-text,
body.mlc-app-shell .navi-link:focus .navi-text,
body.mlc-app-shell .nav-link:hover .nav-text,
body.mlc-app-shell .nav-link:focus .nav-text {
    color: #145cb8 !important;
}

body.mlc-app-shell .nav-link .nav-icon {
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.mlc-app-shell .nav-link:hover .nav-icon,
body.mlc-app-shell .nav-link:focus .nav-icon {
    background: rgba(219, 234, 254, 0.9);
    color: #1d4ed8;
}

body.mlc-app-shell .itemhead {
    color: #0f172a;
    font-weight: 700;
    letter-spacing: 0.01em;
}

body.mlc-app-shell .itemdesc {
    color: #64748b;
    line-height: 1.45;
}

body.mlc-docs-shell .qsname,
body.mlc-app-shell .qsname {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 7.25rem;
    padding: 0.22rem 0.7rem;
    border-radius: 0.5rem;
    margin-right: 0.85rem;
}

body.mlc-docs-shell .greentxt,
body.mlc-app-shell .greentxt {
    color: #14532d !important;
    font-size: 0.75rem;
    font-weight: 700;
    background: #ecfdf3 !important;
    border: 1px solid #bbf7d0 !important;
}

body.mlc-docs-shell .qsvalue,
body.mlc-app-shell .qsvalue {
    color: #1d4ed8 !important;
    font-size: 0.76rem;
    font-family: inherit;
    line-height: 1.35;
}

body.mlc-docs-shell .psb,
body.mlc-app-shell .psb {
    color: #1e293b !important;
    font-weight: 600;
}

body.mlc-docs-shell .floatdiv,
body.mlc-app-shell .floatdiv {
    width: auto;
    max-width: 100%;
}

body.mlc-docs-shell .space1,
body.mlc-app-shell .space1 {
    margin-top: 0.45rem;
}

body.mlc-docs-shell .space2,
body.mlc-app-shell .space2 {
    margin-top: 0.75rem;
}

body.mlc-docs-shell .space3,
body.mlc-app-shell .space3 {
    margin-top: 1rem;
}

body.mlc-docs-shell .space4,
body.mlc-app-shell .space4 {
    margin-top: 1.25rem;
}

body.mlc-docs-shell .space5,
body.mlc-app-shell .space5 {
    margin-top: 1.5rem;
}

body.mlc-docs-shell .punctuation,
body.mlc-app-shell .punctuation {
    color: #475569;
}


@media (max-width: 767.98px) {
    body.mlc-app-shell .navi-link {
        padding: 0.5rem 0.62rem;
        gap: 0.56rem;
    }

    body.mlc-docs-shell .qsname,
    body.mlc-app-shell .qsname {
        display: block;
        width: 100%;
        margin: 0 0 0.45rem;
        text-align: left;
        justify-content: flex-start;
    }
}

body.mlc-app-shell .table-text-center th,
body.mlc-app-shell .table-text-center td {
    text-align: center;
}

body.mlc-app-shell .center,
body.mlc-marketing-shell .center,
body.mlc-docs-shell .center {
    text-align: center;
}

body.mlc-app-shell .w-md-75,
body.mlc-marketing-shell .w-md-75,
body.mlc-docs-shell .w-md-75 {
    width: 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    body.mlc-app-shell .w-md-75,
    body.mlc-marketing-shell .w-md-75,
    body.mlc-docs-shell .w-md-75 {
        width: 75% !important;
        max-width: 75%;
    }
}

@media (min-width: 992px) {
    body.mlc-app-shell .w-lg-50,
    body.mlc-marketing-shell .w-lg-50,
    body.mlc-docs-shell .w-lg-50 {
        width: 50% !important;
        max-width: 50%;
    }

    body.mlc-app-shell .w-lg-75,
    body.mlc-marketing-shell .w-lg-75,
    body.mlc-docs-shell .w-lg-75 {
        width: 75% !important;
        max-width: 75%;
    }
}

body.mlc-marketing-shell .g-font-weight-600,
body.mlc-docs-shell .g-font-weight-600,
body.mlc-app-shell .g-font-weight-600 {
    font-weight: 600 !important;
}

body.mlc-marketing-shell .g-font-size-11,
body.mlc-docs-shell .g-font-size-11,
body.mlc-app-shell .g-font-size-11 {
    font-size: 0.6875rem !important;
    line-height: 1.45;
}

body.mlc-marketing-shell .g-color-gray-dark-v2,
body.mlc-docs-shell .g-color-gray-dark-v2,
body.mlc-app-shell .g-color-gray-dark-v2 {
    color: #334155 !important;
}

body.mlc-marketing-shell .g-color-white,
body.mlc-docs-shell .g-color-white,
body.mlc-app-shell .g-color-white {
    color: #fff !important;
}

body.mlc-marketing-shell .g-color-white-opacity-0_8,
body.mlc-docs-shell .g-color-white-opacity-0_8,
body.mlc-app-shell .g-color-white-opacity-0_8 {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.mlc-marketing-shell .g-color-white-opacity-0_6,
body.mlc-docs-shell .g-color-white-opacity-0_6,
body.mlc-app-shell .g-color-white-opacity-0_6 {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.mlc-marketing-shell .g-color-white--hover:hover,
body.mlc-docs-shell .g-color-white--hover:hover,
body.mlc-app-shell .g-color-white--hover:hover {
    color: #fff !important;
}

body.mlc-marketing-shell .g-text-underline--none--hover:hover,
body.mlc-docs-shell .g-text-underline--none--hover:hover,
body.mlc-app-shell .g-text-underline--none--hover:hover {
    text-decoration: none !important;
}

body.mlc-marketing-shell .g-color-primary--hover:hover,
body.mlc-docs-shell .g-color-primary--hover:hover,
body.mlc-app-shell .g-color-primary--hover:hover {
    color: #1474ea !important;
}

body.mlc-marketing-shell .g-bg-primary,
body.mlc-docs-shell .g-bg-primary,
body.mlc-app-shell .g-bg-primary {
    background-color: #1474ea !important;
}

body.mlc-marketing-shell .g-bg-white,
body.mlc-docs-shell .g-bg-white,
body.mlc-app-shell .g-bg-white {
    background-color: #fff !important;
}

body.mlc-marketing-shell .g-bg-white-opacity-0_1,
body.mlc-docs-shell .g-bg-white-opacity-0_1,
body.mlc-app-shell .g-bg-white-opacity-0_1 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

body.mlc-marketing-shell .g-bg-white-opacity-0_2--hover:hover,
body.mlc-docs-shell .g-bg-white-opacity-0_2--hover:hover,
body.mlc-app-shell .g-bg-white-opacity-0_2--hover:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

body.mlc-marketing-shell .g-brd-around,
body.mlc-docs-shell .g-brd-around,
body.mlc-app-shell .g-brd-around {
    border: 1px solid rgba(148, 163, 184, 0.45) !important;
}

body.mlc-marketing-shell .g-brd-gray-light-v4,
body.mlc-docs-shell .g-brd-gray-light-v4,
body.mlc-app-shell .g-brd-gray-light-v4 {
    border-color: rgba(203, 213, 225, 0.9) !important;
}

body.mlc-marketing-shell .g-pa-10,
body.mlc-docs-shell .g-pa-10,
body.mlc-app-shell .g-pa-10 {
    padding: 0.625rem !important;
}

body.mlc-marketing-shell .g-py-10,
body.mlc-docs-shell .g-py-10,
body.mlc-app-shell .g-py-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}

body.mlc-marketing-shell .g-mb-5,
body.mlc-docs-shell .g-mb-5,
body.mlc-app-shell .g-mb-5 {
    margin-bottom: 0.3125rem !important;
}

body.mlc-marketing-shell .g-mb-15,
body.mlc-docs-shell .g-mb-15,
body.mlc-app-shell .g-mb-15 {
    margin-bottom: 0.9375rem !important;
}

body.mlc-marketing-shell .g-mr-10,
body.mlc-docs-shell .g-mr-10,
body.mlc-app-shell .g-mr-10 {
    margin-right: 0.625rem !important;
}

body.mlc-marketing-shell .g-absolute-centered,
body.mlc-docs-shell .g-absolute-centered,
body.mlc-app-shell .g-absolute-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body.mlc-marketing-shell .text-right,
body.mlc-docs-shell .text-right,
body.mlc-app-shell .text-right {
    text-align: right !important;
}

body.mlc-marketing-shell .text-left,
body.mlc-docs-shell .text-left,
body.mlc-app-shell .text-left {
    text-align: left !important;
}

body.mlc-marketing-shell .text-center,
body.mlc-docs-shell .text-center,
body.mlc-app-shell .text-center {
    text-align: center !important;
}

body.mlc-marketing-shell .text-body,
body.mlc-docs-shell .text-body,
body.mlc-app-shell .text-body {
    color: #475569 !important;
}

body.mlc-marketing-shell .dropdown-menu-right,
body.mlc-docs-shell .dropdown-menu-right,
body.mlc-app-shell .dropdown-menu-right {
    right: 0;
    left: auto;
}

body.mlc-marketing-shell .dropdown-inline,
body.mlc-docs-shell .dropdown-inline,
body.mlc-app-shell .dropdown-inline {
    display: inline-block;
    vertical-align: middle;
}

body.mlc-marketing-shell .nav-item,
body.mlc-docs-shell .nav-item,
body.mlc-app-shell .nav-item {
    list-style: none;
}

body.mlc-marketing-shell .g-px-0,
body.mlc-docs-shell .g-px-0,
body.mlc-app-shell .g-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.mlc-marketing-shell .g-py-7,
body.mlc-docs-shell .g-py-7,
body.mlc-app-shell .g-py-7 {
    padding-top: 0.4375rem !important;
    padding-bottom: 0.4375rem !important;
}

body.mlc-marketing-shell .g-mb-35,
body.mlc-docs-shell .g-mb-35,
body.mlc-app-shell .g-mb-35 {
    margin-bottom: 2.1875rem !important;
}

body.mlc-marketing-shell .g-mx-4,
body.mlc-docs-shell .g-mx-4,
body.mlc-app-shell .g-mx-4 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

body.mlc-marketing-shell .g-brd-primary,
body.mlc-docs-shell .g-brd-primary,
body.mlc-app-shell .g-brd-primary {
    border-color: #1474ea !important;
}

body.mlc-marketing-shell .g-brd-top,
body.mlc-docs-shell .g-brd-top,
body.mlc-app-shell .g-brd-top {
    border-top-style: solid !important;
    border-top-width: 1px !important;
}

body.mlc-marketing-shell .g-brd-top-2,
body.mlc-docs-shell .g-brd-top-2,
body.mlc-app-shell .g-brd-top-2 {
    border-top-width: 2px !important;
}

body.mlc-marketing-shell .g-line-height-1,
body.mlc-docs-shell .g-line-height-1,
body.mlc-app-shell .g-line-height-1 {
    line-height: 1 !important;
}

body.mlc-marketing-shell .g-min-width-220,
body.mlc-docs-shell .g-min-width-220,
body.mlc-app-shell .g-min-width-220 {
    min-width: 13.75rem !important;
}

body.mlc-marketing-shell .g-mt-20,
body.mlc-docs-shell .g-mt-20,
body.mlc-app-shell .g-mt-20 {
    margin-top: 1.25rem !important;
}

body.mlc-marketing-shell .g-mb-10,
body.mlc-docs-shell .g-mb-10,
body.mlc-app-shell .g-mb-10 {
    margin-bottom: 0.625rem !important;
}

body.mlc-marketing-shell .g-font-weight-300,
body.mlc-docs-shell .g-font-weight-300,
body.mlc-app-shell .g-font-weight-300 {
    font-weight: 300 !important;
}

body.mlc-marketing-shell .g-pos-rel,
body.mlc-docs-shell .g-pos-rel,
body.mlc-app-shell .g-pos-rel {
    position: relative !important;
}

@media (min-width: 768px) {
    body.mlc-marketing-shell .g-mb-0--md,
    body.mlc-docs-shell .g-mb-0--md,
    body.mlc-app-shell .g-mb-0--md {
        margin-bottom: 0 !important;
    }
}

@media (min-width: 992px) {
    body.mlc-marketing-shell .g-mx-10--lg,
    body.mlc-docs-shell .g-mx-10--lg,
    body.mlc-app-shell .g-mx-10--lg {
        margin-left: 0.625rem !important;
        margin-right: 0.625rem !important;
    }
}

@media (min-width: 1200px) {
    body.mlc-marketing-shell .g-mx-15--xl,
    body.mlc-docs-shell .g-mx-15--xl,
    body.mlc-app-shell .g-mx-15--xl {
        margin-left: 0.9375rem !important;
        margin-right: 0.9375rem !important;
    }
}

body.mlc-marketing-shell .g-px-15,
body.mlc-docs-shell .g-px-15,
body.mlc-app-shell .g-px-15 {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
}

body.mlc-marketing-shell .g-px-20,
body.mlc-docs-shell .g-px-20,
body.mlc-app-shell .g-px-20 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

body.mlc-marketing-shell .g-pb-40,
body.mlc-docs-shell .g-pb-40,
body.mlc-app-shell .g-pb-40 {
    padding-bottom: 2.5rem !important;
}

body.mlc-marketing-shell .g-pt-60,
body.mlc-docs-shell .g-pt-60,
body.mlc-app-shell .g-pt-60 {
    padding-top: 3.75rem !important;
}

body.mlc-marketing-shell .g-py-20,
body.mlc-docs-shell .g-py-20,
body.mlc-app-shell .g-py-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

body.mlc-marketing-shell .g-mt-13,
body.mlc-docs-shell .g-mt-13,
body.mlc-app-shell .g-mt-13 {
    margin-top: 0.8125rem !important;
}

body.mlc-marketing-shell .g-pl-30,
body.mlc-docs-shell .g-pl-30,
body.mlc-app-shell .g-pl-30 {
    padding-left: 1.875rem !important;
}

body.mlc-marketing-shell .g-right-0,
body.mlc-docs-shell .g-right-0,
body.mlc-app-shell .g-right-0 {
    right: 0 !important;
}

body.mlc-marketing-shell .g-pos-abs,
body.mlc-docs-shell .g-pos-abs,
body.mlc-app-shell .g-pos-abs {
    position: absolute !important;
}

body.mlc-marketing-shell .g-valign-middle,
body.mlc-docs-shell .g-valign-middle,
body.mlc-app-shell .g-valign-middle {
    vertical-align: middle !important;
}

body.mlc-marketing-shell .g-brd-none,
body.mlc-docs-shell .g-brd-none,
body.mlc-app-shell .g-brd-none {
    border: 0 !important;
}

body.mlc-marketing-shell .g-bg-gray-dark-v1,
body.mlc-docs-shell .g-bg-gray-dark-v1,
body.mlc-app-shell .g-bg-gray-dark-v1 {
    background-color: #2f3a4c !important;
}

body.mlc-marketing-shell .g-font-size-13,
body.mlc-docs-shell .g-font-size-13,
body.mlc-app-shell .g-font-size-13 {
    font-size: 0.8125rem !important;
}

body.mlc-marketing-shell .font-weight-500,
body.mlc-docs-shell .font-weight-500,
body.mlc-app-shell .font-weight-500 {
    font-weight: 500 !important;
}

body.mlc-marketing-shell .dropdown-menu-sm,
body.mlc-docs-shell .dropdown-menu-sm,
body.mlc-app-shell .dropdown-menu-sm {
    min-width: 11rem;
}

body.mlc-marketing-shell .dropdown-toggle,
body.mlc-docs-shell .dropdown-toggle,
body.mlc-app-shell .dropdown-toggle {
    cursor: pointer;
}

body.mlc-marketing-shell .u-block-hover--flip,
body.mlc-docs-shell .u-block-hover--flip,
body.mlc-app-shell .u-block-hover--flip {
    position: relative;
    display: block;
    overflow: hidden;
    transform-style: preserve-3d;
}

body.mlc-marketing-shell .u-block-hover__img,
body.mlc-docs-shell .u-block-hover__img,
body.mlc-app-shell .u-block-hover__img {
    display: block;
    width: 100%;
    height: auto;
}

body.mlc-marketing-shell .u-block-hover__main--flip-vert,
body.mlc-docs-shell .u-block-hover__main--flip-vert,
body.mlc-app-shell .u-block-hover__main--flip-vert {
    transform: rotateX(0deg);
    transform-origin: center center;
    backface-visibility: hidden;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

body.mlc-marketing-shell .u-block-hover__additional--flip-vert,
body.mlc-docs-shell .u-block-hover__additional--flip-vert,
body.mlc-app-shell .u-block-hover__additional--flip-vert {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: rotateX(90deg);
    transform-origin: center center;
    opacity: 0;
    backface-visibility: hidden;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

body.mlc-marketing-shell .u-block-hover--flip:hover .u-block-hover__main--flip-vert,
body.mlc-marketing-shell .u-block-hover--flip:focus-within .u-block-hover__main--flip-vert,
body.mlc-docs-shell .u-block-hover--flip:hover .u-block-hover__main--flip-vert,
body.mlc-docs-shell .u-block-hover--flip:focus-within .u-block-hover__main--flip-vert,
body.mlc-app-shell .u-block-hover--flip:hover .u-block-hover__main--flip-vert,
body.mlc-app-shell .u-block-hover--flip:focus-within .u-block-hover__main--flip-vert {
    transform: rotateX(-90deg);
    opacity: 0;
}

body.mlc-marketing-shell .u-block-hover--flip:hover .u-block-hover__additional--flip-vert,
body.mlc-marketing-shell .u-block-hover--flip:focus-within .u-block-hover__additional--flip-vert,
body.mlc-docs-shell .u-block-hover--flip:hover .u-block-hover__additional--flip-vert,
body.mlc-docs-shell .u-block-hover--flip:focus-within .u-block-hover__additional--flip-vert,
body.mlc-app-shell .u-block-hover--flip:hover .u-block-hover__additional--flip-vert,
body.mlc-app-shell .u-block-hover--flip:focus-within .u-block-hover__additional--flip-vert {
    transform: rotateX(0deg);
    opacity: 1;
}

body.mlc-marketing-shell .icon-question,
body.mlc-marketing-shell .icon-settings,
body.mlc-marketing-shell .icon-info,
body.mlc-marketing-shell .icon-users,
body.mlc-marketing-shell .icon-note,
body.mlc-marketing-shell .icon-globe,
body.mlc-marketing-shell .icon-cursor,
body.mlc-marketing-shell .icon-envelope,
body.mlc-marketing-shell .icon-envelope-open,
body.mlc-marketing-shell .icon-pencil,
body.mlc-marketing-shell .icon-refresh,
body.mlc-marketing-shell .icon-equalizer,
body.mlc-marketing-shell .icon-bubbles,
body.mlc-marketing-shell .icon-arrow-right,
body.mlc-docs-shell .icon-question,
body.mlc-docs-shell .icon-settings,
body.mlc-docs-shell .icon-info,
body.mlc-docs-shell .icon-users,
body.mlc-docs-shell .icon-note,
body.mlc-docs-shell .icon-globe,
body.mlc-docs-shell .icon-cursor,
body.mlc-docs-shell .icon-envelope,
body.mlc-docs-shell .icon-envelope-open,
body.mlc-docs-shell .icon-pencil,
body.mlc-docs-shell .icon-refresh,
body.mlc-docs-shell .icon-equalizer,
body.mlc-docs-shell .icon-bubbles,
body.mlc-docs-shell .icon-arrow-right,
body.mlc-app-shell .icon-question,
body.mlc-app-shell .icon-settings,
body.mlc-app-shell .icon-info,
body.mlc-app-shell .icon-users,
body.mlc-app-shell .icon-note,
body.mlc-app-shell .icon-globe,
body.mlc-app-shell .icon-cursor,
body.mlc-app-shell .icon-envelope,
body.mlc-app-shell .icon-envelope-open,
body.mlc-app-shell .icon-pencil,
body.mlc-app-shell .icon-refresh,
body.mlc-app-shell .icon-equalizer,
body.mlc-app-shell .icon-bubbles,
body.mlc-app-shell .icon-arrow-right {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

@media (min-width: 768px) {
    body.mlc-marketing-shell .g-width-auto--md,
    body.mlc-docs-shell .g-width-auto--md,
    body.mlc-app-shell .g-width-auto--md {
        width: auto !important;
    }
}

@media (min-width: 992px) {
    body.mlc-marketing-shell .g-pt-5--lg,
    body.mlc-docs-shell .g-pt-5--lg,
    body.mlc-app-shell .g-pt-5--lg {
        padding-top: 0.3125rem !important;
    }

    body.mlc-marketing-shell .g-pl-0--lg,
    body.mlc-docs-shell .g-pl-0--lg,
    body.mlc-app-shell .g-pl-0--lg {
        padding-left: 0 !important;
    }

    body.mlc-marketing-shell .g-mr-40--lg,
    body.mlc-docs-shell .g-mr-40--lg,
    body.mlc-app-shell .g-mr-40--lg {
        margin-right: 2.5rem !important;
    }
}

body.mlc-marketing-shell .g-pt-10,
body.mlc-docs-shell .g-pt-10,
body.mlc-app-shell .g-pt-10 {
    padding-top: 0.625rem !important;
}

body.mlc-marketing-shell .g-mx-minus-15,
body.mlc-docs-shell .g-mx-minus-15,
body.mlc-app-shell .g-mx-minus-15 {
    margin-left: -0.9375rem !important;
    margin-right: -0.9375rem !important;
}

body.mlc-marketing-shell .g-mx-minus-4,
body.mlc-docs-shell .g-mx-minus-4,
body.mlc-app-shell .g-mx-minus-4 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
}

body.mlc-marketing-shell .g-mt-minus-10,
body.mlc-docs-shell .g-mt-minus-10,
body.mlc-app-shell .g-mt-minus-10 {
    margin-top: -0.625rem !important;
}

body.mlc-marketing-shell .g-mt-minus-4,
body.mlc-docs-shell .g-mt-minus-4,
body.mlc-app-shell .g-mt-minus-4 {
    margin-top: -0.25rem !important;
}

body.mlc-marketing-shell .g-mt-minus-2,
body.mlc-docs-shell .g-mt-minus-2,
body.mlc-app-shell .g-mt-minus-2 {
    margin-top: -0.125rem !important;
}

body.mlc-marketing-shell .g-py-13,
body.mlc-docs-shell .g-py-13,
body.mlc-app-shell .g-py-13 {
    padding-top: 0.8125rem !important;
    padding-bottom: 0.8125rem !important;
}

body.mlc-marketing-shell .g-pa-30,
body.mlc-docs-shell .g-pa-30,
body.mlc-app-shell .g-pa-30 {
    padding: 1.875rem !important;
}

body.mlc-marketing-shell .g-py-30,
body.mlc-docs-shell .g-py-30,
body.mlc-app-shell .g-py-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
}

body.mlc-marketing-shell .g-py-50,
body.mlc-docs-shell .g-py-50,
body.mlc-app-shell .g-py-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
}

body.mlc-marketing-shell .g-py-60,
body.mlc-docs-shell .g-py-60,
body.mlc-app-shell .g-py-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
}

body.mlc-marketing-shell .g-mb-60,
body.mlc-docs-shell .g-mb-60,
body.mlc-app-shell .g-mb-60 {
    margin-bottom: 3.75rem !important;
}

body.mlc-marketing-shell .g-font-size-12,
body.mlc-docs-shell .g-font-size-12,
body.mlc-app-shell .g-font-size-12 {
    font-size: 0.75rem !important;
}

body.mlc-marketing-shell .g-font-size-default,
body.mlc-docs-shell .g-font-size-default,
body.mlc-app-shell .g-font-size-default {
    font-size: 1rem !important;
}

body.mlc-marketing-shell .g-font-weight-400,
body.mlc-docs-shell .g-font-weight-400,
body.mlc-app-shell .g-font-weight-400 {
    font-weight: 400 !important;
}

body.mlc-marketing-shell .g-bg-black,
body.mlc-docs-shell .g-bg-black,
body.mlc-app-shell .g-bg-black {
    background-color: #000 !important;
}

body.mlc-marketing-shell .g-bg-black-opacity-0_9,
body.mlc-docs-shell .g-bg-black-opacity-0_9,
body.mlc-app-shell .g-bg-black-opacity-0_9 {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

body.mlc-marketing-shell .u-shadow-v11,
body.mlc-docs-shell .u-shadow-v11,
body.mlc-app-shell .u-shadow-v11 {
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14) !important;
}

body.mlc-marketing-shell .u-shadow-v18,
body.mlc-docs-shell .u-shadow-v18,
body.mlc-app-shell .u-shadow-v18 {
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18) !important;
}

body.mlc-marketing-shell .u-icon-v3,
body.mlc-docs-shell .u-icon-v3,
body.mlc-app-shell .u-icon-v3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.mlc-marketing-shell .u-icon-size--xs,
body.mlc-docs-shell .u-icon-size--xs,
body.mlc-app-shell .u-icon-size--xs {
    width: 2rem;
    height: 2rem;
    font-size: 0.8125rem;
    line-height: 1;
}

@media (min-width: 768px) {
    body.mlc-marketing-shell .g-mr-20--md,
    body.mlc-docs-shell .g-mr-20--md,
    body.mlc-app-shell .g-mr-20--md {
        margin-right: 1.25rem !important;
    }
}

@media (min-width: 992px) {
    body.mlc-marketing-shell .g-mt-10--lg--scrolling,
    body.mlc-docs-shell .g-mt-10--lg--scrolling,
    body.mlc-app-shell .g-mt-10--lg--scrolling {
        margin-top: 0.625rem !important;
    }

    body.mlc-marketing-shell .g-mb-0--lg,
    body.mlc-docs-shell .g-mb-0--lg,
    body.mlc-app-shell .g-mb-0--lg {
        margin-bottom: 0 !important;
    }
}

body.mlc-marketing-shell .u-btn-white,
body.mlc-docs-shell .u-btn-white,
body.mlc-app-shell .u-btn-white {
    background: #fff !important;
    border-color: rgba(148, 163, 184, 0.36) !important;
    color: #0f172a !important;
    box-shadow: 0 8px 20px rgba(15, 31, 53, 0.08);
}

body.mlc-marketing-shell .u-btn-white:hover,
body.mlc-marketing-shell .u-btn-white:focus,
body.mlc-docs-shell .u-btn-white:hover,
body.mlc-docs-shell .u-btn-white:focus,
body.mlc-app-shell .u-btn-white:hover,
body.mlc-app-shell .u-btn-white:focus {
    background: #f8fafc !important;
    border-color: rgba(71, 133, 204, 0.42) !important;
    color: #145cb8 !important;
}

body.mlc-marketing-shell .dropdown-menu-md,
body.mlc-docs-shell .dropdown-menu-md,
body.mlc-app-shell .dropdown-menu-md {
    min-width: 16rem;
}

body.mlc-marketing-shell .dropdown-menu-anim-up,
body.mlc-docs-shell .dropdown-menu-anim-up,
body.mlc-app-shell .dropdown-menu-anim-up,
body.mlc-marketing-shell .u-anim-up,
body.mlc-docs-shell .u-anim-up,
body.mlc-app-shell .u-anim-up {
    animation: mlc-tailwind-compat-fade-up 0.2s ease-out;
}

body.mlc-app-shell .nav-tasks,
body.mlc-app-shell .nav-messages {
    margin: 0;
    list-style: none;
}

body.mlc-app-shell .nav-tasks-header,
body.mlc-app-shell .nav-messages-header {
    margin: 0 0 0 0.65rem;
    padding: 0.2rem 0;
}

body.mlc-app-shell .nav-tasks-header > a,
body.mlc-app-shell .nav-tasks-header > span,
body.mlc-app-shell .nav-messages-header > a,
body.mlc-app-shell .nav-messages-header > span {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
    border-radius: 9999px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(255, 255, 255, 0.92);
    color: #475569 !important;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.mlc-app-shell .nav-tasks-body,
body.mlc-app-shell .nav-messages-body {
    margin: 0;
    padding: 0.25rem 0.75rem 0.6rem;
    list-style: none;
}

body.mlc-app-shell .nav-tasks-body > li > a,
body.mlc-app-shell .nav-tasks-body > li > span,
body.mlc-app-shell .nav-messages-body > li > a,
body.mlc-app-shell .nav-messages-body > li > span {
    display: block;
    padding: 0.45rem 0.35rem;
    border-bottom: 1px solid rgba(203, 221, 240, 0.7);
    color: #334155 !important;
    text-decoration: none !important;
}

body.mlc-app-shell .nav-tasks-body > li:last-child > a,
body.mlc-app-shell .nav-tasks-body > li:last-child > span,
body.mlc-app-shell .nav-messages-body > li:last-child > a,
body.mlc-app-shell .nav-messages-body > li:last-child > span {
    border-bottom: 0;
}

body.mlc-app-shell .nav-tasks-footer,
body.mlc-app-shell .nav-messages-footer {
    margin: 0;
    padding: 0.35rem 0.75rem 0.75rem;
    list-style: none;
}

body.mlc-app-shell .nav-tasks-footer a,
body.mlc-app-shell .nav-messages-footer a {
    display: block;
    border-radius: 0.6rem;
    padding: 0.5rem 0.7rem;
    background: rgba(239, 246, 255, 0.92);
    color: #145cb8 !important;
    font-weight: 700;
    text-decoration: none !important;
}

body.mlc-app-shell .btn.btn-bg-light {
    background: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.26) !important;
    color: #334155 !important;
}

body.mlc-app-shell .btn-icon-success i,
body.mlc-app-shell .btn-icon-success .svg-icon {
    color: #16a34a !important;
}

body.mlc-app-shell .btn-hover-success:hover,
body.mlc-app-shell .btn-hover-success:focus {
    background: rgba(22, 163, 74, 0.12) !important;
    border-color: rgba(22, 163, 74, 0.35) !important;
}

body.mlc-app-shell .icon-star,
body.mlc-app-shell .icon-list,
body.mlc-app-shell .icon-magnifier,
body.mlc-app-shell .icon-ban,
body.mlc-app-shell .icon-picture,
body.mlc-app-shell .icon-bar-chart {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

@keyframes mlc-tailwind-compat-fade-up {
    from {
        opacity: 0;
        transform: translateY(0.35rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.mlc-marketing-shell .g-bg-white-opacity-0_8,
body.mlc-docs-shell .g-bg-white-opacity-0_8,
body.mlc-app-shell .g-bg-white-opacity-0_8 {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

body.mlc-marketing-shell .g-bg-repeat,
body.mlc-docs-shell .g-bg-repeat,
body.mlc-app-shell .g-bg-repeat {
    background-repeat: repeat !important;
}

body.mlc-marketing-shell .g-color-black,
body.mlc-docs-shell .g-color-black,
body.mlc-app-shell .g-color-black {
    color: #0f172a !important;
}

body.mlc-marketing-shell .g-font-size-40,
body.mlc-docs-shell .g-font-size-40,
body.mlc-app-shell .g-font-size-40 {
    font-size: 2.5rem !important;
}

body.mlc-marketing-shell .g-line-height-2,
body.mlc-docs-shell .g-line-height-2,
body.mlc-app-shell .g-line-height-2 {
    line-height: 2 !important;
}

body.mlc-marketing-shell .g-width-50,
body.mlc-docs-shell .g-width-50,
body.mlc-app-shell .g-width-50 {
    width: 50% !important;
}

body.mlc-marketing-shell .g-height-2,
body.mlc-docs-shell .g-height-2,
body.mlc-app-shell .g-height-2 {
    height: 0.125rem !important;
}

body.mlc-marketing-shell .g-left-0,
body.mlc-docs-shell .g-left-0,
body.mlc-app-shell .g-left-0 {
    left: 0 !important;
}

body.mlc-marketing-shell .g-top-0,
body.mlc-docs-shell .g-top-0,
body.mlc-app-shell .g-top-0 {
    top: 0 !important;
}

body.mlc-marketing-shell .g-pa-0,
body.mlc-docs-shell .g-pa-0,
body.mlc-app-shell .g-pa-0 {
    padding: 0 !important;
}

body.mlc-marketing-shell .g-pb-20,
body.mlc-docs-shell .g-pb-20,
body.mlc-app-shell .g-pb-20 {
    padding-bottom: 1.25rem !important;
}

body.mlc-marketing-shell .g-mb-20,
body.mlc-docs-shell .g-mb-20,
body.mlc-app-shell .g-mb-20 {
    margin-bottom: 1.25rem !important;
}

body.mlc-marketing-shell .g-mb-30,
body.mlc-docs-shell .g-mb-30,
body.mlc-app-shell .g-mb-30 {
    margin-bottom: 1.875rem !important;
}

body.mlc-marketing-shell .g-mb-40,
body.mlc-docs-shell .g-mb-40,
body.mlc-app-shell .g-mb-40 {
    margin-bottom: 2.5rem !important;
}

body.mlc-marketing-shell .btn.btn-xl,
body.mlc-docs-shell .btn.btn-xl,
body.mlc-app-shell .btn.btn-xl {
    padding: 0.95rem 2rem !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
}

body.mlc-marketing-shell .u-list-inline,
body.mlc-docs-shell .u-list-inline,
body.mlc-app-shell .u-list-inline {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mlc-marketing-shell .hs-has-sub-menu,
body.mlc-docs-shell .hs-has-sub-menu,
body.mlc-app-shell .hs-has-sub-menu {
    position: relative;
}

body.mlc-marketing-shell .hs-menu-horizontal,
body.mlc-docs-shell .hs-menu-horizontal,
body.mlc-app-shell .hs-menu-horizontal {
    display: flex;
    flex-wrap: wrap;
}

body.mlc-marketing-shell .hs-sub-menu-desktop-lg,
body.mlc-docs-shell .hs-sub-menu-desktop-lg,
body.mlc-app-shell .hs-sub-menu-desktop-lg {
    min-width: 13.75rem;
}

body.mlc-marketing-shell .hs-mega-menu-invoker,
body.mlc-docs-shell .hs-mega-menu-invoker,
body.mlc-app-shell .hs-mega-menu-invoker {
    cursor: pointer;
}

body.mlc-marketing-shell .u-header--toggle-section,
body.mlc-docs-shell .u-header--toggle-section,
body.mlc-app-shell .u-header--toggle-section,
body.mlc-marketing-shell .u-header--change-appearance,
body.mlc-docs-shell .u-header--change-appearance,
body.mlc-app-shell .u-header--change-appearance {
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

body.mlc-marketing-shell .u-header__section--hidden,
body.mlc-docs-shell .u-header__section--hidden,
body.mlc-app-shell .u-header__section--hidden {
    overflow: hidden;
}

body.mlc-marketing-shell .nav-sm .nav-link,
body.mlc-docs-shell .nav-sm .nav-link,
body.mlc-app-shell .nav-sm .nav-link {
    padding: 0.35rem 0.65rem !important;
    font-size: 0.8125rem;
}

body.mlc-marketing-shell .nav-vertical,
body.mlc-docs-shell .nav-vertical,
body.mlc-app-shell .nav-vertical {
    display: flex;
    flex-direction: column;
}

body.mlc-marketing-shell .icon-xs,
body.mlc-docs-shell .icon-xs,
body.mlc-app-shell .icon-xs {
    font-size: 0.75rem;
}

body.mlc-marketing-shell .icon-sm,
body.mlc-docs-shell .icon-sm,
body.mlc-app-shell .icon-sm {
    font-size: 0.875rem;
}

body.mlc-marketing-shell .icon-soft-primary,
body.mlc-docs-shell .icon-soft-primary,
body.mlc-app-shell .icon-soft-primary {
    color: #145cb8 !important;
}

body.mlc-marketing-shell .animated,
body.mlc-docs-shell .animated,
body.mlc-app-shell .animated {
    animation-duration: 0.25s;
    animation-fill-mode: both;
}

body.mlc-marketing-shell .fadeOut,
body.mlc-docs-shell .fadeOut,
body.mlc-app-shell .fadeOut {
    animation-name: mlc-tailwind-compat-fade-out;
}

body.mlc-marketing-shell .fadeIn,
body.mlc-docs-shell .fadeIn,
body.mlc-app-shell .fadeIn {
    animation-name: mlc-tailwind-compat-fade-in;
}

@media (min-width: 768px) {
    body.mlc-marketing-shell .text-md-left,
    body.mlc-docs-shell .text-md-left,
    body.mlc-app-shell .text-md-left {
        text-align: left !important;
    }

    body.mlc-marketing-shell .text-md-right,
    body.mlc-docs-shell .text-md-right,
    body.mlc-app-shell .text-md-right {
        text-align: right !important;
    }
}

@keyframes mlc-tailwind-compat-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mlc-tailwind-compat-fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

body.mlc-marketing-shell .link-sm,
body.mlc-docs-shell .link-sm,
body.mlc-app-shell .link-sm {
    font-size: 0.875rem;
    line-height: 1.35;
}

body.mlc-marketing-shell .d-block,
body.mlc-docs-shell .d-block,
body.mlc-app-shell .d-block {
    display: block !important;
}

body.mlc-marketing-shell .d-inline-block,
body.mlc-docs-shell .d-inline-block,
body.mlc-app-shell .d-inline-block {
    display: inline-block !important;
}

body.mlc-marketing-shell .d-none,
body.mlc-docs-shell .d-none,
body.mlc-app-shell .d-none {
    display: none !important;
}

body.mlc-marketing-shell .d-grid,
body.mlc-docs-shell .d-grid,
body.mlc-app-shell .d-grid {
    display: grid !important;
}

body.mlc-marketing-shell .list-inline,
body.mlc-docs-shell .list-inline,
body.mlc-app-shell .list-inline {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

body.mlc-marketing-shell .list-inline-item,
body.mlc-docs-shell .list-inline-item,
body.mlc-app-shell .list-inline-item {
    display: inline-block;
}

body.mlc-marketing-shell .list-inline-item:not(:last-child),
body.mlc-docs-shell .list-inline-item:not(:last-child),
body.mlc-app-shell .list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

body.mlc-marketing-shell .list-unstyled,
body.mlc-docs-shell .list-unstyled,
body.mlc-app-shell .list-unstyled {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

body.mlc-marketing-shell .img-fluid,
body.mlc-docs-shell .img-fluid,
body.mlc-app-shell .img-fluid {
    max-width: 100%;
    height: auto;
}

body.mlc-marketing-shell .small,
body.mlc-docs-shell .small,
body.mlc-app-shell .small {
    font-size: 0.875em;
}

body.mlc-marketing-shell .align-middle,
body.mlc-docs-shell .align-middle,
body.mlc-app-shell .align-middle {
    vertical-align: middle !important;
}

body.mlc-marketing-shell .align-items-start,
body.mlc-docs-shell .align-items-start,
body.mlc-app-shell .align-items-start {
    align-items: flex-start !important;
}

body.mlc-marketing-shell .align-items-center,
body.mlc-docs-shell .align-items-center,
body.mlc-app-shell .align-items-center {
    align-items: center !important;
}

body.mlc-marketing-shell .justify-content-between,
body.mlc-docs-shell .justify-content-between,
body.mlc-app-shell .justify-content-between {
    justify-content: space-between !important;
}

body.mlc-app-shell .flex-root {
    min-height: 100vh;
}

body.mlc-marketing-shell .docul,
body.mlc-docs-shell .docul,
body.mlc-app-shell .docul {
    margin: 0;
    padding-left: 1.25rem;
    list-style: disc;
}

body.mlc-marketing-shell .hs-menu-initialized,
body.mlc-docs-shell .hs-menu-initialized,
body.mlc-app-shell .hs-menu-initialized {
    visibility: visible;
}

body.mlc-marketing-shell [class^="flaticon"],
body.mlc-marketing-shell [class*=" flaticon"],
body.mlc-docs-shell [class^="flaticon"],
body.mlc-docs-shell [class*=" flaticon"],
body.mlc-app-shell [class^="flaticon"],
body.mlc-app-shell [class*=" flaticon"] {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

body.mlc-marketing-shell .btn-transition,
body.mlc-docs-shell .btn-transition {
    transition: all 0.2s ease;
}

body.mlc-marketing-shell .bg-soft-primary,
body.mlc-docs-shell .bg-soft-primary,
body.mlc-app-shell .bg-soft-primary {
    background-color: #e8f2ff !important;
}

body.mlc-marketing-shell .bg-soft-info,
body.mlc-docs-shell .bg-soft-info,
body.mlc-app-shell .bg-soft-info {
    background-color: #e6f8ff !important;
}

body.mlc-marketing-shell .bg-soft-dark,
body.mlc-docs-shell .bg-soft-dark,
body.mlc-app-shell .bg-soft-dark {
    background-color: #eef2f7 !important;
}

body.mlc-marketing-shell .text-indigo,
body.mlc-docs-shell .text-indigo,
body.mlc-app-shell .text-indigo {
    color: #312e81 !important;
}

body.mlc-marketing-shell .text-inherit,
body.mlc-docs-shell .text-inherit,
body.mlc-app-shell .text-inherit {
    color: inherit !important;
}

body.mlc-marketing-shell .text-cap,
body.mlc-docs-shell .text-cap,
body.mlc-app-shell .text-cap {
    text-transform: capitalize !important;
}

body.mlc-marketing-shell .space-bottom-2,
body.mlc-docs-shell .space-bottom-2,
body.mlc-app-shell .space-bottom-2 {
    padding-bottom: clamp(2.5rem, 5vw, 5rem);
}

body.mlc-marketing-shell .card-transition,
body.mlc-docs-shell .card-transition,
body.mlc-app-shell .card-transition {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.mlc-marketing-shell .card-transition:hover,
body.mlc-docs-shell .card-transition:hover,
body.mlc-app-shell .card-transition:hover {
    transform: translateY(-2px);
}

body.mlc-marketing-shell .list-checked,
body.mlc-docs-shell .list-checked,
body.mlc-app-shell .list-checked {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

body.mlc-marketing-shell .list-checked .list-checked-item,
body.mlc-docs-shell .list-checked .list-checked-item,
body.mlc-app-shell .list-checked .list-checked-item {
    position: relative;
    padding-left: 1.45rem;
}

body.mlc-marketing-shell .list-checked .list-checked-item + .list-checked-item,
body.mlc-docs-shell .list-checked .list-checked-item + .list-checked-item,
body.mlc-app-shell .list-checked .list-checked-item + .list-checked-item {
    margin-top: 0.55rem;
}

body.mlc-marketing-shell .list-checked .list-checked-item::before,
body.mlc-docs-shell .list-checked .list-checked-item::before,
body.mlc-app-shell .list-checked .list-checked-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #145cb8;
}

body.mlc-marketing-shell .list-checked-primary .list-checked-item::before,
body.mlc-docs-shell .list-checked-primary .list-checked-item::before,
body.mlc-app-shell .list-checked-primary .list-checked-item::before {
    background: #0ea5e9;
}

@media (min-width: 768px) {
    body.mlc-marketing-shell .w-md-65,
    body.mlc-docs-shell .w-md-65,
    body.mlc-app-shell .w-md-65 {
        width: 65% !important;
    }

    body.mlc-marketing-shell .w-md-80,
    body.mlc-docs-shell .w-md-80,
    body.mlc-app-shell .w-md-80 {
        width: 80% !important;
    }

    body.mlc-marketing-shell .mt-md-n8,
    body.mlc-docs-shell .mt-md-n8,
    body.mlc-app-shell .mt-md-n8 {
        margin-top: -2.5rem !important;
    }
}

@media (min-width: 992px) {
    body.mlc-marketing-shell .gap-lg-8,
    body.mlc-docs-shell .gap-lg-8,
    body.mlc-app-shell .gap-lg-8 {
        gap: 2.5rem !important;
    }

    body.mlc-marketing-shell .content-space-t-lg-0,
    body.mlc-docs-shell .content-space-t-lg-0,
    body.mlc-app-shell .content-space-t-lg-0 {
        padding-top: 0 !important;
    }
}

body.mlc-marketing-shell .input-group-append,
body.mlc-docs-shell .input-group-append,
body.mlc-app-shell .input-group-append {
    display: flex;
    margin-left: -1px;
}

body.mlc-marketing-shell .input-group-append > .btn,
body.mlc-docs-shell .input-group-append > .btn,
body.mlc-app-shell .input-group-append > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body.mlc-marketing-shell .uppercase,
body.mlc-docs-shell .uppercase,
body.mlc-app-shell .uppercase {
    text-transform: uppercase !important;
}

body.mlc-marketing-shell .text-xs,
body.mlc-docs-shell .text-xs,
body.mlc-app-shell .text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

body.mlc-marketing-shell .text-sm,
body.mlc-docs-shell .text-sm,
body.mlc-app-shell .text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

body.mlc-marketing-shell .text-base,
body.mlc-docs-shell .text-base,
body.mlc-app-shell .text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

body.mlc-marketing-shell .text-3xl,
body.mlc-docs-shell .text-3xl,
body.mlc-app-shell .text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
}

body.mlc-marketing-shell .text-slate-200,
body.mlc-docs-shell .text-slate-200,
body.mlc-app-shell .text-slate-200 {
    color: #e2e8f0 !important;
}

body.mlc-marketing-shell .text-slate-900,
body.mlc-docs-shell .text-slate-900,
body.mlc-app-shell .text-slate-900 {
    color: #0f172a !important;
}

body.mlc-marketing-shell .text-slate-950,
body.mlc-docs-shell .text-slate-950,
body.mlc-app-shell .text-slate-950 {
    color: #020617 !important;
}

body.mlc-marketing-shell .text-sky-100,
body.mlc-docs-shell .text-sky-100,
body.mlc-app-shell .text-sky-100 {
    color: #e0f2fe !important;
}

body.mlc-marketing-shell .bg-slate-50,
body.mlc-docs-shell .bg-slate-50,
body.mlc-app-shell .bg-slate-50 {
    background-color: #f8fafc !important;
}

body.mlc-marketing-shell .bg-white\/10,
body.mlc-docs-shell .bg-white\/10,
body.mlc-app-shell .bg-white\/10 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

body.mlc-marketing-shell .btn-secondary,
body.mlc-docs-shell .btn-secondary,
body.mlc-app-shell .btn-secondary {
    color: #ffffff;
    background-color: #475569;
    border-color: #475569;
}

body.mlc-marketing-shell .btn-secondary:hover,
body.mlc-docs-shell .btn-secondary:hover,
body.mlc-app-shell .btn-secondary:hover,
body.mlc-marketing-shell .btn-secondary:focus,
body.mlc-docs-shell .btn-secondary:focus,
body.mlc-app-shell .btn-secondary:focus {
    color: #ffffff;
    background-color: #334155;
    border-color: #334155;
}

body.mlc-marketing-shell [class^="flaticon2-"],
body.mlc-marketing-shell [class*=" flaticon2-"],
body.mlc-docs-shell [class^="flaticon2-"],
body.mlc-docs-shell [class*=" flaticon2-"],
body.mlc-app-shell [class^="flaticon2-"],
body.mlc-app-shell [class*=" flaticon2-"] {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

body.mlc-marketing-shell .text-slate-700,
body.mlc-docs-shell .text-slate-700,
body.mlc-app-shell .text-slate-700 {
    color: #334155 !important;
}

body.mlc-marketing-shell .text-slate-800,
body.mlc-docs-shell .text-slate-800,
body.mlc-app-shell .text-slate-800 {
    color: #1e293b !important;
}

body.mlc-marketing-shell .text-sky-800,
body.mlc-docs-shell .text-sky-800,
body.mlc-app-shell .text-sky-800 {
    color: #075985 !important;
}

body.mlc-marketing-shell .text-sky-100\/80,
body.mlc-docs-shell .text-sky-100\/80,
body.mlc-app-shell .text-sky-100\/80 {
    color: rgba(224, 242, 254, 0.8) !important;
}

body.mlc-marketing-shell .text-sky-100\/85,
body.mlc-docs-shell .text-sky-100\/85,
body.mlc-app-shell .text-sky-100\/85 {
    color: rgba(224, 242, 254, 0.85) !important;
}

body.mlc-marketing-shell .bg-sky-500,
body.mlc-docs-shell .bg-sky-500,
body.mlc-app-shell .bg-sky-500 {
    background-color: #0ea5e9 !important;
}

body.mlc-marketing-shell .bg-emerald-500,
body.mlc-docs-shell .bg-emerald-500,
body.mlc-app-shell .bg-emerald-500 {
    background-color: #10b981 !important;
}

body.mlc-marketing-shell .bg-white\/15,
body.mlc-docs-shell .bg-white\/15,
body.mlc-app-shell .bg-white\/15 {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

body.mlc-marketing-shell .bg-white\/80,
body.mlc-docs-shell .bg-white\/80,
body.mlc-app-shell .bg-white\/80 {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

body.mlc-marketing-shell .bg-white\/90,
body.mlc-docs-shell .bg-white\/90,
body.mlc-app-shell .bg-white\/90 {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

body.mlc-marketing-shell .border-white\/10,
body.mlc-docs-shell .border-white\/10,
body.mlc-app-shell .border-white\/10 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.mlc-marketing-shell .border-white\/15,
body.mlc-docs-shell .border-white\/15,
body.mlc-app-shell .border-white\/15 {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.mlc-marketing-shell .border-white\/60,
body.mlc-docs-shell .border-white\/60,
body.mlc-app-shell .border-white\/60 {
    border-color: rgba(255, 255, 255, 0.6) !important;
}

body.mlc-marketing-shell .rounded-full,
body.mlc-docs-shell .rounded-full,
body.mlc-app-shell .rounded-full {
    border-radius: 9999px !important;
}

body.mlc-marketing-shell .backdrop-blur,
body.mlc-docs-shell .backdrop-blur,
body.mlc-app-shell .backdrop-blur {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

body.mlc-marketing-shell .h-11,
body.mlc-docs-shell .h-11,
body.mlc-app-shell .h-11 {
    height: 2.75rem !important;
}

body.mlc-marketing-shell .h-12,
body.mlc-docs-shell .h-12,
body.mlc-app-shell .h-12 {
    height: 3rem !important;
}

body.mlc-marketing-shell .h-14,
body.mlc-docs-shell .h-14,
body.mlc-app-shell .h-14 {
    height: 3.5rem !important;
}

body.mlc-marketing-shell .text-emerald-600,
body.mlc-docs-shell .text-emerald-600,
body.mlc-app-shell .text-emerald-600 {
    color: #059669 !important;
}

body.mlc-marketing-shell .text-rose-600,
body.mlc-docs-shell .text-rose-600,
body.mlc-app-shell .text-rose-600 {
    color: #e11d48 !important;
}

body.mlc-marketing-shell .bg-white\/16,
body.mlc-docs-shell .bg-white\/16,
body.mlc-app-shell .bg-white\/16 {
    background-color: rgba(255, 255, 255, 0.16) !important;
}

body.mlc-marketing-shell .hover\:bg-white\/16:hover,
body.mlc-docs-shell .hover\:bg-white\/16:hover,
body.mlc-app-shell .hover\:bg-white\/16:hover {
    background-color: rgba(255, 255, 255, 0.16) !important;
}

body.mlc-marketing-shell .hover\:-translate-y-px:hover,
body.mlc-docs-shell .hover\:-translate-y-px:hover,
body.mlc-app-shell .hover\:-translate-y-px:hover {
    transform: translateY(-1px);
}


body.mlc-marketing-shell .bg-slate-950,
body.mlc-docs-shell .bg-slate-950,
body.mlc-app-shell .bg-slate-950 {
    background-color: #020617 !important;
}

body.mlc-marketing-shell .bg-slate-800,
body.mlc-docs-shell .bg-slate-800,
body.mlc-app-shell .bg-slate-800 {
    background-color: #1e293b !important;
}

body.mlc-marketing-shell .hover\:text-sky-700:hover,
body.mlc-docs-shell .hover\:text-sky-700:hover,
body.mlc-app-shell .hover\:text-sky-700:hover {
    color: #0369a1 !important;
}

body.mlc-marketing-shell .hover\:bg-slate-50:hover,
body.mlc-docs-shell .hover\:bg-slate-50:hover,
body.mlc-app-shell .hover\:bg-slate-50:hover {
    background-color: #f8fafc !important;
}

body.mlc-marketing-shell .hover\:bg-slate-800:hover,
body.mlc-docs-shell .hover\:bg-slate-800:hover,
body.mlc-app-shell .hover\:bg-slate-800:hover {
    background-color: #1e293b !important;
}

body.mlc-marketing-shell .hover\:bg-sky-600:hover,
body.mlc-docs-shell .hover\:bg-sky-600:hover,
body.mlc-app-shell .hover\:bg-sky-600:hover {
    background-color: #0284c7 !important;
}

body.mlc-marketing-shell .border-white\/20,
body.mlc-docs-shell .border-white\/20,
body.mlc-app-shell .border-white\/20 {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.mlc-marketing-shell .hover\:-translate-y-0\.5:hover,
body.mlc-docs-shell .hover\:-translate-y-0\.5:hover,
body.mlc-app-shell .hover\:-translate-y-0\.5:hover {
    transform: translateY(-0.125rem);
}

body.mlc-marketing-shell .leading-6,
body.mlc-docs-shell .leading-6,
body.mlc-app-shell .leading-6 {
    line-height: 1.5rem !important;
}

body.mlc-marketing-shell .tracking-tight,
body.mlc-docs-shell .tracking-tight,
body.mlc-app-shell .tracking-tight {
    letter-spacing: -0.025em !important;
}

body.mlc-marketing-shell .no-underline,
body.mlc-docs-shell .no-underline,
body.mlc-app-shell .no-underline {
    text-decoration: none !important;
}

body.mlc-marketing-shell .space-y-3 > :not([hidden]) ~ :not([hidden]),
body.mlc-docs-shell .space-y-3 > :not([hidden]) ~ :not([hidden]),
body.mlc-app-shell .space-y-3 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0.75rem !important;
}

body.mlc-marketing-shell .space-y-4 > :not([hidden]) ~ :not([hidden]),
body.mlc-docs-shell .space-y-4 > :not([hidden]) ~ :not([hidden]),
body.mlc-app-shell .space-y-4 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1rem !important;
}

body.mlc-marketing-shell .space-y-5 > :not([hidden]) ~ :not([hidden]),
body.mlc-docs-shell .space-y-5 > :not([hidden]) ~ :not([hidden]),
body.mlc-app-shell .space-y-5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1.25rem !important;
}

body.mlc-marketing-shell .max-w-3xl,
body.mlc-docs-shell .max-w-3xl,
body.mlc-app-shell .max-w-3xl {
    max-width: 48rem !important;
}

body.mlc-marketing-shell .p-4,
body.mlc-docs-shell .p-4,
body.mlc-app-shell .p-4 {
    padding: 1rem !important;
}

body.mlc-marketing-shell .p-5,
body.mlc-docs-shell .p-5,
body.mlc-app-shell .p-5 {
    padding: 1.25rem !important;
}

body.mlc-marketing-shell .p-7,
body.mlc-docs-shell .p-7,
body.mlc-app-shell .p-7 {
    padding: 1.75rem !important;
}

body.mlc-marketing-shell .px-4,
body.mlc-docs-shell .px-4,
body.mlc-app-shell .px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

body.mlc-marketing-shell .px-5,
body.mlc-docs-shell .px-5,
body.mlc-app-shell .px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

body.mlc-marketing-shell .px-6,
body.mlc-docs-shell .px-6,
body.mlc-app-shell .px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

body.mlc-marketing-shell .mt-5,
body.mlc-docs-shell .mt-5,
body.mlc-app-shell .mt-5 {
    margin-top: 1.25rem !important;
}

body.mlc-marketing-shell .mt-6,
body.mlc-docs-shell .mt-6,
body.mlc-app-shell .mt-6 {
    margin-top: 1.5rem !important;
}

body.mlc-marketing-shell .mt-8,
body.mlc-docs-shell .mt-8,
body.mlc-app-shell .mt-8 {
    margin-top: 2rem !important;
}

body.mlc-marketing-shell .text-4xl,
body.mlc-docs-shell .text-4xl,
body.mlc-app-shell .text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
}

body.mlc-marketing-shell .text-2xl,
body.mlc-docs-shell .text-2xl,
body.mlc-app-shell .text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}

body.mlc-marketing-shell .font-semibold,
body.mlc-docs-shell .font-semibold,
body.mlc-app-shell .font-semibold {
    font-weight: 600 !important;
}

body.mlc-marketing-shell .flex-1,
body.mlc-docs-shell .flex-1,
body.mlc-app-shell .flex-1 {
    flex: 1 1 0% !important;
}

/* MLC legacy compatibility layer for affiliate/API pages not fully migrated yet. */
body.mlc-app-shell .mlc-form-panel .panel-heading,
body.mlc-app-shell .mlc-form-panel .card-header {
    border-bottom: 1px solid #dbe7f3;
}

body.mlc-app-shell .mlc-form-panel .panel-title,
body.mlc-app-shell .mlc-form-panel .card-label {
    font-weight: 700;
    letter-spacing: -0.01em;
}

body.mlc-app-shell .mlc-form-panel .panel-body {
    background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);
}

body.mlc-app-shell .mlc-form-panel .dl-horizontal dt {
    color: #385273;
}

body.mlc-app-shell .mlc-form-panel .dl-horizontal dd {
    color: #12243a;
}

body.mlc-app-shell .mlc-form-panel .divider {
    border-bottom: 1px solid #dbe7f3;
}

body.mlc-app-shell .mlc-form-panel .help-block,
body.mlc-app-shell .mlc-form-panel small {
    color: #4d647d;
}

/* ── Global dashboard form modernization ── */

/* Form controls: inputs, selects, textareas */
body.mlc-app-shell .form-control,
body.mlc-app-shell select.form-control,
body.mlc-app-shell input[type="text"].form-control,
body.mlc-app-shell input[type="email"].form-control,
body.mlc-app-shell input[type="password"].form-control,
body.mlc-app-shell input[type="number"].form-control,
body.mlc-app-shell input[type="url"].form-control {
    min-height: 2.75rem;
    border: 1px solid #d1d5db !important;
    border-radius: 0.5rem !important;
    background: #fff !important;
    color: var(--mlc-ink, #1e293b) !important;
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.mlc-app-shell .form-control:focus,
body.mlc-app-shell select.form-control:focus {
    border-color: #0F6CBD !important;
    box-shadow: 0 0 0 3px rgba(15, 108, 189, 0.12) !important;
    outline: none;
}

body.mlc-app-shell .form-control:disabled,
body.mlc-app-shell .form-control[readonly] {
    background: #f8fafc !important;
    color: #94a3b8 !important;
    cursor: not-allowed;
}

body.mlc-app-shell textarea.form-control {
    min-height: 6rem;
    padding-top: 0.625rem !important;
    line-height: 1.6;
}

/* Select arrow */
body.mlc-app-shell select.form-control {
    appearance: auto;
    padding-right: 2rem !important;
}

/* Input groups */
body.mlc-app-shell .input-group {
    border-radius: 0.5rem;
}

body.mlc-app-shell .input-group .form-control {
    border-radius: 0.5rem 0 0 0.5rem !important;
}

body.mlc-app-shell .input-group .input-group-text,
body.mlc-app-shell .input-group .input-group-addon,
body.mlc-app-shell .input-group-append .input-group-text {
    border: 1px solid #d1d5db !important;
    border-left: 0 !important;
    border-radius: 0 0.5rem 0.5rem 0 !important;
    background: #f8fafc !important;
    color: #64748b;
    font-size: 0.875rem;
    min-height: 2.75rem;
}

/* Form group spacing */
body.mlc-app-shell .form-group {
    margin-bottom: 1.25rem;
}

body.mlc-app-shell .form-group > label,
body.mlc-app-shell .form-group > .control-label {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--mlc-ink, #1e293b);
    margin-bottom: 0.375rem;
}

/* Help text / small text under inputs */
body.mlc-app-shell .help-block,
body.mlc-app-shell .form-text,
body.mlc-app-shell .form-group small:not(.input-group-text) {
    font-size: 0.8125rem;
    color: #64748b;
    margin-top: 0.35rem;
    line-height: 1.5;
}

/* Card & panel structure modernization */
body.mlc-app-shell .card.card-custom:not(.bg-success):not(.bg-warning):not(.bg-danger):not(.bg-primary):not(.bg-info) {
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

body.mlc-app-shell .card.card-custom:not(.bg-success):not(.bg-warning):not(.bg-danger):not(.bg-primary):not(.bg-info) .card-header {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    padding: 1rem 1.5rem;
    min-height: auto;
}

body.mlc-app-shell .card.card-custom:not(.bg-success):not(.bg-warning):not(.bg-danger):not(.bg-primary):not(.bg-info) .card-body {
    padding: 1.5rem;
}

/* Legacy colored card compatibility so older dashboard screens keep readable contrast */
body.mlc-app-shell .card.card-custom.bg-primary,
body.mlc-app-shell .card.card-custom.bg-success,
body.mlc-app-shell .card.card-custom.bg-danger,
body.mlc-app-shell .card.card-custom.bg-info,
body.mlc-app-shell .card.card-custom.bg-warning {
    overflow: hidden;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.1);
}

body.mlc-app-shell .card.card-custom.bg-primary .card-header,
body.mlc-app-shell .card.card-custom.bg-success .card-header,
body.mlc-app-shell .card.card-custom.bg-danger .card-header,
body.mlc-app-shell .card.card-custom.bg-info .card-header,
body.mlc-app-shell .card.card-custom.bg-warning .card-header {
    background: transparent !important;
}

body.mlc-app-shell .card.card-custom.bg-primary .card-header,
body.mlc-app-shell .card.card-custom.bg-success .card-header,
body.mlc-app-shell .card.card-custom.bg-danger .card-header,
body.mlc-app-shell .card.card-custom.bg-info .card-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
}

body.mlc-app-shell .card.card-custom.bg-warning .card-header {
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

body.mlc-app-shell .card.card-custom.bg-primary .card-title,
body.mlc-app-shell .card.card-custom.bg-primary .card-label,
body.mlc-app-shell .card.card-custom.bg-primary .card-icon i,
body.mlc-app-shell .card.card-custom.bg-primary .card-body,
body.mlc-app-shell .card.card-custom.bg-primary .card-body p,
body.mlc-app-shell .card.card-custom.bg-primary .card-body label,
body.mlc-app-shell .card.card-custom.bg-success .card-title,
body.mlc-app-shell .card.card-custom.bg-success .card-label,
body.mlc-app-shell .card.card-custom.bg-success .card-icon i,
body.mlc-app-shell .card.card-custom.bg-success .card-body,
body.mlc-app-shell .card.card-custom.bg-success .card-body p,
body.mlc-app-shell .card.card-custom.bg-success .card-body label,
body.mlc-app-shell .card.card-custom.bg-danger .card-title,
body.mlc-app-shell .card.card-custom.bg-danger .card-label,
body.mlc-app-shell .card.card-custom.bg-danger .card-icon i,
body.mlc-app-shell .card.card-custom.bg-danger .card-body,
body.mlc-app-shell .card.card-custom.bg-danger .card-body p,
body.mlc-app-shell .card.card-custom.bg-danger .card-body label,
body.mlc-app-shell .card.card-custom.bg-info .card-title,
body.mlc-app-shell .card.card-custom.bg-info .card-label,
body.mlc-app-shell .card.card-custom.bg-info .card-icon i,
body.mlc-app-shell .card.card-custom.bg-info .card-body,
body.mlc-app-shell .card.card-custom.bg-info .card-body p,
body.mlc-app-shell .card.card-custom.bg-info .card-body label {
    color: #ffffff !important;
}

body.mlc-app-shell .card.card-custom.bg-warning .card-title,
body.mlc-app-shell .card.card-custom.bg-warning .card-label,
body.mlc-app-shell .card.card-custom.bg-warning .card-icon i,
body.mlc-app-shell .card.card-custom.bg-warning .card-body,
body.mlc-app-shell .card.card-custom.bg-warning .card-body p,
body.mlc-app-shell .card.card-custom.bg-warning .card-body label {
    color: #1f2937 !important;
}

body.mlc-app-shell .card.card-custom.bg-primary .separator-white,
body.mlc-app-shell .card.card-custom.bg-success .separator-white,
body.mlc-app-shell .card.card-custom.bg-danger .separator-white,
body.mlc-app-shell .card.card-custom.bg-info .separator-white {
    border-color: rgba(255, 255, 255, 0.18) !important;
}

body.mlc-app-shell .card.card-custom.bg-warning .separator-white {
    border-color: rgba(15, 23, 42, 0.12) !important;
}

body.mlc-app-shell .card.card-custom .card-footer {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    padding: 1rem 1.5rem;
}

/* Table modernization inside cards */
body.mlc-app-shell .card .table,
body.mlc-app-shell .mlc-form-row + .table,
body.mlc-app-shell .panel-body .table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-top: 1rem;
}

body.mlc-app-shell .card .table thead th,
body.mlc-app-shell .panel-body .table thead th {
    background: #f8fafc;
    color: #475569;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0.75rem 1rem;
}

body.mlc-app-shell .card .table td,
body.mlc-app-shell .panel-body .table td {
    color: var(--mlc-ink, #1e293b);
    border-top: 1px solid #f1f5f9;
    padding: 0.75rem 1rem;
    vertical-align: middle;
    font-size: 0.875rem;
}

body.mlc-app-shell .card .table tbody tr:hover td,
body.mlc-app-shell .panel-body .table tbody tr:hover td {
    background: #f8fafc;
}

/* Buttons - global Fluent style (extend beyond .mlc-form-panel / .mlc-card) */
body.mlc-app-shell .card .btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .panel-body .btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .card-footer .btn:not(.btn-link):not(.btn-icon) {
    min-height: 2.25rem;
    padding: 0.45rem 1.15rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.875rem;
    box-shadow: none;
    border: 1px solid transparent;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

body.mlc-app-shell .btn-primary:not(.btn-link):not(.btn-icon) {
    background: #0F6CBD !important;
    border-color: #0F6CBD !important;
    color: #fff !important;
}

body.mlc-app-shell .btn-primary:not(.btn-link):not(.btn-icon):hover {
    background: #0d5faa !important;
    border-color: #0d5faa !important;
}

body.mlc-app-shell .btn-secondary:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .btn-default:not(.btn-link):not(.btn-icon) {
    background: #fff !important;
    border-color: #D1D1D1 !important;
    color: #242424 !important;
}

body.mlc-app-shell .btn-secondary:not(.btn-link):not(.btn-icon):hover,
body.mlc-app-shell .btn-default:not(.btn-link):not(.btn-icon):hover {
    background: #f5f5f5 !important;
    border-color: #c0c0c0 !important;
}

body.mlc-app-shell .btn-success:not(.btn-link):not(.btn-icon) {
    background: #107C10 !important;
    border-color: #107C10 !important;
    color: #fff !important;
}

body.mlc-app-shell .btn-danger:not(.btn-link):not(.btn-icon) {
    background: #fff !important;
    border-color: #D1D1D1 !important;
    color: #B10E1C !important;
}

body.mlc-app-shell .btn-danger:not(.btn-link):not(.btn-icon):hover {
    background: #fef2f2 !important;
    border-color: #B10E1C !important;
}

/* Labels inside form rows - consistent weight */
body.mlc-app-shell .mlc-form-row .mlc-form-label,
body.mlc-app-shell .form-group label,
body.mlc-app-shell .form-group .control-label {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--mlc-ink, #1e293b);
}

/* Panel body cleanup - remove excess Metronic margins */
body.mlc-app-shell .panel-body {
    padding: 0;
}

/* Metronic margin utilities override to smaller values */
body.mlc-app-shell .mt-20 { margin-top: 1.25rem !important; }
body.mlc-app-shell .mt-15 { margin-top: 1rem !important; }
body.mlc-app-shell .mt-10 { margin-top: 0.625rem !important; }
body.mlc-app-shell .mb-20 { margin-bottom: 1.25rem !important; }
body.mlc-app-shell .mb-15 { margin-bottom: 1rem !important; }
body.mlc-app-shell .mb-10 { margin-bottom: 0.625rem !important; }
body.mlc-app-shell .pt-20 { padding-top: 1.25rem !important; }
body.mlc-app-shell .pt-15 { padding-top: 1rem !important; }
body.mlc-app-shell .pb-20 { padding-bottom: 1.25rem !important; }
body.mlc-app-shell .pb-15 { padding-bottom: 1rem !important; }

/* Checkbox & radio (non-switch) modernization */
body.mlc-app-shell .checkbox label,
body.mlc-app-shell .radio label,
body.mlc-app-shell .md-checkbox label,
body.mlc-app-shell .md-radio label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mlc-ink, #1e293b);
    cursor: pointer;
}

/* Tailwind card-style radio groups (.radio-inline) */
body.mlc-app-shell .radio-inline {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    padding: 0 !important;
}

body.mlc-app-shell .radio-inline label.radio {
    display: flex !important;
    align-items: center !important;
    gap: 0.625rem !important;
    flex-direction: row !important;
    padding: 0.75rem 1.125rem !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 0.625rem !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    margin: 0 !important;
    min-width: 0 !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: var(--mlc-ink, #1e293b) !important;
    position: relative !important;
}

body.mlc-app-shell .radio-inline label.radio:hover {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

body.mlc-app-shell .radio-inline label.radio input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 9999px !important;
    background: #fff !important;
    margin: 0 !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0 !important;
    transition: all 0.15s ease !important;
}

body.mlc-app-shell .radio-inline label.radio input[type="radio"]:checked {
    border-color: #0F6CBD !important;
    background: #0F6CBD !important;
    box-shadow: inset 0 0 0 3px #fff !important;
}

body.mlc-app-shell .radio-inline label.radio:has(input[type="radio"]:checked) {
    border-color: #0F6CBD !important;
    background: #eff6ff !important;
    box-shadow: 0 0 0 1px #0F6CBD !important;
}

/* Hide the Metronic custom radio span indicator inside .radio-inline */
body.mlc-app-shell .radio-inline label.radio > span {
    display: none !important;
}

/* Subheader / breadcrumb bar cleanup */
body.mlc-app-shell .subheader {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

body.mlc-app-shell .subheader h5 {
    font-size: 1.125rem;
    font-weight: 800;
    color: var(--mlc-ink, #1e293b);
    margin-right: 1.25rem !important;
}

body.mlc-app-shell .breadcrumb {
    font-size: 0.8125rem;
}

/* Nav tabs modernization (for pages not yet converted to mlc-tab-bar) */
body.mlc-app-shell .nav-tabs .nav-link {
    font-size: 0.875rem;
    font-weight: 700;
    color: #64748b;
    border: 0;
    border-bottom: 2px solid transparent;
    padding: 0.75rem 1rem;
    transition: color 0.2s ease, border-color 0.2s ease;
}

body.mlc-app-shell .nav-tabs .nav-link:hover {
    color: var(--mlc-ink, #1e293b);
    border-bottom-color: #cbd5e1;
}

body.mlc-app-shell .nav-tabs .nav-link.active {
    color: #0F6CBD;
    border-bottom-color: #0F6CBD;
    background: transparent;
}

body.mlc-app-shell .nav-tabs {
    border-bottom: 1px solid #e2e8f0;
}

/* Alerts inside forms */
body.mlc-app-shell .alert {
    border-radius: 0.5rem;
    font-size: 0.875rem;
    padding: 0.75rem 1rem;
}

body.mlc-app-shell .alert-info {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1e40af;
}

body.mlc-app-shell .alert-success {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #166534;
}

body.mlc-app-shell .alert-warning {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

body.mlc-app-shell .alert-danger {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

/* Separator / divider lines */
body.mlc-app-shell hr,
body.mlc-app-shell .separator {
    border-color: #e2e8f0;
    opacity: 1;
}

/* Popover / tooltip styling */
body.mlc-app-shell .tooltip {
    z-index: 10600 !important;
}

body.mlc-app-shell .popover {
    border-radius: 0.5rem;
    border-color: #e2e8f0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    font-size: 0.8125rem;
    z-index: 10600 !important;
}

/* Page title area cleanup */
body.mlc-app-shell .page-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--mlc-ink, #1e293b);
}

body.mlc-app-shell .mlc-section-banner h2 {
    font-size: clamp(2rem, 3vw, 3.2rem);
    line-height: 1.02;
    letter-spacing: -0.045em;
}

body.mlc-app-shell .mlc-section-banner p,
body.mlc-app-shell .mlc-note-card p {
    line-height: 1.7;
}

body.mlc-app-shell .mlc-feature-note {
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

body.mlc-app-shell .mlc-feature-note .card-header {
    border-bottom: 0 !important;
}

body.mlc-app-shell .mlc-feature-note--included .card-header {
    background: linear-gradient(135deg, #0f7b0f 0%, #16a34a 100%) !important;
}

body.mlc-app-shell .mlc-feature-note--upgrade .card-header {
    background: linear-gradient(135deg, #a16207 0%, #f59e0b 100%) !important;
}

body.mlc-app-shell .mlc-feature-note .card-title,
body.mlc-app-shell .mlc-feature-note .card-label,
body.mlc-app-shell .mlc-feature-note .card-icon i {
    color: #ffffff !important;
}

body.mlc-app-shell .mlc-feature-note .card-body {
    padding: 1.1rem 1.25rem 1.2rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-feature-note .card-body p {
    margin-bottom: 0.7rem;
    color: #475569;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-feature-note .card-body p strong {
    color: #0f172a;
}

body.mlc-app-shell .mlc-feature-note .card-body p:last-child {
    margin-bottom: 0;
}

body.mlc-app-shell .mlc-form-panel {
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

body.mlc-app-shell .mlc-form-panel .card-header {
    padding: 1rem 1.5rem;
    min-height: auto;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

body.mlc-app-shell .mlc-form-panel .card-footer {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

body.mlc-app-shell .mlc-form-panel .table-responsive {
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-form-panel .table-responsive > .table {
    margin-bottom: 0;
}

body.mlc-app-shell .mlc-form-panel .table thead th {
    background: #f8fafc;
    color: #475569;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0.75rem 1rem;
}

body.mlc-app-shell .mlc-form-panel .table td {
    color: var(--mlc-ink, #1e293b);
    border-top: 1px solid #f1f5f9;
    vertical-align: middle;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
}

body.mlc-app-shell .mlc-form-panel .table tbody tr:hover td {
    background: #f8fafc;
}

body.mlc-app-shell .mlc-form-panel .form-control,
body.mlc-app-shell .mlc-form-panel select.form-control {
    min-height: 2.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    background: #fff;
    color: var(--mlc-ink, #1e293b);
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.mlc-app-shell .mlc-form-panel textarea.form-control {
    min-height: 6rem;
    padding-top: 0.625rem;
}

body.mlc-app-shell .mlc-form-panel .form-control:focus,
body.mlc-app-shell .mlc-form-panel select.form-control:focus {
    border-color: #0F6CBD;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(15, 108, 189, 0.12);
}

body.mlc-app-shell .mlc-form-panel .btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-chart-email-shell .btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-cancel-shell .btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-card .btn:not(.btn-link):not(.btn-icon) {
    min-height: 2.5rem;
    padding: 0.55rem 1.35rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 0.9375rem;
    letter-spacing: 0;
    box-shadow: none;
    border: 1px solid transparent;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

body.mlc-app-shell .mlc-form-panel a.btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-form-panel button.btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-chart-email-shell a.btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-chart-email-shell button.btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-cancel-shell a.btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-cancel-shell button.btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-card a.btn:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-card button.btn:not(.btn-link):not(.btn-icon) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

body.mlc-app-shell .mlc-form-panel .btn.btn-sm:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-chart-email-shell .btn.btn-sm:not(.btn-link):not(.btn-icon),
body.mlc-app-shell .mlc-card .btn.btn-sm:not(.btn-link):not(.btn-icon) {
    min-height: 2.15rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.8125rem;
}

/* Primary button: solid blue fill, clean look */
body.mlc-app-shell .mlc-form-panel .btn.btn-primary,
body.mlc-app-shell .mlc-card .btn.btn-primary,
body.mlc-app-shell .mlc-cancel-shell .btn.btn-primary {
    background: #0F6CBD;
    border-color: #0F6CBD;
    color: #ffffff;
}

body.mlc-app-shell .mlc-form-panel .btn.btn-primary:hover,
body.mlc-app-shell .mlc-card .btn.btn-primary:hover,
body.mlc-app-shell .mlc-cancel-shell .btn.btn-primary:hover {
    background: #115EA3;
    border-color: #115EA3;
    color: #ffffff;
}

body.mlc-app-shell .mlc-form-panel .btn.btn-primary:active,
body.mlc-app-shell .mlc-card .btn.btn-primary:active {
    background: #0C3B5E;
    border-color: #0C3B5E;
}

/* Secondary/default button: white bg, subtle border */
body.mlc-app-shell .mlc-form-panel .btn.btn-default,
body.mlc-app-shell .mlc-form-panel .btn.btn-secondary,
body.mlc-app-shell .mlc-card .btn.btn-default,
body.mlc-app-shell .mlc-card .btn.btn-secondary,
body.mlc-app-shell .mlc-cancel-shell .btn.btn-secondary {
    background: #ffffff;
    border-color: #D1D1D1;
    color: #242424;
}

body.mlc-app-shell .mlc-form-panel .btn.btn-default:hover,
body.mlc-app-shell .mlc-form-panel .btn.btn-secondary:hover,
body.mlc-app-shell .mlc-card .btn.btn-default:hover,
body.mlc-app-shell .mlc-card .btn.btn-secondary:hover,
body.mlc-app-shell .mlc-cancel-shell .btn.btn-secondary:hover {
    background: #F5F5F5;
    border-color: #C7C7C7;
    color: #242424;
}

/* Success button */
body.mlc-app-shell .mlc-form-panel .btn.btn-success,
body.mlc-app-shell .mlc-card .btn.btn-success {
    background: #107C10;
    border-color: #107C10;
    color: #ffffff;
}

body.mlc-app-shell .mlc-form-panel .btn.btn-success:hover,
body.mlc-app-shell .mlc-card .btn.btn-success:hover {
    background: #0E6B0E;
    border-color: #0E6B0E;
    color: #ffffff;
}

/* Danger button */
body.mlc-app-shell .mlc-form-panel .btn.btn-danger,
body.mlc-app-shell .mlc-card .btn.btn-danger {
    background: #ffffff;
    border-color: #D1D1D1;
    color: #B10E1C;
}

body.mlc-app-shell .mlc-form-panel .btn.btn-danger:hover,
body.mlc-app-shell .mlc-card .btn.btn-danger:hover {
    background: #FDF3F4;
    border-color: #D1D1D1;
    color: #960B18;
}

/* Light-primary button */
body.mlc-app-shell .mlc-form-panel .btn.btn-light-primary,
body.mlc-app-shell .mlc-card .btn.btn-light-primary {
    background: #EBF3FC;
    border-color: #B4D6FA;
    color: #0F6CBD;
}

body.mlc-app-shell .mlc-form-panel .btn.btn-light-primary:hover,
body.mlc-app-shell .mlc-card .btn.btn-light-primary:hover {
    background: #CFE4FA;
    border-color: #96C6F7;
    color: #115EA3;
}

body.mlc-app-shell .mlc-form-panel .btn.btn-link {
    box-shadow: none;
}

body.mlc-app-shell .mlc-form-panel .alert.alert-custom.alert-white,
body.mlc-app-shell .mlc-form-panel .alert.alert-custom.alert-primary,
body.mlc-app-shell .mlc-analytics-shell > .alert.alert-custom.alert-white,
body.mlc-app-shell .mlc-ops-shell > .alert.alert-custom.alert-white {
    border: 1px solid #d7e4f2;
    border-radius: 1.1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-roster-table {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    background: #ffffff;
    padding: 0.55rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-roster-table table {
    margin-bottom: 0;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-header-copy {
    margin-top: 0.2rem;
    color: #67829d;
    font-size: 0.9rem;
    line-height: 1.6;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-side-list {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-side-item {
    padding: 1rem 1.05rem;
    border: 1px solid #dce8f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-side-item__title {
    margin-bottom: 0.35rem;
    color: #17395d;
    font-size: 0.92rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-side-item p {
    color: #5e7895;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-toolbar__copy {
    max-width: 44rem;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-toolbar__title {
    color: #183b61;
    font-size: 1rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-toolbar__copy p {
    margin-top: 0.28rem;
    color: #68829e;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-toolbar__actions {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-empty {
    display: none;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px dashed #d5e3f1;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-empty__title {
    color: #17395d;
    font-weight: 800;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-empty__copy {
    margin-top: 0.3rem;
    color: #68829e;
    line-height: 1.6;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-table {
    border-collapse: separate;
    border-spacing: 0;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-table > thead > tr > th {
    padding: 0.95rem 0.85rem;
    border-bottom: 1px solid #deebf7;
    color: #6f87a2;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%) !important;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-table > tbody > tr > td {
    padding: 1rem 0.85rem;
    border-top: 1px solid #edf3fa;
    vertical-align: middle;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agents-table > tbody > tr:hover {
    background: #f9fcff;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agent-row.is-disabled {
    background: linear-gradient(180deg, #fff9fb 0%, #fffdfd 100%);
}

body.mlc-app-shell .mlc-agents-shell .mlc-agent-avatar {
    width: 3.2rem;
    height: 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agent-avatar__frame {
    width: 3.2rem;
    height: 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce8f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
    overflow: hidden;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agent-avatar__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agent-login,
body.mlc-app-shell .mlc-agents-shell .mlc-agent-display {
    color: #17395d;
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1.35;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agent-email,
body.mlc-app-shell .mlc-agents-shell .mlc-agent-meta,
body.mlc-app-shell .mlc-agents-shell .mlc-agent-secret {
    margin-top: 0.2rem;
    color: #68829e;
    font-size: 0.84rem;
    line-height: 1.55;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agent-secret {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    background: #f4f8fd;
    font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
    color: #31557d;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agent-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.25rem;
    padding: 0.32rem 0.9rem;
    border: 1px solid #d6e4f2;
    border-radius: 999px;
    background: #f7fbff;
    color: #1a64c8;
    font-weight: 800;
    box-shadow: none;
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agent-action:hover {
    border-color: #bcd4eb;
    background: #ffffff;
    color: #134d9d;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agent-action i {
    font-size: 0.9rem;
}

body.mlc-app-shell .mlc-agents-shell .mlc-agent-action span {
    line-height: 1;
}

body.mlc-app-shell .mlc-agent-help-trigger {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7e5f5;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
    color: #2563eb;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

body.mlc-app-shell .mlc-agent-help-trigger:hover,
body.mlc-app-shell .mlc-agent-help-trigger:focus,
body.mlc-app-shell .mlc-agent-help-trigger[aria-expanded="true"] {
    outline: 0;
    color: #1d4ed8;
    border-color: #93c5fd;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.18);
    transform: translateY(-1px);
}

body.mlc-app-shell .mlc-agent-help-trigger .svg-icon {
    width: 1.25rem;
    height: 1.25rem;
}

body.mlc-app-shell .mlc-agent-help-trigger .svg-icon svg [stroke]:not([stroke="none"]),
body.mlc-app-shell .mlc-agent-help-trigger .svg-icon svg [fill]:not([fill="none"]) {
    stroke: currentColor !important;
    fill: currentColor !important;
}

body.mlc-app-shell #mlc_agent_help_popover {
    position: fixed;
    z-index: 10620;
    width: min(20rem, calc(100vw - 2rem));
    padding: 0.95rem 1rem 1rem;
    border: 1px solid #d7e5f5;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 24px 54px rgba(15, 31, 53, 0.14);
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

body.mlc-app-shell #mlc_agent_help_popover.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

body.mlc-app-shell #mlc_agent_help_popover:before,
body.mlc-app-shell #mlc_agent_help_popover:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

body.mlc-app-shell #mlc_agent_help_popover:before {
    left: -9px;
    border-right: 9px solid #d7e5f5;
}

body.mlc-app-shell #mlc_agent_help_popover:after {
    left: -8px;
    border-right: 9px solid #ffffff;
}

body.mlc-app-shell #mlc_agent_help_popover.is-left:before {
    left: auto;
    right: -9px;
    border-right: 0;
    border-left: 9px solid #d7e5f5;
}

body.mlc-app-shell #mlc_agent_help_popover.is-left:after {
    left: auto;
    right: -8px;
    border-right: 0;
    border-left: 9px solid #ffffff;
}

body.mlc-app-shell .mlc-agent-help-popover__title {
    margin: 0;
    color: #17385d;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.4;
}

body.mlc-app-shell .mlc-agent-help-popover__body {
    margin-top: 0.45rem;
    color: #5d7895;
    font-size: 0.88rem;
    line-height: 1.65;
}

body.mlc-app-shell .operatordialog .modal-content {
    border: 1px solid #d7e4f2;
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 28px 64px rgba(15, 31, 53, 0.18);
}

body.mlc-app-shell .operatordialog .modal-header {
    padding: 1rem 1.2rem;
    border-bottom: 1px solid #deebf7;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
}

body.mlc-app-shell .operatordialog .modal-body {
    padding: 0;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

body.mlc-app-shell .operatordialog .table.form.mlc-agent-editor-table {
    margin-bottom: 0;
}

body.mlc-app-shell .operatordialog .table.form.mlc-agent-editor-table td {
    padding: 0.55rem 0.5rem;
    vertical-align: top;
}

body.mlc-app-shell .operatordialog .table.form.mlc-agent-editor-table label.control-label {
    color: #21476f;
    font-weight: 800;
}

body.mlc-app-shell .operatordialog .table.form.mlc-agent-editor-table input.form-control,
body.mlc-app-shell .operatordialog .table.form.mlc-agent-editor-table select.form-control,
body.mlc-app-shell .operatordialog .table.form.mlc-agent-editor-table textarea.form-control {
    width: 100% !important;
    border-color: #ceddec;
    border-radius: 0.85rem;
    box-shadow: none;
}

body.mlc-app-shell .operatordialog .table.form.mlc-agent-editor-table .buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.4rem !important;
}

body.mlc-app-shell .operatordialog .table.form.mlc-agent-editor-table .buttons .btn {
    min-height: 2.45rem;
    padding: 0.4rem 1rem;
    border-radius: 999px;
    font-weight: 800;
}

body.mlc-app-shell .operatordialog .btn.btn-info,
body.mlc-app-shell .operatordialog .btn.btn-success {
    border-radius: 999px;
    font-weight: 800;
}

body.mlc-app-shell .operatordialog .btn.btn-info {
    background: #eef6ff;
    border-color: #cfe0f4;
    color: #175fc1;
}

body.mlc-app-shell .operatordialog .btn.btn-success {
    background: #e9f8f0;
    border-color: #cbe9d7;
    color: #10704d;
}

body.mlc-app-shell .operatordialog p {
    color: #607a96;
}

body.mlc-app-shell .mlc-departments-shell .mlc-table-panel {
    border: 1px solid #d7e4f2;
    border-radius: 1.2rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    padding: 1.1rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-list-shell__copy,
body.mlc-app-shell .mlc-departments-shell .mlc-departments-toolbar__copy {
    max-width: 46rem;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-list-shell__title,
body.mlc-app-shell .mlc-departments-shell .mlc-departments-toolbar__title {
    color: #183b61;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-list-shell__copy p,
body.mlc-app-shell .mlc-departments-shell .mlc-departments-toolbar__copy p {
    margin-top: 0.3rem;
    color: #68829e;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-settings-block {
    margin-bottom: 1rem;
    padding: 1.15rem 1.2rem;
    border: 1px solid #dbe7f3;
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-settings-copy {
    margin-bottom: 0.9rem;
    color: #64809d;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-settings-block .mlc-form-label {
    color: #17395d;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-settings-block .radio-list label,
body.mlc-app-shell .mlc-departments-shell .mlc-departments-settings-block .radio-inline label,
body.mlc-app-shell .mlc-departments-shell .mlc-departments-settings-block .checkbox-inline label {
    color: #274a72;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-settings-block input.form-control {
    border-color: #ceddec;
    border-radius: 0.9rem;
    box-shadow: none;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-side-list {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-side-item {
    padding: 1rem 1.05rem;
    border: 1px solid #dce8f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-side-item__title {
    margin-bottom: 0.35rem;
    color: #17395d;
    font-size: 0.92rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-side-item p,
body.mlc-app-shell .mlc-departments-shell .mlc-departments-side-item a {
    color: #5e7895;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-side-item a:hover {
    color: #155ab6;
}

body.mlc-app-shell .mlc-departments-help-trigger {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7e5f5;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
    color: #2563eb;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

body.mlc-app-shell .mlc-departments-help-trigger-inline {
    margin-left: 0.45rem;
    vertical-align: middle;
}

body.mlc-app-shell .mlc-departments-help-trigger:hover,
body.mlc-app-shell .mlc-departments-help-trigger:focus,
body.mlc-app-shell .mlc-departments-help-trigger[aria-expanded="true"] {
    outline: 0;
    color: #1d4ed8;
    border-color: #93c5fd;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.18);
    transform: translateY(-1px);
}

body.mlc-app-shell .mlc-departments-help-trigger .svg-icon {
    width: 1.2rem;
    height: 1.2rem;
}

body.mlc-app-shell .mlc-departments-help-trigger .svg-icon svg [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}

body.mlc-app-shell #mlc_departments_help_popover {
    position: fixed;
    z-index: 10620;
    width: min(21rem, calc(100vw - 2rem));
    padding: 0.95rem 1rem 1rem;
    border: 1px solid #d7e5f5;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 24px 54px rgba(15, 31, 53, 0.14);
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

body.mlc-app-shell #mlc_departments_help_popover.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

body.mlc-app-shell #mlc_departments_help_popover:before,
body.mlc-app-shell #mlc_departments_help_popover:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

body.mlc-app-shell #mlc_departments_help_popover:before {
    left: -9px;
    border-right: 9px solid #d7e5f5;
}

body.mlc-app-shell #mlc_departments_help_popover:after {
    left: -8px;
    border-right: 9px solid #ffffff;
}

body.mlc-app-shell #mlc_departments_help_popover.is-left:before {
    left: auto;
    right: -9px;
    border-right: 0;
    border-left: 9px solid #d7e5f5;
}

body.mlc-app-shell #mlc_departments_help_popover.is-left:after {
    left: auto;
    right: -8px;
    border-right: 0;
    border-left: 9px solid #ffffff;
}

body.mlc-app-shell .mlc-departments-help-popover__title {
    color: #17385d;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.4;
}

body.mlc-app-shell .mlc-departments-help-popover__body {
    margin-top: 0.45rem;
    color: #5d7895;
    font-size: 0.88rem;
    line-height: 1.65;
}

body.mlc-app-shell #mlc_dashboard_help_popover {
    position: fixed;
    z-index: 10610;
    width: min(20rem, calc(100vw - 2rem));
    padding: 0.9rem 1rem 0.95rem;
    border: 1px solid #d7e5f5;
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 24px 54px rgba(15, 31, 53, 0.14);
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

body.mlc-app-shell #mlc_dashboard_help_popover.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

body.mlc-app-shell #mlc_dashboard_help_popover:before,
body.mlc-app-shell #mlc_dashboard_help_popover:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

body.mlc-app-shell #mlc_dashboard_help_popover:before {
    left: -9px;
    border-right: 9px solid #d7e5f5;
}

body.mlc-app-shell #mlc_dashboard_help_popover:after {
    left: -8px;
    border-right: 9px solid #ffffff;
}

body.mlc-app-shell #mlc_dashboard_help_popover.is-left:before {
    left: auto;
    right: -9px;
    border-right: 0;
    border-left: 9px solid #d7e5f5;
}

body.mlc-app-shell #mlc_dashboard_help_popover.is-left:after {
    left: auto;
    right: -8px;
    border-right: 0;
    border-left: 9px solid #ffffff;
}

body.mlc-app-shell .mlc-dashboard-help-popover__title {
    margin: 0;
    color: #17385d;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.4;
}

body.mlc-app-shell .mlc-dashboard-help-popover__body {
    margin-top: 0.45rem;
    color: #5d7895;
    font-size: 0.88rem;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-toolbar__actions {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-empty {
    display: none;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px dashed #d5e3f1;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-empty__title {
    color: #17395d;
    font-weight: 800;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-empty__copy {
    margin-top: 0.3rem;
    color: #68829e;
    line-height: 1.6;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-table {
    border-collapse: separate;
    border-spacing: 0;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-table > thead > tr > th {
    padding: 0.95rem 0.9rem;
    border-bottom: 1px solid #deebf7;
    color: #6f87a2;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%) !important;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-table > tbody > tr > td {
    padding: 1rem 0.9rem;
    border-top: 1px solid #edf3fa;
    vertical-align: top;
}

body.mlc-app-shell .mlc-departments-shell .mlc-departments-table > tbody > tr:hover {
    background: #f9fcff;
}

body.mlc-app-shell .mlc-departments-shell .mlc-department-row {
    cursor: pointer;
}

body.mlc-app-shell .mlc-departments-shell .mlc-department-name {
    color: #17395d;
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1.35;
}

body.mlc-app-shell .mlc-departments-shell .mlc-department-meta,
body.mlc-app-shell .mlc-departments-shell .mlc-department-description {
    margin-top: 0.22rem;
    color: #68829e;
    font-size: 0.86rem;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-departments-shell .mlc-department-agents {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

body.mlc-app-shell .mlc-departments-shell .mlc-department-agent-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid #d8e5f2;
    border-radius: 999px;
    background: #f7fbff;
    color: #21517d;
    font-size: 0.82rem;
    font-weight: 700;
}

body.mlc-app-shell .mlc-departments-shell .mlc-department-agent-tag small {
    color: #6c86a2;
    font-size: 0.72rem;
    font-weight: 700;
}

body.mlc-app-shell .mlc-departments-shell .mlc-department-agent-tag.is-empty {
    background: #fff8ee;
    border-color: #f2dfbb;
    color: #9a6500;
}

body.mlc-app-shell .mlc-departments-shell .mlc-department-manage {
    text-align: right;
}

body.mlc-app-shell .mlc-departments-shell .mlc-department-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.25rem;
    padding: 0.32rem 0.9rem;
    border: 1px solid #d6e4f2;
    border-radius: 999px;
    background: #f7fbff;
    color: #1a64c8;
    font-weight: 800;
    box-shadow: none;
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-departments-shell .mlc-department-action:hover {
    border-color: #bcd4eb;
    background: #ffffff;
    color: #134d9d;
}

body.mlc-app-shell .departmentdialog .modal-content {
    border: 1px solid #d7e4f2;
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 28px 64px rgba(15, 31, 53, 0.18);
}

body.mlc-app-shell .departmentdialog .modal-body {
    padding: 0;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

body.mlc-app-shell .mlc-department-dialog-intro {
    padding: 1rem 1.15rem;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
    color: #68829e;
    line-height: 1.7;
}

body.mlc-app-shell .departmentdialog .table.form.mlc-department-dialog-table {
    margin-bottom: 0;
}

body.mlc-app-shell .departmentdialog .table.form.mlc-department-dialog-table td {
    padding: 0.6rem 0.55rem;
    vertical-align: top;
}

body.mlc-app-shell .departmentdialog .table.form.mlc-department-dialog-table td:first-child {
    color: #21476f;
    font-weight: 800;
}

body.mlc-app-shell .departmentdialog .table.form.mlc-department-dialog-table input.form-control,
body.mlc-app-shell .departmentdialog .table.form.mlc-department-dialog-table select.form-control,
body.mlc-app-shell .departmentdialog .table.form.mlc-department-dialog-table textarea.form-control {
    width: 100% !important;
    border-color: #ceddec;
    border-radius: 0.9rem;
    box-shadow: none;
}

body.mlc-app-shell .mlc-department-dialog-list-title {
    margin-bottom: 0.45rem;
    color: #17395d;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-department-dialog-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

body.mlc-app-shell .mlc-department-dialog-actions .btn {
    min-height: 2.45rem;
    padding: 0.4rem 1rem;
    border-radius: 999px;
    font-weight: 800;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-block {
    margin: 0;
    padding: 1.1rem 0;
    border-top: 1px solid #e3edf6;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-block:first-child {
    padding-top: 0.2rem;
    border-top: 0;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-copy {
    color: #68829e;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-option-list {
    display: grid;
    gap: 0.85rem;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-option {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin: 0 !important;
    padding: 1rem 1.05rem;
    border: 1px solid #dce8f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-option:hover {
    border-color: #c6daef;
    background: #ffffff;
    transform: translateY(-1px);
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-option > span:last-child {
    display: block;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-option strong {
    display: block;
    color: #183b61;
    font-size: 0.96rem;
    font-weight: 800;
    line-height: 1.45;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-option small {
    display: block;
    margin-top: 0.3rem;
    color: #68829e;
    font-size: 0.84rem;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-editor {
    padding: 1.1rem;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-editor__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-editor__title {
    color: #183b61;
    font-size: 1rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-editor__header p {
    margin-top: 0.25rem;
    color: #68829e;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-editor__badge {
    display: inline-flex;
    align-items: center;
    min-height: 2.2rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    border: 1px solid #d7e5f5;
    background: #f5f9ff;
    color: #1c5fbe;
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-table {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-table > thead > tr > th {
    padding: 0.85rem 0.9rem;
    border-bottom: 1px solid #deebf7;
    color: #6f87a2;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-table > tbody > tr > td {
    padding: 1rem 0.9rem;
    border-top: 1px solid #edf3fa;
    vertical-align: top;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-table > tbody > tr:hover {
    background: #f9fcff;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-photo-frame {
    width: 3.2rem;
    height: 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce8f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
    overflow: hidden;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-photo-frame .agentphoto {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-agentname {
    color: #17395d;
    font-size: 0.97rem;
    font-weight: 800;
    line-height: 1.4;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-agentmeta {
    margin-top: 0.2rem;
    color: #68829e;
    font-size: 0.83rem;
    line-height: 1.55;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-table textarea.form-control {
    min-height: 7rem;
    border-color: #ceddec;
    border-radius: 0.95rem;
    box-shadow: none;
    resize: vertical;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-side-list {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-side-item {
    padding: 1rem 1.05rem;
    border: 1px solid #dce8f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-side-item__title {
    margin-bottom: 0.35rem;
    color: #17395d;
    font-size: 0.92rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-side-item p {
    color: #5e7895;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-preview-card {
    padding: 1rem 1.05rem 1.1rem;
    border: 1px solid #dce8f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-preview-card__label {
    margin-bottom: 0.75rem;
    color: #17395d;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-preview-card img {
    display: block;
    width: 100%;
    border-color: #d7e4f2 !important;
    border-radius: 1rem !important;
}

body.mlc-app-shell .mlc-notification-shell .mlc-notification-row {
    margin: 0;
    padding: 1.05rem 0;
    border-top: 1px solid #e3edf6;
}

body.mlc-app-shell .mlc-notification-shell .mlc-notification-row:first-child {
    padding-top: 0.2rem;
    border-top: 0;
}

body.mlc-app-shell .mlc-notification-shell .mlc-notification-row__copy {
    max-width: 30rem;
}

body.mlc-app-shell .mlc-notification-shell .mlc-notification-row__copy .mlc-form-label {
    color: #183b61;
}

body.mlc-app-shell .mlc-notification-shell .mlc-notification-row__copy p {
    margin-top: 0.3rem;
    color: #68829e;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-notification-shell .mlc-notification-side-list {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-notification-shell .mlc-notification-side-item {
    padding: 1rem 1.05rem;
    border: 1px solid #dce8f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
}

body.mlc-app-shell .mlc-notification-shell .mlc-notification-side-item__title {
    margin-bottom: 0.35rem;
    color: #17395d;
    font-size: 0.92rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-notification-shell .mlc-notification-side-item p,
body.mlc-app-shell .mlc-notification-shell .mlc-notification-side-item a {
    color: #5e7895;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-notification-shell .mlc-notification-side-item a:hover {
    color: #155ab6;
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-agents-shell .mlc-agents-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    body.mlc-app-shell .mlc-agents-shell .mlc-agents-toolbar__actions {
        width: 100%;
    }

    body.mlc-app-shell .mlc-departments-shell .mlc-departments-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    body.mlc-app-shell .mlc-departments-shell .mlc-departments-toolbar__actions {
        width: 100%;
    }

    body.mlc-app-shell .mlc-departments-shell .mlc-department-manage {
        text-align: left;
    }

    body.mlc-app-shell .mlc-agentselector-shell .mlc-agentselector-editor__header {
        flex-direction: column;
        align-items: flex-start;
    }
}

body.mlc-app-shell .mlc-chart-email-shell .mlc-chart-email-filters,
body.mlc-app-shell .mlc-analytics-shell .mlc-analytics-filterbar {
    margin: 0 0 1.25rem;
    padding: 1rem 1.1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
}

body.mlc-app-shell .mlc-chart-email-shell .mlc-chart-email-filters [class*="col-"],
body.mlc-app-shell .mlc-analytics-shell .mlc-analytics-filterbar [class*="col-"] {
    display: flex;
    align-items: center;
}

body.mlc-app-shell .mlc-chart-email-shell .mlc-chart-email-frame,
body.mlc-app-shell .mlc-analytics-shell #chartcontainer {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.mlc-app-shell .mlc-analytics-shell .mlc-analytics-card .card-spacer {
    padding: 1.35rem 1.45rem 1.5rem;
}

body.mlc-app-shell .mlc-analytics-shell #span_date {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.2rem 0.65rem;
    border-radius: 9999px;
    background: #eef6ff;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-reply-actions {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dfeaf5;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-reply-actions > div:last-child,
body.mlc-app-shell .mlc-ticket-create-shell .card-footer .col-8,
body.mlc-app-shell .mlc-cancel-shell .card-footer .col-8 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    justify-content: flex-end;
}

body.mlc-app-shell .mlc-ticket-create-shell .card-footer .col-8 .btn,
body.mlc-app-shell .mlc-cancel-shell .card-footer .col-8 .btn,
body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-reply-actions > div:last-child .btn {
    margin-right: 0 !important;
}

body.mlc-app-shell .mlc-ops-shell .card-toolbar .btn.btn-icon {
    border: 1px solid #d6e3f0;
    border-radius: 9999px;
    background: #f5f9ff;
    box-shadow: none;
}

body.mlc-app-shell .mlc-ops-shell .card-toolbar .btn.btn-icon:hover {
    border-color: #bdd4eb;
    background: #ffffff;
}

body.mlc-app-shell .mlc-ops-shell .badge,
body.mlc-app-shell .mlc-analytics-shell .badge {
    border-radius: 9999px;
}

body.mlc-app-shell .mlc-settings-shell .mlc-settings-card .card-body {
    padding: 1.35rem 1.45rem 1.55rem;
}

body.mlc-app-shell .mlc-settings-shell .mlc-settings-card .card-header.card-header-tabs-line {
    padding: 0.9rem 1.2rem 0;
}

body.mlc-app-shell .mlc-settings-shell .nav-tabs.nav-tabs-line-3x .nav-link {
    border: 1px solid #d7e4f2 !important;
    border-bottom-width: 1px !important;
    border-radius: 9999px;
    background: #f7fbff;
    color: #214669;
    padding: 0.78rem 1rem;
}

body.mlc-app-shell .mlc-settings-shell .nav-tabs.nav-tabs-line-3x .nav-link:hover,
body.mlc-app-shell .mlc-settings-shell .nav-tabs.nav-tabs-line-3x .nav-link.active {
    border-color: #bcd2e8 !important;
    background: #ffffff;
    color: #123a61;
    box-shadow: 0 10px 24px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-settings-shell .mlc-settings-stack > .form-group.row {
    margin: 0;
    padding: 1.05rem 0;
    border-top: 1px solid #e3edf7;
}

body.mlc-app-shell .mlc-settings-shell .mlc-settings-stack > .form-group.row:first-child {
    padding-top: 0.15rem;
    border-top: 0;
}

body.mlc-app-shell .mlc-settings-shell .mlc-settings-stack .col-form-label,
body.mlc-app-shell .mlc-settings-shell .mlc-settings-stack .control-label {
    color: #1e3a5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-settings-shell .switch.switch-icon {
    width: 100%;
}

body.mlc-app-shell .mlc-settings-shell .switch.switch-icon label {
    display: block;
    width: 100%;
    padding: 1rem 1.1rem 1rem 4rem;
    border: 1px solid #d7e4f2;
    border-radius: 1.1rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    color: #26496f;
    font-weight: 600;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-settings-shell .checkbox-inline .checkbox {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid rgba(20, 116, 234, 0.08);
    border-radius: 1rem;
    background: rgba(248, 251, 255, 0.85);
}

body.mlc-app-shell .mlc-settings-shell .checkbox-inline .checkbox:hover {
    border-color: rgba(20, 116, 234, 0.16);
    background: #ffffff;
}

body.mlc-app-shell .mlc-settings-shell .input-group-text {
    border-color: #d5e3f0;
    border-radius: 0 1rem 1rem 0;
    background: #eef5fd;
    color: #214669;
    font-weight: 700;
}

body.mlc-app-shell .mlc-settings-shell .mlc-settings-actions .col-8,
body.mlc-app-shell .mlc-settings-shell .mlc-settings-actions .col-9,
body.mlc-app-shell .mlc-billing-shell .mlc-billing-action-row .col-8 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-settings-shell .mlc-settings-actions .btn,
body.mlc-app-shell .mlc-billing-shell .mlc-billing-action-row .btn {
    margin-right: 0 !important;
}

body.mlc-app-shell .mlc-settings-shell .mlc-settings-actions .col-3:empty,
body.mlc-app-shell .mlc-billing-shell .mlc-billing-action-row .col-3:empty {
    display: none;
}

body.mlc-app-shell .mlc-table-panel {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    padding: 0.7rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.mlc-app-shell .mlc-table-panel #container_panel {
    min-height: 8rem;
}

body.mlc-app-shell .mlc-emailreport-settings-shell .mlc-emailreport-recipient {
    margin-left: 0;
    max-width: 24rem;
    width: 100%;
}

body.mlc-app-shell .mlc-emailreport-settings-shell .mlc-form-row {
    grid-template-columns: minmax(20rem, 0.58fr) minmax(14rem, 0.42fr);
    column-gap: 1.25rem;
}

body.mlc-app-shell .mlc-emailreport-settings-shell .mlc-form-row > :first-child,
body.mlc-app-shell .mlc-emailreport-settings-shell .mlc-form-row > :last-child {
    min-width: 0;
}

body.mlc-app-shell .mlc-billing-shell .mlc-billing-summary-table {
    width: min(34rem, 100%);
}

body.mlc-app-shell .mlc-billing-shell .mlc-billing-summary-table td {
    padding: 0.95rem 1rem;
}

body.mlc-app-shell .mlc-billing-shell .mlc-billing-history-panel {
    margin-top: 0.5rem;
}

body.mlc-app-shell .mlc-billing-shell .mlc-billing-sidecard p {
    color: #27486b;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-chart-agent-shell #chartcontainer {
    border: 1px solid #d7e4f2;
    border-radius: 1.1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    padding: 0.35rem;
}

body.mlc-app-shell .mlc-chart-agent-shell #span_date .badge {
    border-radius: 9999px;
    padding: 0.42rem 0.75rem;
}

body.mlc-app-shell .mlc-ordercomplete-shell .mlc-ordercomplete-main .card-body > .d-flex {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e3edf7;
}

body.mlc-app-shell .mlc-ordercomplete-shell .mlc-ordercomplete-summary .form-group.row {
    margin: 0;
    padding: 0.95rem 0;
    border-bottom: 1px solid #e8f0f8;
}

body.mlc-app-shell .mlc-ordercomplete-shell .mlc-ordercomplete-summary .form-group.row:last-of-type {
    border-bottom: 0;
}

body.mlc-app-shell .mlc-ordercomplete-shell .mlc-ordercomplete-summary .form-control-plaintext {
    color: #16385d;
}

body.mlc-app-shell .mlc-ordercomplete-shell .mlc-ordercomplete-lineitems,
body.mlc-app-shell .mlc-ordercomplete-shell .mlc-ordercomplete-totals {
    border: 1px solid #d7e4f2;
    border-radius: 1.1rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    overflow: hidden;
}

body.mlc-app-shell .mlc-ordercomplete-shell .mlc-ordercomplete-sidecard .card-body {
    padding: 1.35rem 1.45rem;
}

body.mlc-app-shell .mlc-ordercomplete-shell .mlc-ordercomplete-sidecard p {
    color: #27486b;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-card .card-body > .d-flex {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e3edf7;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-copy {
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
    color: #486789;
    line-height: 1.75;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-highlight {
    border-radius: 1rem;
    border: 1px solid #cfe2ff;
    background: linear-gradient(180deg, #f6fbff 0%, #eef6ff 100%);
    color: #284c72;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-highlight img {
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 auto;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-summary-table,
body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-errorcopy {
    border: 1px solid #d7e4f2;
    border-radius: 1.1rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-summary-table {
    overflow: hidden;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-summary-table table {
    margin-bottom: 0;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-summary-table th,
body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-summary-table td {
    padding: 1rem 1.1rem;
    vertical-align: middle;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-summary-table tr + tr td,
body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-summary-table tr + tr th {
    border-top: 1px solid #e8f0f8;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-totals {
    margin-top: 1.5rem;
    margin-right: 0;
    padding: 1rem 1.25rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-totals dt,
body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-totals dd {
    line-height: 1.8;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-action-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    margin-top: 1.25rem;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-action-row .btn,
body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-action-row input.btn {
    min-width: 10.5rem;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-errorcopy {
    max-width: 42rem;
    margin: 1rem auto 0;
    padding: 1rem 1.15rem;
    text-align: left;
    color: #36597f;
    white-space: pre-wrap;
    word-break: break-word;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-sidecard p {
    color: #27486b;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-accordion .card {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    box-shadow: none;
    overflow: hidden;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-accordion .card + .card {
    margin-top: 0.85rem;
}

body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-accordion .card-header {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-chart-email-shell .mlc-chart-email-filters,
    body.mlc-app-shell .mlc-analytics-shell .mlc-analytics-filterbar {
        padding: 0.95rem;
    }

    body.mlc-app-shell .mlc-chart-email-shell .mlc-chart-email-filters [class*="col-"],
    body.mlc-app-shell .mlc-analytics-shell .mlc-analytics-filterbar [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        justify-content: flex-start !important;
        margin-bottom: 0.65rem;
    }

    body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-reply-actions,
    body.mlc-app-shell .mlc-ticket-create-shell .card-footer .col-8,
    body.mlc-app-shell .mlc-cancel-shell .card-footer .col-8 {
        justify-content: flex-start;
    }

    body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-summary {
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-footer__actions {
        justify-content: flex-start;
    }

    body.mlc-app-shell .mlc-settings-shell .mlc-settings-stack > .form-group.row > [class*="col-"],
    body.mlc-app-shell .mlc-settings-shell .mlc-settings-actions [class*="col-"],
    body.mlc-app-shell .mlc-billing-shell .mlc-billing-action-row [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    body.mlc-app-shell .mlc-emailreport-settings-shell .mlc-emailreport-recipient {
        margin-left: 0;
        max-width: 100%;
    }

    body.mlc-app-shell .mlc-emailreport-settings-shell .mlc-form-row {
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-ordercomplete-shell .mlc-ordercomplete-main .card-body > .d-flex {
        padding-bottom: 1.25rem;
    }

    body.mlc-app-shell .mlc-checkout-shell .mlc-checkout-totals {
        float: none !important;
        width: 100%;
    }
}

body.mlc-docs-shell .mlc-legacy-query-tabs {
    border: 1px solid #dce7f4;
    border-radius: 1.25rem;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 31, 53, 0.08);
    overflow: hidden;
}

body.mlc-docs-shell .mlc-legacy-query-tabs > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    list-style: none;
    margin: 0;
    padding: 1rem;
    background: #f3f8ff;
    border-bottom: 1px solid #dce7f4;
}

body.mlc-docs-shell .mlc-legacy-query-tabs > ul li {
    margin: 0;
}

body.mlc-docs-shell .mlc-legacy-query-tabs > ul li a {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid #c7d8eb;
    padding: 0.35rem 0.8rem;
    color: #1b416b;
    font-weight: 700;
    text-decoration: none;
    background: #ffffff;
}

body.mlc-docs-shell .mlc-legacy-query-tabs > ul li.ui-tabs-active a,
body.mlc-docs-shell .mlc-legacy-query-tabs > ul li a:hover {
    background: #0ea5e9;
    border-color: #0ea5e9;
    color: #ffffff;
}

body.mlc-docs-shell .mlc-legacy-query-tabs .ui-tabs-panel {
    padding: 1.1rem 1.2rem 1.25rem;
}

body.mlc-docs-shell .mlc-legacy-query-tabs .docul {
    margin: 0;
    padding-left: 0;
}

body.mlc-docs-shell .mlc-legacy-query-tabs .docul li {
    margin-top: 0;
    border-bottom: 1px dashed #d4e1ee;
    padding: 0.9rem 0;
}

body.mlc-docs-shell .mlc-legacy-query-tabs .docul li .floatdiv {
    float: none;
    width: auto;
    margin-top: 0.4rem;
}

body.mlc-docs-shell .mlc-legacy-query-tabs .qsname {
    border-radius: 0.6rem;
    font-size: 0.78rem;
    margin-right: 0.45rem;
    min-width: 8rem;
}

body.mlc-docs-shell .mlc-legacy-query-tabs fieldset {
    border: 1px solid #d2e0ef;
    border-radius: 1rem;
    background: #f8fbff;
    margin: 0.9rem 0;
    padding: 1rem;
}

body.mlc-docs-shell .mlc-legacy-query-tabs legend {
    border: 1px solid #c7d8eb;
    border-radius: 999px;
    background: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.35rem 0.8rem;
}

body.mlc-docs-shell .mlc-legacy-query-tabs .buttons .button,
body.mlc-docs-shell .mlc-legacy-query-tabs .buttons .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid #c7d8eb;
    background: #ffffff;
    color: #1b416b;
    font-weight: 700;
    padding: 0.45rem 0.9rem;
    text-decoration: none;
}

body.mlc-docs-shell .mlc-legacy-query-tabs .buttons .button:hover,
body.mlc-docs-shell .mlc-legacy-query-tabs .buttons .btn:hover {
    background: #0ea5e9;
    border-color: #0ea5e9;
    color: #ffffff;
}

@media (min-width: 992px) {
    body.mlc-docs-shell .mlc-legacy-query-tabs .docul li {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }

    body.mlc-docs-shell .mlc-legacy-query-tabs .docul li .floatdiv {
        flex: 1;
        margin-top: 0;
    }
}

body.mlc-app-shell .mlc-helpdesk-shell .panel-body > p {
    color: #1f3b5b;
    font-weight: 600;
}

body.mlc-app-shell .mlc-helpdesk-shell input.form-control,
body.mlc-app-shell .mlc-helpdesk-shell select.form-control {
    display: inline-block;
    width: auto;
    min-width: 11rem;
    margin: 0 0.5rem 0.6rem 0.35rem;
    border-color: #cddced;
    border-radius: 0.75rem;
    box-shadow: none;
}

body.mlc-app-shell .mlc-helpdesk-shell .btn.btn-sm {
    border-radius: 999px;
    padding: 0.35rem 0.9rem;
    font-weight: 700;
}

body.mlc-app-shell .mlc-helpdesk-shell .mlc-helpdesk-table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #d7e4f2;
    border-radius: 0.9rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-helpdesk-shell .mlc-helpdesk-table thead th,
body.mlc-app-shell .mlc-helpdesk-shell .mlc-helpdesk-table tr:first-child th {
    background: #f4f8fd;
    color: #183a63;
    border-bottom: 1px solid #d7e4f2;
}

body.mlc-app-shell .mlc-helpdesk-config-shell .panel-body > p {
    color: #1f3b5b;
    font-weight: 600;
}

body.mlc-app-shell .mlc-helpdesk-config-shell .form-group {
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-helpdesk-config-shell .control-label {
    color: #20466f;
    font-weight: 700;
}

body.mlc-app-shell .mlc-helpdesk-config-shell input.form-control {
    border-color: #cddced;
    border-radius: 0.75rem;
    box-shadow: none;
}

body.mlc-app-shell .mlc-helpdesk-config-shell #config_submit {
    border-radius: 999px;
    min-width: 7rem;
    font-weight: 700;
}
body.mlc-app-shell .mlc-helpdesk-shell #thepager {
    margin-top: 0.9rem;
}


@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-helpdesk-shell input.form-control,
    body.mlc-app-shell .mlc-helpdesk-shell select.form-control {
        width: 100%;
        margin: 0.35rem 0;
    }
}

body.mlc-app-shell .mlc-helpdesk-start-shell .panel-body p {
    color: #1f3b5b;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-helpdesk-ticket-shell .panel-body {
    position: relative;
}

body.mlc-app-shell .mlc-helpdesk-ticket-shell .mlc-helpdesk-ticket-topbar {
    margin-bottom: 0.9rem;
    font-weight: 700;
}

body.mlc-app-shell .mlc-helpdesk-ticket-shell .mlc-helpdesk-ticket-topbar a {
    color: #0f63cb;
}

body.mlc-app-shell .mlc-helpdesk-ticket-shell .mlc-helpdesk-ticket-meta {
    float: right;
    text-align: center;
    color: #264567;
}

body.mlc-app-shell .mlc-helpdesk-ticket-shell .mlc-helpdesk-ticket-message,
body.mlc-app-shell .mlc-helpdesk-ticket-shell .mlc-helpdesk-reply-message {
    border: 1px solid #d7e4f2;
    border-radius: 0.9rem;
    background: #fbfdff;
    padding: 1rem;
    white-space: pre-wrap;
    word-break: break-word;
}

body.mlc-app-shell .mlc-helpdesk-ticket-shell .mlc-helpdesk-replies {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-helpdesk-ticket-shell .mlc-helpdesk-reply-item {
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    padding: 0.9rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-helpdesk-ticket-shell .mlc-helpdesk-reply-meta {
    float: right;
    text-align: center;
    color: #264567;
}

body.mlc-app-shell .mlc-helpdesk-ticket-shell .mlc-helpdesk-files {
    margin-top: 0.8rem;
    margin-bottom: 0;
}

body.mlc-app-shell .mlc-helpdesk-ticket-shell .mlc-helpdesk-reply-form td {
    padding: 0.45rem 0.35rem;
    vertical-align: top;
}

body.mlc-docs-shell .mlc-legacy-query-doc pre,
body.mlc-docs-shell .mlc-legacy-query-doc code {
    border-radius: 0.75rem;
}

body.mlc-docs-shell .mlc-legacy-query-table tbody tr td:first-child {
    width: 12rem;
    color: #16385d;
    font-weight: 700;
}


body.mlc-app-shell .mlc-sessionlist-shell .card-body > .flex-grow-1 > p,
body.mlc-app-shell .mlc-missedchat-shell .card-body > .flex-grow-1 > p {
    color: #1f3b5b;
    font-weight: 600;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-sessionlist-shell .mlc-sessionlist-search,
body.mlc-app-shell .mlc-missedchat-shell .mlc-missedchat-search {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: #f8fbff;
    padding: 0.8rem 0.9rem;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-sessionlist-shell .session-list td,
body.mlc-app-shell .mlc-missedchat-shell .session-list td {
    border-width: 0 !important;
}

body.mlc-app-shell .mlc-sessionlist-shell .mlc-sessionlist-table,
body.mlc-app-shell .mlc-missedchat-shell .mlc-missedchat-table,
body.mlc-app-shell .mlc-missedchat-shell .mlc-missedchat-detail-meta,
body.mlc-app-shell .mlc-missedchat-shell .mlc-missedchat-detail-fields {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #d7e4f2;
    border-radius: 0.95rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-sessionlist-shell .mlc-sessionlist-table thead th,
body.mlc-app-shell .mlc-missedchat-shell .mlc-missedchat-table thead th,
body.mlc-app-shell .mlc-missedchat-shell .mlc-missedchat-detail-meta th,
body.mlc-app-shell .mlc-missedchat-shell .mlc-missedchat-detail-fields th {
    background: #f3f8ff;
    color: #16385d;
    border-bottom: 1px solid #d7e4f2;
}

body.mlc-app-shell .mlc-sessionlist-shell .mlc-sessionlist-pager,
body.mlc-app-shell .mlc-missedchat-shell .mlc-missedchat-pager {
    margin-top: 0.8rem;
}

body.mlc-docs-shell .mlc-legacy-api-demo .langcontent {
    border: 1px solid #d6e4f3;
    border-radius: 0.9rem;
    background: #f8fbff;
    color: #1a3b61;
}

body.mlc-docs-shell .mlc-legacy-api-demo .langtitle {
    color: #1c446e;
}

body.mlc-docs-shell .mlc-legacy-api-demo .langbottom {
    border-top: 1px solid #dbe7f3;
    margin-top: 0;
    padding-top: 0.7rem;
}

body.mlc-app-shell .mlc-chart-shell .card-body > .flex-grow-1 > p {
    color: #4b617c;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-chart-shell .mlc-chart-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-chart-shell .mlc-chart-filters .control-label {
    min-width: 7rem;
    margin: 0;
    color: #19314d;
    font-weight: 700;
}

body.mlc-app-shell .mlc-chart-shell .mlc-chart-filters .col-md-3 {
    width: min(20rem, 100%);
}

body.mlc-marketing-shell .mlc-affiliate-faq-shell .mlc-affiliate-faq-main h3 {
    color: #122a46;
    margin-top: 2rem;
    font-weight: 800;
}

body.mlc-marketing-shell .mlc-affiliate-faq-shell .mlc-affiliate-faq-main h3:first-of-type {
    margin-top: 0;
}

body.mlc-marketing-shell .mlc-affiliate-faq-shell .mlc-affiliate-faq-main p {
    color: #3f5672;
    line-height: 1.75;
}

body.mlc-marketing-shell .mlc-affiliate-faq-shell .mlc-affiliate-faq-sidebar .list-group-item {
    border-radius: 0.85rem;
    border: 1px solid #d9e5f3;
    margin-bottom: 0.5rem;
    color: #264260;
    font-weight: 700;
}

body.mlc-marketing-shell .mlc-affiliate-faq-shell .mlc-affiliate-faq-sidebar .list-group-item:hover {
    border-color: #9ec4ec;
    background: #f3f9ff;
    color: #0f63cb;
}

body.mlc-app-shell .mlc-affiliate-create-shell .panel-body {
    padding-top: 1.25rem;
}

body.mlc-app-shell .mlc-affiliate-create-shell #register_submit.greenbutton {
    border-radius: 9999px;
    box-shadow: 0 12px 24px rgba(12, 95, 201, 0.22);
}

body.mlc-docs-shell .mlc-legacy-api-code-demo {
    border: 1px solid #d9e5f3;
    border-radius: 1rem;
    overflow: hidden;
}

body.mlc-docs-shell .mlc-legacy-api-code-demo .card-body ol {
    padding-left: 1.1rem;
}

body.mlc-docs-shell .mlc-legacy-api-code-demo .mlc-legacy-api-codeblock {
    border-radius: 0.9rem;
    border: 1px solid #cfdeef;
    background: #f7fbff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 0.84rem;
    line-height: 1.55;
}



body.mlc-app-shell .mlc-chart-shell .mlc-chart-canvas-sm {
    max-width: 100% !important;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-rate-shell .mlc-chart-rate-filters {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: #f8fbff;
    padding: 0.8rem 0.9rem;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-rate-shell .mlc-chart-rate-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.85rem;
    margin-top: 1.2rem;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-rate-shell .mlc-chart-rate-filtergroup {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: min(14rem, 100%);
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-rate-shell .mlc-chart-rate-filtergroup label {
    margin: 0;
    color: #19314d;
    font-weight: 700;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-rate-shell .mlc-chart-rate-filteractions {
    display: flex;
    align-items: flex-end;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-rate-shell .mlc-chart-rate-filters .form-control {
    border-color: #cfe0f1;
    border-radius: 0.8rem;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-rate-shell .mlc-chart-rate-table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #d7e4f2;
    border-radius: 0.95rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-rate-shell .mlc-chart-rate-table thead th {
    background: #f3f8ff;
    color: #16385d;
    border-bottom: 1px solid #d7e4f2;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-rate-shell .mlc-chart-rate-pager {
    margin-top: 0.75rem !important;
}

body.mlc-app-shell .mlc-password-shell .mlc-password-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    border-radius: 9999px;
}

body.mlc-marketing-shell .mlc-livechat-shell .mlc-livechat-hero {
    border-radius: 0 0 2rem 2rem;
    box-shadow: 0 24px 60px rgba(8, 17, 31, 0.2);
}

body.mlc-marketing-shell .mlc-livechat-shell .mlc-livechat-tryon-card {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #f2f7fd 100%) !important;
    box-shadow: 0 16px 32px rgba(15, 31, 53, 0.08);
}

body.mlc-marketing-shell .mlc-livechat-shell .mlc-livechat-tryon-card .input-group {
    box-shadow: inset 0 0 0 1px #d3e2f2;
    border-radius: 9999px;
    overflow: hidden;
    background: #fff;
}

body.mlc-marketing-shell .mlc-livechat-shell .mlc-livechat-tryon-card .form-control {
    border: 0;
    box-shadow: none;
}

body.mlc-marketing-shell .mlc-livechat-shell .mlc-livechat-stats {
    background: linear-gradient(180deg, #edf5ff 0%, #f6fbff 100%) !important;
}

body.mlc-marketing-shell .mlc-livechat-shell .mlc-livechat-proof-shell .card {
    border: 1px solid #dbe8f6;
    border-radius: 1rem;
    box-shadow: 0 18px 40px rgba(15, 31, 53, 0.08);
}

body.mlc-marketing-shell .mlc-livechat-shell .mlc-livechat-proof-shell .card-footer {
    border-top: 1px solid #edf2f8;
    background: transparent;
}

body.mlc-marketing-shell .mlc-livechat-shell .mlc-livechat-plugins-shell .row > div > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 4.25rem;
    border-radius: 0.9rem;
    border: 1px solid #dbe8f6;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 31, 53, 0.06);
}

body.mlc-marketing-shell .mlc-livechat-shell .mlc-livechat-plugins-shell .row > div > a:hover {
    border-color: #9ec4ec;
    transform: translateY(-1px);
}
@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-chart-shell .mlc-chart-filters .col-md-3 {
        width: 100%;
    }

    body.mlc-app-shell .mlc-chart-shell .mlc-chart-filters .control-label {
        min-width: 100%;
    }

    body.mlc-app-shell .mlc-chart-shell.mlc-chart-rate-shell .mlc-chart-rate-filtergroup,
    body.mlc-app-shell .mlc-chart-shell.mlc-chart-rate-shell .mlc-chart-rate-filteractions {
        width: 100%;
    }
}



body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 2.9rem;
    padding: 0.78rem 1.15rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-action .fa {
    margin-right: 0 !important;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-action:hover {
    transform: translateY(-1px);
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-action--primary {
    background: linear-gradient(135deg, #1d4ed8 0%, #2997ff 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(30, 64, 175, 0.18) !important;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-action--primary:hover {
    color: #ffffff !important;
    box-shadow: 0 18px 32px rgba(30, 64, 175, 0.22) !important;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-action--secondary {
    background: #ffffff !important;
    border-color: #cfe0f4 !important;
    color: #16385d !important;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-action--secondary:hover {
    background: #eef6ff !important;
    color: #16385d !important;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-kicker {
    margin-bottom: 0.25rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-meta,
body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-table {
    width: 100%;
    table-layout: auto;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-meta,
body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #d7e4f2;
    border-radius: 0.95rem;
    overflow: hidden;
    background: #ffffff;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-meta,
body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-table {
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-meta td {
    color: #1d3f66;
    vertical-align: top;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-table th {
    background: #f3f8ff;
    color: #16385d;
    border-bottom: 1px solid #d7e4f2;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-table td {
    border-color: #dfe9f4;
    vertical-align: top;
    color: #274766;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-sender {
    width: 11.5rem;
    min-width: 11.5rem;
    white-space: normal;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-sender-name {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #f8fbff 0%, #edf5ff 100%);
    border: 1px solid #d6e6f8;
    color: #16385d;
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-message {
    min-width: 18rem;
    word-break: break-word;
    overflow-wrap: anywhere;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-message img {
    max-width: 100%;
    height: auto;
}

body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-time {
    width: 7rem;
    min-width: 7rem;
    white-space: nowrap;
    color: #5f7fa4;
    font-weight: 700;
}

body.mlc-app-shell .mlc-sessiondetail-email-modal .modal-content {
    border-radius: 1.1rem;
    border: 1px solid #d9e6f5;
    box-shadow: 0 24px 48px rgba(15, 31, 53, 0.18);
}

body.mlc-app-shell .mlc-sessiondetail-email-modal .modal-header,
body.mlc-app-shell .mlc-sessiondetail-email-modal .modal-footer {
    border-color: #dfe9f4;
}

body.mlc-app-shell .mlc-sessiondetail-email-modal .modal-title {
    color: #183a61;
    font-weight: 800;
}

body.mlc-app-shell .mlc-sessiondetail-email-modal .input-group-addon {
    border-color: #cfe0f4;
    background: #eef6ff;
    color: #1d4ed8;
}

body.mlc-app-shell .mlc-sessiondetail-email-modal .form-control {
    border-color: #cfe0f4;
    min-height: 3rem;
}

body.mlc-app-shell .mlc-sessiondetail-email-modal .mlc-sessiondetail-modal-action {
    min-height: 2.8rem;
    padding: 0.7rem 1.05rem;
    border-radius: 999px;
    font-weight: 800;
}

body.mlc-app-shell .mlc-legacy-chart-shell .card-body {
    padding: 1.25rem !important;
}

body.mlc-app-shell .mlc-legacy-chart-shell .mlc-legacy-chart-canvas {
    width: 100% !important;
    max-width: 56rem;
    min-height: 18rem;
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-sessiondetail-shell .panel-tools {
        float: none !important;
        margin-top: 0.75rem;
    }

    body.mlc-app-shell .mlc-sessiondetail-shell .card-header .card-label {
        flex-direction: column;
        align-items: flex-start;
    }

    body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-toolbar {
        justify-content: flex-start;
    }

    body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-sender,
    body.mlc-app-shell .mlc-sessiondetail-shell .mlc-sessiondetail-time {
        width: auto;
        min-width: 0;
        white-space: normal;
    }

    body.mlc-app-shell .mlc-legacy-chart-shell .mlc-legacy-chart-canvas {
        min-height: 16rem;
    }
}

body.mlc-app-shell .mlc-timesheet-shell .card-header {
    align-items: flex-start;
    gap: 1.25rem;
}

body.mlc-app-shell .mlc-timesheet-kicker {
    margin-bottom: 0.28rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-timesheet-hero-stat {
    display: grid;
    gap: 0.3rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(191, 219, 254, 0.18);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
}

body.mlc-app-shell .mlc-timesheet-hero-stat__label {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #bfdbfe;
}

body.mlc-app-shell .mlc-timesheet-hero-stat strong {
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-timesheet-statrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-timesheet-statcard {
    display: grid;
    gap: 0.22rem;
    min-width: 9.5rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

body.mlc-app-shell .mlc-timesheet-statcard__label {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-timesheet-statcard strong {
    color: #16385d;
    font-size: 1rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-timesheet-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

body.mlc-app-shell .mlc-timesheet-toolbar__nav,
body.mlc-app-shell .mlc-timesheet-toolbar__picker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-timesheet-nav-button,
body.mlc-app-shell .mlc-timesheet-go-button {
    min-height: 2.9rem;
    border-radius: 999px;
    padding: 0.7rem 1.15rem;
    font-weight: 800;
    box-shadow: none !important;
}

body.mlc-app-shell .mlc-timesheet-go-button {
    background: linear-gradient(135deg, #1d4ed8 0%, #2997ff 100%) !important;
    border-color: transparent !important;
}

body.mlc-app-shell .mlc-timesheet-datechip {
    display: grid;
    gap: 0.15rem;
    min-width: 13rem;
    padding: 0.9rem 1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-timesheet-datechip__eyebrow {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-timesheet-datechip strong {
    color: #16385d;
    font-size: 0.98rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-timesheet-datechip small {
    display: block;
    margin-top: 0.35rem;
    color: #67819e;
    font-size: 0.82rem;
    line-height: 1.55;
}

body.mlc-app-shell .mlc-timesheet-dateinput .form-control {
    min-height: 2.95rem;
    min-width: 12rem;
    border-radius: 999px;
}

body.mlc-app-shell .mlc-timesheet-table-shell {
    overflow-x: auto;
    border: 1px solid #d7e4f2;
    border-radius: 1.1rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-timesheet-grid {
    margin-bottom: 0;
    min-width: 72rem;
}

body.mlc-app-shell .mlc-timesheet-grid th {
    padding: 0.95rem 0.9rem !important;
    border-color: #dfe9f4 !important;
    background: #f3f8ff !important;
    color: #16385d !important;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.mlc-app-shell .mlc-timesheet-grid td {
    padding: 1rem 0.9rem !important;
    border-color: #e2ecf5 !important;
    vertical-align: middle !important;
    color: #294767;
}

body.mlc-app-shell .mlc-timesheet-grid tr:hover td {
    background: #f9fcff;
}

body.mlc-app-shell .mlc-timesheet-avatarwrap {
    position: relative;
    width: 3rem;
    height: 3rem;
}

body.mlc-app-shell .mlc-timesheet-avatar {
    position: relative;
    z-index: 2;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    border: 2px solid #d7e4f2;
    background: #fff;
    object-fit: cover;
}

body.mlc-app-shell .mlc-timesheet-avatarfallback {
    position: absolute;
    inset: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #dbeafe 0%, #93c5fd 100%);
    color: #16385d;
    font-weight: 800;
}

body.mlc-app-shell .mlc-timesheet-agentcell {
    display: grid;
    gap: 0.25rem;
}

body.mlc-app-shell .mlc-timesheet-agentlink {
    color: #16385d !important;
    font-weight: 800;
    text-align: left;
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-timesheet-agentlink:hover,
body.mlc-app-shell .mlc-timesheet-minuteslink:hover {
    color: #1d4ed8 !important;
}

body.mlc-app-shell .mlc-timesheet-agentmeta {
    color: #6d86a6;
    font-size: 0.9rem;
    word-break: break-word;
}

body.mlc-app-shell .mlc-timesheet-minuteslink {
    color: #33567d !important;
    font-weight: 700;
}

body.mlc-app-shell .mlc-timesheet-bar {
    width: 8.5rem;
    height: 0.7rem;
    border-radius: 999px;
    background: #eaf2fb;
    overflow: hidden;
}

body.mlc-app-shell .mlc-timesheet-bar__fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, #1d4ed8 0%, #2dd4bf 100%);
}

body.mlc-app-shell .mlc-timesheet-barwrap {
    display: grid;
    gap: 0.45rem;
}

body.mlc-app-shell .mlc-timesheet-barlabel {
    color: #6a83a0;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.45;
}

body.mlc-app-shell .mlc-timesheet-detailbutton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid #d7e4f2;
    border-radius: 999px;
    background: #ffffff !important;
    color: #16385d !important;
    font-weight: 800;
    box-shadow: none !important;
}

body.mlc-app-shell .mlc-timesheet-detailbutton:hover {
    background: #eef6ff !important;
    color: #16385d !important;
}

body.mlc-app-shell .mlc-timesheet-inline-note {
    border-radius: 1rem;
}

body.mlc-app-shell .mlc-timesheet-detailhost {
    margin-top: 1.35rem;
}

body.mlc-app-shell .mlc-timesheet-detailpanel {
    border: 1px solid #d7e4f2;
    border-radius: 1.2rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    overflow: hidden;
}

body.mlc-app-shell .mlc-timesheet-detailpanel--placeholder {
    box-shadow: inset 0 0 0 1px rgba(215, 228, 242, 0.35);
}

body.mlc-app-shell .mlc-timesheet-detailpanel__header {
    display: grid;
    gap: 0.4rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid #dfe9f4;
}

body.mlc-app-shell .mlc-timesheet-detailpanel__eyebrow {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-timesheet-detailpanel__header h3 {
    margin: 0;
    color: #16385d;
    font-size: 1.25rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-timesheet-detailpanel__header p {
    margin: 0;
    color: #5f7fa4;
}

body.mlc-app-shell .mlc-timesheet-detailpanel__frame {
    display: block;
    width: 100%;
    min-height: 42rem;
    border: 0;
}

body.mlc-app-shell .mlc-timesheet-sidecard .card-body {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-timesheet-sidecopy {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-timesheet-sidecopy__eyebrow {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-timesheet-sidecopy strong {
    color: #16385d;
    font-size: 1rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-timesheet-sidecopy p {
    margin: 0;
    color: #5f7fa4;
    line-height: 1.65;
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-timesheet-statrow {
        justify-content: flex-start;
    }

    body.mlc-app-shell .mlc-timesheet-toolbar {
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-timesheet-toolbar__nav,
    body.mlc-app-shell .mlc-timesheet-toolbar__picker {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-timesheet-toolbar__nav,
    body.mlc-app-shell .mlc-timesheet-toolbar__picker {
        flex-direction: column;
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-timesheet-datechip,
    body.mlc-app-shell .mlc-timesheet-dateinput .form-control,
    body.mlc-app-shell .mlc-timesheet-nav-button,
    body.mlc-app-shell .mlc-timesheet-go-button {
        width: 100%;
    }

    body.mlc-app-shell .mlc-timesheet-grid {
        min-width: 60rem;
    }
}

body.mlc-app-shell .mlc-chatapi-demo-shell .card-header {
    align-items: flex-start;
    gap: 1rem;
}

body.mlc-app-shell .mlc-chatapi-demo-kicker {
    margin-bottom: 0.28rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-chatapi-demo-chip {
    display: grid;
    gap: 0.25rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(191, 219, 254, 0.18);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
}

body.mlc-app-shell .mlc-chatapi-demo-chip__label {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #bfdbfe;
}

body.mlc-app-shell .mlc-chatapi-demo-chip strong {
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1.45;
}

body.mlc-app-shell .mlc-chatapi-demo-shell code {
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 0.94em;
}

body.mlc-app-shell .mlc-chatapi-demo-intro {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-chatapi-demo-intro__icon {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1d4ed8;
}

body.mlc-app-shell .mlc-chatapi-demo-intro h3,
body.mlc-app-shell .mlc-chatapi-demo-editor__header h3 {
    margin: 0;
    color: #16385d;
    font-size: 1.18rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-chatapi-demo-intro p,
body.mlc-app-shell .mlc-chatapi-demo-footer__hint,
body.mlc-app-shell .mlc-chatapi-demo-sidecard p,
body.mlc-app-shell .mlc-chatapi-demo-checkitem span,
body.mlc-app-shell .mlc-chatapi-demo-editor__meta {
    color: #5f7fa4;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-chatapi-demo-editor {
    margin-top: 1.25rem;
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    background: #ffffff;
    overflow: hidden;
}

body.mlc-app-shell .mlc-chatapi-demo-editor__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #e0eaf5;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-chatapi-demo-editor__textarea {
    min-height: 24rem;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #0f172a !important;
    color: #e2e8f0 !important;
    font-family: Consolas, "Courier New", Courier, monospace !important;
    font-size: 0.96rem;
    line-height: 1.7;
    padding: 1.2rem 1.25rem !important;
}

body.mlc-app-shell .mlc-chatapi-demo-editor__textarea::placeholder {
    color: #94a3b8;
}

body.mlc-app-shell .mlc-chatapi-demo-toolbar-note {
    display: grid;
    gap: 0.2rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-chatapi-demo-toolbar-note span {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-chatapi-demo-toolbar-note strong {
    color: #16385d;
    font-size: 0.95rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-chatapi-demo-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.mlc-app-shell .mlc-chatapi-demo-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 3rem;
    padding: 0.78rem 1.25rem;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #1d4ed8 0%, #2997ff 100%) !important;
    color: #ffffff !important;
    font-weight: 800;
    box-shadow: 0 14px 28px rgba(30, 64, 175, 0.18) !important;
}

body.mlc-app-shell .mlc-chatapi-demo-submit:hover {
    transform: translateY(-1px);
    color: #ffffff !important;
}

body.mlc-app-shell .mlc-chatapi-demo-sidecard {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-chatapi-demo-sidecard__eyebrow {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-chatapi-demo-sidecard strong,
body.mlc-app-shell .mlc-chatapi-demo-checkitem strong {
    color: #16385d;
    font-weight: 800;
}

body.mlc-app-shell .mlc-chatapi-demo-checklist {
    display: grid;
    gap: 0.9rem;
    margin-top: 1rem;
}

body.mlc-app-shell .mlc-chatapi-demo-checkitem {
    display: grid;
    gap: 0.28rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dfe9f4;
    border-radius: 1rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-chatapi-demo-highlight-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

body.mlc-app-shell .mlc-chatapi-demo-highlight {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border: 1px solid #dfe9f4;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-chatapi-demo-highlight span {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-chatapi-demo-highlight strong {
    color: #16385d;
    font-weight: 800;
}

body.mlc-app-shell .mlc-chatapi-demo-highlight p {
    margin: 0;
    color: #5f7fa4;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-querystring-hero code {
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 0.94em;
}

body.mlc-app-shell .mlc-querystring-shell .card-header {
    align-items: flex-start;
    gap: 1rem;
}

body.mlc-app-shell .mlc-querystring-kicker {
    margin-bottom: 0.28rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-querystring-toolbar-note {
    display: grid;
    gap: 0.2rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-querystring-toolbar-note span {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-querystring-toolbar-note strong {
    color: #16385d;
    font-size: 0.95rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-querystring-toolbar-note code {
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 0.9em;
}

body.mlc-app-shell .mlc-querystring-intro {
    margin-bottom: 1.25rem;
}

body.mlc-app-shell .mlc-querystring-overview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

body.mlc-app-shell .mlc-querystring-overview-card {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border: 1px solid #dfe9f4;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-querystring-overview-card span {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-querystring-overview-card strong {
    color: #16385d;
    font-weight: 800;
}

body.mlc-app-shell .mlc-querystring-overview-card p {
    margin: 0;
    color: #5f7fa4;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-querystring-tablist {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    border: 0;
}

body.mlc-app-shell .mlc-querystring-tablist .nav-item {
    margin: 0;
}

body.mlc-app-shell .mlc-querystring-tablist .nav-link {
    border: 1px solid #d7e4f2;
    border-radius: 999px;
    background: #ffffff;
    color: #16385d;
    font-weight: 700;
    padding: 0.72rem 1rem;
    line-height: 1.2;
}

body.mlc-app-shell .mlc-querystring-tablist .nav-link.active,
body.mlc-app-shell .mlc-querystring-tablist .show > .nav-link {
    border-color: transparent;
    background: linear-gradient(135deg, #1d4ed8 0%, #2997ff 100%);
    color: #ffffff;
    box-shadow: 0 14px 28px rgba(30, 64, 175, 0.18);
}

body.mlc-app-shell .mlc-querystring-shell .tab-pane {
    padding: 1.25rem;
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-querystring-shell .tab-pane h4 {
    margin-bottom: 1rem;
    color: #16385d;
    font-size: 1.32rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-querystring-shell .tab-pane > p {
    color: #5f7fa4;
    line-height: 1.75;
}

body.mlc-app-shell .mlc-querystring-shell .example {
    padding: 1rem 1.05rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-querystring-shell .example h3,
body.mlc-app-shell .mlc-querystring-shell .example .h6 {
    color: #16385d;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-querystring-shell .example-code {
    position: relative;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    overflow: hidden;
    background: #0f172a;
}

body.mlc-app-shell .mlc-querystring-shell .example-highlight,
body.mlc-app-shell .mlc-querystring-shell .example-highlight pre,
body.mlc-app-shell .mlc-querystring-shell .example-highlight code {
    background: transparent !important;
    color: #e2e8f0 !important;
}

body.mlc-app-shell .mlc-querystring-shell .example-highlight pre {
    margin: 0;
    padding: 1.15rem 1.2rem;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: Consolas, "Courier New", Courier, monospace;
    font-size: 0.95rem;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-querystring-shell .example-copy {
    position: absolute;
    top: 0.95rem;
    right: 0.95rem;
}

body.mlc-app-shell .mlc-querystring-shell blockquote {
    margin: 1rem 0 0;
    padding: 1rem 1.05rem;
    border-left: 4px solid #93c5fd;
    border-radius: 0 1rem 1rem 0;
    background: #eff6ff;
}

body.mlc-app-shell .mlc-querystring-shell blockquote p {
    margin-bottom: 0.45rem;
    color: #1d4ed8;
    font-family: Consolas, "Courier New", Courier, monospace;
    font-size: 0.95rem;
}

body.mlc-app-shell .mlc-querystring-shell .table.table-bordered {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    overflow: hidden;
    background: #ffffff;
}

body.mlc-app-shell .mlc-querystring-shell .table.table-bordered thead th {
    border-bottom: 1px solid #d7e4f2;
    background: #f8fbff;
    color: #16385d;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-querystring-shell .table.table-bordered tbody tr + tr td {
    border-top: 1px solid #e3edf7;
}

body.mlc-app-shell .mlc-querystring-shell .table.table-bordered td {
    color: #365678;
    line-height: 1.75;
    vertical-align: top;
}

body.mlc-app-shell .mlc-querystring-shell .table.table-bordered td code,
body.mlc-app-shell .mlc-querystring-shell .tab-pane code {
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.92em;
}

body.mlc-app-shell .mlc-querystring-shell dl.row {
    margin-top: 1rem;
    margin-bottom: 0;
}

body.mlc-app-shell .mlc-querystring-shell dl.row dt {
    color: #16385d;
    font-weight: 800;
}

body.mlc-app-shell .mlc-querystring-shell dl.row dd {
    color: #5f7fa4;
}

body.mlc-app-shell .mlc-querystring-shell .default {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8 !important;
    font-weight: 800;
    padding: 0.12rem 0.5rem;
    text-decoration: none !important;
}

body.mlc-app-shell .mlc-querystring-shell .btn {
    border-radius: 999px;
    min-height: 2.9rem;
    font-weight: 800;
    box-shadow: 0 14px 28px rgba(30, 64, 175, 0.12);
}

body.mlc-app-shell .mlc-chatapi-demo-preview {
    padding: 1.1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    min-height: 10rem;
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-chatapi-demo-intro {
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-chatapi-demo-highlight-grid {
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-querystring-overview {
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-chatapi-demo-footer {
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-chatapi-demo-submit {
        width: 100%;
    }

    body.mlc-app-shell .mlc-querystring-shell .tab-pane {
        padding: 1rem;
    }
}

body.mlc-app-shell .mlc-parallel-loading-shell .card-header {
    align-items: flex-start;
    gap: 1rem;
}

body.mlc-app-shell .mlc-parallel-loading-shell code {
    padding: 0.12rem 0.4rem;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.08);
    color: #1d4ed8;
    font-size: 0.94em;
}

body.mlc-app-shell .mlc-parallel-loading-chip {
    display: grid;
    gap: 0.25rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(191, 219, 254, 0.18);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
}

body.mlc-app-shell .mlc-parallel-loading-chip__label {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #bfdbfe;
}

body.mlc-app-shell .mlc-parallel-loading-chip strong {
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1.5;
}

body.mlc-app-shell .mlc-parallel-loading-chip code {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

body.mlc-app-shell .mlc-parallel-loading-intro {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-parallel-loading-intro__icon {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1d4ed8;
}

body.mlc-app-shell .mlc-parallel-loading-intro h3,
body.mlc-app-shell .mlc-parallel-loading-example__header h3 {
    margin: 0;
    color: #16385d;
    font-size: 1.18rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-parallel-loading-intro p,
body.mlc-app-shell .mlc-parallel-loading-sidecard p,
body.mlc-app-shell .mlc-parallel-loading-checkitem span,
body.mlc-app-shell .mlc-parallel-loading-example__meta {
    color: #5f7fa4;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-parallel-loading-steps {
    display: grid;
    gap: 0.95rem;
    margin-top: 1.25rem;
}

body.mlc-app-shell .mlc-parallel-loading-step {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    padding: 1rem 1.05rem;
    border: 1px solid #dfe9f4;
    border-radius: 1rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-parallel-loading-step__number {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #1d4ed8 0%, #2997ff 100%);
    color: #ffffff;
    font-weight: 800;
}

body.mlc-app-shell .mlc-parallel-loading-step strong,
body.mlc-app-shell .mlc-parallel-loading-sidecard strong,
body.mlc-app-shell .mlc-parallel-loading-checkitem strong {
    color: #16385d;
    font-weight: 800;
}

body.mlc-app-shell .mlc-parallel-loading-step p {
    margin: 0.35rem 0 0;
    color: #5f7fa4;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-parallel-loading-example {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    background: #ffffff;
    overflow: hidden;
}

body.mlc-app-shell .mlc-parallel-loading-example__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #e0eaf5;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-parallel-loading-kicker,
body.mlc-app-shell .mlc-parallel-loading-sidecard__eyebrow {
    margin-bottom: 0.28rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-parallel-loading-example__code {
    background: #0f172a;
    color: #e2e8f0;
}

body.mlc-app-shell .mlc-parallel-loading-example__code pre {
    margin: 0;
    padding: 1.25rem;
    background: transparent;
    color: inherit;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: Consolas, "Courier New", Courier, monospace;
    font-size: 0.94rem;
    line-height: 1.75;
}

body.mlc-app-shell .mlc-parallel-loading-example__code code {
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
}

body.mlc-app-shell .mlc-parallel-loading-sidecard {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-parallel-loading-checklist {
    display: grid;
    gap: 0.9rem;
    margin-top: 1rem;
}

body.mlc-app-shell .mlc-parallel-loading-checkitem {
    display: grid;
    gap: 0.28rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dfe9f4;
    border-radius: 1rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-parallel-loading-related .list-group-item {
    border-color: #e1ebf5;
}

body.mlc-app-shell .mlc-parallel-loading-related .list-group-item:hover {
    background: #f8fbff;
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-parallel-loading-intro,
    body.mlc-app-shell .mlc-parallel-loading-step {
        grid-template-columns: 1fr;
    }
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-misschat-shell #chartcontainer {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    padding: 0.5rem;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-misschat-shell .card-body > .card-spacer > p {
    color: #1f3b5b;
    font-weight: 600;
}

body.mlc-app-shell .mlc-chart-shell .mlc-chart-filters-inline .col-md-3 {
    width: min(18rem, 100%);
}

body.mlc-app-shell .mlc-call-distribution-shell .mlc-call-distribution-options {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    overflow: hidden;
    width: 100%;
}

body.mlc-app-shell .mlc-call-distribution-shell .mlc-call-distribution-options tr + tr td {
    border-top: 1px solid #e3edf7;
}

body.mlc-app-shell .mlc-call-distribution-shell .mlc-call-distribution-radio-cell {
    width: 3.25rem;
    text-align: center;
    vertical-align: top;
    padding-top: 1.25rem;
}

body.mlc-app-shell .mlc-call-distribution-shell .mlc-call-distribution-option {
    padding: 1rem 1rem 1rem 0;
    color: #2e4a69;
    line-height: 1.7;
}

body.mlc-docs-shell .mlc-legacy-api-config-shell .mlc-legacy-api-config-card {
    border: 1px solid #d7e4f2;
    border-radius: 1.2rem;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 31, 53, 0.08);
    padding: 0.85rem 1rem 1.1rem;
}

body.mlc-docs-shell .mlc-legacy-api-config-shell .mlc-legacy-api-config-card legend {
    border: 1px solid #cfe0f1;
    border-radius: 999px;
    background: #f8fbff;
    color: #16385d;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.35rem 0.8rem;
}

body.mlc-docs-shell .mlc-legacy-api-config-shell .mlc-legacy-api-config-table td {
    padding: 0.6rem 0.5rem;
    color: #284666;
    vertical-align: top;
}

body.mlc-docs-shell .mlc-legacy-api-config-shell .mlc-legacy-api-config-table label {
    margin-right: 0.9rem;
    color: #15375d;
    font-weight: 600;
}

body.mlc-docs-shell .mlc-legacy-api-config-shell .mlc-legacy-api-config-table .form-control {
    max-width: 24rem;
}

body.mlc-docs-shell .mlc-legacy-api-config-shell #config_submit {
    border-radius: 999px;
    min-width: 9.5rem;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-chart-shell .mlc-chart-filters-inline .col-md-3 {
        width: 100%;
    }

    body.mlc-app-shell .mlc-call-distribution-shell .mlc-call-distribution-radio-cell {
        width: 2.6rem;
    }

    body.mlc-docs-shell .mlc-legacy-api-config-shell .mlc-legacy-api-config-table,
    body.mlc-docs-shell .mlc-legacy-api-config-shell .mlc-legacy-api-config-table tbody,
    body.mlc-docs-shell .mlc-legacy-api-config-shell .mlc-legacy-api-config-table tr,
    body.mlc-docs-shell .mlc-legacy-api-config-shell .mlc-legacy-api-config-table td {
        display: block;
        width: 100%;
    }
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-email-shell .mlc-chart-email-filters {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: #f8fbff;
    padding: 0.85rem 0.95rem;
    margin-top: 0.5rem !important;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-email-shell .mlc-chart-email-filters .form-control {
    border-color: #cfe0f1;
    border-radius: 0.8rem;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-email-shell .mlc-chart-email-frame {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    overflow: hidden;
    background: #ffffff;
}

body.mlc-app-shell .mlc-chart-shell.mlc-chart-email-shell #chartcontainer {
    display: block;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-deploy-console-shell .mlc-deploy-console-alert {
    border-radius: 1rem;
    border: 1px solid #d7e4f2;
}

body.mlc-app-shell .mlc-deploy-console-shell .mlc-deploy-console-card {
    border-radius: 1rem;
}

body.mlc-app-shell .mlc-deploy-console-shell .mlc-deploy-console-card .card-header {
    border-bottom: 1px solid #e3edf7;
}

body.mlc-app-shell .mlc-deploy-console-shell .mlc-deploy-console-download {
    border: 1px solid #dfeaf6;
    border-radius: 0.95rem;
    background: #f8fbff;
    padding: 0.8rem 0.25rem;
    margin-bottom: 0.85rem;
}

body.mlc-app-shell .mlc-deploy-console-shell .mlc-deploy-console-side .btn.btn-light {
    border-radius: 999px;
    border-color: #d5e4f4;
}

body.mlc-app-shell .mlc-deploy-console-shell .mlc-deploy-console-card .card-toolbar .btn {
    border-radius: 999px;
}

body.mlc-app-shell .mlc-deploy-console-shell .mlc-deploy-console-card .card-body p {
    color: #27486b;
    line-height: 1.75;
}

body.mlc-docs-shell .mlc-legacy-api-noscript-shell .mlc-legacy-api-config-card p {
    color: #27486b;
}

body.mlc-docs-shell .mlc-legacy-api-noscript-shell .mlc-legacy-api-config-table td {
    vertical-align: middle;
}

body.mlc-docs-shell .mlc-legacy-api-noscript-shell #previewdiv a {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid #cfe0f1;
    background: #f8fbff;
    color: #0f63cb;
    font-weight: 700;
    padding: 0.45rem 0.9rem;
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-chart-shell.mlc-chart-email-shell .mlc-chart-email-filters > [class*="col-"] {
        width: 100%;
    }

    body.mlc-app-shell .mlc-deploy-console-shell .mlc-deploy-console-download {
        padding-left: 0.65rem;
        padding-right: 0.65rem;
    }

    body.mlc-app-shell .mlc-deploy-console-shell .mlc-deploy-console-download [class*="col-sm-"] {
        text-align: left !important;
    }
}

body.mlc-docs-shell .mlc-legacy-api-config-card p {
    color: #27486b;
}

body.mlc-docs-shell .mlc-legacy-api-config-card .mlc-legacy-api-config-table td {
    vertical-align: middle;
}

body.mlc-docs-shell #previewdiv a {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid #cfe0f1;
    background: #f8fbff;
    color: #0f63cb;
    font-weight: 700;
    padding: 0.45rem 0.9rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-thread-main .timeline-items {
    gap: 1.25rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-compose-card .card-body,
body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-thread-history .card-body,
body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-sidecard .card-body {
    padding-top: 1.5rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-compose-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.2rem;
    padding: 0.35rem 0.85rem;
    border: 1px solid #d7e4f2;
    border-radius: 999px;
    background: #f7fbff;
    color: #4b6481;
    font-size: 0.8rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-compose-copy {
    color: #536d89;
    line-height: 1.75;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-compose-textarea {
    min-height: 12rem;
    border-radius: 1rem;
    border-color: #d7e4f2;
    background: #fbfdff;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-compose-uploader {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    margin-top: 1rem;
    padding: 0.95rem 1rem;
    border: 1px dashed #c7d9ec;
    border-radius: 1rem;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-compose-note,
body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-compose-helper {
    color: #6c829d;
    font-size: 0.88rem;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-thread-subject {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-thread-subject__label {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6f86a1;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-thread-subject__value {
    color: #16385d;
    font-size: 0.95rem;
    font-weight: 700;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-thread-stream {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry {
    border: 1px solid #dbe7f3;
    border-radius: 1.25rem;
    background: #ffffff;
    padding: 1.2rem 1.25rem;
    box-shadow: 0 12px 28px rgba(15, 31, 53, 0.04);
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry--requester {
    border-color: #d7e6fb;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry--support {
    border-color: #dcece4;
    background: linear-gradient(180deg, #ffffff 0%, #f7fcf9 100%);
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-header {
    display: flex;
    align-items: center;
    gap: 0.95rem;
    margin-bottom: 0.95rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ecf4ff 0%, #dbeaff 100%);
    color: #2c6fda;
    overflow: hidden;
    flex-shrink: 0;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry--support .mlc-ticket-entry-avatar {
    background: linear-gradient(180deg, #ecfaf2 0%, #dff3e7 100%);
    color: #1f8a56;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-avatar svg,
body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-avatar img {
    width: 1.55rem;
    height: 1.55rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-meta {
    min-width: 0;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-name-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-name {
    color: #16385d;
    font-size: 1rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-role {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.76rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry--support .mlc-ticket-entry-role {
    background: #ecfdf3;
    color: #15803d;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-date {
    margin-top: 0.2rem;
    color: #7b8fa6;
    font-size: 0.84rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-body {
    color: #254566;
    line-height: 1.8;
    font-size: 0.95rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-files {
    margin-top: 1rem;
    border: 1px solid #d8e6f4;
    border-radius: 1rem;
    background: #fbfdff;
    overflow: hidden;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-files__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #e4eef8;
    background: #f3f8ff;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-files__title {
    color: #173a60;
    font-size: 0.88rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-files__count {
    color: #6b84a2;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-files__body {
    padding: 0.9rem 1rem 1rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-file-link {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.6rem 0;
    color: #24476b;
    text-decoration: none;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-file-link + .mlc-ticket-file-link {
    border-top: 1px solid #edf3f9;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-file-link:hover {
    color: #1474ea;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-file-link__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.9rem;
    background: #eef5ff;
    color: #2f71d9;
    flex-shrink: 0;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-file-link__icon svg {
    width: 1.2rem;
    height: 1.2rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-file-link__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-file-link__name {
    font-weight: 800;
    line-height: 1.45;
    word-break: break-word;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-file-link__meta {
    color: #8194aa;
    font-size: 0.8rem;
    margin-top: 0.1rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-image-card {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-inline-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-image-label {
    color: #4f6986;
    font-size: 0.84rem;
    font-weight: 700;
    word-break: break-word;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-summary-list {
    display: grid;
    gap: 0.85rem;
    margin-bottom: 1.1rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-summary-list > div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e8eff7;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-summary-list > div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-summary-list dt {
    margin: 0;
    color: #7288a2;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-summary-list dd {
    margin: 0;
    color: #16385d;
    font-size: 0.92rem;
    font-weight: 700;
    text-align: right;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-side-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-side-actions .btn {
    margin-right: 0 !important;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-thread-main .timeline-item {
    border: 1px solid #dbe7f3;
    border-radius: 1rem;
    padding: 0.95rem 1rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-thread-main .timeline-content p {
    color: #2a496b;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-attachment-table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #d7e4f2;
    border-radius: 0.9rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-attachment-table thead th {
    background: #f3f8ff;
    color: #16385d;
    border-bottom: 1px solid #d7e4f2;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-reply-files {
    border-color: #d7e4f2 !important;
    background: #fbfdff !important;
}

body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-sidecard .card-body ul {
    margin-bottom: 0;
    color: #2a496b;
}

body.mlc-app-shell .mlc-ticket-create-shell .mlc-ticket-create-main .form-group.row {
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-ticket-create-shell .mlc-ticket-create-main .col-form-label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-ticket-create-shell .mlc-ticket-create-main .card-footer {
    background: #f8fbff !important;
}

body.mlc-app-shell .mlc-ticket-create-shell .mlc-ticket-create-side ul {
    margin-bottom: 0;
    color: #2a496b;
}

body.mlc-app-shell .mlc-affiliate-billing-shell .mlc-affiliate-billing-form .form-group {
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-affiliate-billing-shell .mlc-affiliate-billing-form .control-label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-affiliate-billing-shell .mlc-affiliate-billing-form .panel-footer {
    background: #f8fbff !important;
}

body.mlc-app-shell .mlc-affiliate-billing-shell #profile_submit,
body.mlc-app-shell .mlc-affiliate-billing-shell #Button1 {
    border-radius: 999px;
    min-width: 7.5rem;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-ticket-thread-shell .timeline-item {
        padding: 0.85rem;
    }

    body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-thread-main .timeline-media {
        margin-right: 0.6rem;
    }

    body.mlc-app-shell .mlc-ticket-create-shell .mlc-ticket-create-main .col-form-label,
    body.mlc-app-shell .mlc-ticket-create-shell .mlc-ticket-create-main [class*="col-"] {
        text-align: left !important;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-compose-uploader,
    body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry-header,
    body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-summary-list > div {
        flex-direction: column;
        align-items: flex-start;
    }

    body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-summary-list dd {
        text-align: left;
    }

    body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-entry {
        padding: 1rem;
    }

    body.mlc-app-shell .mlc-ticket-thread-shell .mlc-ticket-file-link {
        align-items: flex-start;
    }

    body.mlc-app-shell .mlc-affiliate-billing-shell .mlc-affiliate-billing-form .control-label,
    body.mlc-app-shell .mlc-affiliate-billing-shell .mlc-affiliate-billing-form [class*="col-sm-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left;
    }

    body.mlc-app-shell .mlc-affiliate-billing-shell .panel-tools {
        float: none !important;
        margin-top: 0.5rem;
    }
}

body.mlc-app-shell .mlc-feedback-shell .card-header {
    border-bottom: 1px solid #e3edf7;
}

body.mlc-app-shell .mlc-feedback-shell .mlc-feedback-search {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: #f8fbff;
    padding: 0.8rem 0.95rem;
    margin-bottom: 0.95rem;
}

body.mlc-app-shell .mlc-feedback-shell .mlc-feedback-table {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-feedback-shell .mlc-feedback-table thead th {
    background: #f3f8ff;
    color: #16385d;
    border-bottom: 1px solid #d7e4f2;
}

body.mlc-app-shell .mlc-feedback-shell .mlc-feedback-pager {
    border-top: 1px solid #e3edf7;
    margin-top: 0.75rem !important;
    padding-top: 0.75rem !important;
}

body.mlc-marketing-shell .mlc-affiliate-onboard-state {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: #f8fbff;
}

body.mlc-marketing-shell .mlc-affiliate-onboard-shell .mlc-affiliate-onboard-form {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: #ffffff;
    padding: 1.25rem 1rem;
}

body.mlc-marketing-shell .mlc-affiliate-onboard-shell .mlc-affiliate-onboard-form .control-label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-marketing-shell .mlc-affiliate-onboard-shell .mlc-affiliate-onboard-error {
    border-radius: 0.9rem;
    border: 1px solid #f5c2c7;
}

body.mlc-marketing-shell .mlc-affiliate-onboard-shell .well {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: #f8fbff;
}

body.mlc-docs-shell .mlc-api-docs-shell .mlc-api-sidebar-card,
body.mlc-docs-shell .mlc-api-docs-shell .mlc-api-docs-content > .card {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    box-shadow: 0 12px 32px rgba(15, 42, 74, 0.08);
}

body.mlc-docs-shell .mlc-api-docs-shell .mlc-api-sidebar-card .card-body {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

@media (max-width: 767.98px) {
    body.mlc-marketing-shell .mlc-affiliate-onboard-shell .mlc-affiliate-onboard-form {
        padding: 1rem 0.85rem;
    }

    body.mlc-marketing-shell .mlc-affiliate-onboard-shell .mlc-affiliate-onboard-form .control-label,
    body.mlc-marketing-shell .mlc-affiliate-onboard-shell .mlc-affiliate-onboard-form [class*="col-sm-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left;
    }

    body.mlc-app-shell .mlc-feedback-shell .mlc-feedback-search [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
}

body.mlc-marketing-shell .mlc-affiliate-tos-shell .mlc-affiliate-tos-content {
    border: 1px solid #d7e4f2;
    border-radius: 1.2rem;
    background: #ffffff;
    padding: 1.25rem 1.2rem;
    box-shadow: 0 12px 32px rgba(15, 42, 74, 0.08);
}

body.mlc-marketing-shell .mlc-affiliate-tos-shell .mlc-affiliate-tos-content h3 {
    color: #103355;
    font-weight: 800;
    margin-top: 1.25rem;
}

body.mlc-marketing-shell .mlc-affiliate-tos-shell .mlc-affiliate-tos-content p,
body.mlc-marketing-shell .mlc-affiliate-tos-shell .mlc-affiliate-tos-content li {
    color: #334e68;
    line-height: 1.65;
}

body.mlc-marketing-shell .mlc-affiliate-tos-shell .mlc-affiliate-tos-card,
body.mlc-marketing-shell .mlc-affiliate-tos-shell .mlc-affiliate-tos-nav {
    border-radius: 1rem;
    border-color: #d7e4f2;
    box-shadow: 0 10px 24px rgba(15, 42, 74, 0.08);
}

body.mlc-marketing-shell .mlc-affiliate-tos-shell .mlc-affiliate-tos-nav .list-group-item {
    border-color: #e3edf7;
    font-weight: 700;
    color: #1c395a;
}

body.mlc-app-shell .mlc-billinvoice-shell {
    border: 1px solid #d7e4f2;
    border-radius: 1.2rem;
    box-shadow: 0 16px 40px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-billinvoice-shell .mlc-billinvoice-table {
    border: 1px solid #d7e4f2;
    border-radius: 0.9rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-billinvoice-shell .mlc-billinvoice-table thead th {
    background: #f3f8ff;
    color: #18385b;
    border-bottom: 1px solid #d7e4f2;
}

body.mlc-app-shell .mlc-billinvoice-shell .mlc-billinvoice-actions {
    gap: 0.75rem;
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    body.mlc-marketing-shell .mlc-affiliate-tos-shell .mlc-affiliate-tos-content {
        margin-bottom: 1rem;
        padding: 1rem 0.95rem;
    }

    body.mlc-app-shell .mlc-billinvoice-shell .mlc-billinvoice-actions {
        justify-content: flex-start !important;
    }
}

body.mlc-app-shell .mlc-paypal-history-shell {
    border: 1px solid rgba(219, 232, 246, 0.95);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 44px rgba(15, 31, 53, 0.08);
    padding: 1.5rem;
}

body.mlc-app-shell .mlc-paypal-history-hero {
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f1f35, #0b5d9a);
    color: #e6f3ff;
    padding: 1.1rem 1.25rem;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-paypal-history-eyebrow,
body.mlc-app-shell .mlc-serverapi-eyebrow {
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 800;
    color: #9dd9ff;
}

body.mlc-app-shell .mlc-paypal-history-hero h2,
body.mlc-app-shell .mlc-serverapi-hero h2 {
    margin: 0.35rem 0 0.4rem;
    font-size: 1.35rem;
    font-weight: 800;
    color: #fff;
}

body.mlc-app-shell .mlc-paypal-history-hero p,
body.mlc-app-shell .mlc-serverapi-hero p {
    margin: 0;
    color: #cbe7ff;
}

body.mlc-app-shell .mlc-paypal-history-table table {
    border-radius: 0.9rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dbe8f6;
}

body.mlc-app-shell .mlc-paypal-history-table th {
    background: #eef5fd;
    color: #1f3654;
    font-weight: 700;
}

body.mlc-app-shell .mlc-paypal-history-table td,
body.mlc-app-shell .mlc-paypal-history-table th {
    padding: 0.65rem 0.8rem;
}

body.mlc-app-shell .mlc-paypal-history-table a {
    font-weight: 700;
}

body.mlc-app-shell .mlc-serverapi-shell {
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-serverapi-hero {
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f1f35, #1660b8);
    color: #e6f3ff;
    padding: 1.1rem 1.25rem;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-serverapi-panel .panel-heading {
    border-bottom: 1px solid #dbe8f6;
}

body.mlc-app-shell .mlc-serverapi-form .form-group {
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-serverapi-form .control-label {
    font-weight: 700;
    color: #19314d;
}

body.mlc-app-shell .mlc-serverapi-footer {
    border-top: 1px solid #dbe8f6;
    background: #f8fbff;
}

@media (max-width: 767px) {
    body.mlc-app-shell .mlc-serverapi-shell .control-label {
        margin-bottom: 0.35rem;
    }

    body.mlc-app-shell .mlc-serverapi-shell .col-sm-6,
    body.mlc-app-shell .mlc-serverapi-shell .col-sm-offset-2 {
        width: 100%;
        margin-left: 0;
    }
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-notice {
    border-radius: 1rem;
    border: 1px solid #d7e4f2;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-card,
body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-sidecard {
    border: 1px solid #d7e4f2;
    border-radius: 1.1rem;
    box-shadow: 0 12px 32px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-card .card-body {
    display: grid;
    gap: 1.25rem;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-overview {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-overview__item {
    padding: 1rem 1.05rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-overview__item span,
body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-preview__item span,
body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-eyebrow {
    display: block;
    color: #6b85aa;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-overview__item strong,
body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-preview__item strong,
body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-title {
    display: block;
    margin-top: 0.5rem;
    color: #17355c;
    font-weight: 800;
    line-height: 1.4;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-overview__item strong,
body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-preview__item strong {
    font-size: 1rem;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-overview__item p,
body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-preview__item p,
body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-copy,
body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-side-note p {
    margin: 0.55rem 0 0;
    color: #607999;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-changebox {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 16px 34px rgba(15, 42, 74, 0.06);
    overflow: hidden;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-changebox__head {
    padding: 1.15rem 1.25rem 1rem;
    border-bottom: 1px solid #dbe7f3;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-title {
    margin: 0.45rem 0 0;
    font-size: 1.1rem;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-copy {
    max-width: 42rem;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-field {
    margin: 0;
    padding: 1.15rem 1.25rem;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-customhint {
    margin-top: 0.8rem;
    padding: 0.85rem 0.95rem;
    border: 1px dashed #b7d2ef;
    border-radius: 0.9rem;
    background: #edf5ff;
    color: #17355c;
    font-weight: 700;
    line-height: 1.55;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-preview {
    display: grid;
    gap: 0.9rem;
    padding: 0 1.25rem 1.25rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-preview__item {
    padding: 0.95rem 1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid #d7e4f2;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-footer__copy {
    max-width: 36rem;
    color: #607999;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-footer__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-footer__actions .btn {
    margin-right: 0 !important;
}

body.mlc-app-shell .mlc-billorder-shell #label_customnumber {
    color: #0f406f;
    font-weight: 700;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-sidecard .card-body {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-side-note {
    padding: 1rem 1.05rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-side-note strong {
    display: block;
    color: #17355c;
    font-weight: 800;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-checklist {
    display: grid;
    gap: 0.9rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-checklist li {
    position: relative;
    padding-left: 1.1rem;
    color: #27486b;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-checklist li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.72rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%);
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-side-actions {
    display: grid;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-side-actions .btn {
    justify-content: center;
}

body.mlc-app-shell .mlc-billorder-shell .btn.is-busy {
    opacity: 0.8;
}

body.mlc-app-shell .mlc-affiliate-home-shell .mlc-affiliate-home-card {
    border-color: #dbe8f6;
    box-shadow: 0 18px 44px rgba(15, 31, 53, 0.08);
}

body.mlc-app-shell .mlc-affiliate-home-shell #refcode_status {
    border: 1px solid #dbe8f6;
    border-radius: 0.85rem;
    background: #f8fbff;
    padding: 0.55rem 0.75rem;
}

body.mlc-docs-shell .mlc-api-integration-shell .mlc-api-integration-card {
    border-color: #d7e4f2;
    box-shadow: 0 16px 36px rgba(15, 42, 74, 0.08);
}

body.mlc-docs-shell .mlc-api-integration-shell .mlc-api-integration-row {
    border-color: #dbe8f6;
}

body.mlc-docs-shell .mlc-api-integration-shell .mlc-api-integration-actions .btn {
    border-radius: 999px;
    min-width: 130px;
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-overview,
    body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-preview {
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-billorder-shell .mlc-billorder-footer__actions {
        justify-content: flex-start;
    }

    body.mlc-app-shell .mlc-billorder-shell .form-group.row > .col-6,
    body.mlc-app-shell .mlc-billorder-shell .form-group.row > .col-10,
    body.mlc-app-shell .mlc-billorder-shell .form-group.row > .col-2 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left !important;
    }

    body.mlc-docs-shell .mlc-api-integration-shell .mlc-api-integration-row {
        grid-template-columns: 1fr;
    }
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-hero {
    margin-top: 0.5rem;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-notice {
    border-radius: 1rem;
    border: 1px solid #d7e4f2;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-main,
body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-sidecard {
    border: 1px solid #d7e4f2;
    border-radius: 1.1rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-main .card-body {
    display: grid;
    gap: 1.15rem;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-summary {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 0.25rem;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-summary__item {
    padding: 1rem 1.05rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-summary__item span {
    display: block;
    color: #6b85aa;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-summary__item strong {
    display: block;
    margin-top: 0.5rem;
    color: #17355c;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.45;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-summary__item p {
    margin: 0.55rem 0 0;
    color: #607999;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-field label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-field .help-block {
    color: #607999;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-sidecard .card-body {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-checklist {
    display: grid;
    gap: 0.9rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-checklist li {
    position: relative;
    padding-left: 1.15rem;
    color: #27486b;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-checklist li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.72rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%);
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-side-note {
    padding: 1rem 1.05rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-side-note strong {
    display: block;
    color: #17355c;
    font-weight: 800;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-side-note p {
    margin-top: 0.6rem;
    color: #607999;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid #d7e4f2;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-footer__copy {
    max-width: 34rem;
    color: #607999;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-footer__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-footer__actions .btn {
    margin-right: 0 !important;
}

body.mlc-app-shell .mlc-cancel-shell .btn.is-busy {
    opacity: 0.8;
}

body.mlc-app-shell .mlc-currentplan-shell {
    border: 1px solid #d7e4f2;
    border-radius: 1.1rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-currentplan-shell .mlc-currentplan-table {
    border: 1px solid #d7e4f2;
    border-radius: 0.95rem;
    overflow: hidden;
    margin-bottom: 1.25rem;
}

body.mlc-app-shell .mlc-currentplan-shell .mlc-currentplan-table td {
    color: #27486b;
}

body.mlc-app-shell .mlc-currentplan-shell .mlc-currentplan-action {
    border-radius: 999px;
    min-width: 8.5rem;
    font-weight: 700;
}

body.mlc-marketing-shell .mlc-affiliate-signup-shell .mlc-affiliate-signup-main {
    border: 1px solid #d7e4f2;
    border-radius: 1.2rem;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(15, 42, 74, 0.08);
    padding: 1.25rem 1.1rem;
}

body.mlc-marketing-shell .mlc-affiliate-signup-shell .mlc-affiliate-signup-error {
    border-radius: 0.95rem;
}

body.mlc-marketing-shell .mlc-affiliate-signup-shell .mlc-affiliate-signup-card,
body.mlc-marketing-shell .mlc-affiliate-signup-shell .mlc-affiliate-signup-nav {
    border-color: #d7e4f2;
    border-radius: 1rem;
    box-shadow: 0 12px 30px rgba(15, 42, 74, 0.08);
}

body.mlc-marketing-shell .mlc-affiliate-signup-shell .mlc-affiliate-signup-nav .list-group-item {
    border-color: #e3edf7;
    color: #1c395a;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-field [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    body.mlc-app-shell .mlc-cancel-shell .mlc-cancel-field label {
        margin-bottom: 0.45rem;
    }

    body.mlc-marketing-shell .mlc-affiliate-signup-shell .mlc-affiliate-signup-main {
        margin-bottom: 1rem;
        padding: 1rem 0.9rem;
    }
}

body.mlc-app-shell .mlc-livechatlayout-shell .mlc-livechatlayout-card,
body.mlc-app-shell .mlc-livechatlayout-shell .mlc-livechatlayout-preview {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 36px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-livechatlayout-shell .mlc-livechatlayout-form .tab-content > .tab-pane > p {
    color: #27486b;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-livechatlayout-shell .mlc-livechatlayout-form .control-label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-livechatlayout-shell #div_template_container {
    border-radius: 0.95rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-invitation-shell .mlc-invitation-card {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 36px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-invitation-shell .mlc-invitation-form .tab-content > .tab-pane > p {
    color: #27486b;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-invitation-shell .mlc-invitation-form .table.table-noborder td {
    border-top: 0;
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

body.mlc-app-shell .mlc-invitation-shell .mlc-invitation-footer {
    border-top: 1px solid #d7e4f2;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-notice {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-hero {
    position: relative;
    overflow: hidden;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-hero::after {
    content: "";
    position: absolute;
    right: -10%;
    bottom: -35%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(125, 211, 252, 0.24), rgba(125, 211, 252, 0));
    pointer-events: none;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-card,
body.mlc-app-shell .mlc-localization-shell .mlc-localization-sidecard {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-card-header {
    border-bottom: 0;
    padding-bottom: 0;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-tabs {
    gap: 0.5rem;
    flex-wrap: wrap;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-toolbar {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.35rem 1.5rem;
    border: 1px solid #dbe8f6;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f9fcff 0%, #f3f8fd 100%);
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-toolbar__copy {
    max-width: 40rem;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-toolbar__eyebrow {
    margin-bottom: 0.35rem;
    color: #6d88a8;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-toolbar__title {
    margin-bottom: 0.4rem;
    color: #16365a;
    font-size: 1.18rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-toolbar__text {
    color: #52708f;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-toolbar__control {
    width: 100%;
    max-width: 18rem;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-form {
    padding-top: 1.25rem;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-pane {
    margin-top: 0.5rem;
    border: 1px solid #dbe8f6;
    border-radius: 1rem;
    background: #fff;
    padding: 1.5rem !important;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-pane > .mb-10:first-child {
    max-width: 42rem;
    color: #587492;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-pane h3 {
    margin-bottom: 1rem !important;
    color: #6e87a5;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-card .form-group > label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-pane .form-group.row {
    align-items: center;
    margin-bottom: 0;
    padding: 0.85rem 0;
    border-top: 1px solid #edf3fa;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-pane .form-group.row:first-of-type {
    padding-top: 0;
    border-top: 0;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-pane .form-group.row label {
    text-align: left !important;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-pane [data-toggle="popover"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.95rem;
    height: 1.95rem;
    margin-left: 0 !important;
    border: 1px solid #d7e4f2;
    border-radius: 999px;
    background: #f8fbff;
    color: #5b7998;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-pane [data-toggle="popover"] i {
    margin: 0 !important;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-footer {
    border-top: 1px solid #d7e4f2;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-sidecard .card-body p {
    color: #2a496b;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-sideblock h4 {
    margin-bottom: 0.75rem;
    color: #17385c;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-sideblock + .mlc-localization-sideblock {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e3edf7;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-checklist {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0 1.25rem;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-checkitem {
    padding: 0.85rem 1rem;
    border: 1px solid #dbe8f6;
    border-radius: 0.95rem;
    background: #f8fbff;
    color: #2b4a6c;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-localization-shell .mlc-localization-checkitem strong {
    display: block;
    margin-bottom: 0.2rem;
    color: #17385c;
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-livechatlayout-shell .mlc-livechatlayout-form .form-group.row > [class*="col-md-"],
    body.mlc-app-shell .mlc-invitation-shell .mlc-invitation-form .form-group.row > [class*="col-md-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left;
    }

    body.mlc-app-shell .mlc-invitation-shell .mlc-invitation-form .table.table-noborder {
        min-width: 0 !important;
        width: 100% !important;
    }

    body.mlc-app-shell .mlc-localization-shell .mlc-localization-notice .text-right {
        text-align: left !important;
        margin-top: 0.75rem;
    }

    body.mlc-app-shell .mlc-localization-shell .mlc-localization-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-localization-shell .mlc-localization-toolbar__control {
        max-width: none;
    }

    body.mlc-app-shell .mlc-localization-shell .mlc-localization-pane .form-group.row > [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    body.mlc-app-shell .mlc-localization-shell .mlc-localization-pane .form-group.row label {
        margin-bottom: 0.45rem;
    }

    body.mlc-app-shell .mlc-localization-shell .mlc-localization-pane [data-toggle="popover"] {
        margin-top: 0.5rem;
    }
}

body.mlc-app-shell .mlc-language-shell .mlc-language-notice,
body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-notice {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-hero {
    margin-top: 0.5rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-notice {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-notice .alert-text {
    flex: 1 1 auto;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-notice__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
    padding-right: 1rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-notice__actions .btn {
    min-height: 2.85rem;
    border-radius: 999px;
    font-weight: 800;
}

body.mlc-app-shell .mlc-language-shell .mlc-language-card,
body.mlc-app-shell .mlc-language-shell .mlc-language-sidecard,
body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-card,
body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-sidecard {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-language-shell .mlc-language-form .col-form-label,
body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-form .col-form-label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1.15rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-toolbar__copy {
    max-width: 42rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-toolbar__eyebrow {
    margin-bottom: 0.35rem;
    color: #6d88a8;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-toolbar__title {
    margin-bottom: 0.4rem;
    color: #16365a;
    font-size: 1.18rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-toolbar__text {
    color: #52708f;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-toolbar__meta {
    display: grid;
    gap: 0.85rem;
    width: 100%;
    max-width: 18rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-toolbar__item {
    padding: 0.95rem 1rem;
    border: 1px solid #dbe8f6;
    border-radius: 0.95rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-toolbar__item span {
    display: block;
    color: #6b85aa;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-toolbar__item strong {
    display: block;
    margin-top: 0.5rem;
    color: #17355c;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.4;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-controls {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 1rem;
    margin: 1.35rem 0 1rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-control-card {
    padding: 1rem 1.1rem 1.15rem;
    border: 1px solid #dbe8f6;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-control-card .col-form-label {
    display: block;
    margin-bottom: 0.35rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-control-text {
    margin-bottom: 0.85rem;
    color: #587593;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-control-card .form-control {
    min-height: 3rem;
    border-color: #d5e3f0;
    border-radius: 1rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-control-card .input-group .form-control {
    border-radius: 1rem 0 0 1rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-control-card .input-group-append .btn {
    min-height: 3rem;
    border-radius: 0 1rem 1rem 0;
    font-weight: 800;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-language-row {
    margin-top: 0;
    margin-bottom: 1.15rem;
    padding: 1rem 1.1rem;
    border: 1px solid #dbe8f6;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-language-shell .mlc-language-footer,
body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-footer {
    border-top: 1px solid #d7e4f2;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-footer__copy {
    max-width: 34rem;
    color: #607999;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-footer__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-footer__actions .btn {
    margin-right: 0 !important;
    min-height: 3rem;
    border-radius: 999px;
    font-weight: 800;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-table {
    border: 1px solid #d7e4f2;
    border-radius: 0.95rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-table__summary {
    margin: 0 0 0.8rem;
    color: #587593;
    font-weight: 700;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-table thead th {
    background: #f8fbff;
    color: #1e3b5c;
    border-bottom: 1px solid #dbe8f6;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-table tbody td {
    vertical-align: top;
    color: #27486b;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-table .editable {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0.25rem 0;
    border-bottom: 1px dashed #2563eb !important;
    color: #17355c;
    font-weight: 600;
    text-decoration: none;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-table .editable-empty {
    color: #7a8faa;
    font-style: italic;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-empty {
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border: 1px dashed #c6dbf3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: #476887;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-empty strong {
    display: block;
    margin-bottom: 0.35rem;
    color: #17355c;
    font-weight: 800;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-sidecard .card-body p,
body.mlc-app-shell .mlc-language-shell .mlc-language-sidecard .card-body p {
    color: #2a496b;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-sidecard .card-body {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-side-note {
    padding: 1rem 1.05rem;
    border: 1px solid #dbe8f6;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-side-note strong {
    display: block;
    color: #17355c;
    font-weight: 800;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-checklist {
    display: grid;
    gap: 0.85rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-checklist li {
    position: relative;
    padding-left: 1.05rem;
    color: #27486b;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-checklist li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.72rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%);
}

body.mlc-app-shell .mlc-langtext-shell .editable_float_panel {
    border: 1px solid #dbe8f6;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 20px 44px rgba(15, 42, 74, 0.16) !important;
}

body.mlc-app-shell .mlc-langtext-shell .editable_float_panel .popover-header {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border-bottom: 1px solid #dbe8f6;
    color: #17355c;
    font-weight: 800;
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-notice {
        flex-direction: column;
    }

    body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-notice__actions {
        width: 100%;
        margin-left: 0;
        padding-right: 0;
    }

    body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-controls {
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-toolbar__meta {
        max-width: none;
    }

    body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-footer__actions {
        justify-content: flex-start;
    }

    body.mlc-app-shell .mlc-language-shell .mlc-language-form .form-group.row > [class*="col-"],
    body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-form .form-group.row > [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    body.mlc-app-shell .mlc-language-shell .mlc-language-form .col-form-label,
    body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-form .col-form-label {
        margin-bottom: 0.45rem;
    }

    body.mlc-app-shell .mlc-langtext-shell .mlc-langtext-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

body.mlc-app-shell .mlc-cannedresponses-shell .mlc-cannedresponses-card {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-cannedresponses-shell .mlc-cannedresponses-body p {
    color: #2a496b;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-cannedresponses-shell .mlc-cannedresponses-grid table {
    border-radius: 0.95rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-operatinghours-shell .mlc-operatinghours-notice {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
}

body.mlc-app-shell .mlc-operatinghours-shell .mlc-operatinghours-card,
body.mlc-app-shell .mlc-operatinghours-shell .mlc-operatinghours-sidecard {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-operatinghours-shell .mlc-operatinghours-form .form-group > label,
body.mlc-app-shell .mlc-operatinghours-shell .mlc-operatinghours-form .label_for {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-operatinghours-shell .mlc-operatinghours-footer,
body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-footer,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-footer {
    border-top: 1px solid #d7e4f2;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-card,
body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-preview,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-card,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-preview {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-toolbar,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e4eefb;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-toolbar__copy,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-toolbar__copy {
    max-width: 42rem;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-toolbar__eyebrow,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-toolbar__eyebrow {
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-toolbar__title,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-toolbar__title {
    margin-bottom: 0.45rem;
    color: #16365a;
    font-size: 1.18rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-toolbar__text,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-toolbar__text {
    color: #52708f;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-toolbar__meta,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-toolbar__meta {
    display: grid;
    gap: 0.85rem;
    width: 100%;
    max-width: 18rem;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-toolbar__item,
body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-preview-meta__item,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-toolbar__item,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-preview-meta__item {
    padding: 0.95rem 1rem;
    border: 1px solid #dbe8f6;
    border-radius: 0.95rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-toolbar__item span,
body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-preview-meta__item span,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-toolbar__item span,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-preview-meta__item span {
    display: block;
    color: #6b85aa;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-toolbar__item strong,
body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-preview-meta__item strong,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-toolbar__item strong,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-preview-meta__item strong {
    display: block;
    margin-top: 0.5rem;
    color: #17355c;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.45;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-form .tab-content > .tab-pane > p,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-form .tab-content > .tab-pane > p {
    color: #27486b;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-form .control-label,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-form .control-label,
body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-form .col-form-label,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-form .col-form-label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-preview-frame,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-preview-frame {
    border-radius: 0.95rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-preview .card-body,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-preview .card-body {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-preview-meta,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-preview-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-preview-note,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-preview-note {
    padding: 1rem 1.05rem;
    border: 1px solid #dbe8f6;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-preview-note strong,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-preview-note strong {
    display: block;
    margin-bottom: 0.35rem;
    color: #17355c;
    font-weight: 800;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-footer,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-footer__copy,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-footer__copy {
    max-width: 34rem;
    color: #607999;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-footer__actions,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-footer__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-footer__actions .btn,
body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-footer__actions .btn {
    margin-right: 0 !important;
    min-height: 3rem;
    border-radius: 999px;
    font-weight: 800;
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-operatinghours-shell .mlc-operatinghours-form .form-group.row > [class*="col-"],
    body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-form .form-group.row > [class*="col-md-"],
    body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-form .form-group.row > [class*="col-md-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left !important;
    }

    body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-form .tab-content,
    body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-form .tab-content {
        overflow-x: auto;
    }

    body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-toolbar,
    body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-footer,
    body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-toolbar,
    body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-toolbar__meta,
    body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-preview-meta,
    body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-toolbar__meta,
    body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-preview-meta {
        max-width: none;
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-offlinemessage-shell .mlc-offlinemessage-footer__actions,
    body.mlc-app-shell .mlc-prechatsurvey-shell .mlc-prechatsurvey-footer__actions {
        justify-content: flex-start;
    }
}

body.mlc-app-shell .mlc-chatbutton-notice,
body.mlc-app-shell .mlc-chatwidget-notice,
body.mlc-app-shell .mlc-chatlink-notice,
body.mlc-app-shell .mlc-chatnoscript-notice,
body.mlc-app-shell .mlc-monitorcode-notice,
body.mlc-app-shell .mlc-chatbox-notice {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
}

body.mlc-app-shell .mlc-chatbutton-shell .mlc-chatbutton-card,
body.mlc-app-shell .mlc-chatbutton-shell .mlc-chatbutton-sidecard,
body.mlc-app-shell .mlc-chatwidget-shell .mlc-chatwidget-card,
body.mlc-app-shell .mlc-chatwidget-shell .mlc-chatwidget-sidecard,
body.mlc-app-shell .mlc-chatlink-shell .mlc-chatlink-card,
body.mlc-app-shell .mlc-chatlink-shell .mlc-chatlink-sidecard,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-card,
body.mlc-app-shell .mlc-monitorcode-shell .mlc-monitorcode-card,
body.mlc-app-shell .mlc-monitorcode-shell .mlc-monitorcode-sidecard,
body.mlc-app-shell .mlc-chatbox-shell .mlc-chatbox-card,
body.mlc-app-shell .mlc-chatbox-shell .mlc-chatbox-sidecard {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-chatbutton-shell .mlc-chatbutton-form .tab-content > .tab-pane > p,
body.mlc-app-shell .mlc-chatwidget-shell .mlc-chatwidget-form > .tab-pane > p,
body.mlc-app-shell .mlc-chatlink-shell .mlc-chatlink-form .tab-content > .tab-pane > p,
body.mlc-app-shell .mlc-chatbox-shell .mlc-chatbox-form .tab-content > .tab-pane > p {
    color: #27486b;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-chatbutton-shell .mlc-chatbutton-form .col-form-label,
body.mlc-app-shell .mlc-chatwidget-shell .mlc-chatwidget-form .col-form-label,
body.mlc-app-shell .mlc-chatlink-shell .mlc-chatlink-form .col-form-label,
body.mlc-app-shell .mlc-chatbox-shell .mlc-chatbox-form .col-form-label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-chatbutton-shell .mlc-chatbutton-form .input-group-text,
body.mlc-app-shell .mlc-chatwidget-shell .mlc-chatwidget-form .input-group-text,
body.mlc-app-shell .mlc-chatlink-shell .mlc-chatlink-form .input-group-text,
body.mlc-app-shell .mlc-chatbox-shell .mlc-chatbox-form .input-group-text {
    background: #f5f9ff;
    border-color: #d7e4f2;
    color: #2f4f74;
}

body.mlc-app-shell .mlc-chatbutton-shell .mlc-chatbutton-form .card-footer,
body.mlc-app-shell .mlc-chatwidget-shell .mlc-chatwidget-form .card-footer,
body.mlc-app-shell .mlc-chatlink-shell .mlc-chatlink-form .card-footer,
body.mlc-app-shell .mlc-chatbox-shell .mlc-chatbox-form .card-footer {
    border-top: 1px solid #d7e4f2;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-chatbutton-shell .mlc-chatbutton-sidecard .card-body p,
body.mlc-app-shell .mlc-chatwidget-shell .mlc-chatwidget-sidecard .card-body p,
body.mlc-app-shell .mlc-chatlink-shell .mlc-chatlink-sidecard .card-body p,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-card .card-body p,
body.mlc-app-shell .mlc-monitorcode-shell .mlc-monitorcode-sidecard .card-body p,
body.mlc-app-shell .mlc-chatbox-shell .mlc-chatbox-sidecard .card-body p {
    color: #2a496b;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-form .col-form-label,
body.mlc-app-shell .mlc-monitorcode-shell .mlc-monitorcode-form .checkbox-inline .form-text {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-intro {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-intro__icon {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1d4ed8;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-intro h3,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-codepanel__header h3,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-preview__header h3 {
    margin: 0;
    color: #16385d;
    font-size: 1.16rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-intro p,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-field__hint,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-codepanel__meta,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-preview__meta,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-sideblock p,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-checkitem span {
    color: #5f7fa4;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-grid {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-field {
    display: grid;
    gap: 0.45rem;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-field__label {
    color: #1f3b5b;
    font-weight: 700;
    margin: 0;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-codepanel,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-preview {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    background: #ffffff;
    overflow: hidden;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-codepanel__header,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-preview__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #e0eaf5;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-kicker,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-sideblock__eyebrow {
    margin-bottom: 0.28rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #7a94b6;
}

body.mlc-app-shell .mlc-chatnoscript-shell #linkcodebox {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 13rem;
    background: #0f172a !important;
    color: #e2e8f0 !important;
    font-family: Consolas, "Courier New", Courier, monospace !important;
    font-size: 0.96rem;
    line-height: 1.7;
    padding: 1.2rem 1.25rem !important;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-preview__surface {
    padding: 1.15rem;
    min-height: 7.5rem;
    display: flex;
    align-items: center;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-preview__linkwrap {
    display: inline;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-preview__surface a,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-preview__link {
    color: #1d4ed8;
    font-weight: 800;
    text-decoration: underline;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.14em;
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 0 !important;
    line-height: inherit !important;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-preview__surface a:hover,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-preview__link:hover {
    color: #1e40af;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-preview__empty {
    color: #7a94b6;
    font-weight: 600;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-sidecard {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-chatnoscript-shell > .row {
    align-items: flex-start;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-sidebar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-sidebar > .card,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-sidebar > .mlc-feature-note {
    height: auto !important;
    margin-bottom: 0 !important;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-sideblock {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-sideblock strong,
body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-checkitem strong {
    color: #16385d;
    font-weight: 800;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-checklist {
    display: grid;
    gap: 0.9rem;
    margin-top: 1rem;
}

body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-checkitem {
    display: grid;
    gap: 0.28rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dfe9f4;
    border-radius: 1rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-deployment-code-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-deployment-code-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    white-space: nowrap;
}

body.mlc-app-shell .mlc-chatwidget-shell #image_template {
    max-width: 100%;
    border-radius: 0.9rem;
    box-shadow: 0 10px 24px rgba(15, 42, 74, 0.16);
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-chatbutton-shell .mlc-chatbutton-form .form-group.row > [class*="col-lg-"],
    body.mlc-app-shell .mlc-chatwidget-shell .mlc-chatwidget-form .form-group.row > [class*="col-lg-"],
    body.mlc-app-shell .mlc-chatlink-shell .mlc-chatlink-form .form-group.row > [class*="col-lg-"],
    body.mlc-app-shell .mlc-chatbox-shell .mlc-chatbox-form .form-group.row > [class*="col-lg-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left;
    }

    body.mlc-app-shell .mlc-chatbutton-shell .mlc-chatbutton-form .col-form-label,
    body.mlc-app-shell .mlc-chatwidget-shell .mlc-chatwidget-form .col-form-label,
    body.mlc-app-shell .mlc-chatlink-shell .mlc-chatlink-form .col-form-label,
    body.mlc-app-shell .mlc-chatbox-shell .mlc-chatbox-form .col-form-label {
        margin-bottom: 0.45rem;
    }

    body.mlc-app-shell .mlc-chatnoscript-shell .mlc-chatnoscript-intro {
        grid-template-columns: 1fr;
    }
}

body.mlc-app-shell .mlc-inlinechat-shell .mlc-inlinechat-notice {
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
}

body.mlc-app-shell .mlc-inlinechat-shell .mlc-inlinechat-card,
body.mlc-app-shell .mlc-inlinechat-shell .mlc-inlinechat-sidecard,
body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-card,
body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-sidecard,
body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-card,
body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-sidecard {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-inlinechat-shell .mlc-inlinechat-form .form-group > label,
body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-form .control-label,
body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-form .control-label,
body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-form .col-form-label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-inlinechat-shell #scriptcode,
body.mlc-app-shell .mlc-inlinelayout-shell #div_template_container,
body.mlc-app-shell .mlc-inlinemessenger-shell #div_template_container {
    border-radius: 0.95rem;
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-section-banner {
    margin-top: 0.5rem;
}

body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-section-banner {
    margin-top: 0.5rem;
}

body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e4eefb;
}

body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-toolbar__copy {
    max-width: 42rem;
}

body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-toolbar__eyebrow {
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-toolbar__title {
    margin-bottom: 0.45rem;
    color: #16365a;
    font-size: 1.18rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-toolbar__text {
    color: #52708f;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-toolbar__meta {
    display: grid;
    gap: 0.85rem;
    width: 100%;
    max-width: 18rem;
}

body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-toolbar__item,
body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-previewbar__item {
    padding: 0.95rem 1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-toolbar__item span,
body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-previewbar__item span {
    display: block;
    color: #6b85aa;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-toolbar__item strong,
body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-previewbar__item strong {
    display: block;
    margin-top: 0.5rem;
    color: #17355c;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.4;
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-footer,
body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-footer,
body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-footer {
    border-top: 1px solid #d7e4f2;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-footer__copy {
    max-width: 34rem;
    color: #607999;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-footer__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-footer__actions .btn {
    margin-right: 0 !important;
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-previewbar {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #dbe7f3;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-previewbar__item {
    padding: 0.95rem 1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-previewbar__item span {
    display: block;
    color: #6b85aa;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-previewbar__item strong {
    display: block;
    margin-top: 0.5rem;
    color: #17355c;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.4;
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-previewstage {
    border-radius: 0 0 1rem 1rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-inlinelayout-shell .btn.is-busy {
    opacity: 0.8;
}

body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-form .tab-content > .tab-pane > p,
body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-form .tab-content > .tab-pane > p {
    color: #27486b;
    line-height: 1.68;
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-footer__actions {
        justify-content: flex-start;
    }

    body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-previewbar {
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-form .form-group.row > [class*="col-md-"],
    body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-form .form-group.row > [class*="col-md-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left;
    }

    body.mlc-app-shell .mlc-inlinechat-shell .mlc-inlinechat-main,
    body.mlc-app-shell .mlc-inlinechat-shell .mlc-inlinechat-side {
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.mlc-app-shell .mlc-inlinelayout-shell .mlc-inlinelayout-form,
    body.mlc-app-shell .mlc-inlinemessenger-shell .mlc-inlinemessenger-form {
        overflow-x: auto;
    }
}

body.mlc-app-shell .mlc-inlineprechat-shell .mlc-inlineprechat-card,
body.mlc-app-shell .mlc-inlineprechat-shell .mlc-inlineprechat-sidecard,
body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-card,
body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-preview,
body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-card,
body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-sidecard {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-inlineprechat-shell .mlc-inlineprechat-form .control-label,
body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-form .control-label,
body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-form .control-label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e4eefb;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-toolbar__copy {
    max-width: 42rem;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-toolbar__eyebrow {
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-toolbar__title {
    margin-bottom: 0.45rem;
    color: #16365a;
    font-size: 1.18rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-toolbar__text {
    color: #52708f;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-toolbar__meta {
    display: grid;
    gap: 0.85rem;
    width: 100%;
    max-width: 18rem;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-toolbar__item,
body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-preview-meta__item {
    padding: 0.95rem 1rem;
    border: 1px solid #dbe8f6;
    border-radius: 0.95rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-toolbar__item span,
body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-preview-meta__item span {
    display: block;
    color: #6b85aa;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-toolbar__item strong,
body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-preview-meta__item strong {
    display: block;
    margin-top: 0.5rem;
    color: #17355c;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.45;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e4eefb;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-toolbar__copy {
    max-width: 42rem;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-toolbar__eyebrow {
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-toolbar__title {
    margin-bottom: 0.45rem;
    color: #16365a;
    font-size: 1.18rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-toolbar__text {
    color: #52708f;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-toolbar__meta {
    display: grid;
    gap: 0.85rem;
    width: 100%;
    max-width: 18rem;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-toolbar__item,
body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-preview-meta__item {
    padding: 0.95rem 1rem;
    border: 1px solid #dbe8f6;
    border-radius: 0.95rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-toolbar__item span,
body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-preview-meta__item span {
    display: block;
    color: #6b85aa;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-toolbar__item strong,
body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-preview-meta__item strong {
    display: block;
    margin-top: 0.5rem;
    color: #17355c;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.45;
}

body.mlc-app-shell .mlc-inlineprechat-shell .mlc-inlineprechat-preview,
body.mlc-app-shell .mlc-inlineprechat-shell .mlc-inlineprechat-preview-frame,
body.mlc-app-shell .mlc-inlineprechat-shell #div_template_container,
body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-preview,
body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-preview-frame,
body.mlc-app-shell .mlc-inlineoffline-shell #div_template_container,
body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-preview,
body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-preview-frame,
body.mlc-app-shell .mlc-inlinesurvey-shell #div_template_container {
    border-radius: 0.95rem;
    overflow: hidden;
}

body.mlc-app-shell .mlc-inlineprechat-shell .mlc-inlineprechat-footer,
body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-footer,
body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-footer {
    border-top: 1px solid #d7e4f2;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-preview .card-body {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-preview-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-preview-note {
    padding: 1rem 1.05rem;
    border: 1px solid #dbe8f6;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-preview-note strong {
    display: block;
    margin-bottom: 0.35rem;
    color: #17355c;
    font-weight: 800;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-preview .card-body {
    display: grid;
    gap: 1rem;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-preview-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-preview-note {
    padding: 1rem 1.05rem;
    border: 1px solid #dbe8f6;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-preview-note strong {
    display: block;
    margin-bottom: 0.35rem;
    color: #17355c;
    font-weight: 800;
}

body.mlc-app-shell .mlc-inlineprechat-shell .mlc-inlineprechat-form .well p {
    color: #27486b;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-form .form-group {
    margin-bottom: 1.1rem;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-footer__copy {
    max-width: 34rem;
    color: #607999;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-footer__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-footer__actions .btn {
    margin-right: 0 !important;
    min-height: 3rem;
    border-radius: 999px;
    font-weight: 800;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-footer__copy {
    max-width: 34rem;
    color: #607999;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-footer__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-footer__actions .btn {
    margin-right: 0 !important;
    min-height: 3rem;
    border-radius: 999px;
    font-weight: 800;
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-inlineprechat-shell .mlc-inlineprechat-form .form-group.row > [class*="col-md-"],
    body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-form .form-group.row > [class*="col-md-"],
    body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-form .form-group.row > [class*="col-md-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left;
    }

    body.mlc-app-shell .mlc-inlineprechat-shell .mlc-inlineprechat-main,
    body.mlc-app-shell .mlc-inlineprechat-shell .mlc-inlineprechat-side,
    body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-main,
    body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-side,
    body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-main,
    body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-side {
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-toolbar,
    body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-toolbar__meta,
    body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-preview-meta {
        max-width: none;
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-inlineoffline-shell .mlc-inlineoffline-footer__actions {
        justify-content: flex-start;
    }

    body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-toolbar,
    body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-toolbar__meta,
    body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-preview-meta {
        max-width: none;
        grid-template-columns: 1fr;
    }

    body.mlc-app-shell .mlc-inlinesurvey-shell .mlc-inlinesurvey-footer__actions {
        justify-content: flex-start;
    }
}
body.mlc-app-shell .mlc-embedlayout-shell .mlc-embedlayout-card,
body.mlc-app-shell .mlc-embedlayout-shell .mlc-embedlayout-sidecard,
body.mlc-app-shell .mlc-embedmessenger-shell .mlc-embedmessenger-card,
body.mlc-app-shell .mlc-embedmessenger-shell .mlc-embedmessenger-sidecard {
    border: 1px solid #d7e4f2;
    border-radius: 1.15rem;
    box-shadow: 0 14px 34px rgba(15, 42, 74, 0.08);
}

body.mlc-app-shell .mlc-embedlayout-shell .mlc-embedlayout-form .control-label,
body.mlc-app-shell .mlc-embedmessenger-shell .mlc-embedmessenger-form .control-label,
body.mlc-app-shell .mlc-embedmessenger-shell .mlc-embedmessenger-form .col-form-label {
    color: #1f3b5b;
    font-weight: 700;
}

body.mlc-app-shell .mlc-embedlayout-shell .mlc-embedlayout-form .tab-content > .tab-pane > p,
body.mlc-app-shell .mlc-embedmessenger-shell .mlc-embedmessenger-form .tab-content > .tab-pane > p {
    color: #27486b;
    line-height: 1.68;
}

body.mlc-app-shell .mlc-embedlayout-shell .mlc-embedlayout-footer,
body.mlc-app-shell .mlc-embedmessenger-shell .mlc-embedmessenger-footer {
    border-top: 1px solid #d7e4f2;
    background: #f8fbff;
}

body.mlc-app-shell .mlc-embedlayout-shell .mlc-embedlayout-preview,
body.mlc-app-shell .mlc-embedlayout-shell .mlc-embedlayout-preview-frame,
body.mlc-app-shell .mlc-embedmessenger-shell .mlc-embedmessenger-preview,
body.mlc-app-shell .mlc-embedmessenger-shell .mlc-embedmessenger-preview-frame {
    border-radius: 0.95rem;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-embedlayout-shell .mlc-embedlayout-form .form-group.row > [class*="col-md-"],
    body.mlc-app-shell .mlc-embedmessenger-shell .mlc-embedmessenger-form .form-group.row > [class*="col-md-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left;
    }

    body.mlc-app-shell .mlc-embedlayout-shell .mlc-embedlayout-main,
    body.mlc-app-shell .mlc-embedlayout-shell .mlc-embedlayout-side,
    body.mlc-app-shell .mlc-embedmessenger-shell .mlc-embedmessenger-main,
    body.mlc-app-shell .mlc-embedmessenger-shell .mlc-embedmessenger-side {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ══════════════════════════════════════════════════════════════
   Modern Dashboard Component System
   ══════════════════════════════════════════════════════════════ */

/* ── mlc-card: Modern standalone card ── */
body.mlc-app-shell .mlc-card {
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

body.mlc-app-shell .mlc-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.75rem;
    border-bottom: 1px solid var(--mlc-line);
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

body.mlc-app-shell .mlc-card-header h3,
body.mlc-app-shell .mlc-card-header .mlc-card-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -0.015em;
    color: var(--mlc-ink);
}

body.mlc-app-shell .mlc-card-body {
    padding: 1.75rem;
}

body.mlc-app-shell .mlc-card-footer {
    padding: 1.1rem 1.75rem;
    border-top: 1px solid var(--mlc-line);
    background: linear-gradient(180deg, #f9fcff 0%, #f4f9ff 100%);
}

/* ── mlc-form-row: Modern grid form row (replaces form-group row + col-*) ── */
body.mlc-app-shell .mlc-form-row {
    display: grid;
    grid-template-columns: minmax(10rem, 0.28fr) 1fr;
    gap: 1rem;
    align-items: start;
    padding: 1.1rem 0;
    border-bottom: 1px solid var(--mlc-line);
}

body.mlc-app-shell .mlc-form-row:last-child {
    border-bottom: none;
}

body.mlc-app-shell .mlc-form-label {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--mlc-ink);
    padding-top: 0.55rem;
    line-height: 1.4;
}

body.mlc-app-shell .mlc-form-help {
    font-size: 0.8125rem;
    color: var(--mlc-muted);
    margin-top: 0.35rem;
    line-height: 1.55;
}

body.mlc-app-shell .mlc-form-input {
    min-height: 2.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #fff;
    color: var(--mlc-ink);
    font-size: 0.875rem;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    width: 100%;
}

body.mlc-app-shell .mlc-form-input:focus {
    border-color: #0F6CBD;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(15, 108, 189, 0.12);
    outline: none;
}

/* ── mlc-tab-bar: Modern tab navigation ── */
body.mlc-app-shell .mlc-tab-bar {
    display: flex;
    gap: 0.25rem;
    padding: 0 1.75rem;
    border-bottom: 2px solid var(--mlc-line);
    background: transparent;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.mlc-app-shell .mlc-tab-bar .nav-item {
    margin-bottom: -2px;
}

body.mlc-app-shell .mlc-tab-bar .nav-link,
body.mlc-app-shell .mlc-tab-item {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.9rem 1.15rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--mlc-muted);
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
}

body.mlc-app-shell .mlc-tab-bar .nav-link:hover,
body.mlc-app-shell .mlc-tab-item:hover {
    color: var(--mlc-ink);
    background: transparent;
}

body.mlc-app-shell .mlc-tab-bar .nav-link.active,
body.mlc-app-shell .mlc-tab-item.active {
    color: var(--mlc-brand);
    border-bottom-color: var(--mlc-brand);
    background: transparent;
}

/* ── mlc-stat-card: Metric display card ── */
body.mlc-app-shell .mlc-stat-card {
    border: 1px solid var(--mlc-line);
    border-radius: 1.35rem;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    padding: 1.35rem 1.5rem;
    box-shadow: 0 14px 34px rgba(15, 31, 53, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.mlc-app-shell .mlc-stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 44px rgba(15, 31, 53, 0.1);
}

body.mlc-app-shell .mlc-stat-card-label {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mlc-muted);
    margin-bottom: 0.45rem;
}

body.mlc-app-shell .mlc-stat-card-value {
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--mlc-ink);
    line-height: 1.15;
}

body.mlc-app-shell .mlc-stat-card-desc {
    font-size: 0.8125rem;
    color: var(--mlc-muted);
    margin-top: 0.3rem;
}

/* ── mlc-pricing-tier: Plan selection card ── */
body.mlc-app-shell .mlc-pricing-tier {
    position: relative;
    border: 2px solid var(--mlc-line);
    border-radius: 1.5rem;
    background: #ffffff;
    padding: 1.75rem;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

body.mlc-app-shell .mlc-pricing-tier:hover {
    border-color: #a8c8e8;
    box-shadow: 0 14px 36px rgba(15, 42, 74, 0.1);
    transform: translateY(-2px);
}

body.mlc-app-shell .mlc-pricing-tier.selected,
body.mlc-app-shell .mlc-pricing-tier.active {
    border-color: var(--mlc-brand);
    box-shadow: 0 0 0 3px rgba(20, 116, 234, 0.15), 0 14px 36px rgba(15, 42, 74, 0.1);
}

body.mlc-app-shell .mlc-pricing-tier-name {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--mlc-ink);
    margin-bottom: 0.35rem;
}

body.mlc-app-shell .mlc-pricing-tier-price {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--mlc-ink);
    line-height: 1.15;
}

body.mlc-app-shell .mlc-pricing-tier-price span {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mlc-muted);
    letter-spacing: 0;
}

body.mlc-app-shell .mlc-pricing-tier-desc {
    font-size: 0.8125rem;
    color: var(--mlc-muted);
    margin-top: 0.5rem;
    line-height: 1.55;
}

body.mlc-app-shell .mlc-pricing-tier-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    border-radius: 9999px;
    background: #eff6ff;
    color: var(--mlc-brand);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

/* ── mlc-empty-state: Centered empty state ── */
body.mlc-app-shell .mlc-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
}

body.mlc-app-shell .mlc-empty-state-icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    background: var(--mlc-soft);
    color: var(--mlc-muted);
    margin-bottom: 1.25rem;
}

body.mlc-app-shell .mlc-empty-state-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--mlc-ink);
    margin-bottom: 0.45rem;
}

body.mlc-app-shell .mlc-empty-state-desc {
    font-size: 0.875rem;
    color: var(--mlc-muted);
    max-width: 28rem;
    line-height: 1.6;
}

/* ── Material Tailwind-style toggle switch ── */

/* Global override: restyle Metronic .switch.switch-icon to Material Tailwind look.
   Metronic HTML: <div class="switch switch-icon"><label><input type="checkbox"><span></span>Text</label></div>
   or: <label>...<input>Text<span></span></label>
   We turn the <input> into a visible pill track, the <span> into the sliding thumb knob. */

body.mlc-app-shell .switch.switch-icon {
    display: block;
    margin: 0;
    padding: 0;
}

body.mlc-app-shell .switch.switch-icon > label {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.75rem !important;
    cursor: pointer !important;
    -webkit-user-select: none;
    user-select: none;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: var(--mlc-ink) !important;
    line-height: 1.5 !important;
    position: relative;
    min-height: 1.25rem;
}

/* The checkbox becomes the visible track */
body.mlc-app-shell .switch.switch-icon > label > input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 2.75rem !important;
    height: 1.25rem !important;
    min-width: 2.75rem !important;
    background: #cbd5e1 !important;
    border-radius: 9999px !important;
    cursor: pointer !important;
    transition: background-color 0.25s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    position: relative !important;
    flex-shrink: 0 !important;
    order: -1; /* Always put track first visually */
}

body.mlc-app-shell .switch.switch-icon > label > input[type="checkbox"]:checked {
    background: #0F6CBD !important;
}

/* The span becomes the thumb knob, positioned over the track */
body.mlc-app-shell .switch.switch-icon > label > span {
    position: absolute !important;
    /* Position the thumb at the start of the track input */
    left: 0.125rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    background: #fff !important;
    border-radius: 9999px !important;
    border: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    transition: left 0.25s ease !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

body.mlc-app-shell .switch.switch-icon > label > input[type="checkbox"]:checked ~ span {
    left: 1.625rem !important;
}

body.mlc-app-shell .switch.switch-icon > label > input[type="checkbox"]:focus-visible ~ span {
    box-shadow: 0 0 0 3px rgba(15, 108, 189, 0.25), 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* Kill all Metronic pseudo-elements on the span */
body.mlc-app-shell .switch.switch-icon > label > span::before,
body.mlc-app-shell .switch.switch-icon > label > span::after {
    display: none !important;
    content: none !important;
}

/* ── .mlc-switch: explicit Material Tailwind switch class ── */
body.mlc-app-shell .mlc-switch {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

body.mlc-app-shell .mlc-switch-track {
    position: relative;
    display: inline-block;
    width: 2.75rem;
    height: 1.25rem;
    flex-shrink: 0;
}

body.mlc-app-shell .mlc-switch-track input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 2.75rem;
    height: 1.25rem;
    background: #e2e8f0;
    border-radius: 9999px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}

body.mlc-app-shell .mlc-switch-track input[type="checkbox"]:checked {
    background: #0F6CBD;
}

body.mlc-app-shell .mlc-switch-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border-radius: 9999px;
    border: 1px solid #cbd5e1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    transition: transform 0.3s ease, border-color 0.3s ease;
    pointer-events: none;
}

body.mlc-app-shell .mlc-switch-track input[type="checkbox"]:checked + .mlc-switch-thumb {
    transform: translateX(1.5rem);
    border-color: #0F6CBD;
}

body.mlc-app-shell .mlc-switch-track input[type="checkbox"]:focus-visible + .mlc-switch-thumb {
    box-shadow: 0 0 0 2px rgba(15, 108, 189, 0.25);
}

body.mlc-app-shell .mlc-switch-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mlc-ink);
    line-height: 1.4;
}

/* ── mlc-alert-modern: Modern alert/notice ── */
body.mlc-app-shell .mlc-alert-modern {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.15rem 1.35rem;
    border-radius: 1.25rem;
    border: 1px solid var(--mlc-line);
    background: #ffffff;
}

body.mlc-app-shell .mlc-alert-modern.mlc-alert-info {
    border-color: #bae6fd;
    background: #f0f9ff;
}

body.mlc-app-shell .mlc-alert-modern.mlc-alert-success {
    border-color: #a7f3d0;
    background: #ecfdf5;
}

body.mlc-app-shell .mlc-alert-modern.mlc-alert-warning {
    border-color: #fde68a;
    background: #fffbeb;
}

body.mlc-app-shell .mlc-alert-modern.mlc-alert-danger {
    border-color: #fecdd3;
    background: #fff1f2;
}

body.mlc-app-shell .mlc-alert-modern-icon {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
}

body.mlc-app-shell .mlc-alert-modern-content {
    flex: 1;
    min-width: 0;
}

body.mlc-app-shell .mlc-alert-modern-title {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--mlc-ink);
    margin-bottom: 0.2rem;
}

body.mlc-app-shell .mlc-alert-modern-desc {
    font-size: 0.8125rem;
    color: var(--mlc-body);
    line-height: 1.55;
}

/* ── mlc-badge: Modern badge/status pill ── */
body.mlc-app-shell .mlc-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.015em;
}

body.mlc-app-shell .mlc-badge-success {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

body.mlc-app-shell .mlc-badge-warning {
    background: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
}

body.mlc-app-shell .mlc-badge-danger {
    background: #fff1f2;
    color: #be123c;
    border: 1px solid #fecdd3;
}

body.mlc-app-shell .mlc-badge-info {
    background: #f0f9ff;
    color: #0369a1;
    border: 1px solid #bae6fd;
}

body.mlc-app-shell .mlc-badge-neutral {
    background: #f8fafc;
    color: #475569;
    border: 1px solid #e2e8f0;
}

/* ── mlc-btn: Modern button variants ── */
body.mlc-app-shell .mlc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.55rem 1.35rem;
    border-radius: 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    letter-spacing: 0;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    text-decoration: none;
}

body.mlc-app-shell .mlc-btn-primary {
    background: #0F6CBD;
    border-color: #0F6CBD;
    color: #ffffff;
}

body.mlc-app-shell .mlc-btn-primary:hover {
    background: #115EA3;
    border-color: #115EA3;
    color: #ffffff;
}

body.mlc-app-shell .mlc-btn-secondary {
    background: #ffffff;
    color: #242424;
    border-color: #D1D1D1;
}

body.mlc-app-shell .mlc-btn-secondary:hover {
    background: #F5F5F5;
    border-color: #C7C7C7;
    color: #242424;
}

body.mlc-app-shell .mlc-btn-sm {
    padding: 0.4rem 0.85rem;
    font-size: 0.8125rem;
    min-height: 2.15rem;
}

body.mlc-app-shell .mlc-btn-danger {
    background: #ffffff;
    color: #B10E1C;
    border-color: #D1D1D1;
}

body.mlc-app-shell .mlc-btn-danger:hover {
    background: #FDF3F4;
    border-color: #D1D1D1;
    color: #960B18;
}

/* ── Responsive form-row collapse ── */
@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-form-row {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    body.mlc-app-shell .mlc-form-label {
        padding-top: 0;
    }

    body.mlc-app-shell .mlc-tab-bar {
        padding: 0 1rem;
    }
}

body.mlc-app-shell .mlc-testpage-shell .mlc-section-banner {
    border-radius: 1.75rem;
    background:
        radial-gradient(circle at top left, rgba(96, 165, 250, 0.32), transparent 32%),
        linear-gradient(135deg, #0f1f39 0%, #16355f 52%, #1e5fba 100%);
    box-shadow: 0 26px 64px rgba(15, 23, 42, 0.18);
}

body.mlc-app-shell .mlc-testpage-shell .mlc-note-card {
    border: 1px solid rgba(191, 219, 254, 0.18);
    border-radius: 1.25rem;
    background: rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(10px);
}

body.mlc-app-shell .mlc-testpage-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

body.mlc-app-shell .mlc-testpage-toggle__button {
    min-width: 10.5rem;
    min-height: 2.9rem;
    border-radius: 999px;
    padding-inline: 1.2rem;
    font-weight: 700;
    box-shadow: none;
}

body.mlc-app-shell .mlc-testpage-toggle__button.is-active {
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.22);
}

body.mlc-app-shell .mlc-testpage-view[hidden] {
    display: none !important;
}

body.mlc-app-shell .mlc-testpage-browser,
body.mlc-app-shell .mlc-testpage-frame {
    overflow: hidden;
    border: 1px solid #d7e4f2;
    border-radius: 1.5rem;
    background: #ffffff;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
}

body.mlc-app-shell .mlc-testpage-browser__bar {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5fd 100%);
}

body.mlc-app-shell .mlc-testpage-browser__dots {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

body.mlc-app-shell .mlc-testpage-browser__dots span {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 999px;
    display: inline-block;
    background: #cbd5e1;
}

body.mlc-app-shell .mlc-testpage-browser__dots span:nth-child(1) {
    background: #f87171;
}

body.mlc-app-shell .mlc-testpage-browser__dots span:nth-child(2) {
    background: #fbbf24;
}

body.mlc-app-shell .mlc-testpage-browser__dots span:nth-child(3) {
    background: #34d399;
}

body.mlc-app-shell .mlc-testpage-browser__url {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0.7rem 1rem;
    border: 1px solid #d7e4f2;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #4c6a91;
    font-size: 0.9rem;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.mlc-app-shell .mlc-testpage-browser__body {
    padding: 1.5rem;
    background:
        radial-gradient(circle at top right, rgba(191, 219, 254, 0.42), transparent 28%),
        linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
}

body.mlc-app-shell .mlc-testpage-sample-hero {
    padding: 1.6rem 1.7rem;
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at top right, rgba(96, 165, 250, 0.24), transparent 28%),
        linear-gradient(135deg, #14345d 0%, #1f4f8f 60%, #2563eb 100%);
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.mlc-app-shell .mlc-testpage-sample-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.22);
    color: #dbeafe;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-testpage-sample-hero h3 {
    margin: 1rem 0 0.55rem;
    color: #ffffff;
    font-size: 2rem;
    line-height: 1.08;
    font-weight: 800;
}

body.mlc-app-shell .mlc-testpage-sample-hero p {
    margin: 0;
    max-width: 46rem;
    color: rgba(226, 232, 240, 0.96);
    font-size: 1rem;
    line-height: 1.75;
}

body.mlc-app-shell .mlc-testpage-launcher {
    margin-top: 1rem;
    padding: 1rem 1.15rem;
    border: 1px dashed #bfdbfe;
    border-radius: 1rem;
    background: #ffffff;
    min-height: 5rem;
    display: block;
    overflow: visible;
}

body.mlc-app-shell .mlc-testpage-launcher:empty {
    display: none;
}

body.mlc-app-shell .mlc-testpage-legacyframe {
    margin-top: 1rem;
    border: 1px solid #d7e4f2;
    border-radius: 1rem;
    background: #f8fbff;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.mlc-app-shell .mlc-testpage-legacyframe__iframe {
    display: block;
    width: 100%;
    min-height: 760px;
    border: 0;
    background: #ffffff;
}

body.mlc-app-shell .mlc-testpage-livepreview {
    padding: 1.25rem 1.35rem;
    border: 1px dashed #bfdbfe;
    border-radius: 1.25rem;
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.mlc-app-shell .mlc-testpage-livepreview__copy {
    max-width: 48rem;
}

body.mlc-app-shell .mlc-testpage-livepreview__kicker {
    display: inline-flex;
    margin-bottom: 0.55rem;
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-testpage-livepreview h3 {
    margin: 0;
    color: #17335c;
    font-size: 1.3rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-testpage-livepreview p {
    margin: 0.55rem 0 0;
    color: #587294;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-testpage-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.85fr);
    gap: 1rem;
    margin-top: 1.35rem;
}

body.mlc-app-shell .mlc-testpage-article,
body.mlc-app-shell .mlc-testpage-aside__card,
body.mlc-app-shell .mlc-testpage-showcase__card,
body.mlc-app-shell .mlc-testpage-urlpanel,
body.mlc-app-shell .mlc-testpage-sidecard,
body.mlc-app-shell .mlc-testpage-check {
    border: 1px solid #d7e4f2;
    border-radius: 1.25rem;
    background: #ffffff;
}

body.mlc-app-shell .mlc-testpage-article {
    padding: 1.4rem 1.45rem;
}

body.mlc-app-shell .mlc-testpage-article h4 {
    margin: 0 0 0.8rem;
    color: #17335c;
    font-size: 1.3rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-testpage-article p {
    margin: 0 0 1rem;
    color: #4a6283;
    line-height: 1.8;
}

body.mlc-app-shell .mlc-testpage-article p:last-child {
    margin-bottom: 0;
}

body.mlc-app-shell .mlc-testpage-aside {
    display: grid;
    gap: 1rem;
    align-content: start;
}

body.mlc-app-shell .mlc-testpage-aside__card {
    padding: 1.2rem 1.25rem;
}

body.mlc-app-shell .mlc-testpage-aside__kicker {
    display: block;
    margin-bottom: 0.7rem;
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-testpage-aside__card strong {
    display: block;
    margin-bottom: 0.55rem;
    color: #17335c;
    font-size: 1rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-testpage-aside__card p {
    margin: 0;
    color: #587294;
    line-height: 1.7;
}

body.mlc-app-shell .mlc-testpage-showcase {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

body.mlc-app-shell .mlc-testpage-showcase__card {
    padding: 1.15rem 1.2rem;
    min-width: 0;
}

body.mlc-app-shell .mlc-testpage-showcase__card span {
    display: inline-flex;
    margin-bottom: 0.7rem;
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-testpage-showcase__card strong {
    display: block;
    margin-bottom: 0.4rem;
    color: #17335c;
    font-size: 1rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-testpage-showcase__card p {
    margin: 0;
    color: #587294;
    line-height: 1.65;
}

body.mlc-app-shell .mlc-testpage-urlpanel {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.15rem;
    padding: 1.35rem;
    margin-bottom: 1rem;
}

body.mlc-app-shell .mlc-testpage-urlpanel__kicker {
    display: inline-flex;
    margin-bottom: 0.65rem;
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.mlc-app-shell .mlc-testpage-urlpanel h3 {
    margin: 0 0 0.45rem;
    color: #17335c;
    font-size: 1.45rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-testpage-urlpanel p {
    margin: 0;
    color: #587294;
    line-height: 1.75;
}

body.mlc-app-shell .mlc-testpage-urlpanel__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
}

body.mlc-app-shell .mlc-testpage-urlpanel__controls .form-control {
    min-height: 3.25rem;
    border-radius: 1rem;
}

body.mlc-app-shell .mlc-testpage-urlpanel__controls .btn {
    min-height: 3.25rem;
    padding-inline: 1.35rem;
    border-radius: 1rem;
    font-weight: 700;
}

body.mlc-app-shell .mlc-testpage-frame iframe {
    display: block;
    width: 100%;
    min-height: 38rem;
    border: 0;
    background: #ffffff;
}

body.mlc-app-shell .mlc-testpage-sidecard .card-body {
    color: #587294;
}

body.mlc-app-shell .mlc-testpage-sidecard .card-body p:last-child {
    margin-bottom: 0;
}

body.mlc-app-shell .mlc-testpage-checklist {
    display: grid;
    gap: 0.9rem;
}

body.mlc-app-shell .mlc-testpage-check {
    padding: 1rem 1.05rem;
}

body.mlc-app-shell .mlc-testpage-check strong {
    display: block;
    margin-bottom: 0.4rem;
    color: #17335c;
    font-size: 0.98rem;
    font-weight: 800;
}

body.mlc-app-shell .mlc-testpage-check span {
    display: block;
    color: #587294;
    line-height: 1.7;
}

@media (max-width: 1199.98px) {
    body.mlc-app-shell .mlc-testpage-content-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 991.98px) {
    body.mlc-app-shell .mlc-testpage-showcase {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767.98px) {
    body.mlc-app-shell .mlc-testpage-shell .mlc-section-banner {
        border-radius: 1.35rem;
    }

    body.mlc-app-shell .mlc-testpage-browser__body {
        padding: 1rem;
    }

    body.mlc-app-shell .mlc-testpage-sample-hero {
        padding: 1.2rem 1.15rem;
    }

    body.mlc-app-shell .mlc-testpage-sample-hero h3 {
        font-size: 1.55rem;
    }

    body.mlc-app-shell .mlc-testpage-urlpanel {
        padding: 1rem;
    }

    body.mlc-app-shell .mlc-testpage-urlpanel__controls {
        grid-template-columns: minmax(0, 1fr);
    }

    body.mlc-app-shell .mlc-testpage-toggle__button {
        width: 100%;
    }

    body.mlc-app-shell .mlc-testpage-legacyframe__iframe,
    body.mlc-app-shell .mlc-testpage-frame iframe {
        min-height: 28rem;
    }
}