.rs-page {
    --rs-border: #dbe3f1;
    --rs-border-strong: #c7d3e6;
    --rs-surface: #ffffff;
    --rs-text: #10213a;
    --rs-muted: #5f6f88;
    --rs-brand: #1f57d6;
    --rs-brand-ink: #143e9d;
    --rs-bg-soft: #f5f8ff;
    --rs-danger: #c2410c;
    --rs-success: #0f766e;
    --rs-warning: #b45309;
}

.rs-page .rs-hero {
    border: 1px solid var(--rs-border);
    border-radius: 16px;
    background: linear-gradient(125deg, #f2f7ff 0%, #ffffff 48%, #f4fbff 100%);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.rs-page .rs-hero-actions {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.rs-page .rs-surface {
    border: 1px solid var(--rs-border) !important;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
    background: var(--rs-surface);
    overflow: hidden;
}

.rs-page .panel.rs-surface,
.rs-page .card.rs-surface {
    margin-bottom: 0;
}

.rs-page .rs-surface-header,
.rs-page .rs-surface > .panel-hdr,
.rs-page .rs-surface > .card-header {
    border-bottom: 1px solid var(--rs-border);
    background: linear-gradient(180deg, #fbfdff 0%, #f6f9ff 100%);
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

.rs-page .rs-header-main {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.rs-page .rs-title {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 700;
    color: var(--rs-text);
    letter-spacing: 0.01em;
}

.rs-page .rs-subtitle {
    margin: 0;
    font-size: 0.84rem;
    color: var(--rs-muted);
}

.rs-page .rs-panel-body,
.rs-page .rs-surface .panel-content,
.rs-page .rs-surface .card-body {
    padding: 1rem;
}

.rs-page .rs-metric-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.75rem;
}

.rs-page .rs-metric-col {
    grid-column: span 12;
}

.rs-page .rs-metric-card {
    border: 1px solid var(--rs-border);
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    min-height: 108px;
    padding: 0.85rem 0.95rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.55rem;
}

.rs-page .rs-metric-card.rs-accent-brand {
    border-left: 4px solid var(--rs-brand);
}

.rs-page .rs-metric-card.rs-accent-success {
    border-left: 4px solid var(--rs-success);
}

.rs-page .rs-metric-card.rs-accent-warning {
    border-left: 4px solid var(--rs-warning);
}

.rs-page .rs-metric-card.rs-accent-danger {
    border-left: 4px solid var(--rs-danger);
}

.rs-page .rs-metric-label {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
    color: var(--rs-muted);
}

.rs-page .rs-metric-value {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.16;
    font-weight: 800;
    color: var(--rs-text);
}

.rs-page .rs-metric-meta {
    margin: 0;
    font-size: 0.8rem;
    color: var(--rs-muted);
}

.rs-page .rs-tabset,
.rs-page .rs-stock-tabs {
    border: 0;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.rs-page .rs-tabset .nav-link,
.rs-page .rs-stock-tabs .nav-link {
    border: 1px solid var(--rs-border);
    border-radius: 999px;
    color: #24344f;
    background: #f8fbff;
    font-weight: 600;
    padding: 0.4rem 0.85rem;
}

.rs-page .rs-tabset .nav-link:hover,
.rs-page .rs-stock-tabs .nav-link:hover {
    color: var(--rs-brand-ink);
    border-color: var(--rs-border-strong);
}

.rs-page .rs-tabset .nav-link.active,
.rs-page .rs-stock-tabs .nav-link.active {
    background: linear-gradient(180deg, #2c69f2 0%, #1f57d6 100%);
    color: #fff;
    border-color: #1f57d6;
    box-shadow: 0 8px 20px rgba(31, 87, 214, 0.25);
}

.rs-page .rs-filter {
    border: 1px solid var(--rs-border);
    border-radius: 14px;
    background: var(--rs-bg-soft);
    padding: 0.85rem;
}

.rs-page .rs-filter .form-control,
.rs-page .rs-filter .select2-selection,
.rs-page .rs-filter .erp-input,
.rs-page .rs-filter .erp-select {
    border-color: #cdd8ea;
}

.rs-page .rs-filter .form-control:focus,
.rs-page .rs-filter .erp-input:focus,
.rs-page .rs-filter .erp-select:focus {
    border-color: #9db4eb;
    box-shadow: 0 0 0 0.2rem rgba(31, 87, 214, 0.12);
}

.rs-page .rs-actions {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.rs-page .rs-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.22rem 0.6rem;
    font-size: 0.73rem;
    font-weight: 700;
    line-height: 1;
    margin-right: 0.3rem;
    margin-bottom: 0.35rem;
}

.rs-page .rs-pill-danger {
    color: #8d1c1c;
    background: #fee2e2;
}

.rs-page .rs-pill-warning {
    color: #8a4b08;
    background: #fef3c7;
}

.rs-page .rs-pill-success {
    color: #0f5d52;
    background: #d1fae5;
}

.rs-page .rs-pill-info {
    color: #0b4f81;
    background: #dbeafe;
}

.rs-page .rs-table-wrap {
    border: 1px solid var(--rs-border);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.rs-page .rs-table-wrap .table {
    margin-bottom: 0;
}

.rs-page .rs-table-wrap .table > :not(caption) > * > * {
    border-color: #e6edf9;
}

.rs-page .rs-table-wrap thead th {
    background: #f4f8ff;
    color: #213451;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    vertical-align: middle;
}

.rs-page .rs-table-wrap tbody tr:hover {
    background: #f8fbff;
}

.rs-page.rs-page-movements {
    --rs-mv-blue-950: #0b2036;
    --rs-mv-blue-850: #123c5b;
    --rs-mv-blue-700: #1f6f9e;
    --rs-mv-blue-560: #2f95c8;
    --rs-mv-blue-500: #3aa7d9;
    --rs-mv-blue-120: #e6f4fc;
    --rs-mv-blue-080: #f2f9fe;
    --rs-mv-ink: #14324d;
}

.rs-page.rs-page-movements .rs-surface-header,
.rs-page.rs-page-movements .rs-surface > .panel-hdr {
    border-bottom-color: #1f4b6f !important;
    background: linear-gradient(116deg, var(--rs-mv-blue-950) 0%, var(--rs-mv-blue-700) 58%, var(--rs-mv-blue-500) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.rs-page.rs-page-movements .rs-title {
    color: #f5fbff;
}

.rs-page.rs-page-movements .rs-subtitle {
    color: #d7ebf9;
}

.rs-page.rs-page-movements .rs-stock-tabs .nav-link {
    border-color: #c1d8ea;
    background: linear-gradient(180deg, #f8fcff 0%, #eff7fd 100%);
    color: #2b506c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.rs-page.rs-page-movements .rs-stock-tabs .nav-link:hover {
    border-color: #93bbd8;
    background: #edf6fd;
    color: #194a6e;
}

.rs-page.rs-page-movements .rs-stock-tabs .nav-link.active {
    border-color: var(--rs-mv-blue-700);
    background: linear-gradient(180deg, var(--rs-mv-blue-560) 0%, var(--rs-mv-blue-700) 100%);
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(31, 111, 158, 0.28);
}

.rs-page.rs-page-movements .alert.alert-info {
    border: 1px solid #b6d6ea;
    border-radius: 12px;
    background: linear-gradient(180deg, #f1f9fe 0%, #e8f4fc 100%);
    color: #174466;
}

.rs-page.rs-page-movements .rs-movements-wrap {
    border-color: #c0d6e9;
    box-shadow: 0 10px 24px rgba(14, 42, 66, 0.08);
}

.rs-page.rs-page-movements .rs-movements-table thead th {
    border-bottom: 1px solid #bed5e8;
    background: linear-gradient(180deg, #eef8fe 0%, #dff1fb 100%);
    color: #1c4b6d;
    font-size: 0.76rem;
    white-space: nowrap;
}

.rs-page.rs-page-movements .rs-movements-table tbody td {
    color: #15283e;
    vertical-align: middle;
    border-color: #e3edf7;
}

.rs-page.rs-page-movements .rs-movements-table.table-striped tbody tr:nth-of-type(odd) td {
    background: #f9fcff;
}

.rs-page.rs-page-movements .rs-movements-table tbody tr:hover > td {
    background: var(--rs-mv-blue-120) !important;
}

.rs-page.rs-page-movements .rs-movements-table .rs-message-col {
    color: #1f3750;
}

.rs-page.rs-page-movements .rs-qty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.78rem;
    line-height: 1.1;
    padding: 0.2rem 0.52rem;
}

.rs-page.rs-page-movements .rs-qty-up {
    color: #0f5d52;
    background: #d7f7e8;
    border: 1px solid #a6e8c8;
}

.rs-page.rs-page-movements .rs-qty-down {
    color: #9a1f1f;
    background: #fee5e5;
    border: 1px solid #f7b9b9;
}

.rs-page.rs-page-movements .dataTables_wrapper .dt-buttons {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.rs-page.rs-page-movements .dataTables_wrapper .dt-buttons .dt-button {
    border: 1px solid #bdd5e8 !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #f7fbff 0%, #ecf6fd 100%) !important;
    color: #1b4869 !important;
    font-weight: 600;
    padding: 0.33rem 0.7rem !important;
    box-shadow: none !important;
}

.rs-page.rs-page-movements .dataTables_wrapper .dt-buttons .dt-button:hover {
    border-color: #93b7da !important;
    background: linear-gradient(180deg, #eaf5fd 0%, #ddedf9 100%) !important;
    color: #123f63 !important;
}

.rs-page.rs-page-movements .dataTables_wrapper .dt-buttons .dt-button.active {
    border-color: var(--rs-mv-blue-700) !important;
    background: linear-gradient(180deg, #2f95c8 0%, #1f6f9e 100%) !important;
    color: #fff !important;
}

.rs-page.rs-page-movements .dataTables_wrapper .dataTables_filter input,
.rs-page.rs-page-movements .dataTables_wrapper .dataTables_length select {
    border: 1px solid #bfd6e8;
    border-radius: 10px;
    background: #fff;
    color: var(--rs-mv-ink);
}

.rs-page.rs-page-movements .dataTables_wrapper .dataTables_filter input {
    min-width: 230px;
    padding: 0.42rem 0.72rem;
}

.rs-page.rs-page-movements .dataTables_wrapper .dataTables_filter input:focus,
.rs-page.rs-page-movements .dataTables_wrapper .dataTables_length select:focus {
    border-color: var(--rs-mv-blue-500);
    box-shadow: 0 0 0 0.18rem rgba(58, 167, 217, 0.2);
}

.rs-page.rs-page-movements .dataTables_wrapper .dataTables_info {
    color: #52657f;
}

.rs-page.rs-page-movements .dataTables_wrapper .pagination .page-link {
    border-color: #c0d6e8;
    color: #1d4f74;
    background: #fafdff;
}

.rs-page.rs-page-movements .dataTables_wrapper .pagination .page-item.active .page-link {
    background: linear-gradient(180deg, var(--rs-mv-blue-560) 0%, var(--rs-mv-blue-700) 100%);
    border-color: var(--rs-mv-blue-700);
    color: #fff;
    box-shadow: 0 6px 16px rgba(31, 111, 158, 0.3);
}

.rs-page.rs-page-movements .dataTables_wrapper .pagination .page-link:hover {
    background: #e6f4fc;
    color: #0f3857;
}

.rs-page.rs-page-stock {
    --rs-stk-ink: #132b45;
    --rs-stk-ink-soft: #567390;
    --rs-stk-line: #c7dcee;
    --rs-stk-line-strong: #aecbe4;
    --rs-stk-glass: rgba(255, 255, 255, 0.9);
    --rs-stk-glass-soft: rgba(247, 252, 255, 0.92);
    --rs-stk-grad-a: #fbfeff;
    --rs-stk-grad-b: #edf6fd;
    --rs-stk-grad-c: #dcedf9;
    --rs-stk-focus: #2f89c2;
    --rs-stk-good: #0d7f5a;
    --rs-stk-bad: #c53f3f;
    --rs-stk-shadow: rgba(17, 52, 83, 0.1);
}

.rs-page.rs-page-stock .rs-stock-dashboard-shell {
    border-color: var(--rs-stk-line) !important;
    border-radius: 16px;
    box-shadow: 0 16px 36px var(--rs-stk-shadow);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(250, 253, 255, 0.92) 100%),
        linear-gradient(130deg, rgba(108, 179, 223, 0.08) 0%, rgba(18, 39, 60, 0.06) 100%);
    position: relative;
    overflow: hidden;
}

.rs-page.rs-page-stock .rs-stock-dashboard-shell::before {
    content: "";
    position: absolute;
    right: -56px;
    top: -64px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(113, 181, 222, 0.22) 0%, rgba(113, 181, 222, 0) 72%);
    pointer-events: none;
}

.rs-page.rs-page-stock .rs-stock-dashboard-shell::after {
    content: "";
    position: absolute;
    left: -90px;
    bottom: -120px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(163, 214, 243, 0.16) 0%, rgba(163, 214, 243, 0) 76%);
    pointer-events: none;
}

.rs-page.rs-page-stock .rs-stock-dashboard-shell > .panel-hdr,
.rs-page.rs-page-stock .rs-stock-dashboard-shell > .panel-container {
    position: relative;
    z-index: 1;
}

.rs-page.rs-page-stock .rs-stock-dashboard-shell > .panel-hdr {
    background:
        linear-gradient(135deg, var(--rs-stk-grad-a) 0%, var(--rs-stk-grad-b) 58%, var(--rs-stk-grad-c) 100%);
    border-bottom-color: var(--rs-stk-line);
}

.rs-page.rs-page-stock .rs-stock-dashboard-shell > .panel-container {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(245, 251, 255, 0.92) 100%);
}

.rs-page.rs-page-stock .rs-title {
    color: var(--rs-stk-ink);
}

.rs-page.rs-page-stock .rs-subtitle {
    color: var(--rs-stk-ink-soft);
}

.rs-page.rs-page-stock .rs-stock-head-chips {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.42rem;
    margin-top: 0.45rem;
}

.rs-page.rs-page-stock .rs-stock-head-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    border: 1px solid #b9d4e8;
    background: rgba(255, 255, 255, 0.8);
    color: #355876;
    font-size: 0.73rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.3rem 0.58rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.rs-page.rs-page-stock .rs-stock-head-chip i {
    color: #2f89c2;
    font-size: 0.76rem;
}

.rs-page.rs-page-stock .rs-stock-actions .btn {
    border-radius: 10px;
    font-weight: 700;
    padding: 0.36rem 0.78rem;
    box-shadow: none;
}

.rs-page.rs-page-stock .rs-stock-actions .btn-outline-primary {
    border-color: var(--rs-stk-line-strong);
    color: #215b86;
    background: linear-gradient(180deg, #ffffff 0%, #f2f9ff 100%);
}

.rs-page.rs-page-stock .rs-stock-actions .btn-outline-primary:hover {
    border-color: #8fb8d8;
    color: #174a70;
    background: #ebf6ff;
}

.rs-page.rs-page-stock .rs-stock-actions .btn-primary {
    border-color: #1f5f90;
    background: linear-gradient(180deg, #2f89c2 0%, #1f6f9f 100%);
    color: #fff;
    box-shadow: 0 10px 22px rgba(31, 111, 159, 0.28);
}

.rs-page.rs-page-stock .rs-stock-actions .btn-primary:hover {
    border-color: #1a5782;
    background: linear-gradient(180deg, #2780b8 0%, #1a5f8b 100%);
}

.rs-page.rs-page-stock .rs-stock-tabs {
    margin-bottom: 0.95rem !important;
}

.rs-page.rs-page-stock .rs-stock-tabs .nav-link {
    border-color: #c7dcec;
    color: #355675;
    background: linear-gradient(180deg, #f8fcff 0%, #eef6fd 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
    font-weight: 700;
    padding: 0.44rem 0.92rem;
}

.rs-page.rs-page-stock .rs-stock-tabs .nav-link:hover {
    border-color: #98bfdc;
    color: #1e4f76;
    background: #e9f4fc;
}

.rs-page.rs-page-stock .rs-stock-tabs .nav-link.active {
    border-color: #2f89c2;
    background: linear-gradient(180deg, #3d98cf 0%, #2f89c2 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(47, 137, 194, 0.28);
}

.rs-page.rs-page-stock .rs-stock-health {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.75rem;
}

.rs-page.rs-page-stock .rs-stock-health-item {
    grid-column: span 12;
    border: 1px solid var(--rs-stk-line);
    border-radius: 13px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(247, 252, 255, 0.92) 100%);
    box-shadow: 0 8px 20px rgba(20, 58, 91, 0.075);
    padding: 0.7rem 0.85rem;
}

.rs-page.rs-page-stock .rs-stock-health-main {
    background: linear-gradient(135deg, #fafdff 0%, #eaf5fc 64%, #dcedf9 100%);
}

.rs-page.rs-page-stock .rs-stock-health-label {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
    color: #5a7894;
}

.rs-page.rs-page-stock .rs-stock-health-value {
    margin: 0.12rem 0 0;
    font-size: 1.18rem;
    font-weight: 800;
    color: #163a58;
    line-height: 1.2;
}

.rs-page.rs-page-stock .rs-health-good {
    color: #0e7c58;
}

.rs-page.rs-page-stock .rs-health-watch {
    color: #9c5f09;
}

.rs-page.rs-page-stock .rs-health-alert {
    color: #b33434;
}

.rs-page.rs-page-stock .rs-stock-health-meta {
    margin: 0.25rem 0 0;
    color: #5f7f99;
    font-size: 0.79rem;
}

.rs-page.rs-page-stock .rs-metric-grid {
    gap: 0.9rem;
}

.rs-page.rs-page-stock .rs-metric-card {
    border-color: var(--rs-stk-line);
    border-radius: 14px;
    min-height: 122px;
    background: linear-gradient(180deg, var(--rs-stk-glass) 0%, var(--rs-stk-glass-soft) 100%);
    box-shadow: 0 10px 24px rgba(22, 60, 95, 0.09);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    position: relative;
    overflow: hidden;
}

.rs-page.rs-page-stock .rs-metric-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgba(47, 137, 194, 0.9) 0%, rgba(47, 137, 194, 0.2) 100%);
}

.rs-page.rs-page-stock .rs-metric-card::after {
    content: "";
    position: absolute;
    right: -22px;
    top: -22px;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(49, 138, 195, 0.14) 0%, rgba(49, 138, 195, 0) 74%);
    pointer-events: none;
}

.rs-page.rs-page-stock .rs-accent-success.rs-metric-card::before {
    background: linear-gradient(90deg, rgba(15, 127, 90, 0.88) 0%, rgba(15, 127, 90, 0.2) 100%);
}

.rs-page.rs-page-stock .rs-accent-warning.rs-metric-card::before {
    background: linear-gradient(90deg, rgba(176, 102, 8, 0.88) 0%, rgba(176, 102, 8, 0.2) 100%);
}

.rs-page.rs-page-stock .rs-accent-danger.rs-metric-card::before {
    background: linear-gradient(90deg, rgba(191, 61, 61, 0.88) 0%, rgba(191, 61, 61, 0.2) 100%);
}

.rs-page.rs-page-stock .rs-metric-card:hover {
    transform: translateY(-2px);
    border-color: #9ec2df;
    box-shadow: 0 14px 28px rgba(22, 60, 95, 0.14);
}

.rs-page.rs-page-stock .rs-metric-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
}

.rs-page.rs-page-stock .rs-metric-icon {
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    background: #edf6fe;
    border: 1px solid #c3dcef;
    color: #2d77a8;
}

.rs-page.rs-page-stock .rs-accent-success .rs-metric-icon {
    background: #e7f9f2;
    border-color: #bce8d6;
    color: #0f7e59;
}

.rs-page.rs-page-stock .rs-accent-warning .rs-metric-icon {
    background: #fff6e8;
    border-color: #f2dbb1;
    color: #b06608;
}

.rs-page.rs-page-stock .rs-accent-danger .rs-metric-icon {
    background: #ffecec;
    border-color: #f4bcbc;
    color: #bf3d3d;
}

.rs-page.rs-page-stock .rs-stock-note {
    border-color: #b8d3e8;
    background: linear-gradient(180deg, #f7fcff 0%, #eef7fd 100%);
    color: #446584;
    border-left: 4px solid #55a4d5;
}

.rs-page.rs-page-stock .rs-stock-alert-card {
    border-color: var(--rs-stk-line) !important;
    box-shadow: 0 10px 22px rgba(18, 53, 84, 0.08);
    border-radius: 14px;
    overflow: hidden;
}

.rs-page.rs-page-stock .rs-stock-alert-card .panel-hdr {
    border-bottom-color: var(--rs-stk-line);
    background: linear-gradient(180deg, #fbfeff 0%, #f1f8fd 100%);
}

.rs-page.rs-page-stock .rs-stock-alert-card .rs-title {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.rs-page.rs-page-stock .rs-title-icon {
    font-size: 0.88rem;
    opacity: 0.9;
}

.rs-page.rs-page-stock .rs-stock-alert-negative .rs-title {
    color: #8f2d2d;
}

.rs-page.rs-page-stock .rs-stock-alert-out .rs-title {
    color: #8a5208;
}

.rs-page.rs-page-stock .rs-stock-counter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.65rem;
    height: 1.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    padding: 0 0.4rem;
}

.rs-page.rs-page-stock .rs-stock-counter-danger {
    background: #fee8e8;
    color: #a73737;
    border: 1px solid #f1b9b9;
}

.rs-page.rs-page-stock .rs-stock-counter-warning {
    background: #fff2df;
    color: #995b06;
    border: 1px solid #eed2a5;
}

.rs-page.rs-page-stock .rs-stock-empty {
    border: 1px dashed #c5d8e8;
    border-radius: 11px;
    background: #f9fcff;
    color: #607c95;
    padding: 0.75rem 0.85rem;
    font-size: 0.86rem;
}

.rs-page.rs-page-stock .rs-stock-movements-panel {
    border-color: var(--rs-stk-line) !important;
}

.rs-page.rs-page-stock .rs-stock-movements-panel .rs-table-wrap {
    max-height: 460px;
    overflow: auto;
}

.rs-page.rs-page-stock .rs-stock-movements-panel .rs-table-wrap::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.rs-page.rs-page-stock .rs-stock-movements-panel .rs-table-wrap::-webkit-scrollbar-thumb {
    background: #b8d1e4;
    border-radius: 999px;
}

.rs-page.rs-page-stock .rs-stock-movements-panel .rs-table-wrap::-webkit-scrollbar-track {
    background: #eef5fb;
}

.rs-page.rs-page-stock .rs-stock-table > :not(caption) > * > * {
    border-color: #dbe7f2;
}

.rs-page.rs-page-stock .rs-stock-table thead th {
    background: linear-gradient(180deg, #f2f8fd 0%, #e9f3fb 100%);
    color: #294867;
    font-size: 0.77rem;
    letter-spacing: 0.03em;
    position: sticky;
    top: 0;
    z-index: 2;
    text-transform: uppercase;
    font-weight: 800;
}

.rs-page.rs-page-stock .rs-stock-table tbody tr:hover > td {
    background: #eef7fd !important;
}

.rs-page.rs-page-stock .rs-stock-table tbody tr:hover > td:first-child {
    box-shadow: inset 3px 0 0 #55a4d5;
}

.rs-page.rs-page-stock .rs-stock-table.table-striped tbody tr:nth-of-type(odd) > td {
    background: #fbfdff;
}

.rs-page.rs-page-stock .rs-stock-table tbody td {
    vertical-align: middle;
}

.rs-page.rs-page-stock .rs-stock-qty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.78rem;
    line-height: 1.1;
    padding: 0.2rem 0.55rem;
}

.rs-page.rs-page-stock .rs-stock-qty-up {
    color: var(--rs-stk-good);
    background: #def5ec;
    border: 1px solid #b6e4d1;
}

.rs-page.rs-page-stock .rs-stock-qty-down {
    color: var(--rs-stk-bad);
    background: #fee7e7;
    border: 1px solid #f3c0c0;
}

.rs-page.rs-page-stock .rs-stock-date {
    display: inline-block;
    color: #325474;
    font-weight: 600;
    font-size: 0.78rem;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.rs-page.rs-page-stock .rs-stock-type {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.18rem 0.55rem;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.1;
    border: 1px solid #bfd5e7;
    background: #f3f8fd;
    color: #2e5575;
}

.rs-page.rs-page-stock .rs-stock-type-icon {
    font-size: 0.68rem;
    margin-right: 0.28rem;
}

.rs-page.rs-page-stock .rs-stock-type-in {
    border-color: #b4e0ce;
    background: #e8f8f1;
    color: #0f7f5a;
}

.rs-page.rs-page-stock .rs-stock-type-out {
    border-color: #f0c4c4;
    background: #fff0f0;
    color: #b23a3a;
}

.rs-page.rs-page-stock .rs-stock-after {
    color: #183a57;
    font-weight: 700;
}

.rs-page.rs-page-stock .rs-stock-ref {
    color: #45627d;
    font-weight: 600;
}

.rs-page .rs-soft-note {
    border: 1px dashed var(--rs-border-strong);
    border-radius: 12px;
    background: #fbfdff;
    color: var(--rs-muted);
    font-size: 0.86rem;
    padding: 0.75rem 0.85rem;
}

.rs-page .rs-status-card {
    border: 1px solid var(--rs-border);
    border-radius: 12px;
    background: #ffffff;
    padding: 0.75rem 0.85rem;
    margin-bottom: 0.6rem;
}

.rs-page .rs-status-card h5,
.rs-page .rs-status-card h6 {
    margin: 0;
    font-size: 0.82rem;
    color: var(--rs-muted);
    font-weight: 600;
}

.rs-page .rs-status-card .rs-metric-value {
    font-size: 1.2rem;
}

.rs-page .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border: 1px solid #1f57d6 !important;
    background: #1f57d6 !important;
    color: #fff !important;
}

.rs-page .dataTables_wrapper .dt-buttons .btn {
    border-radius: 8px;
    padding: 0.28rem 0.58rem;
}

@media (min-width: 768px) {
    .rs-page .rs-metric-col {
        grid-column: span 6;
    }
}

@media (min-width: 1200px) {
    .rs-page .rs-metric-col {
        grid-column: span 3;
    }
}

@media (max-width: 991.98px) {
    .rs-page .rs-hero {
        padding: 0.9rem;
    }

    .rs-page .rs-metric-card {
        min-height: 96px;
    }

    .rs-page .rs-title {
        font-size: 1.03rem;
    }

    .rs-page.rs-page-stock .rs-stock-actions {
        margin-top: 0.45rem;
    }

    .rs-page.rs-page-stock .rs-stock-actions .btn {
        width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .rs-page.rs-page-stock .rs-stock-head-chips {
        margin-bottom: 0.12rem;
    }

    .rs-page.rs-page-stock .rs-metric-card {
        min-height: 108px;
    }

    .rs-page.rs-page-stock .rs-stock-health-item {
        grid-column: span 12;
    }

    .rs-page.rs-page-stock .rs-stock-movements-panel .rs-table-wrap {
        max-height: 380px;
    }
}

@media (min-width: 992px) {
    .rs-page.rs-page-stock .rs-stock-health-main {
        grid-column: span 6;
    }

    .rs-page.rs-page-stock .rs-stock-health-item {
        grid-column: span 3;
    }
}