/* ==========================================================================
   ENTEGRA - Tabler UI layer
   --------------------------------------------------------------------------
   Single owner for the system-wide Tabler *look*: typeface, buttons, tables,
   dropdown panels, thumbnails, scrollbars.

   Loaded LAST by both runtimes:
     - Dashboard  : layouts/entegra/app.blade.php   (body.entegra-tabler)
     - Legacy     : layouts/partials/css.blade.php  (body.entegra-tabler-skin)

   Scoping rule, and it matters:
     * The @font-face + typeface block is UNSCOPED, so both runtimes render in
       the same face.
     * Everything else is scoped to `.entegra-tabler-skin`, i.e. the legacy
       Bootstrap 3 / AdminLTE runtime only. The Dashboard already loads real
       Tabler; overriding it there would replace the genuine article with an
       approximation of itself.
     * The POS screen (`body.lockscreen`) is excluded from the button rules -
       its controls are sized for touch and are not ours to shrink.

   What this file does NOT do: it changes no markup, no DataTables option, no
   JavaScript. Sorting, searching, paging, export and column visibility keep
   working exactly as they do today.

   Values are lifted from the Tabler build this app already ships
   (public/vendor/tabler/dist/css/tabler.min.css), not eyeballed.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. TYPEFACE  (unscoped - both runtimes)

   Tabler asks for Inter in --tblr-font-sans-serif, and this app's Tailwind
   build already names Inter in .tw-font-sans. Nobody ever shipped the font,
   so both runtimes silently fell through to the system UI face. Self-hosted
   variable font, latin + latin-ext only (latin-ext carries ğ ş İ ı).
   -------------------------------------------------------------------------- */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Deliberately not scoped to a body class. The auth screens (auth_erp,
   auth, auth2) and the installer carry no `entegra-shell`, so a scoped rule
   would have skipped exactly the pages a user sees first. This file is only
   linked from layouts we own, so an unscoped rule stays contained. */
body,
.content-wrapper, .box, .modal, .panel, .card,
h1, h2, h3, h4, h5, h6,
.btn, .tw-dw-btn, .dt-buttons > a,
input, select, textarea, button, table {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}

/* Icon fonts declare their own family and inherit nothing from the rule above,
   so they need no help - but they DO need protecting from it. The selectors
   below restate each icon family explicitly; do not replace them with
   `font-family: inherit`, which is what actually breaks the icons. */
[class^="ti-"], [class*=" ti-"] { font-family: 'tabler-icons' !important; }
.glyphicon { font-family: 'Glyphicons Halflings' !important; }


/* --------------------------------------------------------------------------
   2. TOKENS  (legacy runtime)
   Mirrors of the --tblr-* values in the shipped Tabler build.
   -------------------------------------------------------------------------- */

.entegra-tabler-skin {
  --et-primary:        #066fd1;
  --et-primary-darken: #055ab0;
  --et-primary-soft:   #e7f0fb;

  --et-ink:            #1f2937;
  --et-muted:          #6b7280;
  --et-border:         #e5e7eb;
  --et-border-strong:  #d4d9e0;
  --et-surface:        #ffffff;
  --et-surface-2:      #f8fafc;
  --et-hover:          rgba(31, 41, 55, .045);

  --et-danger:         #d63939;
  --et-danger-soft:    #fbeaea;

  --et-radius-sm:      4px;
  --et-radius:         6px;
  --et-radius-lg:      8px;

  --et-shadow-input:   0 1px 1px rgba(31, 41, 55, .06);
  --et-shadow-drop:    0 16px 24px 2px rgba(0, 0, 0, .07),
                       0 6px 30px 5px rgba(0, 0, 0, .06),
                       0 8px 10px -5px rgba(0, 0, 0, .1);
}


/* --------------------------------------------------------------------------
   3. BUTTONS  (legacy runtime, POS excluded)

   Three button vocabularies coexist in this app: Bootstrap 3 (.btn), DaisyUI
   (.tw-dw-btn, written by hand into blades) and DataTables Buttons
   (.dt-button, defined once in public/js/common.js). They are collapsed here
   onto one Tabler-shaped button so a screen stops looking assembled.
   -------------------------------------------------------------------------- */

.entegra-tabler-skin:not(.lockscreen) .btn,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn,
.entegra-tabler-skin:not(.lockscreen) .dt-buttons > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .375rem;
  /* DaisyUI pins an explicit height on .tw-dw-btn (3rem) and .tw-dw-btn-xs
     (1.5rem); a fixed height beats padding, so both have to be released
     before the Tabler geometry below can take effect. */
  height: auto;
  min-height: 0;
  padding: .5625rem 1rem;
  border: 1px solid var(--et-border-strong);
  border-radius: var(--et-radius);
  background: var(--et-surface);
  background-image: none;
  color: var(--et-ink);
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  box-shadow: var(--et-shadow-input);
  transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

.entegra-tabler-skin:not(.lockscreen) .btn:hover,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn:hover,
.entegra-tabler-skin:not(.lockscreen) .dt-buttons > a:hover {
  background: var(--et-surface-2);
  border-color: #c3cad3;
  color: var(--et-ink);
}

.entegra-tabler-skin:not(.lockscreen) .btn:focus-visible,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn:focus-visible,
.entegra-tabler-skin:not(.lockscreen) .dt-buttons > a:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(6, 111, 209, .25);
}

.entegra-tabler-skin:not(.lockscreen) .btn[disabled],
.entegra-tabler-skin:not(.lockscreen) .btn.disabled,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn[disabled],
.entegra-tabler-skin:not(.lockscreen) .dt-buttons > a.disabled {
  opacity: .4;
  box-shadow: none;
}

/* Sizes - Tabler's own .btn-sm / .btn-lg values. */
.entegra-tabler-skin:not(.lockscreen) .btn-xs,
.entegra-tabler-skin:not(.lockscreen) .btn-sm {
  padding: .3125rem .5rem;
  font-size: .75rem;
  border-radius: var(--et-radius-sm);
}
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-xs,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-sm {
  height: auto;
  min-height: 0;
  padding: .5625rem 1rem;
  font-size: .875rem;
  line-height: 1.25rem;
}
.entegra-tabler-skin:not(.lockscreen) .btn-lg,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-lg {
  padding: .6875rem 1.5rem;
  font-size: 1rem;
  border-radius: var(--et-radius-lg);
}

/* --- Standard Buttons ---------------------------------------------------
   Tabler's filled set. These are the system's buttons; the outline, ghost,
   pill and square sets are deliberately not implemented, so a stray
   `.tw-dw-btn-outline` in a blade lands on the filled swatch instead of
   introducing a fourth button language. */
.entegra-tabler-skin:not(.lockscreen) .btn-primary,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-primary {
  background: #066fd1;
  border-color: #066fd1;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-primary:hover,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-primary:hover {
  background: #0564bc;
  border-color: #0564bc;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-secondary,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-secondary {
  background: #6b7280;
  border-color: #6b7280;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-secondary:hover,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-secondary:hover {
  background: #606773;
  border-color: #606773;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-success,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-success {
  background: #2fb344;
  border-color: #2fb344;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-success:hover,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-success:hover {
  background: #2aa13d;
  border-color: #2aa13d;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-warning,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-warning {
  background: #f59f00;
  border-color: #f59f00;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-warning:hover,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-warning:hover {
  background: #dc8f00;
  border-color: #dc8f00;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-danger,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-error {
  background: #d63939;
  border-color: #d63939;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-danger:hover,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-error:hover {
  background: #c13333;
  border-color: #c13333;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-info,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-info {
  background: #4299e1;
  border-color: #4299e1;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-info:hover,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-info:hover {
  background: #3b8aca;
  border-color: #3b8aca;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-dark,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-neutral {
  background: #1f2937;
  border-color: #1f2937;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-dark:hover,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-neutral:hover {
  background: #1c2532;
  border-color: #1c2532;
  color: #fff;
}
.entegra-tabler-skin:not(.lockscreen) .btn-light,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-ghost {
  background: #f9fafb;
  border-color: #e5e7eb;
  color: #1f2937;
}
.entegra-tabler-skin:not(.lockscreen) .btn-light:hover,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-ghost:hover {
  background: #e0e1e2;
  border-color: #d4d9e0;
  color: #1f2937;
}

/* --- Extra colors -------------------------------------------------------
   Available for anything that needs a swatch outside the semantic eight. */
.entegra-tabler-skin:not(.lockscreen) .btn-blue { background: #066fd1; border-color: #066fd1; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-blue:hover { background: #0564bc; border-color: #0564bc; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-azure { background: #4299e1; border-color: #4299e1; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-azure:hover { background: #3b8aca; border-color: #3b8aca; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-indigo { background: #4263eb; border-color: #4263eb; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-indigo:hover { background: #3b59d4; border-color: #3b59d4; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-purple { background: #ae3ec9; border-color: #ae3ec9; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-purple:hover { background: #9d38b5; border-color: #9d38b5; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-pink { background: #d6336c; border-color: #d6336c; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-pink:hover { background: #c12e61; border-color: #c12e61; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-red { background: #d63939; border-color: #d63939; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-red:hover { background: #c13333; border-color: #c13333; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-orange { background: #f76707; border-color: #f76707; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-orange:hover { background: #de5d06; border-color: #de5d06; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-yellow { background: #f59f00; border-color: #f59f00; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-yellow:hover { background: #dc8f00; border-color: #dc8f00; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-lime { background: #74b816; border-color: #74b816; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-lime:hover { background: #68a614; border-color: #68a614; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-green { background: #2fb344; border-color: #2fb344; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-green:hover { background: #2aa13d; border-color: #2aa13d; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-teal,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-accent { background: #0ca678; border-color: #0ca678; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-teal:hover,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-accent:hover { background: #0b956c; border-color: #0b956c; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-cyan { background: #17a2b8; border-color: #17a2b8; color: #fff; }
.entegra-tabler-skin:not(.lockscreen) .btn-cyan:hover { background: #1592a6; border-color: #1592a6; color: #fff; }

/* --- Buttons with icon --------------------------------------------------
   The base rule already sets `display:inline-flex; gap:.375rem`, which is what
   spaces an icon from its label. `.btn-icon` is the icon-only square. */
/* vendor.css already sizes .btn-icon and does it with `min-width`, which wins
   over a plain `width`. Both are set here so the square always matches the
   height a text button computes to: .5625rem padding x2 + 1.25rem line-height
   + 2 borders = 2.5rem. */
.entegra-tabler-skin:not(.lockscreen) .btn-icon {
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  padding-left: 0;
  padding-right: 0;
}
.entegra-tabler-skin:not(.lockscreen) .btn-icon.btn-sm,
.entegra-tabler-skin:not(.lockscreen) .btn-icon.btn-xs {
  width: 1.875rem;
  min-width: 1.875rem;
  height: 1.875rem;
}
.entegra-tabler-skin:not(.lockscreen) .btn svg,
.entegra-tabler-skin:not(.lockscreen) .tw-dw-btn svg,
.entegra-tabler-skin:not(.lockscreen) .dt-buttons > a svg { width: 1.15em; height: 1.15em; flex: 0 0 auto; }

/* Hand-written gradient pills in the blades (Ekle / Download Excel). The
   gradient is a Tailwind background-image, so it has to be cleared as one. */
.entegra-tabler-skin .tw-dw-btn.tw-bg-gradient-to-r {
  background-image: none !important;
  border-radius: var(--et-radius) !important;
}
.entegra-tabler-skin a.tw-dw-btn[href*="/create"] {
  background: var(--et-primary) !important;
  border-color: var(--et-primary) !important;
  color: #fff !important;
}
.entegra-tabler-skin a.tw-dw-btn[href*="/create"]:hover {
  background: var(--et-primary-darken) !important;
  border-color: var(--et-primary-darken) !important;
}

/* Button groups read as one control, not five loose pills. */
/* Export / column-visibility toolbar: Tabler's "Buttons with icon" set, i.e.
   separate standard buttons each carrying an icon, not a segmented group. */
.entegra-tabler-skin .dt-buttons.btn-group {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.entegra-tabler-skin:not(.lockscreen) .dt-buttons > a {
  margin: 0;
  border-radius: var(--et-radius);
}
.entegra-tabler-skin .dt-buttons > a i { color: var(--et-muted); font-size: 1em; }

/* Bulk-action strip below the grid: same standard buttons, own row rhythm.
   DataTables measures the footer clone once, at init, and pins an inline
   height on it. Standard-size buttons are taller than whatever it measured,
   so the height has to be released or the strip clips its own contents. */
.entegra-tabler-skin .dataTables_scrollFoot,
.entegra-tabler-skin .dataTables_scrollFootInner,
.entegra-tabler-skin .dataTables_scrollFoot table,
.entegra-tabler-skin .dataTables_scrollFoot tfoot,
.entegra-tabler-skin .dataTables_scrollFoot tr,
.entegra-tabler-skin .dataTables_scrollFoot td {
  height: auto !important;
  overflow: visible !important;
}
.entegra-tabler-skin .dataTables_scroll .table > tfoot .tw-dw-btn,
.entegra-tabler-skin .dataTables_scrollFoot .tw-dw-btn { margin: 0 .375rem .375rem 0; }
.entegra-tabler-skin .dataTables_scroll .table > tfoot form,
.entegra-tabler-skin .dataTables_scrollFoot form { display: inline-block; margin: 0; }

/* Totals row (sells, purchases, reports). The blade marks it up with legacy
   AdminLTE utilities - `bg-gray` (a hard grey, declared !important in
   vendor.css) and `font-17` - which is why it reads as a slab of oversized
   text bolted under the grid. Restyled here rather than in the blade, since
   sell/index.blade.php is off limits. Deliberately not scoped to
   .dataTables_scroll - grids without scrollX have no such wrapper. */
.entegra-tabler-skin tr.footer-total {
  background-color: var(--et-surface-2) !important;
  color: var(--et-ink);
}
.entegra-tabler-skin tr.footer-total > td {
  padding: .625rem .625rem;
  border-top: 1px solid var(--et-border-strong);
  border-bottom: 0;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--et-ink);
  white-space: nowrap;
  vertical-align: middle;
}
.entegra-tabler-skin tr.footer-total > td strong {
  font-weight: 600;
  text-transform: uppercase;
  font-size: .6875rem;
  letter-spacing: .02em;
  color: var(--et-muted);
}

/* Totals must line up with the money columns above them, which are
   right-aligned by the nowrap-div rule further up. */
.entegra-tabler-skin tr.footer-total > .footer_sale_total,
.entegra-tabler-skin tr.footer-total > .footer_total_paid,
.entegra-tabler-skin tr.footer-total > .footer_total_remaining,
.entegra-tabler-skin tr.footer-total > .footer_total_sell_return_due,
.entegra-tabler-skin tr.footer-total > [class*="footer_total"],
.entegra-tabler-skin tr.footer-total > [class*="_total"] {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

/* The count cells read as "Ödenmiş - 1"; they are labels, not figures. */
.entegra-tabler-skin tr.footer-total > .footer_payment_status_count,
.entegra-tabler-skin tr.footer-total > .payment_method_count,
.entegra-tabler-skin tr.footer-total > .service_type_count {
  text-align: left;
  font-weight: 500;
  color: var(--et-muted);
}

/* Row actions are not page actions: inside a row they take Tabler's small
   geometry, so a row keeps the height DataTables measured for it. */
.entegra-tabler-skin:not(.lockscreen) .dataTables_scroll .table > tbody td .tw-dw-btn,
.entegra-tabler-skin:not(.lockscreen) .dataTables_scroll .table > tbody td .btn {
  padding: .3125rem .5rem;
  font-size: .75rem;
  line-height: 1.1rem;
  border-radius: var(--et-radius-sm);
}


/* --------------------------------------------------------------------------
   4. DROPDOWN / EXPORT PANELS

   "Sütun görünürlüğü" and "PDF'ye Aktar" open a DataTables collection, which
   is a ul.dt-button-collection.dropdown-menu appended to <body>. Given the
   Tabler dropdown treatment it reads as a proper floating panel.
   -------------------------------------------------------------------------- */

.entegra-tabler-skin .dropdown-menu,
body > .dt-button-collection.dropdown-menu {
  min-width: 11rem;
  padding: .25rem 0;
  border: 1px solid rgba(4, 32, 69, .1);
  border-radius: var(--et-radius);
  background: #fff;
  box-shadow: var(--et-shadow-drop);
  font-size: .875rem;
  color: var(--et-ink);
}

body > .dt-button-collection.dropdown-menu { list-style: none; margin: 0; }

.entegra-tabler-skin .dropdown-menu > li > a,
body > .dt-button-collection.dropdown-menu > li > a,
body > .dt-button-collection.dropdown-menu > .dt-button {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .4rem .875rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--et-ink);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.35;
  white-space: nowrap;
}
.entegra-tabler-skin .dropdown-menu > li > a:hover,
body > .dt-button-collection.dropdown-menu > li > a:hover,
body > .dt-button-collection.dropdown-menu > .dt-button:hover {
  background: rgba(107, 114, 128, .08);
  color: var(--et-ink);
}

/* DataTables Buttons ships its own pill styling for collection items - rounded
   blue blocks with margins. Inside a dropdown panel that reads as a stack of
   loose chips, so it is reset here down to plain rows. */
body > .dt-button-collection.dropdown-menu > .dt-button,
body > .dt-button-collection.dropdown-menu > .dt-button.active,
body > .dt-button-collection.dropdown-menu > .dt-button:active {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  background-image: none;
  box-shadow: none;
  text-align: left;
  float: none;
}
body > .dt-button-collection.dropdown-menu > .dt-button > a {
  display: block;
  padding: .4rem .875rem;
  color: var(--et-muted);
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
}
body > .dt-button-collection.dropdown-menu > .dt-button > a:hover,
body > .dt-button-collection.dropdown-menu > .dt-button:hover > a {
  background: rgba(107, 114, 128, .08);
  color: var(--et-ink);
}

/* A visible column carries the accent and a check; a hidden one stays muted. */
body > .dt-button-collection.dropdown-menu > .dt-button.active > a {
  color: var(--et-ink);
  font-weight: 500;
}
body > .dt-button-collection.dropdown-menu > .dt-button > a::before {
  content: "\ea5e";
  font-family: 'tabler-icons';
  display: inline-block;
  width: 1.1em;
  margin-right: .35rem;
  font-size: .9em;
  color: var(--et-primary);
  opacity: 0;
}
body > .dt-button-collection.dropdown-menu > .dt-button.active > a::before { opacity: 1; }

/* Columns with no header text produce an empty row in this panel. */
body > .dt-button-collection.dropdown-menu > .dt-button > a:empty { display: none; }

.entegra-tabler-skin .dropdown-menu .divider,
body > .dt-button-collection .dropdown-divider {
  height: 1px; margin: .25rem 0; background: rgba(4, 32, 69, .1);
}


/* --------------------------------------------------------------------------
   5. GRID  (DataTables)

   No DataTables option is touched here. scrollX / scrollY / serverSide and the
   column set stay exactly as they are; only their appearance changes.
   -------------------------------------------------------------------------- */

.entegra-tabler-skin .dataTables_wrapper {
  width: 100%;
  background: var(--et-surface);
  border: 1px solid var(--et-border);
  border-radius: var(--et-radius-lg);
  box-shadow: 0 1px 2px rgba(31, 41, 55, .04);
  overflow: hidden;
}

/* Toolbar: DataTables already emits one Bootstrap row, so flexing it
   re-balances the controls without touching the dom string. */
.entegra-tabler-skin .dataTables_wrapper > .row {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 0;
  padding: .75rem 1rem;
  border-bottom: 1px solid var(--et-border);
  text-align: left;
}
.entegra-tabler-skin .dataTables_wrapper > .row > [class*="col-sm-"],
.entegra-tabler-skin .dataTables_wrapper > .row > [class*="col-md-"] {
  width: auto;
  float: none;
  padding: 0;
}
.entegra-tabler-skin .dataTables_wrapper > .row > .col-sm-8,
.entegra-tabler-skin .dataTables_wrapper > .row > .col-sm-6:first-child { margin-right: auto; }

.entegra-tabler-skin .dataTables_length label,
.entegra-tabler-skin .dataTables_filter label {
  margin: 0;
  font-size: .8125rem;
  font-weight: 400;
  color: var(--et-muted);
  white-space: nowrap;
}
.entegra-tabler-skin .dataTables_length select,
.entegra-tabler-skin .dataTables_filter input {
  height: 32px;
  padding: 0 .625rem;
  border: 1px solid var(--et-border-strong);
  border-radius: var(--et-radius-sm);
  background: #fff;
  font-size: .8125rem;
  color: var(--et-ink);
  box-shadow: var(--et-shadow-input);
}
.entegra-tabler-skin .dataTables_filter input { width: 240px; margin-left: .5rem; }
.entegra-tabler-skin .dataTables_length select:focus,
.entegra-tabler-skin .dataTables_filter input:focus {
  outline: 0;
  border-color: var(--et-primary);
  box-shadow: 0 0 0 .2rem rgba(6, 111, 209, .15);
}

/* Table body. Vertical rules removed - horizontal hairlines only. */
.entegra-tabler-skin .dataTables_scroll .table { margin: 0; border: 0; }
.entegra-tabler-skin .dataTables_scroll .table > thead > tr > th,
.entegra-tabler-skin .dataTables_scroll .table > tbody > tr > td,
.entegra-tabler-skin .dataTables_scroll .table > tfoot > tr > td {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.entegra-tabler-skin .dataTables_scrollHeadInner,
.entegra-tabler-skin .dataTables_scrollHeadInner .table { border: 0; }

.entegra-tabler-skin .dataTables_scroll .table > tbody > tr > td {
  padding: .625rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--et-border);
  font-size: .8125rem;
  color: var(--et-ink);
}

/* Zebra fights both the hover row and any coloured cell content. */
.entegra-tabler-skin .table-striped > tbody > tr:nth-of-type(odd),
.entegra-tabler-skin .table-striped > tbody > tr:nth-of-type(even) { background: transparent; }
.entegra-tabler-skin .table-striped > tbody > tr:nth-of-type(odd) > td { background: transparent; }
.entegra-tabler-skin .dataTables_scroll .table > tbody > tr:hover > td { background: var(--et-hover); }

/* Header pulled back so the data is the loudest thing on the screen. */
.entegra-tabler-skin .dataTables_scroll .table > thead > tr > th {
  padding: .625rem 1rem;
  background: var(--et-surface-2);
  border-bottom: 1px solid var(--et-border-strong) !important;
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--et-ink);
  white-space: nowrap;
}

/* Sort indicators: Glyphicons -> the Tabler icon font already loaded on
   every page by layouts/partials/css.blade.php. */
.entegra-tabler-skin table.dataTable thead .sorting:after,
.entegra-tabler-skin table.dataTable thead .sorting_asc:after,
.entegra-tabler-skin table.dataTable thead .sorting_desc:after,
.entegra-tabler-skin table.dataTable thead .sorting_asc_disabled:after,
.entegra-tabler-skin table.dataTable thead .sorting_desc_disabled:after {
  font-family: 'tabler-icons' !important;
  font-size: 13px;
  top: 50%;
  bottom: auto;
  right: 6px;
  transform: translateY(-50%);
}
.entegra-tabler-skin table.dataTable thead .sorting:after      { content: "\eb1d"; opacity: .25; }
.entegra-tabler-skin table.dataTable thead .sorting_asc:after  { content: "\ea62"; opacity: .9; color: var(--et-primary); }
.entegra-tabler-skin table.dataTable thead .sorting_desc:after { content: "\ea5f"; opacity: .9; color: var(--et-primary); }

/* Money columns. The controller wraps amounts in a nowrap div, which is the
   only generic "this column is a number" hook available in this markup. */
.entegra-tabler-skin .dataTables_scroll .table > tbody > tr > td:has(> div[style*="nowrap"]) {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-weight: 500;
}

/* Row checkboxes */
.entegra-tabler-skin .dataTables_scroll .table input[type="checkbox"] {
  width: 15px; height: 15px; margin: 0; accent-color: var(--et-primary);
}

/* Bulk-action strip (it renders inside <tfoot>) */
.entegra-tabler-skin .dataTables_scrollFoot td,
.entegra-tabler-skin .dataTables_scroll .table > tfoot > tr > td { padding: .625rem 1rem; }

/* Footer strip */
.entegra-tabler-skin .dataTables_wrapper > .dataTables_info,
.entegra-tabler-skin .dataTables_wrapper > .dataTables_paginate {
  margin: 0;
  padding: .75rem 1rem;
  border-top: 1px solid var(--et-border);
  font-size: .8125rem;
  color: var(--et-muted);
}
.entegra-tabler-skin .dataTables_wrapper > .dataTables_info { float: left; }
.entegra-tabler-skin .dataTables_wrapper > .dataTables_paginate { float: right; }
.entegra-tabler-skin .dataTables_wrapper > .dataTables_paginate .pagination { margin: 0; }
.entegra-tabler-skin .dataTables_wrapper .pagination > li > a,
.entegra-tabler-skin .dataTables_wrapper .pagination > li > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  margin-left: 4px;
  padding: 0 .5rem;
  border: 1px solid var(--et-border-strong);
  border-radius: var(--et-radius-sm);
  background: #fff;
  color: var(--et-ink);
  font-size: .8125rem;
}
.entegra-tabler-skin .dataTables_wrapper .pagination > li > a:hover { background: var(--et-surface-2); }
.entegra-tabler-skin .dataTables_wrapper .pagination > .active > a,
.entegra-tabler-skin .dataTables_wrapper .pagination > .active > a:hover {
  background: var(--et-primary); border-color: var(--et-primary); color: #fff;
}
.entegra-tabler-skin .dataTables_wrapper .pagination > .disabled > a {
  background: #fff; border-color: var(--et-border); color: #b5bcc4;
}

/* Processing veil */
.entegra-tabler-skin .dataTables_processing {
  height: auto;
  padding: .5rem 1rem;
  border: 1px solid var(--et-border);
  border-radius: var(--et-radius);
  background: #fff;
  box-shadow: var(--et-shadow-drop);
  color: var(--et-ink);
  font-size: .8125rem;
}


/* The product grid's image heading ships Tailwind's `tw-w-full`, i.e.
   width:100%, which made a 36px thumbnail claim all the leftover width and
   pushed the rest of the table into horizontal overflow. */
.entegra-tabler-skin .dataTables_scroll .table > thead > tr > th.tw-w-full {
  width: 1% !important;
  white-space: nowrap;
}


/* NOTE - do not clamp these tables to `width: 100% !important`.
   It does remove the few pixels of horizontal scrollbar that DataTables
   reserves for a vertical one, and on the product grid it looked like a clean
   win. But on a genuinely wide grid (business-location) the same clamp
   squeezes the table into the container and the last column's action buttons
   get clipped by the wrapper instead of becoming scrollable. A thin scrollbar
   is the lesser fault; removing the reservation for real is a `scrollX`
   decision, not a styling one. */


/* --------------------------------------------------------------------------
   6. SCROLLBARS

   DataTables already sets `overflow: auto` on the scroll body, so the bar only
   appears when the table genuinely overflows. What it did not do is make that
   bar unobtrusive - the default is a thick grey slab sitting between the table
   and the footer.
   -------------------------------------------------------------------------- */

.entegra-tabler-skin .dataTables_scrollBody,
.entegra-tabler-skin .table-responsive,
.entegra-tabler-skin .modal-body {
  scrollbar-width: thin;
  scrollbar-color: #cbd2da transparent;
}
.entegra-tabler-skin .dataTables_scrollBody::-webkit-scrollbar,
.entegra-tabler-skin .table-responsive::-webkit-scrollbar,
.entegra-tabler-skin .modal-body::-webkit-scrollbar { width: 8px; height: 8px; }
.entegra-tabler-skin .dataTables_scrollBody::-webkit-scrollbar-track,
.entegra-tabler-skin .table-responsive::-webkit-scrollbar-track,
.entegra-tabler-skin .modal-body::-webkit-scrollbar-track { background: transparent; }
.entegra-tabler-skin .dataTables_scrollBody::-webkit-scrollbar-thumb,
.entegra-tabler-skin .table-responsive::-webkit-scrollbar-thumb,
.entegra-tabler-skin .modal-body::-webkit-scrollbar-thumb {
  background: #cbd2da;
  border-radius: 4px;
}
.entegra-tabler-skin .dataTables_scrollBody::-webkit-scrollbar-thumb:hover,
.entegra-tabler-skin .table-responsive::-webkit-scrollbar-thumb:hover,
.entegra-tabler-skin .modal-body::-webkit-scrollbar-thumb:hover { background: #aeb7c2; }


/* --------------------------------------------------------------------------
   7. THUMBNAILS & AVATARS
   -------------------------------------------------------------------------- */

.entegra-tabler-skin .product-thumbnail-small,
.entegra-tabler-skin td img.product-thumbnail,
.entegra-tabler-skin .dataTables_scroll .table td img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border: 1px solid var(--et-border);
  border-radius: var(--et-radius);
  background: var(--et-surface-2);
}

.entegra-tabler-skin .img-thumbnail,
.entegra-tabler-skin .thumbnail {
  padding: 0;
  border: 1px solid var(--et-border);
  border-radius: var(--et-radius);
  background: var(--et-surface-2);
  box-shadow: none;
  overflow: hidden;
}

.entegra-tabler-skin .user-image,
.entegra-tabler-skin .img-circle { border-radius: 50%; object-fit: cover; }


/* --------------------------------------------------------------------------
   8. LOW-RISK COMPONENTS

   Everything below is presentation only: no positioning a script depends on,
   no element that carries behaviour, no layout another component measures.
   Values come from the shipped Tabler build.

   Components already owned by entegra-tabler-theme.css (labels, alerts,
   pagination, nav-tabs, boxes, form controls) are NOT restated here - that
   file was re-tokenised to Tabler's real colours instead, so the two layers
   do not compete.
   -------------------------------------------------------------------------- */

/* --- Form hints (Bootstrap 3 .help-block -> Tabler .form-hint) ----------- */
.entegra-tabler-skin .help-block,
.entegra-tabler-skin .form-hint {
  display: block;
  margin-top: .25rem;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: 1.4;
  color: var(--et-muted);
}
.entegra-tabler-skin .has-error .help-block,
.entegra-tabler-skin .help-block.text-danger { color: var(--et-danger); }

/* --- Form labels --------------------------------------------------------- */
.entegra-tabler-skin .control-label,
.entegra-tabler-skin .form-label {
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 500;
  color: var(--et-ink);
}

/* --- Checkboxes / radios ------------------------------------------------- */
.entegra-tabler-skin input[type="checkbox"],
.entegra-tabler-skin input[type="radio"] { accent-color: var(--et-primary); }
.entegra-tabler-skin .checkbox label,
.entegra-tabler-skin .radio label { font-weight: 400; color: var(--et-ink); }

/* --- Breadcrumb ---------------------------------------------------------- */
.entegra-tabler-skin .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  background: none;
  border-radius: 0;
  font-size: .875rem;
  list-style: none;
}
.entegra-tabler-skin .breadcrumb > li { display: flex; align-items: center; }
.entegra-tabler-skin .breadcrumb > li + li::before {
  content: "/";
  padding: 0 .5rem;
  color: var(--et-muted);
}
.entegra-tabler-skin .breadcrumb > li > a { color: var(--et-primary); text-decoration: none; }
.entegra-tabler-skin .breadcrumb > li > a:hover { text-decoration: underline; }
.entegra-tabler-skin .breadcrumb > .active { color: var(--et-ink); font-weight: 600; }

/* --- Progress ------------------------------------------------------------ */
.entegra-tabler-skin .progress {
  height: .5rem;
  border-radius: 100px;
  background: #eceff2;
  box-shadow: none;
  overflow: hidden;
}
.entegra-tabler-skin .progress-bar {
  background-color: var(--et-primary);
  box-shadow: none;
  font-size: .625rem;
  line-height: .5rem;
}

/* --- List group ---------------------------------------------------------- */
.entegra-tabler-skin .list-group { border-radius: var(--et-radius); }
.entegra-tabler-skin .list-group-item {
  padding: .625rem 1rem;
  border-color: var(--et-border);
  font-size: .875rem;
  color: var(--et-ink);
}
.entegra-tabler-skin .list-group-item:first-child {
  border-top-left-radius: var(--et-radius);
  border-top-right-radius: var(--et-radius);
}
.entegra-tabler-skin .list-group-item:last-child {
  border-bottom-left-radius: var(--et-radius);
  border-bottom-right-radius: var(--et-radius);
}
.entegra-tabler-skin .list-group-item.active {
  background: var(--et-primary);
  border-color: var(--et-primary);
  color: #fff;
}

/* --- .well / .panel: Bootstrap 3 surfaces Tabler replaced with .card ----- */
.entegra-tabler-skin .well,
.entegra-tabler-skin .panel {
  padding: 1rem 1.25rem;
  border: 1px solid var(--et-border);
  border-radius: var(--et-radius-lg);
  background: var(--et-surface);
  box-shadow: 0 0 4px rgba(31, 41, 55, .04);
}
.entegra-tabler-skin .panel { padding: 0; }
.entegra-tabler-skin .panel > .panel-heading {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--et-border);
  background: var(--et-surface-2);
  border-radius: var(--et-radius-lg) var(--et-radius-lg) 0 0;
  font-weight: 600;
  color: var(--et-ink);
}
.entegra-tabler-skin .panel > .panel-body { padding: 1rem 1.25rem; }

/* --- Toast notifications (toastr) ---------------------------------------- */
body > #toast-container > div {
  padding: .75rem 1rem .75rem 3rem;
  border: 1px solid var(--et-border);
  border-radius: 6px;
  background-color: #fff;
  background-position: 1rem center;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .07),
              0 6px 30px 5px rgba(0, 0, 0, .06),
              0 8px 10px -5px rgba(0, 0, 0, .1);
  color: #1f2937;
  font-size: .875rem;
  opacity: 1;
}
body > #toast-container > .toast-success { border-left: 3px solid #2fb344; }
body > #toast-container > .toast-error   { border-left: 3px solid #d63939; }
body > #toast-container > .toast-warning { border-left: 3px solid #f59f00; }
body > #toast-container > .toast-info    { border-left: 3px solid #4299e1; }
body > #toast-container > div .toast-title { font-weight: 600; margin-bottom: .125rem; }
body > #toast-container > div .toast-message { color: #6b7280; }

/* --- Empty grid ---------------------------------------------------------- */
.entegra-tabler-skin td.dataTables_empty {
  padding: 2.5rem 1rem !important;
  text-align: center;
  color: var(--et-muted);
  font-size: .875rem;
}

/* --- Focus visibility ----------------------------------------------------
   Additive: nothing in the legacy stylesheets defines :focus-visible, so this
   fills a gap rather than replacing anything. Keyboard users currently get the
   browser default or, where a rule clears outline, nothing at all. */
.entegra-tabler-skin a:focus-visible,
.entegra-tabler-skin button:focus-visible,
.entegra-tabler-skin input:focus-visible,
.entegra-tabler-skin select:focus-visible,
.entegra-tabler-skin textarea:focus-visible,
.entegra-tabler-skin [tabindex]:focus-visible {
  outline: 2px solid rgba(6, 111, 209, .5);
  outline-offset: 2px;
}


/* --------------------------------------------------------------------------
   9. TYPE SCALE  (unscoped - both runtimes)

   The family was already Inter everywhere; the *scale* was still AdminLTE's
   (36 / 30 / 24 / 18 / 14 px at weight 500). Tabler runs a much flatter scale
   because an admin screen is read at a glance, not top to bottom: the heading
   marks a section, it does not open a chapter.

   Bare element selectors match AdminLTE's own specificity, and this file loads
   last, so source order settles it - no !important needed anywhere here.
   -------------------------------------------------------------------------- */

body {
  font-size: .875rem;
  line-height: 1.4285714286;
}

h1, .h1 { font-size: 1.5rem;   line-height: 2rem;    font-weight: 600; }
h2, .h2 { font-size: 1.25rem;  line-height: 1.75rem; font-weight: 600; }
h3, .h3 { font-size: 1rem;     line-height: 1.5rem;  font-weight: 600; }
h4, .h4 { font-size: .875rem;  line-height: 1.25rem; font-weight: 600; }
h5, .h5 { font-size: .75rem;   line-height: 1rem;    font-weight: 600; }
h6, .h6 { font-size: .625rem;  line-height: 1rem;    font-weight: 600; }

/* Card/box headings sit at Tabler's card-title size, not at a heading size. */
.entegra-tabler-skin .box-title,
.entegra-tabler-skin .panel-title,
.entegra-tabler-skin .card-title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

/* Tabler's small print: one step down, muted. */
.entegra-tabler-skin small,
.entegra-tabler-skin .small { font-size: .75rem; }
.entegra-tabler-skin .text-muted { color: var(--et-muted); }


/* --------------------------------------------------------------------------
   10. MOBILE GRID CONTROLS

   DataTables keeps its own scroll containers and button collections. On small
   screens the controls need to compact without changing dom / scrollX / ajax
   behaviour, so this layer only changes geometry and typography.
   -------------------------------------------------------------------------- */

@media (max-width: 767.98px) {
  .entegra-tabler-skin:not(.lockscreen) .btn,
  .entegra-tabler-skin:not(.lockscreen) .tw-dw-btn,
  .entegra-tabler-skin:not(.lockscreen) .dt-buttons > a {
    min-height: 2rem;
    padding: .375rem .5rem;
    gap: .3rem;
    font-size: .75rem;
    line-height: 1.25;
    white-space: nowrap;
  }

  .entegra-tabler-skin:not(.lockscreen) .btn-lg,
  .entegra-tabler-skin:not(.lockscreen) .tw-dw-btn-lg {
    min-height: 2.25rem;
    padding: .4375rem .625rem;
    font-size: .8125rem;
  }

  .entegra-tabler-skin .dataTables_wrapper > .row {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .5rem;
    padding: .625rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .entegra-tabler-skin .dataTables_wrapper > .row > [class*="col-sm-"],
  .entegra-tabler-skin .dataTables_wrapper > .row > [class*="col-md-"] {
    flex: 0 0 auto;
    max-width: 100%;
  }

  .entegra-tabler-skin .dataTables_wrapper > .row > .col-sm-8,
  .entegra-tabler-skin .dataTables_wrapper > .row > .col-sm-6:first-child {
    margin-right: 0;
  }

  .entegra-tabler-skin .dataTables_length label,
  .entegra-tabler-skin .dataTables_filter label {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .375rem;
    white-space: normal;
  }

  .entegra-tabler-skin .dataTables_filter input {
    width: min(14rem, calc(100vw - 2.5rem));
    margin-left: 0;
  }

  .entegra-tabler-skin .dt-buttons.btn-group {
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    gap: .375rem;
    overflow-x: auto;
    padding-bottom: .125rem;
    -webkit-overflow-scrolling: touch;
  }

  .entegra-tabler-skin:not(.lockscreen) .dt-buttons > a {
    flex: 0 0 auto;
    min-height: 2rem;
    padding: .375rem .5rem;
    font-size: .75rem;
  }

  .entegra-tabler-skin .dt-buttons > a i { font-size: .9em; }

  body > .dt-button-collection.dropdown-menu {
    max-width: calc(100vw - 1.5rem);
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
  }

  body > .dt-button-collection.dropdown-menu > li > a,
  body > .dt-button-collection.dropdown-menu > .dt-button > a {
    padding: .375rem .625rem;
    font-size: .8125rem;
  }

  .entegra-tabler-skin .dataTables_scroll .table > thead > tr > th,
  .entegra-tabler-skin .dataTables_scroll .table > tbody > tr > td,
  .entegra-tabler-skin .dataTables_scrollFoot td,
  .entegra-tabler-skin .dataTables_scroll .table > tfoot > tr > td {
    padding: .5rem .625rem;
  }

  .entegra-tabler-skin .dataTables_scroll .table > tbody > tr > td {
    font-size: .75rem;
  }

  .entegra-tabler-skin .dataTables_scroll .table > thead > tr > th {
    font-size: .625rem;
  }

  .entegra-tabler-skin:not(.lockscreen) .dataTables_scroll .table > tbody td .tw-dw-btn,
  .entegra-tabler-skin:not(.lockscreen) .dataTables_scroll .table > tbody td .btn {
    min-height: 1.875rem;
    padding: .25rem .45rem;
    font-size: .75rem;
  }

  .entegra-tabler-skin .dataTables_wrapper > .dataTables_info,
  .entegra-tabler-skin .dataTables_wrapper > .dataTables_paginate {
    float: none;
    width: 100%;
    padding: .625rem;
    text-align: left;
  }

  .entegra-tabler-skin .dataTables_wrapper > .dataTables_paginate {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .entegra-tabler-skin .dataTables_wrapper .pagination {
    display: inline-flex;
    flex-wrap: nowrap;
    margin: 0;
  }

  .entegra-tabler-skin .dataTables_wrapper .pagination > li > a,
  .entegra-tabler-skin .dataTables_wrapper .pagination > li > span {
    min-width: 2rem;
    height: 2rem;
    padding: 0 .5rem;
    font-size: .75rem;
  }

}

@media (max-width: 575.98px) {
    .entegra-tabler-skin:not(.lockscreen) a.tw-dw-btn.tw-bg-gradient-to-r {
      min-height: 2rem;
      margin: .25rem !important;
      padding: .375rem .5rem !important;
      border-radius: var(--et-radius-sm) !important;
      font-size: .75rem;
      line-height: 1.2;
    }

    .entegra-tabler-skin:not(.lockscreen) .nav-tabs-custom .tab-content > .tab-pane > a.tw-dw-btn.tw-bg-gradient-to-r {
      width: 2.25rem;
      min-width: 2.25rem;
      height: 2rem;
      padding: 0 !important;
      font-size: 0;
      gap: 0;
    }

    .entegra-tabler-skin:not(.lockscreen) .nav-tabs-custom .tab-content > .tab-pane > a.tw-dw-btn.tw-bg-gradient-to-r svg {
      width: 1rem;
      height: 1rem;
      margin: 0;
    }

    .entegra-tabler-skin .dt-buttons.btn-group {
      width: 100%;
      max-width: 100%;
      gap: .25rem;
    }

    .entegra-tabler-skin:not(.lockscreen) .dt-buttons > a {
      width: 2.125rem;
      min-width: 2.125rem;
      height: 2rem;
      padding: 0;
      font-size: 0;
      gap: 0;
    }

    .entegra-tabler-skin .dt-buttons > a i,
    .entegra-tabler-skin .dt-buttons > a .fa,
    .entegra-tabler-skin .dt-buttons > a .glyphicon,
    .entegra-tabler-skin .dt-buttons > a svg {
      width: 1rem;
      height: 1rem;
      margin: 0;
      font-size: .875rem;
      line-height: 1;
    }

    .entegra-tabler-skin .dataTables_scrollFoot td,
    .entegra-tabler-skin .dataTables_scroll .table > tfoot > tr > td {
      white-space: nowrap;
    }

    .entegra-tabler-skin .dataTables_scrollFoot .tw-dw-btn,
    .entegra-tabler-skin .dataTables_scroll .table > tfoot .tw-dw-btn {
      min-height: 1.875rem;
      margin: 0 .25rem .25rem 0;
      padding: .25rem .45rem !important;
      font-size: .6875rem;
      line-height: 1.15;
    }

    .entegra-tabler-skin .dataTables_wrapper > .row {
      gap: .375rem;
      padding: .5rem;
    }

    .entegra-tabler-skin .dataTables_length select,
    .entegra-tabler-skin .dataTables_filter input {
      height: 2rem;
      font-size: .75rem;
    }
}

/* ================================================================
   DASHBOARD BİLEŞEN KATMANI

   home/index.blade.php ikinci kabuktan (layouts/entegra/app.blade.php)
   kanonik layouts/app.blade.php'ye taşındı.

   Neden: eski kabuk tabler.min.css ile birlikte tabler.min.js'i de
   yüklüyordu. Sayfada iki Bootstrap olunca BS5, jQuery'nin BS3
   popover/tooltip eklentilerinin üzerine yazıyor ve BS3 markup'ı taşıyan
   header kontrolleri SADECE bu sayfada bozuluyordu. Eski kabuk ayrıca
   skin-* gövde sınıfını hiç basmıyordu, bu yüzden İşletme Ayarları'ndaki
   Tema Rengi bu sayfaya ulaşamıyordu.

   Kaynaklar: tabler.min.css (bileşenler) + entegra-tabler.css (marka).
   entegra-tabler.css'in 216 header/marka kuralı KASTEN taşınmadı: header
   artık diğer 637 sayfayla aynı entegra-shell.css'ten geliyor. Eski
   hero'nun beyaz-metin override'ları da atıldı (zemin taşınmadığı için
   beyaz üstüne beyaz olurlardı).

   Tümü .entegra-dashboard ile kapsandı: .card-body/.card-header/.avatar
   kullanan diğer ~100 legacy view etkilenmez.
   --tblr-* ve --entegra-* değişkenleri düz değerlere çözüldü.
   ================================================================ */
/* ---- Tabler bileşen kuralları (tabler.min.css'ten, değişkenler çözüldü) ---- */
.entegra-tabler-skin .entegra-dashboard .card>.card-header+.list-group, .entegra-tabler-skin .entegra-dashboard .card>.list-group+.card-footer {border-top:0}
.entegra-tabler-skin .entegra-dashboard .card-body {flex:1 1 auto;padding:1rem 1.25rem;color:inherit}
.entegra-tabler-skin .entegra-dashboard .card-title {margin-bottom:1.25rem;color:}
.entegra-tabler-skin .entegra-dashboard .card-header {padding:1rem 1.25rem;margin-bottom:0;color:inherit;background-color:#f9fafb;border-bottom:1px solid rgba(4, 32, 69, 0.1)}
.entegra-tabler-skin .entegra-dashboard .card-header:first-child {border-radius:calc(calc(8px * 1) - (1px)) calc(calc(8px * 1) - (1px)) 0 0}
.entegra-tabler-skin .entegra-dashboard .page-header {display:flex;flex-wrap:wrap;min-height:2.25rem;flex-direction:column;justify-content:center;max-width:100%}
.entegra-tabler-skin .entegra-dashboard .page-wrapper .page-header {margin:1.5rem 0 0}
.entegra-tabler-skin .entegra-dashboard .page-title {margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:inherit;display:flex;align-items:center}
.entegra-tabler-skin .entegra-dashboard .page-title svg {width:1.5rem;height:1.5rem;margin-right:.25rem}
.entegra-tabler-skin .entegra-dashboard .avatar {--tblr-avatar-size:2.5rem;--tblr-avatar-status-size:0.75rem;--tblr-avatar-bg:#f9fafb;--tblr-avatar-box-shadow-color:rgba(4, 32, 69, 0.1);--tblr-avatar-box-shadow:inset 0 0 0 1px rgba(4, 32, 69, 0.1);--tblr-avatar-font-size:1rem;--tblr-avatar-icon-size:1.5rem;--tblr-avatar-brand-size:1.25rem;position:relative;width:2.5rem;height:2.5rem;font-size:1rem;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:#6b7280;text-align:center;text-transform:uppercase;vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#f9fafb no-repeat center/cover;border-radius:calc(6px * 1);box-shadow:inset 0 0 0 1px rgba(4, 32, 69, 0.1);transition:color .3s,background-color .3s,box-shadow .3s}
.entegra-tabler-skin .entegra-dashboard .avatar .icon {width:1.5rem;height:1.5rem}
.entegra-tabler-skin .entegra-dashboard .avatar .badge {position:absolute;right:0;bottom:0;border-radius:100rem;box-shadow:0 0 0 calc(0.75rem/ 4) #ffffff}
.entegra-tabler-skin .entegra-dashboard a.avatar {cursor:pointer}
.entegra-tabler-skin .entegra-dashboard a.avatar:hover {color:#066fd1;--tblr-avatar-box-shadow-color:#066fd1}
.entegra-tabler-skin .entegra-dashboard .avatar-list a.avatar:hover {z-index:1}
.entegra-tabler-skin .entegra-dashboard .avatar-list-stacked .avatar {margin-right:calc(-.5 * 2.5rem)!important;box-shadow:inset 0 0 0 1px rgba(4, 32, 69, 0.1),0 0 0 2px var(--tblr-card-bg,#ffffff)}
.entegra-tabler-skin .entegra-dashboard .btn .avatar {width:1.25rem;height:1.25rem;margin:0 calc(1rem/ 2) 0 calc(1rem/ -4)}
.entegra-tabler-skin .entegra-dashboard .card-borderless, .entegra-tabler-skin .entegra-dashboard .card-borderless .card-footer, .entegra-tabler-skin .entegra-dashboard .card-borderless .card-header {border-color:transparent}
.entegra-tabler-skin .entegra-dashboard .card-inactive .card-body {opacity:.64}
.entegra-tabler-skin .entegra-dashboard .card-actions {margin:-.5rem -.5rem -.5rem auto;padding-left:.5rem}
.entegra-tabler-skin .entegra-dashboard .card-actions a {text-decoration:none}
.entegra-tabler-skin .entegra-dashboard .card-header {color:inherit;display:flex;align-items:center;background:0 0}
.entegra-tabler-skin .entegra-dashboard .card-header:first-child {border-radius:calc(8px * 1) calc(8px * 1) 0 0}
.entegra-tabler-skin .entegra-dashboard .card-title {display:block;margin:0 0 1rem;font-size:1rem;font-weight:500;color:inherit;line-height:1.5rem}
.entegra-tabler-skin .entegra-dashboard a.card-title:hover {color:inherit}
.entegra-tabler-skin .entegra-dashboard .card-header .card-title {margin:0}
.entegra-tabler-skin .entegra-dashboard .card-header .card-subtitle {margin:0}
.entegra-tabler-skin .entegra-dashboard .card-title .card-subtitle {margin:0 0 0 .25rem;font-size:.875rem}
.entegra-tabler-skin .entegra-dashboard .card-body {position:relative}
.entegra-tabler-skin .entegra-dashboard .card-body>:last-child {margin-bottom:0}
.entegra-tabler-skin .entegra-dashboard .card-sm>.card-body {padding:1rem}
.entegra-tabler-skin .entegra-dashboard .card-body+.card-body {border-top:1px solid #e5e7eb}
.entegra-tabler-skin .entegra-dashboard .card-table {margin-bottom:0!important}
.entegra-tabler-skin .entegra-dashboard .card-table tr td:first-child, .entegra-tabler-skin .entegra-dashboard .card-table tr th:first-child {padding-left:1.25rem;border-left:0}
.entegra-tabler-skin .entegra-dashboard .card-table tr td:last-child, .entegra-tabler-skin .entegra-dashboard .card-table tr th:last-child {padding-right:1.25rem;border-right:0}
.entegra-tabler-skin .entegra-dashboard .card-table tbody tr:first-child, .entegra-tabler-skin .entegra-dashboard .card-table tfoot tr:first-child, .entegra-tabler-skin .entegra-dashboard .card-table thead tr:first-child {border-top:0}
.entegra-tabler-skin .entegra-dashboard .card-table tbody tr:first-child td, .entegra-tabler-skin .entegra-dashboard .card-table tbody tr:first-child th, .entegra-tabler-skin .entegra-dashboard .card-table tfoot tr:first-child td, .entegra-tabler-skin .entegra-dashboard .card-table tfoot tr:first-child th, .entegra-tabler-skin .entegra-dashboard .card-table thead tr:first-child td, .entegra-tabler-skin .entegra-dashboard .card-table thead tr:first-child th {border-top:0}
.entegra-tabler-skin .entegra-dashboard .card-body+.card-table {border-top:1px solid rgba(4, 32, 69, 0.1)}
.entegra-tabler-skin .entegra-dashboard .card-body+.card-list-group {border-top:1px solid #e5e7eb}
.entegra-tabler-skin .entegra-dashboard .datagrid {--tblr-datagrid-padding:1.5rem;--tblr-datagrid-item-width:15rem;display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.entegra-tabler-skin .entegra-dashboard .row-deck>.col, .entegra-tabler-skin .entegra-dashboard .row-deck>[class*=col-] {display:flex;align-items:stretch}
.entegra-tabler-skin .entegra-dashboard .row-deck>.col .card, .entegra-tabler-skin .entegra-dashboard .row-deck>[class*=col-] .card {flex:1 1 auto}
.entegra-tabler-skin .entegra-dashboard .row-cards {--tblr-gutter-x:0.5rem;--tblr-gutter-y:0.5rem;min-width:0}
.entegra-tabler-skin .entegra-dashboard .row-cards .row-cards {flex:1}
.entegra-tabler-skin .entegra-dashboard .placeholder:not(.avatar):not([class*=card-img-]) {border-radius:calc(6px * 1)}

/* ---- Dashboard'a özel marka kuralları (entegra-tabler.css'ten) ---- */
.entegra-tabler-skin .entegra-dashboard :root {--entegra-primary: #066fd1;
  --entegra-dashboard-band: #0040C1;
  --entegra-background: #f9fafb;
  --entegra-surface: #ffffff;
  --entegra-text: #1f2937;
  --entegra-muted: #6b7280;
  --entegra-border: #e5e7eb;
  --entegra-positive: #2fb344;
  --entegra-warning: #f59f00;
  --entegra-danger: #d63939;
  --entegra-shadow-dropdown: 0 16px 24px 2px rgba(0, 0, 0, 0.07), 0 6px 30px 5px rgba(0, 0, 0, 0.06), 0 8px 10px -5px rgba(0, 0, 0, 0.1);}
.entegra-tabler-skin .entegra-dashboard /* ==========================================================================
   ENTEGRA dashboard — Tabler-style composition
   Based on Tabler's card/subheader/h1/card-sm visual hierarchy.
   ========================================================================== */

.entegra-dashboard-heading {min-width: 0;}
.entegra-tabler-skin .entegra-dashboard .entegra-dashboard-filters {align-items: center;}
.entegra-tabler-skin .entegra-dashboard .entegra-dashboard-filters .select2-container {width: 12rem !important;
  max-width: 100%;}
.entegra-tabler-skin .entegra-dashboard /* Featured metric cards ------------------------------------------------- */
.entegra-feature-card, .entegra-tabler-skin .entegra-dashboard .entegra-ratio-card, .entegra-tabler-skin .entegra-dashboard .entegra-analysis-card, .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card {min-width: 0;
  overflow: hidden;}
.entegra-tabler-skin .entegra-dashboard /* Dashboard tables ------------------------------------------------------ */
.entegra-dashboard-table-card .card-header {min-height: 3.5rem;
  padding: 0.75rem 1rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card .card-title {font-size: 0.95rem;
  font-weight: 600;}
.entegra-tabler-skin .entegra-dashboard .entegra-dashboard-card-actions .select2-container {width: 100% !important;}
.entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card .table-responsive {margin: 0;
  -webkit-overflow-scrolling: touch;}
.entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card table {margin-bottom: 0;}
.entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card th, .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card td {padding-top: 0.72rem;
  padding-bottom: 0.72rem;
  font-size: 0.875rem;
  vertical-align: middle;}
.entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card thead th {white-space: nowrap;
  color: #6b7280;
  background: color-mix(in srgb, #f9fafb 58%, white);
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.025em;
  text-transform: uppercase;}
.entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card th.not-export {width: 1%;
  white-space: nowrap;}
@media (max-width: 767.98px) {
  .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-filters {width: 100%;}
  .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-filters .select2-container, .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-filters .btn {width: 100% !important;}
  .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card .card-header {flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.5rem;}
  .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-card-actions {width: 100%;
    min-width: 0 !important;
    margin-left: 0 !important;}
}
@media (max-width: 575.98px) {
  .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-heading {margin-bottom: 0.875rem !important;}
  .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card .card-header {min-height: auto;
    padding: 0.75rem;}
  .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card th, .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card td {padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 0.8125rem;}
}

/* ---- Dashboard grid + utility katmanı ----
   Dashboard markup'ı Bootstrap 5 grid'i (.col-12/.col-auto, flex tabanlı)
   ve BS5 utility'lerini (.ms-auto/.h-100/.gap-*) kullanıyor. Legacy yığın
   Bootstrap 3 taşıyor: .col-sm-6/.col-lg-3 orada FLOAT tabanlı, .col-12 ve
   .col-auto ise hiç yok. Karışık model grid'i çökertiyordu.

   Bu yüzden .entegra-dashboard kapsamında grid'in TAMAMI BS5'e sabitlendi;
   kapsam özgüllüğü sayesinde vendor.css'in BS3 kuralları burada eziliyor,
   dashboard dışında hiçbir şey değişmiyor.

   --tblr-gutter-x/y KASTEN çözülmedi: .row üzerinde tanımlanıp alt
   öğelere cascade ile iniyorlar (.row>* onları miras alır).
   Utility'ler bileşenlerden SONRA: cascade'de kazanmaları gerekiyor. */
.entegra-tabler-skin .entegra-dashboard .row {--tblr-gutter-x:1rem;--tblr-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--tblr-gutter-y));margin-right:calc(-.5 * var(--tblr-gutter-x));margin-left:calc(-.5 * var(--tblr-gutter-x))}
.entegra-tabler-skin .entegra-dashboard .row>* {flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--tblr-gutter-x) * .5);padding-left:calc(var(--tblr-gutter-x) * .5);margin-top:var(--tblr-gutter-y)}
.entegra-tabler-skin .entegra-dashboard .col {flex:1 0 0}
.entegra-tabler-skin .entegra-dashboard .col-auto {flex:0 0 auto;width:auto}
.entegra-tabler-skin .entegra-dashboard .col-12 {flex:0 0 auto;width:100%}
@media (min-width:576px) {
  .entegra-tabler-skin .entegra-dashboard .col-sm-6 {flex:0 0 auto;width:50%}
  .entegra-tabler-skin .entegra-dashboard .col-sm-12 {flex:0 0 auto;width:100%}
}
@media (min-width:768px) {
  .entegra-tabler-skin .entegra-dashboard .col-md-5 {flex:0 0 auto;width:41.66666667%}
  .entegra-tabler-skin .entegra-dashboard .col-md-7 {flex:0 0 auto;width:58.33333333%}
}
@media (min-width:992px) {
  .entegra-tabler-skin .entegra-dashboard .col-lg-3 {flex:0 0 auto;width:25%}
  .entegra-tabler-skin .entegra-dashboard .col-lg-4 {flex:0 0 auto;width:33.33333333%}
  .entegra-tabler-skin .entegra-dashboard .col-lg-6 {flex:0 0 auto;width:50%}
}
.entegra-tabler-skin .entegra-dashboard .h-100 {height:100%!important}
.entegra-tabler-skin .entegra-dashboard .flex-column {flex-direction:column!important}
.entegra-tabler-skin .entegra-dashboard .justify-content-center {justify-content:center!important}
.entegra-tabler-skin .entegra-dashboard .align-items-start {align-items:flex-start!important}
.entegra-tabler-skin .entegra-dashboard .align-items-baseline {align-items:baseline!important}
.entegra-tabler-skin .entegra-dashboard .align-items-stretch {align-items:stretch!important}
.entegra-tabler-skin .entegra-dashboard .mt-2 {margin-top:.5rem!important}
.entegra-tabler-skin .entegra-dashboard .mt-3 {margin-top:1rem!important}
.entegra-tabler-skin .entegra-dashboard .mt-auto {margin-top:auto!important}
.entegra-tabler-skin .entegra-dashboard .mb-1 {margin-bottom:.25rem!important}
.entegra-tabler-skin .entegra-dashboard .mb-3 {margin-bottom:1rem!important}
.entegra-tabler-skin .entegra-dashboard .ms-2 {margin-left:.5rem!important}
.entegra-tabler-skin .entegra-dashboard .ms-auto {margin-left:auto!important}
.entegra-tabler-skin .entegra-dashboard .py-5 {padding-top:2rem!important;padding-bottom:2rem!important}
.entegra-tabler-skin .entegra-dashboard .pt-2 {padding-top:.5rem!important}
.entegra-tabler-skin .entegra-dashboard .gap-2 {gap:.5rem!important}
.entegra-tabler-skin .entegra-dashboard .gap-3 {gap:1rem!important}
.entegra-tabler-skin .entegra-dashboard .fw-bold {font-weight:600!important}
.entegra-tabler-skin .entegra-dashboard .text-end {text-align:right!important}
.entegra-tabler-skin .entegra-dashboard .text-decoration-none {text-decoration:none!important}
@media (min-width:576px) {
  .entegra-tabler-skin .entegra-dashboard .flex-sm-row {flex-direction:row!important}
  .entegra-tabler-skin .entegra-dashboard .align-items-sm-center {align-items:center!important}
}
@media (min-width:768px) {
  .entegra-tabler-skin .entegra-dashboard .flex-md-row {flex-direction:row!important}
  .entegra-tabler-skin .entegra-dashboard .align-items-md-center {align-items:center!important}
}
.entegra-tabler-skin .entegra-dashboard .row>* {min-width:0}
.entegra-tabler-skin .entegra-dashboard .row-0>.col, .entegra-tabler-skin .entegra-dashboard .row-0>[class*=col-] {padding-right:0;padding-left:0}
.entegra-tabler-skin .entegra-dashboard .row-sm>.col, .entegra-tabler-skin .entegra-dashboard .row-sm>[class*=col-] {padding-right:.375rem;padding-left:.375rem}
.entegra-tabler-skin .entegra-dashboard .row-md>.col, .entegra-tabler-skin .entegra-dashboard .row-md>[class*=col-] {padding-right:1.5rem;padding-left:1.5rem}
.entegra-tabler-skin .entegra-dashboard .row-lg>.col, .entegra-tabler-skin .entegra-dashboard .row-lg>[class*=col-] {padding-right:3rem;padding-left:3rem}
.entegra-tabler-skin .entegra-dashboard .row-deck>.col, .entegra-tabler-skin .entegra-dashboard .row-deck>[class*=col-] {display:flex;align-items:stretch}
.entegra-tabler-skin .entegra-dashboard .row-deck>.col .card, .entegra-tabler-skin .entegra-dashboard .row-deck>[class*=col-] .card {flex:1 1 auto}
.entegra-tabler-skin .entegra-dashboard .row-cards {--tblr-gutter-x:1rem;--tblr-gutter-y:1rem;min-width:0}
.entegra-tabler-skin .entegra-dashboard .row-cards .row-cards {flex:1}
.entegra-tabler-skin .entegra-dashboard .bg-red-lt {color:color-mix(in srgb,#d63939 calc(1 * 100%),transparent)!important;background-color:color-mix(in srgb,rgb(250.9, 235.2, 235.2) calc(1 * 100%),transparent)!important}
.entegra-tabler-skin .entegra-dashboard .bg-orange-lt {color:color-mix(in srgb,#f76707 calc(1 * 100%),transparent)!important;background-color:color-mix(in srgb,rgb(254.2, 239.8, 230.2) calc(1 * 100%),transparent)!important}

/* ---- Dashboard görsel katmanı ----
   Kartların zemini/gölgesi, widget süslemeleri ve header'ın altına
   uzanan mavi bant. SIRA ÖNEMLİ:
     1) .card tabanı - legacy'de .card icin HIC zemin kurali yoktu
     2) widget süslemeleri (entegra-tabler.css yüklenmiyor)
     3) ticaret kutucugu gradientleri - .card'in background:#fff'i
        (0,3,0) shell'deki (0,2,0) gradient kuralini ezerdi
     4) mavi bant - .entegra-page-wrapper layout'ta oldugu icin
        @yield('body-class') ile basilan .entegra-dashboard-page'ten
        hedefleniyor
     5) kalan BS5/Tabler utility'leri */

/* -- cardbase -- */
.entegra-tabler-skin .entegra-dashboard .h1, .entegra-tabler-skin .entegra-dashboard .h2, .entegra-tabler-skin .entegra-dashboard .h3, .entegra-tabler-skin .entegra-dashboard .h4, .entegra-tabler-skin .entegra-dashboard .h5, .entegra-tabler-skin .entegra-dashboard .h6, .entegra-tabler-skin .entegra-dashboard h1, .entegra-tabler-skin .entegra-dashboard h2, .entegra-tabler-skin .entegra-dashboard h3, .entegra-tabler-skin .entegra-dashboard h4, .entegra-tabler-skin .entegra-dashboard h5, .entegra-tabler-skin .entegra-dashboard h6 {margin-top:0;margin-bottom:0.5rem;font-weight:600;line-height:1.2;color:inherit}
.entegra-tabler-skin .entegra-dashboard .h2, .entegra-tabler-skin .entegra-dashboard h2 {font-size:1.25rem}
.entegra-tabler-skin .entegra-dashboard .h3, .entegra-tabler-skin .entegra-dashboard h3 {font-size:1rem}
.entegra-tabler-skin .entegra-dashboard .card {--tblr-card-spacer-y:1rem;--tblr-card-spacer-x:1.25rem;--tblr-card-title-spacer-y:1.25rem;--tblr-card-title-color: ;--tblr-card-subtitle-color: ;--tblr-card-border-width:1px;--tblr-card-border-color:rgba(4, 32, 69, 0.1);--tblr-card-border-radius:8px;--tblr-card-box-shadow:0 0 4px rgba(31,41,55, 0.04);--tblr-card-inner-border-radius:calc(8px - (1px));--tblr-card-cap-padding-y:1rem;--tblr-card-cap-padding-x:1.25rem;--tblr-card-cap-bg:#f9fafb;--tblr-card-cap-color:inherit;--tblr-card-height: ;--tblr-card-color:inherit;--tblr-card-bg:#ffffff;--tblr-card-img-overlay-padding:1rem;--tblr-card-group-margin:1.5rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--tblr-card-height);color:#1f2937;word-wrap:break-word;background-color:var(--tblr-card-bg);background-clip:border-box;border:var(--tblr-card-border-width) solid var(--tblr-card-border-color);border-radius:var(--tblr-card-border-radius);box-shadow:var(--tblr-card-box-shadow)}
.entegra-tabler-skin .entegra-dashboard .card>.hr, .entegra-tabler-skin .entegra-dashboard .card>hr {margin-right:0;margin-left:0}
.entegra-tabler-skin .entegra-dashboard .card>.list-group {border-top:inherit;border-bottom:inherit}
.entegra-tabler-skin .entegra-dashboard .card>.list-group:first-child {border-top-width:0;border-top-left-radius:calc(8px - (1px));border-top-right-radius:calc(8px - (1px))}
.entegra-tabler-skin .entegra-dashboard .card>.list-group:last-child {border-bottom-width:0;border-bottom-right-radius:calc(8px - (1px));border-bottom-left-radius:calc(8px - (1px))}
.entegra-tabler-skin .entegra-dashboard .card>.card-header+.list-group, .entegra-tabler-skin .entegra-dashboard .card>.list-group+.card-footer {border-top:0}
.entegra-tabler-skin .entegra-dashboard .card-subtitle {margin-top:calc(-.5 * 1.25rem);margin-bottom:0;color:}
.entegra-tabler-skin .entegra-dashboard .card-footer {padding:1rem 1.25rem;color:inherit;background-color:#f9fafb;border-top:1px solid rgba(4, 32, 69, 0.1)}
.entegra-tabler-skin .entegra-dashboard .card-footer:last-child {border-radius:0 0 calc(8px - (1px)) calc(8px - (1px))}
.entegra-tabler-skin .entegra-dashboard .card-group>.card {margin-bottom:1.5rem}
@media (min-width:576px) {
  .entegra-tabler-skin .entegra-dashboard .card-group>.card {flex:1 0 0;margin-bottom:0}
  .entegra-tabler-skin .entegra-dashboard .card-group>.card+.card {margin-left:0;border-left:0}
  .entegra-tabler-skin .entegra-dashboard .card-group>.card:not(:last-child) {border-top-right-radius:0;border-bottom-right-radius:0}
  .entegra-tabler-skin .entegra-dashboard .card-group>.card:not(:last-child)>.card-header, .entegra-tabler-skin .entegra-dashboard .card-group>.card:not(:last-child)>.card-img-top {border-top-right-radius:0}
  .entegra-tabler-skin .entegra-dashboard .card-group>.card:not(:last-child)>.card-footer, .entegra-tabler-skin .entegra-dashboard .card-group>.card:not(:last-child)>.card-img-bottom {border-bottom-right-radius:0}
  .entegra-tabler-skin .entegra-dashboard .card-group>.card:not(:first-child) {border-top-left-radius:0;border-bottom-left-radius:0}
  .entegra-tabler-skin .entegra-dashboard .card-group>.card:not(:first-child)>.card-header, .entegra-tabler-skin .entegra-dashboard .card-group>.card:not(:first-child)>.card-img-top {border-top-left-radius:0}
  .entegra-tabler-skin .entegra-dashboard .card-group>.card:not(:first-child)>.card-footer, .entegra-tabler-skin .entegra-dashboard .card-group>.card:not(:first-child)>.card-img-bottom {border-bottom-left-radius:0}
}
.entegra-tabler-skin .entegra-dashboard .progress, .entegra-tabler-skin .entegra-dashboard .progress-stacked {--tblr-progress-height:0.5rem;--tblr-progress-font-size:0.65625rem;--tblr-progress-bg:#e5e7eb;--tblr-progress-border-radius:6px;--tblr-progress-box-shadow:0 0 transparent;--tblr-progress-bar-color:#ffffff;--tblr-progress-bar-bg:#066fd1;--tblr-progress-bar-transition:width 0.6s ease;display:flex;height:var(--tblr-progress-height);overflow:hidden;font-size:var(--tblr-progress-font-size);background-color:var(--tblr-progress-bg);border-radius:var(--tblr-progress-border-radius);box-shadow:var(--tblr-progress-box-shadow)}
.entegra-tabler-skin .entegra-dashboard .progress-bar {display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#ffffff;text-align:center;white-space:nowrap;background-color:#066fd1;transition:width 0.6s ease}
@media (prefers-reduced-motion:reduce) {
  .entegra-tabler-skin .entegra-dashboard .progress-bar {transition:none}
}
.entegra-tabler-skin .entegra-dashboard .progress-stacked>.progress {overflow:visible}
.entegra-tabler-skin .entegra-dashboard .progress-stacked>.progress>.progress-bar {width:100%}
.entegra-tabler-skin .entegra-dashboard .card {transition:transform .3s ease-out,opacity .3s ease-out,box-shadow .3s ease-out}
@media (prefers-reduced-motion:reduce) {
  .entegra-tabler-skin .entegra-dashboard .card {transition:none}
}
@media print {
  .entegra-tabler-skin .entegra-dashboard .card {border:none;box-shadow:none}
}
.entegra-tabler-skin .entegra-dashboard .card .card {box-shadow:none}
.entegra-tabler-skin .entegra-dashboard .card-borderless, .entegra-tabler-skin .entegra-dashboard .card-borderless .card-footer, .entegra-tabler-skin .entegra-dashboard .card-borderless .card-header {border-color:transparent}
.entegra-tabler-skin .entegra-dashboard .card-stacked {--tblr-card-stacked-offset:.25rem;position:relative}
.entegra-tabler-skin .entegra-dashboard .card-stacked:after {position:absolute;top:calc(-1 * .25rem);right:.25rem;left:.25rem;height:.25rem;content:"";background:var(--tblr-card-bg,#ffffff);border:1px solid rgba(4, 32, 69, 0.1);border-radius:8px 8px 0 0}
.entegra-tabler-skin .entegra-dashboard .card-footer {margin-top:auto}
.entegra-tabler-skin .entegra-dashboard .card-footer:last-child {border-radius:0 0 8px 8px}
.entegra-tabler-skin .entegra-dashboard .card-subtitle {margin-bottom:1.25rem;color:#6b7280;font-weight:400}
.entegra-tabler-skin .entegra-dashboard .card-header .card-subtitle {margin:0}
.entegra-tabler-skin .entegra-dashboard .card-title .card-subtitle {margin:0 0 0 .25rem;font-size:.875rem}
.entegra-tabler-skin .entegra-dashboard .card-sm>.card-body {padding:1rem}
.entegra-tabler-skin .entegra-dashboard .card-tabs .card {border-bottom-left-radius:0}
.entegra-tabler-skin .entegra-dashboard .card-tabs .nav-tabs+.tab-content .card {border-bottom-left-radius:8px;border-top-left-radius:0}
.entegra-tabler-skin .entegra-dashboard .dropdown-menu-card>.card {margin:0;border:0;box-shadow:none}
.entegra-tabler-skin .entegra-dashboard .row-0 .card {margin-bottom:0}
.entegra-tabler-skin .entegra-dashboard .row-sm .card {margin-bottom:.75rem}
.entegra-tabler-skin .entegra-dashboard .row-md .card {margin-bottom:3rem}
.entegra-tabler-skin .entegra-dashboard .row-lg .card {margin-bottom:6rem}
.entegra-tabler-skin .entegra-dashboard .row-deck>.col .card, .entegra-tabler-skin .entegra-dashboard .row-deck>[class*=col-] .card {flex:1 1 auto}
.entegra-tabler-skin .entegra-dashboard .progress {position:relative;width:100%;line-height:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.entegra-tabler-skin .entegra-dashboard .progress::-webkit-progress-bar {background:#e5e7eb}
.entegra-tabler-skin .entegra-dashboard .progress::-webkit-progress-value {background-color:#066fd1}
.entegra-tabler-skin .entegra-dashboard .progress::-moz-progress-bar {background-color:#066fd1}
.entegra-tabler-skin .entegra-dashboard .progress::-ms-fill {background-color:#066fd1;border:none}
.entegra-tabler-skin .entegra-dashboard .progress-bar {height:100%}
.entegra-tabler-skin .entegra-dashboard .progress-separated .progress-bar {box-shadow:0 0 0 2px var(--tblr-card-bg,#ffffff)}
.entegra-tabler-skin .entegra-dashboard .markdown>.h1, .entegra-tabler-skin .entegra-dashboard .markdown>.h2, .entegra-tabler-skin .entegra-dashboard .markdown>.h3, .entegra-tabler-skin .entegra-dashboard .markdown>.h4, .entegra-tabler-skin .entegra-dashboard .markdown>.h5, .entegra-tabler-skin .entegra-dashboard .markdown>.h6, .entegra-tabler-skin .entegra-dashboard .markdown>h1, .entegra-tabler-skin .entegra-dashboard .markdown>h2, .entegra-tabler-skin .entegra-dashboard .markdown>h3, .entegra-tabler-skin .entegra-dashboard .markdown>h4, .entegra-tabler-skin .entegra-dashboard .markdown>h5, .entegra-tabler-skin .entegra-dashboard .markdown>h6 {font-weight:600}
.entegra-tabler-skin .entegra-dashboard .markdown>.h2, .entegra-tabler-skin .entegra-dashboard .markdown>.h3, .entegra-tabler-skin .entegra-dashboard .markdown>.h4, .entegra-tabler-skin .entegra-dashboard .markdown>.h5, .entegra-tabler-skin .entegra-dashboard .markdown>.h6, .entegra-tabler-skin .entegra-dashboard .markdown>h2, .entegra-tabler-skin .entegra-dashboard .markdown>h3, .entegra-tabler-skin .entegra-dashboard .markdown>h4, .entegra-tabler-skin .entegra-dashboard .markdown>h5, .entegra-tabler-skin .entegra-dashboard .markdown>h6 {margin-top:2.5rem}
.entegra-tabler-skin .entegra-dashboard .table-responsive+.card-footer {border-top:0}
.entegra-tabler-skin .entegra-dashboard .card>.hr-text {margin:0}
.entegra-tabler-skin .entegra-dashboard .h1 a, .entegra-tabler-skin .entegra-dashboard .h2 a, .entegra-tabler-skin .entegra-dashboard .h3 a, .entegra-tabler-skin .entegra-dashboard .h4 a, .entegra-tabler-skin .entegra-dashboard .h5 a, .entegra-tabler-skin .entegra-dashboard .h6 a, .entegra-tabler-skin .entegra-dashboard h1 a, .entegra-tabler-skin .entegra-dashboard h2 a, .entegra-tabler-skin .entegra-dashboard h3 a, .entegra-tabler-skin .entegra-dashboard h4 a, .entegra-tabler-skin .entegra-dashboard h5 a, .entegra-tabler-skin .entegra-dashboard h6 a {color:inherit}
.entegra-tabler-skin .entegra-dashboard .h1 a:hover, .entegra-tabler-skin .entegra-dashboard .h2 a:hover, .entegra-tabler-skin .entegra-dashboard .h3 a:hover, .entegra-tabler-skin .entegra-dashboard .h4 a:hover, .entegra-tabler-skin .entegra-dashboard .h5 a:hover, .entegra-tabler-skin .entegra-dashboard .h6 a:hover, .entegra-tabler-skin .entegra-dashboard h1 a:hover, .entegra-tabler-skin .entegra-dashboard h2 a:hover, .entegra-tabler-skin .entegra-dashboard h3 a:hover, .entegra-tabler-skin .entegra-dashboard h4 a:hover, .entegra-tabler-skin .entegra-dashboard h5 a:hover, .entegra-tabler-skin .entegra-dashboard h6 a:hover {color:inherit}
.entegra-tabler-skin .entegra-dashboard .h2, .entegra-tabler-skin .entegra-dashboard h2 {font-size:1.25rem;line-height:1.75rem}
.entegra-tabler-skin .entegra-dashboard .h3, .entegra-tabler-skin .entegra-dashboard h3 {font-size:1rem;line-height:1.5rem}
.entegra-tabler-skin .entegra-dashboard .steps .h3, .entegra-tabler-skin .entegra-dashboard .steps h3 {counter-increment:step}
.entegra-tabler-skin .entegra-dashboard .steps .h3:not(:first-child), .entegra-tabler-skin .entegra-dashboard .steps h3:not(:first-child) {margin-top:2.5rem!important}
.entegra-tabler-skin .entegra-dashboard .steps .h3:before, .entegra-tabler-skin .entegra-dashboard .steps h3:before {content:counter(step);display:inline-block;position:absolute;margin-top:1px;margin-left:calc(-1 * 2rem - 1.5rem/ 2);width:1.5rem;height:1.5rem;text-align:center;color:#1f2937;border:1px solid #e5e7eb;background:#ffffff;border-radius:6px;line-height:calc(1.5rem - 2px);font-size:0.875rem;font-weight:600}

/* -- widgets -- */
.entegra-tabler-skin .entegra-dashboard .entegra-welcome-card {min-width: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, color-mix(in srgb, #066fd1 9%, transparent), transparent 34%),
    #ffffff;}
.entegra-tabler-skin .entegra-dashboard .entegra-welcome-card .card-body {min-height: 12.75rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-welcome-metrics {--tblr-gutter-x: 1.75rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-welcome-progress {width: 8rem;
  max-width: 100%;}
.entegra-tabler-skin .entegra-dashboard .entegra-welcome-art {position: relative;
  width: 12.5rem;
  height: 9.5rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-art-glow {position: absolute;
  inset: 1.25rem 1.5rem;
  border-radius: 50%;
  background: color-mix(in srgb, #066fd1 7%, transparent);}
.entegra-tabler-skin .entegra-dashboard .entegra-art-card {position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  border: 1px solid color-mix(in srgb, #066fd1 18%, #e5e7eb);
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 0.65rem 1.4rem rgba(24, 36, 51, 0.09);
  color: #066fd1;
  font-size: 1.65rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-art-card--check {top: 2.75rem;
  left: 4.4rem;
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 50%;
  background: #066fd1;
  color: #fff;
  font-size: 2rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-art-card--sales {top: 0.25rem;
  left: 0.5rem;
  transform: rotate(-7deg);}
.entegra-tabler-skin .entegra-dashboard .entegra-art-card--money {right: 0.15rem;
  bottom: 0.35rem;
  transform: rotate(8deg);}
.entegra-tabler-skin .entegra-dashboard .entegra-art-dot {position: absolute;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: #066fd1;}
.entegra-tabler-skin .entegra-dashboard .entegra-art-dot--one {top: 0.65rem;
  right: 3.25rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-art-dot--two {bottom: 1rem;
  left: 2.4rem;
  opacity: 0.55;}
.entegra-tabler-skin .entegra-dashboard .entegra-art-dot--three {top: 3.7rem;
  right: 0.4rem;
  width: 0.35rem;
  height: 0.35rem;
  opacity: 0.35;}
.entegra-tabler-skin .entegra-dashboard .entegra-feature-card, .entegra-tabler-skin .entegra-dashboard .entegra-ratio-card, .entegra-tabler-skin .entegra-dashboard .entegra-analysis-card, .entegra-tabler-skin .entegra-dashboard .entegra-dashboard-table-card {min-width: 0;
  overflow: hidden;}
.entegra-tabler-skin .entegra-dashboard .entegra-feature-card .card-body, .entegra-tabler-skin .entegra-dashboard .entegra-ratio-card .card-body {padding: 1rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-feature-card .h1, .entegra-tabler-skin .entegra-dashboard .entegra-ratio-card .h1 {font-size: 1.55rem;
  line-height: 1.15;
  white-space: nowrap;}
.entegra-tabler-skin .entegra-dashboard .entegra-feature-card .subheader, .entegra-tabler-skin .entegra-dashboard .entegra-ratio-card .subheader {min-width: 0;}
.entegra-tabler-skin .entegra-dashboard .entegra-sparkline {position: relative;
  width: 100%;
  min-height: 3.6rem;
  overflow: hidden;}
.entegra-tabler-skin .entegra-dashboard .entegra-sparkline--card {margin-top: auto;
  border-radius: 0 0 0.375rem 0.375rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-sparkline svg {display: block;
  width: 100%;
  height: 3.6rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-ring-wrap {display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 6.6rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-net-ring {--entegra-ring-value: 0deg;
  position: relative;
  display: grid;
  place-items: center;
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  background: conic-gradient(from 225deg,
      #066fd1 0deg,
      #066fd1 var(--entegra-ring-value),
      color-mix(in srgb, #e5e7eb 70%, white) var(--entegra-ring-value),
      color-mix(in srgb, #e5e7eb 70%, white) 270deg,
      transparent 270deg 360deg);
  transform: rotate(45deg);}
.entegra-tabler-skin .entegra-dashboard .entegra-net-ring::after {content: "";
  position: absolute;
  width: 5.15rem;
  height: 5.15rem;
  border-radius: 50%;
  background: #ffffff;}
.entegra-tabler-skin .entegra-dashboard .entegra-net-ring-inner {position: relative;
  z-index: 1;
  transform: rotate(-45deg);
  color: #1f2937;
  font-size: 1.25rem;
  font-weight: 600;}
.entegra-tabler-skin .entegra-dashboard .entegra-ratio-card .progress {background: color-mix(in srgb, #e5e7eb 78%, white);}
.entegra-tabler-skin .entegra-dashboard .entegra-ratio-card .progress-bar, .entegra-tabler-skin .entegra-dashboard .entegra-welcome-card .progress-bar {transition: width 0.25s ease;}
.entegra-tabler-skin .entegra-dashboard .entegra-analysis-card .card-body {padding: 1rem 1rem 0.35rem;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-widget {position: relative;
  width: 100%;
  min-width: 0;
  min-height: 210px;
  height: 210px;
  overflow: hidden;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-widget>div:not(.entegra-chart-empty) {width: 100% !important;
  min-width: 0 !important;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-widget .highcharts-container, .entegra-tabler-skin .entegra-dashboard .entegra-chart-widget .highcharts-root {max-width: 100%;
  font-family: inherit !important;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-widget .highcharts-background {fill: transparent !important;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-widget .highcharts-axis-labels text, .entegra-tabler-skin .entegra-dashboard .entegra-chart-widget .highcharts-legend-item text, .entegra-tabler-skin .entegra-dashboard .entegra-chart-widget .highcharts-tooltip text {font-family: inherit !important;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-widget .highcharts-graph {stroke-linecap: round;
  stroke-linejoin: round;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-widget .highcharts-area {opacity: 0.12;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-widget .highcharts-tooltip-box {fill: #ffffff !important;
  stroke: #e5e7eb !important;
  stroke-width: 1;
  rx: 8;
  ry: 8;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-widget .highcharts-contextbutton {display: none !important;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-widget.is-empty>div:not(.entegra-chart-empty) {opacity: 0.16;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-empty {position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  pointer-events: none;
  color: #6b7280;
  font-size: 0.8125rem;
  text-align: center;}
.entegra-tabler-skin .entegra-dashboard .entegra-chart-empty i {color: color-mix(in srgb, #066fd1 65%, #6b7280);
  font-size: 1.8rem;}
@media (max-width: 991.98px) {
  .entegra-tabler-skin .entegra-dashboard .entegra-welcome-card .card-body {min-height: 11.5rem;}
  .entegra-tabler-skin .entegra-dashboard .entegra-analysis-card .h3 {font-size: 1rem;}
}
@media (max-width: 767.98px) {
  .entegra-tabler-skin .entegra-dashboard .entegra-welcome-card .card-body {min-height: auto;}
  .entegra-tabler-skin .entegra-dashboard .entegra-feature-card .h1, .entegra-tabler-skin .entegra-dashboard .entegra-ratio-card .h1 {font-size: 1.4rem;}
  .entegra-tabler-skin .entegra-dashboard .entegra-ring-wrap {min-height: 5.75rem;}
  .entegra-tabler-skin .entegra-dashboard .entegra-net-ring {width: 6.3rem;
    height: 6.3rem;}
  .entegra-tabler-skin .entegra-dashboard .entegra-net-ring::after {width: 4.55rem;
    height: 4.55rem;}
}
@media (max-width: 575.98px) {
  .entegra-tabler-skin .entegra-dashboard .entegra-feature-card .card-body, .entegra-tabler-skin .entegra-dashboard .entegra-ratio-card .card-body {padding: 0.875rem;}
  .entegra-tabler-skin .entegra-dashboard .entegra-sparkline, .entegra-tabler-skin .entegra-dashboard .entegra-sparkline svg {min-height: 3.15rem;
    height: 3.15rem;}
  .entegra-tabler-skin .entegra-dashboard .entegra-chart-widget {min-height: 180px;
    height: 180px;}
  .entegra-tabler-skin .entegra-dashboard .entegra-analysis-card .card-body {padding: 0.875rem 0.75rem 0.2rem;}
  .entegra-tabler-skin .entegra-dashboard .entegra-analysis-card .card-title {font-size: 0.9rem;}
  .entegra-tabler-skin .entegra-dashboard .entegra-analysis-card .h3 {font-size: 0.9rem;}
}
.entegra-tabler-skin .entegra-dashboard .entegra-dashboard-greeting {font-size: clamp(1.5rem, 2.1vw, 2.125rem);
  line-height: 1.08;
  font-weight: 700;}

/* -- commerce -- */
.entegra-tabler-skin .entegra-dashboard .entegra-shell .entegra-commerce-card {position: relative;
  overflow: hidden;
  border: 0 !important;
  color: #ffffff !important;
  box-shadow: 0 0.85rem 1.8rem rgba(15, 23, 42, 0.12);
  transition: transform 0.16s ease, box-shadow 0.16s ease;}
.entegra-tabler-skin .entegra-dashboard .entegra-shell .entegra-commerce-card:hover {transform: translateY(-2px);
  box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.18);}
.entegra-tabler-skin .entegra-dashboard .entegra-shell .entegra-commerce-card::after {position: absolute;
  inset: auto -2.25rem -2.75rem auto;
  width: 8rem;
  height: 8rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  content: "";}
.entegra-tabler-skin .entegra-dashboard .entegra-shell .entegra-commerce-card--marketplace {background: linear-gradient(135deg, #0ea5e9, #2563eb);}
.entegra-tabler-skin .entegra-dashboard .entegra-shell .entegra-commerce-card--storefront {background: linear-gradient(135deg, #10b981, #16a34a);}
.entegra-tabler-skin .entegra-dashboard .entegra-shell .entegra-commerce-card--social {background: linear-gradient(135deg, #ec4899, #7c3aed);}
.entegra-tabler-skin .entegra-dashboard .entegra-shell .entegra-commerce-card--corefatura {background: linear-gradient(135deg, #f97316, #dc2626);}
.entegra-tabler-skin .entegra-dashboard .entegra-shell .entegra-commerce-card--default {background: linear-gradient(135deg, #475569, #0f172a);}
.entegra-tabler-skin .entegra-dashboard .entegra-shell .entegra-commerce-card .card-body {position: relative;
  z-index: 1;}

/* -- band -- */
.entegra-dashboard-page .entegra-page-wrapper {padding-top: 1.5rem;
  padding-bottom: 3rem;}
.entegra-dashboard-page .entegra-page-wrapper {background: linear-gradient(#0040C1 0 13rem, transparent 13rem);}
.entegra-dashboard-page .entegra-dashboard-heading {color: #ffffff;}
.entegra-dashboard-page .entegra-dashboard-heading .text-secondary, .entegra-dashboard-page .entegra-dashboard-heading .page-pretitle {color: rgba(255, 255, 255, 0.72) !important;}
.entegra-dashboard-page .entegra-dashboard-heading .page-title {color: #ffffff;}
.entegra-dashboard-page .entegra-dashboard-heading .btn-outline-secondary {border-color: rgba(255, 255, 255, 0.24);
  background: transparent;
  color: #ffffff;}
.entegra-dashboard-page .entegra-dashboard-heading .btn-outline-secondary:hover, .entegra-dashboard-page .entegra-dashboard-heading .btn-outline-secondary:focus {border-color: rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;}
.entegra-dashboard-page .entegra-dashboard-heading {min-width: 0;}
@media (max-width: 575.98px) {
  .entegra-dashboard-page .entegra-dashboard-heading {margin-bottom: 0.875rem !important;}
}

/* -- extra -- */
.entegra-tabler-skin .entegra-dashboard .g-3, .entegra-tabler-skin .entegra-dashboard .gy-3 {--tblr-gutter-y:1rem}
.entegra-tabler-skin .entegra-dashboard .g-4, .entegra-tabler-skin .entegra-dashboard .gx-4 {--tblr-gutter-x:1.5rem}
.entegra-tabler-skin .entegra-dashboard .g-4, .entegra-tabler-skin .entegra-dashboard .gy-4 {--tblr-gutter-y:1.5rem}
.entegra-tabler-skin .entegra-dashboard .font-monospace {font-family:Monaco,Consolas,Liberation Mono,Courier New,monospace!important}
.entegra-tabler-skin .entegra-dashboard .text-reset {--tblr-text-opacity:1;color:inherit!important}
.entegra-tabler-skin .entegra-dashboard .progress-sm {height:.25rem}
.entegra-tabler-skin .entegra-dashboard .table-vcenter>:not(caption)>*>* {vertical-align:middle}
.entegra-tabler-skin .entegra-dashboard .subheader {font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:#6b7280}

/* min-w-0: Tabler'da yok (Tailwind kalintisi; legacy Tailwind'i tw- onekiyle
   yukluyor). Flex cocuklarinin tasmamasi icin gerekli, elle tanimlandi. */
.entegra-tabler-skin .entegra-dashboard .min-w-0 {min-width:0}

/* ================================================================
   DASHBOARD GÖRSEL DİLİ

   Tek yerde toplanan görsel tercihler. Beğenilmeyen değer buradan
   değiştirilir; hiçbiri hata düzeltmesi değildir (biri hariç: aşağıdaki
   "beyaz metni geri al" bloğu gerçek bir regresyonu kapatıyor).
   ================================================================ */

/* ---------------------------------------------------------------
   0. ORTAK ÖLÇÜ
   --------------------------------------------------------------- */
.entegra-tabler-skin .entegra-dashboard {
  --entegra-stat-card-height: 8.75rem;   /* oran + küçük istatistik kartları */
}

/* ---------------------------------------------------------------
   1. KART GÖLGESİ
   Tabler'ın varsayılanı (0 0 4px rgba(31,41,55,.04)) neredeyse
   görünmezdi.
   --------------------------------------------------------------- */
.entegra-tabler-skin .entegra-dashboard .card {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04),
              0 2px 6px rgba(15, 23, 42, 0.05);
}
.entegra-tabler-skin .entegra-dashboard .card:hover {
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.05),
              0 4px 12px rgba(15, 23, 42, 0.07);
}

/* ---------------------------------------------------------------
   2. İKONLAR - dolu renk, beyaz glif
   --------------------------------------------------------------- */
.entegra-tabler-skin .entegra-dashboard .avatar.bg-blue   { background-color: #206bc4 !important; }
.entegra-tabler-skin .entegra-dashboard .avatar.bg-green  { background-color: #2fb344 !important; }
.entegra-tabler-skin .entegra-dashboard .avatar.bg-red    { background-color: #d63939 !important; }
.entegra-tabler-skin .entegra-dashboard .avatar.bg-orange { background-color: #f76707 !important; }
.entegra-tabler-skin .entegra-dashboard .avatar.bg-purple { background-color: #7c3aed !important; }
.entegra-tabler-skin .entegra-dashboard .avatar.bg-teal   { background-color: #0ca678 !important; }

.entegra-tabler-skin .entegra-dashboard .avatar > .ti { font-size: 1.5rem; line-height: 1; }
.entegra-tabler-skin .entegra-dashboard .avatar.text-white,
.entegra-tabler-skin .entegra-dashboard .avatar.text-white > .ti { color: #ffffff !important; }
/* .avatar-square Tabler'da tanımlı değil - kare köşe buradan geliyor */
.entegra-tabler-skin .entegra-dashboard .avatar.avatar-square { border-radius: 0.5rem; }
.entegra-tabler-skin .entegra-dashboard .avatar[class*="bg-"] {
  width: 2.75rem; height: 2.75rem;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.16);
}
.entegra-tabler-skin .entegra-dashboard .badge.bg-red {
  background-color: #d63939 !important; color: #ffffff !important;
}

/* ---------------------------------------------------------------
   3. ORAN KARTLARI + KÜÇÜK İSTATİSTİK KARTLARI AYNI BOYDA

   Oran kartları 4 satır içerik taşıyordu (~140px), küçük kartlar
   card-sm ile tek satır (~70px). İkisi de aynı yüksekliğe sabitlendi;
   küçük kartın içeriği dikeyde ortalanıp tipografisi büyütüldü ki
   boşluk boş durmasın.

   :not(.entegra-commerce-card) ŞART: ticaret kutucukları da
   `card card-sm` sınıflarını taşıyor ama onlar bilerek daha küçük.
   --------------------------------------------------------------- */
.entegra-tabler-skin .entegra-dashboard .entegra-ratio-card,
.entegra-tabler-skin .entegra-dashboard .entegra-smallstat-card {
  min-height: var(--entegra-stat-card-height);
}
.entegra-tabler-skin .entegra-dashboard .entegra-smallstat-card > .card-body {
  display: flex;
  align-items: center;
  padding: 1rem 1.25rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-smallstat-card > .card-body > .row {
  flex: 1 1 auto;
}
/* tutar/adet satırı: oran kartlarındaki h1 ritmine yaklaşsın */
.entegra-tabler-skin .entegra-dashboard .entegra-smallstat-card .fw-medium {
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.15;
}
.entegra-tabler-skin .entegra-dashboard .entegra-smallstat-card .text-secondary {
  font-size: 0.8125rem;
  line-height: 1.3;
}

/* ---------------------------------------------------------------
   4. TİCARET KUTUCUKLARI (E-Ticaret / Online Mağaza / Sosyal Ticaret
      / e-Fatura)

   Mağaza kartı hissi: gradient zemin (light istenmedi), üstten ince
   ışık, altta yarı saydam ayraçla ayrılmış durum satırı.
   --------------------------------------------------------------- */
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card {
  border-radius: 0.85rem;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06),
              0 6px 14px rgba(15, 23, 42, 0.12);
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.08),
              0 12px 24px rgba(15, 23, 42, 0.18);
}
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card > .card-body {
  position: relative;   /* süs katmanlarının altında kalmasın */
  z-index: 1;
  padding: 0.8rem 0.95rem;
}

/* --- BEYAZ METNİ GERİ AL (regresyon düzeltmesi) ---
   Taşıdığım .text-reset {color:inherit!important} ve .h2 {color:inherit}
   kuralları (0,3,0) shell'deki (0,2,0) beyaz kurallarını eziyordu; kart
   bir <a> olduğu için sayaç gövde rengini miras alıp SİYAH çıkıyordu. */
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card,
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card .h1,
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card .h2,
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card .h3,
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-title,
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-counter,
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-counter .h2 {
  color: #ffffff !important;
}
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-subtitle,
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-counter .small,
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-total,
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card .text-secondary {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* ikon: yarı saydam beyaz kutu */
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-icon {
  width: 2.25rem; height: 2.25rem; flex: 0 0 2.25rem;
  border-radius: 0.55rem;
  background: rgba(255, 255, 255, 0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-icon .ti {
  font-size: 1.2rem; color: #ffffff !important;
}

.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-title {
  font-size: 0.875rem; font-weight: 600; line-height: 1.2;
}
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-subtitle {
  font-size: 0.6875rem; line-height: 1.25;
}
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-counter .h2 {
  font-size: 1.5rem; font-weight: 700; line-height: 1;
}
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-counter .small {
  font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.03em;
}
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-total { font-size: 0.6875rem; }

/* durum satırı: yarı saydam ayraçla ayrılsın (mağaza kartı hissi) */
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card .mt-3 {
  margin-top: 0.7rem !important;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card-badge {
  font-size: 0.625rem; font-weight: 600;
  padding: 0.18rem 0.5rem; border-radius: 999px;
}

/* dekoratif daire + üstten ışık */
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card::after {
  inset: auto -1.5rem -1.75rem auto; width: 4.5rem; height: 4.5rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-commerce-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 45%;
  background: linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0));
  pointer-events: none;
}

/* -- 6) Modül widget'larının (Storefront paneli vb.) grid ihtiyacı.
      Panel col-xl-3 ve col-md-4 kullanıyordu; ikisi de taşınmamıştı,
      bu yüzden 4'lü satır 2'li kalıyordu. -- */
@media (min-width:576px) {
  .entegra-tabler-skin .entegra-dashboard .col-sm-3 {flex:0 0 auto;width:25%}
  .entegra-tabler-skin .entegra-dashboard .col-sm-4 {flex:0 0 auto;width:33.33333333%}
}
@media (min-width:768px) {
  .entegra-tabler-skin .entegra-dashboard .col-md-3 {flex:0 0 auto;width:25%}
  .entegra-tabler-skin .entegra-dashboard .col-md-4 {flex:0 0 auto;width:33.33333333%}
  .entegra-tabler-skin .entegra-dashboard .col-md-6 {flex:0 0 auto;width:50%}
  .entegra-tabler-skin .entegra-dashboard .col-md-8 {flex:0 0 auto;width:66.66666667%}
  .entegra-tabler-skin .entegra-dashboard .col-md-12 {flex:0 0 auto;width:100%}
}
@media (min-width:992px) {
  .entegra-tabler-skin .entegra-dashboard .col-lg-8 {flex:0 0 auto;width:66.66666667%}
  .entegra-tabler-skin .entegra-dashboard .col-lg-12 {flex:0 0 auto;width:100%}
}
@media (min-width:1200px) {
  .entegra-tabler-skin .entegra-dashboard .col-xl-1 {flex:0 0 auto;width:8.33333333%}
  .entegra-tabler-skin .entegra-dashboard .col-xl-2 {flex:0 0 auto;width:16.66666667%}
  .entegra-tabler-skin .entegra-dashboard .col-xl-3 {flex:0 0 auto;width:25%}
  .entegra-tabler-skin .entegra-dashboard .col-xl-4 {flex:0 0 auto;width:33.33333333%}
  .entegra-tabler-skin .entegra-dashboard .col-xl-5 {flex:0 0 auto;width:41.66666667%}
  .entegra-tabler-skin .entegra-dashboard .col-xl-6 {flex:0 0 auto;width:50%}
  .entegra-tabler-skin .entegra-dashboard .col-xl-8 {flex:0 0 auto;width:66.66666667%}
  .entegra-tabler-skin .entegra-dashboard .col-xl-12 {flex:0 0 auto;width:100%}
}
.entegra-tabler-skin .entegra-dashboard .btn-group-sm>.btn, .entegra-tabler-skin .entegra-dashboard .btn-sm {--tblr-btn-padding-y:0.3125rem;--tblr-btn-padding-x:0.5rem;--tblr-btn-font-size:0.75rem;--tblr-btn-border-radius:4px}
.entegra-tabler-skin .entegra-dashboard .btn-group-sm>.btn+.dropdown-toggle-split, .entegra-tabler-skin .entegra-dashboard .btn-sm+.dropdown-toggle-split {padding-right:.375rem;padding-left:.375rem}
.entegra-tabler-skin .entegra-dashboard .progress-bar {display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#ffffff;text-align:center;white-space:nowrap;background-color:#066fd1;transition:width 0.6s ease}
@media (prefers-reduced-motion:reduce) {
  .entegra-tabler-skin .entegra-dashboard .progress-bar {transition:none}
}
.entegra-tabler-skin .entegra-dashboard .progress-stacked>.progress>.progress-bar {width:100%}
.entegra-tabler-skin .entegra-dashboard .text-blue {--tblr-text-opacity:1;color:rgba(6,111,209,var(--tblr-text-opacity))!important}
.entegra-tabler-skin .entegra-dashboard .text-green {--tblr-text-opacity:1;color:rgba(47,179,68,var(--tblr-text-opacity))!important}
.entegra-tabler-skin .entegra-dashboard .btn-primary {--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:#f9fafb;--tblr-btn-bg:#066fd1;--tblr-btn-hover-color:#f9fafb;--tblr-btn-hover-bg:rgb(5.4, 99.9, 188.1);--tblr-btn-active-color:#f9fafb;--tblr-btn-active-bg:rgb(5.4, 99.9, 188.1);--tblr-btn-disabled-bg:#066fd1;--tblr-btn-disabled-color:#f9fafb;--tblr-btn-box-shadow:0 1px 1px rgba(31,41,55, 0.06)}
.entegra-tabler-skin .entegra-dashboard .btn-outline-secondary, .entegra-tabler-skin .entegra-dashboard .btn-outline.btn-secondary {--tblr-btn-color:#6b7280;--tblr-btn-bg:transparent;--tblr-btn-border-color:#6b7280;--tblr-btn-hover-color:#f9fafb;--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:#6b7280;--tblr-btn-active-color:#f9fafb;--tblr-btn-active-bg:#6b7280;--tblr-btn-active-border-color:#6b7280;--tblr-btn-disabled-color:#6b7280;--tblr-btn-disabled-border-color:#6b7280}
.entegra-tabler-skin .entegra-dashboard .btn-group-sm>.btn, .entegra-tabler-skin .entegra-dashboard .btn-sm {--tblr-btn-line-height:1.3333333333;--tblr-btn-icon-size:1rem}
.entegra-tabler-skin .entegra-dashboard .progress-bar {height:100%}
.entegra-tabler-skin .entegra-dashboard .progress-separated .progress-bar {box-shadow:0 0 0 2px var(--tblr-card-bg,#ffffff)}
.entegra-tabler-skin .entegra-dashboard .bg-muted-lt {color:color-mix(in srgb,#6b7280 calc(1 * 100%),transparent)!important;background-color:color-mix(in srgb,rgb(240.2, 240.9, 242.3) calc(1 * 100%),transparent)!important}
.entegra-tabler-skin .entegra-dashboard .bg-blue-lt {color:color-mix(in srgb,#066fd1 calc(1 * 100%),transparent)!important;background-color:color-mix(in srgb,rgb(230.1, 240.6, 250.4) calc(1 * 100%),transparent)!important}
.entegra-tabler-skin .entegra-dashboard .bg-red-lt {color:color-mix(in srgb,#d63939 calc(1 * 100%),transparent)!important;background-color:color-mix(in srgb,rgb(250.9, 235.2, 235.2) calc(1 * 100%),transparent)!important}
.entegra-tabler-skin .entegra-dashboard .bg-green-lt {color:color-mix(in srgb,#2fb344 calc(1 * 100%),transparent)!important;background-color:color-mix(in srgb,rgb(234.2, 247.4, 236.3) calc(1 * 100%),transparent)!important}
.entegra-tabler-skin .entegra-dashboard .text-blue {--tblr-text-opacity:1;color:color-mix(in srgb,#066fd1 calc(var(--tblr-text-opacity) * 100%),transparent)!important}
.entegra-tabler-skin .entegra-dashboard .text-green {--tblr-text-opacity:1;color:color-mix(in srgb,#2fb344 calc(var(--tblr-text-opacity) * 100%),transparent)!important}

/* ================================================================
   ONLINE MAĞAZA PANELİ (Storefront tenant_summary)

   Tam genişlikte kalır ama ticaret kutucuğu ritmine iner: başlık şeridi
   ve iç kartlar sıkılaştırıldı, kota çubukları tek satıra toplandı.

   NOT: panelin iç kartları da `card card-sm` taşıyor. Dashboard'ın
   "aynı boy" kuralı artık .entegra-smallstat-card ile açık sınıfa
   bağlı - geniş .card-sm eşleşmesi bu paneli de yakalayıp içeriğini
   flex'e çeviriyordu (etiketler yan yana diziliyordu).
   ================================================================ */

.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary > .card-header {
  padding: 0.6rem 0.9rem;
  min-height: 0;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .card-title {
  font-size: 0.9375rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary > .card-body {
  padding: 0.75rem 0.9rem;
}

/* iç kartlar: kompakt, dikeyde sıkı */
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .card-sm > .card-body {
  padding: 0.65rem 0.8rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .card-sm .h3 {
  font-size: 0.9375rem;
  margin-bottom: 0.15rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .subheader {
  font-size: 0.6875rem;
  margin-bottom: 0.2rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .card-sm .small,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .card-sm .text-secondary {
  font-size: 0.6875rem;
  line-height: 1.25;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .avatar {
  width: 2.25rem;
  height: 2.25rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .btn-sm {
  padding: 0.25rem 0.55rem;
  font-size: 0.75rem;
}

/* kota çubukları: etiket / değer / çubuk tek blokta, sıkı */
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .progress {
  height: 0.35rem;
  margin: 0.2rem 0 0.15rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .progress + .text-secondary,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .progress + .small {
  font-size: 0.6875rem;
}

/* ================================================================
   ONLINE MAĞAZA PANELİ - TAM RENKLİ

   Ticaret kutucuklarıyla aynı dil: dolu renkli zemin, beyaz metin.
   Zemin doğrudan var(--entegra-header-bg)'den geliyor - yani panel
   Ayarlar > İşletme Ayarları > Tema Rengi seçimini header ile birlikte
   takip eder, sabit bir maviye çakılmaz.

   Panel Tabler + Tailwind (tw-*) karışımı kullanıyor; tw-text-gray-*
   sınıfları koyu metin bastığı için burada tek tek eziliyor.
   ================================================================ */

.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary {
  border: 0;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 8% 12%, rgba(45, 212, 191, 0.42), transparent 30%),
    radial-gradient(circle at 92% 18%, rgba(168, 85, 247, 0.42), transparent 32%),
    radial-gradient(circle at 65% 105%, rgba(34, 197, 94, 0.32), transparent 28%),
    linear-gradient(135deg, #075985 0%, #1d4ed8 46%, #6d28d9 100%);
  box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.18),
              0 0.35rem 1rem rgba(37, 99, 235, 0.18);
}
/* color-mix desteklemeyen tarayıcı için düz zemin yedeği */
@supports not (background: color-mix(in srgb, red 50%, blue)) {
  .entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary {
    background: linear-gradient(135deg, #075985, #1d4ed8 48%, #6d28d9);
  }
}

/* üstten ince ışık - ticaret kutucuklarındaki hacim hissi */
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.18), transparent 34%),
    radial-gradient(circle at 18% 24%, rgba(255, 255, 255, 0.18), transparent 18%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0 1px, transparent 1px 14px);
  opacity: 0.72;
  pointer-events: none;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary::after {
  content: "";
  position: absolute;
  right: -4.2rem;
  bottom: -5rem;
  width: 18rem;
  height: 18rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.22), transparent 64%);
  pointer-events: none;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary > .card-header,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary > .card-body {
  position: relative;
  z-index: 1;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.18);
}

/* --- metin: hepsi beyaz --- */
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .card-title,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .h3,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .tw-text-gray-900 {
  color: #ffffff !important;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .subheader,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .text-secondary,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .small,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .tw-text-gray-500,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .tw-text-gray-400 {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* --- iç kartlar: yarı saydam beyaz kutular --- */
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .card {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(10px);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .card:hover {
  background: rgba(255, 255, 255, 0.19) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22),
              0 0.65rem 1.35rem rgba(15, 23, 42, 0.12);
  transform: translateY(-1px);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .card-sm::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.25rem;
  background: linear-gradient(#22d3ee, #60a5fa);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .row-cards > [class*="col-"]:nth-child(2) .card-sm::before {
  background: linear-gradient(#34d399, #22c55e);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .row-cards > [class*="col-"]:nth-child(3) .card-sm::before {
  background: linear-gradient(#fbbf24, #fb7185);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .row-cards > [class*="col-"]:nth-child(4) .card-sm::before {
  background: linear-gradient(#a78bfa, #f472b6);
}

/* --- başlık ikonu --- */
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .avatar {
  background: linear-gradient(135deg, rgba(45, 212, 191, 0.92), rgba(59, 130, 246, 0.92)) !important;
  box-shadow: 0 0.7rem 1.35rem rgba(14, 165, 233, 0.24),
              inset 0 0 0 1px rgba(255, 255, 255, 0.34);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .avatar .ti {
  color: #ffffff !important;
}

/* --- butonlar: yarı saydam beyaz --- */
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .btn {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .btn:hover,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .btn:focus {
  background: rgba(255, 255, 255, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  color: #ffffff !important;
}

/* --- rozetler --- */
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .badge {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.26);
}
/* "Açık" gibi olumlu durumlar yeşil kalsın ki bilgi kaybolmasın */
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .badge.bg-green-lt,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .badge.bg-green {
  background: rgba(47, 179, 68, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.3);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .badge.bg-red-lt,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .badge.bg-red {
  background: rgba(214, 57, 57, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.3);
}

/* --- kota çubukları --- */
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .progress {
  height: 0.42rem;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.22) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-summary .progress-bar {
  background-image: linear-gradient(90deg, #ffffff, #67e8f9) !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 14px rgba(255, 255, 255, 0.38);
}

/* --- Online Magaza v2: dashboard kokpiti --- */
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2 {
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 1.25rem;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  min-height: 17rem;
  background:
    radial-gradient(circle at 0% 12%, rgba(20, 184, 166, 0.26), transparent 28%),
    radial-gradient(circle at 86% 8%, rgba(99, 102, 241, 0.28), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 48%, #eef2ff 100%) !important;
  color: #0f172a !important;
  box-shadow: 0 1.25rem 2.8rem rgba(15, 23, 42, 0.12),
              0 0.25rem 0.8rem rgba(37, 99, 235, 0.08);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2::before {
  inset: 0;
  height: auto;
  opacity: 1;
  background:
    linear-gradient(120deg, rgba(14, 165, 233, 0.12), transparent 35%),
    repeating-linear-gradient(90deg, rgba(37, 99, 235, 0.055) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(0deg, rgba(37, 99, 235, 0.04) 0 1px, transparent 1px 34px);
  mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, 0.45), transparent);
  -webkit-mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, 0.45), transparent);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2::after {
  right: -6rem;
  top: -6rem;
  bottom: auto;
  width: 20rem;
  height: 20rem;
  background:
    radial-gradient(circle, rgba(124, 58, 237, 0.16), transparent 62%),
    radial-gradient(circle at 30% 70%, rgba(14, 165, 233, 0.16), transparent 54%);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__glow {
  position: absolute;
  left: 42%;
  bottom: -5.5rem;
  width: 18rem;
  height: 18rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(45, 212, 191, 0.16), transparent 62%);
  pointer-events: none;
  z-index: -1;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.05rem 1.15rem 0.75rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__brand {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.15rem;
  height: 3.15rem;
  flex: 0 0 auto;
  border-radius: 1rem;
  background: linear-gradient(135deg, #06b6d4, #2563eb 58%, #7c3aed);
  color: #ffffff;
  box-shadow: 0 0.85rem 1.7rem rgba(37, 99, 235, 0.28);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__logo .ti {
  font-size: 1.75rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__eyebrow {
  color: #2563eb !important;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__title {
  margin: 0.2rem 0 0;
  color: #0f172a !important;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.1;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__subtitle,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__muted {
  color: #64748b !important;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__subtitle {
  font-size: 0.8rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 2.35rem;
  padding: 0 0.8rem;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.78);
  color: #1d4ed8 !important;
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 0.45rem 1rem rgba(37, 99, 235, 0.08);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__action--primary {
  border-color: transparent;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  color: #ffffff !important;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__action:hover,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__action:focus {
  transform: translateY(-1px);
  text-decoration: none;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__body {
  position: relative;
  z-index: 1;
  padding: 1rem 1.15rem 1.15rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__grid {
  display: grid;
  grid-template-columns: minmax(16rem, 1fr) minmax(24rem, 1.35fr) minmax(14rem, 0.78fr);
  gap: 0.9rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__panel {
  position: relative;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__panel--overview {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(240, 249, 255, 0.72));
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__panel--usage {
  background: linear-gradient(145deg, rgba(239, 246, 255, 0.9), rgba(250, 245, 255, 0.76));
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__panel--quick {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(240, 253, 250, 0.74));
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0.85rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.65rem;
  padding: 0 0.6rem;
  border-radius: 999px;
  background: #e2e8f0;
  color: #475569 !important;
  font-size: 0.72rem;
  font-weight: 800;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__status.is-live {
  background: #dcfce7;
  color: #15803d !important;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__status.is-offline {
  background: #fee2e2;
  color: #b91c1c !important;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__status.is-domain {
  background: #dbeafe;
  color: #1d4ed8 !important;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__main-stat {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.85rem;
  border-radius: 0.95rem;
  background: #0f172a;
  color: #ffffff;
  box-shadow: 0 0.85rem 1.5rem rgba(15, 23, 42, 0.14);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__main-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.65rem;
  height: 2.65rem;
  flex: 0 0 auto;
  border-radius: 0.85rem;
  background: linear-gradient(135deg, #22d3ee, #34d399);
  color: #082f49;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__label {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__value {
  color: #ffffff !important;
  font-size: 1.35rem;
  font-weight: 850;
  line-height: 1.15;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__main-stat .entegra-storefront-v2__muted {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.78rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 0.75rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__mini {
  min-width: 0;
  padding: 0.75rem;
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.9);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__mini i {
  color: #2563eb;
  font-size: 1.15rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__mini span,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__mini small {
  display: block;
  color: #64748b !important;
  font-size: 0.72rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__mini strong {
  display: block;
  margin-top: 0.15rem;
  color: #0f172a;
  font-size: 0.88rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  color: #475569 !important;
  font-size: 0.75rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__date b {
  height: 1px;
  flex: 1 1 auto;
  background: linear-gradient(90deg, #93c5fd, transparent);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__section-head h4 {
  margin: 0.25rem 0 0;
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.1;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__pulse {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.75rem;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(124, 58, 237, 0.14));
  color: #4f46e5;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__gauges {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__gauge {
  min-width: 0;
  padding: 0.8rem 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.78);
  text-align: center;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__dial {
  display: grid;
  place-items: center;
  width: 5.65rem;
  height: 5.65rem;
  margin: 0 auto 0.65rem;
  border-radius: 999px;
  background:
    radial-gradient(circle closest-side, #ffffff 68%, transparent 69%),
    conic-gradient(var(--sf-accent) calc(var(--sf-pct) * 1%), rgba(148, 163, 184, 0.22) 0);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.16),
              0 0.6rem 1.3rem color-mix(in srgb, var(--sf-accent) 20%, transparent);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__dial span {
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 850;
  line-height: 1;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__gauge-copy i {
  color: var(--sf-accent);
  font-size: 1rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__gauge-copy strong {
  display: block;
  margin-top: 0.15rem;
  color: #0f172a;
  font-size: 0.78rem;
  line-height: 1.2;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__gauge-copy small {
  display: block;
  margin-top: 0.2rem;
  color: #64748b !important;
  font-size: 0.7rem;
  line-height: 1.2;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__quick-list {
  display: grid;
  gap: 0.65rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__quick {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 4.3rem;
  padding: 0.7rem;
  border-radius: 0.95rem;
  background: #ffffff;
  color: #0f172a !important;
  text-decoration: none;
  box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.06);
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__quick:hover,
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__quick:focus {
  transform: translateX(2px);
  text-decoration: none;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__quick span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.45rem;
  height: 2.45rem;
  flex: 0 0 auto;
  border-radius: 0.8rem;
  background: linear-gradient(135deg, #dbeafe, #ede9fe);
  color: #2563eb;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__quick strong {
  display: block;
  color: #0f172a;
  font-size: 0.86rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__quick small {
  display: block;
  color: #64748b !important;
  font-size: 0.72rem;
}
.entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__alert {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0.85rem 1.15rem 0;
  padding: 0.7rem 0.85rem;
  border-radius: 0.9rem;
  background: #fee2e2;
  color: #991b1b;
  font-weight: 700;
}

@media (max-width: 1199.98px) {
  .entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__grid {
    grid-template-columns: 1fr 1fr;
  }
  .entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__panel--quick {
    grid-column: 1 / -1;
  }
  .entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__quick-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__head {
    align-items: stretch;
    flex-direction: column;
  }
  .entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__actions,
  .entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__action {
    width: 100%;
  }
  .entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__grid,
  .entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__gauges,
  .entegra-tabler-skin .entegra-dashboard .entegra-storefront-v2__quick-list {
    grid-template-columns: 1fr;
  }
}