/**
 * Full-app workspace surfaces — Navy + Blue Green pale backgrounds on all pages/forms.
 * Theme-scoped tokens + surface rules only (never affects other themes).
 * hkits-themes.css stays synced with kitmedical; workspace palette lives here.
 */

/* ── Workspace tokens (per theme — isolated) ─────────────────────────── */
html[data-hkits-theme="healthcare"] {
    --hkits-bg: #deedf3;
    --hkits-surface: #eef7fa;
    --hkits-text: #0f3a6e;
    --hkits-text-muted: #475569;
    --hkits-border: rgba(21, 72, 144, 0.2);
    --hkits-border-light: rgba(21, 72, 144, 0.12);
}

html[data-hkits-theme="kitsofts-navy"] {
    --hkits-bg: #e8f1fa;
    --hkits-surface: #f5f9ff;
    --hkits-text: #0f172a;
    --hkits-text-muted: #475569;
    --hkits-border: #b0c9e8;
    --hkits-border-light: #c8daf0;
    --hkits-pale-cream: #f0f6fc;
    --hkits-pale-cream-border: #b0c9e8;
}

/* ── KitSofts Navy — navy chrome, pale blue workspace (surfaces only) ─── */
html[data-hkits-theme="kitsofts-navy"] body.hkits-app,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-wrapper,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-main,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-main-inner {
    background: var(--kitsofts-app-bg, var(--hkits-bg)) !important;
    color: var(--hkits-text) !important;
}

html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-service-page,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app #list_container,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .main-content,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .dashboard-content,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .kitsofts-workspace,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .management-module-page,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .business-module-page {
    background: transparent !important;
    color: var(--hkits-text) !important;
}

html[data-hkits-theme="kitsofts-navy"] body.hkits-app .panel,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .panel-default,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .panel-body,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .modal-content,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .modal-body,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .well,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .list-group-item {
    background: var(--hkits-surface, #f5f9ff) !important;
    color: var(--hkits-text) !important;
    border-color: var(--hkits-border) !important;
}

html[data-hkits-theme="kitsofts-navy"] body.hkits-app .panel-default > .panel-heading,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-dash-card-head {
    background: linear-gradient(90deg, #b0c9e8 0%, #e8f1fa 100%) !important;
    border-color: var(--hkits-border) !important;
    color: #002366 !important;
}

html[data-hkits-theme="kitsofts-navy"] body.hkits-app input.form-control,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app textarea.form-control {
    background-color: var(--hkits-surface, #f5f9ff) !important;
    border-color: var(--hkits-border) !important;
    color: var(--hkits-text) !important;
}

html[data-hkits-theme="kitsofts-navy"] body.hkits-app select.form-control,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app select:not(.btn):not([multiple]) {
    background-color: var(--hkits-pale-cream) !important;
    border-color: var(--hkits-pale-cream-border) !important;
    color: var(--hkits-text) !important;
}

html[data-hkits-theme="kitsofts-navy"] body.hkits-app .table > tbody > tr > td,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-dash-table tbody td {
    background: var(--hkits-surface, #f5f9ff) !important;
    border-color: var(--hkits-border-light) !important;
    color: var(--hkits-text) !important;
}

html[data-hkits-theme="kitsofts-navy"] body.hkits-app .table-striped > tbody > tr:nth-of-type(odd) > td {
    background: var(--hkits-bg, #e8f1fa) !important;
}

html[data-hkits-theme="kitsofts-navy"] body.hkits-app .table > thead > tr > th,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-items-table thead th {
    background: #b0c9e8 !important;
    color: #002366 !important;
    border-color: #8fb5de !important;
}

html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-filter-panel .hkits-filter-body {
    background: #e8f1fa !important;
}

html[data-hkits-theme="kitsofts-navy"] body.hkits-app label,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .control-label,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .form-label {
    color: #002366 !important;
}

/* ── Blue Green (healthcare) — pale blue workspace (surfaces only) ───── */
html[data-hkits-theme="healthcare"] body.hkits-app,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-wrapper,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-main,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-main-inner {
    background: var(--kitsofts-app-bg, var(--hkits-bg)) !important;
    color: var(--hkits-text) !important;
}

html[data-hkits-theme="healthcare"] body.hkits-app .hkits-service-page,
html[data-hkits-theme="healthcare"] body.hkits-app #list_container,
html[data-hkits-theme="healthcare"] body.hkits-app .main-content,
html[data-hkits-theme="healthcare"] body.hkits-app .dashboard-content,
html[data-hkits-theme="healthcare"] body.hkits-app .kitsofts-workspace,
html[data-hkits-theme="healthcare"] body.hkits-app .management-module-page,
html[data-hkits-theme="healthcare"] body.hkits-app .business-module-page {
    background: transparent !important;
    color: var(--hkits-text) !important;
}

html[data-hkits-theme="healthcare"] body.hkits-app .panel,
html[data-hkits-theme="healthcare"] body.hkits-app .panel-default,
html[data-hkits-theme="healthcare"] body.hkits-app .panel-body,
html[data-hkits-theme="healthcare"] body.hkits-app .modal-content,
html[data-hkits-theme="healthcare"] body.hkits-app .modal-body,
html[data-hkits-theme="healthcare"] body.hkits-app .well,
html[data-hkits-theme="healthcare"] body.hkits-app .list-group-item,
html[data-hkits-theme="healthcare"] body.hkits-app .input-group-addon {
    background: var(--hkits-surface) !important;
    color: var(--hkits-text) !important;
    border-color: var(--hkits-border) !important;
}

html[data-hkits-theme="healthcare"] body.hkits-app .panel-default > .panel-heading,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-dash-card-head,
html[data-hkits-theme="healthcare"] body.hkits-app .modal-header {
    background: linear-gradient(90deg, #cee8ea 0%, #eef7fa 100%) !important;
    border-color: var(--hkits-border) !important;
    color: #0f3a6e !important;
}

html[data-hkits-theme="healthcare"] body.hkits-app input.form-control,
html[data-hkits-theme="healthcare"] body.hkits-app textarea.form-control,
html[data-hkits-theme="healthcare"] body.hkits-app select.form-control,
html[data-hkits-theme="healthcare"] body.hkits-app select:not(.btn):not([multiple]) {
    background-color: #f8fcff !important;
    border-color: var(--hkits-border) !important;
    color: var(--hkits-text) !important;
}

html[data-hkits-theme="healthcare"] body.hkits-app input.form-control:focus,
html[data-hkits-theme="healthcare"] body.hkits-app textarea.form-control:focus,
html[data-hkits-theme="healthcare"] body.hkits-app select.form-control:focus {
    background-color: #ffffff !important;
    border-color: #22c55e !important;
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2) !important;
}

html[data-hkits-theme="healthcare"] body.hkits-app .table > thead > tr > th,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-items-table thead th,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-dash-table > thead > tr > th {
    background: #b9dcff !important;
    color: #0f3a6e !important;
    border-color: #7eb8e8 !important;
}

html[data-hkits-theme="healthcare"] body.hkits-app .table > tbody > tr > td,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-dash-table tbody td {
    background: #f8fcff !important;
    color: var(--hkits-text) !important;
    border-color: var(--hkits-border-light) !important;
}

html[data-hkits-theme="healthcare"] body.hkits-app .table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-dash-table tbody tr:nth-of-type(odd) > td {
    background: #eef7fa !important;
}

html[data-hkits-theme="healthcare"] body.hkits-app .table-hover > tbody > tr:hover > td {
    background: #dcfce7 !important;
}

html[data-hkits-theme="healthcare"] body.hkits-app .hkits-filter-panel .hkits-filter-body {
    background: #eef7fa !important;
    color: var(--hkits-text);
}

html[data-hkits-theme="healthcare"] body.hkits-app label,
html[data-hkits-theme="healthcare"] body.hkits-app .control-label,
html[data-hkits-theme="healthcare"] body.hkits-app .form-label,
html[data-hkits-theme="healthcare"] body.hkits-app .help-block {
    color: var(--hkits-text) !important;
}

html[data-hkits-theme="healthcare"] body.hkits-app .summary-card,
html[data-hkits-theme="healthcare"] body.hkits-app .chart-card,
html[data-hkits-theme="healthcare"] body.hkits-app .table-card,
html[data-hkits-theme="healthcare"] body.hkits-app .shops-overview,
html[data-hkits-theme="healthcare"] body.hkits-app .shop-overview-card,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-main-inner .summary-card,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-main-inner .chart-card,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-main-inner .table-card,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-main-inner .shops-overview,
html[data-hkits-theme="healthcare"] body.hkits-app .hkits-main-inner .shop-overview-card {
    background: var(--hkits-dashboard-widget-bg, var(--hkits-dashboard-content-bg, rgba(14, 165, 233, 0.1))) !important;
    border-color: var(--hkits-dashboard-widget-border, rgba(56, 189, 248, 0.35)) !important;
    color: var(--hkits-text) !important;
}

html[data-hkits-theme="kitsofts-navy"] body.hkits-app .summary-card,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .chart-card,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .table-card,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .shops-overview,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .shop-overview-card,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-main-inner .summary-card,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-main-inner .chart-card,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-main-inner .table-card,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-main-inner .shops-overview,
html[data-hkits-theme="kitsofts-navy"] body.hkits-app .hkits-main-inner .shop-overview-card {
    background: var(--hkits-dashboard-widget-bg, var(--hkits-dashboard-content-bg, rgba(14, 165, 233, 0.1))) !important;
    border-color: var(--hkits-dashboard-widget-border, rgba(56, 189, 248, 0.35)) !important;
}

/* Flat + rounded: panels keep theme surfaces (shape only changes radius via ui-shape.css) */
html[data-hkits-theme="kitsofts-navy"][data-hkits-ui-shape="flat"] body.hkits-app .panel,
html[data-hkits-theme="kitsofts-navy"][data-hkits-ui-shape="rounded"] body.hkits-app .panel,
html[data-hkits-theme="healthcare"][data-hkits-ui-shape="flat"] body.hkits-app .panel,
html[data-hkits-theme="healthcare"][data-hkits-ui-shape="rounded"] body.hkits-app .panel,
html[data-hkits-theme="kitsofts-navy"][data-hkits-ui-shape="flat"] body.hkits-app .form-control,
html[data-hkits-theme="kitsofts-navy"][data-hkits-ui-shape="rounded"] body.hkits-app .form-control,
html[data-hkits-theme="healthcare"][data-hkits-ui-shape="flat"] body.hkits-app .form-control,
html[data-hkits-theme="healthcare"][data-hkits-ui-shape="rounded"] body.hkits-app .form-control {
    box-shadow: none;
}

html[data-hkits-theme="healthcare"][data-hkits-ui-shape="rounded"] body.hkits-app .panel,
html[data-hkits-theme="kitsofts-navy"][data-hkits-ui-shape="rounded"] body.hkits-app .panel {
    box-shadow: var(--hkits-ui-panel-shadow, 0 2px 10px rgba(15, 23, 42, 0.06));
}