/*
 * Modern skins: "Modern Clean", "Dark Mode" and "Two Sister" (brand).
 * Loaded after styles.css only when one of them is selected; the <body>
 * carries skin-<name> plus the shared "skin-mc" class, so every rule below
 * is scoped to .skin-mc and reads its colours from the variables set per
 * skin at the top. To retune a skin, change only its variable block.
 */

body.skin-modern,
body.skin-brand,
body.skin-modern-dark {
    --mc-bg: #f4f6f9;          /* page background */
    --mc-surface: #ffffff;     /* cards, header, sidebar */
    --mc-surface-2: #f8fafc;   /* table heads, hovered rows, inputs */
    --mc-border: #e5e7eb;
    --mc-text: #1f2937;
    --mc-muted: #6b7280;
    --mc-accent: #2563eb;      /* primary buttons, active menu, links */
    --mc-accent-soft: #eff4ff; /* active menu / chip background */
    --mc-accent-text: #ffffff; /* text on --mc-accent */
    --mc-success: #16a34a;
    --mc-warning: #f59e0b;
    --mc-danger: #dc2626;
    --mc-info: #0891b2;
    --mc-purple: #7c3aed;
    --mc-navy: #334155;
    --mc-radius: 12px;
    --mc-radius-sm: 8px;
    --mc-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .08);
    --mc-shadow-lg: 0 10px 30px rgba(16, 24, 40, .12);
}

/* Two Sister brand: rose accent on a warm white. */
body.skin-brand {
    --mc-bg: #fbf6f8;
    --mc-surface-2: #fdf2f6;
    --mc-border: #f1e1e8;
    --mc-text: #2d1f26;
    --mc-muted: #8a6f7b;
    --mc-accent: #c2185b;
    --mc-accent-soft: #fce4ee;
}

body.skin-modern-dark {
    --mc-bg: #0f1115;
    --mc-surface: #181b22;
    --mc-surface-2: #1f232c;
    --mc-border: #2b303b;
    --mc-text: #e5e7eb;
    --mc-muted: #9aa3b2;
    --mc-accent: #3b82f6;
    --mc-accent-soft: #1e2a44;
    --mc-success: #22c55e;
    --mc-warning: #f59e0b;
    --mc-danger: #ef4444;
    --mc-info: #06b6d4;
    --mc-purple: #8b5cf6;
    --mc-navy: #475569;
    --mc-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    --mc-shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);
    color-scheme: dark;
}

/* ---------- Page ---------- */
.skin-mc,
.skin-mc .wrapper,
.skin-mc .content-wrapper,
.skin-mc .right-side,
.skin-mc .main-footer {
    background: var(--mc-bg) !important;
    color: var(--mc-text);
}
.skin-mc a { color: var(--mc-accent); }
.skin-mc .text-muted,
.skin-mc .help-block { color: var(--mc-muted) !important; }
.skin-mc hr { border-color: var(--mc-border); }
.skin-mc .main-footer { border-top: 1px solid var(--mc-border); }

/* ---------- Header ---------- */
.skin-mc .main-header .navbar,
.skin-mc .main-header .logo {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border-bottom: 1px solid var(--mc-border);
    box-shadow: none;
}
.skin-mc .main-header .logo { border-right: 1px solid var(--mc-border); font-weight: 700; }
.skin-mc .main-header .navbar .nav > li > a,
.skin-mc .main-header .navbar .sidebar-toggle,
.skin-mc .main-header .navbar .navbar-custom-menu a {
    color: var(--mc-muted) !important;
    background: transparent !important;
    border: 0 !important;
}
.skin-mc .main-header .navbar .nav > li > a:hover,
.skin-mc .main-header .navbar .nav .open > a,
.skin-mc .main-header .navbar .sidebar-toggle:hover {
    color: var(--mc-accent) !important;
    background: var(--mc-accent-soft) !important;
}
.skin-mc .main-header .navbar .nav > li > a > .label {
    border-radius: 999px;
}

/* ---------- Sidebar ---------- */
.skin-mc .main-sidebar,
.skin-mc .left-side {
    background: var(--mc-surface) !important;
    border-right: 1px solid var(--mc-border);
    box-shadow: none;
}
.skin-mc .sidebar-menu > li > a,
.skin-mc .sidebar a {
    color: var(--mc-muted) !important;
    border-left: 0 !important;
}
.skin-mc .sidebar-menu > li {
    margin: 2px 8px;
}
.skin-mc .sidebar-menu > li > a {
    border-radius: var(--mc-radius-sm);
    font-weight: 600;
}
.skin-mc .sidebar-menu > li:hover > a,
.skin-mc .sidebar-menu > li.active > a,
.skin-mc .sidebar-menu > li.menu-open > a {
    color: var(--mc-accent) !important;
    background: var(--mc-accent-soft) !important;
}
.skin-mc .sidebar-menu > li > .treeview-menu {
    background: transparent !important;
    margin: 2px 0 4px;
    padding-left: 6px;
}
.skin-mc .treeview-menu > li > a {
    color: var(--mc-muted) !important;
    border-radius: var(--mc-radius-sm);
}
.skin-mc .treeview-menu > li.active > a,
.skin-mc .treeview-menu > li > a:hover {
    color: var(--mc-text) !important;
    background: var(--mc-surface-2) !important;
}
.skin-mc .sidebar-menu > li.header {
    color: var(--mc-muted) !important;
    background: transparent !important;
}
/* Collapsed (icon-only) sidebar: keep items square-ish and centred. */
.skin-mc.sidebar-collapse .sidebar-menu > li { margin: 2px 4px; }
.skin-mc.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.skin-mc.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border: 1px solid var(--mc-border);
    box-shadow: var(--mc-shadow-lg);
}

/* ---------- Page title / breadcrumb ---------- */
.skin-mc .content-header,
.skin-mc .content-header > h1 {
    background: transparent !important;
    color: var(--mc-text) !important;
}
.skin-mc .content-header > h1 { font-weight: 700; }
.skin-mc .content-header > .breadcrumb,
.skin-mc .breadcrumb {
    background: transparent !important;
}
.skin-mc .breadcrumb > li,
.skin-mc .breadcrumb > li > a { color: var(--mc-muted) !important; }

/* ---------- Cards ---------- */
.skin-mc .box,
.skin-mc .panel,
.skin-mc .well,
.skin-mc .info-box,
.skin-mc .small-box,
.skin-mc .nav-tabs-custom,
.skin-mc .list-group-item,
.skin-mc .thumbnail {
    background: var(--mc-surface) !important;
    color: var(--mc-text);
    border: 1px solid var(--mc-border) !important;
    border-radius: var(--mc-radius) !important;
    box-shadow: var(--mc-shadow) !important;
}
.skin-mc .box { border-top-width: 1px !important; }
.skin-mc .box.box-primary,
.skin-mc .box.box-info,
.skin-mc .box.box-success,
.skin-mc .box.box-warning,
.skin-mc .box.box-danger { border-top-color: var(--mc-border) !important; }
.skin-mc .box-header,
.skin-mc .panel-heading,
.skin-mc .box-footer,
.skin-mc .panel-footer {
    background: transparent !important;
    color: var(--mc-text) !important;
    border-color: var(--mc-border) !important;
}
.skin-mc .box-header.with-border { border-bottom: 1px solid var(--mc-border) !important; }
.skin-mc .box-title,
.skin-mc .box-header .box-title { font-weight: 700; color: var(--mc-text); }
.skin-mc .box-body,
.skin-mc .panel-body { background: transparent !important; color: var(--mc-text); }

/* ---------- Buttons ---------- */
.skin-mc .btn,
.skin-mc .btn-flat {
    border-radius: var(--mc-radius-sm) !important;
    font-weight: 600;
    box-shadow: none;
    transition: background-color .15s, box-shadow .15s, transform .05s;
}
.skin-mc .btn:active { transform: translateY(1px); }
.skin-mc .btn-default,
.skin-mc .btn-app {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border: 1px solid var(--mc-border) !important;
}
.skin-mc .btn-default:hover,
.skin-mc .btn-app:hover {
    background: var(--mc-surface-2) !important;
    border-color: var(--mc-accent) !important;
    color: var(--mc-accent) !important;
}
.skin-mc .btn-app { border-radius: var(--mc-radius) !important; box-shadow: var(--mc-shadow); }
.skin-mc .btn-app > .fa { color: var(--mc-accent); }
.skin-mc .btn-primary,
.skin-mc .bg-primary { background: var(--mc-accent) !important; border-color: var(--mc-accent) !important; color: var(--mc-accent-text) !important; }
.skin-mc .btn-success,
.skin-mc .bg-green { background: var(--mc-success) !important; border-color: var(--mc-success) !important; color: #fff !important; }
.skin-mc .btn-warning,
.skin-mc .bg-yellow { background: var(--mc-warning) !important; border-color: var(--mc-warning) !important; color: #fff !important; }
.skin-mc .btn-danger,
.skin-mc .bg-red { background: var(--mc-danger) !important; border-color: var(--mc-danger) !important; color: #fff !important; }
.skin-mc .btn-info,
.skin-mc .bg-aqua { background: var(--mc-info) !important; border-color: var(--mc-info) !important; color: #fff !important; }
.skin-mc .bg-purple { background: var(--mc-purple) !important; border-color: var(--mc-purple) !important; color: #fff !important; }
.skin-mc .bg-navy { background: var(--mc-navy) !important; border-color: var(--mc-navy) !important; color: #fff !important; }
.skin-mc .btn-primary:hover,
.skin-mc .btn-success:hover,
.skin-mc .btn-warning:hover,
.skin-mc .btn-danger:hover,
.skin-mc .btn-info:hover,
.skin-mc .btn.bg-purple:hover,
.skin-mc .btn.bg-navy:hover { filter: brightness(1.08); box-shadow: var(--mc-shadow); }

/* ---------- Forms ---------- */
.skin-mc .form-control,
.skin-mc input[type=text],
.skin-mc input[type=number],
.skin-mc input[type=email],
.skin-mc input[type=password],
.skin-mc input[type=search],
.skin-mc input[type=date],
.skin-mc select,
.skin-mc textarea,
.skin-mc .select2-container--default .select2-selection--single,
.skin-mc .select2-container--default .select2-selection--multiple {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border: 1px solid var(--mc-border) !important;
    border-radius: var(--mc-radius-sm) !important;
    box-shadow: none !important;
}
.skin-mc .form-control:focus,
.skin-mc input:focus,
.skin-mc select:focus,
.skin-mc textarea:focus,
.skin-mc .select2-container--default.select2-container--focus .select2-selection,
.skin-mc .select2-container--default.select2-container--open .select2-selection {
    border-color: var(--mc-accent) !important;
    box-shadow: 0 0 0 3px var(--mc-accent-soft) !important;
    outline: 0;
}
.skin-mc .form-control::placeholder,
.skin-mc input::placeholder { color: var(--mc-muted) !important; opacity: 1; }
.skin-mc .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--mc-text) !important; }
.skin-mc .input-group-addon {
    background: var(--mc-surface-2) !important;
    color: var(--mc-muted) !important;
    border-color: var(--mc-border) !important;
}
.skin-mc .input-group .form-control:not(:first-child),
.skin-mc .input-group-addon:not(:first-child),
.skin-mc .input-group-btn:not(:first-child) > .btn { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.skin-mc .input-group .form-control:not(:last-child),
.skin-mc .input-group-addon:not(:last-child),
.skin-mc .input-group-btn:not(:last-child) > .btn { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.skin-mc label { color: var(--mc-text); font-weight: 600; }

/* Dropdown lists (select2, menus, autocomplete, datepicker) */
.skin-mc .select2-dropdown,
.skin-mc .dropdown-menu,
.skin-mc .ui-autocomplete,
.skin-mc .datepicker,
.skin-mc .popover {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border: 1px solid var(--mc-border) !important;
    border-radius: var(--mc-radius-sm) !important;
    box-shadow: var(--mc-shadow-lg) !important;
    overflow: hidden;
}
.skin-mc .dropdown-menu > li > a,
.skin-mc .ui-autocomplete .ui-menu-item,
.skin-mc .ui-autocomplete .ui-menu-item a { color: var(--mc-text) !important; }
.skin-mc .dropdown-menu > li > a:hover,
.skin-mc .ui-autocomplete .ui-state-focus,
.skin-mc .ui-autocomplete .ui-state-active,
.skin-mc .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--mc-accent-soft) !important;
    color: var(--mc-accent) !important;
    border-color: transparent !important;
}
.skin-mc .select2-container--default .select2-results__option[aria-selected=true] {
    background: var(--mc-surface-2) !important;
    color: var(--mc-text) !important;
}
.skin-mc .select2-search--dropdown .select2-search__field { border-radius: var(--mc-radius-sm) !important; }

/* ---------- Tables ---------- */
.skin-mc .table,
.skin-mc table.dataTable { color: var(--mc-text); background: transparent !important; }
.skin-mc .table > thead > tr > th,
.skin-mc table.dataTable thead th,
.skin-mc .table > tfoot > tr > th,
.skin-mc .table > tfoot > tr > td {
    background: var(--mc-surface-2) !important;
    color: var(--mc-muted) !important;
    font-weight: 700;
    border-color: var(--mc-border) !important;
}
.skin-mc .table > tbody > tr > td,
.skin-mc .table > tbody > tr > th,
.skin-mc .table-bordered,
.skin-mc .table-bordered > thead > tr > th,
.skin-mc .table-bordered > tbody > tr > td,
.skin-mc .table-bordered > tfoot > tr > th {
    border-color: var(--mc-border) !important;
}
.skin-mc .table > tbody > tr,
.skin-mc .table > tbody > tr > td { background: transparent !important; }
.skin-mc .table-striped > tbody > tr:nth-of-type(odd) > td { background: var(--mc-surface-2) !important; }
.skin-mc .table-hover > tbody > tr:hover > td { background: var(--mc-accent-soft) !important; }
.skin-mc .dataTables_wrapper .dataTables_info,
.skin-mc .dataTables_wrapper .dataTables_length,
.skin-mc .dataTables_wrapper .dataTables_filter { color: var(--mc-muted) !important; }
.skin-mc .pagination > li > a,
.skin-mc .pagination > li > span {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border-color: var(--mc-border) !important;
    margin: 0 2px;
    border-radius: var(--mc-radius-sm) !important;
}
.skin-mc .pagination > .active > a,
.skin-mc .pagination > .active > span {
    background: var(--mc-accent) !important;
    border-color: var(--mc-accent) !important;
    color: var(--mc-accent-text) !important;
}
.skin-mc .label { border-radius: 999px; padding: .25em .7em; }

/* ---------- Modals, alerts, tabs ---------- */
.skin-mc .modal-content {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border: 1px solid var(--mc-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--mc-shadow-lg) !important;
    overflow: hidden;
}
.skin-mc .modal-header,
.skin-mc .modal-footer {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border-color: var(--mc-border) !important;
}
.skin-mc .modal-title { font-weight: 700; }
.skin-mc .close { color: var(--mc-muted) !important; text-shadow: none; opacity: .8; }
.skin-mc .alert { border-radius: var(--mc-radius) !important; border: 0 !important; }
.skin-mc .nav-tabs { border-color: var(--mc-border) !important; }
.skin-mc .nav-tabs > li > a { color: var(--mc-muted) !important; border-radius: var(--mc-radius-sm) var(--mc-radius-sm) 0 0; }
.skin-mc .nav-tabs > li.active > a,
.skin-mc .nav-tabs-custom > .nav-tabs > li.active > a {
    background: var(--mc-surface) !important;
    color: var(--mc-accent) !important;
    border-color: var(--mc-border) var(--mc-border) transparent !important;
}
.skin-mc .nav-tabs-custom > .nav-tabs > li.active { border-top-color: var(--mc-accent) !important; }
.skin-mc .nav-tabs-custom > .tab-content { background: transparent !important; }

/* ---------- Login page ---------- */
.skin-mc.app-login,
.skin-mc .login-page { background: var(--mc-bg) !important; }
.skin-mc .login-box-body {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border: 1px solid var(--mc-border);
    border-radius: 18px !important;
    box-shadow: var(--mc-shadow-lg) !important;
}
.skin-mc .login-logo,
.skin-mc .login-logo a,
.skin-mc .login-box-msg { color: var(--mc-text) !important; }

/* ================= POS screen ================= */
.skin-mc.pos .content-wrapper,
.skin-mc.pos #pos,
.skin-mc.pos #right-col,
.skin-mc.pos #item-list,
.skin-mc.pos .items { background: transparent !important; }

/* Cart panel */
.skin-mc #leftdiv {
    background: var(--mc-surface) !important;
    border: 1px solid var(--mc-border) !important;
    border-radius: var(--mc-radius) !important;
    box-shadow: var(--mc-shadow) !important;
}
.skin-mc #lefttop,
.skin-mc #printhead,
.skin-mc #totaldiv,
.skin-mc #botbuttons { background: transparent !important; }
.skin-mc #posTable > thead > tr > th,
.skin-mc #posTable thead th {
    background: var(--mc-surface-2) !important;
    color: var(--mc-muted) !important;
    border: 0 !important;
}
.skin-mc #posTable > thead > tr > th:first-child { border-radius: var(--mc-radius-sm) 0 0 var(--mc-radius-sm); }
.skin-mc #posTable > thead > tr > th:last-child { border-radius: 0 var(--mc-radius-sm) var(--mc-radius-sm) 0; }
.skin-mc #posTable > tbody > tr > td { border-color: var(--mc-border) !important; color: var(--mc-text) !important; }
.skin-mc #totaltbl,
.skin-mc #totaltbl td,
.skin-mc #totaltbl th,
.skin-mc #totaltbl tr {
    background: transparent !important;
    color: var(--mc-text) !important;
    border-color: var(--mc-border) !important;
}
.skin-mc #totaltbl tr:last-child td {
    background: var(--mc-accent-soft) !important;
    color: var(--mc-accent) !important;
    font-size: 1.1em;
}
.skin-mc #totaltbl tr:last-child td:first-child { border-radius: var(--mc-radius-sm) 0 0 var(--mc-radius-sm); }
.skin-mc #totaltbl tr:last-child td:last-child { border-radius: 0 var(--mc-radius-sm) var(--mc-radius-sm) 0; }
.skin-mc #totaltbl a { color: var(--mc-accent) !important; }

/* Clear / Hold / Payment */
.skin-mc #botbuttons .btn {
    border-radius: var(--mc-radius) !important;
    font-size: 16px;
    letter-spacing: .02em;
    box-shadow: var(--mc-shadow);
    border: 0 !important;
}
.skin-mc #botbuttons #reset { background: var(--mc-surface-2) !important; color: var(--mc-danger) !important; box-shadow: inset 0 0 0 1px var(--mc-border); }
.skin-mc #botbuttons #suspend { background: var(--mc-surface-2) !important; color: var(--mc-text) !important; box-shadow: inset 0 0 0 1px var(--mc-border); }
.skin-mc #botbuttons #payment,
.skin-mc #botbuttons #submit-sale { background: var(--mc-accent) !important; color: var(--mc-accent-text) !important; }

/* Category chips */
.skin-mc #category-bar { background: transparent !important; border: 0 !important; }
.skin-mc #category-bar .cat-chip {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border: 1px solid var(--mc-border) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-weight: 600;
}
.skin-mc #category-bar .cat-chip:hover { border-color: var(--mc-accent) !important; color: var(--mc-accent) !important; }
.skin-mc #category-bar .cat-chip.active {
    background: var(--mc-accent) !important;
    border-color: var(--mc-accent) !important;
    color: var(--mc-accent-text) !important;
}
.skin-mc #category-bar .cat-chip img { border-radius: 999px; }

/* Product tiles */
.skin-mc #item-list .product,
.skin-mc .btn-both.product,
.skin-mc .btn-img.product,
.skin-mc .btn-name.product {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border: 1px solid var(--mc-border) !important;
    border-radius: var(--mc-radius) !important;
    box-shadow: var(--mc-shadow) !important;
    overflow: hidden;
    font-weight: 600;
}
.skin-mc #item-list .product:hover {
    border-color: var(--mc-accent) !important;
    box-shadow: 0 0 0 3px var(--mc-accent-soft), var(--mc-shadow) !important;
}
.skin-mc #item-list .product img { border-radius: var(--mc-radius-sm); }
.skin-mc #item-list .product .bg-img { background: var(--mc-surface-2) !important; border-radius: var(--mc-radius-sm); }
.skin-mc #item-list .product span:not(.bg-img) { color: var(--mc-text) !important; background: transparent !important; }

/* On-screen keyboard */
.skin-mc .ui-keyboard {
    background: var(--mc-surface) !important;
    border: 1px solid var(--mc-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--mc-shadow-lg) !important;
}
.skin-mc .ui-keyboard-button {
    background: var(--mc-surface-2) !important;
    color: var(--mc-text) !important;
    border: 1px solid var(--mc-border) !important;
    border-radius: var(--mc-radius-sm) !important;
    box-shadow: none !important;
}
.skin-mc .ui-keyboard-button:hover { border-color: var(--mc-accent) !important; color: var(--mc-accent) !important; }
.skin-mc .ui-keyboard-button.ui-keyboard-accept { background: var(--mc-accent) !important; color: var(--mc-accent-text) !important; }

/* Scrollbars */
.skin-mc ::-webkit-scrollbar { width: 10px; height: 10px; }
.skin-mc ::-webkit-scrollbar-thumb { background: var(--mc-border); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
.skin-mc ::-webkit-scrollbar-track { background: transparent; }

/* Coloured AdminLTE dialogs (payment uses .modal-success): plain card look. */
.skin-mc .modal-primary .modal-body, .skin-mc .modal-primary .modal-header, .skin-mc .modal-primary .modal-footer,
.skin-mc .modal-success .modal-body, .skin-mc .modal-success .modal-header, .skin-mc .modal-success .modal-footer,
.skin-mc .modal-info .modal-body, .skin-mc .modal-info .modal-header, .skin-mc .modal-info .modal-footer,
.skin-mc .modal-warning .modal-body, .skin-mc .modal-warning .modal-header, .skin-mc .modal-warning .modal-footer,
.skin-mc .modal-danger .modal-body, .skin-mc .modal-danger .modal-header, .skin-mc .modal-danger .modal-footer {
    background: var(--mc-surface) !important;
    color: var(--mc-text) !important;
    border-color: var(--mc-border) !important;
}
.skin-mc .modal-body .table,
.skin-mc .modal-body .table td,
.skin-mc .modal-body .table th { border-color: var(--mc-border) !important; color: var(--mc-text) !important; }
.skin-mc #payModal .modal-body .table { background: var(--mc-surface-2) !important; border-radius: var(--mc-radius-sm); }

/* Payment: quick cash notes as neutral keys, the exact amount in the accent. */
.skin-mc .quick-cash {
    background: var(--mc-surface-2) !important;
    color: var(--mc-text) !important;
    border: 1px solid var(--mc-border) !important;
    font-size: 16px;
    margin-bottom: 6px !important;
}
.skin-mc .quick-cash:hover { border-color: var(--mc-accent) !important; color: var(--mc-accent) !important; }
.skin-mc #quick-payable { background: var(--mc-accent) !important; border-color: var(--mc-accent) !important; color: var(--mc-accent-text) !important; }
.skin-mc .quick-cash + .btn-danger,
.skin-mc #clear-cash-notes { background: transparent !important; color: var(--mc-danger) !important; border: 1px solid var(--mc-border) !important; }

/* Space between product tiles so each reads as its own card. */
.skin-mc #item-list .product { margin: 0 6px 8px 0 !important; }