/*
|--------------------------------------------------------------------------
| Veno ERP Global Interface V1
|--------------------------------------------------------------------------
|
| Main system UI scale:
| 14px / 16px = 87.5%
|
| Change only --veno-base-font-size if the whole system needs to become
| larger or smaller in the future.
|
*/

:root {
    --veno-base-font-size: 14px;

    --veno-font-family:
        "Cairo",
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    --veno-font-normal: 400;
    --veno-font-medium: 600;
    --veno-font-bold: 700;
    --veno-font-extra-bold: 800;

    --veno-body-line-height: 1.45;

    --veno-control-height: 2.65rem;
    --veno-small-control-height: 2.35rem;

    --veno-radius-small: 0.65rem;
    --veno-radius-medium: 0.85rem;
    --veno-radius-large: 1rem;
}

/*
|--------------------------------------------------------------------------
| Global scale
|--------------------------------------------------------------------------
*/

html {
    font-size: var(--veno-base-font-size) !important;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body,
.fi-body,
.fi-layout,
.fi-main,
.fi-page,
.fi-modal,
.fi-dropdown-panel {
    font-family: var(--veno-font-family) !important;
    font-size: 1rem;
    line-height: var(--veno-body-line-height);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea,
option {
    font-family: var(--veno-font-family) !important;
}

/*
|--------------------------------------------------------------------------
| Main page headings
|--------------------------------------------------------------------------
*/

.fi-header-heading {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    font-weight: var(--veno-font-extra-bold) !important;
}

.fi-header-subheading {
    font-size: 0.9rem !important;
    line-height: 1.45 !important;
}

.fi-section-header-heading {
    font-size: 1.08rem !important;
    line-height: 1.35 !important;
    font-weight: var(--veno-font-bold) !important;
}

.fi-section-header-description {
    font-size: 0.84rem !important;
    line-height: 1.4 !important;
}

/*
|--------------------------------------------------------------------------
| Navigation
|--------------------------------------------------------------------------
*/

.fi-sidebar-item-label,
.fi-sidebar-group-label,
.fi-topbar-item-label {
    font-size: 0.88rem !important;
    line-height: 1.35 !important;
}

.fi-sidebar-item-label {
    font-weight: var(--veno-font-medium) !important;
}

.fi-breadcrumbs-item-label {
    font-size: 0.82rem !important;
}

/*
|--------------------------------------------------------------------------
| Forms
|--------------------------------------------------------------------------
*/

.fi-fo-field-wrp-label,
.fi-fo-field-wrp-label span,
.fi-fo-field-wrp label {
    font-size: 0.86rem !important;
    line-height: 1.35 !important;
    font-weight: var(--veno-font-bold) !important;
}

.fi-input-wrp {
    min-height: var(--veno-control-height);
    border-radius: var(--veno-radius-small) !important;
}

.fi-input,
.fi-select-input,
.fi-input-wrp input,
.fi-input-wrp select,
.fi-input-wrp textarea {
    font-family: var(--veno-font-family) !important;
    font-size: 0.92rem !important;
    line-height: 1.4 !important;
}

.fi-input-wrp input,
.fi-input-wrp select {
    min-height: var(--veno-control-height);
}

.fi-input-wrp textarea {
    min-height: 5.5rem;
}

.fi-input::placeholder,
.fi-input-wrp input::placeholder,
.fi-input-wrp textarea::placeholder {
    font-size: 0.86rem !important;
}

.fi-fo-field-wrp-helper-text,
.fi-fo-field-wrp-error-message {
    font-size: 0.76rem !important;
    line-height: 1.4 !important;
}

/*
|--------------------------------------------------------------------------
| Buttons and actions
|--------------------------------------------------------------------------
*/

.fi-btn {
    min-height: var(--veno-small-control-height);
    padding-inline: 1rem !important;
    border-radius: var(--veno-radius-small) !important;

    font-family: var(--veno-font-family) !important;
    font-size: 0.86rem !important;
    line-height: 1.2 !important;
    font-weight: var(--veno-font-bold) !important;
}

.fi-icon-btn {
    border-radius: var(--veno-radius-small) !important;
}

.fi-link {
    font-size: 0.86rem !important;
}

/*
|--------------------------------------------------------------------------
| Tables
|--------------------------------------------------------------------------
*/

.fi-ta-header-cell-label {
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
    font-weight: var(--veno-font-extra-bold) !important;
}

.fi-ta-text-item,
.fi-ta-cell,
.fi-ta-record {
    font-size: 0.86rem !important;
    line-height: 1.4 !important;
}

.fi-ta-header-cell {
    padding-block: 0.72rem !important;
}

.fi-ta-cell {
    padding-block: 0.68rem !important;
}

.fi-ta-empty-state-heading {
    font-size: 1.05rem !important;
}

.fi-ta-empty-state-description {
    font-size: 0.85rem !important;
}

/*
|--------------------------------------------------------------------------
| Badges, tabs and pagination
|--------------------------------------------------------------------------
*/

.fi-badge {
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
}

.fi-tabs-item-label {
    font-size: 0.85rem !important;
    font-weight: var(--veno-font-bold) !important;
}

.fi-pagination {
    font-size: 0.82rem !important;
}

/*
|--------------------------------------------------------------------------
| Dropdowns and menus
|--------------------------------------------------------------------------
*/

.fi-dropdown-list-item-label,
.fi-dropdown-header-label {
    font-size: 0.85rem !important;
}

.fi-dropdown-list-item {
    min-height: var(--veno-small-control-height);
}

/*
|--------------------------------------------------------------------------
| Modals
|--------------------------------------------------------------------------
*/

.fi-modal-heading {
    font-size: 1.3rem !important;
    line-height: 1.35 !important;
    font-weight: var(--veno-font-extra-bold) !important;
}

.fi-modal-description {
    font-size: 0.88rem !important;
    line-height: 1.45 !important;
}

.fi-modal-window {
    border-radius: var(--veno-radius-large) !important;
}

/*
|--------------------------------------------------------------------------
| Notifications
|--------------------------------------------------------------------------
*/

.fi-no-notification-title {
    font-size: 0.92rem !important;
    font-weight: var(--veno-font-bold) !important;
}

.fi-no-notification-body {
    font-size: 0.82rem !important;
}

/*
|--------------------------------------------------------------------------
| Dashboard widgets
|--------------------------------------------------------------------------
*/

.fi-wi-stats-overview-stat-label {
    font-size: 0.84rem !important;
}

.fi-wi-stats-overview-stat-value {
    font-size: 1.7rem !important;
    line-height: 1.2 !important;
    font-weight: var(--veno-font-extra-bold) !important;
}

.fi-wi-stats-overview-stat-description {
    font-size: 0.78rem !important;
}

/*
|--------------------------------------------------------------------------
| POS cashier baseline
|--------------------------------------------------------------------------
|
| The POS still keeps its special compact layout, but it uses the same
| global type scale and font family.
|
*/

.veno-pos-v3 {
    font-family: var(--veno-font-family) !important;
    font-size: 1rem !important;
}

.veno-pos-v3 button,
.veno-pos-v3 input,
.veno-pos-v3 select,
.veno-pos-v3 textarea {
    font-family: var(--veno-font-family) !important;
}

/*
|--------------------------------------------------------------------------
| Generic custom pages
|--------------------------------------------------------------------------
*/

.veno-system-page,
.veno-page,
.veno-card,
.veno-modal {
    font-family: var(--veno-font-family) !important;
}

.veno-system-page {
    font-size: 1rem;
}

/*
|--------------------------------------------------------------------------
| Responsive readability
|--------------------------------------------------------------------------
*/

@media (max-width: 820px) {
    :root {
        --veno-control-height: 2.85rem;
        --veno-small-control-height: 2.55rem;
    }

    .fi-btn {
        font-size: 0.9rem !important;
    }

    .fi-input,
    .fi-select-input,
    .fi-input-wrp input,
    .fi-input-wrp select,
    .fi-input-wrp textarea {
        font-size: 1rem !important;
    }
}

/*
|--------------------------------------------------------------------------
| Print protection
|--------------------------------------------------------------------------
|
| Do not change invoice and report print scaling.
|
*/

@media print {
    html {
        font-size: 16px !important;
    }

    body {
        font-family:
            Arial,
            sans-serif !important;
    }
}

/* VENO_SALON_REFERENCE_THEME_V1_START */

/*
|--------------------------------------------------------------------------
| Veno Salon visual identity
|--------------------------------------------------------------------------
|
| Base font remains 14px.
| The design is inspired by the supplied dashboard reference.
|
*/

:root {
    --veno-base-font-size: 14px;

    --veno-ui-background: #f7f7fa;
    --veno-ui-surface: #ffffff;
    --veno-ui-surface-soft: #fcf9fc;

    --veno-ui-primary: #9f327f;
    --veno-ui-primary-dark: #812465;
    --veno-ui-primary-light: #bc469c;
    --veno-ui-primary-soft: #f8edf6;

    --veno-ui-pink: #dc668d;
    --veno-ui-purple: #8652ce;
    --veno-ui-gold: #dba63d;
    --veno-ui-green: #36a269;

    --veno-ui-text: #302534;
    --veno-ui-text-secondary: #756b79;
    --veno-ui-text-muted: #9c929f;

    --veno-ui-border: #e9e5eb;
    --veno-ui-border-strong: #ddd5e0;

    --veno-ui-card-radius: 15px;
    --veno-ui-control-radius: 10px;

    --veno-ui-shadow:
        0 5px 18px
        rgba(57, 37, 61, 0.055);

    --veno-ui-shadow-hover:
        0 10px 28px
        rgba(71, 43, 74, 0.10);
}

/*
|--------------------------------------------------------------------------
| Fixed system font scale
|--------------------------------------------------------------------------
*/

html {
    font-size: var(--veno-base-font-size) !important;
}

body,
.fi-body,
.fi-layout,
.fi-main,
.fi-page,
.fi-modal,
.fi-dropdown-panel {
    font-family:
        "Cairo",
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif
        !important;

    color: var(--veno-ui-text);
}

body.fi-body,
.fi-layout {
    background:
        linear-gradient(
            180deg,
            #fafafd 0%,
            var(--veno-ui-background) 100%
        )
        !important;
}

/*
|--------------------------------------------------------------------------
| Main application layout
|--------------------------------------------------------------------------
*/

.fi-main-ctn {
    background: transparent !important;
}

.fi-main {
    width: 100%;
    max-width: none !important;

    padding:
        1.35rem
        1.5rem
        2rem
        !important;
}

.fi-page {
    gap: 1.15rem !important;
}

/*
|--------------------------------------------------------------------------
| Top navigation bar
|--------------------------------------------------------------------------
*/

.fi-topbar {
    background: transparent !important;
    box-shadow: none !important;

    padding:
        0.75rem
        1.25rem
        0
        !important;
}

.fi-topbar > nav,
.fi-topbar nav {
    min-height: 4.35rem;

    border:
        1px solid
        var(--veno-ui-border)
        !important;

    border-radius:
        var(--veno-ui-card-radius)
        !important;

    background:
        rgba(255, 255, 255, 0.96)
        !important;

    box-shadow:
        var(--veno-ui-shadow)
        !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.fi-topbar-item-label {
    color:
        var(--veno-ui-text-secondary)
        !important;

    font-size: 0.86rem !important;
    font-weight: 600 !important;
}

/*
|--------------------------------------------------------------------------
| Sidebar
|--------------------------------------------------------------------------
*/

.fi-sidebar {
    border-inline-end:
        1px solid
        var(--veno-ui-border)
        !important;

    background:
        var(--veno-ui-surface)
        !important;

    box-shadow:
        -4px 0 22px
        rgba(56, 38, 60, 0.04)
        !important;
}

html[dir="ltr"] .fi-sidebar {
    box-shadow:
        4px 0 22px
        rgba(56, 38, 60, 0.04)
        !important;
}

.fi-sidebar-header {
    min-height: 5.4rem;

    border-bottom:
        1px solid
        var(--veno-ui-border)
        !important;

    background:
        var(--veno-ui-surface)
        !important;
}

.fi-sidebar-nav {
    padding:
        1rem
        0.85rem
        !important;
}

.fi-sidebar-group {
    gap: 0.35rem !important;
}

.fi-sidebar-group-label {
    padding-inline: 0.7rem;

    color:
        var(--veno-ui-text-muted)
        !important;

    font-size: 0.72rem !important;
    font-weight: 700 !important;
}

.fi-sidebar-item-button {
    min-height: 3rem;

    padding:
        0.65rem
        0.85rem
        !important;

    border-radius:
        10px
        !important;

    color:
        #514956
        !important;

    transition:
        background-color 160ms ease,
        color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
}

.fi-sidebar-item-button:hover {
    color:
        var(--veno-ui-primary)
        !important;

    background:
        var(--veno-ui-primary-soft)
        !important;

    transform: translateY(-1px);
}

.fi-sidebar-item.fi-active
.fi-sidebar-item-button,
.fi-sidebar-item-button[aria-current="page"] {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            var(--veno-ui-primary-dark),
            var(--veno-ui-primary-light)
        )
        !important;

    box-shadow:
        0 7px 17px
        rgba(153, 43, 123, 0.20)
        !important;
}

.fi-sidebar-item.fi-active
.fi-sidebar-item-icon,
.fi-sidebar-item-button[aria-current="page"]
.fi-sidebar-item-icon {
    color: #ffffff !important;
}

.fi-sidebar-item-label {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
}

.fi-sidebar-item-icon {
    width: 1.35rem !important;
    height: 1.35rem !important;
}

/*
|--------------------------------------------------------------------------
| Page headers
|--------------------------------------------------------------------------
*/

.fi-header {
    gap: 1rem !important;
}

.fi-header-heading {
    color:
        var(--veno-ui-text)
        !important;

    font-size: 1.45rem !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.fi-header-subheading {
    color:
        var(--veno-ui-text-secondary)
        !important;

    font-size: 0.86rem !important;
}

/*
|--------------------------------------------------------------------------
| Cards and sections
|--------------------------------------------------------------------------
*/

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-wi-chart,
.fi-wi-widget,
.fi-widget {
    border:
        1px solid
        var(--veno-ui-border)
        !important;

    border-radius:
        var(--veno-ui-card-radius)
        !important;

    background:
        var(--veno-ui-surface)
        !important;

    box-shadow:
        var(--veno-ui-shadow)
        !important;
}

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    overflow: hidden;
}

.fi-section:hover,
.fi-wi-stats-overview-stat:hover {
    box-shadow:
        var(--veno-ui-shadow-hover)
        !important;
}

.fi-section-header {
    padding:
        1.1rem
        1.2rem
        !important;

    border-bottom:
        1px solid
        var(--veno-ui-border)
        !important;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fdfbfd
        )
        !important;
}

.fi-section-header-heading {
    color:
        var(--veno-ui-text)
        !important;

    font-size: 1rem !important;
    font-weight: 800 !important;
}

.fi-section-header-description {
    color:
        var(--veno-ui-text-secondary)
        !important;

    font-size: 0.81rem !important;
}

.fi-section-content {
    padding:
        1.15rem
        1.2rem
        !important;
}

/*
|--------------------------------------------------------------------------
| Dashboard widgets grid
|--------------------------------------------------------------------------
*/

.fi-widgets {
    gap: 1rem !important;
}

.fi-wi-stats-overview-stats-ctn {
    gap: 1rem !important;
}

.fi-wi-stats-overview-stat {
    position: relative;

    min-height: 9.3rem;

    padding:
        1.15rem
        1.25rem
        !important;

    isolation: isolate;
}

.fi-wi-stats-overview-stat::after {
    content: "";

    position: absolute;
    inset-inline-end: -2.4rem;
    bottom: -3.1rem;

    width: 8rem;
    height: 8rem;

    border-radius: 999px;

    background:
        radial-gradient(
            circle,
            rgba(169, 55, 139, 0.09),
            transparent 70%
        );

    z-index: -1;
}

.fi-wi-stats-overview-stat-label {
    color:
        var(--veno-ui-text-secondary)
        !important;

    font-size: 0.83rem !important;
    font-weight: 700 !important;
}

.fi-wi-stats-overview-stat-value {
    margin-top: 0.4rem;

    color:
        var(--veno-ui-text)
        !important;

    font-size: 1.85rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.fi-wi-stats-overview-stat-description {
    color:
        var(--veno-ui-text-secondary)
        !important;

    font-size: 0.76rem !important;
}

.fi-wi-stats-overview-stat-icon {
    display: grid;
    place-items: center;

    width: 3.25rem !important;
    height: 3.25rem !important;

    padding: 0.8rem;

    border-radius:
        13px
        !important;

    color:
        var(--veno-ui-primary)
        !important;

    background:
        var(--veno-ui-primary-soft)
        !important;
}

/*
|--------------------------------------------------------------------------
| Charts
|--------------------------------------------------------------------------
*/

.fi-wi-chart {
    padding: 0 !important;
}

.fi-wi-chart canvas {
    max-height: 24rem;
}

.fi-wi-chart .fi-section-content {
    padding:
        1rem
        1.2rem
        1.25rem
        !important;
}

/*
|--------------------------------------------------------------------------
| Tables
|--------------------------------------------------------------------------
*/

.fi-ta-ctn {
    background:
        var(--veno-ui-surface)
        !important;
}

.fi-ta-header {
    padding:
        1rem
        1.15rem
        !important;

    border-bottom:
        1px solid
        var(--veno-ui-border)
        !important;
}

.fi-ta-header-heading {
    color:
        var(--veno-ui-text)
        !important;

    font-size: 1rem !important;
    font-weight: 800 !important;
}

.fi-ta-table {
    background: #ffffff !important;
}

.fi-ta-header-cell {
    padding:
        0.8rem
        0.9rem
        !important;

    border-bottom:
        1px solid
        var(--veno-ui-border)
        !important;

    background:
        #fcfafc
        !important;
}

.fi-ta-header-cell-label {
    color:
        #716375
        !important;

    font-size: 0.75rem !important;
    font-weight: 800 !important;
}

.fi-ta-cell {
    padding:
        0.75rem
        0.9rem
        !important;

    border-bottom:
        1px solid
        #f0edf1
        !important;

    color:
        var(--veno-ui-text)
        !important;

    font-size: 0.84rem !important;
}

.fi-ta-row {
    transition:
        background-color 150ms ease;
}

.fi-ta-row:hover {
    background:
        #fdf9fc
        !important;
}

/*
|--------------------------------------------------------------------------
| Forms
|--------------------------------------------------------------------------
*/

.fi-fo-field-wrp-label,
.fi-fo-field-wrp-label span,
.fi-fo-field-wrp label {
    color:
        #514354
        !important;

    font-size: 0.83rem !important;
    font-weight: 700 !important;
}

.fi-input-wrp {
    min-height: 2.75rem;

    border-radius:
        var(--veno-ui-control-radius)
        !important;

    background:
        #fefcfe
        !important;

    box-shadow:
        0 0 0 1px
        var(--veno-ui-border-strong)
        !important;
}

.fi-input-wrp:hover {
    box-shadow:
        0 0 0 1px
        #cdbdce
        !important;
}

.fi-input-wrp:focus-within {
    box-shadow:
        0 0 0 2px
        rgba(159, 50, 127, 0.18)
        !important;
}

.fi-input,
.fi-select-input,
.fi-input-wrp input,
.fi-input-wrp select,
.fi-input-wrp textarea {
    color:
        var(--veno-ui-text)
        !important;

    font-size: 0.88rem !important;
}

.fi-fo-field-wrp-helper-text {
    color:
        var(--veno-ui-text-muted)
        !important;

    font-size: 0.74rem !important;
}

/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/

.fi-btn {
    min-height: 2.55rem;

    padding-inline:
        1.05rem
        !important;

    border-radius:
        var(--veno-ui-control-radius)
        !important;

    font-size: 0.84rem !important;
    font-weight: 700 !important;

    transition:
        transform 150ms ease,
        box-shadow 150ms ease,
        filter 150ms ease;
}

.fi-btn:hover {
    transform: translateY(-1px);
}

.fi-btn-color-primary {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            var(--veno-ui-primary-dark),
            var(--veno-ui-primary-light)
        )
        !important;

    box-shadow:
        0 6px 15px
        rgba(154, 47, 124, 0.18)
        !important;
}

.fi-btn-color-primary:hover {
    filter: brightness(1.03);
}

.fi-icon-btn {
    border-radius:
        var(--veno-ui-control-radius)
        !important;
}

/*
|--------------------------------------------------------------------------
| Tabs
|--------------------------------------------------------------------------
*/

.fi-tabs {
    padding: 0.3rem;

    border:
        1px solid
        var(--veno-ui-border)
        !important;

    border-radius:
        11px
        !important;

    background:
        #faf7fa
        !important;
}

.fi-tabs-item {
    min-height: 2.45rem;

    padding-inline:
        0.9rem
        !important;

    border-radius:
        8px
        !important;
}

.fi-tabs-item-active {
    color:
        var(--veno-ui-primary)
        !important;

    background:
        #ffffff
        !important;

    box-shadow:
        0 3px 9px
        rgba(61, 39, 64, 0.08)
        !important;
}

.fi-tabs-item-label {
    font-size: 0.82rem !important;
    font-weight: 700 !important;
}

/*
|--------------------------------------------------------------------------
| Badges
|--------------------------------------------------------------------------
*/

.fi-badge {
    padding:
        0.28rem
        0.55rem
        !important;

    border-radius:
        999px
        !important;

    font-size: 0.7rem !important;
    font-weight: 700 !important;
}

/*
|--------------------------------------------------------------------------
| Dropdown menus
|--------------------------------------------------------------------------
*/

.fi-dropdown-panel {
    border:
        1px solid
        var(--veno-ui-border)
        !important;

    border-radius:
        13px
        !important;

    background:
        var(--veno-ui-surface)
        !important;

    box-shadow:
        0 15px 38px
        rgba(44, 29, 47, 0.15)
        !important;
}

.fi-dropdown-list-item {
    min-height: 2.65rem;

    border-radius:
        8px
        !important;
}

.fi-dropdown-list-item:hover {
    background:
        var(--veno-ui-primary-soft)
        !important;
}

.fi-dropdown-list-item-label {
    font-size: 0.82rem !important;
}

/*
|--------------------------------------------------------------------------
| Modal windows
|--------------------------------------------------------------------------
*/

.fi-modal-window {
    border:
        1px solid
        var(--veno-ui-border)
        !important;

    border-radius:
        18px
        !important;

    background:
        var(--veno-ui-surface)
        !important;

    box-shadow:
        0 28px 80px
        rgba(42, 27, 45, 0.24)
        !important;
}

.fi-modal-header {
    border-bottom:
        1px solid
        var(--veno-ui-border)
        !important;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fdfafd
        )
        !important;
}

.fi-modal-heading {
    color:
        var(--veno-ui-text)
        !important;

    font-size: 1.17rem !important;
    font-weight: 800 !important;
}

.fi-modal-description {
    color:
        var(--veno-ui-text-secondary)
        !important;

    font-size: 0.82rem !important;
}

/*
|--------------------------------------------------------------------------
| Pagination
|--------------------------------------------------------------------------
*/

.fi-pagination {
    padding:
        0.8rem
        1rem
        !important;

    border-top:
        1px solid
        var(--veno-ui-border)
        !important;

    font-size: 0.79rem !important;
}

.fi-pagination-item-button {
    border-radius:
        8px
        !important;
}

/*
|--------------------------------------------------------------------------
| Dashboard decorative header area
|--------------------------------------------------------------------------
*/

.fi-page-header-main-ctn {
    position: relative;

    padding:
        0.15rem
        0
        !important;
}

.fi-page-header-main-ctn::after {
    content: "";

    position: absolute;
    inset-inline-end: 0;
    top: -0.8rem;

    width: 10rem;
    height: 4rem;

    border-radius: 999px;

    background:
        radial-gradient(
            ellipse,
            rgba(174, 63, 145, 0.08),
            transparent 70%
        );

    pointer-events: none;
}

/*
|--------------------------------------------------------------------------
| POS protection
|--------------------------------------------------------------------------
|
| Keep the custom cashier layout and dimensions unchanged.
|
*/

.veno-pos-v3 {
    font-size:
        var(--veno-base-font-size)
        !important;

    font-family:
        "Cairo",
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif
        !important;
}

body:has(.veno-pos-v3)
.fi-topbar,
body:has(.veno-pos-v3)
.fi-sidebar {
    transition: none !important;
}

/*
|--------------------------------------------------------------------------
| RTL and LTR
|--------------------------------------------------------------------------
*/

html[dir="rtl"]
.fi-sidebar-item-button,
html[dir="rtl"]
.fi-dropdown-list-item {
    text-align: right;
}

html[dir="ltr"]
.fi-sidebar-item-button,
html[dir="ltr"]
.fi-dropdown-list-item {
    text-align: left;
}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 1200px) {
    .fi-main {
        padding:
            1.1rem
            1.15rem
            1.7rem
            !important;
    }

    .fi-wi-stats-overview-stats-ctn {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            )
            !important;
    }
}

@media (max-width: 768px) {
    .fi-topbar {
        padding:
            0.5rem
            0.65rem
            0
            !important;
    }

    .fi-topbar > nav,
    .fi-topbar nav {
        min-height: 3.8rem;

        border-radius:
            12px
            !important;
    }

    .fi-main {
        padding:
            0.85rem
            0.7rem
            1.25rem
            !important;
    }

    .fi-page {
        gap: 0.85rem !important;
    }

    .fi-wi-stats-overview-stats-ctn {
        grid-template-columns:
            1fr
            !important;
    }

    .fi-wi-stats-overview-stat {
        min-height: 8rem;
    }

    .fi-section-header,
    .fi-section-content {
        padding:
            0.9rem
            0.95rem
            !important;
    }

    .fi-header-heading {
        font-size:
            1.25rem
            !important;
    }
}

/*
|--------------------------------------------------------------------------
| Printing
|--------------------------------------------------------------------------
*/

@media print {
    body,
    .fi-body,
    .fi-layout,
    .fi-main {
        background: #ffffff !important;
    }

    .fi-section,
    .fi-ta-ctn,
    .fi-widget {
        box-shadow: none !important;
    }
}

/* VENO_SALON_REFERENCE_THEME_V1_END */