:root {
    --oblak-blue: #1f9bd7;
    --oblak-blue-light: #35bdf2;
    --oblak-blue-dark: #0b5f96;
    --oblak-navy: #25313c;
    --oblak-navy-deep: #1d2731;
    --oblak-sidebar: #2f3942;
    --oblak-ink: #263238;
    --oblak-line: #d9dee4;
    --oblak-row: #f0f0f0;
    --oblak-green: #21a85b;
    --oblak-teal: #17a2b8;
    --oblak-amber: #ffc107;
    --oblak-red: #dc3545;
}

html,
body,
.fi-layout,
.fi-main,
.fi-main-ctn,
.fi-page {
    color: var(--oblak-ink);
    background: #ffffff !important;
}

.fi-main {
    padding-top: 0 !important;
}

.fi-topbar {
    min-height: 34px !important;
    border-bottom: 1px solid var(--oblak-line) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.fi-header {
    margin-bottom: .75rem !important;
}

.fi-header-heading {
    color: #202a33 !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.fi-breadcrumbs,
.fi-breadcrumbs-item-label {
    color: #65717d !important;
}

.fi-sidebar {
    border-right: 1px solid #202a33 !important;
    background: var(--oblak-sidebar) !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    transform: none !important;
    translate: none !important;
    top: 0 !important;
}

.fi-sidebar,
.fi-sidebar-ctn,
.fi-sidebar-close-overlay {
    margin-block-start: 0 !important;
}

.fi-layout:has(.fi-sidebar) .fi-sidebar,
.fi-layout .fi-sidebar {
    align-self: stretch !important;
}

.fi-sidebar-header {
    min-height: 34px !important;
    border-bottom: 1px solid #202a33 !important;
    background: var(--oblak-navy-deep) !important;
}

.fi-logo,
.fi-sidebar-header a,
.fi-sidebar-header span {
    color: #e8edf2 !important;
    font-size: .95rem !important;
    font-weight: 500 !important;
}

.fi-sidebar-nav,
.fi-sidebar-nav-groups {
    gap: .15rem !important;
}

.fi-sidebar-item a {
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #eef4f8 !important;
    background: transparent !important;
    transition: background .12s ease, color .12s ease;
}

.fi-sidebar-item-label,
.fi-sidebar-item a span,
.fi-sidebar-group-label {
    color: #eef4f8 !important;
}

.fi-sidebar-item a:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .08) !important;
}

.fi-sidebar-item a:hover .fi-sidebar-item-label,
.fi-sidebar-item a:hover span {
    color: #ffffff !important;
}

.fi-sidebar-item.fi-active a,
.fi-sidebar-item-active a {
    color: #ffffff !important;
    background: var(--oblak-blue-dark) !important;
    box-shadow: inset 4px 0 0 var(--oblak-blue-light) !important;
}

.fi-sidebar-item-icon {
    color: #dbe6ee !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item-active .fi-sidebar-item-icon {
    color: #ffffff !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active a span,
.fi-sidebar-item-active a span {
    color: #ffffff !important;
}

.fi-sidebar .fi-badge,
.fi-sidebar-item .fi-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    border: 1px solid #7dd3fc !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: var(--oblak-blue-dark) !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

.fi-sidebar .fi-badge *,
.fi-sidebar-item .fi-badge *,
.fi-sidebar [class*="badge"] *,
.fi-sidebar-item [class*="badge"] * {
    color: var(--oblak-navy-deep) !important;
}

.fi-sidebar .fi-sidebar-item a .fi-badge,
.fi-sidebar .fi-sidebar-item a [class*="badge"],
.fi-sidebar .fi-sidebar-item.fi-active a .fi-badge,
.fi-sidebar .fi-sidebar-item-active a .fi-badge,
.fi-sidebar .fi-sidebar-item.fi-active a [class*="badge"],
.fi-sidebar .fi-sidebar-item-active a [class*="badge"] {
    border-color: #7dd3fc !important;
    background: #ffffff !important;
    color: var(--oblak-navy-deep) !important;
    -webkit-text-fill-color: var(--oblak-navy-deep) !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.fi-sidebar .fi-sidebar-item a .fi-badge *,
.fi-sidebar .fi-sidebar-item a [class*="badge"] *,
.fi-sidebar .fi-sidebar-item.fi-active a .fi-badge *,
.fi-sidebar .fi-sidebar-item-active a .fi-badge *,
.fi-sidebar .fi-sidebar-item.fi-active a [class*="badge"] *,
.fi-sidebar .fi-sidebar-item-active a [class*="badge"] * {
    color: var(--oblak-navy-deep) !important;
    -webkit-text-fill-color: var(--oblak-navy-deep) !important;
    line-height: 1 !important;
}

.fi-section,
.fi-ta,
.fi-wi-widget,
.fi-simple-main,
.portal-dashboard .intro,
.portal-dashboard .stat,
.fi-page .rounded-lg.border.bg-white,
.fi-page .rounded-lg.border.bg-white.p-4 {
    border: 1px solid var(--oblak-line) !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.fi-section-header,
.fi-ta-header,
.fi-page .border-b.p-4.font-semibold {
    min-height: 40px !important;
    border-bottom: 1px solid var(--oblak-line) !important;
    background: #f5f7f9 !important;
    color: #263238 !important;
}

.fi-section-header *,
.fi-ta-header *,
.fi-page .border-b.p-4.font-semibold * {
    color: inherit !important;
}

.fi-ta-content {
    border-radius: 0 !important;
}

.fi-ta-table {
    font-size: .82rem !important;
    line-height: 1.25 !important;
}

.fi-ta-table thead,
.fi-page th {
    background: #f5f7f9 !important;
}

.fi-ta-table th,
.fi-page th {
    border-bottom: 1px solid var(--oblak-line) !important;
    color: #0d6efd !important;
    font-weight: 700 !important;
    padding-top: .34rem !important;
    padding-bottom: .34rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.fi-ta-row,
.fi-ta-table tr,
.fi-page tbody tr {
    height: auto !important;
    min-height: 0 !important;
}

.fi-ta-cell,
.fi-ta-table td,
.fi-page td {
    border-bottom: 1px solid #e3e6ea !important;
    height: auto !important;
    min-height: 0 !important;
    padding-top: .12rem !important;
    padding-bottom: .12rem !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
}

.fi-ta-table tbody tr,
.fi-ta-table tbody .fi-ta-row {
    height: 2.15rem !important;
    max-height: 2.7rem !important;
}

.fi-ta-table tbody td,
.fi-ta-table tbody .fi-ta-cell {
    height: 2.15rem !important;
    max-height: 2.7rem !important;
    padding-top: .08rem !important;
    padding-bottom: .08rem !important;
}

.fi-ta-table tbody td > *,
.fi-ta-table tbody .fi-ta-cell > *,
.fi-ta-table tbody td [class*="py-"],
.fi-ta-table tbody .fi-ta-cell [class*="py-"] {
    min-height: 0 !important;
    padding-top: .08rem !important;
    padding-bottom: .08rem !important;
}

.fi-ta-table tbody td > *,
.fi-ta-table tbody .fi-ta-cell > * {
    display: flex !important;
    align-items: center !important;
}

.fi-ta-cell > *,
.fi-ta-cell .fi-ta-text,
.fi-ta-cell .fi-ta-text-item,
.fi-ta-cell .fi-ta-text-item-label,
.fi-ta-cell .fi-ta-icon,
.fi-ta-cell .fi-ta-actions,
.fi-ta-cell .fi-badge {
    align-items: center !important;
    min-height: 0 !important;
    line-height: 1.25 !important;
}

.fi-ta-cell .fi-ta-text,
.fi-ta-cell .fi-ta-text-item,
.fi-ta-cell .fi-ta-text-item-label {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.fi-ta-cell .fi-badge {
    display: inline-flex !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

.fi-ta-cell .fi-ta-actions {
    display: flex !important;
    align-items: center !important;
}

.fi-ta-cell .fi-ta-text-item-label,
.fi-ta-cell .fi-ta-text-item,
.fi-ta-cell .fi-ta-text {
    max-height: 2.5em !important;
    overflow: hidden !important;
}

.fi-ta-cell .fi-ta-text-item-label {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.fi-ta-cell .fi-icon-btn,
.fi-ta-cell .fi-btn,
.fi-ta-cell button,
.fi-ta-cell a {
    min-height: 1.65rem !important;
}

.fi-page td.p-3,
.fi-page th.p-3,
.fi-page .p-3 {
    padding-top: .3rem !important;
    padding-bottom: .3rem !important;
}

.fi-ta-row:nth-child(even),
.fi-page tbody tr:nth-child(even) {
    background: var(--oblak-row) !important;
}

.fi-ta-row:hover,
.fi-page tbody tr:hover {
    background: #e7f3fb !important;
}

.fi-input-wrp,
.fi-select-input,
.fi-fo-field-wrp input,
.fi-fo-field-wrp textarea,
.fi-page .fi-input,
.fi-textarea,
.fi-select,
.fi-fo-text-input,
.fi-fo-textarea,
.fi-fo-select,
.choices__inner {
    min-height: 34px !important;
    border: 1px solid #9aa8b5 !important;
    border-color: #9aa8b5 !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.fi-input-wrp:focus-within,
.fi-page .fi-input:focus,
.fi-fo-field-wrp input:focus,
.fi-fo-field-wrp textarea:focus,
.choices.is-focused .choices__inner {
    border-color: var(--oblak-blue) !important;
    box-shadow: 0 0 0 2px rgba(31, 155, 215, .18) !important;
}

.fi-input-wrp.fi-disabled,
.fi-input-wrp:has([disabled]),
.fi-input-wrp:has([readonly]),
.fi-fo-field-wrp input[disabled],
.fi-fo-field-wrp textarea[disabled],
.fi-fo-field-wrp input[readonly],
.fi-fo-field-wrp textarea[readonly] {
    border-color: #b6c0c9 !important;
    background: #f8fafc !important;
    color: #4f5d68 !important;
}

.fi-fo-field-wrp-label span {
    color: #222d36 !important;
    font-weight: 600 !important;
}

.fi-btn {
    min-height: 32px !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

.fi-btn-color-primary,
.fi-page .fi-btn-color-primary {
    border: 1px solid #0b80c4 !important;
    background: #168bd0 !important;
    color: #ffffff !important;
}

.fi-btn-color-primary:hover {
    border-color: var(--oblak-blue-dark) !important;
    background: var(--oblak-blue-dark) !important;
}

.fi-btn-color-success {
    border: 1px solid #16893f !important;
    background: var(--oblak-green) !important;
    color: #ffffff !important;
}

.fi-btn-color-info {
    border: 1px solid #138496 !important;
    background: var(--oblak-teal) !important;
    color: #ffffff !important;
}

.fi-btn-color-warning {
    border: 1px solid #d39e00 !important;
    background: var(--oblak-amber) !important;
    color: #2f2500 !important;
}

.fi-btn-color-danger {
    border: 1px solid #bd2130 !important;
    background: var(--oblak-red) !important;
    color: #ffffff !important;
}

.fi-btn-color-gray {
    border: 1px solid #c8d0d7 !important;
    background: #eef1f4 !important;
    color: #263238 !important;
}

.oblak-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: .5rem !important;
}

.oblak-back-button {
    border: 1px solid #8a98a6 !important;
    background: #f3f6f8 !important;
    color: #263238 !important;
    padding: .38rem .75rem !important;
}

.oblak-back-button:hover {
    border-color: #657582 !important;
    background: #e2e8ed !important;
    color: #17212a !important;
}

.fi-badge {
    border-radius: 3px !important;
    font-weight: 700 !important;
    min-height: 1.35rem !important;
    padding: .12rem .42rem !important;
    line-height: 1.1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

.fi-ta-cell .fi-badge,
.fi-ta-cell .fi-badge *,
.fi-ta-cell [class*="badge"],
.fi-ta-cell [class*="badge"] * {
    min-height: 1.35rem !important;
    max-height: none !important;
    line-height: 1.1 !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
}

.fi-ta-cell .fi-badge {
    padding: .12rem .42rem !important;
}

.fi-badge-color-success {
    background: #20b759 !important;
    color: #ffffff !important;
}

.fi-badge-color-warning {
    background: #ffe08a !important;
    color: #5c4500 !important;
}

.fi-badge-color-danger {
    background: #dc3545 !important;
    color: #ffffff !important;
}

.fi-badge-color-info {
    background: var(--oblak-teal) !important;
    color: #ffffff !important;
}

.portal-dashboard .intro-title {
    color: #202a33;
}

.portal-dashboard .stat-value {
    color: var(--oblak-blue-dark);
}

/* Use the whole available workspace. The old portal was table-first and wide. */
.fi-main,
.fi-main-ctn,
.fi-page,
.fi-page-content,
.fi-page-content > *,
.fi-page .mx-auto,
.fi-page .max-w-7xl,
.fi-page .max-w-screen-2xl,
.fi-section,
.fi-ta {
    width: 100% !important;
    max-width: none !important;
}

.fi-page,
.fi-page-content {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
    }
}

.oblak-voucher-license-list {
    overflow-x: auto;
    border: 1px solid #cbd5df;
    border-radius: 4px;
    background: #ffffff;
}

.oblak-voucher-license-list table {
    width: 100%;
    border-collapse: collapse;
    font-size: .9rem;
}

.oblak-voucher-license-list th {
    background: #edf6fc;
    color: #0f4773;
    font-weight: 700;
    text-align: left;
    border-bottom: 1px solid #cbd5df;
    padding: .55rem .7rem;
}

.oblak-voucher-license-list td {
    border-bottom: 1px solid #e2e8ef;
    padding: .5rem .7rem;
    vertical-align: middle;
}

.oblak-voucher-license-list tr:nth-child(even) td {
    background: #f6f8fa;
}

.oblak-voucher-license-list code {
    font-size: .82rem;
    color: #1f2933;
    background: #eef2f5;
    border: 1px solid #d8e0e7;
    border-radius: 3px;
    padding: .12rem .28rem;
}

.oblak-voucher-status-active,
.oblak-voucher-status-inactive {
    display: inline-flex;
    align-items: center;
    border-radius: 3px;
    font-size: .78rem;
    font-weight: 700;
    padding: .16rem .4rem;
}

.oblak-voucher-status-active {
    background: #20b759;
    color: #ffffff;
}

.oblak-voucher-status-inactive {
    background: #e6ecf1;
    color: #33424f;
}

.oblak-info-tables {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
}

.oblak-info-table-card {
    border: 1px solid #cbd5df;
    border-radius: 4px;
    background: #ffffff;
    overflow: hidden;
}

.oblak-info-table-wide {
    grid-column: 1 / -1;
}

.oblak-info-table-card h3 {
    margin: 0;
    padding: .65rem .8rem;
    border-bottom: 1px solid #cbd5df;
    background: #edf6fc;
    color: #0f4773;
    font-size: .98rem;
    font-weight: 700;
}

.oblak-info-table-card table {
    width: 100%;
    border-collapse: collapse;
    font-size: .92rem;
}

.oblak-info-table-card th,
.oblak-info-table-card td {
    border-bottom: 1px solid #e2e8ef;
    padding: .52rem .75rem;
    text-align: left;
    vertical-align: top;
}

.oblak-info-table-card tbody tr:last-child th,
.oblak-info-table-card tbody tr:last-child td {
    border-bottom: 0;
}

.oblak-info-table-card th {
    width: 34%;
    color: #0f4773;
    font-weight: 700;
    background: #f6f8fa;
}

.oblak-info-table-wide th {
    width: auto;
}

.oblak-info-table-wide thead th {
    background: #edf6fc;
    color: #0f4773;
}

.oblak-info-table-wide tbody tr:nth-child(even) td {
    background: #f6f8fa;
}

.oblak-info-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 3px;
    font-size: .78rem;
    font-weight: 700;
    padding: .16rem .4rem;
}

.oblak-info-badge-success {
    background: #20b759;
    color: #ffffff;
}

.oblak-info-badge-warning {
    background: #ffe08a;
    color: #5c4500;
}

.oblak-info-badge-danger {
    background: #dc3545;
    color: #ffffff;
}

.oblak-info-badge-gray {
    background: #e6ecf1;
    color: #33424f;
}

.oblak-info-table-note {
    margin: 0;
    padding: .55rem .75rem;
    border-top: 1px solid #e2e8ef;
    color: #52616f;
    font-size: .86rem;
}

@media (max-width: 900px) {
    .oblak-info-tables {
        grid-template-columns: 1fr;
    }
}

/* Final compact table override: keep Filament lists as dense as the reports page. */
.fi-ta table {
    border-collapse: collapse !important;
}

.fi-ta table thead tr,
.fi-ta table thead th {
    height: 2.05rem !important;
    min-height: 0 !important;
    padding-top: .28rem !important;
    padding-bottom: .28rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.fi-ta table thead th > *,
.fi-ta table thead th button,
.fi-ta table thead th a,
.fi-ta table thead th .fi-ta-header-cell-label,
.fi-ta table thead th .fi-ta-col-label,
.fi-ta table thead th [class*="label"] {
    justify-content: center !important;
    text-align: center !important;
}

.fi-ta table tbody tr {
    height: 2.15rem !important;
    min-height: 0 !important;
}

.fi-ta table tbody tr > td,
.fi-ta table tbody tr > td.fi-ta-cell {
    height: 2.15rem !important;
    min-height: 0 !important;
    padding-top: .12rem !important;
    padding-bottom: .12rem !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.fi-ta table tbody tr > td > div,
.fi-ta table tbody tr > td > div > div,
.fi-ta table tbody tr > td .fi-ta-text,
.fi-ta table tbody tr > td .fi-ta-text-item,
.fi-ta table tbody tr > td .fi-ta-text-item-label {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.25 !important;
}

.fi-ta table tbody tr > td > div,
.fi-ta table tbody tr > td > div > div,
.fi-ta table tbody tr > td .fi-ta-text {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

.fi-ta table tbody tr > td .fi-ta-text,
.fi-ta table tbody tr > td .fi-ta-text-item,
.fi-ta table tbody tr > td .fi-ta-text-item-label {
    width: 100% !important;
    text-align: left !important;
}

.fi-ta table tbody td.fi-align-center,
.fi-ta table tbody td.fi-align-center > div,
.fi-ta table tbody td.fi-align-center .fi-ta-text {
    justify-content: center !important;
    text-align: center !important;
}

.fi-ta table tbody td.fi-align-end,
.fi-ta table tbody td.fi-align-end > div,
.fi-ta table tbody td.fi-align-end .fi-ta-text {
    justify-content: flex-end !important;
    text-align: right !important;
}

.fi-ta table tbody td.fi-align-center .fi-ta-text,
.fi-ta table tbody td.fi-align-center .fi-ta-text-item,
.fi-ta table tbody td.fi-align-center .fi-ta-text-item-label {
    text-align: center !important;
}

.fi-ta table tbody td.fi-align-end .fi-ta-text,
.fi-ta table tbody td.fi-align-end .fi-ta-text-item,
.fi-ta table tbody td.fi-align-end .fi-ta-text-item-label {
    text-align: right !important;
}

.fi-ta table tbody tr > td .fi-ta-text-item-label {
    max-height: 2.5em !important;
    overflow: hidden !important;
}

.fi-ta table tbody tr > td .fi-badge,
.fi-ta table tbody tr > td [class*="badge"] {
    min-height: 1.35rem !important;
    max-height: none !important;
    padding: .12rem .42rem !important;
    line-height: 1.1 !important;
}

.oblak-usage-page h2 {
    margin: 0 0 10px;
    color: #202a33;
    font-size: 1.45rem;
    font-weight: 700;
}

.oblak-usage-page h2 span {
    color: #66717c;
    font-weight: 400;
}

.oblak-usage-panel {
    border: 1px solid var(--oblak-line);
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
}

.oblak-usage-title {
    padding: 10px 13px;
    border-bottom: 1px solid var(--oblak-line);
    background: #f5f7f9;
    color: #202a33;
    font-size: 16px;
    font-weight: 700;
}

.oblak-usage-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.oblak-usage-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: .88rem;
}

.oblak-usage-table th,
.oblak-usage-table td {
    padding: 5px 10px;
    border-bottom: 1px solid var(--oblak-line);
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}

.oblak-usage-table th {
    color: #0d6efd;
    font-weight: 700;
    background: #f5f7f9;
}

.oblak-usage-table th:nth-child(1),
.oblak-usage-table td:nth-child(1) {
    width: 5%;
}

.oblak-usage-table th:nth-child(2),
.oblak-usage-table td:nth-child(2),
.oblak-usage-table th:nth-child(3),
.oblak-usage-table td:nth-child(3),
.oblak-usage-table th:nth-child(5),
.oblak-usage-table td:nth-child(5),
.oblak-usage-table th:nth-child(6),
.oblak-usage-table td:nth-child(6),
.oblak-usage-table th:nth-child(7),
.oblak-usage-table td:nth-child(7) {
    width: 12%;
}

.oblak-usage-table th:nth-child(4),
.oblak-usage-table td:nth-child(4) {
    width: 35%;
}

.oblak-usage-table tbody tr:nth-child(even) {
    background: var(--oblak-row);
}

.oblak-usage-empty {
    padding: 14px 18px;
    color: #66717c;
}

/* Compact form controls across the admin portal. */
.fi-input-wrp,
.fi-select-input,
.fi-page input.fi-input,
.fi-page select.fi-input,
.fi-fo-field-wrp input,
.fi-select,
.fi-fo-text-input,
.fi-fo-select,
.choices__inner {
    min-height: 30px !important;
    height: 30px !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.fi-input-wrp input,
.fi-input-wrp select,
.fi-select-input,
.fi-page input.fi-input,
.fi-page select.fi-input,
.choices__inner {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.fi-fo-field-wrp textarea,
.fi-textarea,
.fi-fo-textarea,
.fi-page textarea.fi-input {
    min-height: 68px !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
}

.fi-fo-field-wrp-label span,
.fi-fieldset legend,
.fi-section-header-heading {
    font-size: 13px !important;
}

.oblak-reports .top-summary-grid {
    grid-template-columns: 150px repeat(3, 190px) auto !important;
    justify-content: start !important;
    gap: 12px !important;
}

.oblak-reports .top-summary-grid label {
    width: 190px !important;
    max-width: 190px !important;
}

.oblak-reports .top-summary-grid .active-summary {
    width: 150px !important;
    max-width: 150px !important;
    min-height: 54px !important;
    padding: 7px 10px !important;
}

.oblak-reports .top-summary-grid .fi-input {
    min-height: 32px !important;
    height: 32px !important;
    border-radius: 4px !important;
    padding: 5px 8px !important;
    font-size: 13px !important;
}

.oblak-reports .top-summary-grid .fi-btn {
    min-height: 32px !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
}

.fi-ta .oblak-company-name-cell,
.fi-ta .oblak-company-name-cell > div,
.fi-ta .oblak-company-name-cell .fi-ta-text,
.fi-ta .oblak-company-name-cell .fi-ta-text-item,
.fi-ta .oblak-company-name-cell .fi-ta-text-item-label {
    justify-content: flex-start !important;
    text-align: left !important;
}

.fi-ta .oblak-text-left-cell,
.fi-ta .oblak-text-left-cell > div,
.fi-ta .oblak-text-left-cell .fi-ta-text,
.fi-ta .oblak-text-left-cell .fi-ta-text-item,
.fi-ta .oblak-text-left-cell .fi-ta-text-item-label,
.fi-ta .oblak-text-left-cell * {
    justify-content: flex-start !important;
    text-align: left !important;
}

.oblak-page-companies .fi-ta table tbody tr > td:nth-child(3),
.oblak-page-companies .fi-ta-table tbody tr > td:nth-child(3),
.oblak-page-companies .fi-ta table tbody tr > td:nth-child(3) *,
.oblak-page-companies .fi-ta-table tbody tr > td:nth-child(3) * {
    justify-content: flex-start !important;
    text-align: left !important;
}

.fi-ta-filters .grid,
.fi-ta-filters-form .grid,
.fi-ta-filters form .grid {
    grid-template-columns: repeat(4, 210px) !important;
    justify-content: start !important;
    justify-items: start !important;
    gap: 12px 14px !important;
}

.fi-ta-filters .fi-fo-field-wrp,
.fi-ta-filters-form .fi-fo-field-wrp,
.fi-ta-filters form .fi-fo-field-wrp {
    max-width: 240px !important;
}

.fi-ta-filters .fi-input-wrp,
.fi-ta-filters .fi-select,
.fi-ta-filters-form .fi-input-wrp,
.fi-ta-filters-form .fi-select,
.fi-ta-filters form .fi-input-wrp,
.fi-ta-filters form .fi-select {
    width: 210px !important;
    max-width: 210px !important;
}

.oblak-page-companies .fi-ta-filters .grid,
.oblak-page-companies .fi-ta-filters-form .grid,
.oblak-page-companies .fi-ta-filters form .grid {
    display: grid !important;
    grid-template-columns: repeat(4, 210px) !important;
    justify-content: flex-start !important;
    justify-items: start !important;
    gap: 10px 14px !important;
}

.oblak-page-companies .fi-ta-filters .fi-fo-field-wrp,
.oblak-page-companies .fi-ta-filters-form .fi-fo-field-wrp,
.oblak-page-companies .fi-ta-filters form .fi-fo-field-wrp {
    flex: 0 0 210px !important;
    width: 210px !important;
    max-width: 210px !important;
}

.oblak-page-companies .fi-ta-filters .fi-input-wrp,
.oblak-page-companies .fi-ta-filters .fi-select,
.oblak-page-companies .fi-ta-filters-form .fi-input-wrp,
.oblak-page-companies .fi-ta-filters-form .fi-select,
.oblak-page-companies .fi-ta-filters form .fi-input-wrp,
.oblak-page-companies .fi-ta-filters form .fi-select {
    width: 210px !important;
    max-width: 210px !important;
}

.oblak-page-companies .fi-ta-header-toolbar,
.oblak-page-companies .fi-ta-toolbar,
.oblak-page-companies .fi-ta-header {
    justify-content: flex-start !important;
}

.oblak-page-companies .fi-ta-header > div,
.oblak-page-companies .fi-ta-toolbar > div,
.oblak-page-companies .fi-ta-header-toolbar > div,
.oblak-page-companies .fi-ta-header .flex,
.oblak-page-companies .fi-ta-toolbar .flex {
    justify-content: flex-start !important;
}

.oblak-page-companies .fi-ta-search-field,
.oblak-page-companies .fi-ta-search,
.oblak-page-companies [class*="search-field"] {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.oblak-page-companies .fi-ta-search-field .fi-input-wrp {
    width: 230px !important;
    max-width: 230px !important;
}

.oblak-page-companies .fi-ta-header,
.oblak-page-companies .fi-ta-toolbar,
.oblak-page-companies .fi-ta-header-toolbar,
.oblak-page-companies .fi-ta-header > *,
.oblak-page-companies .fi-ta-toolbar > *,
.oblak-page-companies .fi-ta-header-toolbar > * {
    justify-content: flex-start !important;
}

.oblak-page-companies .fi-ta-header [class*="ms-auto"],
.oblak-page-companies .fi-ta-toolbar [class*="ms-auto"],
.oblak-page-companies .fi-ta-header-toolbar [class*="ms-auto"],
.oblak-page-companies .fi-ta-header [class*="ml-auto"],
.oblak-page-companies .fi-ta-toolbar [class*="ml-auto"],
.oblak-page-companies .fi-ta-header-toolbar [class*="ml-auto"] {
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
    margin-right: auto !important;
    margin-inline-end: auto !important;
}

.fi-ta-header,
.fi-ta-toolbar,
.fi-ta-header-toolbar {
    justify-content: flex-start !important;
}

.fi-ta-header [class*="ms-auto"],
.fi-ta-toolbar [class*="ms-auto"],
.fi-ta-header-toolbar [class*="ms-auto"],
.fi-ta-header [class*="search"],
.fi-ta-toolbar [class*="search"],
.fi-ta-header-toolbar [class*="search"] {
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
    margin-right: auto !important;
    margin-inline-end: auto !important;
}

/* Global table/filter cleanup after the compact theme overrides. */
.fi-ta-filters form,
.fi-ta-filters .grid,
.fi-ta-filters-form form,
.fi-ta-filters-form .grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    justify-items: start !important;
    align-items: flex-end !important;
    gap: 12px 18px !important;
}

.fi-ta-filters .fi-fo-field-wrp,
.fi-ta-filters-form .fi-fo-field-wrp {
    flex: 0 0 210px !important;
    width: 210px !important;
    max-width: 210px !important;
}

.fi-ta-filters .fi-fo-field-wrp:has(input[type="checkbox"]),
.fi-ta-filters-form .fi-fo-field-wrp:has(input[type="checkbox"]) {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.fi-ta-filters .fi-input-wrp,
.fi-ta-filters .fi-select,
.fi-ta-filters-form .fi-input-wrp,
.fi-ta-filters-form .fi-select {
    width: 210px !important;
    max-width: 210px !important;
}

.fi-ta-filters .fi-fo-field-wrp:has(input[type="checkbox"]) .fi-input-wrp,
.fi-ta-filters-form .fi-fo-field-wrp:has(input[type="checkbox"]) .fi-input-wrp {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.fi-ta-filters input[type="checkbox"],
.fi-ta-filters-form input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
}

.fi-ta-header-toolbar,
.fi-ta-toolbar {
    justify-content: flex-start !important;
}

.fi-ta-search-field,
.fi-ta-search,
[class*="search-field"] {
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
    margin-right: auto !important;
    margin-inline-end: auto !important;
}

.fi-ta-search-field .fi-input-wrp,
.fi-ta-search .fi-input-wrp,
[class*="search-field"] .fi-input-wrp {
    width: 230px !important;
    max-width: 230px !important;
}

.fi-ta table thead th,
.fi-ta-table thead th {
    text-align: center !important;
    vertical-align: middle !important;
}

.fi-ta table tbody td,
.fi-ta-table tbody td {
    vertical-align: middle !important;
}