:root {
    --ktc-blue: #0284c7;
    --ktc-button: #0ea5e9;
    --ktc-blue-dark: #0369a1;
    --ktc-blue-soft: #f0f9ff;
    --ktc-navy: #0f172a;
    --ktc-sidebar: #111c30;
    --ktc-sidebar-hover: #1e2d45;
    --ktc-canvas: #f6f8fb;
    --ktc-surface: #ffffff;
    --ktc-text: #0f172a;
    --ktc-muted: #64748b;
    --ktc-border: #e2e8f0;
    --ktc-radius: 12px;
    --ktc-shadow: 0 1px 2px rgba(15, 23, 42, .03), 0 5px 16px rgba(15, 23, 42, .045);
    --ktc-float-shadow: 0 18px 45px rgba(15, 23, 42, .16);
}

html, body { color: var(--ktc-text); background: var(--ktc-canvas); }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { color: var(--ktc-blue-dark); text-decoration: none; }
a:hover, a:focus { color: #075985; text-decoration: none; }
.thetop { height: 100vh; height: 100dvh; min-height: 0; overflow: hidden; background: var(--ktc-canvas); }
#scrollable-container, .content-wrapper, .content { background: var(--ktc-canvas) !important; }

/* Application shell */
.side-bar {
    width: 16.5rem !important; height: 100vh !important; height: 100dvh !important;
    min-height: 0 !important; overflow: hidden !important;
    border-right: 1px solid #26344b !important; background: var(--ktc-sidebar) !important;
    box-shadow: 6px 0 24px rgba(15, 23, 42, .08) !important;
}
.ktc-sidebar-brand {
    min-height: 70px; padding: 10px 15px; justify-content: flex-start !important; gap: 11px;
    border-color: #26344b !important; background: #0d1728 !important;
}
.ktc-sidebar-brand__logo {
    width: 43px; height: 43px; padding: 4px; flex: 0 0 43px;
    border-radius: 9px; object-fit: contain; background: #fff;
}
.ktc-sidebar-brand__fallback {
    display: inline-flex; width: 43px; height: 43px; flex: 0 0 43px;
    align-items: center; justify-content: center; border-radius: 9px;
    color: #fff; background: #263653; font-weight: 700;
}
.ktc-sidebar-brand__business { min-width: 0; color: #fff; line-height: 1.2; }
.ktc-sidebar-brand__business strong { display: block; overflow: hidden; color: #fff; font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.ktc-sidebar-brand__business span { display: block; margin-top: 4px; color: #94a3b8; font-size: 10px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.side-bar > .tw-px-3 { border-color: #26344b !important; background: var(--ktc-sidebar) !important; }
.side-bar > .tw-px-3 > div { border-color: #34435a !important; border-radius: 8px !important; background: #17243a !important; }
.side-bar #sidebar-search { color: #e2e8f0 !important; }
.side-bar #sidebar-search::placeholder { color: #7f8da3 !important; }
#side-bar {
    min-height: 0 !important; padding: 12px 10px 22px !important;
    overflow-x: hidden !important; overflow-y: auto !important; border: 0 !important;
    scrollbar-width: thin; scrollbar-color: #3b4a60 transparent;
}
#side-bar::-webkit-scrollbar { width: 5px; }
#side-bar::-webkit-scrollbar-thumb { border-radius: 10px; background: #3b4a60; }
#side-bar a.theme-sidebar-hover {
    min-height: 40px; padding: 9px 11px !important; border-radius: 7px !important;
    color: #bdc9d8 !important; font-size: 13.5px !important; font-weight: 500 !important;
}
#side-bar a.theme-sidebar-hover:hover { color: #fff !important; background: var(--ktc-sidebar-hover) !important; }
#side-bar a.theme-sidebar-active { color: #fff !important; background: #263a59 !important; box-shadow: inset 3px 0 0 #38bdf8 !important; }
html[dir="rtl"] #side-bar a.theme-sidebar-active { box-shadow: inset -3px 0 0 #38bdf8 !important; }
#side-bar a svg, #side-bar a i { color: #8fa0b7 !important; }
#side-bar a:hover svg, #side-bar a:hover i,
#side-bar a.theme-sidebar-active svg, #side-bar a.theme-sidebar-active i { color: #7dd3fc !important; }
#side-bar a.theme-sidebar-child-hover { color: #aebdd0 !important; }
#side-bar a.theme-sidebar-child-hover:hover, #side-bar a.theme-sidebar-child-active { color: #fff !important; }

.ktc-main-header {
    min-height: 70px !important; height: 70px !important;
    border-color: var(--ktc-border) !important; background: rgba(255,255,255,.98) !important;
    box-shadow: 0 1px 3px rgba(15,23,42,.035) !important;
    position: sticky; top: 0; z-index: 1030;
}
.ktc-main-header .theme-btn-bg {
    border: 1px solid #d7e0ea !important; border-radius: 8px !important;
    color: #334155 !important; background: #fff !important; box-shadow: none !important;
}
.ktc-main-header .theme-btn-bg:hover { border-color: #aebdce !important; color: var(--ktc-navy) !important; background: #f8fafc !important; }
.ktc-main-header .theme-btn-bg svg { color: currentColor !important; }
.ktc-main-header a[href*="/pos/create"] { border-color: var(--ktc-button) !important; color: #fff !important; background: var(--ktc-button) !important; }
.ktc-main-header a[href*="/pos/create"]:hover { border-color: var(--ktc-blue) !important; background: var(--ktc-blue) !important; }

/* Modern header composition */
.ktc-header-inner { height: 100%; padding: 10px 22px !important; }
.ktc-header-nav { height: 100%; }
.ktc-header-start { min-width: 0; }
.ktc-header-context { min-width: 0; padding-inline-start: 2px; line-height: 1.2; }
.ktc-header-context span, .ktc-header-context strong { display: block; }
.ktc-header-context span { margin-bottom: 3px; color: #94a3b8; font-size: 10px; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
.ktc-header-context strong { max-width: 260px; overflow: hidden; color: var(--ktc-navy); font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.ktc-header-actions { flex-wrap: nowrap !important; gap: 8px !important; }
.ktc-header-actions > button,
.ktc-header-actions > details > summary,
.ktc-header-actions > a { min-height: 38px; }
.ktc-header-actions .ktc-header-icon { width: 38px; height: 38px; padding: 0 !important; }
.ktc-header-actions .ktc-header-primary {
    min-height: 40px; padding-inline: 15px !important; border: 0 !important;
    border-radius: 8px !important; color: #fff !important; background: var(--ktc-button) !important;
    box-shadow: 0 5px 13px rgba(2,132,199,.18) !important;
}
.ktc-header-actions .ktc-header-primary:hover { background: var(--ktc-blue) !important; transform: translateY(-1px); }
.ktc-header-user { margin-inline-start: 2px; padding-inline-start: 10px; border-inline-start: 1px solid var(--ktc-border); }
.ktc-header-user > summary { min-width: 42px; gap: 8px !important; border: 0 !important; color: #334155 !important; background: transparent !important; }
.ktc-header-user > summary:hover { color: var(--ktc-blue-dark) !important; background: var(--ktc-blue-soft) !important; }
.ktc-header-user > summary svg { padding: 4px; border-radius: 50%; color: #fff !important; background: var(--ktc-blue); }
.ktc-header-quick > summary { width: auto; min-width: 38px; height: 38px; padding: 0 11px !important; }
.ktc-header-quick .ktc-quick-label { font-size: 12.5px; font-weight: 650; }

/* Modern sidebar composition */
.side-bar { width: 17rem !important; }
.ktc-sidebar-brand { min-height: 76px; padding: 13px 16px; }
.ktc-sidebar-brand__logo, .ktc-sidebar-brand__fallback { width: 46px; height: 46px; flex-basis: 46px; }
.ktc-sidebar-brand__business strong { font-size: 13.5px; }
.ktc-sidebar-search { padding: 13px 12px 8px !important; border: 0 !important; }
.ktc-sidebar-search__field {
    min-height: 39px; padding: 8px 11px !important; border: 1px solid #34445c !important;
    border-radius: 8px !important; background: #17253b !important; transition: border-color .16s ease, background .16s ease;
}
.ktc-sidebar-search__field:focus-within { border-color: #4f718f !important; background: #1c2c44 !important; box-shadow: 0 0 0 3px rgba(56,189,248,.08); }
.ktc-sidebar-search__field svg { color: #7f91aa !important; }
#side-bar { padding-top: 8px !important; }
#side-bar > li { margin-bottom: 4px; }
#side-bar a.theme-sidebar-hover { min-height: 43px; padding: 10px 12px !important; border-radius: 9px !important; }
#side-bar a.theme-sidebar-active { background: linear-gradient(90deg, #263d5e, #22334e) !important; }
html[dir="rtl"] #side-bar a.theme-sidebar-active { background: linear-gradient(-90deg, #263d5e, #22334e) !important; }
#side-bar .tw-ml-8, #side-bar .tw-ms-8 { border-color: #31425b !important; }
#side-bar [class*="tw-uppercase"] { color: #718198 !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .09em !important; }

/* High-contrast navigation shell. */
.side-bar {
    border-color: #273449 !important; background: #111827 !important;
    box-shadow: 6px 0 22px rgba(15,23,42,.11) !important;
}
.ktc-sidebar-brand { border-color: #273449 !important; background: #0b1220 !important; }
.ktc-sidebar-brand__logo { border: 1px solid rgba(255,255,255,.16); box-shadow: 0 5px 14px rgba(0,0,0,.18); }
.ktc-sidebar-brand__fallback { color: #fff; background: var(--ktc-blue); box-shadow: 0 5px 14px rgba(2,132,199,.24); }
.ktc-sidebar-brand__business,
.ktc-sidebar-brand__business strong { color: #f8fafc !important; }
.ktc-sidebar-brand__business span { color: #94a3b8 !important; }
.side-bar > .tw-px-3 { border-color: transparent !important; background: #111827 !important; }
.ktc-sidebar-search__field,
.side-bar > .tw-px-3 > div {
    border-color: #334155 !important; background: #182235 !important;
}
.ktc-sidebar-search__field:focus-within {
    border-color: #0ea5e9 !important; background: #1d2a40 !important;
    box-shadow: 0 0 0 3px rgba(14,165,233,.1) !important;
}
.ktc-sidebar-search__field svg { color: #8492a8 !important; }
.side-bar #sidebar-search { color: #e2e8f0 !important; }
.side-bar #sidebar-search::placeholder { color: #718096 !important; }
#side-bar { scrollbar-color: #3a465a transparent; }
#side-bar::-webkit-scrollbar-thumb { background: #3a465a; }
#side-bar a.theme-sidebar-hover { color: #b8c2d1 !important; }
#side-bar a.theme-sidebar-hover:hover { color: #f8fafc !important; background: #1c2940 !important; }
#side-bar a.theme-sidebar-active,
html[dir="rtl"] #side-bar a.theme-sidebar-active {
    color: #fff !important; background: #087fb9 !important;
}
#side-bar a.theme-sidebar-active { box-shadow: inset 3px 0 0 #7dd3fc, 0 5px 14px rgba(2,132,199,.18) !important; }
html[dir="rtl"] #side-bar a.theme-sidebar-active { box-shadow: inset -3px 0 0 #7dd3fc, 0 5px 14px rgba(2,132,199,.18) !important; }
#side-bar a svg, #side-bar a i { color: #8492a8 !important; }
#side-bar a svg { width: 19px; height: 19px; flex: 0 0 19px; }
#side-bar a:hover svg, #side-bar a:hover i,
#side-bar a.theme-sidebar-active svg, #side-bar a.theme-sidebar-active i { color: #fff !important; }
#side-bar a.theme-sidebar-child-hover { color: #94a3b8 !important; }
#side-bar a.theme-sidebar-child-hover:hover,
#side-bar a.theme-sidebar-child-active { color: #7dd3fc !important; }
#side-bar .tw-ml-8, #side-bar .tw-ms-8 { border-color: #334155 !important; }
#side-bar [class*="tw-uppercase"] { margin-top: 18px !important; padding-bottom: 5px !important; color: #64748b !important; letter-spacing: .11em !important; }

/* Refined sidebar selection hierarchy. */
#side-bar a.theme-sidebar-hover {
    position: relative;
    border: 1px solid transparent;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease;
}
#side-bar a.theme-sidebar-hover:hover {
    border-color: rgba(148, 163, 184, .1) !important;
    background: #1c2940 !important;
}
#side-bar a.theme-sidebar-active,
html[dir="rtl"] #side-bar a.theme-sidebar-active {
    color: #fff !important;
    border-color: rgba(56, 189, 248, .2) !important;
    background: linear-gradient(90deg, #1b344c 0%, #18283d 100%) !important;
    box-shadow: 0 3px 10px rgba(2, 8, 23, .18) !important;
}
html[dir="rtl"] #side-bar a.theme-sidebar-active {
    background: linear-gradient(-90deg, #1b344c 0%, #18283d 100%) !important;
}
#side-bar a.theme-sidebar-active::before {
    content: "";
    position: absolute;
    inset-inline-start: -1px;
    top: 9px;
    bottom: 9px;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: #38bdf8;
    box-shadow: 0 0 7px rgba(56, 189, 248, .3);
}
html[dir="rtl"] #side-bar a.theme-sidebar-active::before { border-radius: 4px 0 0 4px; }
#side-bar a.theme-sidebar-active svg,
#side-bar a.theme-sidebar-active i {
    color: #7dd3fc !important;
    filter: drop-shadow(0 2px 4px rgba(2, 132, 199, .18));
}
#side-bar a.theme-sidebar-child-hover {
    position: relative;
    display: flex;
    min-height: 32px;
    width: 100%;
    padding: 6px 10px !important;
    align-items: center;
    border-radius: 7px;
    line-height: 1.35;
}
#side-bar a.theme-sidebar-child-hover > span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
#side-bar a.theme-sidebar-child-hover:hover {
    color: #f1f5f9 !important;
    background: rgba(148, 163, 184, .07) !important;
}
#side-bar a.theme-sidebar-child-active {
    color: #bae6fd !important;
    font-weight: 600 !important;
    background: rgba(14, 165, 233, .09) !important;
}
/* Page structure */
.content-header { padding: 25px 25px 9px !important; }
.content-header h1, .content-header .tw-text-2xl, .content-header .tw-text-xl { color: var(--ktc-navy); font-weight: 700 !important; letter-spacing: -.02em; }
.content-header h1 small { margin-inline-start: 7px; color: var(--ktc-muted); font-size: 13px; font-weight: 400; letter-spacing: 0; }
.content { padding: 16px 25px 34px !important; }
.ktc-dashboard-summary, .ktc-dashboard-summary .theme-header-bg { color: var(--ktc-text); background: var(--ktc-canvas) !important; }
.ktc-dashboard-summary { padding: 14px 0 28px !important; border-bottom: 1px solid var(--ktc-border); }
.ktc-dashboard-summary > .tw-px-5 { padding-inline: 25px !important; }
.ktc-dashboard-summary h1 { color: var(--ktc-navy) !important; font-size: clamp(22px, 2.4vw, 29px) !important; font-weight: 720 !important; letter-spacing: -.035em !important; }
.ktc-dashboard-toolbar { min-height: 56px; }
.ktc-dashboard-toolbar > div:first-child { min-width: 240px; }
.ktc-dashboard-summary #dashboard_date_filter {
    min-height: 39px; border: 1px solid #d6e0ea; border-radius: 8px !important;
    color: #334155; background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.03);
}
.ktc-dashboard-summary [class*="tw-ring-gray-200"] {
    position: relative; overflow: hidden; min-height: 96px;
    border: 1px solid var(--ktc-border) !important; border-radius: 11px !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.025), 0 7px 20px rgba(15,23,42,.04) !important;
    transform: none !important;
}
.ktc-dashboard-summary [class*="tw-ring-gray-200"]::before {
    position: absolute; inset-block: 0; inset-inline-start: 0; width: 3px;
    content: ""; background: var(--ktc-blue); opacity: .78;
}
.ktc-dashboard-summary [class*="tw-ring-gray-200"]:hover { border-color: #bae6fd !important; box-shadow: 0 10px 26px rgba(15,23,42,.075) !important; transform: translateY(-1px) !important; }
.ktc-dashboard-summary [class*="tw-rounded-full"] { border-radius: 9px !important; }
.ktc-dashboard-summary [class*="tw-rounded-full"] svg { width: 21px !important; height: 21px !important; }
.ktc-dashboard-summary [class*="tw-font-mono"] { color: var(--ktc-navy) !important; font-family: inherit !important; font-size: 21px !important; font-weight: 750 !important; letter-spacing: -.025em !important; }
.ktc-dashboard-summary .tw-absolute.tw-inset-0 { display: none !important; }
.ktc-metric-grid { align-items: stretch; }
.ktc-metric-grid > div { height: 100%; }
.ktc-metric-grid--primary > div {
    min-height: 116px; border: 0 !important; border-radius: 13px !important; color: #fff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.12) !important;
}
.ktc-metric-grid--primary > div:nth-child(1) { background: #0284c7 !important; }
.ktc-metric-grid--primary > div:nth-child(2) { background: #0f2f4f !important; }
.ktc-metric-grid--primary > div:nth-child(3) { background: #0f927f !important; }
.ktc-metric-grid--primary > div:nth-child(4) { background: #2563eb !important; }
.ktc-metric-grid--primary > div::before { display: none; }
.ktc-metric-grid--primary > div:hover {
    border-color: transparent !important; filter: brightness(1.035);
    box-shadow: 0 14px 30px rgba(15,23,42,.17) !important;
}
.ktc-metric-grid--primary > div p,
.ktc-metric-grid--primary > div [class*="tw-text-gray"],
.ktc-metric-grid--primary > div [class*="tw-font-mono"] { color: #fff !important; }
.ktc-metric-grid--primary > div p:first-child { color: rgba(255,255,255,.82) !important; font-weight: 600 !important; }
.ktc-metric-grid--primary > div [class*="tw-font-mono"] { margin-top: 5px !important; font-size: 24px !important; }
.ktc-metric-grid--primary > div [class*="tw-rounded-full"] {
    width: 48px !important; height: 48px !important;
    color: #fff !important; background: rgba(255,255,255,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.ktc-metric-grid--primary .fa-info-circle { color: rgba(255,255,255,.82) !important; }

/* Surfaces */
.box, .card, .tw-dw-card {
    border: 1px solid var(--ktc-border) !important; border-top: 1px solid var(--ktc-border) !important;
    border-radius: var(--ktc-radius) !important; background: var(--ktc-surface) !important;
    box-shadow: var(--ktc-shadow) !important;
}
.box-header, .card-header {
    min-height: 54px; padding: 16px 19px !important;
    border-bottom: 1px solid var(--ktc-border) !important; border-radius: var(--ktc-radius) var(--ktc-radius) 0 0;
    background: #fff !important;
}
.box-header .box-title, .card-header .card-title { color: var(--ktc-navy); font-size: 15px; font-weight: 700; letter-spacing: -.01em; }
.box-header .box-title::before, .card-header .card-title::before {
    display: inline-block; width: 3px; height: 15px; margin-inline-end: 9px;
    border-radius: 3px; background: var(--ktc-blue); content: ""; vertical-align: -2px;
}
.box-body, .card-body { padding: 19px !important; }
.box-footer, .card-footer { padding: 14px 18px !important; border-top: 1px solid var(--ktc-border) !important; background: #f8fafc !important; }

/* Forms */
.form-group { margin-bottom: 15px; }
.control-label, label:not(.btn):not(.select2-selection__choice) { margin-bottom: 6px; color: #334155; font-size: 13px; font-weight: 600; }
.form-control, .input-group-addon {
    min-height: 36px; border-color: #d2d6de !important; color: var(--ktc-navy); background: #fff;
    box-shadow: none !important;
}
.form-control:not(textarea) { height: 36px; padding: 7px 11px; }
.form-control { border-radius: 0; font-size: 14px; transition: border-color .16s ease; }
.form-control:focus { border-color: #3c8dbc !important; outline: 0; box-shadow: none !important; }
.input-group-addon { height: 36px; padding: 7px 10px; border-radius: 0; color: #64748b; background: #eee; }
/* Keep Bootstrap input groups visually joined on focus across all modules. */
.input-group { border-radius: 0; }
.input-group .form-control:focus {
    z-index: 3; border-color: #3c8dbc !important;
    outline: 0 !important; box-shadow: none !important;
}
.input-group:focus-within {
    border-radius: 0;
    box-shadow: none !important;
}
.input-group > .input-group-btn > .btn { min-height: 36px; height: 36px; padding-top: 7px; padding-bottom: 7px; }
.input-group > .form-control:not(:first-child):not(:last-child),
.input-group > .input-group-addon:not(:first-child):not(:last-child),
.input-group > .input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0 !important; }
.input-group > .form-control:first-child,
.input-group > .input-group-addon:first-child,
.input-group > .input-group-btn:first-child > .btn { border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; }
.input-group > .form-control:last-child,
.input-group > .input-group-addon:last-child,
.input-group > .input-group-btn:last-child > .btn { border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; }
.input-group > .select2-container {
    position: relative; z-index: 2; display: table-cell; float: left;
    width: 100% !important; margin: 0;
}
.input-group > .select2-container .select2-selection--single,
.input-group > .select2-container .select2-selection--multiple { border-radius: 0 !important; box-shadow: none !important; }
.input-group > .select2-container:last-child .select2-selection--single,
.input-group > .select2-container:last-child .select2-selection--multiple {
    border-start-end-radius: 0 !important; border-end-end-radius: 0 !important;
}
html[dir="rtl"] .input-group > .select2-container { float: right; }
.input-group > .select2-container.select2-container--focus .select2-selection--single,
.input-group > .select2-container.select2-container--focus .select2-selection--multiple,
.input-group > .select2-container.select2-container--open .select2-selection--single,
.input-group > .select2-container.select2-container--open .select2-selection--multiple { border-color: #3c8dbc !important; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--ktc-blue); }
.help-block { color: var(--ktc-muted); font-size: 12px; }

/* Superadmin module navigation and dashboard filters. */
.superadmin-nav {
    min-height: 52px;
    margin: 16px 20px 8px;
    border: 1px solid var(--ktc-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
}
.superadmin-nav .navbar-brand {
    height: 50px;
    padding: 14px 18px;
    color: var(--ktc-navy) !important;
    font-size: 18px;
    font-weight: 600;
}
.superadmin-nav .navbar-brand i { margin-right: 6px; color: var(--ktc-blue); }
.superadmin-nav .navbar-nav > li > a {
    padding: 15px 16px;
    color: #64748b !important;
    font-size: 14px;
    font-weight: 500;
    background: transparent !important;
}
.superadmin-nav .navbar-nav > li > a:hover,
.superadmin-nav .navbar-nav > li.active > a {
    color: var(--ktc-blue-dark) !important;
    background: var(--ktc-blue-soft) !important;
}
.superadmin-content-header { padding-top: 20px; padding-bottom: 12px; }
.superadmin-date-filter {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.superadmin-date-filter > .btn {
    float: none;
    min-height: 38px;
    padding: 8px 16px;
    border-radius: 7px !important;
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    background: #fff !important;
    font-size: 14px;
    font-weight: 600;
}
.superadmin-date-filter > .btn:hover {
    color: var(--ktc-blue-dark) !important;
    border-color: #7dd3fc !important;
    background: var(--ktc-blue-soft) !important;
}
.superadmin-date-filter > .btn.active {
    color: #fff !important;
    border-color: var(--ktc-button) !important;
    background: var(--ktc-button) !important;
    box-shadow: none !important;
}
@media (max-width: 767px) {
    .superadmin-nav { margin: 10px 12px 6px; }
    .superadmin-nav .navbar-toggle { margin: 8px 10px; border-color: #cbd5e1; }
    .superadmin-nav .navbar-collapse { border-top-color: var(--ktc-border); }
    .superadmin-nav .navbar-nav { margin: 6px 0 10px; }
    .superadmin-nav .navbar-nav > li > a { padding: 10px 14px; border-radius: 6px; }
    .superadmin-date-filter { width: 100%; }
    .superadmin-date-filter > .btn { flex: 1 1 calc(50% - 8px); }
}

/* Unified product polish: shared visual language with Advanced POS Desktop. */
.content-wrapper { color: #0f172a; background: #f4f7fb !important; }
.content-header { padding: 22px 24px 12px !important; }
.content-header > h1, .content-header h1 { color: #0f172a !important; font-size: 24px !important; font-weight: 700 !important; letter-spacing: -.025em; }
.content-header > h1 > small, .content-header h1 small { display: block; margin-top: 6px; color: #64748b !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0; }
.content { padding: 12px 24px 28px !important; }
.box, .nav-tabs-custom, .info-box, .ktc-content-card {
    border: 1px solid #e2e8f0 !important; border-radius: 12px !important;
    background: #fff !important; box-shadow: 0 4px 16px rgba(15,23,42,.045) !important;
}
.box.box-primary, .box.box-info, .box.box-success, .box.box-warning, .box.box-danger { border-top-color: #e2e8f0 !important; }
.box-header { min-height: 54px; padding: 15px 18px !important; border-bottom: 1px solid #edf2f7 !important; }
.box-header .box-title { color: #0f172a !important; font-size: 15px !important; font-weight: 700 !important; }
.box-body { padding: 18px !important; }
.box-footer { padding: 14px 18px !important; border-top: 1px solid #edf2f7 !important; background: #fbfdff !important; }
.form-group label, .control-label { margin-bottom: 7px; color: #334155 !important; font-size: 12px; font-weight: 650; }
.form-control, .select2-container .select2-selection--single, .select2-container .select2-selection--multiple,
.input-group .form-control, .input-group-addon {
    min-height: 40px; border-color: #cbd5e1 !important; border-radius: 8px !important;
    color: #0f172a; background: #fff; box-shadow: none !important;
}
.form-control:focus, .select2-container--focus .select2-selection, .select2-container--open .select2-selection {
    border-color: #38bdf8 !important; box-shadow: 0 0 0 3px rgba(14,165,233,.11) !important;
}
.input-group .form-control:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.input-group .form-control:not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group-addon { min-width: 42px; color: #475569; background: #f8fafc !important; }
.help-block { color: #8291a5 !important; font-size: 11px; }
.btn { border-radius: 8px !important; font-weight: 650; transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease; }
.btn-primary, .btn-info, .theme-btn-bg {
    border-color: #0ea5e9 !important; color: #fff !important; background: #0ea5e9 !important;
    box-shadow: 0 4px 11px rgba(14,165,233,.16) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-info:hover, .btn-info:focus, .theme-btn-bg:hover, .theme-btn-bg:focus {
    border-color: #0284c7 !important; color: #fff !important; background: #0284c7 !important;
}
.btn-default { border-color: #d5dee8 !important; color: #475569 !important; background: #fff !important; }
.btn-default:hover, .btn-default:focus { border-color: #bae6fd !important; color: #0369a1 !important; background: #f0f9ff !important; }
.modal-content { overflow: hidden; border: 0 !important; border-radius: 14px !important; box-shadow: 0 24px 60px rgba(15,23,42,.2) !important; }
.modal-header { padding: 17px 20px; border-bottom-color: #e8eef5; background: #fbfdff; }
.modal-title { color: #0f172a; font-size: 17px; font-weight: 700; }
.modal-body { padding: 20px; }
.modal-footer { padding: 14px 20px; border-top-color: #e8eef5; background: #fbfdff; }
.table-responsive { border: 0 !important; }
.pagination > li > a, .pagination > li > span { margin-inline: 2px; border-color: #dbe3eb !important; border-radius: 7px !important; color: #475569; }
.pagination > .active > a, .pagination > .active > span { border-color: #0ea5e9 !important; background: #0ea5e9 !important; }
.label, .badge { border-radius: 999px !important; padding: .36em .7em !important; font-weight: 650; }
.alert { border: 1px solid transparent; border-radius: 10px; box-shadow: none; }

@media (max-width: 991px) {
    .content-header { padding: 17px 15px 9px !important; }
    .content { padding: 10px 15px 22px !important; }
    .box-body { padding: 15px !important; }
}

/* Buttons */
.btn, [class*="tw-dw-btn"] { border-radius: 8px !important; font-weight: 650; text-shadow: none !important; box-shadow: none; transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.btn:not(.btn-link):not([disabled]):active, [class*="tw-dw-btn"]:not([disabled]):active { transform: translateY(1px); }
.theme-btn-bg,
.btn-primary, .btn-info,
.tw-dw-btn-primary, .tw-dw-btn-info:not(.tw-dw-btn-outline),
.ktc-dark-action,
.btn.bg-blue, .btn.bg-light-blue, .btn.bg-aqua {
    border-color: var(--ktc-button) !important; color: #fff !important; background: var(--ktc-button) !important;
}
.theme-btn-bg:hover, .theme-btn-bg:focus, .theme-btn-bg:active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-info:hover, .btn-info:focus, .btn-info:active,
.tw-dw-btn-primary:hover, .tw-dw-btn-primary:focus, .tw-dw-btn-primary:active,
.tw-dw-btn-info:not(.tw-dw-btn-outline):hover,
.tw-dw-btn-info:not(.tw-dw-btn-outline):focus,
.tw-dw-btn-info:not(.tw-dw-btn-outline):active,
.btn.bg-blue:hover, .btn.bg-light-blue:hover, .btn.bg-aqua:hover,
.ktc-dark-action:hover, .ktc-dark-action:focus { border-color: var(--ktc-blue) !important; color: #fff !important; background: var(--ktc-blue) !important; }
.btn-default { border-color: #cbd5e1 !important; color: #334155 !important; background: #fff !important; }
.btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-default.active, .open > .dropdown-toggle.btn-default { border-color: #94a3b8 !important; color: var(--ktc-navy) !important; background: #f1f5f9 !important; }
.btn-primary > *, .btn-success > *, .btn-info > *, .btn-danger > *, .btn-warning > *,
[class*="tw-dw-btn"] > * { color: inherit !important; }
.btn-success, .btn-danger { color: #fff !important; }
.btn-warning { border-color: #b45309 !important; color: #fff !important; background: #b45309 !important; }
.tw-dw-btn-outline.tw-dw-btn-info, .tw-dw-btn-outline.tw-dw-btn-info > * { border-color: var(--ktc-blue) !important; color: var(--ktc-blue-dark) !important; background: transparent !important; }
.tw-dw-btn-outline.tw-dw-btn-info:hover, .tw-dw-btn-outline.tw-dw-btn-info:focus,
.tw-dw-btn-outline.tw-dw-btn-info:active, .open > .tw-dw-btn-outline.tw-dw-btn-info.dropdown-toggle { border-color: var(--ktc-blue-dark) !important; color: #fff !important; background: var(--ktc-blue-dark) !important; }
.btn[disabled], .btn.disabled, [class*="tw-dw-btn"][disabled] { opacity: .58; }
.wizard > .actions a,
.wizard > .actions a:active,
.wizard > .actions a:focus {
    border: 1px solid var(--ktc-button) !important; color: #fff !important; background: var(--ktc-button) !important;
}
.wizard > .actions a:hover { border-color: var(--ktc-blue) !important; color: #fff !important; background: var(--ktc-blue) !important; }
.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active { border-color: #d1d5db !important; color: #9ca3af !important; background: #f3f4f6 !important; }

/* Clean action-dropdown chevron without changing menu positioning. */
table tbody .btn-group > .dropdown-toggle .caret {
    width: 7px;
    height: 7px;
    margin: -3px 0 0 7px;
    border: 0;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transform-origin: center;
    transition: transform .16s ease, margin-top .16s ease;
}

table tbody .btn-group.open > .dropdown-toggle .caret {
    margin-top: 3px;
    transform: rotate(225deg);
}

[dir="rtl"] table tbody .btn-group > .dropdown-toggle .caret {
    margin-right: 7px;
    margin-left: 0;
}

/* Data tables */
.table-responsive { border: 1px solid #e6ebf1 !important; border-radius: 10px; background: #fff; }
.table { margin-bottom: 0; color: #334155; }
.table > thead > tr > th { padding: 12px; border-bottom: 1px solid #dbe3ec !important; color: #64748b; background: #f8fafc !important; font-size: 11px; font-weight: 750; letter-spacing: .035em; text-transform: uppercase; }
.table > tbody > tr > td { padding: 12px; border-top-color: #e9eef4 !important; vertical-align: middle; }
.table-hover > tbody > tr:hover { background: var(--ktc-blue-soft) !important; }
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { color: var(--ktc-muted); }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select { min-height: 36px; padding: 6px 10px; border: 1px solid #cbd5e1; border-radius: 8px; color: #334155; background: #fff; outline: 0; }
.dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_length select:focus { border-color: var(--ktc-blue); box-shadow: 0 0 0 3px rgba(2,132,199,.11); }

/* Select2 */
.select2-container { max-width: 100%; }
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple { min-height: 36px !important; border: 1px solid #d2d6de !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }
.select2-container--default .select2-selection--single { height: 36px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding-inline: 11px 31px !important; color: #334155 !important; font-size: 14px; line-height: 34px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 0 !important; width: 29px !important; height: 34px !important; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { display: flex !important; min-height: 34px; margin: 0 !important; padding: 3px 6px !important; align-items: center; flex-wrap: wrap; gap: 4px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { margin: 0 !important; padding: 3px 8px !important; border: 1px solid #bae6fd !important; border-radius: 5px !important; color: var(--ktc-blue-dark) !important; background: var(--ktc-blue-soft) !important; }
.select2-container--focus .select2-selection--single,
.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple { border-color: #3c8dbc !important; box-shadow: none !important; }
.select2-dropdown { z-index: 1060 !important; overflow: hidden; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; background: #fff !important; box-shadow: var(--ktc-float-shadow) !important; }
.select2-search--dropdown { padding: 8px !important; background: #fff !important; }
.select2-search--dropdown .select2-search__field { width: 100% !important; height: 36px !important; padding: 7px 10px !important; border: 1px solid #94a3b8 !important; border-radius: 6px !important; color: var(--ktc-navy) !important; outline: none !important; }
.select2-search--dropdown .select2-search__field:focus { border-color: var(--ktc-blue) !important; box-shadow: 0 0 0 3px rgba(2,132,199,.11) !important; }
.select2-results__options { padding: 4px !important; }
.select2-container--default .select2-results__option { min-height: 36px; padding: 8px 10px !important; border-radius: 5px; color: #334155 !important; background: #fff !important; }
.select2-container--default .select2-results__option[aria-selected="true"] { color: var(--ktc-blue-dark) !important; background: #e0f2fe !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { color: #fff !important; background: var(--ktc-blue) !important; }

/* Floating UI */
.dropdown-menu { padding: 7px; border: 1px solid var(--ktc-border); border-radius: 10px; background: #fff; box-shadow: var(--ktc-float-shadow); }
.dropdown-menu > li > a { padding: 8px 10px; border-radius: 6px; color: #334155 !important; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: var(--ktc-blue-dark) !important; background: var(--ktc-blue-soft) !important; }
.modal-content { overflow: hidden; border: 0; border-radius: 12px; box-shadow: 0 24px 64px rgba(15,23,42,.24); }
.modal-header { padding: 17px 20px; border-bottom-color: var(--ktc-border); }
.modal-title { color: var(--ktc-navy); font-weight: 700; }
.modal-body { padding: 20px; }
.modal-footer { padding: 14px 20px; border-top-color: var(--ktc-border); background: #f8fafc; }
.nav-tabs { border-color: var(--ktc-border); }
.nav-tabs > li > a { border-radius: 8px 8px 0 0; color: var(--ktc-muted); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-color: var(--ktc-border) var(--ktc-border) #fff; color: var(--ktc-blue-dark); font-weight: 700; }
.pagination > li > a, .pagination > li > span { margin-inline: 2px; border-color: #d2dbe6; border-radius: 6px !important; color: #475569; }
.pagination > .active > a, .pagination > .active > span { border-color: var(--ktc-button); color: #fff; background: var(--ktc-button); }
.pagination > .active > a:hover { border-color: var(--ktc-blue); color: #fff; background: var(--ktc-blue); }
.alert { border: 1px solid transparent; border-radius: 8px; box-shadow: 0 1px 3px rgba(15,23,42,.05); }
.label { padding: .32em .6em; border-radius: 999px; font-weight: 650; }

/* Dashboard metrics and page utilities */
.ktc-stat-icon {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border: 1px solid #dbe4ee !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
}
.ktc-stat-icon svg,
.ktc-stat-icon i {
    width: 23px !important;
    height: 23px !important;
    background: transparent !important;
    stroke-width: 1.9;
}
.ktc-metric-grid--primary > div .ktc-stat-icon,
.ktc-dashboard-summary .ktc-stat-icon {
    border: 1px solid #dbe4ee !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
}
.ktc-metric-grid--primary > div .ktc-stat-icon {
    border-color: rgba(255,255,255,.32) !important;
}
.ktc-metric-grid--primary > div .ktc-stat-icon svg,
.ktc-metric-grid--primary > div .ktc-stat-icon i {
    color: #fff !important;
}
.small-box, .info-box {
    overflow: hidden; border: 1px solid var(--ktc-border); border-radius: 10px;
    background: #fff; box-shadow: var(--ktc-shadow); transition: transform .16s ease, box-shadow .16s ease;
}
.small-box:hover, .info-box:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(15,23,42,.08); }
.small-box > .inner { padding: 18px; }
.small-box h3 { margin: 0 0 5px; font-size: 25px; font-weight: 750; letter-spacing: -.03em; }
.small-box p { margin: 0; font-size: 13px; font-weight: 550; }
.small-box .icon { top: 12px; right: 16px; opacity: .16; }
.small-box > .small-box-footer { padding: 8px 14px; color: inherit; background: rgba(15,23,42,.055); text-align: start; }
.info-box { min-height: 88px; }
.info-box-icon { width: 76px; border-radius: 9px 0 0 9px; font-size: 28px; }
html[dir="rtl"] .info-box-icon { border-radius: 0 9px 9px 0; }
.info-box-content { margin-left: 76px; padding: 14px 15px; }
html[dir="rtl"] .info-box-content { margin-right: 76px; margin-left: 0; }
.info-box-number { color: var(--ktc-navy); font-size: 20px; font-weight: 750; }
.breadcrumb { padding: 6px 0; color: var(--ktc-muted); background: transparent; font-size: 12px; }
.breadcrumb > li + li::before { color: #94a3b8; }
.box-tools .btn, .card-tools .btn { min-height: 32px; }
.btn-group > .btn { position: relative; }

/* Authentication and company identity */
.ktc-auth-logo-wrap { width: 190px !important; height: 62px !important; padding: 0 !important; overflow: visible !important; border: 0; background: transparent; box-shadow: none; }
.ktc-auth-logo { display: block; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.ktc-auth-page .box, .ktc-auth-page .tw-bg-white { border-color: var(--ktc-border) !important; border-radius: 12px !important; box-shadow: 0 18px 48px rgba(15,23,42,.15) !important; }
.ktc-auth-page .form-control { border-color: #cbd5e1; border-radius: 7px; box-shadow: none; }
.ktc-auth-page .form-control:focus { border-color: var(--ktc-blue); box-shadow: 0 0 0 3px rgba(2,132,199,.13); }
.ktc-powered-footer { margin: auto 24px 16px; padding-top: 13px; border-top: 1px solid var(--ktc-border); color: var(--ktc-muted); font-size: 12px; }
.ktc-auth-page:not(.ktc-public-home),
.ktc-auth-page:not(.ktc-public-home) > .container-fluid,
.ktc-auth-page:not(.ktc-public-home) .eq-height-row,
.ktc-auth-page:not(.ktc-public-home) .right-col { min-height: 100%; background: #f7f9fc !important; }
.ktc-auth-page:not(.ktc-public-home) .right-col { min-height: 100vh; padding-top: 105px !important; }
.ktc-auth-page .ktc-auth-header-left,
.ktc-auth-page .ktc-auth-header-right { position: absolute !important; z-index: 20; }
.ktc-auth-page .ktc-auth-header-right { top: 30px !important; align-items: center; gap: 24px !important; }
.ktc-auth-page .ktc-auth-header-right > a { position: relative; padding: 7px 1px; line-height: 1.2; }
.ktc-auth-page .ktc-auth-header-right > a::after {
    position: absolute; right: 0; bottom: 1px; left: 0; height: 2px;
    border-radius: 2px; content: ""; background: var(--ktc-button);
    transform: scaleX(0); transform-origin: center; transition: transform .16s ease;
}
.ktc-auth-page .ktc-auth-header-right > a:hover::after { transform: scaleX(1); }
.ktc-auth-page .ktc-auth-header-right > a:not(.ktc-auth-nav-button),
.ktc-auth-page .ktc-auth-header-right summary { color: #334155 !important; font-weight: 500 !important; }
.ktc-auth-page .ktc-auth-header-right > a:not(.ktc-auth-nav-button):hover,
.ktc-auth-page .ktc-auth-header-right summary:hover { color: var(--ktc-blue-dark) !important; }
.ktc-auth-nav-button {
    min-height: auto; padding: 0; display: inline-flex; align-items: center; justify-content: center;
    border: 0; border-radius: 0; color: #334155 !important;
    background: transparent !important; box-shadow: none !important; font-weight: 500 !important;
}
.ktc-auth-nav-button:hover { color: var(--ktc-blue-dark) !important; background: transparent !important; }
.ktc-auth-page .ktc-auth-header-right details { margin: 0 !important; }
.ktc-auth-page:not(.ktc-public-home) .ktc-auth-powered {
    padding: 18px 24px 24px; color: #64748b; background: #f7f9fc; text-align: center; font-size: 12px;
}
.ktc-auth-page:not(.ktc-public-home) .ktc-auth-powered strong { color: #334155 !important; }

/* Public application home */
body.ktc-public-home { min-height: 100vh; color: var(--ktc-text); background: #f7f9fc !important; }
.ktc-public-home > .container-fluid,
.ktc-public-home > .container-fluid > .row,
.ktc-public-home .eq-height-row,
.ktc-public-home .right-col { min-height: 100vh; }
.ktc-public-home .right-col { padding: 0 !important; }
.ktc-public-home .ktc-auth-header-left,
.ktc-public-home .ktc-auth-header-right { position: fixed !important; z-index: 20; }
.ktc-public-home .ktc-auth-header-left { top: 25px !important; left: max(28px, calc((100vw - 1280px) / 2)) !important; }
.ktc-public-home .ktc-auth-header-right { top: 30px !important; right: max(28px, calc((100vw - 1280px) / 2)) !important; }
.ktc-public-home .ktc-auth-header-right a,
.ktc-public-home .ktc-auth-header-right summary { color: #334155 !important; }
.ktc-public-home .ktc-auth-header-right > div { border-color: #cbd5e1 !important; background: #fff; }
.ktc-public-home .ktc-auth-header-right > div:hover { border-color: var(--ktc-blue) !important; }
.ktc-public-home .ktc-auth-logo-wrap { width: 184px !important; height: 58px !important; margin: 0 !important; }
.ktc-home-hero {
    width: min(1200px, calc(100% - 56px)); min-height: 100vh; margin: auto; padding: 140px 0 96px;
    display: grid; grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr); align-items: center; gap: 70px;
}
.ktc-home-copy { max-width: 580px; }
.ktc-home-eyebrow {
    display: inline-flex; padding: 7px 11px; border: 1px solid #bae6fd; border-radius: 7px;
    color: var(--ktc-blue-dark); background: #eef9ff; font-size: 12px; font-weight: 750; letter-spacing: .065em; text-transform: uppercase;
}
.ktc-home-copy h1 {
    max-width: 650px; margin: 22px 0 20px; color: var(--ktc-navy) !important;
    font-size: clamp(40px, 4.2vw, 58px); line-height: 1.08; font-weight: 750; letter-spacing: -.045em;
}
.ktc-home-lead { max-width: 550px; margin: 0; color: #5b687a; font-size: 17px; line-height: 1.7; }
.ktc-home-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; margin-top: 31px; }
.ktc-home-btn {
    min-height: 48px; padding: 12px 19px; display: inline-flex; align-items: center; justify-content: center; gap: 18px;
    border: 1px solid transparent; border-radius: 9px; font-size: 14px; font-weight: 700; transition: .18s ease;
}
.ktc-home-btn--primary { color: #fff !important; background: var(--ktc-button); box-shadow: 0 9px 22px rgba(14,165,233,.21); }
.ktc-home-btn--primary:hover { color: #fff !important; background: var(--ktc-blue); transform: translateY(-1px); }
.ktc-home-btn--secondary { border-color: #cbd5e1; color: #334155 !important; background: #fff; }
.ktc-home-btn--secondary:hover { border-color: #94a3b8; color: var(--ktc-navy) !important; background: #f8fafc; }
.ktc-home-points { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 13px 20px; color: #536278; font-size: 13px; }
.ktc-home-points span { display: inline-flex; align-items: center; gap: 7px; }
.ktc-home-points i { width: 19px; height: 19px; display: inline-grid; place-items: center; border-radius: 50%; color: #047857; background: #d1fae5; font-size: 11px; font-style: normal; font-weight: 800; }
.ktc-home-preview { position: relative; padding: 0; border: 0; border-radius: 18px; background: transparent; }
.ktc-home-image {
    display: block; width: 100%; height: auto; aspect-ratio: 99 / 64; object-fit: cover;
    border: 1px solid #dbe4ec; border-radius: 18px;
    box-shadow: 0 22px 52px rgba(15,47,79,.16);
}
.ktc-preview-window { overflow: hidden; border: 1px solid #d7e1eb; border-radius: 12px; background: #fff; box-shadow: 0 18px 42px rgba(15,47,79,.13); }
.ktc-preview-topbar { height: 56px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e6ebf1; }
.ktc-preview-mark { display: flex; align-items: center; gap: 8px; color: #0f2f4f; font-size: 12px; font-weight: 800; }
.ktc-preview-mark span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: var(--ktc-blue); }
.ktc-preview-user { width: 28px; height: 28px; border-radius: 50%; background: #dce7f1; }
.ktc-preview-body { min-height: 385px; display: grid; grid-template-columns: 118px 1fr; }
.ktc-preview-body aside { padding: 22px 14px; display: flex; flex-direction: column; gap: 18px; background: #0b1f33; }
.ktc-preview-body aside b, .ktc-preview-body aside span { display: block; height: 8px; border-radius: 5px; background: #35516c; }
.ktc-preview-body aside b { width: 78%; height: 30px; background: #087fb9; }
.ktc-preview-body aside span:nth-child(3) { width: 75%; }
.ktc-preview-body aside span:nth-child(4) { width: 88%; }
.ktc-preview-content { padding: 24px; background: #f7f9fc; }
.ktc-preview-heading { display: flex; align-items: center; justify-content: space-between; }
.ktc-preview-heading b, .ktc-preview-heading small { display: block; width: 110px; height: 11px; border-radius: 5px; background: #c8d5e1; }
.ktc-preview-heading small { width: 75px; height: 7px; margin-top: 7px; background: #e1e8ef; }
.ktc-preview-heading em { width: 80px; height: 30px; border: 1px solid #d7e1eb; border-radius: 6px; background: #fff; }
.ktc-preview-stats { margin-top: 23px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.ktc-preview-stats i { height: 82px; border-radius: 9px; background: #0284c7; box-shadow: 0 7px 16px rgba(2,132,199,.12); }
.ktc-preview-stats i:nth-child(2) { background: #0369a1; }.ktc-preview-stats i:nth-child(3) { background: #0e7490; }
.ktc-preview-chart { height: 190px; margin-top: 15px; padding: 17px; border: 1px solid #e1e8ef; border-radius: 10px; background: #fff; }
.ktc-preview-chart strong { color: #334155; font-size: 11px; }
.ktc-chart-bars { height: 130px; margin-top: 12px; display: flex; align-items: end; justify-content: space-around; gap: 9px; border-bottom: 1px solid #e5eaf0; }
.ktc-chart-bars i { width: 18px; height: 42%; border-radius: 4px 4px 0 0; background: #7dd3fc; }.ktc-chart-bars i:nth-child(2) { height: 68%; }.ktc-chart-bars i:nth-child(3) { height: 50%; }.ktc-chart-bars i:nth-child(4) { height: 86%; background: var(--ktc-blue); }.ktc-chart-bars i:nth-child(5) { height: 62%; }.ktc-chart-bars i:nth-child(6) { height: 76%; }.ktc-chart-bars i:nth-child(7) { height: 92%; background: var(--ktc-blue); }
.ktc-preview-badge { position: absolute; right: -14px; bottom: 42px; padding: 10px 13px; display: flex; align-items: center; gap: 9px; border: 1px solid #dce5ed; border-radius: 8px; color: #334155; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,.11); font-size: 12px; font-weight: 700; }
.ktc-preview-badge span { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: #047857; background: #d1fae5; }
.ktc-public-home .ktc-auth-powered { position: fixed; z-index: 10; bottom: 19px; left: 50%; transform: translateX(-50%); color: #94a3b8; font-size: 11px; }
.ktc-public-home .ktc-auth-powered strong { color: #64748b !important; }
html[dir="rtl"] .ktc-public-home .ktc-auth-header-left { right: max(28px, calc((100vw - 1280px) / 2)) !important; left: auto !important; }
html[dir="rtl"] .ktc-public-home .ktc-auth-header-right { right: auto !important; left: max(28px, calc((100vw - 1280px) / 2)) !important; }
html[dir="rtl"] .ktc-home-btn--primary span { transform: rotate(180deg); }

@media (max-width: 1050px) {
    .ktc-home-hero { grid-template-columns: 1fr; gap: 55px; padding-top: 150px; }
    .ktc-home-copy { max-width: 760px; }
    .ktc-home-preview { width: min(720px, 100%); }
}
@media (max-width: 767px) {
    .ktc-public-home .ktc-auth-header-left { top: 15px !important; left: 16px !important; }
    .ktc-public-home .ktc-auth-header-right { top: 16px !important; right: 13px !important; gap: 12px !important; }
    html[dir="rtl"] .ktc-public-home .ktc-auth-header-left { right: 16px !important; left: auto !important; }
    html[dir="rtl"] .ktc-public-home .ktc-auth-header-right { right: auto !important; left: 13px !important; }
    .ktc-public-home .ktc-auth-logo-wrap { width: 125px !important; height: 43px !important; }
    .ktc-public-home .ktc-auth-header-right > div { display: none !important; }
    .ktc-home-hero { width: calc(100% - 30px); padding: 115px 0 72px; gap: 42px; }
    .ktc-home-copy h1 { margin-top: 17px; font-size: clamp(35px, 11vw, 48px); }
    .ktc-home-lead { font-size: 16px; line-height: 1.65; }
    .ktc-home-actions { align-items: stretch; }.ktc-home-btn { flex: 1; white-space: nowrap; }
    .ktc-home-points { display: grid; }
    .ktc-home-preview, .ktc-home-image { border-radius: 14px; }
    .ktc-preview-body { min-height: 290px; grid-template-columns: 70px 1fr; }
    .ktc-preview-content { padding: 14px; }.ktc-preview-stats { gap: 6px; }.ktc-preview-stats i { height: 62px; }
    .ktc-preview-chart { height: 145px; }.ktc-chart-bars { height: 92px; }
    .ktc-preview-badge { right: 3px; bottom: 20px; }
}

@media (max-width: 1023px) {
    .side-bar { width: min(16.5rem, 86vw) !important; }
    .ktc-main-header { min-height: 64px !important; height: auto !important; }
}
@media (max-width: 767px) {
    .content-header { padding: 16px 14px 7px !important; }
    .content-header h1 { font-size: 20px; }
    .content { padding: 10px 12px 22px !important; }
    .box-header, .card-header { min-height: 48px; padding: 13px 14px !important; }
    .box-body, .card-body { padding: 14px !important; }
    .modal-dialog { margin: 10px; }
    .modal-body { padding: 16px; }
    .table > thead > tr > th, .table > tbody > tr > td { padding: 9px 10px; white-space: nowrap; }
    .select2-container { width: 100% !important; }
    .ktc-auth-logo-wrap { width: 128px !important; height: 46px !important; }
    .ktc-dashboard-summary { padding-top: 8px !important; }
    .ktc-dashboard-summary > .tw-px-5, .ktc-dashboard-summary .tw-px-5 { padding-inline: 14px !important; }
    .ktc-dashboard-toolbar { display: grid; grid-template-columns: 1fr; gap: 8px; }
    .ktc-dashboard-toolbar > div { width: 100% !important; text-align: start !important; }
    .ktc-dashboard-toolbar h1 { margin-bottom: 2px !important; }
    .ktc-metric-grid { gap: 10px !important; margin-top: 14px !important; }
    .ktc-dashboard-summary [class*="tw-ring-gray-200"] { min-height: 84px; }
}
@media print {
    .ktc-powered-footer { display: none !important; }
    .box, .card, .tw-dw-card { box-shadow: none !important; }
}

/* =====================================================================
   POS2 interface refinement — application header, dashboard and tables
   ===================================================================== */

/* Header */
.ktc-main-header {
    height: 74px !important; min-height: 74px !important;
    border-bottom: 1px solid rgba(203, 213, 225, .78) !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 8px 28px rgba(15, 23, 42, .045) !important;
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
.ktc-header-inner { padding-inline: 24px !important; }
.ktc-header-context span { color: #94a3b8; font-size: 9.5px; letter-spacing: .075em; }
.ktc-header-context strong { color: #0f172a; font-size: 14px; font-weight: 720; }
.ktc-header-actions { gap: 9px !important; }
.ktc-header-actions .theme-btn-bg,
.ktc-header-actions > button,
.ktc-header-actions > details > summary,
.ktc-header-actions > a {
    min-height: 40px; border-color: #dce5ee !important; border-radius: 10px !important;
    background: #fff !important; box-shadow: 0 1px 2px rgba(15, 23, 42, .025) !important;
    transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease !important;
}
.ktc-header-actions .theme-btn-bg:hover,
.ktc-header-actions > button:hover,
.ktc-header-actions > details > summary:hover,
.ktc-header-actions > a:hover {
    border-color: #b8cede !important; color: var(--ktc-blue-dark) !important;
    background: #f4faff !important; transform: translateY(-1px);
}
.ktc-header-actions .ktc-header-primary,
.ktc-main-header a[href*="/pos/create"] {
    border-color: transparent !important; color: #fff !important;
    background: linear-gradient(135deg, var(--ktc-button), var(--ktc-blue)) !important;
    box-shadow: 0 8px 19px rgba(2, 132, 199, .2) !important;
}
.ktc-header-actions .ktc-header-primary:hover,
.ktc-main-header a[href*="/pos/create"]:hover { color: #fff !important; background: linear-gradient(135deg, #0284c7, #0369a1) !important; }
.ktc-header-user { padding-inline-start: 12px; }
.ktc-header-user > summary { padding-inline: 8px 11px !important; }
.ktc-header-user > summary svg { width: 29px !important; height: 29px !important; padding: 6px; box-shadow: 0 4px 10px rgba(2, 132, 199, .2); }

/* Dashboard */
.ktc-dashboard-summary { padding-top: 18px !important; padding-bottom: 30px !important; border: 0; }
.ktc-dashboard-summary h1 { font-size: clamp(24px, 2.2vw, 31px) !important; font-weight: 760 !important; }
.ktc-dashboard-toolbar { margin-bottom: 5px; }
.ktc-dashboard-summary #dashboard_date_filter {
    min-height: 42px; padding-inline: 14px !important; border-color: #d8e2ec;
    border-radius: 10px !important; box-shadow: 0 3px 10px rgba(15, 23, 42, .035);
}
.ktc-metric-grid { gap: 18px !important; }
.ktc-metric-grid--primary > div,
.ktc-dashboard-summary [class*="tw-ring-gray-200"] {
    position: relative; overflow: hidden; min-height: 105px;
    border: 1px solid #dfe7f0 !important; border-radius: 15px !important;
    color: var(--ktc-text) !important; background: #fff !important;
    box-shadow: 0 8px 25px rgba(15, 23, 42, .055) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.ktc-metric-grid--primary > div::after {
    content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 4px;
    background: var(--ktc-blue);
}
.ktc-metric-grid--primary > div:nth-child(2)::after { background: #0f766e; }
.ktc-metric-grid--primary > div:nth-child(3)::after { background: #7c3aed; }
.ktc-metric-grid--primary > div:nth-child(4)::after { background: #ea580c; }
.ktc-metric-grid--primary > div:hover,
.ktc-dashboard-summary [class*="tw-ring-gray-200"]:hover {
    border-color: #c5d9e8 !important; box-shadow: 0 15px 34px rgba(15, 23, 42, .09) !important;
    transform: translateY(-3px) !important;
}
.ktc-metric-grid--primary > div p,
.ktc-metric-grid--primary > div [class*="tw-text-gray"],
.ktc-metric-grid--primary > div [class*="tw-font-mono"] { color: var(--ktc-text) !important; }
.ktc-metric-grid--primary > div p:first-child { color: var(--ktc-muted) !important; font-weight: 620 !important; }
.ktc-metric-grid--primary > div [class*="tw-font-mono"] { font-size: 25px !important; font-weight: 760 !important; letter-spacing: -.035em; }
.ktc-metric-grid--primary .fa-info-circle { color: var(--ktc-blue) !important; }
.ktc-metric-grid--primary > div .ktc-stat-icon,
.ktc-dashboard-summary .ktc-stat-icon {
    width: 46px !important; height: 46px !important; flex-basis: 46px !important;
    border: 1px solid #cde8f6 !important; border-radius: 12px !important;
    color: var(--ktc-blue) !important; background: #f0f9ff !important;
}
.ktc-metric-grid--primary > div .ktc-stat-icon svg,
.ktc-metric-grid--primary > div .ktc-stat-icon i { color: var(--ktc-blue) !important; }
.ktc-dashboard-summary .box,
.ktc-dashboard-summary + .content .box,
.ktc-dashboard-summary ~ .content .box { border-radius: 15px !important; }

/* Tables and DataTables controls */
.table-responsive, .dataTables_scroll, .dataTables_wrapper { border-radius: 11px; }
.box .table-responsive, .card .table-responsive { border: 1px solid #e2e8f0; }
.table { margin-bottom: 0; color: #334155; background: #fff; }
.table > thead > tr > th {
    padding: 13px 14px; border-bottom: 1px solid #dce5ee !important;
    color: #526278; background: #f7f9fc !important;
    font-size: 11px; font-weight: 760; letter-spacing: .045em; line-height: 1.35; text-transform: uppercase;
}
.table > tbody > tr > td {
    padding: 12px 14px; border-top: 1px solid #edf1f5 !important;
    color: #334155; background: #fff; vertical-align: middle;
}
.table > tbody > tr { transition: background-color .14s ease, box-shadow .14s ease; }
.table-hover > tbody > tr:hover > td,
.table > tbody > tr:hover > td { background: #f6fbff !important; }
.table-striped > tbody > tr:nth-of-type(odd) > td { background: #fbfcfe; }
.table-striped > tbody > tr:nth-of-type(odd):hover > td { background: #f3faff !important; }
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td { border-color: #e5ebf1 !important; }
.dataTables_wrapper { color: var(--ktc-muted); }
.dataTables_wrapper .row:first-child { margin-bottom: 14px; }
.dataTables_wrapper .row:last-child { margin-top: 15px; }
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    min-height: 40px; border-color: #d5e0ea; border-radius: 9px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025);
}
.dataTables_wrapper .dataTables_filter input { min-width: 220px; padding-inline: 12px; }
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus { border-color: var(--ktc-blue); box-shadow: 0 0 0 3px rgba(2, 132, 199, .1); }
.dt-buttons .btn, .dataTables_wrapper .dt-button {
    min-height: 36px; margin: 0 4px 5px 0 !important; padding: 7px 11px !important;
    border: 1px solid #d4dee8 !important; border-radius: 8px !important;
    color: #526278 !important; background: #fff !important; box-shadow: none !important;
    font-size: 12px; font-weight: 650;
}
.dt-buttons .btn:hover, .dataTables_wrapper .dt-button:hover {
    border-color: #a9cade !important; color: var(--ktc-blue-dark) !important; background: var(--ktc-blue-soft) !important;
}
.pagination > li > a, .pagination > li > span {
    min-width: 36px; min-height: 36px; display: inline-flex; align-items: center; justify-content: center;
    border-color: #dbe3ec; border-radius: 8px !important; background: #fff;
}
.pagination > .active > a, .pagination > .active > span {
    border-color: var(--ktc-blue) !important; background: var(--ktc-blue) !important;
    box-shadow: 0 5px 12px rgba(2, 132, 199, .18);
}

@media (max-width: 1023px) {
    .ktc-main-header { height: auto !important; min-height: 64px !important; }
    .ktc-header-inner { padding-inline: 14px !important; }
}
@media (max-width: 767px) {
    .ktc-dashboard-summary { padding-top: 10px !important; }
    .ktc-metric-grid { gap: 11px !important; }
    .ktc-metric-grid--primary > div, .ktc-dashboard-summary [class*="tw-ring-gray-200"] { min-height: 92px; border-radius: 12px !important; }
    .dataTables_wrapper .dataTables_filter input { width: 100%; min-width: 0; }
    .table > thead > tr > th, .table > tbody > tr > td { padding: 10px 11px; }
}

/* Dashboard primary statistics — richer, balanced visual hierarchy. */
.ktc-metric-grid--primary > div {
    isolation: isolate; min-height: 118px !important; overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    color: #fff !important; background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    box-shadow: 0 12px 27px rgba(3, 105, 161, .2) !important;
}
.ktc-metric-grid--primary > div:nth-child(2) {
    background: linear-gradient(135deg, #123b60 0%, #0f2742 100%) !important;
    box-shadow: 0 12px 27px rgba(15, 39, 66, .2) !important;
}
.ktc-metric-grid--primary > div:nth-child(3) {
    background: linear-gradient(135deg, #0f9b83 0%, #0f766e 100%) !important;
    box-shadow: 0 12px 27px rgba(15, 118, 110, .2) !important;
}
.ktc-metric-grid--primary > div:nth-child(4) {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    box-shadow: 0 12px 27px rgba(37, 99, 235, .2) !important;
}
.ktc-metric-grid--primary > div::before {
    content: "" !important; display: block !important; position: absolute; z-index: -1;
    width: 125px; height: 125px; inset-block-start: -69px; inset-inline-end: -48px;
    border: 22px solid rgba(255,255,255,.07); border-radius: 50%; pointer-events: none;
}
.ktc-metric-grid--primary > div::after {
    content: ""; position: absolute; z-index: -1; width: 78px; height: 78px;
    inset-block-end: -54px; inset-inline-start: 42%; border: 15px solid rgba(255,255,255,.045);
    border-radius: 50%; background: transparent;
}
.ktc-metric-grid--primary > div:hover {
    border-color: rgba(255,255,255,.26) !important;
    filter: saturate(1.04); transform: translateY(-4px) !important;
}
.ktc-metric-grid--primary > div p,
.ktc-metric-grid--primary > div [class*="tw-text-gray"],
.ktc-metric-grid--primary > div [class*="tw-font-mono"] { position: relative; color: #fff !important; }
.ktc-metric-grid--primary > div p:first-child {
    color: rgba(255,255,255,.78) !important; font-size: 12px !important;
    font-weight: 650 !important; letter-spacing: .02em;
}
.ktc-metric-grid--primary > div [class*="tw-font-mono"] {
    margin-top: 7px !important; color: #fff !important; font-size: clamp(22px, 2vw, 28px) !important;
    font-weight: 780 !important; line-height: 1.05; letter-spacing: -.045em;
}
.ktc-metric-grid--primary > div .ktc-stat-icon {
    width: 49px !important; height: 49px !important; flex-basis: 49px !important;
    border: 1px solid rgba(255,255,255,.24) !important; border-radius: 13px !important;
    color: #fff !important; background: rgba(255,255,255,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 7px 16px rgba(0,0,0,.08) !important;
    backdrop-filter: blur(6px);
}
.ktc-metric-grid--primary > div .ktc-stat-icon svg,
.ktc-metric-grid--primary > div .ktc-stat-icon i,
.ktc-metric-grid--primary .fa-info-circle { color: #fff !important; }

@media (max-width: 767px) {
    .ktc-metric-grid--primary > div { min-height: 102px !important; }
    .ktc-metric-grid--primary > div .ktc-stat-icon { width: 43px !important; height: 43px !important; flex-basis: 43px !important; }
}

/* Restrained dashboard statistics: neutral cards with purposeful accents. */
.ktc-metric-grid--primary > div,
.ktc-metric-grid--primary > div:nth-child(1),
.ktc-metric-grid--primary > div:nth-child(2),
.ktc-metric-grid--primary > div:nth-child(3),
.ktc-metric-grid--primary > div:nth-child(4) {
    min-height: 112px !important; overflow: hidden;
    border: 1px solid #dde5ee !important; border-top: 4px solid #4f46e5 !important;
    color: var(--ktc-text) !important; background: #fff !important;
    box-shadow: 0 7px 22px rgba(15, 23, 42, .055) !important;
    filter: none !important;
}
.ktc-metric-grid--primary > div:nth-child(2) { border-top-color: #7c3aed !important; }
.ktc-metric-grid--primary > div:nth-child(3) { border-top-color: #0f766e !important; }
.ktc-metric-grid--primary > div:nth-child(4) { border-top-color: #d97706 !important; }
.ktc-metric-grid--primary > div::before,
.ktc-metric-grid--primary > div::after { display: none !important; content: none !important; }
.ktc-metric-grid--primary > div:hover {
    border-color: #cdd8e4 !important; border-top-color: #4f46e5 !important;
    background: #fff !important; box-shadow: 0 13px 28px rgba(15, 23, 42, .085) !important;
    filter: none !important; transform: translateY(-2px) !important;
}
.ktc-metric-grid--primary > div:nth-child(2):hover { border-top-color: #7c3aed !important; }
.ktc-metric-grid--primary > div:nth-child(3):hover { border-top-color: #0f766e !important; }
.ktc-metric-grid--primary > div:nth-child(4):hover { border-top-color: #d97706 !important; }
.ktc-metric-grid--primary > div p,
.ktc-metric-grid--primary > div [class*="tw-text-gray"],
.ktc-metric-grid--primary > div [class*="tw-font-mono"] { color: var(--ktc-text) !important; }
.ktc-metric-grid--primary > div p:first-child {
    color: #64748b !important; font-size: 12.5px !important; font-weight: 650 !important;
}
.ktc-metric-grid--primary > div [class*="tw-font-mono"] {
    margin-top: 6px !important; color: #111827 !important; font-size: clamp(22px, 2vw, 27px) !important;
}
.ktc-metric-grid--primary > div .ktc-stat-icon {
    width: 47px !important; height: 47px !important; flex-basis: 47px !important;
    border: 0 !important; border-radius: 12px !important; color: #fff !important;
    background: #4f46e5 !important; box-shadow: 0 7px 15px rgba(79, 70, 229, .2) !important;
    backdrop-filter: none;
}
.ktc-metric-grid--primary > div:nth-child(2) .ktc-stat-icon { background: #7c3aed !important; box-shadow: 0 7px 15px rgba(124, 58, 237, .2) !important; }
.ktc-metric-grid--primary > div:nth-child(3) .ktc-stat-icon { background: #0f766e !important; box-shadow: 0 7px 15px rgba(15, 118, 110, .2) !important; }
.ktc-metric-grid--primary > div:nth-child(4) .ktc-stat-icon { background: #d97706 !important; box-shadow: 0 7px 15px rgba(217, 119, 6, .2) !important; }
.ktc-metric-grid--primary > div .ktc-stat-icon svg,
.ktc-metric-grid--primary > div .ktc-stat-icon i { color: #fff !important; }
.ktc-metric-grid--primary .fa-info-circle { color: #94a3b8 !important; }

/* Final header treatment aligned with the restrained dashboard palette. */
.ktc-main-header {
    position: sticky; top: 0; z-index: 1030; overflow: visible;
    height: 72px !important; min-height: 72px !important;
    border-bottom: 1px solid #dfe6ee !important;
    background: #fff !important; box-shadow: 0 5px 20px rgba(15, 23, 42, .045) !important;
    backdrop-filter: none;
}
.ktc-main-header::after {
    content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px;
    background: linear-gradient(90deg, #4f46e5 0%, #7c3aed 34%, #0f766e 67%, #d97706 100%);
    opacity: .65; pointer-events: none;
}
.ktc-header-inner { height: 100%; padding: 10px 22px !important; }
.ktc-header-start { gap: 11px !important; }
.ktc-header-start > button {
    width: 40px; height: 40px; padding: 0 !important; border: 1px solid #dce4ed !important;
    border-radius: 10px !important; color: #475569 !important; background: #f8fafc !important;
    box-shadow: none !important;
}
.ktc-header-start > button:hover { border-color: #c7d2fe !important; color: #4f46e5 !important; background: #eef2ff !important; }
.ktc-header-context { padding-inline-start: 3px; }
.ktc-header-context span { margin-bottom: 4px; color: #94a3b8; font-size: 9px; font-weight: 750; letter-spacing: .1em; }
.ktc-header-context strong { max-width: 280px; color: #111827; font-size: 14px; font-weight: 750; }
.ktc-header-actions {
    padding: 5px; border: 1px solid #e5eaf0; border-radius: 13px;
    background: #f8fafc; gap: 6px !important;
}
.ktc-header-actions .theme-btn-bg,
.ktc-header-actions > button,
.ktc-header-actions > details > summary,
.ktc-header-actions > a {
    min-width: 39px; min-height: 39px; border: 1px solid transparent !important;
    border-radius: 9px !important; color: #475569 !important; background: transparent !important;
    box-shadow: none !important; transform: none !important;
}
.ktc-header-actions .theme-btn-bg:hover,
.ktc-header-actions > button:hover,
.ktc-header-actions > details > summary:hover,
.ktc-header-actions > a:hover {
    border-color: #dce4ed !important; color: #4f46e5 !important; background: #fff !important;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .06) !important; transform: none !important;
}
.ktc-header-actions .ktc-header-primary,
.ktc-main-header a[href*="/pos/create"] {
    min-height: 41px; padding-inline: 16px !important; border: 0 !important;
    color: #fff !important; background: #4f46e5 !important;
    box-shadow: 0 7px 16px rgba(79, 70, 229, .2) !important;
}
.ktc-header-actions .ktc-header-primary:hover,
.ktc-main-header a[href*="/pos/create"]:hover { color: #fff !important; background: #4338ca !important; box-shadow: 0 8px 18px rgba(79, 70, 229, .25) !important; }
.ktc-header-user {
    margin-inline-start: 5px; padding-inline-start: 8px; border-inline-start: 1px solid #dde4ec;
}
.ktc-header-user > summary { min-width: auto; padding: 4px 9px 4px 5px !important; gap: 9px !important; color: #334155 !important; background: #fff !important; }
.ktc-header-user > summary span { max-width: 135px; overflow: hidden; font-size: 12.5px; font-weight: 680; text-overflow: ellipsis; white-space: nowrap; }
.ktc-header-user > summary svg {
    width: 31px !important; height: 31px !important; padding: 7px; border-radius: 9px;
    color: #fff !important; background: #4f46e5 !important; box-shadow: none;
}
.ktc-header-user > summary:hover { color: #4f46e5 !important; background: #fff !important; }

@media (max-width: 1023px) {
    .ktc-main-header { height: 64px !important; min-height: 64px !important; }
    .ktc-header-inner { padding-inline: 13px !important; }
    .ktc-header-actions { padding: 3px; border: 0; background: transparent; }
}
@media (max-width: 767px) {
    .ktc-header-actions { gap: 3px !important; }
    .ktc-header-actions .theme-btn-bg, .ktc-header-actions > button,
    .ktc-header-actions > details > summary, .ktc-header-actions > a { min-width: 36px; min-height: 36px; }
    .ktc-header-user { margin-inline-start: 2px; padding-inline-start: 4px; }
}

/* Minimal header pass: fewer visual containers and quieter controls. */
.ktc-main-header {
    height: 66px !important; min-height: 66px !important;
    border-bottom: 1px solid #e5eaf0 !important; background: #fff !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .035) !important;
}
.ktc-main-header::after { display: none !important; content: none !important; }
.ktc-header-inner { padding: 8px 20px !important; }
.ktc-header-start > button {
    width: 38px; height: 38px; border-color: transparent !important;
    border-radius: 8px !important; color: #64748b !important; background: transparent !important;
}
.ktc-header-start > button:hover { border-color: transparent !important; color: #4f46e5 !important; background: #f1f5f9 !important; }
.ktc-header-context span { margin-bottom: 2px; font-size: 8.5px; }
.ktc-header-context strong { font-size: 13.5px; }
.ktc-header-actions { padding: 0; border: 0; border-radius: 0; background: transparent; gap: 4px !important; }
.ktc-header-actions .theme-btn-bg,
.ktc-header-actions > button,
.ktc-header-actions > details > summary,
.ktc-header-actions > a {
    min-width: 37px; min-height: 37px; padding: 0 9px !important;
    border: 0 !important; border-radius: 8px !important; color: #64748b !important;
    background: transparent !important; box-shadow: none !important;
}
.ktc-header-actions .theme-btn-bg:hover,
.ktc-header-actions > button:hover,
.ktc-header-actions > details > summary:hover,
.ktc-header-actions > a:hover {
    border: 0 !important; color: #334155 !important; background: #f1f5f9 !important;
    box-shadow: none !important;
}
.ktc-header-actions .ktc-header-primary,
.ktc-main-header a[href*="/pos/create"] {
    min-height: 38px; padding-inline: 15px !important; border-radius: 8px !important;
    color: #fff !important; background: #4f46e5 !important;
    box-shadow: 0 4px 11px rgba(79, 70, 229, .17) !important;
}
.ktc-header-actions .ktc-header-primary:hover,
.ktc-main-header a[href*="/pos/create"]:hover { color: #fff !important; background: #4338ca !important; }
.ktc-header-user { margin-inline-start: 5px; padding-inline-start: 9px; }
.ktc-header-user > summary {
    min-height: 38px; padding: 3px 7px 3px 4px !important; border: 0 !important;
    color: #334155 !important; background: transparent !important;
}
.ktc-header-user > summary:hover { color: #4f46e5 !important; background: #f8fafc !important; }
.ktc-header-user > summary svg { width: 29px !important; height: 29px !important; padding: 6px; border-radius: 8px; }

@media (max-width: 1023px) {
    .ktc-main-header { height: 60px !important; min-height: 60px !important; }
    .ktc-header-inner { padding: 6px 12px !important; }
}

/* Tables restored from the original POS slate/sky theme. */
.table-responsive {
    border: 0 !important; border-radius: 0 !important; background: #fff;
}
.table {
    margin-bottom: 0; border-collapse: collapse !important; border-spacing: 0;
    color: #334155; background: #fff;
}
.table > thead > tr > th {
    height: auto; padding: 8px !important;
    border-color: #e2e8f0 !important; border-bottom: 2px solid #e2e8f0 !important;
    color: #64748b !important; background: #f8fafc !important;
    font-size: inherit !important; font-weight: 700 !important;
    letter-spacing: normal !important; line-height: 1.42857143; text-transform: none !important;
    vertical-align: bottom;
}
.table > tbody > tr > td {
    height: auto; padding: 8px !important;
    border-color: #f1f5f9 !important; border-top: 1px solid #f1f5f9 !important;
    color: inherit !important; background: transparent !important;
    font-size: inherit; line-height: 1.42857143; vertical-align: top;
}
.table-striped > tbody > tr:nth-of-type(odd) > td { background-color: #f9fafb !important; }
.table-hover > tbody > tr:hover > td,
.table > tbody > tr:hover > td { background-color: #f1f5f9 !important; }
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td { border: 1px solid #e2e8f0 !important; }
.table tfoot th, .table tfoot td {
    padding: 8px !important; border-color: #e2e8f0 !important;
    color: inherit; background: #f8fafc !important;
}
.dataTables_scroll, .dataTables_wrapper { border-radius: 0; }
.dataTables_wrapper .row:first-child,
.dataTables_wrapper .row:last-child { margin-top: 0; margin-bottom: 0; }
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    min-height: 34px; padding: 6px 12px; border: 1px solid #d2d6de;
    border-radius: 0; color: #555; background: #fff; box-shadow: none;
}
.dataTables_wrapper .dataTables_filter input { min-width: 0; }
.dt-buttons .btn, .dataTables_wrapper .dt-button {
    min-height: 34px; margin: 0 3px 5px 0 !important; padding: 6px 12px !important;
    border: 1px solid #d2d6de !important; border-radius: 3px !important;
    color: #444 !important; background: #f4f4f4 !important;
    box-shadow: none !important; font-size: 14px; font-weight: 400;
}
.dt-buttons .btn:hover, .dataTables_wrapper .dt-button:hover {
    border-color: #adadad !important; color: #333 !important; background: #e7e7e7 !important;
}
.pagination > li > a, .pagination > li > span {
    min-width: auto; min-height: auto; display: block; margin: 0; padding: 6px 12px;
    border: 1px solid #ddd; border-radius: 0 !important; color: #0284c7; background: #fff;
    box-shadow: none;
}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover {
    border-color: #0ea5e9 !important; color: #fff !important;
    background-color: #0ea5e9 !important; box-shadow: none;
}
table tbody .btn-group > .dropdown-toggle {
    min-height: initial; padding: 6px 12px !important;
    border: 1px solid #d2d6de !important; border-radius: 3px !important;
    color: #444 !important; background: #f4f4f4 !important;
    box-shadow: none !important; font-size: 14px; font-weight: 400;
}
table tbody .btn-group > .dropdown-toggle:hover,
table tbody .btn-group.open > .dropdown-toggle {
    border-color: #adadad !important; color: #333 !important; background: #e7e7e7 !important;
}
table .label, table .badge { display: inline; min-height: 0; padding: .2em .6em .3em; border-radius: .25em; font-size: 75%; font-weight: 700; }

@media (max-width: 767px) {
    .table > thead > tr > th, .table > tbody > tr > td { height: auto; padding: 8px !important; }
}

/* Compact wide tables: preserve scrolling while preventing tall wrapped rows. */
.dataTables_wrapper .table-responsive,
.dataTables_scrollBody {
    border: 0 !important; border-radius: 0 !important;
    scrollbar-width: thin; scrollbar-color: #94a3b8 #eef2f6;
}
.dataTables_wrapper .table-responsive::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar { width: 8px; height: 8px; }
.dataTables_wrapper .table-responsive::-webkit-scrollbar-track,
.dataTables_scrollBody::-webkit-scrollbar-track { border-radius: 8px; background: #eef2f6; }
.dataTables_wrapper .table-responsive::-webkit-scrollbar-thumb,
.dataTables_scrollBody::-webkit-scrollbar-thumb { border: 2px solid #eef2f6; border-radius: 8px; background: #94a3b8; }
.dataTables_wrapper .table-responsive::-webkit-scrollbar-thumb:hover,
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover { background: #64748b; }
.dataTables_wrapper table.dataTable > thead > tr > th,
.dataTables_wrapper .table > thead > tr > th {
    height: 44px; padding: 9px 11px !important;
    border: 0 !important; border-bottom: 1px solid #dce4ec !important;
    color: #526278 !important; background: #f8fafc !important;
    font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.25;
    white-space: nowrap !important; vertical-align: middle;
}
.dataTables_wrapper table.dataTable > tbody > tr > td,
.dataTables_wrapper .table > tbody > tr > td {
    height: 46px; padding: 9px 11px !important;
    border: 0 !important; border-bottom: 1px solid #edf1f5 !important;
    color: #334155 !important; background: #fff !important;
    font-size: 12.5px; line-height: 1.3; white-space: nowrap !important; vertical-align: middle;
}
.dataTables_wrapper table.dataTable > thead > tr > th:last-child,
.dataTables_wrapper table.dataTable > tbody > tr > td:last-child { border-right: 0 !important; }
.dataTables_wrapper .table-striped > tbody > tr:nth-of-type(odd) > td { background: #fbfcfe !important; }
.dataTables_wrapper .table-hover > tbody > tr:hover > td,
.dataTables_wrapper .table > tbody > tr:hover > td { background: #f2f9fd !important; }
.dataTables_wrapper .table tfoot th,
.dataTables_wrapper .table tfoot td {
    height: 45px; padding: 9px 11px !important; border: 0 !important; border-top: 1px solid #dfe6ee !important;
    background: #f8fafc !important; white-space: nowrap !important; vertical-align: middle;
}
.dataTables_wrapper .table-bordered,
.dataTables_wrapper .table-bordered > thead > tr > th,
.dataTables_wrapper .table-bordered > tbody > tr > td,
.dataTables_wrapper .table-bordered > tfoot > tr > td { border-inline: 0 !important; }
.dataTables_wrapper .row:first-child {
    display: flex; margin-bottom: 14px; align-items: center; flex-wrap: wrap; gap: 8px 0;
}
.dataTables_wrapper .dataTables_filter { margin-inline-start: auto; }
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    height: 38px; min-height: 38px; border: 1px solid #d5dee8;
    border-radius: 7px; background: #fff;
}
.dataTables_wrapper .dataTables_filter input { width: 220px; padding-inline: 11px; }
.dt-buttons .btn, .dataTables_wrapper .dt-button {
    min-height: 34px; padding: 6px 10px !important; border-color: #d5dee8 !important;
    border-radius: 7px !important; color: #64748b !important; background: #fff !important;
    font-size: 11.5px; font-weight: 650;
}
.dt-buttons .btn:hover, .dataTables_wrapper .dt-button:hover {
    border-color: #a9cada !important; color: #0369a1 !important; background: #f0f9ff !important;
}
table tbody .btn-group > .dropdown-toggle {
    min-height: 32px; padding: 5px 10px !important; border-color: #cfd9e3 !important;
    border-radius: 6px !important; color: #334155 !important; background: #fff !important;
    font-size: 12px;
}

@media (max-width: 767px) {
    .dataTables_wrapper .row:first-child { display: block; }
    .dataTables_wrapper .dataTables_filter { margin-top: 10px; }
    .dataTables_wrapper .dataTables_filter input { width: calc(100% - 58px); }
}

/*
 * DataTables uses col-sm-1/8/3 for length, exports and search.  The first
 * column is not wide enough for "Show 25 entries", which made it render
 * underneath the export buttons.  Size each toolbar group from its content
 * and allow the export group to wrap without affecting the table viewport.
 */
.dataTables_wrapper > .row:first-child {
    display: flex !important;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
}
.dataTables_wrapper > .row:first-child > [class*="col-sm-"] {
    width: auto;
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
    float: none;
}
.dataTables_wrapper > .row:first-child > .col-sm-1 {
    flex: 0 0 auto;
    min-width: 126px;
}
.dataTables_wrapper > .row:first-child > .col-sm-8 {
    display: flex;
    flex: 1 1 430px;
    align-items: center;
}
.dataTables_wrapper > .row:first-child > .col-sm-8 .dt-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.dataTables_wrapper > .row:first-child > .col-sm-8 .dt-buttons .btn {
    margin: 0 !important;
    white-space: nowrap;
}
.dataTables_wrapper > .row:first-child > .col-sm-3 {
    flex: 0 1 270px;
    margin-left: auto;
}
.dataTables_wrapper > .row:first-child .dataTables_length,
.dataTables_wrapper > .row:first-child .dataTables_filter {
    margin: 0;
    white-space: nowrap;
}
.dataTables_wrapper > .row:first-child .dataTables_filter input {
    width: 220px;
    max-width: calc(100% - 58px);
}

@media (max-width: 991px) {
    .dataTables_wrapper > .row:first-child > .col-sm-8 { order: 3; flex-basis: 100%; }
    .dataTables_wrapper > .row:first-child > .col-sm-3 { flex: 1 1 260px; }
}

@media (max-width: 600px) {
    .dataTables_wrapper > .row:first-child { align-items: stretch; }
    .dataTables_wrapper > .row:first-child > [class*="col-sm-"] { flex: 1 1 100%; }
    .dataTables_wrapper > .row:first-child > .col-sm-3 { margin-left: 0; }
    .dataTables_wrapper > .row:first-child .dataTables_filter { text-align: left; }
    .dataTables_wrapper > .row:first-child .dataTables_filter input {
        width: calc(100% - 58px);
        max-width: none;
    }
}

/* Keep DataTables split header/body/footer inside one shared viewport. */
.dataTables_wrapper,
.dataTables_scroll { width: 100% !important; max-width: 100% !important; }
.dataTables_scrollHead,
.dataTables_scrollFoot {
    width: 100% !important; max-width: 100% !important; overflow: hidden !important;
}
.dataTables_scrollHeadInner,
.dataTables_scrollFootInner { min-width: 100%; }
.dataTables_scrollBody {
    position: relative; width: 100% !important; max-width: 100% !important;
    overflow-x: auto !important; overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .table-responsive {
    position: relative; width: 100%; max-width: 100%;
    overflow-x: auto !important; overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}
.dataTables_scrollHead table,
.dataTables_scrollBody table,
.dataTables_scrollFoot table { margin-inline: 0 !important; }

/* Essentials HRM: polished navigation and dashboard without affecting other modules. */
.ktc-hrm-navigation { padding: 16px 16px 0; }
.ktc-hrm-navbar {
    min-height: 58px; margin: 0; border: 1px solid #dce6ee; border-radius: 12px;
    background: #fff; box-shadow: 0 4px 14px rgba(15, 54, 78, .05);
}
.ktc-hrm-navbar .navbar-brand {
    height: 56px; padding: 18px 18px; color: #0f3650 !important;
    font-size: 17px; font-weight: 700;
}
.ktc-hrm-navbar .navbar-brand i { margin-inline-end: 7px; color: #0797d5; }
.ktc-hrm-navbar .navbar-nav > li > a {
    margin: 9px 2px; padding: 10px 12px; border-radius: 7px;
    color: #5b6878; font-size: 13px; font-weight: 600; transition: .16s ease;
}
.ktc-hrm-navbar .navbar-nav > li > a:hover,
.ktc-hrm-navbar .navbar-nav > li > a:focus { color: #087eb4; background: #eff8fc; }
.ktc-hrm-navbar .navbar-nav > .active > a,
.ktc-hrm-navbar .navbar-nav > .active > a:hover,
.ktc-hrm-navbar .navbar-nav > .active > a:focus {
    color: #fff; background: #0797d5; box-shadow: 0 4px 10px rgba(7, 151, 213, .2);
}
.ktc-hrm-dashboard { padding-top: 18px; }
.ktc-hrm-dashboard .col-custom { margin-bottom: 18px; }
.ktc-hrm-dashboard .box {
    overflow: hidden; border: 1px solid #e1e8ef; border-radius: 12px;
    background: #fff; box-shadow: 0 5px 18px rgba(15, 54, 78, .055);
}
.ktc-hrm-dashboard .box-header { min-height: 54px; padding: 15px 18px; border-bottom: 1px solid #edf1f5; }
.ktc-hrm-dashboard .box-header .box-title { color: #18364a; font-size: 15px; font-weight: 700; }
.ktc-hrm-dashboard .box-header i { color: #0797d5; }
.ktc-hrm-dashboard .box-body { padding: 12px 18px 16px; }
.ktc-hrm-dashboard .table > tbody > tr > td,
.ktc-hrm-dashboard .table > thead > tr > td,
.ktc-hrm-dashboard .table > tbody > tr > th,
.ktc-hrm-dashboard .table > thead > tr > th {
    padding: 11px 8px; border-top-color: #edf1f5; color: #405267; vertical-align: middle;
}
.ktc-hrm-dashboard .table .bg-light-gray { color: #526278; background: #f7fafc !important; }
.ktc-hrm-dashboard hr { margin: 4px 0 20px; border-color: #e4ebf1; }
.ktc-hrm-dashboard .ktc-hrm-payroll-link,
.ktc-hrm-dashboard .ktc-hrm-payroll-link:visited,
.ktc-hrm-dashboard .ktc-hrm-payroll-link:hover,
.ktc-hrm-dashboard .ktc-hrm-payroll-link:focus,
.ktc-hrm-dashboard .ktc-hrm-payroll-link:active {
    border: 1px solid var(--ktc-button) !important;
    color: #fff !important;
    background: var(--ktc-button) !important;
    text-decoration: none !important;
}
.ktc-hrm-dashboard .ktc-hrm-payroll-link:hover,
.ktc-hrm-dashboard .ktc-hrm-payroll-link:focus {
    border-color: var(--ktc-blue) !important;
    background: var(--ktc-blue) !important;
    box-shadow: 0 6px 14px rgba(7, 151, 213, .2);
}
.ktc-hrm-dashboard .ktc-hrm-payroll-link i { color: inherit !important; }

@media (max-width: 767px) {
    .ktc-hrm-navigation { padding: 10px 10px 0; }
    .ktc-hrm-navbar { min-height: 52px; }
    .ktc-hrm-navbar .navbar-brand { height: 50px; padding: 15px; }
    .ktc-hrm-navbar .navbar-toggle { margin: 8px; border: 1px solid #d4e1ea; border-radius: 7px; }
    .ktc-hrm-navbar .navbar-toggle .icon-bar { background: #0f3650; }
    .ktc-hrm-navbar .navbar-collapse { padding: 7px 12px 12px; border-top: 1px solid #edf1f5; }
    .ktc-hrm-navbar .navbar-nav { margin: 0; }
    .ktc-hrm-navbar .navbar-nav > li > a { margin: 3px 0; }
    .ktc-hrm-dashboard { padding: 14px 10px; }
}

/* HMS: clean module navigation and dashboard, scoped away from other modules. */
.ktc-hms-navigation { padding: 16px 16px 0; }
.ktc-hms-navbar {
    min-height: 58px; margin: 0; border: 1px solid #dce6ee; border-radius: 12px;
    background: #fff; box-shadow: 0 4px 14px rgba(15, 54, 78, .05);
}
.ktc-hms-navbar .navbar-brand {
    height: 56px; padding: 18px; color: #0f3650 !important;
    font-size: 17px; font-weight: 700;
}
.ktc-hms-navbar .navbar-brand i { margin-inline-end: 8px; color: #0797d5; }
.ktc-hms-navbar .navbar-nav > li > a {
    margin: 9px 2px; padding: 10px 11px; border-radius: 7px;
    color: #5b6878; font-size: 13px; font-weight: 600; transition: .16s ease;
}
.ktc-hms-navbar .navbar-nav > li > a:hover,
.ktc-hms-navbar .navbar-nav > li > a:focus { color: #087eb4; background: #eff8fc; }
.ktc-hms-navbar .navbar-nav > .active > a,
.ktc-hms-navbar .navbar-nav > .active > a:hover,
.ktc-hms-navbar .navbar-nav > .active > a:focus {
    color: #fff; background: #0797d5; box-shadow: 0 4px 10px rgba(7, 151, 213, .2);
}
.ktc-hms-dashboard { padding-top: 18px; }
.ktc-hms-dashboard .box,
.ktc-hms-dashboard .nav-tabs-custom {
    overflow: hidden; border: 1px solid #e1e8ef; border-radius: 12px;
    background: #fff; box-shadow: 0 5px 18px rgba(15, 54, 78, .055);
}
.ktc-hms-dashboard .box-header { padding: 15px 18px; border-bottom: 1px solid #edf1f5; }
.ktc-hms-dashboard .box-title { color: #18364a; font-size: 15px; font-weight: 700; }
.ktc-hms-dashboard .box-body { padding: 12px 18px !important; }
.ktc-hms-dashboard .table > tbody > tr > td,
.ktc-hms-dashboard .table > tbody > tr > th {
    padding: 11px 8px; border-top-color: #edf1f5; color: #405267; vertical-align: middle;
}
.ktc-hms-dashboard .table > tbody > tr > td:last-child {
    color: #0f3650; font-weight: 700; text-align: end;
}
.ktc-hms-dashboard .nav-tabs-custom > .nav-tabs { padding: 7px 8px 0; border-bottom-color: #e8eef3; }
.ktc-hms-dashboard .nav-tabs-custom > .nav-tabs > li > a { border-radius: 7px 7px 0 0; font-weight: 600; }
.ktc-hms-dashboard .nav-tabs-custom > .tab-content { padding: 18px; }

@media (max-width: 767px) {
    .ktc-hms-navigation { padding: 10px 10px 0; }
    .ktc-hms-navbar { min-height: 52px; }
    .ktc-hms-navbar .navbar-brand { height: 50px; padding: 15px; }
    .ktc-hms-navbar .navbar-toggle { margin: 8px; border: 1px solid #d4e1ea; border-radius: 7px; }
    .ktc-hms-navbar .navbar-toggle .icon-bar { background: #0f3650; }
    .ktc-hms-navbar .navbar-collapse { padding: 7px 12px 12px; border-top: 1px solid #edf1f5; }
    .ktc-hms-navbar .navbar-nav { margin: 0; }
    .ktc-hms-navbar .navbar-nav > li > a { margin: 3px 0; }
    .ktc-hms-dashboard { padding: 14px 10px; }
}