:root {
    --primary: #3867e8;
    --mmc-teal: #0b8585;
    --mmc-border: #e0e5eb;
    --mmc-muted: #718096;
    --bs-primary-rgb: 56, 103, 232;
}
* { letter-spacing: 0; }
body.mmc-app { margin: 0; background: #f8f9fb; color: #283347; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.mmc-header { background: #fff; border-bottom: 1px solid var(--mmc-border); padding: 0; min-height: 76px; position: relative; z-index: 1030; }
.mmc-nav-container { width: 100%; max-width: 1500px; margin: auto; padding: 14px 24px; display: flex; align-items: center; gap: 22px; }
.mmc-brand { flex: 0 0 118px; text-decoration: none; display: flex; align-items: center; min-height: 46px; color: var(--mmc-teal); }
.mmc-logo { display: block; width: auto; height: 46px; max-width: 118px; object-fit: contain; }
.mmc-logo-placeholder { font-size: 28px; line-height: 1; font-weight: 800; color: var(--mmc-teal); }
.mmc-logo-placeholder small { display: block; font-size: 8px; line-height: 1.6; font-weight: 600; color: #6c7d85; margin-top: 4px; }
.mmc-main-menu { flex-direction: row; align-items: center; gap: 3px; }
.mmc-main-menu .nav-link { display: flex; align-items: center; gap: 5px; padding: 10px 9px !important; border: 1px solid transparent; border-radius: 5px; font-size: 11px; font-weight: 600; color: #596274; white-space: nowrap; }
.mmc-main-menu .nav-link i { font-size: 13px; color: #8791a1; }
.mmc-main-menu .nav-link:hover { color: var(--primary); background: #f6f8fc; }
.mmc-main-menu .nav-link.active { border-color: #cdd7f0; background: #fff; color: var(--primary); box-shadow: 0 1px 3px #4263c70a; }
.mmc-main-menu .nav-link.active i { color: var(--primary); }
.mmc-master-item { display: flex; align-items: center; gap: 0; }
.mmc-master-toggle { border: 0; background: transparent; color: #7e8797; width: 20px; height: 36px; font-size: 10px; border-radius: 4px; padding: 0; }
.mmc-master-toggle:hover { background: #f0f3f8; }
.mmc-account { display: flex; align-items: center; gap: 14px; margin-left: auto; padding-left: 12px; }
.mmc-user { display: flex; flex-direction: column; gap: 4px; text-align: right; max-width: 160px; overflow-wrap: anywhere; }
.mmc-user strong { color: #344257; font-size: 12px; }
.mmc-user span { font-size: 11px; color: var(--mmc-muted); }
.mmc-logout { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; padding: 8px 10px; background: #df4b52; border-color: #df4b52; }
#wrapper { display: block; width: 100%; }
#content.mmc-content { width: 100%; max-width: 1480px; min-width: 0; margin: 0 auto; padding: 26px 24px 40px; }
.mmc-content h4 { font-size: 22px; margin-bottom: 0; }
.mmc-content h5 { font-size: 18px; }
.mmc-content h6 { font-size: 14px; }
.mmc-content > .d-flex:first-child { flex-wrap: wrap; gap: 12px; }
.mmc-content > .d-flex:first-child > h4 { margin-bottom: 0; }
.card { border: 1px solid var(--mmc-border) !important; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px #18223b03 !important; }
.card:hover { box-shadow: 0 1px 2px #18223b03 !important; }
.card-body { padding: 20px; }
.card-header { border-bottom: 1px solid var(--mmc-border); background: #fff; padding: 14px 20px !important; }
.card-header.bg-primary { background: #f4f6fc !important; color: #344c93 !important; }
.card-header.bg-danger { background: #fff5f5 !important; color: #b33b45 !important; }
.card-header.bg-warning { background: #fffbef !important; color: #8b711d !important; }
.card-header.bg-success { background: #f0f9f5 !important; color: #187553 !important; }
.btn { border-radius: 5px; font-size: 13px; font-weight: 500; padding: 8px 13px; box-shadow: none !important; }
.btn-sm { font-size: 12px; padding: 5px 9px; }
.btn-lg { font-size: 14px; }
.btn-primary { --bs-btn-bg: #4263c7; --bs-btn-border-color: #4263c7; --bs-btn-hover-bg: #3553b0; --bs-btn-hover-border-color: #3553b0; --bs-btn-active-bg: #3553b0; --bs-btn-active-border-color: #3553b0; }
.btn-success { --bs-btn-bg: #209a72; --bs-btn-border-color: #209a72; --bs-btn-hover-bg: #177b59; --bs-btn-hover-border-color: #177b59; }
.text-primary { color: var(--primary) !important; }
.text-success { color: #168162 !important; }
.text-danger { color: #ca4752 !important; }
.bg-primary { background-color: var(--primary) !important; }
.badge { border-radius: 4px; font-size: 11px; font-weight: 500; padding: 5px 8px; }
.badge.bg-success { background: #e8f6ef !important; color: #20764f !important; }
.badge.bg-danger { background: #fcebed !important; color: #bb3f4c !important; }
.badge.bg-warning { background: #fff3d8 !important; color: #98701b !important; }
.form-control, .form-select { border-color: #dce2e9; border-radius: 5px; font-size: 13px; min-height: 38px; }
.form-control:focus, .form-select:focus { border-color: #a9b9e9; box-shadow: 0 0 0 3px #4263c710; }
.form-label { font-size: 12px; color: #566274; margin-bottom: 6px; }
.table { font-size: 13px; color: #344154; margin-bottom: 0; --bs-table-hover-bg: #f8fafc; }
.table > :not(caption) > * > * { padding: 13px 14px; border-bottom-color: #edf0f4; }
.table thead th { font-size: 11px; font-weight: 600; color: #788293; background: #f8f9fc; border-bottom: 1px solid #e8ecf2; white-space: nowrap; }
.table td .fs-6 { font-size: 13px !important; }
.table td small { font-size: 11px; }
.table-responsive { width: 100%; }
.modal-content { border-radius: 7px; border: 1px solid var(--mmc-border); box-shadow: 0 12px 45px #17223b20; }
.modal-header, .modal-footer { border-color: #e9edf2; }
.modal-title { font-size: 18px; }
.modal-body { padding: 20px; }
.dropdown-menu { border: 1px solid var(--mmc-border); border-radius: 6px; font-size: 13px; box-shadow: 0 5px 18px #17223b12; }
.dropdown-item { padding: 9px 16px; }
.mmc-section-title { font-size: 16px !important; font-weight: 600; margin: 0 0 14px; color: #344154; }
.mmc-stat { min-height: 112px; padding: 20px; display: flex; flex-direction: column; gap: 12px; }
.mmc-stat small { font-size: 11px; color: var(--mmc-muted); font-weight: 600; }
.mmc-stat h3 { color: #344c93; font-size: 25px; }
.mmc-stat .bi { color: var(--mmc-teal); }
.mmc-chart { position: relative; height: 330px; }
.mmc-total { background: #fff !important; color: #344c93 !important; }
.mmc-total small { color: #717b8b; opacity: 1; }
.mmc-total h1 { font-size: 30px; }
.mmc-page-pelanggan .mmc-content > .table-responsive { border: 1px solid var(--mmc-border); border-radius: 6px; background: #fff; }
.mmc-page-pelanggan .mmc-content > .table-responsive .table td { max-width: 280px; overflow-wrap: anywhere; }
.mmc-page-pelanggan .mmc-content > .table-responsive .table td:last-child { min-width: 155px; }
.mmc-page-pelanggan .card h5, .mmc-page-keuangan .card h4 { font-size: 23px; }
.mmc-page-keuangan .mmc-content > .d-flex p { display: none; }
.mmc-page-keuangan .page-header p { display: block !important; }
.chart-small { height: 180px; }
.mmc-page-pelanggan .mmc-content > .table-responsive table {min-width:1100px;}.mmc-page-obat .table-card table {min-width:1180px;}.mmc-page-penjualan .table-card table {min-width:900px;}
.mmc-page-pelanggan .mmc-content > .table-responsive .table td:nth-child(3) {white-space:nowrap;min-width:115px;}.select2-container {max-width:100%;}
.mmc-form-frame {display:block;width:100%;height:72vh;border:0;}.mmc-embedded .mmc-header {display:none;}.mmc-embedded #content {padding:20px;}.mmc-embedded .page-header .btn {display:none;}.mmc-ajax-busy .mmc-header {border-bottom-color:#087f8c;}
.mmc-export {font:12px 'Segoe UI',Arial;margin:24px;color:#283347;}.mmc-export h1 {font-size:22px;}.mmc-export table {border-collapse:collapse;width:100%;margin-top:20px;}.mmc-export th,.mmc-export td {border:1px solid #e0e5eb;padding:8px;}
@media print { .mmc-export {margin:0;}.mmc-export table {font-size:10px;} }
.mmc-login { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; background: #f8f9fb; font-family: Arial, Helvetica, sans-serif; }
.mmc-login .login-card { width: 100%; max-width: 410px; border-radius: 7px; }
.mmc-login .login-brand { color: var(--mmc-teal); font-size: 29px; font-weight: 700; }
.mmc-login .login-card .card-body { padding: 24px; }
.purchase-table-wrap { background: #fff; border: 1px solid var(--mmc-border); border-radius: 6px; }
.purchase-table { min-width: 1650px; font-size: 12px; }
.purchase-table thead th { max-width: 150px; white-space: normal; }
.purchase-table .purchase-items { min-width: 210px; max-width: 300px; white-space: normal; overflow-wrap: anywhere; }
.purchase-item-line + .purchase-item-line { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--mmc-border); }
.purchase-item-line small { display: block; color: var(--bs-secondary-color, #64748b); margin-top: 3px; }
.purchase-grand-total { color: #2452bd; background: #f5f8ff !important; }
@media (min-width: 768px) {
    .purchase-table tr > :last-child { position: sticky; right: 0; background: #fff; box-shadow: -3px 0 5px #1820330a; z-index: 1; }
    .purchase-table thead tr > :last-child { background: #f1f5fb; }
}
.purchase-invoice { padding: 20px 0; border-top: 1px solid var(--mmc-border); border-bottom: 1px solid var(--mmc-border); }
.purchase-ledger { margin: 0 0 16px; }
.purchase-ledger > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 10px 0; }
.purchase-ledger dt { font-weight: 500; overflow-wrap: anywhere; }
.purchase-ledger dd { margin: 0; text-align: right; white-space: nowrap; }
.purchase-ledger .purchase-ledger-total { border-top: 1px solid var(--mmc-border); font-weight: 700; }
.purchase-ledger-total dt { font-weight: 700; }
.purchase-detail-items { min-width: 920px; }
@media (max-width: 575px) { .purchase-ledger { font-size: 13px; } }
@media print { .purchase-detail-items { min-width: 0; font-size: 10px; } .purchase-invoice { break-inside: avoid; } }
.purchase-table > :not(caption) > * > * { padding: 14px 9px; }
.purchase-table td:nth-child(3) { min-width: 100px; max-width: 170px; overflow-wrap: anywhere; }
.purchase-summary h4 { font-size: 24px; }
.purchase-filter { margin-top: 0; }
.purchase-detail-total { padding: 16px; border-top: 1px solid var(--mmc-border); }
body.mmc-app { font-family: 'Segoe UI', Arial, sans-serif; background: #f6f8fb; }
.mmc-header { position: sticky; top: 0; box-shadow: 0 2px 10px #27365b04; }
.card { border-radius: 12px; box-shadow: 0 3px 14px #1e355b05 !important; transition: box-shadow 180ms ease; }
.page-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 24px; }
.page-header h4 { margin: 0; font-weight: 700; }
.page-header p { color: #788497; font-size: 13px; margin: 6px 0 0; }
.page-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.summary-grid { display: grid; gap: 16px; margin-bottom: 24px; }
.summary-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.summary-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.summary-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)); }
.summary-card { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; min-height: 118px; padding: 20px; background: #fff; border: 1px solid #e6eaf1; border-radius: 12px; box-shadow: 0 3px 14px #1e355b05; text-decoration: none; color: #526ad1; transition: transform 180ms ease,box-shadow 180ms ease; }
.summary-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px #1e355b0c; }
.summary-label { font-size: 11px; font-weight: 600; color: #6f7c91; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.summary-icon { font-size: 19px; color: #526ad1; }
.summary-value { font-size: 26px; font-weight: 700; margin-top: 12px; overflow-wrap: anywhere; }
.summary-card small { color: #8090a1; font-size: 11px; margin-top: 6px; }
.tone-green,.tone-green .summary-icon { color: #138667; }.tone-red,.tone-red .summary-icon { color: #d74d5e; }.tone-orange,.tone-orange .summary-icon { color: #c98a24; }.tone-teal,.tone-teal .summary-icon { color: #087f8c; }
.filter-card { padding: 18px 20px; border-top: 1px solid #e6eaf1; border-bottom: 1px solid #e6eaf1; margin-bottom: 24px; }
.filter-heading { background: transparent; width: 100%; border: 0; padding: 0; display: flex; justify-content: space-between; color: #344257; text-align: left; font-weight: 600; font-size: 13px; }
.filter-heading small { display: block; color: #8090a1; font-size: 12px; margin-top: 5px; font-weight: 400; }
.filter-card .collapse.show { margin-top: 18px; }
.table-card { background: #fff; border: 1px solid #e6eaf1; border-radius: 12px; overflow: hidden; margin-bottom: 24px; }
.data-card { background: #fff; border: 1px solid #e6eaf1; border-radius: 12px; padding: 20px; }
.chart-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-bottom: 24px; }
.chart-surface { min-width: 0; border-top: 1px solid #e6eaf1; padding-top: 16px; }
.chart-surface h5 { font-size: 15px; margin-bottom: 18px; font-weight: 600; }
.chart-frame { height: 250px; position: relative; }
.section-title { font-size: 16px !important; font-weight: 600; margin-bottom: 14px; }
.mmc-pagination { display: flex; justify-content: flex-end; gap: 12px; align-items: center; padding: 14px; border-top: 1px solid #edf0f4; color: #79859a; font-size: 12px; }
.status-badge { padding: 5px 9px; border-radius: 5px; font-size: 10px; font-weight: 600; }
.modal-content { border-radius: 14px; }.modal-header { background: #f9fbfe; border-radius: 14px 14px 0 0; }
.modal .modal-dialog { transition: transform 220ms ease-out; }.modal.fade .modal-dialog { transform: translateY(10px) scale(.99); }.modal.show .modal-dialog { transform: none; }
.sale-modal { max-width: 1220px; }.sale-modal .modal-body { padding: 24px; }
.sale-methods { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.sale-method { background: #f7f9fc; border-radius: 8px; padding: 16px; }.sale-method strong { display: block; margin-top: 6px; font-size: 22px; }
.income-summary { margin-bottom: 24px; padding: 22px; border: 1px solid #e6eaf1; border-radius: 12px; background: #fff; }
.income-summary > header { display: flex; justify-content: space-between; margin-bottom: 18px; align-items: center; }.income-summary > header h5 { font-size: 15px; margin: 0; }.income-summary > header strong { font-size: 28px; color: #087f8c; }
.mmc-notification { position: relative; padding-right: 42px; animation: mmc-enter 220ms ease both; }.mmc-notification .btn-close { position: absolute; right: 14px; top: 16px; font-size: 10px; }
.nav-link,.btn,.table tbody tr,.dropdown-item { transition: background-color 160ms ease,color 160ms ease,box-shadow 160ms ease; }
.is-loading { opacity: .65; cursor: progress; }.is-loading::after { content: '...'; margin-left: 5px; }
.mmc-content > .page-header,.mmc-content > .summary-grid,.mmc-content > .chart-grid { animation: mmc-enter 220ms ease both; }
.mmc-content > .summary-grid:nth-of-type(2) { animation-delay: 30ms; }
@keyframes mmc-enter { from {opacity: 0;transform: translateY(5px);} to {opacity: 1;transform: none;} }
@media(max-width:991.98px) { .summary-cols-4,.summary-cols-5 {grid-template-columns:repeat(2,minmax(0,1fr));} .summary-value {font-size:23px;} .chart-frame {height:230px;} }
@media(max-width:575.98px) { .summary-grid,.chart-grid,.sale-methods {grid-template-columns:1fr;} .summary-card {min-height:105px;} .summary-value {font-size:25px;} .income-summary > header {align-items:flex-start;gap:12px;flex-direction:column;} .sale-modal .modal-body {padding:14px;} .filter-card {padding:16px 0;} }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after {animation:none !important;transition:none !important;scroll-behavior:auto !important;} .summary-card:hover {transform:none;} }
@media print { [data-pagination],.mmc-pagination {display:none !important;} tr[hidden] {display:table-row !important;} .filter-card,.page-actions {display:none !important;} }
@media (min-width: 1200px) and (max-width: 1320px) {
    .mmc-nav-container { gap: 12px; padding-left: 20px; padding-right: 20px; }
    .mmc-main-menu .nav-link { padding: 10px 7px !important; font-size: 10px; gap: 4px; }
    .mmc-account { gap: 8px; padding-left: 8px; }
}
@media (max-width: 1199.98px) {
    .mmc-nav-container { flex-wrap: wrap; justify-content: space-between; }
    #mmcNavigation { flex-basis: 100%; }
    .mmc-main-menu { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 6px; padding: 10px 0; }
    .mmc-account { padding: 12px 0 0; border-top: 1px solid var(--mmc-border); justify-content: space-between; }
    .mmc-user { text-align: left; }
    .navbar-toggler { border-color: #e0e5eb; font-size: 24px; color: #52657b; padding: 3px 8px; }
}
@media (max-width: 575.98px) {
    #content.mmc-content { padding: 20px 16px 30px; }
    .mmc-nav-container { padding: 12px 16px; }
    .mmc-main-menu { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mmc-content h4 { font-size: 20px; }
    .card-body { padding: 16px; }
    .mmc-stat { min-height: 100px; padding: 16px; }
    .mmc-page-pelanggan .card h5 { font-size: 21px; }
    .mmc-chart { height: 250px; }
    .mmc-content .px-4, .mmc-content .px-5 { padding-left: 16px !important; padding-right: 16px !important; }
}
@media print {
    .mmc-header, .no-print { display: none !important; }
    body.mmc-app { background: #fff; }
    #content.mmc-content { max-width: none; padding: 0; }
}

/* Shared operator surfaces and compact, tinted indicators. */
body.mmc-app {background:#f5f7fb;color:#182033;}
#content.mmc-content {max-width:1520px;}
.mmc-header {box-shadow:0 4px 18px #18203306;}
.mmc-main-menu .nav-link {border-radius:9px;}
.mmc-main-menu .nav-link.active {background:#f3f6ff;border-color:#c6d5fd;}
.page-header {padding-bottom:18px;border-bottom:1px solid #e4eaf3;margin-bottom:24px;}
.page-header h4 {font-size:23px;line-height:1.35;}
.summary-card {position:relative;border-radius:16px;border-color:#dee7f6;background:#f0f5ff;color:#2851bd;padding:20px 22px;min-height:140px;box-shadow:0 4px 16px #18203304;}
.summary-label {color:#596b84;font-size:11px;min-height:36px;}
.summary-icon {display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#dce7ff;color:#3867e8;font-size:18px;}
.summary-value {font-size:27px;margin-top:10px;}
.summary-card small {color:#60738a;}
.summary-card.tone-green {background:#eefaf4;border-color:#d4eddf;color:#087d51;}.tone-green .summary-icon {background:#d4f2e2;color:#087d51;}
.summary-card.tone-orange {background:#fffaee;border-color:#f2e5c9;color:#a36007;}.tone-orange .summary-icon {background:#ffedc1;color:#a36007;}
.summary-card.tone-red {background:#fff2f3;border-color:#f1dfe1;color:#bf283d;}.tone-red .summary-icon {background:#fce0e3;color:#bf283d;}
.summary-card.tone-teal {background:#edfaf9;border-color:#cee9e6;color:#087b7b;}.tone-teal .summary-icon {background:#d2efec;color:#087b7b;}
.summary-card.tone-purple {background:#f6f1ff;border-color:#e7dcf8;color:#7133c2;}.tone-purple .summary-icon {background:#eaddfc;color:#7133c2;}
.summary-card:hover {box-shadow:0 8px 22px #1820330c;}
.btn {border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform 180ms ease,background-color 180ms ease,box-shadow 180ms ease;min-height:38px;}
.btn:hover {transform:translateY(-1px);}.btn:active {transform:scale(.98);}.btn-sm {min-height:32px;border-radius:8px;}
.btn-primary {--bs-btn-bg:#3867e8;--bs-btn-border-color:#3867e8;--bs-btn-hover-bg:#2855cf;--bs-btn-hover-border-color:#2855cf;--bs-btn-active-bg:#2855cf;}
.btn-success {--bs-btn-bg:#088557;--bs-btn-border-color:#088557;--bs-btn-hover-bg:#066b46;--bs-btn-hover-border-color:#066b46;}
.btn-danger {--bs-btn-bg:#d82b3b;--bs-btn-border-color:#d82b3b;--bs-btn-hover-bg:#b5202e;--bs-btn-hover-border-color:#b5202e;}
.btn-warning {--bs-btn-bg:#f8b642;--bs-btn-border-color:#f8b642;--bs-btn-color:#533600;--bs-btn-hover-bg:#edaa34;}
.mmc-logout {background:#d82b3b;border-color:#d82b3b;}
.btn:focus-visible,a:focus-visible,button:focus-visible {outline:3px solid #3867e8;outline-offset:3px;}
.form-control,.form-select {border-radius:9px;border-color:#dbe3ef;min-height:40px;}
.form-control:focus,.form-select:focus {border-color:#7e9ef4;box-shadow:0 0 0 3px #3867e819;}
.filter-card {border-top:0;border-bottom-color:#e1e7f0;padding:18px 0 22px;}
.filter-heading {font-size:14px;}.filter-heading .bi {transition:transform 200ms ease;}.filter-heading[aria-expanded="false"] .bi {transform:rotate(-90deg);}
.collapsing {transition:height 220ms ease;}
.table-card,.purchase-table-wrap,.mmc-page-pelanggan .mmc-content > .table-responsive {border-radius:14px;border-color:#e0e7f1;box-shadow:0 3px 14px #18203304;}
.table {--bs-table-hover-bg:#f1f6ff;}.table thead th {background:#f1f5fb;color:#526681;font-size:11px;}.table tbody tr {transition:background-color 180ms ease;}
.table > :not(caption) > * > * {padding-top:15px;padding-bottom:15px;}
.badge,.status-badge {border-radius:999px;padding:6px 9px;white-space:nowrap;}.badge.bg-secondary {background:#edf0f5 !important;color:#5b6576;}
.badge.bg-warning {color:#8c5900 !important;}.badge.bg-danger {color:#b72336 !important;}.badge.bg-success {color:#08764c !important;}
.card {border-radius:14px;box-shadow:0 4px 18px #18203305 !important;}.card:hover {box-shadow:0 4px 18px #18203305 !important;}
.card-header {font-weight:600;border-radius:14px 14px 0 0 !important;background:#f8faff;}
.chart-surface {background:#fff;padding:20px;border-top:2px solid #e3ecfb;}.chart-surface h5 {color:#273c57;}
.chart-frame {height:265px;}.chart-small {height:180px;}
.modal-content {border-radius:16px;border-top:3px solid #11a7a7;box-shadow:0 22px 70px #18203329;}.modal-header {background:#f8fbff;border-radius:13px 13px 0 0;}
.modal-backdrop {backdrop-filter:blur(2px);}.modal.fade .modal-dialog {transform:translateY(8px) scale(.98);}.modal.show .modal-dialog {transform:none;}
.income-summary {border-radius:16px;}.sale-method {border:0;border-left:3px solid #088557;border-radius:8px;background:#eefaf4;color:#08764c;}.sale-method:nth-child(2) {border-color:#3867e8;background:#f0f5ff;color:#2851bd;}.sale-method:nth-child(3) {border-color:#7c3aed;background:#f6f1ff;color:#7133c2;}
.sale-method small {font-weight:600;}.sale-method strong {font-size:24px;}
.sale-modal .mmc-total {background:#edf8f6 !important;border-color:#bfe5dc !important;}.sale-modal .mmc-total h1 {color:#087b68;}
.segmented-control {display:inline-flex;gap:4px;padding:5px;background:#eaf0f8;border-radius:12px;margin:0 0 24px;max-width:100%;}
.segmented-control a {display:flex;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 20px;color:#5a6e87;border-radius:9px;text-decoration:none;font-size:12px;font-weight:600;transition:background-color 200ms ease,box-shadow 200ms ease,color 200ms ease;}
.segmented-control a.active {background:#fff;color:#2851bd;box-shadow:0 2px 8px #18203310;}.segmented-control a:hover {color:#2851bd;background:#f8faff;}
.inventory-anomaly {display:flex;gap:10px;align-items:center;padding:14px 0;color:#8a590a;border-top:1px solid #f0dfbe;border-bottom:1px solid #f0dfbe;margin-bottom:20px;font-size:13px;}.inventory-anomaly a {margin-left:auto;color:#825409;white-space:nowrap;}
.inventory-table {min-width:1300px !important;}.inventory-total {font-weight:700;color:#253c60;}.inventory-table th:nth-child(5),.inventory-table th:nth-child(6),.inventory-table th:nth-child(7),.inventory-table th:nth-child(8) {text-align:right;}
.batch-link {background:#edf3ff;color:#2851bd;text-decoration:none;}.fefo-label {color:#087b7b;font-size:10px;font-weight:600;margin-top:5px;}
.medicine-filter-actions {display:flex;gap:6px;flex-wrap:wrap;}.medicine-filter-actions .btn {padding:8px;min-width:34px;}
.product-overview {padding:4px 0 24px;margin-bottom:24px;border-bottom:1px solid #e1e7f0;}.product-overview header {display:flex;justify-content:space-between;gap:20px;align-items:center;}.product-overview h5 {font-size:21px;margin:6px 0 10px;font-weight:700;}.product-code {font-size:12px;color:#718096;}
.product-overview dl {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0 0;}.product-overview dt {font-size:12px;color:#718096;font-weight:400;}.product-overview dd {font-size:23px;font-weight:600;margin:8px 0 0;overflow-wrap:anywhere;}.product-overview dd small {font-size:12px;color:#718096;}
.empty-state {display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 20px;white-space:normal;color:#718096;}.empty-state > .bi {font-size:28px;color:#9caec5;}.empty-state strong {color:#465c79;font-size:14px;}.empty-state span {font-size:12px;}
.mmc-toast-stack {position:fixed;right:22px;top:90px;width:360px;max-width:calc(100vw - 32px);z-index:1090;display:grid;gap:10px;pointer-events:none;}
.mmc-toast-stack .mmc-notification {pointer-events:auto;background:#fff;border:1px solid #e1e7f0;border-left:4px solid #3867e8;border-radius:12px;box-shadow:0 10px 30px #18203317;padding:16px 42px 16px 16px;margin:0;display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#273c57;animation:mmc-toast-in 220ms ease both;}
.mmc-toast-stack .alert-success {border-left-color:#088557;}.mmc-toast-stack .alert-danger {border-left-color:#d82b3b;}.mmc-toast-stack .alert-warning {border-left-color:#c68108;}.mmc-toast-stack .alert-info {border-left-color:#0b8585;}
.mmc-toast-stack .toast-icon {font-size:18px;color:#3867e8;}.alert-success .toast-icon {color:#088557;}.alert-danger .toast-icon {color:#d82b3b;}.alert-warning .toast-icon {color:#c68108;}
.mmc-toast-stack .mmc-notification.is-leaving {animation:mmc-toast-out 180ms ease both;}.mmc-toast-stack .btn-close {top:18px;}
@keyframes mmc-toast-in {from {opacity:0;transform:translateX(12px);}to {opacity:1;transform:none;}}
@keyframes mmc-toast-out {to {opacity:0;transform:translateX(12px);}}
@media(max-width:991.98px) {.summary-cols-3,.summary-cols-4,.summary-cols-5 {grid-template-columns:repeat(2,minmax(0,1fr));}.product-overview dl {grid-template-columns:repeat(2,minmax(0,1fr));}.summary-value {font-size:24px;}}
@media(max-width:575.98px) {.summary-grid,.chart-grid {grid-template-columns:1fr;}.summary-card {min-height:130px;}.summary-value {font-size:27px;}.segmented-control {display:flex;}.segmented-control a {flex:1;padding:10px 8px;gap:5px;font-size:11px;}.inventory-anomaly {flex-wrap:wrap;}.inventory-anomaly a {margin-left:24px;}.mmc-toast-stack {right:16px;top:84px;}.page-header h4 {font-size:21px;}.product-overview dd {font-size:19px;}}
@media(prefers-reduced-motion:reduce) {.btn:hover,.btn:active,.summary-card:hover {transform:none;}}
@media print {.segmented-control,.mmc-toast-stack {display:none !important;}}
.opname-create-form {max-width:1000px;margin:auto;}.opname-form-actions {display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:24px 0;border-top:1px solid #e1e7f0;margin-top:24px;}
.opname-count-table {min-width:1350px;}.opname-count-table .op-physical {width:110px;}.opname-count-table td:nth-child(8) {min-width:250px;}.mmc-page-stok_opname .table-card table {min-width:950px;}