:root {
	--modified-input-min-height: 42px;

	/*fonts*/
	--font-family-main: IRANSansX, Roboto;

	/*colors*/
	--light-lavender-gray: #ececf3ff;
	--color-porcelain: #ecf1f6;
	--color-pale-blue-gray: #pale-blue-gray;
	--color-olive-gray: #85858878;
	--color-mint-tulip: #c9f2f7;
	--color-periwinkle-mst: #98a4eb;
	--color-cloudGray: #d7daea75;
	--color-lavender-haze: #eaecf7;
	--color-apricot: #ffc684;
	--color-black: #000000;
	--color-mst-blue: #dde0f3;
	--color-bracken: #553d20;
	--color-indigo-gray: #2f3e63;
	--color-sky-tint: #e7f6ff;
	--color-soft-indigo: #bcc3ed;
	--color-lavender-mst: #e7ebff;
	--color-lemon-pastel: #fffbe7;
	--color-graphite: #292d32;
	--color-slate-blue: #949eda;
	--color-rose-blush: #ffeae7;
	--color-transparent-note: #949eda6b;
	--color-peach-cream: #fdf2ef;
	--color-pink-blush: #fcedfa;
	--color-royal-blue: #3f51b5;
	--color-steel-gray: #4b6265;
	--color-cloudy-lilac: #eff0f7;
	--color-cDeep-teal: #164237;
	--color-cream-brulee: #ffe2a4;
	--color-olive-brown: #7c745b;
	--bg-color-gray: #ebecef;
	--color-chardonnay: #fed783;
	--color-tutu: #ffe6e6;
	--color-dirty_blue: #3d83a6;
	--color-taupe-gray: #7a6b60;
	--color-faded-orange: #e59d59;
	--color-carrot-orange: #fc8a1e;
	--color-teal-slate: #3e6672;
	--color-mint-light: #e8f6f1;
	--color-rose-mauve: #7a4b6d;
	--color-chateau-green: #31ae55;
	--color-heading-dark: #2e3a59;
	--color-river-bed: #434b57;
	--color-surface-lightblue: #f8fbff;
	--color-iron: #cdd6de;
	--color-iron-dark: #e9ecef;
	--color-iron-muted: #e1e7f3;
	--color-low: #fff5da;
	--color-error-dark: #b42318;
	--color-text-dark: #3a3a3a;
	--color-low-dark: #eef5ff;
	--color-neutral-dark: #f2f3f5;
	--color-white-muted: #f4f8fc;
	--color-bg-light-blue: #eaeff5;
	--color-danger-dark: #66130e;
	--color-danger-red: #fc4c4c;
	--color-red-dark: #c41f1f;
	--color-high: #e8c3cc;
	--color-woodland: #5c4d2a;
	--color-saffron-mango: #f4c358;
	--color-rock-blue: #a2a9d2;
	--color-baltic-sea: #272b33;
	--color-catskill-white: #f1f5fc;
	--color-deep-rose: #9e415d;
	--color-charcoal: #424242;
	--color-very-pale-pink: #fdf7f8;
	--color-blue-breeze: #c6e7fa;
	--color-light-lavender: #daeaff;
	--color-perano: #b8c0ef;
	--color-periwinkle: #d4e1fa;
	--color-outer-space: #606367;
	--color-costa-del-sol: #6c5e0d;
	--color-outer-low: #757575;
	--color-red-600: #ff2509;
	--color-cornflower-blue: #5b8cee;
	--color-light-silver: #d3d3d3;
	--color-dark-burgundy: #873336;
	--color-redwood: #8f3d4e;
	--color-white: #ffffff;
	--color-red: #f61a1a;
	--color-stroke: #646668;
	--color-helper: #ccc;
	--color-light-taupe: #c3baba;
	--color-pale-rose: #efe2e5;
	--color-light-off-blue: #f4f6fc;
	--color-light-off-white: #f4f6fbd1;
	--color-frozen-blue: #e6ecf6;
	--color-very_light_pink: #FDF3F3;
	--color-mist-blue: #949eda5c;
	--color-light-ash: #f3f5f7;
	--color-ice-overlay: #f4f6fb7d;
	--color-sky-veil: #d1d9eb80;
	--color-light-gray-blue: #d7daea61;
	--color-peach-puff: #f3a691;
	--color-lavender-mist: #f6dded;
	--color-lilac-dusk: #7b86cb;
	--color-creamy-peach: #f1bb9c;
	--color-moonstone-blue: #6dabaa;
	--color-desaturated-green: #6dabaa;
	--color-light-sky-blue: #95c5e1;
	--color-light-sea-green: #92caa2;
	--color-pompadour: #77203f;
	--color-light-red: #fbebeb;
	--color-sea-green: #369b83;
	--color-smoky-topaz: #9b364d;
	--color-sky-blue: #8eb4ec;
	--color-error-bg: #fcedee;
	--color-steel-blue: #5a7db0;
	--color-misty-rose: #e3acad;
	--color-slate-gray: #8d9aa0;
	--color-dark: #0b4463;
	--color-red-light: #e79a9a;
	--color-primary: #36459b;
	--color-primary-dark: #132277;
	--color-secondary: #dfe9f9;
	--color-danger: #f04242;
	--color-palered: #e1797d;
	--color-indigo-gray-mst: #6c73a8;
	--color-muted-mst: #9aa1a6;
	--color-froly: #f67e7f;
	--color-favourite: #ffdf00;
	--color-misty-blue: #e2e6ff;
	--color-bg-warning: rgb(253, 242, 239);
	--color-gray-transparent: #8c8c8c1f;
	--color-blood-color: #8396b2;
	--color-soft-blue: #f5f8fb;
	--color-danger-bg: #f8eff1;
	--color-casablanca: #f1a750;
	--color-bg-blue-soft: #b2c6e3;
	--color-bg-blue-muted: #f5f9fe;
	--color-muted-dark: #8d8d8f;
	--color-subtle: #f1f4f8;
	--color-neutral-light: #e7ecf2;
	--color-alert-danger: #d14343;
	--color-success-green: #4caf50;
	--color-text-secondary: #858588;
	--color-highlight: #dbe6fb;
	--color-gray-secondary: #6c757d;
	--color-dawn-pink: #F6E6E6;
	--color-periwinkle-blue: #87a6d2;
	--lab-clr-group-bg: #f0f4f8;
	--lab-clr-header: #9d9bab;
	--tbl-clr-thead: #f7f2f8;
	--text-clr-red: #f51313;
	--dash-clr-red: #f41414;
	--bg-color-scroll: #e3e9f1;
	--color-scroll: #b9bbd8;
	--color-havelock-blue: #5d80b1;
	--color-tints-white-smoke: #ffeded;
	--color-tints-red: #f51111;
	--bg-clr-alice-blue: #f4fafd;
	--bg-clr-opium: #9a8e8e;
	--bg-clr-alice-blue3: #e7f5fd;
	--bg-clr-alice-blue2: #f4f9ff;
	--text-clr-wild-blue-yonder: #737eba;
	--bg-clr-orchid: #e070c9;
	--text-clr-torch-red: #ff0004;
	--bg-clr-cosmos: #ffd7d7;
	--bg-clr-golden-glow: #fcd383;
	--bg-clr-sail: #9fc4de;
	--border-clr-stromboli: #3a6b5c;
	--border-clr-lavender: #e7eaf9;
	--bg-color-negroni: #eac1a5;
	--bg-color-sage: #8d957e;
	--bg-color-neptune: #7baaa9;
	--bg-color-quartz: #d8d6e4;
	--bg-color-quarter-spanish-white: #f4e5d0;
	--bg-color-pancho: #e1ba95;
	--bg-color-gin: #b6c29e;
	--bg-color-hawkes-blue: #dfe2eb;
	--bg-color-alice-blue: #f5f8fd;
	--bg-color-dingley: #6e8750;
	--bg-color-bouquet: #af859d;
	--bg-color-snuf: #dad0db;
	--bg-color-alice-blue-2: #f0f2f4;
	--bg-color-twilight: #d2bdcc;
	--bg-color-japonica: #c97863;
	--bg-color-just-rihgt: #e5c1a7;
	--bg-color-sazerac: #f5e0ca;
	--bg-color-barley-white: #efe3b5;
	--bg-color-chilean-heath: #fffcde;
	--bg-color-twilight-blue: #fbfdef;
	--bg-color-off-yellow: #f9f4da;
	--bg-color-olivine: #91a96d;
	--bg-color-aqua-spring: #e7fde8;
	--bg-color-tea-green: #cbe3bc;
	--bg-color-pink-swan: #bab4b4;
	--bg-color-petite-orchid: #e4a097;
	--bg-color-pot-pourri: #f3d8cf;
	--bg-color-rose-white: #fbf2ef;
	--bg-color-blue-romance: #d5e6d3;
	--bg-color-gin2: #d8e3c3;
	--bg-color-dark-salmon: #eb8c7a;
	--bg-color-light-yellow: #fdffd8;
	--bg-color-light-yellow2: #fcfdde;
	--bg-color-ch-h: #fcf8dc;
	--bg-color-snuf2: #e6dbe3;
	--bg-color-norway: #a4ba8a;
	--bg-color-romantic: #f9c193;
	--bg-color-echo-blue: #a6aed5;
	--bg-color-double-pearl-lusta: #ebdfbd;
	--bg-color-mabel: #c4eeeb;
	--bg-color-rock-blue: #98a0b8;
	--border-color-blue-chill: #3ba19f;
	--bg-color-olivine2: #98b481;
	--bg-color-lily: #bfa2b5;
	--bg-color-solitude-3: #eaf0fd;
	--bg-color-fire-brick: #bf1f1f;
	--bg-color-rice-flower: #e8eecc;
	--bg-color-solitude: #f0f3f8;
	--bg-color-peach: #fef6ec;
	--bg-color-almost-white: #fbfcfdff;
	--bg-color-seashell: #fff8f0;
	--bg-color-hawkes-blue-1: #d9dade;
	--bg-color-carousel-pink: #ffe4e8;
	--border-color-sangria: #910011;
	--border-color-periwinkle: #bcc3ed;
	--bg-color-solitude: #eff3f9;
	--bg-color-solitude-2: #ebf0f6;
	--border-color-air-force-blue: #4f81a3;
	--border-color-selago: #e4dee5;
	--border-color-norway: #acbe97;
	--border-color-echo-blue: #aeb4d6;
	--border-color-dust-storm: #ebc3ba;
	--color-red-icon: #f72222;
	--color-red-emerald: #b3261e;
	--color-green-emerald: #0b9168;
	--color-ice-blue: #d8eaf3;

	--color-aquamarine: #79eac8;
	--color-salmon-pink: #ea797b;
	--color-sky-cyan: #79dbea;
	--color-rose-pink: #ea79a6;
	--color-lavender-purple: #8e79ea;
	--color-light-sky-blue-2: #9cd2f2;
	--color-misty-mint: #cae3da;
	--color-light-purple: #b1a5e9;
	--color-ghost-lavender: #f3f1f8;
	--color-soft-pink: #f2c8c8;
	--color-seashell: #feeded;
	--color-platinum: #e4e6ee;
	--color-blizzard-blue: #9ee2ea;
	--color-light-periwinkle: #bec7fa;
	--color-mineral-green: #3e5b4e;
	--color-forge: #db3838;
	--color-grove: #3a9f5f;
	--polar-mist: #f9fcff;
	--arctic-glow: #f8ffff;
	--ivory-blush: #fffdfd;
	--glacier-mist: #e8eff9;
	--rose-mist: #f6eae8;
	--crimson-flare: #d32515;
	--canyon-copper: #974000;
	--frost-veil: #ebf1f8;
	--harbor-abyss: #255c78;
	--frost-canvas: #f5f6fa;
	--harbor-abyss-10: #255c781a;
	--pure-aura: #ededed;
	--solitude: #f1f5fd;
	--soft-slate: #aabcd8;
	--soft-lavender-pink: #fff3fd;
	--pale-mint-green: #f0fcf3;
	--soft-peach: #fff6f3;
	--dusty-blush-pink: #f5e5ea;
	--aqua-haze: #DCF0EF;
	--emerald-grove: #127640;
	--elowyn-blue: #C5D4EA;

	/*buttons*/

	/*typography*/
	--text-primary: #36459b;
	--text-secondary: #424242;
	--text-secondary-gray: #858588;
	--text-secondary-grey: #8c8c8c;
	--text-muted-dark: #8d8d8f;
	--text-error: #842029;
	--text-color-dim-gray: #636366ff;
	--text-color-governor-bay: #515888;

	/*inputs*/
	--input-border-color: #b2c6e3;
	--input-border-color-focus: #6e99da;
	--input-border-color-error: #b3261e;

	--input-border-radius: 4px;

	/*tabs*/
	--tab-active-color: #466ea6;

	/*links*/
	--link-hover-color: #162857;

	/*cards*/
	--card-bg-color: #f4f6fb;
	--card-bg-color-2: #fafafa;

	/*border*/
	--border-line: #f9dcc1;
	--border-color-table: #e6ecf6;
	--border-color-1: #e6ecf6;
	--border-color-low: #e5e7eb;
	--border-color-2: #b2c6e354;
	--border-error: #f5c2c7;
	--border-light: #e6e6e6;
	--border-clr-light-steel-blue: #bcc3eda6;
	--border-color-3: rgba(209, 217, 235, 0.5);

	/*selected colors*/
	--option-selected-color: rgba(182, 200, 241, 0.29);
	--option-selected-color-lily: #eaf6fee2;
	--rounded-circle-color-lily-white: #ebf6f1;
	--rounded-circle-color-amour: #ede2e5;
	--rounded-circle-color-alice-blue: #eaf6fe;
	--rounded-circle-color-levender: #e5e8f6;
	--rounded-circle-color-rose-white: #fbf2ef;
	--text-color-manatee: #858588;
	--text-color-dark-gray: #a4a4a4;
	--text-color-charcoal: #424242;
	--text-color-chinook: #9ec9a5;

	/* DrugsTab */
	--row-h: 45px;
	--hl-bg: #dbe6fb;
	--bar-blue: #d3dae9;
	--dot-blue: #5178f5;
	--hl-border: #d1d6de;
	--text-muted: #9d9bab;
	--bar-orange: #fce1bf;
	--dot-orange: #fca816;
	--stripe-even: #f1f4fc;
	--grid-border: #d1d6de;
	--left-drug-col: 180px;
	--left-form-col: 150px;
	--left-pane-w: calc(var(--left-drug-col) + var(--left-form-col));

	/* selection-choice */
	--select-choice-critical: #e15141;
	--select-choice-warning: #f19d38;
	--select-choice-neutral: #cbbb3e;
}

.border-clr-elowyn-blue {
	border-color: var(--elowyn-blue) !important;
}

.text-emerald-grove {
	color: var(--emerald-grove) !important;
}

.bg-aqua-haze {
	background-color: var(--aqua-haze) !important;
}

.border-soft-slate {
	border: 1px solid var(--soft-slate);
}

.border-pale-blue-gray {
	border: 1px solid var(--color-pale-blue-gray);
}

.text-pure-aura {
	color: var(--pure-aura);
}

.bg-harbor-abyss-10 {
	background-color: var(--harbor-abyss-10);
}

.text-harbor-abyss {
	color: var(--harbor-abyss);
}

.bg-frost-canvas {
	background-color: var(--frost-canvas);
}

.border-frost-veil {
	border: 1px solid var(--frost-veil);
}

.text-canyon-copper {
	color: var(--canyon-copper);
}

.text-crimson-flare {
	color: var(--crimson-flare);
}

.bg-solitude {
	background-color: var(--solitude);
}

.bg-glacier-mist {
	background-color: var(--glacier-mist);
}

.bg-rose-mist {
	background-color: var(--rose-mist);
}

.bg-polar-mist {
	background-color: var(--polar-mist);
}

.bg-arctic-glow {
	background-color: var(--arctic-glow);
}

.bg-ivory-blush {
	background-color: var(--ivory-blush);
}

.color-forge {
	color: var(--color-forge);
}

.color-grove {
	color: var(--color-grove);
}

.lily-white-color {
	background-color: var(--rounded-circle-color-lily-white);
}

.border-light-sky-blue-2 {
	border: 1px solid var(--color-light-sky-blue) !important;
}

.bg-seashell {
	background-color: var(--color-seashell);
}

.border-misty-mint {
	border: 1px solid var(--color-misty-mint) !important;
}

.border-light-purple {
	border: 1px solid var(--color-light-purple) !important;
}

.bg-sky-tint {
	background-color: var(--color-sky-tint);
}

.border-soft-pink {
	border: 1px solid var(--color-soft-pink) !important;
}

.bg-ghost-lavender {
	background-color: var(--color-ghost-lavender);
}

.bg-solitude {
	background-color: var(--solitude) !important;
}

.bg-salmon-pink {
	background-color: var(--color-salmon-pink);
}

.bg-aquamarine {
	background-color: var(--color-aquamarine);
}

.bg-lavender-purple {
	background-color: var(--color-lavender-purple);
}

.bg-rose-pink {
	background-color: var(--color-rose-pink);
}

.bg-sky-cyan {
	background-color: var(--color-sky-cyan);
}

.bg-almost-white {
	background-color: var(--bg-color-almost-white);
}

.text-clr-emerald-red {
	color: var(--color-red-emerald);
}

.text-clr-dim-gray {
	color: var(--text-color-dim-gray);
}

.bg-clr-emerald-red {
	background-color: var(--color-red-emerald);
}

.bg-clr-rock-blue {
	background-color: var(--bg-color-rock-blue);
}

.text-clr-emerald-green {
	color: var(--color-green-emerald);
}

.bg-clr-emerald-green {
	background-color: var(--color-green-emerald);
}

.bg-clr-peach {
	background-color: var(--bg-color-peach);
}

.bg-clr-choice-critical {
	background-color: var(--select-choice-critical);
}

.bg-clr-choice-warning {
	background-color: var(--select-choice-warning);
}

.bg-clr-choice-neutral {
	background-color: var(--select-choice-neutral);
}

.border-ice-blue {
	border: 1px solid var(--color-ice-blue);
}

.bg-clr-ice-blue {
	background-color: var(--color-ice-blue);
}

.text-color-pompadour {
	color: var(--color-pompadour);
}

.bg-clr-rice-flower {
	background-color: var(--bg-color-rice-flower);
}

.bg-clr-alice-blue2 {
	background-color: var(--bg-color-alice-blue-2);
}

.bg-clr-pink-swan {
	background-color: var(--bg-color-pink-swan);
}

.bg-light-lavender-gray {
	background-color: var(--light-lavender-gray);
}

.text-color-chinook {
	color: var(--text-color-chinook);
}

.text-color-casablanca {
	color: var(--color-casablanca);
}

.text-color-neptune {
	color: var(--bg-color-neptune);
}

.text-color-burgundy {
	color: var(--color-dark-burgundy);
}

.text-color-sail {
	color: var(--bg-clr-sail);
}

.text-color-froly {
	color: var(--color-froly);
}

.bg-clr-sail {
	background-color: var(--bg-clr-sail);
}

.bg-clr-echo-blue {
	background-color: var(--border-color-echo-blue) !important;
}

.bg-clr-gray {
	background-color: var(--bg-color-gray) !important;
}

.bg-clr-solitude {
	background-color: var(--bg-color-solitude);
}

.text-color-governor-bay {
	color: var(--text-color-governor-bay);
}

.border-color-frozen-blue-1 {
	border: 1px solid var(--color-frozen-blue);
}

.bg-clr-dust-storm {
	background-color: var(--border-color-dust-storm) !important;
}

.border-clr-light-steel-blue {
	border-bottom: 1px solid var(--border-clr-light-steel-blue);
}

.bg-clr-neptune {
	background-color: var(--bg-color-neptune) !important;
}

.bg-clr-rice-flower {
	border: 1px solid var(--border-color-air-force-blue);
}

.bg-clr-blue-muted {
	background-color: var(--color-bg-blue-muted);
}

.border-clr-sangria {
	border: 1px solid var(--border-color-sangria);
}

.bg-clr-solitude-2 {
	background-color: var(--bg-color-solitude-2) !important;
}

.bg-clr-solitude-3 {
	background-color: var(--bg-color-solitude-3) !important;
}

.border-color-transparent-note {
	border: 1px solid var(--color-transparent-note);
}

.bg-clr-solitude {
	background-color: var(--bg-color-solitude);
}

.border-clr-periwinkle {
	/*border: 1px solid var(--border-color-periwinkle);*/
	border: 1px solid rgba(188, 195, 237, 0.35);
}

.bg-clr-seashell {
	background-color: var(--bg-color-seashell);
}

.bg-clr-selago {
	background-color: var(--border-color-selago) !important;
}

.bg-clr-norway {
	background-color: var(--border-color-norway) !important;
}

.bg-clr-carousel-pink {
	background-color: var(--bg-color-carousel-pink);
}

.border-clr-hawkes-blue {
	border: 1px solid var(--bg-color-hawkes-blue-1);
}

.bg-color-negroni {
	background-color: var(--bg-color-negroni);
}

.bg-dusty-blush-pink {
	background-color: var(--dusty-blush-pink) !important;
}

.bg-soft-peach {
	background-color: var(--soft-peach) !important;
}

.bg-pale-mint-green {
	background-color: var(--pale-mint-green) !important;
}

.bg-soft-lavender-pink {
	background-color: var(--soft-lavender-pink) !important;
}

.bg-lily-white {
	background-color: #ecf7fe;
}

.bg-color-double-pearl-lusta {
	background-color: var(--bg-color-double-pearl-lusta);
}

.text-color-cDeep-teal {
	color: var(--color-cDeep-teal);
}

.bg-color-lily {
	background-color: var(--bg-color-lily);
}

.text-color-fire-brick {
	color: var(--bg-color-fire-brick);
}

.bg-color-mabel {
	background-color: var(--bg-color-mabel);
}

.bg-color-norway {
	background-color: var(--bg-color-norway) !important;
}

.bg-color-romantic {
	background-color: var(--bg-color-romantic) !important;
}

.bg-color-echo-blue {
	background-color: var(--bg-color-echo-blue) !important;
}

.bg-color-rose-white {
	background-color: var(--bg-color-rose-white);
}

.bg-color-blue-romance {
	background-color: var(--bg-color-blue-romance);
}

.bg-color-off-yellow {
	background-color: var(--bg-color-off-yellow);
}

.bg-color-pot-pourri {
	background-color: var(--bg-color-pot-pourri);
}

.bg-color-petite-orchid {
	background-color: var(--bg-color-petite-orchid);
}

.bg-color-ch-h {
	background-color: var(--bg-color-ch-h);
}

.bg-color-aqua-spring {
	background-color: var(--bg-color-aqua-spring);
}

.bg-color-tea-green {
	background-color: var(--bg-color-tea-green);
}

.bg-color-chilean-heath {
	background-color: var(--bg-color-chilean-heath);
}

.bg-color-twilight-blue {
	background-color: var(--bg-color-twilight-blue);
}

.bg-color-sazerac {
	background-color: var(--bg-color-sazerac);
}

.bg-color-just-right {
	background-color: var(--bg-color-just-rihgt);
}

.bg-color-light-yellow {
	background-color: var(--bg-color-light-yellow);
}

.bg-color-light-yellow-2 {
	background-color: var(--bg-color-light-yellow2) !important;
}

.bg-color-dark-salmon {
	background-color: var(--bg-color-dark-salmon);
}

.bg-color-dingley {
	background-color: var(--bg-color-dingley);
}

.bg-color-snuf {
	background-color: var(--bg-color-snuf);
}

.bg-color-snuf2 {
	background-color: var(--bg-color-snuf2);
}

.bg-color-twilight {
	background-color: var(--bg-color-twilight);
}

.bg-color-olivine {
	background-color: var(--bg-color-olivine);
}

.bg-color-olivine2 {
	background-color: var(--bg-color-olivine2);
}

.border-color-blue-chill {
	border: 1px solid var(--border-color-blue-chill);
}

.text-color-blue-chill {
	color: var(--border-color-blue-chill);
}

.bg-color-barley-white {
	background-color: var(--bg-color-barley-white);
}

.bg-color-japonica {
	background-color: var(--bg-color-japonica);
}

.bg-color-bouquet {
	background-color: var(--bg-color-bouquet);
}

.border-clr-suva-gray {
	border: 1px solid var(--text-secondary-grey) !important;
}

.bg-color-sage {
	background-color: var(--bg-color-sage);
}

.bg-color-white {
	background-color: var(--color-white);
}

.bg-color-spanish-white {
	background-color: var(--bg-color-quarter-spanish-white);
}

.bg-color-pancho {
	background-color: var(--bg-color-pancho);
}

.bg-color-gin {
	background-color: var(--bg-color-gin);
}

.bg-color-gin2 {
	background-color: var(--bg-color-gin2);
}

.bg-color-hawkes-blue {
	background-color: var(--bg-color-hawkes-blue);
}

.bg-color-alice-blue {
	background-color: var(--bg-color-alice-blue);
}

.bg-color-quartz {
	background-color: var(--bg-color-quartz);
}

.text-clr-tint-red {
	color: var(--color-tints-red);
}

.border-clr-stromboli {
	border: 1px solid var(--border-clr-stromboli);
}

.bg-clr-golden-glow {
	background-color: var(--bg-clr-golden-glow);
}

.bg-porcelain {
	background-color: var(--color-porcelain) !important;
}

.border-clr-lavender {
	border: 1px solid var(--border-clr-lavender);
}

.bg-clr-tutu {
	background-color: var(--color-tutu);
}

.text-clr-chateau-green {
	color: var(--color-chateau-green);
}

.text-clr-torch-red {
	color: var(--text-clr-torch-red);
}

.text-clr-orchid {
	color: var(--bg-clr-orchid);
}

.bg-clr-orchid {
	background-color: var(--bg-clr-orchid);
}

.clr-success-green {
	color: var(--color-success-green);
}

.text-clr-wild-blue-yonder {
	color: var(--text-clr-wild-blue-yonder);
}

.bg-clr-cosmos {
	background-color: var(--bg-clr-cosmos);
}

.bg-clr-alice-blue3 {
	background-color: var(--bg-clr-alice-blue3);
}

.border-clr-blue-soft {
	border: 1px solid var(--color-bg-blue-soft);
}

.bg-clr-white-muted {
	background-color: var(--color-white-muted);
}

.bg-clr-alice-blue-2 {
	background-color: var(--bg-clr-alice-blue2);
}

.text-clr-opium {
	color: var(--bg-clr-opium);
}

.bg-clr-alice-blue {
	background-color: var(--bg-clr-alice-blue);
}

.text-clr-secondary {
	color: var(--color-text-secondary) !important;
}

.bg-clr-tints-white-smoke {
	background-color: var(--color-tints-white-smoke);
}

.havelock-blue {
	color: var(--color-havelock-blue);
}

.bg-clr-thead-tbl {
	background-color: var(--tbl-clr-thead);
}

.bg-color-scroll {
	background-color: var(--bg-color-scroll);
}

.text-color-red-icon {
	color: #f72222 !important;
}

.text-clr-red {
	color: var(--text-clr-red);
}
.border-dawn-pink{
	border:1px solid var(--color-dawn-pink)
}
.text-clr-dash-red {
	color: var(--dash-clr-red);
}

.manatee-color {
	color: var(--text-color-manatee);
}

.txt-clr-black {
	color: var(--color-black);
}

.text-color-secondary-gray {
	color: var(--text-secondary-grey);
}

.text-color-danger-dark {
	color: var(--color-danger-dark) !important;
}

.text-blue-Jay {
	color: #2d4b73 !important;
}

.text-color-indigo-gray {
	color: var(--color-indigo-gray);
}

.text-color-bracken {
	color: var(--color-bracken);
}

.text-color-royal-blue {
	color: var(--color-royal-blue) !important;
}

.text-color-black {
	color: #424242;
}

.text--color-blueberry {
	color: #36459b;
}

.text-cornell_red {
	color: #b3261e;
}

.text-color-dark-gray {
	color: var(--text-color-dark-gray);
}

.text-color-woodland {
	color: var(--color-woodland);
}

.text-color-baltic-sea {
	color: var(--color-baltic-sea);
}

.text-color-blue-Jay {
	color: #255c78;
}

.light-steel-blue-color {
	color: #bcc3eda6;
}

.text-color-charcoal {
	color: var(--text-color-charcoal);
}

.bg-color-primary {
	background-color: var(--text-primary);
}

.bg-snow-drift {
	background-color: #f8f9fb;
}

.amour-color {
	background-color: var(--rounded-circle-color-amour);
}

.alice-blue-color {
	background-color: var(--rounded-circle-color-alice-blue);
}

.lavender-color {
	background-color: var(--rounded-circle-color-levender);
}

.rose-white-color {
	background-color: var(--rounded-circle-color-rose-white);
}

input.form-control {
	min-height: var(--modified-input-min-height);
	/* max-height: 42px; */
	border: 1px solid var(--input-border-color);
}

.input-group-text {
	min-height: var(--modified-input-min-height);
	border-color: var(--input-border-color) !important;
	background: rgba(148, 158, 218, 0.17);
	color: var(--text-primary) !important;
	font-family: IRANSans-Medium;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.form-control {
	border-color: var(--input-border-color) !important;
}

.height-auto {
	height: 100% !important;
}

/*
.medical_doc_custom_form input.labelauty:checked+label, input.labelauty.medical_doc:checked+label {
    background: #95c5e1 !important;
} */

.badge {
	border-radius: 4px;
	min-height: 32px;
	padding: 5px 16px;
	font-family: IRANSans;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	border: 0;
	margin: 0 1px;
}

.badge.badge-info {
	color: var(--text-primary);
	background: #e5e8f6 !important;
}

.badge.badge-info:hover {
	color: var(--text-primary) !important;
}

.btn {
	text-align: center;
	font-family: IRANSans;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.1px;
	border: none;
	outline: none;
}

.blood-color {
	color: var(--color-blood-color);
}

.btn.btn-success {
	background: #7ab68b !important;
	color: #fff;
}

.demography_medical {
	padding: 10px !important;
}

.demography_medical > div:last-child {
	margin-top: 5px !important;
}

.demography_medical > div:first-child > span {
	/* font-family: IRANSans; */
}

/* .labelauty_check_icon,
.labelauty_multiply_icon {
    min-height: 42px;
    max-height: 42px;
} */
.pre_input_class {
	min-height: var(--modified-input-min-height);
	/* max-height: 42px; */
}

/* .color-brown .rangeUi-selected, .color-brown input.labelauty:checked+label {
    background: #e1b995 !important;
}

.color-deep-blue .rangeUi-selected, .color-deep-blue input.labelauty:checked+label {
    background: #95c5e1 !important;
} */

.color-default:not(.yesno_picker) input:not([type="checkbox"]).labelauty + label {
	/* outline: 1px solid var(--input-border-color);
	  outline-offset: -1px; */
	margin: 0 !important;
	min-height: var(--modified-input-min-height);
	transition: all 0.2s ease-in-out;
}

.color-default:not(.yesno_picker) input:not([type="checkbox"]).labelauty:checked + label {
	background: transparent !important;
	color: var(--text-primary) !important;
}

.color-default:not(.yesno_picker) input:not([type="checkbox"]).labelauty:hover + label,
.color-default:not(.yesno_picker) input:not([type="checkbox"]).labelauty:checked + label {
	background: #f1f3fc !important;
	color: var(--text-primary) !important;
}

.color-default:not(.yesno_picker) input:not([type="checkbox"]).labelauty:checked + label > .labelauty-checked-image::after,
.color-default:not(.yesno_picker) input:not([type="checkbox"]).labelauty:hover + label > .labelauty-checked-image::after {
	color: var(--text-primary) !important;
}

.pre_post_input_class {
	min-height: var(--modified-input-min-height);
}

.color-default input[type="checkbox"] + label {
	border-radius: 4px !important;
	/* border: 1px solid #f1f3fc !important; */
	/* background: #ebecef !important; */
	padding: unset !important;
	min-height: var(--modified-input-min-height);
	/* margin: 3px 6px; */
	transition: all 0.2s ease-in-out;
}

.color-default input[type="checkbox"]:checked + label,
.color-default input[type="checkbox"]:hover + label {
	color: var(--text-primary) !important;
}

.color-default input[type="checkbox"]:checked + label > .labelauty-checked-image::after,
.color-default input[type="checkbox"]:hover + label > .labelauty-checked-image::after {
	color: var(--text-primary);
}

.color-default input[type="checkbox"]:checked + label {
	background: transparent !important;
}

.color-cocoa-brown {
	color: #d16413 !important;
}

.color-greyish-turquoise {
	color: #548574;
}

.color-default input[type="checkbox"]:hover + label {
	background: #e0e3f6 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
	background: #fff !important;
}

.table-tbody-hover > tbody:nth-of-type(even),
.table-tbody-hover > tbody:nth-of-type(even) td,
.table-tbody-striped > tbody:nth-of-type(even),
.table-tbody-striped > tbody:nth-of-type(even) td,
.table-hover > tbody tr:nth-of-type(even),
.table-hover > tbody tr:nth-of-type(even) td,
.table-striped > tbody tr:nth-of-type(even),
.table-striped > tbody tr:nth-of-type(even) td {
	background: #fff !important;
}

.medical_doc_custom_form td.main_table_title {
	min-height: 57px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px 6px 0px 0px;
	background: #e5e8f6;

	color: var(--text-primary);
	text-align: right;
	font-family: IRANSans;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}

.modified-medical-docs-section-title {
	border-radius: 7px 7px 0px 0px !important;
	border: 1px solid var(--color-primary) !important;
	background: #edf1f8 !important;
	height: 56px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.modified-medical-docs-section-actions {
	padding: 0 32px;
}

.modified-medical-docs-section-number {
	min-width: 70px;
	border-right: solid 1px var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

body[dir="rtl"] .modified-medical-docs-section-number {
	border-left: solid 1px var(--color-primary);
	border-right: unset;
	color: var(--text-primary);
	font-family: IRANSans-Medium;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}

.modified-medical-docs-section-action,
.modified-medical-docs-section-action svg path {
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.modified-medical-docs-section-title-text {
	color: var(--text-primary);
	font-family: IRANSans-Medium;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	padding: 0 34px;
}

.modified-medical-docs-section-title + .checkRTL {
	border: 1px solid var(--border-color-1);
	border-radius: 0 0 7px 7px;
	padding: 22px 26px;
	background: #fff !important;
}

.modified-medical-docs-section-title + .checkRTL > div {
	display: flex;
	flex-direction: column;
	row-gap: 28px;
	width: 100%;
}

.modified-medical-docs-section-action:not(.fill):hover svg path {
	stroke: var(--color-primary);
}

.modified-medical-docs-section-action.fill:hover svg path {
	fill: var(--color-primary);
}

.modified-medical-docs-section-action:hover {
	transform: scale(1.05);
}

@media (max-width: 600px) {
	.modified-medical-docs-section-title {
		flex-wrap: wrap;
		min-height: fit-content;
		height: fit-content !important;
	}

	.modified-medical-docs-section-action {
		padding: 8px 6px;
	}

	.modified-medical-docs-section-actions {
		column-gap: 6px !important;
	}

	.modified-medical-docs-section-title > div:has(> .modified-medical-docs-section-number) {
		width: 100%;
		border-bottom: 1px solid var(--color-primary);
	}

	.modified-medical-docs-section-number {
		min-width: unset;
		min-height: 32px;
	}

	.modified-medical-docs-section-actions,
	.modified-medical-docs-section-title-text,
	.modified-medical-docs-section-number {
		padding: 0 18px;
	}
}

/*  */

.modified-medical-docs-table {
	border-radius: 7px !important;
	border: 1px solid var(--border-color-1) !important;
	position: relative;
	background-color: white !important;
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	padding: 30px 22px 16px;
}

.modified-medical-docs-section-title + div .badge:not(.yesval-badge, .noval-badge) {
	flex-wrap: wrap;
	min-height: 32px;
	padding: 0 16px;
	border-radius: 4px;
	border-left: 3px solid #98a4eb !important;
	display: flex;
	align-items: center;
	column-gap: 20px;
	row-gap: 2px;
}

.modified-medical-docs-section-title + div .badge-info.info_flex:not(.exclude, .yesval-badge, .noval-badge) {
	background: rgba(228, 232, 241, 0.26) !important;
	color: var(--text-secondary) !important;
	font-family: IRANSans !important;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}

.modified-medical-docs-section-title + div .badge-info.yesval-badge.info_flex:not(.exclude) {
	border-radius: 4px !important;
	background: #7ab68b !important;
	height: 32px;
	min-height: 32px;
	padding: 0 14px;
	color: #fff !important;
	text-align: right;
	font-family: IRANSans-Medium;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.modified-medical-docs-section-title + div .badge-info.noval-badge.info_flex:not(.exclude) {
	border-radius: 4px !important;
	background: #e1797d !important;
	min-height: 32px;
	height: 32px;
	padding: 0 14px;
	color: #fff !important;
	text-align: right;
	font-family: IRANSans-Medium;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.modified-medical-docs-section-title + div .yesval-badge > span.badge-block,
.modified-medical-docs-section-title + div .noval-badge > span.badge-block {
	display: none !important;
}

.modified-medical-docs-section-title + div .yesval-badge::after {
	content: url(./../../../images/svg/modified/yesval.svg);
	display: flex;
	align-items: center;
	margin-top: 3px;
}

.modified-medical-docs-section-title + div .noval-badge::after {
	content: url(./../../../images/svg/modified/noval.svg);
	display: flex;
	align-items: center;
	margin-top: 3px;
}

body[dir="rtl"] .modified-medical-docs-section-title + div .badge:not(.yesval-badge, .noval-badge) {
	border-left: unset !important;
	border-right: 3px solid #98a4eb !important;
}

.modified-medical-docs-table > div:first-child {
	position: absolute;
	top: -11px;
	left: 12px;
	background-color: #fff;
	padding: 4px 7px;
}

.modified-medical-docs-table > div:first-child > div {
	color: var(--text-secondary-grey);
	font-family: IRANSans;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}

.modified-medical-docs-section-title + div .docs_section_title_box {
	width: 100%;
	display: flex;
	align-items: center;
	background: unset !important;
	/* padding: 0 22px; */
	justify-content: flex-end;
}

.modified-medical-docs-section .badge-block {
	background: unset;
}

body[dir="rtl"] .modified-medical-docs-section-title + div .docs_section_title_box,
body[dir="rtl"] .modified-medical-docs-section-title + div .docs_section_title_box > div {
	justify-content: flex-start;
}

.modified-medical-docs-section-title + div .docs_section_title_box > div {
	min-width: 300px;
	min-height: 33px;
	background: transparent !important;
	display: flex;
	align-items: center;
	padding: 7px 8px;
	width: fit-content;
	border-bottom: 2px solid #d4dafb;
	justify-content: flex-end;
	color: #98a4eb;
	text-align: right;
	font-family: IRANSans-Medium;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}

body[dir="rtl"] .modified-medical-docs-table > div:first-child {
	right: 12px;
	left: unset;
}

.docs_section_badge_box > div {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

body[dir="rtl"] .docs_section_badge_box > div {
	justify-content: flex-start;
}

.docs_section_badge_box {
	/* padding: 0 22px; */
	margin-top: -4px;
}

.docs_section_badge_box br {
	display: none;
}

.docs_section_badge_box .badge:hover {
	background: unset !important;
}

.docs_section_badge_box .ch04.badge-block2 {
	background: #f7c3b5 !important;
	min-height: inherit;
	margin: 0;
	border-radius: 0px 4px 4px 0px;
}

.docs_section_badge_box .ch04.badge-block2 + span + .badge-block {
	min-height: inherit;
	background: #efe3e0;
	color: #000 !important;
	font-family: IRANSans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	margin: 0;
	border-radius: 4px 0px 0px 4px;
}

.docs_section_badge_box .badge.info_flex:not(.badge-info) {
	border-left: 0 !important;
	border-radius: 4px;
	/* border-right: 3px solid #98A4EB; */
	background: rgba(228, 232, 241, 0.26) !important;
	padding: 0 !important;
}

.docs_section_badge_box .badge.info_flex:not(.badge-info) iii {
	padding-left: 10px;
}

body[dir="rtl"] .docs_section_badge_box .badge.info_flex:not(.badge-info) {
	border-right: 0 !important;
}

.docs_section_badge_box hr {
	display: none;
}

.docs_section_footer > div {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 14px;
}

body[dir="rtl"] .docs_section_footer > div {
	justify-content: flex-start;
}

.docs_section_footer hr {
	display: none;
}

.docs_section_header {
	display: flex;
	align-items: center;
}

.docs_section_split {
	display: flex;
	align-items: stretch;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #d4dafb;
	margin-top: -16px;
}

.docs_section_split > div {
	padding: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	flex: 1;
	border-color: #d4dafb !important;
	justify-content: flex-end;
}

body[dir="rtl"] .docs_section_split > div {
	justify-content: flex-start;
}

.docs_section_header > div {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 33px;

	color: #98a4eb;
	font-family: IRANSans;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	/* border-bottom: 2px solid #D4DAFB; */
	flex: 1;
}

@media (max-width: 992px) {
	.docs_section_split,
	.docs_section_header {
		flex-direction: column;
	}

	.docs_section_split > div.brl,
	.docs_section_split > div:last-child {
		border: unset !important;
	}

	.docs_section_split > div {
		border-bottom: 1px solid #d4dafb;
	}
}

.medical-docs-title {
	color: #636366;
	font-family: IRANSans;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}

.medical-docs-new-doc {
	color: #636366;
	font-family: IRANSans;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.drug_history_input .select2-selection.select2-selection--multiple,
.drug_history_input .form-control {
	border-radius: 0 !important;
}

.drug_history_input .middle_div {
	display: flex;
	flex-wrap: wrap;
	/* gap: 7px; */
	padding: 0 10px;
}

.modified-medical-docs-content {
	border-radius: 7px;
	border: 1px solid var(--card-bg-color);
	background: rgba(244, 246, 251, 0.38);
	padding: 42px 18px 20px;
}

.main_td {
	padding: 0 !important;
}

.select2-selection {
	/*min-height: var(--modified-input-min-height);*/
	display: flex !important;
	align-items: center !important;
}

.select2-selection__arrow > b[role="presentation"] {
	display: none !important;
}

/*.select2-selection.select2-selection--multiple {*/
/*	margin-top: 1px;*/
/*}*/

/* forms */
.modified-plus-action.btn.btn-success {
	border-radius: 3px 0px 0px 3px !important;
	background: var(--color-primary) !important;
	min-width: 50px !important;
	outline: solid 1px var(--color-primary) !important;
	min-height: calc(100% + 2px);
}

.modified-form-control {
	border: 1px solid var(--input-border-color);
	margin-top: -1px !important;
	transition: all 0.2s ease-in-out;
}

.modified-form-control + .modified-form-control,
.modified-form-control:has(+ .modified-form-control) {
	border-left: 0 !important;
}

.modified-form-control .select2-selection--single,
.modified-form-control .select2-selection.select2-selection--multiple,
.modified-form-control input.form-control,
.modified-form-control .select2-selection--single:focus,
.modified-form-control .select2-selection.select2-selection--multiple:focus,
.modified-form-control input.form-control:focus,
.modified-form-control .select2-container--open .select2-selection.select2-selection--multiple[aria-expanded="true"] {
	outline: 0 !important;
	border: 0 !important;
	box-shadow: unset !important;
}

.yesno_picker.color-default .input-group-text {
	background: #fff !important;
}

@media (max-width: 768px) {
	.modified-form-control + .modified-form-control,
	.modified-form-control:has(+ .modified-form-control) {
		border-left: 1px solid var(--input-border-color) !important;
	}

	.modified-plus-action.btn.btn-success,
	.modified-plus-action-group {
		min-width: 100% !important;
	}
}

/* .select2-search__field {
  width: 100% !important;
} */

.main_drug_container {
	min-width: 100% !important;
}

.row.form-group.shouldshow {
	min-width: 100% !important;
}

.modified-frequently-used-drugs,
.template_pattern {
	border-radius: 4px !important;
	/*border: 1px solid var(--input-border-color) !important;*/
	border: 1px solid #e0e0e0;
	min-height: 60px;
}

.modified-frequently-used-drugs legend,
.template_pattern legend {
	color: var(--text-secondary-grey) !important;
	font-family: IRANSans;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	/*border: 0 !important;*/
	border: 1px solid #e0e0e0;
}

.modified-frequently-used-drugs-section + .shouldshow {
	display: none !important;
}

.form-control.searchinpmh.medicaldocicd11 {
	border-radius: 4px;
}

.modified-frequently-used-drugs .badge-history {
	border-left: 0 !important;
}

.modified-frequently-used-drugs .badge-gray.badge-history {
	border-radius: 4px !important;
	background: #e5e8f6 !important;
	min-height: 32px !important;
	color: var(--text-primary) !important;
	text-align: right;
	font-family: IRANSans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	padding: 0 10px !important;
}

body[dir="rtl"] .modified-frequently-used-drugs .badge-history {
	border-right: 0 !important;
}

/* textarea --> */
.form-group .pre_post_input_class textarea.form-control {
	width: calc(100% + 44px);
	z-index: 0;
	padding: 6px 40px 6px 8px;
	/* border-left: 0; */
}

body[dir="rtl"] .form-group .pre_post_input_class textarea.form-control {
	padding: 6px 8px 6px 40px;
}

.form-group .pre_post_input_class .continuous {
	display: none !important;
}

.form-group .pre_post_input_class + .speech_to_text {
	z-index: 2;
	background: unset;
	height: fit-content;
	border: 0 !important;
}

.form-group .pre_post_input_class + .speech_to_text > .input-group-text {
	border: 0 !important;
	background: unset;
}

.medical_doc_custom_form .speech_to_text.speaking::after {
	background: unset !important;
}

.medical_doc_custom_form .table-sm td:not(td.main_td) {
	padding: 5px !important;
}

.form-group .pre_post_input_class + .speech_to_text svg {
	margin-top: 4px;
}

.table.mainform {
	/* border: 1px solid var(--color-primary);
	border-radius: 7px !important; */
}

.medical_doc_custom_form td.main_table_title {
	border: 1px solid var(--color-primary);
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	/* border-bottom: 0 !important; */
}

.medical_doc_custom_form .inner_div {
	border-color: var(--text-primary) !important;
	padding-bottom: 2px;
}

/* table tr:last-child td:last-child {
  border: 1px solid var(--color-primary);
  border-bottom-right-radius: 7px;
} */

/*custom styles*/
.d-grid {
	display: grid !important;
}

.color-periwinkle {
	color: #6a70cd !important;
}

.text-black {
	color: black;
}

.text-secondary-1 {
	color: var(--text-secondary-grey);
}

/* Calendar and clock filters keep the requested secondary color outside table-specific input wrappers too. */
.app-second-input-box :is(.bio-icon-outline-date,.bio-icon-outline-time).text-secondary-1 {
	color: var(--text-secondary-grey, #8c8c8c);
}

.text-light-silver {
	color: var(--color-light-silver);
}

.text-outer-space {
	color: var(--color-outer-space);
}

.text-periwinkle {
	color: var(--color-periwinkle);
}

.text-dark {
	color: var(--color-dark);
}

.text-color-white {
	color: #ffffff;
}

.text-color-deep-rose {
	color: var(--color-deep-rose) !important;
}

.text-very-pale-pink {
	color: var(--color-very-pale-pink);
}

.text-color-indian_yellow {
	color: #ec9c61;
}

.text-color-lilac-dusk {
	color: var(--color-lilac-dusk) !important;
}

.text-color-red {
	color: #ff0000;
}

.text-color-green {
	color: #008000;
}

.text-color-blue {
	color: #5084d0;
}

.text-color-rhino {
	color: #2f3e63;
}

.text-color-teal-green {
	color: #428972;
}

.text-color-cloudy-grey {
	color: #6a6969;
}

.text-color-periwinkle-blue {
	color: #6697f7;
}

.text-color-palered {
	color: var(--color-palered);
}

.text-secondary-2 {
	color: var(--text-secondary);
}

.text-secondary-3 {
	color: var(--text-secondary-gray);
}

.text-secondary-4 {
	color: #ff9f2d;
}

.text-secondary-5 {
	color: #ffdf00;
}

.text-color-1 {
	color: #6f6993;
}

.text-color-2 {
	color: #5178f5;
}

.text-color-3 {
	color: #e0f2fd;
}

.text-color-4 {
	color: rgba(188, 195, 237, 0.38);
}

.text-color-5 {
	color: #424242;
}

.text-color-6 {
	color: #636366;
}

.text-color-7 {
	color: #438ab3;
}

.text-palegreen {
	color: #4b6265;
}

.text-light-taupe {
	color: var(--color-light-taupe);
}

.text-color-soft-blue {
	color: rgba(54, 69, 155, 0.56);
}

.text-color-light-steel-blue {
	color: #b2c6e3 !important;
}

.transparent-bg {
	background-color: transparent !important;
}

.box-shadow-none {
	box-shadow: none !important;
}

/* Bed search uses the same outlined boundary as the adjacent catalog filters. */
body.V2 .bed-list-page .secondary-table-search {
	border: 1px solid #dfe9f9;
}

@media (max-width: 1200px) {
	.box-shadow-lg-none {
		box-shadow: none !important;
	}
}

@media (max-width: 992px) {
	.box-shadow-md-none {
		box-shadow: none !important;
	}
}

@media (max-width: 768px) {
	.box-shadow-sm-none {
		box-shadow: none !important;
	}
}

@media (max-width: 576px) {
	.box-shadow-xs-none {
		box-shadow: none !important;
	}
}

.text-nowrap {
	white-space: nowrap;
}

.text_typography {
	color: var(--text-secondary);
}

.text_typography_sec {
	color: var(--text-secondary-grey);
}

.text_typography_sec_2 {
	color: #8fa5c3;
}

.text_primary {
	color: var(--text-primary);
}

.text_active-color {
	color: var(--tab-active-color);
}

.text_primary_sec {
	color: #949eda;
}

.text_primary_1 {
	color: #00002c;
}

.text_desaturated_green {
	color: var(--color-desaturated-green);
}

.white-space-nowrap {
	white-space: nowrap;
}

.white-space-wrap {
	white-space: wrap;
}

.bg-blue-breeze {
	background-color: var(--color-blue-breeze);
}

.bg-olive-gray {
	background-color: var(--color-olive-gray);
}

.bg-mercury {
	background-color: #ebe4ea !important;
}

.bg-albescent-white {
	background-color: #f9e7d3 !important;
}

.bg-light-goldenrod-yellow {
	background-color: #f9f9d3 !important;
}

.bg-indian-yellow {
	background-color: #ee9f5f;
}

.bg-chardonnay {
	background-color: var(--color-chardonnay);
}

.bg-dirty-blue {
	background-color: #3e84a7 !important;
}

.navy-blue {
	color: #32679a;
}

.bg-medium-green {
	background-color: #3da844;
}

.bg-carmine-pink {
	background-color: #ef4444;
}

.bg-faded-orange {
	background-color: #f99344;
}

.text-color-dirty-blue {
	color: #3e84a7 !important;
}

.bg-cream-brulee {
	background-color: var(--color-cream-brulee);
}

.bg-carrot-orange {
	background-color: var(--color-carrot-orange);
}

.bg-river-bed {
	background-color: var(--color-river-bed);
}

.bg-catskill-white {
	background-color: var(--color-catskill-white) !important;
}

.bg-saffron-mango {
	background-color: var(--color-saffron-mango);
}

.bg-light-red {
	background-color: var(--color-light-red);
}

.bg-alabaster {
	background-color: #f9fafe !important;
}

.bg-light-red {
	background-color: #fee2e2 !important;
}

.bg-light-green {
	background-color: #e0efe3;
}

.bg-light-gray-blue {
	background-color: var(--color-light-gray-blue);
}

.bg-cornflower-blue {
	background-color: var(--color-cornflower-blue);
}

.bg-pale-rose {
	background-color: var(--color-pale-rose) !important;
}

.bg-gray-transparent {
	background-color: var(--color-gray-transparent);
}

.bg-light-off-white {
	background-color: var(--color-light-off-white);
}

.text-color-costa-del-sol {
	color: var(--color-costa-del-sol);
}

.bg-light-ash {
	background-color: var(--color-light-ash);
}

.bg-ice-overlay {
	background-color: var(--color-ice-overlay);
}

.bg-sky-veil {
	background-color: var(--color-sky-veil);
}

.bg-clr-sky-veil {
	border: 1px solid var(--color-sky-veil);
}

.bg-mist-blue {
	background-color: var(--color-mist-blue);
}

.bg-lavender-mist {
	background-color: var(--color-lavender-mist);
}

.bg-mint-tulip {
	background-color: var(--color-mint-tulip);
}

.bg-light-pale-aqua {
	background-color: #c8f9ed;
}

.bg-peach {
	background-color: #fee9d0;
}

.bg-lavender {
	background-color: #f6e2ff;
}

.bg-pale-mint {
	background-color: #e3fae3;
}

.bg-pastel-lemon {
	background-color: #edf7c7;
}

.bg_primary {
	background-color: #255c78;
}

.bg-color-bluish-cyan {
	background-color: #255c780a;
}

.color-bluish-cyan {
	color: #255c78 !important;
}

.color-light-steel-blue {
	color: #6a91cb !important;
}

.bg-geyser {
	background-color: #d7daea;
}

.bg_danger {
	background-color: #bd7272;
}

.bg-palered {
	background-color: #e1797d;
}

.bg-color-danger {
	background-color: #e35d85;
}

.bg-Sausage {
	background-color: #f3dbe5;
}

.bg_primary_sec {
	background-color: #949eda;
}

.bg-transparent {
	background-color: transparent;
}

.bg-secondary-grey {
	background-color: #8c8c8c !important;
}

.bg-soft-blue {
	background-color: #e5e8f6;
}

.bg-soft-lavender {
	background-color: #f7e3ff;
}

.bg-frost-blue {
	background-color: #e7f6ff;
}

.bg-dusty-rose {
	background-color: #e5cacb;
}

.bg-light-cream {
	background-color: #fff9df;
}

.bg-Water {
	background-color: #edf3fd;
}

.bg-tealish-blue {
	background-color: #f0f3f9;
}

.bg-dusty-blue {
	background-color: var(--color-dirty_blue);
}

.bg-pale-indigo {
	background-color: #f2f4fe;
}

.bg-soft-cyan {
	background-color: #cbf4ff;
}

.bg-warm-pink {
	background-color: #fdd4c7;
}

.bg-light-lavender {
	background-color: var(--color-light-lavender);
}

.text-color-perano {
	color: var(--color-perano);
}

.text-color-dusty-blue {
	color: var(--color-dirty_blue);
}

.text-color-star-dust {
	color: #a29f9f;
}

.bg-soft-violet {
	background-color: #ebe3f5;
}

.bg-baby-pink {
	background-color: #ffdbe8;
}

.bg-light-rose {
	background-color: #fdf2ef;
}

.bg-misty-blue {
	background-color: #e2e6ff;
}

.bg-primary {
	background-color: var(--color-primary) !important;
}

.bg-color-5 {
	background-color: #eaecf7;
}

.bg-color-6 {
	background-color: #5084d0;
}

.bg-color-7 {
	background-color: #ecf5f9;
}

.bg-magnolia {
	background-color: #f3f4ff;
}

.bg-alice-blue {
	background-color: #ebfafa;
}

.bg-Water {
	background-color: #ecf5f9;
}

.bg-rose-white {
	background-color: #fff6f6;
}

.bg-alabaster {
	background-color: #fff8fc !important;
}

.bg-Magnolia {
	background-color: #f7f3ff;
}

.bg-brightgreen {
	background-color: #e8f6f1;
}

.bg-Zircon {
	background-color: #f3f8fe;
}

.bg-floral-white {
	background-color: #fffaf3;
}

.bg-dodgerblue {
	background-color: #5178f5;
}

.bg-airy-blue {
	background-color: rgba(222, 245, 254, 0.86);
}

.text_dark1 {
	color: #121c56;
}

.text_dark2 {
	color: #1e1b39;
}

.text-toolbox {
	color: #6a70cd;
}

.text-color-sea {
	color: #369b83;
}

.text_primary svg {
	fill: var(--color-primary);
}

.text_warning {
	color: var(--color-warning);
}

.text-carrot-orange {
	color: var(--color-carrot-orange);
}

.text_secondary {
	color: #7078a0;
}

.text_secondary2 {
	color: #858585;
}

.text_secondary3 {
	color: #acacac;
}

.text_secondary4 {
	color: var(--text-secondary-grey);
}

.text_olive-gray {
	color: var(--color-olive-gray) !important;
}

.text_secondary svg {
	fill: #7078a0;
}

.text-blush_red {
	color: #e1797d;
}

.text-color-blueberry {
	color: #36459b;
}

.text-color-Blueberry {
	color: #363795;
}

.text-school_bus_yellow {
	color: #e6a014;
}
.bg-very_light_pink{
	background-color: var(--color-very_light_pink);
}

.text_secondary2 svg {
	fill: #858585;
}

.text_secondary3 svg {
	fill: #acacac;
}

.text_secondary4 svg {
	fill: var(--text-secondary-grey);
}

.text_gray1 {
	color: var(--text-secondary);
}

.text_warning {
	color: #ffc684;
}

.text_warning2 {
	color: #f7b32b;
}

.redwood {
	color: var(--color-redwood);
}

.text_warning svg {
	fill: #ffc684;
}

.bg-orange {
	background-color: #ffc684;
}

.text_danger {
	color: var(--color-danger);
}

.text_danger1 {
	color: #ff718b;
}

.text_danger svg {
	fill: var(--color-danger);
}

@media (min-width: 768px) {
	.text-align-md-start {
		text-align: start !important;
	}

	.flex-gap-md-1 {
		gap: 0.5rem !important;
	}

	.flex-gap-md-2 {
		gap: 1rem !important;
	}

	.p-inline-md-end-0 {
		padding-inline-end: 0px;
	}

	.p-inline-md-start-0 {
		padding-inline-start: 0px;
	}

	.p-inline-md-end-15 {
		padding-inline-end: 15px !important;
	}

	.p-inline-md-start-15 {
		padding-inline-start: 15px !important;
	}
}

@media (min-width: 1200px) {
	.p-inline-xl-end-0 {
		padding-inline-end: 0px;
	}

	.p-inline-xl-start-0 {
		padding-inline-start: 0px;
	}
}

@media (min-width: 1200px) {
	.p-national_code-new_user {
		padding-inline-end: 0px !important;
		padding-inline-start: 15px !important;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.p-national_code-new_user {
		padding-inline: 0px !important;
		padding-inline-start: 0px !important;
	}
}

@media (min-width: 768px) {
	.p-national_code-new_user {
		padding-inline-end: 0px;
		padding-inline-start: 15px;
	}
}

@media (max-width: 768px) {
	.p-national_code-new_user {
		padding-inline-end: 0px;
		padding-inline-start: 0px;
	}
}

.p-inline-end-15 {
	padding-inline-end: 15px;
}

.p-inline-start-15 {
	padding-inline-start: 15px;
}

.p-inline-end-0 {
	padding-inline-end: 0px;
}

.p-inline-start-0 {
	padding-inline-start: 0px;
}

.px-8 {
	padding-inline: 8px;
}

.px-12 {
	padding: 0 12px;
}

.flex-gap-0 {
	gap: 0;
}

.flex-gap-1 {
	gap: 0.5rem;
}

.flex-gap-2 {
	gap: 1rem;
}

.flex-gap-3 {
	gap: 1.5rem;
}

.flex-gap-4 {
	gap: 2rem;
}

.flex-gap-5 {
	gap: 2.5rem;
}

.flex-gap-6 {
	gap: 3rem;
}

.flex-row-gap-1 {
	row-gap: 0.5rem;
}

.flex-row-gap-2 {
	row-gap: 1rem;
}

.flex-row-gap-3 {
	row-gap: 1.5rem;
}

.flex-row-gap-4 {
	row-gap: 2rem;
}

.flex-row-gap-5 {
	row-gap: 2.5rem;
}

.flex-row-gap-6 {
	row-gap: 3rem;
}

.flex-column-gap-1 {
	column-gap: 0.5rem;
}

.flex-column-gap-2 {
	column-gap: 1rem;
}

.flex-column-gap-3 {
	column-gap: 1.5rem;
}

.flex-column-gap-4 {
	column-gap: 2rem;
}

.flex-column-gap-5 {
	column-gap: 2.5rem;
}

.flex-column-gap-6 {
	column-gap: 3rem;
}

.flex-column-gap-8 {
	column-gap: 4rem !important;
}

.flex-grow-1 {
	flex-basis: 0;
	flex-grow: 1;
}

.flex-grow-basis-1 {
	flex-basis: unset;
	flex-grow: 1;
}

.flex-grow-child > * {
	flex-basis: 0;
	flex-grow: 1;
}

.flex-child-basis-unset > * {
	flex-basis: unset;
}

.flex-shrink-0 {
	flex-shrink: 0;
}

.flex-shrink-1 {
	flex-shrink: 1;
}

.flex-nogap {
	gap: 0 !important;
}

.border-none {
	border: none !important;
}

.border_primary_sec {
	border: 1px solid #949eda;
}

.border-porcelain {
	border-color: #eef2f4;
}

.border-dirty_blue {
	border: 1px solid var(--color-dirty_blue) !important;
}

.border-frozen-blue {
	border: 1px solid var(--color-frozen-blue) !important;
}

.border-catskill-white {
	border: 1px solid var(--color-catskill-white) !important;
}

.border-sky-veil {
	border: 1px solid var(--color-sky-veil) !important;
}

.border-t-frozen-blue {
	border-top: 1px solid var(--color-frozen-blue);
}

.border-b-frozen-blue {
	border-bottom: 1px solid var(--color-frozen-blue);
}

.border-end-frozen-blue {
	border-inline-end: 1px solid var(--color-frozen-blue);
}

.border-lavender-light {
	border: 1px solid rgba(197, 206, 234, 0.28) !important;
}

.border-none-onfocus:focus {
	border: none !important;
	outline: none !important;
}

body[dir="rtl"] .card-primary.folder {
	border-radius: 0 0 5px 5px;
}

/*end cards styles*/
.border-radius-0 {
	border-radius: 0 !important;
}

.border-radius-2 {
	border-radius: 2px !important;
}

.border-radius-3 {
	border-radius: 3px !important;
}

.border-radius-4 {
	border-radius: 4px !important;
}

.border-radius-5 {
	border-radius: 5px !important;
}

.border-radius-top-left-6 {
	border-radius: 6px 6px 0 0 !important;
}

.border-radius-bottom-left-6 {
	border-radius: 0 0 6px 6px !important;
}

.border-radius-6 {
	border-radius: 6px !important;
}

.border-radius-7 {
	border-radius: 7px !important;
}

.border-radius-8 {
	border-radius: 8px !important;
}

.border-radius-10 {
	border-radius: 10px !important;
}

.border-radius-12 {
	border-radius: 12px !important;
}

.border-radius-15 {
	border-radius: 15px !important;
}

.border-radius-20 {
	border-radius: 20px !important;
}

.border-radius-p25 {
	border-radius: 25% !important;
}

.border-radius-p50 {
	border-radius: 50% !important;
}

.border-radius-p75 {
	border-radius: 75% !important;
}

.border-radius-top-left-7 {
	border-radius: 7px 0 0 0 !important;
}

.pill-card {
	border-radius: 1000px !important;
}

.card-primary-typography {
	color: var(--text-primary);
	font-size: 14px;
	font-weight: 500;
}

.card-rangeSlider {
	background-color: var(--color-cloudGray);
	padding: 5px;
	border-radius: 7px;
}

.soft-primary-card {
	border: 1px solid #949eda;
	border-radius: 7px;
	background: #f4f6fb;
	padding: 10px;
}

.card-emergency {
	display: flex;
	border-radius: 4px;
	border: 1px solid var(--color-dark-burgundy);
	background: var(--color-redwood);
	padding: 3px;
	font-size: 10px;
	font-weight: 400;
	color: white;
	align-items: center;
	text-align: center;
	max-height: 20px;
}

.card-emergency-send {
	display: flex;
	border-radius: 4px;
	border: 1px solid #d4e1fa;
	padding: 3px;
	font-size: 10px;
	font-weight: 400;
	color: white;
	align-items: center;
	text-align: center;
	max-height: 20px;
}

.app-content-card-1 {
	border-radius: 7px;
	border: 1px solid var(--input-border-color);
	background: #eef3f7;
	padding: 20px 25px;
}

.app-content-card-2 {
	border-radius: 7px;
	border: 1px solid var(--card-bg-color);
	background: #f4f6fb61;
	padding: 20px 25px;
}

.app-content-card-3 {
	border-radius: 7px;
	border: 1px solid #d7daea;
	background: #fbfcfd;
	padding: 17px;
}

.app-content-card-4 {
	border-radius: 7px;
	border: 1px solid var(--border-color-table);
	background: var(--card-bg-color);
	padding: 20px 25px;
}

.app-content-card-5 {
	border-radius: 7px;
	background: var(--card-bg-color);
	padding: 12px 8px;
}

.app-content-card-6 {
	border-radius: 7px;
	background: var(--color-light-off-blue);
	padding: 12px;
}

/* Match diseasesspeciality/index2: apply the card-primary inset once at each card boundary. */
.app-fit:is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6) {
	padding: 20px 15px !important;
}

/* An immediate table section shares its card's inset, like the reference page's p-0 section. */
.app-fit:is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6) > .secondary-table-section {
	padding: 0 !important;
}

/* Title rows inherit the card inset and leave 15px before content, as in the reference page. */
.app-fit.d-flex:not(.flex-column,.secondary-table-section,[class*="app-content-card"]):has(> .app-content-card-title,> .d-flex > .app-content-card-title) {
	padding: 0 0 15px !important;
}

/* Reset title utilities in header rows, including a title grouped with an icon. */
.app-fit.d-flex:not(.flex-column,.secondary-table-section,[class*="app-content-card"]) > .app-content-card-title,
.app-fit.d-flex:not(.flex-column,.secondary-table-section,[class*="app-content-card"]) > .d-flex > .app-content-card-title {
	padding: 0 !important;
	margin: 0 !important;
}

.app-fit.d-flex:not(.flex-column,.secondary-table-section,[class*="app-content-card"]) > .d-flex:has(> .app-content-card-title) {
	/* Keep an icon/title group aligned with its sibling header actions. */
	padding: 0 !important;
}

/* V2 table cards use the catalog inset even when older markup omits app-fit. */
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6):has(.secondary-table-section) {
	padding: 20px 15px !important;
}

/* A lone table card already receives its page inset from app-content. Keep spacing between sibling cards. */
body.V2 .app-content > :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6):only-child:has(.secondary-table-section),
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6) > .secondary-table-section:only-child {
	margin: 0 !important;
}

/* Table sections reuse their enclosing card inset, including sections behind layout/tab wrappers. */
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6) .secondary-table-section {
	padding: 0 !important;
	row-gap: 3px !important;
}

/* One header owns the title/toolbar spacing; utility margins must not add a second gap. */
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6):has(.secondary-table-section) :is(.d-flex,.app-fit):not(.flex-column,.secondary-table-section,[class*="app-content-card"]):has(> .app-content-card-title,> div > .app-content-card-title),
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6) .secondary-table-section > .app-fit.d-flex:not(.flex-column,.secondary-table-filters-section,.secondary-table-filter,.secondary-table-search,.secondary-table-more-filters,.table-selection-bar):has(.app-btn2,.secondary-table-filters-save):not(:has(.secondary-table-filter-item,.secondary-table-search-input)) {
	padding: 0 0 15px !important;
	margin: 0 !important;
}

/* Titles, icon/title groups and toolbar wrappers do not own another inset or bottom spacer. */
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6):has(.secondary-table-section) :is(.d-flex,.app-fit):not(.flex-column,.secondary-table-section,[class*="app-content-card"]):has(> .app-content-card-title,> div > .app-content-card-title) .app-content-card-title {
	padding: 0 !important;
	margin: 0 !important;
}

body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6):has(.secondary-table-section) :is(.d-flex,.app-fit):not(.flex-column,.secondary-table-section,[class*="app-content-card"]):has(> .app-content-card-title,> div > .app-content-card-title) > :is(.d-flex,.secondary-table-filters-save),
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6) .secondary-table-section > .app-fit.d-flex:not(.flex-column,.secondary-table-filters-section,.secondary-table-filter,.secondary-table-search,.secondary-table-more-filters,.table-selection-bar):has(.app-btn2,.secondary-table-filters-save):not(:has(.secondary-table-filter-item,.secondary-table-search-input)) > :is(.d-flex,.secondary-table-filters-save),
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6):has(.secondary-table-section) :is(.d-flex,.app-fit):not(.flex-column,.secondary-table-section,[class*="app-content-card"]):has(> .app-content-card-title,> div > .app-content-card-title) > .d-flex > :is(.d-flex,.secondary-table-filters-save),
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6) .secondary-table-section > .app-fit.d-flex:not(.flex-column,.secondary-table-filters-section,.secondary-table-filter,.secondary-table-search,.secondary-table-more-filters,.table-selection-bar):has(.app-btn2,.secondary-table-filters-save):not(:has(.secondary-table-filter-item,.secondary-table-search-input)) > .d-flex > :is(.d-flex,.secondary-table-filters-save) {
	padding: 0 !important;
	margin-block: 0 !important;
}

/* A separate title/header above a table uses the same 15px separation as an inline header. */
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6):has(.secondary-table-section) :is(.app-fit,.d-flex):has(> .app-content-card-title + .secondary-table-section,> .d-flex + .secondary-table-section):has(> .app-content-card-title,> div > .app-content-card-title,> .d-flex > div > .app-content-card-title),
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6):has(> .app-content-card-title + .secondary-table-section,> .d-flex + .secondary-table-section):has(> .app-content-card-title,> div > .app-content-card-title,> .d-flex > div > .app-content-card-title) {
	row-gap: 0 !important;
}

body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6):has(.secondary-table-section) .app-content-card-title:has(+ .secondary-table-section),
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6) > .app-content-card-title:has(+ .secondary-table-section),
body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6) .secondary-table-section > .app-content-card-title {
	padding: 0 0 15px !important;
	margin: 0 !important;
}

/* Catalog permission headings may be longer than a narrow grid column. */
@media screen {
	body.V2 .catalog-management-theme .vertical-checkbox-group-header {
		position: relative;
		flex-wrap: wrap;
	}

	/* Keep the existing icon trigger while centering its tooltip over the whole header. */
	body.V2 .catalog-management-theme .vertical-checkbox-group-header > .has-app-tooltip {
		position: static !important;
	}

	body.V2 .catalog-management-theme .vertical-checkbox-group-header .app-tooltip {
		max-width: calc(100% - 24px);
	}

	body.V2 .catalog-management-theme .vertical-checkbox-group-header > .material-checkbox-section {
		min-width: 0;
		max-width: 100%;
	}

	body.V2 .catalog-management-theme .vertical-checkbox-group-header .material-checkbox {
		white-space: normal;
	}

	body.V2 .catalog-management-theme .vertical-checkbox-group-header :is(.material-checkbox-text,.app-tooltip-text) {
		min-width: 0;
		overflow-wrap: anywhere;
	}
}

/* Keep long administrative modal titles clear of the close action. */
@media screen {
	body.V2 :is(#modal_cloning, #modal_send_sms, #modal_participation_restriction) .modal-header .modal-title {
		max-width: calc(100% - 40px);
		white-space: normal;
	}

	body.V2 :is(#modal_cloning, #modal_send_sms, #modal_participation_restriction) .modal-title::before {
		flex-shrink: 0;
	}

	body.V2 #modal_cloning .modal-title > span {
		min-width: 0;
		overflow-wrap: anywhere;
	}
}

.bg-light-blue {
	background-color: #f5f8ff;
}

.bg-pattens-blue {
	background-color: #e0f2fd !important;
}

.bg-none {
	background-color: inherit !important;
}

.bg-color-1 {
	background-color: var(--card-bg-color);
}

.bg-color-2 {
	background-color: var(--card-bg-color-2) !important;
}

.bg-color-3 {
	background-color: #f3f3f3;
}

.bg-color-4 {
	background-color: #ffffff;
}

.border-1 {
	border: 1px solid !important;
}

.border-2 {
	border: 2px solid !important;
}

.border-w-1 {
	border-width: 1px !important;
}

.border-w-2 {
	border-width: 2px !important;
}

.outline-1 {
	outline: 1px solid !important;
}

.outline-2 {
	outline: 2px solid !important;
}

.outline-w-1 {
	outline-width: 1px !important;
}

.outline-w-2 {
	outline-width: 2px !important;
}

.outline-none {
	outline: none !important;
}

/*border styles*/
.border-left-1 {
	border-left: 1px solid;
}

.border-right-1 {
	border-right: 1px solid;
}

.border-top-1 {
	border-top: 1px solid;
}

.border-bottom-none {
	border-bottom: none !important;
}

.border-bottom-1 {
	border-bottom: 1px solid;
}

.border-bottom-2 {
	border-bottom: 2px solid;
}

.border-end-0 {
	border-inline-end: none;
}

.border-end-1 {
	border-inline-end: 1px solid;
}

.border-start-0 {
	border-inline-start: none;
}

.border-start-1 {
	border-inline-start: 1px solid;
}

@media (min-width: 360px) {
	.border-xs-1 {
		border: 1px solid !important;
	}

	.border-xs-none {
		border: none !important;
	}

	.border-xs-left-0 {
		border-left: none !important;
	}

	.border-xs-left-1 {
		border-left: 1px solid !important;
	}

	.border-xs-right-1 {
		border-right: 1px solid !important;
	}

	.border-xs-top-1 {
		border-top: 1px solid !important;
	}

	.border-xs-bottom-1 {
		border-bottom: 1px solid !important;
	}

	.border-xs-end-1 {
		border-inline-end: 1px solid !important;
	}

	.border-xs-start-1 {
		border-inline-start: 1px solid !important;
	}

	.border-xs-end-0 {
		border-inline-end: none !important;
	}

	.border-xs-start-0 {
		border-inline-start: none !important;
	}
}

@media (min-width: 576px) {
	.border-sm-1 {
		border: 1px solid !important;
	}

	.border-sm-none {
		border: none !important;
	}

	.border-sm-left-0 {
		border-left: none !important;
	}

	.border-sm-left-1 {
		border-left: 1px solid !important;
	}

	.border-sm-right-1 {
		border-right: 1px solid !important;
	}

	.border-sm-top-1 {
		border-top: 1px solid !important;
	}

	.border-sm-bottom-1 {
		border-bottom: 1px solid !important;
	}

	.border-sm-end-1 {
		border-inline-end: 1px solid !important;
	}

	.border-sm-start-1 {
		border-inline-start: 1px solid !important;
	}

	.border-sm-end-0 {
		border-inline-end: none !important;
	}

	.border-sm-start-0 {
		border-inline-start: none !important;
	}
}

@media (min-width: 768px) {
	.border-md-none {
		border: none !important;
	}

	.border-md-1 {
		border: 1px solid !important;
	}

	.border-md-left-0 {
		border-left: none !important;
	}

	.border-md-bottom-0 {
		border-bottom: none !important;
	}

	.border-md-left-1 {
		border-left: 1px solid !important;
	}

	.border-md-right-1 {
		border-right: 1px solid !important;
	}

	.border-md-top-1 {
		border-top: 1px solid !important;
	}

	.border-md-bottom-1 {
		border-bottom: 1px solid !important;
	}

	.border-md-end-1 {
		border-inline-end: 1px solid !important;
	}

	.border-md-start-1 {
		border-inline-start: 1px solid !important;
	}

	.border-md-end-0 {
		border-inline-end: none !important;
	}

	.border-md-start-0 {
		border-inline-start: none !important;
	}
}

@media (min-width: 992px) {
	.border-lg-none {
		border: none !important;
	}

	.border-lg-1 {
		border: 1px solid !important;
	}

	.border-lg-left-0 {
		border-left: none !important;
	}

	.border-lg-bottom-0 {
		border-bottom: none !important;
	}

	.border-lg-left-1 {
		border-left: 1px solid !important;
	}

	.border-lg-right-1 {
		border-right: 1px solid !important;
	}

	.border-lg-top-1 {
		border-top: 1px solid !important;
	}

	.border-lg-bottom-1 {
		border-bottom: 1px solid !important;
	}

	.border-lg-end-1 {
		border-inline-end: 1px solid !important;
	}

	.border-lg-start-1 {
		border-inline-start: 1px solid !important;
	}

	.border-lg-end-0 {
		border-inline-end: none !important;
	}

	.border-lg-start-0 {
		border-inline-start: none !important;
	}
}

@media (min-width: 1200px) {
	.border-xl-none {
		border: none !important;
	}

	.border-xl-1 {
		border: 1px solid !important;
	}

	.border-xl-left-0 {
		border-left: none !important;
	}

	.border-xl-bottom-0 {
		border-bottom: none !important;
	}

	.border-xl-left-1 {
		border-left: 1px solid !important;
	}

	.border-xl-right-1 {
		border-right: 1px solid !important;
	}

	.border-xl-top-1 {
		border-top: 1px solid !important;
	}

	.border-xl-top-0 {
		border-top: none !important;
	}

	.border-xl-bottom-1 {
		border-bottom: 1px solid !important;
	}

	.border-xl-end-1 {
		border-inline-end: 1px solid !important;
	}

	.border-xl-start-1 {
		border-inline-start: 1px solid !important;
	}

	.border-xl-end-0 {
		border-inline-end: none !important;
	}

	.border-xl-start-0 {
		border-inline-start: none !important;
	}

	.text-xl-start {
		text-align: start !important;
	}
}

.text-align-end {
	text-align: end;
}

.outline-color-danger {
	outline-color: #f04242 !important;
}

.border-color-lilac-dusk {
	border-color: var(--color-lilac-dusk) !important;
}

.border-color-heather {
	border-color: #bbc4d4;
}

.border-color-link-water {
	border-color: #e2e2f5;
}

.border-color-blueberry {
	border-color: #36459b;
}

.border-color-peach-puff {
	border-color: var(--color-peach-puff);
}

.border-color-green-white {
	border-color: #e9e9e9;
}

.border-color-faded-orange {
	border-color: var(--color-faded-orange) !important;
}

.border-color-frozen-blue {
	border-color: var(--color-frozen-blue) !important;
}

.border-color-mist-blue {
	border-color: var(--color-mist-blue) !important;
}

.border-color-white {
	border-color: #fff !important;
}

.border-color-misty-blue {
	border-color: var(--color-misty-blue) !important;
}

.bg-color-misty-blue {
	background-color: var(--color-misty-blue);
}

.border-color-iron {
	border-color: var(--color-iron) !important;
}

.border-rock-blue {
	border-color: var(--color-rock-blue) !important;
}

.border-color-1 {
	border-color: #f0f0f0 !important;
}

.border-color-2 {
	border-color: #e5e5ef !important;
}

.border-color-3 {
	border-color: var(--border-color-1) !important;
}

.border-color-4 {
	border-color: var(--border-color-2) !important;
}

.border-color-5 {
	border-color: var(--input-border-color) !important;
}

.border-color-6 {
	border-color: #c9ccd3 !important;
}

.border-color-7 {
	border-color: var(--border-color-3) !important;
}

.border-color-8 {
	border-color: #c5d4ea38 !important;
}

.border-color-9 {
	border-color: #7798d5 !important;
}

.border-color-10 {
	border-color: #ff9f2d;
}

.border-color-11 {
	border-color: #949eda6b;
}

.border-color-12 {
	border-color: #5084d0 !important;
}

.border-color-13 {
	border-color: #cbdff4 !important;
}

.border-color-14 {
	border-color: #e9eff7 !important;
}

.border-color-primary {
	border-color: var(--text-primary) !important;
}

.border-color-light-steel-blue {
	border-color: #b2c6e3 !important;
}

.border-color-secondary {
	border-color: var(--color-secondary) !important;
}

.border-color-porcelain {
	border-color: #eff2f5;
}

.border-color-iceberg {
	border-color: #ddf1f7;
}

.border-color-black {
	border-color: black;
}

.bg-pearl {
	background-color: #faeff2 !important;
}

/*end border styles*/

.font-size-10 {
	font-size: 10px;
}

.font-size-24 {
	font-size: 24px !important;
}

.font-size-22 {
	font-size: 22px;
}

.font-size-28 {
	font-size: 28px !important;
}

.font-size-20 {
	font-size: 20px;
}

.font-size-34 {
	font-size: 34px;
}

.font-size-18 {
	font-size: 18px;
}

.font-size-16 {
	font-size: 16px;
}

.font-size-32 {
	font-size: 32px;
}

.font-weight-400 {
	font-weight: 400 !important;
}

.font-weight-500 {
	font-weight: 500 !important;
}

.font-weight-700 {
	font-weight: 700 !important;
}

.overflow-auto {
	overflow: auto !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

.overflow-visible {
	overflow: visible !important;
}

.overflow-scroll {
	overflow: scroll !important;
}

.overflow-scroll-x {
	overflow-x: scroll !important;
}

.text-overflow-ellipsis {
	text-overflow: ellipsis;
}

.font-iransans {
	font-family: IRANSansX !important;
}

.font-size-12 {
	font-size: 12px !important;
}

.font-size-10 {
	font-size: 10px;
}

.font-size-13 {
	font-size: 13px;
}

.font-size-14 {
	font-size: 14px !important;
}

@media (max-width: 576px) {
	.font-size-sm-12 {
		font-size: 12px;
	}

	.font-size-sm-14 {
		font-size: 14px;
	}

	.app-content-card-1,
	.app-content-card-2 {
		padding: 10px;
	}
}

@media (min-width: 992px) {
	.font-size-lg-12 {
		font-size: 12px !important;
	}
}

@media (min-width: 1200px) {
	.font-size-xl-14 {
		font-size: 14px !important;
	}

	.font-size-xl-12 {
		font-size: 12px !important;
	}
}

.order-ltr-0 {
	order: 0;
}

.order-ltr-1 {
	order: 1;
}

.z-index-n1 {
	z-index: -1 !important;
}

.z-index-n2 {
	z-index: -2 !important;
}

.z-index-0 {
	z-index: 0 !important;
}

.z-index-1 {
	z-index: 1 !important;
}

.z-index-2 {
	z-index: 2 !important;
}

.z-index-3 {
	z-index: 3 !important;
}

.margin-auto {
	margin: auto;
}

.my-6 {
	margin-top: 6px !important;
	margin-bottom: 6px !important;
}

.margin-right-auto {
	margin-right: auto;
}

.radius-top-4 {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 0 !important;
}

.append-right {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}

.append-left {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

body[dir="rtl"] .append-left {
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

body[dir="rtl"] .order-rtl-0 {
	order: 0;
}

body[dir="rtl"] .order-rtl-1 {
	order: 1;
}

@media (min-width: 992px) and (max-width: 1200px) {
	.order-lg-xl-0 {
		order: 0;
	}

	.order-lg-xl-1 {
		order: 1;
	}
}

@media (min-width: 992px) {
	.order-lg-0 {
		order: 0;
	}
}

.rotate-ltr-90 {
	transform: rotate(90deg);
}

.rotate-ltr-180 {
	transform: rotate(180deg);
}

body[dir="rtl"] .rotate-rtl-90 {
	transform: rotate(90deg);
}

body[dir="rtl"] .rotate-rtl-180 {
	transform: rotate(180deg);
}

.w-fit {
	width: fit-content;
}

.w-max {
	width: max-content;
}

.h-fit {
	height: fit-content;
}

.h-40 {
	height: 40px;
}

.min-width-unset {
	min-width: unset !important;
}

.max-width-unset {
	max-width: unset !important;
}

.min-height-unset {
	min-height: unset !important;
}

.max-height-unset {
	max-height: unset !important;
}

.max-width-80 {
	max-width: 80px !important;
}

.max-width-100 {
	max-width: 100px !important;
}

.max-width-150 {
	max-width: 150px !important;
}

.max-width-200 {
	max-width: 200px !important;
}

.max-width-300 {
	max-width: 300px !important;
}

.max-width-500 {
	max-width: 500px !important;
}

.max-width-1009 {
	max-width: 1009px !important;
}

.min-w-100 {
	min-width: 100px !important;
}

.min-w-150 {
	min-width: 150px !important;
}

.min-w-200 {
	min-width: 200px !important;
}

.min-w-300 {
	min-width: 300px !important;
}

.min-w-400 {
	min-width: 400px !important;
}

.min-w-500 {
	min-width: 500px !important;
}

.min-w-600 {
	min-width: 600px !important;
}

.min-w-700 {
	min-width: 700px !important;
}

.w-60p {
	width: 60% !important;
}

.w-40p {
	width: 40% !important;
}

@media (min-width: 576px) {
	.w-sm-auto:not(.secondary-table) {
		width: auto !important;
	}
}

@media (min-width: 768px) {
	.w-md-auto:not(.secondary-table) {
		width: auto !important;
	}
}

@media (min-width: 992px) {
	.w-lg-auto:not(.secondary-table) {
		width: auto !important;
	}
}

@media (min-width: 1200px) {
	.w-xl-auto:not(.secondary-table) {
		width: auto !important;
	}
}

.app-select2-box.have-side .select2-container .select2-selection--single {
	outline: none !important;
}

.app-select2-box.have-side {
	border: 1px solid var(--input-border-color);
	border-radius: 4px;
}

.overflow-auto {
	overflow: auto !important;
}

.direction-rtl {
	direction: rtl !important;
}

.direction-ltr {
	direction: ltr !important;
}

.list-style-none {
	list-style: none;
}

/*spacing styles*/

.ms-auto {
	margin-inline-start: auto;
}

.me-auto {
	margin-inline-end: auto;
}

@media (max-width: 576px) {
	.p-sm-0 {
		padding: 0;
	}

	.m-sm-0 {
		margin: 0;
	}
}

/*  */
/* .multi_div.range_picker .pre_input_class {
    height: fit-content !important;
} */

.multi_div.range_picker .uncheckable_radio {
	display: flex;
	align-items: center;
}

.multi_div.range_picker .uncheckable_radio label {
	height: fit-content;
}

/* .pre_input_class label {
	height: fit-content !important;
} */

.main_medical_div > div {
	padding: 10px;
}

.data-picker-head input {
	font-family: IRANSansX;
	text-align: center;
	max-width: 80px;
}

.ck.ck-balloon-panel[style*="left: -99999px"] {
	left: 0 !important;
}

.ck:not(.ck-button) {
	border-color: #c5d4ea !important;
}

.ck.ck-editor[dir="ltr"] {
	direction: ltr;
}

.ck.ck-editor[dir="rtl"] {
	direction: rtl;
}

.ck .ck-content {
	min-height: 150px;
	word-spacing: 0.3em;
}

.ck.ck-icon.ck-icon_inherit-color,
.ck.ck-icon.ck-icon_inherit-color {
	color: #292d32;
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
	border-radius: 4px 4px 0 0 !important;
}

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
	border-radius: 0 0 4px 4px !important;
}

/* ------------------ docs modified styles ------------------ */
.modal-content.new-ui-update .filepond--drop-label {
	/*border: 1px dashed #858585;*/
	border-radius: 7px;
	cursor: pointer;
	min-height: 200px;
}

/*
.filepond--root {
    background: red;
} */

.modal-content.new-ui-update .input.form-control {
	border-radius: 4px;
	border: 1px solid var(--input-border-color);
	min-height: 40px;
}

.modal-content.new-ui-update .input.form-control:focus,
.modal-content.new-ui-update .input.form-control:focus-within {
	border: 1px solid #6e99da !important;
}

.modal-content.new-ui-update .form-group .form-control-label {
	padding: 0 0 11px;
	color: var(--text-secondary-grey);
	font-family: IRANSans-Medium;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.modal-content.new-ui-update .filepond--root .filepond--list-scroller {
	margin-top: 3em !important;
}

.modal-content.new-ui-update .bootstrap-select .badge,
.dataTables_wrapper .badge {
	line-height: unset;
}

.modal-content.new-ui-update .bootstrap-select > .dropdown-toggle {
	min-height: 42px;
	max-height: 42px;
}

.modal-content.new-ui-update .bootstrap-select > .dropdown-toggle:focus,
.modal-content.new-ui-update .bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.modal-content.new-ui-update .bootstrap-select .dropdown-toggle:focus {
	outline: 1px solid var(--input-border-color) !important;
	background: #fff !important;
}

body[dir="rtl"] .modal-content.new-ui-update .badge-success:not(.badge-outline),
.modal-content.new-ui-update .badge-success:not(.badge-outline) {
	background: #7ab68b !important;
}

.modal-content.new-ui-update body[dir="rtl"] .badge-warning:not(.badge-outline),
.modal-content.new-ui-update .badge-warning:not(.badge-outline) {
	background: #e1797d !important;
	color: #fff;
}

.modal-content.new-ui-update .form-group {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin: 0 !important;
}

.modal-content.new-ui-update .form-control-label:only-child {
	padding: 0 !important;
}

.modal-content.new-ui-update .form-control-label.font-weight-new-ui {
	font-weight: 400 !important;
}

.modal-content.new-ui-update .form-group:has(> .form-control-label:only-child) {
	padding-bottom: 0 !important;
}

.modal-content.new-ui-update input.labelauty + label {
	background: #ebecef !important;
	border: 1px solid #f1f3fc !important;
	border-radius: 4px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
}

.modal-content.new-ui-update input.labelauty + label > span,
.modal-content.new-ui-update input.labelauty + label > span {
	color: var(--text-secondary-grey);
	font-family: IRANSans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}

.modal-content.new-ui-update input.labelauty + label > span.labelauty-checked {
	color: var(--text-primary) !important;
}

.modal-content.new-ui-update input.labelauty + label > span.labelauty-unchecked-image::after {
	font-size: 17px;
}

.modal-content.new-ui-update input.labelauty + label > span.labelauty-unchecked-image,
.modal-content.new-ui-update input.labelauty + label > span.labelauty-checked-image {
	width: 18px !important;
	height: 19px !important;
}

.modal-content.new-ui-update input.labelauty + label > span.labelauty-checked-image::after {
	color: var(--text-primary);
	font-size: 17px !important;
}

body[dir="rtl"] .modal-content.new-ui-update input.labelauty:checked + label,
.modal-content.new-ui-update input.labelauty:checked + label {
	background: #e0e3f6 !important;
}

.modal-content.new-ui-update textarea.form-control {
	min-height: 42px;
}

.no-item-found {
	width: 100%;
	padding: 2rem;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.error-title-for-show-detail {
	color: #b22626;
	font-size: 12px;
}

.attention_message {
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	padding: 0.5rem;
}

.attention_message.warnnig {
	color: #ff9f2d;
	background-color: #ff9f2d10;
}

.attention_message.danger {
	color: #e35d85;
	background-color: #e35d8510;
}

.attention_message::before {
	content: "";
	background: #36459b;
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

.attention_message.danger::before {
	content: "";
	background-color: #e35d85 !important;
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

.attention_message.warnnig::before {
	content: "";
	background-color: #ff9f2d !important;
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

@media (max-width: 768px) {
	.modal-content.new-ui-update .row.docs-row {
		display: flex;
		flex-direction: column-reverse;
		row-gap: 20px;
	}

	.file-input-section {
		min-height: 250px;
	}

	.modal.new-docs-modal {
		padding: 0 !important;
	}

	.modal-width {
		width: 100vw;
	}

	.modal.new-docs-modal .modal-body {
		padding-top: 0 !important;
	}

	.modal-content.new-ui-update .filepond--drop-label {
		min-height: 80px;
	}

	.docs-modal-action {
		padding: 10px 16px;
		background: #fff;
		position: fixed;
		bottom: 0;
		left: 0;
	}
}

/*ckeditor ckbox custom*/
.ck.ckbox-wrapper {
	direction: ltr;
}

/*filepond custom*/

.filepond--root.custom-filepond-newvbox2 {
	align-items: center;
	border: 2px dashed #3e84a7;
	border-radius: 15px;
	min-height: 180px;
	height: fit-content !important;
	cursor: pointer;
	overflow: auto;
	font-family: IRANSansX, Roboto;
}

.filepond--root.custom-filepond-newvbox2 .filepond--list-scroller {
	position: relative;
	transform: unset !important;
	margin: 0 !important;
}

.filepond--drop-label label {
	cursor: pointer;
}

/*.filepond--root.custom-filepond-newvbox2.filepond-multiple .filepond--list-scroller {*/
/*	top: 85%;*/
/*}*/

.custom-filepond-newvbox2 .filepond--drop-label {
	/*position: relative;*/
	/*top: 50% !important;*/
	/*transform: translateX(0) translateY(-50%) !important;*/
	max-height: 180px;
	height: 100%;
}

.custom-filepond-newvbox2 .filepond--list-scroller[data-state="overflow"] .filepond--list {
	right: 0.75em;
}

.custom-filepond-newvbox2 .filepond--panel-root {
	background-color: transparent;
}

.custom-filepond-newvbox2 .filepond--file-info {
	transform: unset !important;
}

.custom-filepond-newvbox2 .filepond--file-info .filepond--file-info-main {
	color: var(--text-secondary-grey);
}

.filepond--download-icon {
	background-color: var(--text-secondary-grey);
}

/*===============================*/

.status-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 15px;
	font-weight: 500;
	line-height: 24px;
	max-height: 30px;
	text-wrap: nowrap;
}

.case-badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 14px;
	gap: 10px;
	font-weight: 400;
	line-height: 21px;
	max-height: 30px;
	text-wrap: nowrap;
}

.case-badge.small {
	padding: 2px 7px;
	border-radius: 14px;
}

.status-badge.none {
	background-color: #f5f8ff;
	border: 1px solid #8d9aa0;
	color: #8d9aa0;
}

.status-badge.undecided {
	background-color: rgba(141, 154, 160, 0.15);
	border: 1px solid #7a6b60;
	color: #7a6b60;
}

.status-badge.rejected {
	background-color: #fee2e2;
	border: 1px solid #ce1e1e;
	color: #ce1e1e;
}

.status-badge.sending {
	background-color: #fdf2ef;
	border: 1px solid #7a6b60;
	color: #7a6b60;
}

.status-badge.pendding {
	background-color: #feeee2;
	border: 1px solid #db5c0d;
	color: #db5c0d;
}

.bg-clr-very {
	background-color: #feeee2 !important;
}

.status-badge.pendding2 {
	background-color: #fffff9;
	border: 1px solid #ffdf3f;
	color: #ffdf3f;
}

.status-badge.received {
	background-color: #eaf0fd;
	border: 1px solid #3975e8;
	color: #3975e8;
}

.status-badge.gray {
	background-color: #e5e8f6;
	border: 1px solid #e5e8f6;
	color: #424242;
}

.status-badge.draft {
	background-color: #e7f6ff;
	border: 1px solid #6697f7;
	color: #6697f7;
}

.status-badge.submited {
	background-color: #ebf6f2;
	border: 1px solid #0b9168;
	color: #0b9168;
}

.status-badge.sent {
	background-color: #e9fcfc;
	border: 1px solid #19b896;
	color: #19b896;
}

.status-badge.completed {
	background-color: #e0efe3;
	border: 1px solid #0b661e;
	color: #0b661e;
}

.status-badge.set-place {
	background-color: #fef2fb;
	border: 1px solid #f38ae5;
	color: #f38ae5;
}

.status-badge.conflict {
	background-color: #fcf2f9;
	border: 1px solid #e57aa3;
	color: #e57aa3;
}

.status-badge.active {
	background-color: #92caa2;
	color: #fff;
}

.status-badge.destructive {
	background-color: #f04242;
	color: #fff;
}

.status-badge.palered {
	background-color: #e1797d;
	color: #fff;
}

.status-badge.Labled {
	background-color: #efe3fb;
	border: 1px solid #a370ed;
	color: #a370ed;
}

.status-badge.code {
	background-color: #fff;
	border: 1px solid #36459b;
	color: #36459b;
}

.status-badge.info {
	background-color: #def5fe;
	/* border: 1px solid #2f3e63; */
	color: #2f3e63;
}

.status-badge.emergency {
	background-color: #e35d85;
	color: #ffffff;
}

.status-badge.excellent {
	background-color: #eafbec;
	color: #00ac4f;
}

.status-badge.warning {
	background-color: #ffddbc;
	color: #f58d17;
}

.status-badge.average {
	background-color: #fffccc;
	color: #9e8869;
}

.status-badge.danger {
	background-color: #fdc9c7;
	color: #cc1e1e;
}

.status-badge.critical {
	background-color: #fbb0ae;
	color: #cc1e1e;
}

.status-badge.special {
	background-color: #ffd5fb;
	color: #ad2fa1;
}

.status-badge.neutral {
	background-color: #d3d0cf;
	color: #424242;
}

.container-info {
	color: #424242;
	border: 1px solid #b2c6e366;
	background-color: var(--card-bg-color-2);
	padding: 1rem;
	border-radius: 7px;
}

.number-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	font-family: IRANSans;
	color: #fff;
	font-weight: 400;
	font-size: 1rem;
	border-radius: 2px;
	background-color: #e35d85;
}

.number-circle-badge {
	transition: all 0.2s ease;
	width: 15px;
	height: 15px;
	min-width: 15px;
	min-height: 15px;
	position: absolute;
	top: -6px;
	right: -5px;
	border-radius: 50%;
	border: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e35d85;
	user-select: none;
}

.number-circle-badge span {
	color: #fff;
	font-family: IRANSans;
	font-size: 9px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	transition: all 0.2s ease;
}

.patient-profile-badge {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #c6e7fa;
	color: #000;
	border-radius: 4px;
	padding: 3px 10px;
	font-weight: 400;
	font-size: 14px;
}

.item-container {
	background-color: #fff;
	border-radius: 4px;
	color: #424242;
}

.item-container > div {
	background-color: #fff;
}

.container-input-box {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	border-radius: 7px;
	gap: 2rem;
}

.tooltip.show {
	opacity: 1;
}

.tooltip-inner {
	background-color: var(--text-secondary);
	border-radius: 7px;
	font-weight: 400;
}

.medical-doc-item {
	background: #fff;
	border: 1px solid #36459b;
	border-radius: 7px;
}

.nursing-observation-item.active {
	background: #fff;
	color: #36459b;
	border: 1px solid #36459b;
	border-radius: 4px;
	padding: 4px 10px;
	cursor: pointer;
}

.nursing-observation-item {
	border: 1px solid var(--color-bg-blue-soft);
	color: var(--color-bg-blue-soft);
	border-radius: 4px;
	padding: 4px 10px;
	cursor: pointer;
	background: #fff;
}

.nursing-observation-item .item-active {
	color: var(--color-blood-color);
}

.nursing-observation-item .item-active.active {
	color: #36459b;
}

.nursing-observation-item-circle.active {
	width: 30px;
	height: 30px;
	border: 1px solid #36459b;
	color: #36459b;
	border-radius: 50%;
}

.nursing-observation-item-circle {
	border: 1px solid var(--color-blood-color);
	color: var(--color-blood-color);
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.medical-doc-section-title {
	font-size: 16px;
	font-weight: 700;
	color: #36459b;
}

.medical-doc-section-detail {
	color: #36459b;
	font-weight: 400;
	font-size: 12px;
	cursor: pointer;
}

.medical-doc-section-detail:hover {
	color: #5178f5;
}

.show-toggler .open-icon,
.show-toggler .close-icon {
	display: none;
}

input[type="checkbox"]:not(:checked) ~ .open-icon {
	display: block;
}

input[type="checkbox"]:checked ~ .close-icon {
	display: block;
}

.vertical-align-top {
	vertical-align: top !important;
}

.app-badge.danger {
	background-color: var(--color-palered);
	color: var(--color-danger-bg);
}

.app-badge.badge-pirmary-color {
	background-color: var(--color-periwinkle);
	color: var(--text-primary);
}

.app-badge.peach-puff {
	background-color: var(--color-peach-puff);
}

.app-badge.light-red {
	background-color: var(--color-light-red);
}

.app-badge.light-sky-blue {
	background-color: var(--color-light-sky-blue);
}

.app-badge.light-sea-green {
	background-color: var(--color-light-sea-green);
}

.text-color-sea-green {
	color: var(--color-sea-green);
}

.text-color-elf-green {
	color: #0b9168;
}

.text-light-sky-blue {
	color: var(--color-light-sky-blue);
}

.text-basket-ball-orange {
	color: #f48d60;
}

.text-color-smoky-topaz {
	color: var(--color-smoky-topaz);
}

.text-color-bamboo {
	color: #db5c0d;
}

.bg-color-bamboo {
	background-color: #db5c0d;
}

.bg-color-apricot {
	background-color: #f7b66b;
}

.bg-color-summerGreen {
	background-color: #8bc5a2;
}

.border-color-bamboo {
	border: 1px solid #db5c0d;
}

.app-badge.sky-blue {
	background-color: var(--color-sky-blue);
}

.app-badge.steel-blue {
	background-color: var(--color-steel-blue);
}

.app-badge.palered {
	background-color: var(--color-palered);
}

.app-badge.misty-rose {
	background-color: var(--color-misty-rose);
}

.app-badge.slate-gray {
	background-color: var(--color-slate-gray);
}

.app-badge.desaturated-green {
	background-color: var(--color-desaturated-green);
}

.app-badge.creamy-peach {
	background-color: var(--color-creamy-peach);
}

.app-badge.moonstone-blue {
	background-color: var(--color-moonstone-blue);
}

.app-badge.bg-white {
	color: var(--text-primary);
	font-weight: 500;
}

.app-badge.pinkish-red {
	background-color: #e35d85;
}

.text-align-start {
	text-align: start;
}

body[dir="rtl"] .p-start-10 {
	padding-left: 0px;
	padding-right: 10px !important;
}

body[dir="ltr"] .p-start-10 {
	padding-left: 10px !important;
	padding-right: 0px;
}

body[dir="rtl"] .p-start-15 {
	padding-left: 0px;
	padding-right: 15px;
}

body[dir="ltr"] .p-start-15 {
	padding-left: 15px;
	padding-right: 0px;
}

body[dir="rtl"] .p-start-35 {
	padding-left: 0px;
	padding-right: 35px;
}

body[dir="ltr"] .p-start-35 {
	padding-left: 35px;
	padding-right: 0px;
}

body[dir="rtl"] .p-start-40 {
	padding-left: 0px;
	padding-right: 40px;
}

body[dir="ltr"] .p-start-40 {
	padding-left: 40px;
	padding-right: 0px;
}

body[dir="rtl"] .p-start-120 {
	padding-left: 0px;
	padding-right: 120px;
}

body[dir="ltr"] .p-start-120 {
	padding-left: 120px;
	padding-right: 0px;
}

body[dir="rtl"] .p-end-15 {
	padding-left: 15px;
	padding-right: 0px;
}

body[dir="ltr"] .p-end-15 {
	padding-left: 0px;
	padding-right: 15px;
}

body[dir="rtl"] .p-end-25 {
	padding-left: 25px;
	padding-right: 0px;
}

body[dir="ltr"] .p-end-25 {
	padding-left: 0px;
	padding-right: 25px;
}

body[dir="rtl"] .p-end-35 {
	padding-left: 35px;
	padding-right: 0px;
}

body[dir="ltr"] .p-end-35 {
	padding-left: 0px;
	padding-right: 35px;
}

body[dir="rtl"] .p-end-90 {
	padding-left: 90px;
	padding-right: 0px;
}

body[dir="ltr"] .p-end-90 {
	padding-left: 0px;
	padding-right: 90px;
}

@media (max-width: 1200px) {
	body[dir="rtl"] .p-start-lg-40 {
		padding-left: 0px;
		padding-right: 40px;
	}

	body[dir="ltr"] .p-start-lg-40 {
		padding-left: 40px;
		padding-right: 0px;
	}
}

@media (min-width: 1200px) {
	body[dir="rtl"] .p-start-lg-15 {
		padding-left: 0px;
		padding-right: 15px;
	}

	body[dir="ltr"] .p-start-lg-15 {
		padding-left: 15px;
		padding-right: 0px;
	}
}

@media (min-width: 768px) {
	body[dir="rtl"] .p-start-md-15 {
		padding-left: 0px;
		padding-right: 15px;
	}

	body[dir="ltr"] .p-start-md-15 {
		padding-left: 15px;
		padding-right: 0px;
	}
}

.pe-0 {
	padding-inline-end: 0 !important;
}

/* setting cards */

.seeting_card {
	background-color: #fff;
	border-radius: 4px;
	padding: 1rem;
}

.seeting_card .setting_card_title {
	font-size: 16px;
	font-weight: 700;
	color: #36459b;
}

.setting_card_separator {
	display: flex;
	align-items: center;
	margin: 10px 0;
}

.setting_card_separator span {
	font-size: 14px;
	color: #bbc4d4;
}

.setting_card_separator span:last-of-type {
	border-bottom: 1px solid #e6ecf6;
	flex-grow: 1;
	margin: 0 0.3rem;
}

.setting_card_content {
	padding: 10px 0;
}

.grid-2-cols {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.grid-4-cols {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.action-disable {
	pointer-events: none;
	opacity: 0.7;
}

@media (max-width: 768px) {
	.grid-4-cols {
		grid-template-columns: repeat(2, 1fr);
	}
}

[class|="bio-icon"] {
	font-size: 22px;
}

/*alignment*/

.text-start {
	text-align: start !important;
}

.text-end {
	text-align: end !important;
}

.text-color-primary {
	color: var(--text-primary);
}

.text-color-heather {
	color: #bbc4d4;
}

.medical_doc_custom_form .select_picker .select2-container--default .select2-selection--single {
	height: 100%;
	border: 1px solid var(--input-border-color);
}

.border-b-input-filter {
	border-bottom: 1px solid rgba(178, 198, 227, 0.28);
}

.text-on-border {
	top: -14px;
	position: absolute;
	z-index: 1;
	right: 2em;
	background-color: #fff;
	padding: 0 5px;
	border-right: 7px;
}

.text-clr-orange {
	color: #f3a52f;
}

.card-wrapper {
	border: 1px solid #7b86cb;
	border-radius: 6px;
	position: relative;
	margin: 30px 15px 20px 15px;
}

.card-blue-soft {
	border: 1px solid var(--color-bg-blue-soft);
	border-radius: 4px;
}

.label-on-box {
	position: absolute;
	right: 27px;
	z-index: 1;
}

.label-on-box::before {
	content: "";
	position: absolute;
	top: 49%;
	width: 100%;
	height: 4px;
	background: rgba(255, 255, 255, 0.97);
	z-index: -1;
	right: 0;
}

.app-second-input[type="color"]::-webkit-color-swatch {
	border: none;
	border-radius: 2px;
}

.app-second-input[type="color"] {
	width: 100%;
	max-width: 100px;
	height: 40px;
	padding: 0.25rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	cursor: pointer;
	transition: border-color 0.3s ease;
}

.app-second-input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}

.modal-icon {
	font-size: 22px !important;
	color: var(--text-primary) !important;
}

.cursor-grab {
	cursor: grab;
}

.alert-top-container {
	top: 80px !important;
	margin-top: 0 !important;
}

.font-weight-bold {
	font-weight: bold !important;
}

.floating-portal {
	position: absolute;
	z-index: 9999;
	margin: 0;
	display: flex;
	width: fit-content;
	background: #fff;
	padding: 14 !important;
	border-radius: 8px;
	box-shadow: 0px 0px 12px 5px #d8dbdefc;
	width: 200px;
	border: 1px solid #b2b9c080;
}

.floating-portal li.active {
	border-radius: 4px;
}

.floating-portal li::after {
	display: none !important;
}

.scroll-hidden {
	overflow: auto !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
}

.scroll-hidden::-webkit-scrollbar {
	display: none !important;
}

/* medical forms button */
.app-btn2.second.active-btn-md {
	background-color: var(--color-blue-breeze) !important;
}

.border-alert-warning-groups {
	background: #ffe1cb;
	width: 100%;
	height: 1px;
	border-radius: 4px;
}

.alert.alert-red {
	background-color: #f8eff1;
	color: #66130e;
}

.border-alert-red-groups {
	background: #f0e1e5;
	width: 100%;
	height: 1px;
	border-radius: 4px;
}

.rounded-1 {
	border-radius: 0.475rem !important;
}

.rounded-2 {
	border-radius: 0.75rem !important;
}

.rounded-3 {
	border-radius: 0.775rem !important;
}

body[dir="rtl"] .ms-0 {
	margin-right: 0;
}

body[dir="rtl"] .ms-1 {
	margin-right: 0.25rem;
}

body[dir="rtl"] .ms-2 {
	margin-right: 0.5rem;
}

body[dir="rtl"] .ms-3 {
	margin-right: 1rem;
}

body[dir="rtl"] .ms-4 {
	margin-right: 1.5rem;
}

body[dir="rtl"] .ms-5 {
	margin-right: 3rem;
}

body[dir="rtl"] .ms-10 {
	margin-right: 10px;
}

body[dir="rtl"] .ms-20 {
	margin-right: 20px;
}

body[dir="rtl"] .ms-30 {
	margin-right: 30px;
}

body[dir="rtl"] .me-0 {
	margin-left: 0;
}

body[dir="rtl"] .me-1 {
	margin-left: 0.25rem;
}

body[dir="rtl"] .me-2 {
	margin-left: 0.5rem;
}

body[dir="rtl"] .me-3 {
	margin-left: 1rem;
}

body[dir="rtl"] .me-4 {
	margin-left: 1.5rem;
}

body[dir="rtl"] .me-5 {
	margin-left: 3rem;
}

body[dir="rtl"] .me-10 {
	margin-left: 10px;
}

body[dir="rtl"] .me-20 {
	margin-left: 20px;
}

body[dir="rtl"] .me-30 {
	margin-left: 30px;
}

/* fix bagde for old menu in new layout */
.badge.up {
	position: relative;
	top: -10px;
	margin: 0 -0.8em;
	border-radius: 15px;
	padding: 0 7px;
	min-height: unset;
}

[aria-live="polite"] {
	z-index: 1800;
}

/*truncateText*/

.dropdown.primary {
	/*min-width: 139px;*/
	min-height: 24px;
	border-radius: 2px;
	border: 1px solid var(--color-primary);
	display: flex;
}

.dropdown.primary .dropdown-title {
	border-inline-end: 1px solid var(--color-primary);
	padding: 3px;
	padding-inline: 5px !important;
	color: var(--color-primary);
	background: #e8eaf7;
	/*min-width: 108px;*/
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.dropdown.primary .dropdown-text {
	font-weight: 500;
	font-size: 12px;
}

.dropdown.primary .dropdown-body {
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dropdown.primary .dropdown-item {
	font-size: 14px !important;
	font-weight: 500 !important;
	color: var(--text-secondary) !important;
	cursor: pointer !important;
}

.dropdown.primary .dropdown-menu {
	box-shadow: 0px 0px 8px 0px #b2c6e3;
	border-color: #d0defa !important;
	margin: 7px 0 0;
	left: unset !important;
	right: -2px !important;
}

.dropdown.primary .dropdown-toggle {
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-color: var(--color-white);
}

.dropdown.primary .dropdown-toggle:hover {
	transform: scale(1.05);
}

.dropdown.legend-primary {
	min-height: 19px;
	display: flex;
}

.dropdown.legend-primary .dropdown-title {
	padding-inline-end: 3px;
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.dropdown.legend-primary .dropdown-text {
	font-weight: 500;
	font-size: 12px;
	color: var(--color-primary);
}

.dropdown.legend-primary .dropdown-body {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dropdown.legend-primary .dropdown-item {
	font-size: 14px !important;
	font-weight: 500 !important;
	color: var(--text-secondary) !important;
	cursor: pointer !important;
}

.dropdown.legend-primary .dropdown-menu {
	box-shadow: 0px 0px 8px 0px #b2c6e3;
	margin: 7px 0 0;
	left: unset !important;
	right: -2px !important;
}

.dropdown.legend-primary .dropdown-toggle {
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.dropdown.legend-primary .dropdown-toggle:hover {
	transform: scale(1.05);
}

.dropdown-legend {
	left: 0;
	position: absolute !important;
	top: 0px;
	overflow: unset !important;
}

.dropdown-legend::before {
	content: "";
	position: absolute;
	top: 8px;
	width: 100%;
	height: 4px;
	background: rgb(255 255 255);
	z-index: -1;
	right: 0;
}

.arrow-toggle {
	transition: transform 0.3s ease-in-out;
}

.arrow-toggle.rotated {
	transform: rotate(180deg);
}

.copy-variable:hover {
	color: var(--text-primary);
}

.error-label {
	color: var(--input-border-color-error, #b3261e) !important;
}

/* Use the catalog field border and raised surface to frame related choices in update2 only. */
@media screen {
	/* Keep editable text usable while the existing responsive table owns horizontal scrolling. */
	body.V2 #graphy-point-editor2 #template_table input:is(.id,.name,.fa_name) {
		min-width: 100px;
	}

	body.V2 #graphy-point-editor2 #template_table .child_table tr.template-choice-group > td:first-child {
		border-inline-start: 2px solid var(--bioarc-field-accent, #36459b) !important;
	}

	body.V2 #graphy-point-editor2 #template_table .child_table tr.template-choice-group > td:last-child {
		border-inline-end: 2px solid var(--bioarc-field-accent, #36459b) !important;
	}

	body.V2 #graphy-point-editor2 #template_table .child_table tr.template-choice-start > td {
		border-top: 2px solid var(--bioarc-field-accent, #36459b) !important;
	}

	body.V2 #graphy-point-editor2 #template_table .child_table tr.template-choice-end > td {
		border-bottom: 2px solid var(--bioarc-field-accent, #36459b) !important;
	}

	body.V2 #graphy-point-editor2 #template_table .child_table tr.template-choice-label > td {
		background-color: var(--bioarc-field-raised, #f1f3fc) !important;
	}
}

/* Preserve the settlement card's original action ink when no dark override is active. */
body.V2 .catalog-finance-page .excel-list :is(.delete-icon,.btn-change-status) i {
	color: #36459b;
}

/* Use the existing navbar palette only on V2 pages; V0/V1 and printed output retain their original appearance. */
/* Keep the automatic service item panel's original light surface without inline theme overrides. */
.automatic-services-page .automatic-services-items {
	background: #f4f6fb !important;
}

@media screen {
	html[data-bioarc-theme=dark] body.V2 {
		--bioarc-field-surface: var(--bioarc-navbar-surface, #272b33);
		--bioarc-field-raised: var(--bioarc-navbar-raised, #303f4d);
		--bioarc-field-text: var(--bioarc-navbar-text, #e4e8eb);
		--bioarc-field-muted: var(--bioarc-navbar-muted, #bdc6cd);
		--bioarc-field-accent: var(--bioarc-navbar-blue, #a6c9ed);
		--bioarc-field-border: var(--bioarc-navbar-border, #434b57);
		--bioarc-field-danger: var(--bioarc-navbar-danger, #ff9494);
		--bioarc-field-danger-tint: var(--bioarc-navbar-danger-tint, #4b3337);
		--bioarc-field-success: var(--bioarc-navbar-green, #9cdbac);
		--text-secondary: var(--bioarc-field-text);
		--text-secondary-grey: var(--bioarc-field-muted);
		--text-secondary-gray: var(--bioarc-field-muted);
		--input-border-color: var(--bioarc-field-border);
		--input-border-color-focus: var(--bioarc-field-accent);
		--input-border-color-error: var(--bioarc-navbar-danger, #ff9494);
		--border-color-table: var(--bioarc-field-border);
		--option-selected-color: var(--bioarc-field-raised);
		/* CKEditor shares these theme tokens with inline toolbars and detached balloon panels. */
		--ck-color-base-foreground: var(--bioarc-field-raised);
		--ck-color-base-background: var(--bioarc-field-surface);
		--ck-color-base-border: var(--bioarc-field-border);
		--ck-color-base-text: var(--bioarc-field-text);
		--ck-color-text: var(--bioarc-field-text);
		--ck-color-toolbar-background: var(--bioarc-field-surface);
		--ck-color-toolbar-border: var(--bioarc-field-border);
		--ck-color-dropdown-panel-background: var(--bioarc-field-surface);
		--ck-color-dropdown-panel-border: var(--bioarc-field-border);
		--ck-color-input-background: var(--bioarc-field-surface);
		--ck-color-input-border: var(--bioarc-field-border);
		--ck-color-input-text: var(--bioarc-field-text);
		--ck-color-input-disabled-background: var(--bioarc-field-raised);
		--ck-color-input-disabled-text: var(--bioarc-field-muted);
		--ck-color-list-background: var(--bioarc-field-surface);
		--ck-color-list-button-hover-background: var(--bioarc-field-raised);
		--ck-color-list-button-on-background: var(--bioarc-field-raised);
		--ck-color-list-button-on-background-focus: var(--bioarc-field-raised);
		--ck-color-list-button-on-text: var(--bioarc-field-accent);
		--ck-color-button-default-hover-background: var(--bioarc-field-raised);
		--ck-color-button-default-active-background: var(--bioarc-field-raised);
		--ck-color-button-default-disabled-background: var(--bioarc-field-surface);
		--ck-color-button-on-background: var(--bioarc-field-raised);
		--ck-color-button-on-hover-background: var(--bioarc-field-raised);
		--ck-color-button-on-active-background: var(--bioarc-field-raised);
		--ck-color-button-on-disabled-background: var(--bioarc-field-raised);
		--ck-color-button-on-color: var(--bioarc-field-accent);
		--ck-color-split-button-hover-background: var(--bioarc-field-raised);
		--ck-color-focus-border: var(--bioarc-field-accent);
		--card-bg-color: var(--bioarc-field-raised);
		--card-bg-color-2: var(--bioarc-field-surface);
		/* SimpleSelect already exposes a complete theme contract, including dropdowns appended to body. */
		--ss-bg: var(--bioarc-field-surface);
		--ss-text: var(--bioarc-field-text);
		--ss-placeholder: var(--bioarc-field-muted);
		--ss-border-color: var(--bioarc-field-border);
		--ss-border-color-hover: var(--bioarc-field-accent);
		--ss-primary: var(--bioarc-field-accent);
		--ss-primary-contrast: var(--bioarc-field-surface);
		--ss-hover-bg: var(--bioarc-field-raised);
		--ss-disabled-bg: var(--bioarc-field-raised);
		--ss-disabled-text: var(--bioarc-field-muted);
		--ss-tag-bg: var(--bioarc-field-raised);
		--ss-tag-text: var(--bioarc-field-accent);
		color-scheme: dark;
		/* admission-management.css is loaded globally and declares the body background important. */
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text);
	}

	/* Cover reference content wrappers and sticky admission headers, whose base style is white. */
	html[data-bioarc-theme=dark] body.V2 :is(.page,.app-page-content,.admission-management-header,.admission-card,.panel,.card-white,.card-modal,.card-outline,.card-fieldset,.modal-content,.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6,.secondary-table-section,.app-tertiary-table,.app-fourth-table-section,.app-fifth-table-section,.bg-color-4) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .card-white {
		box-shadow: 0 4px 16px #0004;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.card-title,.card-primary-badge,.card-legend) {
		color: var(--bioarc-field-accent);
	}

	/* These neutral wrappers also use Bootstrap's important white utility in the reference views. */
	html[data-bioarc-theme=dark] body.V2 :is(.app-content-card,.app-content-card-1,.app-content-card-2,.app-content-card-3,.app-content-card-4,.app-content-card-5,.app-content-card-6,.app-select2-box,.app-second-input-box,.app-second-textarea-box,.card-wrapper).bg-white {
		background-color: var(--bioarc-field-surface) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .card-wrapper {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .card-wrapper .label-on-box::before {
		background-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .card-fieldset .card-legend {
		background-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-content-card-title,.app-content-title,.admission-management-title,.admission-header-title,.admission-card-title,.admission-card-section-title,.modal-title,.panel-title,.text_primary,.text-color-primary,.text-color-primary2) {
		color: var(--bioarc-field-accent);
	}

	/* Triage reuses the admission card reference, including opaque section captions over divider lines. */
	html[data-bioarc-theme=dark] body.V2 .admission-card .admission-card-section-title {
		background-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .admission-card :is(.admission-header-detail,.admission-header-details-title,.admission-header-description,.admission-toggle-item-title,.admission-checkbox-label,.app-second-input-label,.app-second-textarea-label) {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .admission-card .admission-card-section-divider {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .admission-card .app-second-input-icon [fill="#36459B"] {
		fill: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.text-color-black,.text-color-charcoal,.text_typography_sec,.text_typography_sec_2,.app-second-input-label2,.material-radio-text,.material-checkbox-text) {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.modal-header,.modal-footer,hr) {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .modal-custom .modal-title::before {
		background-color: var(--bioarc-field-accent);
	}

	/* Keep controls, labels, disabled states and validation readable without changing form behavior. */
	html[data-bioarc-theme=dark] body.V2 :is(.app-input,.app-number-input,.app-second-input,.app-second-input-search,.app-textarea,.app-second-textarea,.secondary-table-search-input,.app-search-input input,.cv-search,.form-control,.ss-search-box input,.select2-search__field) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
		caret-color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-input,.app-second-input,.app-second-input-search,.app-textarea,.app-second-textarea,.secondary-table-search-input,.app-search-input input,.cv-search,.form-control,.ss-search-box input,.select2-search__field)::placeholder {
		color: var(--bioarc-field-muted);
		font-family: inherit;
		opacity: 1;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-input-label,.mui-field .app-second-input-label,.app-second-input-box,.app-select2-box,.app-second-textarea-box,.app-input-box,.app-search-input) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-input-box,.app-search-input) {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .app-second-textarea-box {
		outline-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-input-error,.app-second-textarea-error) {
		color: var(--input-border-color-error);
	}

	html[data-bioarc-theme=dark] body.V2 .app-input-section.error .app-input-label {
		color: var(--input-border-color-error) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .app-input-section.error .app-input-box {
		border-color: var(--input-border-color-error) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .app-second-textarea-section.error .app-second-textarea-box {
		outline-color: var(--input-border-color-error);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-second-textarea-box.has-danger-bg,.app-select2-box.has-danger-bg) {
		background-color: #493d2e !important;
	}

	html[data-bioarc-theme=dark] body.V2 .app-search-input .icon {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-second-input-side,.app-second-input-action,.c-checkbox-side-label,.app-btn2.second:not(.recording,.danger,.danger-second,.warning,.success),.c-button-second) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .app-second-input-side:is(.second-color,.accent-color) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-text) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .app-second-input-box > i {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.c-checkbox-text,.checkbox-lable,.material-radio-text,.material-checkbox-text) {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .material-radio-list {
		background-color: var(--bioarc-field-raised);
	}

	/* Match triage group dividers to the field borders; keep colored selection overlays intact. */
	html[data-bioarc-theme=dark] body.V2 .admission-card.triage .material-radio-list .material-radio-box {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .material-radio:checked ~ .material-radio-text {
		color: var(--bioarc-field-accent);
	}

	/* Grouped radios have important light selected surfaces; leave the filled radio-bg variant's paired colors intact. */
	html[data-bioarc-theme=dark] body.V2 .material-radio-list:not(.radio-bg) .material-radio-box:has(> .material-radio:checked),
	html[data-bioarc-theme=dark] body.V2 .material-radio-list:not(.radio-bg) .material-radio-box:not(:has(.material-radio:disabled)):hover,
	html[data-bioarc-theme=dark] body.V2 .material-radio-items .material-radio-item:not(:has(.material-radio:disabled)):hover,
	html[data-bioarc-theme=dark] body.V2 .material-radio-items .material-radio-item:has(> .material-radio:checked) {
		background-color: var(--bioarc-field-surface) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .material-radio-list:not(.radio-bg) .material-radio:checked ~ .material-radio-text {
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .material-radio-list:not(.radio-bg) .material-radio-box .material-radio-label {
		border-color: var(--bioarc-field-muted) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.material-radio-list:not(.radio-bg),.material-radio-items) .material-radio:checked + .material-radio-label {
		border-color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.material-radio-label,.material-checkbox-icon,.c-checkbox-icon-container) {
		border-color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.material-radio:checked + .material-radio-label,.material-checkbox-input:checked + .material-checkbox .material-checkbox-icon,c-checkbox[checked] .c-checkbox-icon-container) {
		border-color: var(--bioarc-field-accent);
	}

	/* Both update2 field editors reuse the nested template table; override its legacy striped and footer surfaces locally. */
	html[data-bioarc-theme=dark] body.V2 #graphy-point-editor2 #template_table,
	html[data-bioarc-theme=dark] body.V2 #graphy-point-editor2 #template_table :is(table,thead,tbody,tr,td,th) {
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 #graphy-point-editor2 #template_table th {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 #graphy-point-editor2 #template_table :is(tfoot,tfoot > tr,tfoot > tr > td,.newadded_color,.newadded_color tr,.newadded_color td) {
		background-color: var(--bioarc-field-raised) !important;
	}

	html[data-bioarc-theme=dark] body.V2 #graphy-point-editor2 #template_table :is(.config_btn,.sortable-handle,.sortable-handle-child) {
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 #graphy-point-editor2 #template_table input[type=checkbox] {
		color-scheme: dark;
		accent-color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 #graphy-point-editor2 #modal-config :is(fieldset,legend) {
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	/* Native and light-DOM checkbox references share the same unchecked, checked and disabled palette. */
	html[data-bioarc-theme=dark] body.V2 .app-checkbox {
		border-color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .app-checkbox:checked {
		border-color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .app-checkbox-label {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 c-checkbox[checked] .c-checkbox-text {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 c-checkbox[disabled] .c-checkbox-icon-container {
		background-color: var(--bioarc-field-raised);
		border-color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 c-checkbox[checked][disabled] .c-checkbox-icon-container {
		background-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 c-checkbox[disabled] .c-checkbox-text {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .custom-checkbox-group.btn-group .btn {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .custom-checkbox-group.btn-group .btn.active {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .material-radio:checked + .material-radio-label::after {
		background-color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-second-input:disabled,.app-second-input-box:has(input:disabled),.app-second-textarea:disabled,.app-second-textarea-box:has(textarea:disabled),.form-control:disabled,.form-control[readonly],.select2-container--disabled .select2-selection) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-muted);
	}

	/* The personalization dialog uses grouped checkbox cards, whose selected surfaces are important. */
	html[data-bioarc-theme=dark] body.V2 .material-checkbox-group .material-checkbox-section:not(.colored,.green,.yellow,.orange,.red,.blue,.not-selected) {
		background-color: var(--bioarc-field-surface) !important;
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .material-checkbox-group .material-checkbox-section:not(.colored,.green,.yellow,.orange,.red,.blue,.not-selected) .material-checkbox {
		background-color: var(--bioarc-field-surface) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .material-checkbox-group .material-checkbox-section:not(.colored,.green,.yellow,.orange,.red,.blue,.not-selected) :is(.material-checkbox.active,.material-checkbox-input:checked + .material-checkbox) {
		background-color: var(--bioarc-field-raised) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .material-checkbox-group .material-checkbox-section:not(.colored,.green,.yellow,.orange,.red,.blue,.not-selected) .material-checkbox-text {
		color: var(--bioarc-field-text) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .material-checkbox-group .material-checkbox-section:not(.colored,.green,.yellow,.orange,.red,.blue,.not-selected) :is(.material-checkbox.active,.material-checkbox-input:checked + .material-checkbox) .material-checkbox-text {
		color: var(--bioarc-field-accent) !important;
	}

	/* Adapt the QR uploader's surrounding controls; the QR canvas and uploaded images keep their original pixels. */
	html[data-bioarc-theme=dark] body.V2 .main_file_name:has(> .upload_zone) {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .upload_zone {
		background-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.upload_zone,.uploaded_list) .custom_progress_bar,
	html[data-bioarc-theme=dark] body.V2 .upload_zone_methods_camera {
		background-color: var(--bioarc-field-raised);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.upload_zode_details_texts h3,.upload_zone .title-file-upload,.uploaded_list .title-file-upload,.upload_zone .Percentـprogress,.uploaded_list .Percentـprogress) {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .upload_zode_details_texts p {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.upload_zone_methods_camera span,.upload_zone_methods_qrcode_time) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.upload_zone_methods_qrcode_container,.upload_zone_methods_file_uploader,.uploaded_list,.uploaded_item_image_container) {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .app-uploader-text {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-muted);
	}

	/* Question rows, including dynamically added rows, reuse the reference grouped-field palette. */
	html[data-bioarc-theme=dark] body.V2 .nursing_checklist_questions .bg-light-gray-blue {
		background-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .nursing_checklist_questions .question-counter {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .nursing_checklist_questions .remove-textarea svg [fill="#873336"] {
		fill: var(--bioarc-navbar-danger, #ff9494);
	}

	/* Keep generated pattern segments consistent with the UI grouped-input example. */
	html[data-bioarc-theme=dark] body.V2 .file-number-pattern-editor #patterns_inputs :is(.input_type_select,.input_type_select .app-select2-box,.input_type_select .select2-selection) {
		background-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .file-number-pattern-editor .text-color-6 {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .file-number-pattern-editor .app-second-input-icon {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .file-number-pattern-editor .delete_icon {
		color: var(--bioarc-navbar-danger, #ff9494);
	}

	/* Multipart landing forms reuse the catalog uploader but render file labels outside its tile. */
	html[data-bioarc-theme=dark] body.V2 .app-uploader-section .multipart-file-name {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .app-uploader-section .multipart-existing {
		color: var(--bioarc-field-accent);
	}

	/* Voice controls use the same neutral surfaces; retain their recording/speaking status colors. */
	html[data-bioarc-theme=dark] body.V2 .textarea-container {
		background-color: var(--bioarc-field-surface);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .textarea-container textarea {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.mic-button:not(.recording,.danger),.cancel-button,.app-second-textarea-action:not(.speaking)) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
		box-shadow: none;
	}

	html[data-bioarc-theme=dark] body.V2 .app-second-textarea-action-text {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .vioce-record-acion:has(.histogram-overlay.visible) {
		background-color: var(--bioarc-field-raised) !important;
	}

	/* TouchSpin keeps its established increment/decrement behavior and adapts only its neutral segments. */
	html[data-bioarc-theme=dark] body.V2 .bootstrap-touchspin :is(.input-group-btn button,.bootstrap-touchspin-prefix,.bootstrap-touchspin-postfix) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .modal-content.new-ui-update .bootstrap-select .dropdown-toggle:focus {
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text);
	}

	/* Existing disabled/hover button rules are important, so adapt those states at the same priority. */
	html[data-bioarc-theme=dark] body.V2 :is(.app-btn2:disabled,.app-btn2.disabled,.c-button-disabled,.c-button:disabled) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-muted) !important;
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-btn2:disabled,.app-btn2.disabled,.c-button-disabled,.c-button:disabled) i {
		color: inherit !important;
	}

	/* Preserve the destructive outline variant without retaining its light-mode white surface. */
	html[data-bioarc-theme=dark] body.V2 .app-btn2:is(.danger,.danger-second).outline:not(:disabled,.disabled) {
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-navbar-danger, #ff9494) !important;
		border-color: var(--bioarc-navbar-danger, #ff9494) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .app-btn2:is(.danger,.danger-second).outline:not(:disabled,.disabled) i {
		color: inherit !important;
	}

	html[data-bioarc-theme=dark] body.V2 .app-btn2:is(.second,.outline):not(.danger,.danger-second,.success,.warning) svg [stroke="#36459B"] {
		stroke: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .app-btn2:is(.second,.outline):not(.danger,.danger-second,.success,.warning) svg [fill="#36459B"] {
		fill: var(--bioarc-field-accent);
	}

	/* Grouped neutral choices keep their existing active fill and selection handlers. */
	html[data-bioarc-theme=dark] body.V2 .app-btn-group :is(.app-btn2,.c-button):not(.active,.disabled,:disabled) {
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .app-btn-group .app-btn2:not(.active) i {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-btn2.second:hover,.c-button-second:hover,.app-btn2.text:hover,.app-btn2.outline:hover):not(.danger,.danger-second,.warning,.success,.recording) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-btn2.outline,.app-btn2.text):not(.danger,.danger-second,.warning,.success),
	html[data-bioarc-theme=dark] body.V2 :is(.c-button-outline,.c-button-text) {
		color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-accent);
	}

	/* Neutral outline buttons also occur in file metadata toolbars with an important white background. */
	html[data-bioarc-theme=dark] body.V2 .app-btn2.outline:not(.danger,.danger-second,.warning,.success,.active,:disabled,.disabled) {
		background-color: var(--bioarc-field-surface) !important;
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .app-btn2.warning.outline:not(:disabled,.disabled) {
		background-color: #493d2e !important;
		color: #efba78;
	}

	/* The c-button outline variants have their own important no-hover white surfaces. */
	html[data-bioarc-theme=dark] body.V2 .c-button:is(.c-button-outline-danger,.c-button-outline-warning,.c-button-outline-second,.c-button-outline-secondary):not(:disabled,.c-button-disabled) {
		background-color: var(--bioarc-field-surface) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .c-button:is(.c-button-outline-second,.c-button-outline-secondary):not(:disabled,.c-button-disabled) {
		color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .c-button.c-button-outline-danger:not(:disabled,.c-button-disabled,.c-button-no-hover):hover {
		background-color: var(--bioarc-navbar-danger-tint, #4b3337) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .c-button.c-button-outline-warning:not(:disabled,.c-button-disabled,.c-button-no-hover):hover {
		background-color: #493d2e !important;
	}

	html[data-bioarc-theme=dark] body.V2 .c-button:is(.c-button-outline-second,.c-button-outline-secondary):not(:disabled,.c-button-disabled,.c-button-no-hover):hover {
		background-color: var(--bioarc-field-raised) !important;
	}

	/* Select2 menus can live outside a modal; keep their scope on the V2 body instead of the form wrapper. */
	html[data-bioarc-theme=dark] body.V2 .select2-dropdown {
		/* The component sets its outer padding background and border with important declarations. */
		background-color: var(--bioarc-field-surface) !important;
		border: 1px solid var(--bioarc-field-border) !important;
		box-shadow: 0 0 8px 0 var(--bioarc-field-border) !important;
	}

	/* Keep kiosk forms outside this audit's shared appearance changes, as requested. */
	html[data-bioarc-theme=dark] body.V2:where(:not(:has(.kiosk-settings-theme))) .select2-dropdown {
		box-shadow: none !important;
	}

	html[data-bioarc-theme=dark] body.V2 .select2-container .select2-dropdown .select2-search input {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border) !important;
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2 .select2-container .select2-dropdown .select2-results ul .select2-results__option {
		color: var(--bioarc-field-text);
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2 .select2-container .select2-dropdown .select2-results ul .select2-results__option[aria-disabled=true] {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.select2-dropdown,.select2-results,.select2-selection,.select2-selection--single,.select2-selection--multiple,.select2-search--dropdown,.secondary-table-filter,.secondary-table-search,.secondary-table-selected-items,.secondary-table-filters-save) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.select2-selection__rendered,.select2-results__option,.secondary-table-more-filters,.secondary-table-filter-item legend,.select2-selection__placeholder) {
		color: var(--bioarc-field-text);
	}

	/* The RTL component declares selection fonts important, separately from detached option fonts. */
	html[data-bioarc-theme=dark] body.V2 .app-select2-box .select2-container .select2-selection :is(.select2-selection__rendered,.select2-selection__choice,.select2-selection__choice__display) {
		font-family: var(--font-family-main) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--selected,.select2-selection__choice) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent) !important;
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.select2-selection__choice__display,.select2-selection__choice__remove,.select2-selection__clear) {
		color: var(--bioarc-field-accent) !important;
	}

	/* Advanced Select2 adds a second selected surface inside each result. Keep favourite stars semantic. */
	html[data-bioarc-theme=dark] body.V2 .advance-select-dropdown .select2-results__option {
		background-color: var(--bioarc-field-surface) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .advance-select-dropdown .advance-select-dropdown-list-item-wrapper {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .advance-select-dropdown :is(.select2-results__option--selected,.select2-results__option--highlighted) .advance-select-dropdown-list-item {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .advance-select-dropdown .advance-select-dropdown-star:not(.favourite) svg {
		fill: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .select2-dropdown :is(.select2-result-repository__forks,.select2-result-repository__stargazers,.select2-result-repository__watchers,.select2-result-repository__description) {
		color: var(--bioarc-field-muted) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .secondary-table-filter {
		box-shadow: none;
		border: 1px solid var(--bioarc-field-border);
	}

	/* Admission and discharge row SVGs carry fixed neutral ink; preserve coloured state icons and active actions. */
	html[data-bioarc-theme=dark] body.V2 :is(#admission_table,#discharge_list) .secondary-table-action:not(.active,.danger,.success,.warning) svg [fill="#424242"] {
		fill: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(#admission_table,#discharge_list) .secondary-table-action:not(.active,.danger,.success,.warning) svg [stroke="#424242"] {
		stroke: var(--bioarc-field-text);
	}

	/* Preserve admission status backgrounds while giving their pastel surfaces readable text. */
	html[data-bioarc-theme=dark] body.V2 #admission_table .app-badge:is(.green,.orange,.blue,.j-blue,.red) {
		color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 #admission_table .patient-tag-item {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	/* The pin uses a black outline and a separate filled SVG; keep those two states distinct. */
	html[data-bioarc-theme=dark] body.V2 #admission_table .pin-action.pin svg [stroke="black"] {
		stroke: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 #admission_table .pin-action.unpin svg {
		fill: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(#admission_date_search_start_box,#admission_date_search_end_box) svg [stroke="#8C8C8C"] {
		stroke: var(--bioarc-field-accent);
	}

	/* Pinned patient entries use separate text classes from the sidebar's main patient heading. */
	html[data-bioarc-theme=dark] body.V2 .admission-management-sidebar :is(.admission-sidebar-patient-item-text,.admission-sidebar-patient-item-time) {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .admission-management-sidebar .admission-sidebar-patient-item:is(.active,:hover) {
		background-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .admission-management-sidebar .admission-sidebar-patient-item.active :is(.admission-sidebar-patient-item-text,.admission-sidebar-patient-item-time) {
		color: var(--bioarc-field-accent);
	}

	/* Selected-patient drawers reuse the sidebar reference but have independent search and menu states. */
	html[data-bioarc-theme=dark] body.V2 .admission-management-sidebar .admission-sidebar-patients-section {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .admission-management-sidebar .admission-sidebar-patients-section .app-second-input-box {
		outline-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .admission-management-sidebar :is(.admission-sidebar-patients-section .app-second-input-icon,.admission-sidebar-patient-sm,.admission-sidebar-main-menu-item:hover,.admission-sidebar-main-menu-subitem:hover) {
		background-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .admission-management-sidebar .admission-sidebar-navigation .app__primary-tab-item {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .admission-management-sidebar :is(.admission-sidebar-navigation .app__primary-tab-item.active,.admission-sidebar-main-menu-item-icon,.admission-sidebar-main-menu-active-icon) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .admission-management-sidebar :is(.admission-sidebar-main-menu-item:hover .admission-sidebar-main-menu-item-text,.admission-sidebar-main-menu-item.active-child .admission-sidebar-main-menu-item-text,.admission-sidebar-main-menu-subitem:hover a) {
		color: var(--bioarc-field-accent);
	}

	/* Change only neutral/search ink; leave calendar category dots, SVG masks and clinical colors intact. */
	html[data-bioarc-theme=dark] body.V2 .admission-management-sidebar svg :is([fill="black"],[fill="#292D32"],[fill="#7B86CB"]) {
		fill: var(--bioarc-field-accent);
	}

	/* Keep the reference filter grid continuous; transparent field wrappers cannot mask its row dividers. */
	html[data-bioarc-theme=dark] body.V2 .secondary-table-filter :is(.secondary-table-filter-item,.secondary-filter-item,.more-filters,.more-filter-row) {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .secondary-table-filters-section.with-label .secondary-table-filter :is(.app-select2-box,.app-second-input-box,.app-second-input:not(:disabled),.select2-container:not(.select2-container--disabled) .select2-selection),
	html[data-bioarc-theme=dark] body.V2 .secondary-table-filters-section.with-label .secondary-table-filter :is(fieldset,legend) {
		background-color: transparent !important;
	}

	/* Labelled fieldsets can exceed the old 47px slot; let the row contain them instead of crossing its border. */
	html[data-bioarc-theme=dark] body.V2 .secondary-table-filters-section.with-label .secondary-table-filter-item {
		align-self: stretch;
	}

	html[data-bioarc-theme=dark] body.V2 .secondary-table-filters-section.with-label .secondary-table-filter-item .app-second-input-section {
		height: auto;
		min-height: 47px;
	}

	/* Patient and user-role summaries share the same readable dark card palette. */
	html[data-bioarc-theme=dark] body.V2 .user-modal-info-header {
		background-color: var(--bioarc-field-raised) !important;
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .user-modal-info-header :is(.admission-info-text,.admission-info-item-text,.case-badge .text) {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .user-modal-info-header .admission-info-title {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .user-modal-info-header :is(.case-badge,.user-modal-info-header-divider) {
		background-color: var(--bioarc-field-surface);
	}

	/* Both shared and existing admission selection bars use the readable dark counter color. */
	html[data-bioarc-theme=dark] body.V2 :is(.table-selection-bar,.secondary-table-filter-item) .table-filter-info-title {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .secondary-table-filter .app-btn2.btn-requests.disabled {
		opacity: 1;
	}

	html[data-bioarc-theme=dark] body.V2 .secondary-table-filter .app-btn2.btn-requests.disabled i {
		color: inherit !important;
	}

	/* Mirror the desktop menu cover's translucent wash on the elevated admission header, retaining its stacking. */
	@media (min-width: 1025px) {
		html[data-bioarc-theme=dark] body.V2.page_admission2:has(.new-navbar-container .bioarc__navbar-cover:is(.open,.hold)) .admission-management-header {
			background-image: linear-gradient(color-mix(in srgb, #e4e5ebb3 50%, transparent), color-mix(in srgb, #e4e5ebb3 50%, transparent));
		}
	}

	/* The selection toolbar's important border utility retains its light-theme color. */
	html[data-bioarc-theme=dark] body.V2 .table-selection-bar .border-color-secondary {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .secondary-table-section .bg-color-4.border-1 {
		box-shadow: 0 4px 16px #0004 !important;
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .secondary-table-filters-save :is(.badge-clear-filter,.app-select2-box.bg-white) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent);
		box-shadow: none;
	}

	html[data-bioarc-theme=dark] body.V2 .secondary-table-filters-save .filter-save-icon svg [fill] {
		fill: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .secondary-table-filters-section.with-label .mui-field :is(.app-select2-box,.app-second-input-box) legend {
		color: var(--bioarc-field-muted) !important;
	}

	/* Retain semantic row distinctions and leave badges' own foreground/background pairs intact. */
	html[data-bioarc-theme=dark] body.V2 .app-table,
	html[data-bioarc-theme=dark] body.V2 .app-table .app-table-body .app-table-row {
		background-color: var(--bioarc-field-surface);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .app-table .app-table-body .app-table-row .app-table-col {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .app-table .app-table-head .app-table-row .app-table-col {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .app-table-bottom-navigation {
		outline-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .secondary-table-section.header-sticky table thead tr {
		background-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.secondary-table,.app-tertiary-table) :is(td,th) {
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.secondary-table,.app-tertiary-table) tbody tr:not(.danger,.warning,.success,.info,.secondary,.selected) > td {
		background-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.secondary-table,.app-tertiary-table) tbody tr:not(.danger,.warning,.success,.info):hover > td,
	html[data-bioarc-theme=dark] body.V2 :is(.secondary-table,.app-tertiary-table) tbody tr:is(.secondary,.selected) > td {
		background-color: var(--bioarc-field-raised) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.secondary-table,.app-tertiary-table) tbody tr.danger > :is(td,th) {
		background-color: var(--bioarc-navbar-danger-tint, #4b3337) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.secondary-table,.app-tertiary-table) tbody tr.warning > :is(td,th) {
		background-color: #493d2e !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.secondary-table,.app-tertiary-table) tbody tr.success > :is(td,th) {
		background-color: var(--bioarc-navbar-green-tint, #30443b) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.secondary-table,.app-tertiary-table) tbody tr.info > :is(td,th) {
		background-color: var(--bioarc-field-raised) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.secondary-table,.app-tertiary-table) thead th,
	html[data-bioarc-theme=dark] body.V2 :is(.app-table-bottom-navigation,.secondary-table-selected-items),
	html[data-bioarc-theme=dark] body.V2 .dataTables_wrapper .dataTables_info {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.secondary-table,.app-tertiary-table) td a:not(.app-btn2,.badge,.label) {
		color: var(--bioarc-field-accent);
	}

	/* Performance uses semantic row headers; the catalog's td-only surfaces leave these cells white. */
	html[data-bioarc-theme=dark] body.V2 #home-performance .secondary-table tbody th {
		background-color: var(--bioarc-field-surface);
		border-inline-start: 1px solid var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 #home-performance .secondary-table tbody tr:hover > th {
		background-color: var(--bioarc-field-raised) !important;
	}

	html[data-bioarc-theme=dark] body.V2 #home-performance .app-content-card-title a {
		color: var(--bioarc-field-accent);
	}

	/* The discharge and warehouse reference views use div/list based fourth/fifth tables, not td/th. */
	html[data-bioarc-theme=dark] body.V2 :is(.fourth-table-col-content,.fourth-table-input,.fourth-table__footer-text,.fifth-table-col) {
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-fourth-table-row.header.has-bg .fourth-table-col-content,.app-fourth-table-footer,.fifth-table-row.header .fifth-table-col,.fifth-table-col.secondary) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .app-fifth-table-title,
	html[data-bioarc-theme=dark] body.V2 .fourth-table-input::placeholder {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .app-fourth-table-row.warning .app-fourth-table-col {
		background-color: #493d2e;
	}

	html[data-bioarc-theme=dark] body.V2 .app-fourth-table-row.warning .fourth-table-input {
		color: #efba78 !important;
		caret-color: var(--bioarc-field-text) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-fourth-table-row.danger .app-fourth-table-col,.fourth-table-col-content.has-error) {
		background-color: var(--bioarc-navbar-danger-tint, #4b3337);
		border-color: var(--bioarc-navbar-danger, #ff9494);
	}

	html[data-bioarc-theme=dark] body.V2 .app-fourth-table-row.danger .fourth-table-input {
		color: var(--bioarc-navbar-danger, #ff9494) !important;
		caret-color: var(--bioarc-field-text) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.pagination .page-link,.paginate_button a,.app-table-bottom-navigation) {
		background-color: var(--bioarc-field-surface);
		border-color: var(--bioarc-field-border);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.pagination .active .page-link,.paginate_button.active a,.pagination .page-link:hover) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-accent);
	}

	/* Quick-admission headings and counters must contrast against the catalog's raised section cards. */
	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page :is(.text--color-blueberry,.text-color-blueberry,.text-color-sail) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page .text_desaturated_green {
		color: var(--bioarc-navbar-teal);
	}

	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page .text-color-chinook {
		color: var(--bioarc-navbar-green);
	}

	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page .text-color-froly {
		color: var(--bioarc-navbar-danger);
	}

	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page .text-color-casablanca {
		color: #efba78;
	}

	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page .card-primary {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
	}

	/* Bootstrap headings set their own foreground instead of inheriting the center card's text. */
	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page #centerSettingsTitle {
		color: var(--bioarc-field-text);
	}

	/* Dot phrase capture badges retain the real input value and focus behavior. */
	.dotphrase-shortcut-value { position: relative; flex: 1; min-width: 0; }
	.dotphrase-shortcut-value.has-shortcut input { color: transparent; caret-color: transparent; }
	#phrase_shortcut_keys { position: absolute; inset: 0; display: flex; align-items: center; justify-content: flex-end; gap: 6px; pointer-events: none; }
	#phrase_shortcut_keys .shortcut-key { min-width: 44px; padding: 3px 10px; text-align: center; }
	/* Use the catalogue TouchSpin action palette and flat shape for this text action. */
	#phrase_shortcut_stop { height: auto; max-height: none; background: var(--bioarc-field-raised, #d7daea) !important; color: var(--bioarc-field-accent, var(--color-primary, #36459b)) !important; border-radius: 4px !important; box-shadow: none !important; }
	#phrase_shortcut_stop:hover { background: var(--bioarc-field-raised, #d7daea) !important; box-shadow: none !important; }
	#phrase_shortcut_stop:disabled { opacity: 0.6; }
	#phrase_shortcut_stop:focus-visible { outline: 2px solid var(--color-primary, #36459b); outline-offset: 2px; }

	/* Keep the variable guide, including AJAX rows, within the same input/card palette. */
	html[data-bioarc-theme=dark] body.V2 .dotphrase-form .dotphrase-variable-guide {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .dotphrase-form .dotphrase-variable-guide .bg-geyser {
		background-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .dotphrase-form #variable_guide {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
	}

	/* Public reporting has no navbar; its root still follows the account appearance on authenticated visits. */
	html[data-bioarc-theme=dark] body.V2 .error-report-form {
		background-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .error-report-form .card-white {
		box-shadow: none;
		border: 1px solid var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .error-report-form :is(.border-lavender-light,.app-second-textarea-box) {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .error-report-form .text-color-5 {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .error-report-form .speech_to_text svg path,
	html[data-bioarc-theme=dark] body.V2 .error-report-form .app-second-input-icon path {
		fill: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .error-report-list .secondary-table-filter :is(.border-color-1,.more-filters) {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2:has(.error-report-list) #modal_error_checking .card-primary {
		background-color: var(--bioarc-field-raised);
	}

	/* Batch permission cards are injected under this page and reuse the existing group editor. */
	html[data-bioarc-theme=dark] body.V2 .group-permissions-page :is(.text-color-lilac-dusk,.color-periwinkle) {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .group-permissions-page svg > rect[fill="#D7DAEA"] {
		fill: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .group-permissions-page svg path[stroke="#36459B"] {
		stroke: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .groups-list-page .border-color-secondary {
		border-color: var(--bioarc-field-border) !important;
	}

	/* Group-table selection has a late white override, matching the existing user-management selection rule. */
	html[data-bioarc-theme=dark] body.V2 .groups-list-page .secondary-table tbody tr.active > td,
	html[data-bioarc-theme=dark] body.V2 .groups-list-page .secondary-table tbody tr:has(.notification-checkbox:checked) > td {
		background-color: var(--bioarc-field-raised) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .visit-monitoring-page #operation_checkboxes {
		box-shadow: none !important;
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.visit-monitoring-page,.medicaldocs-errors-page) .secondary-table-filter .border-color-1 {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .service-monitoring-page .border-color-secondary {
		border-color: var(--bioarc-field-border) !important;
	}

	/* Insurance share details arrive in table HTML with fixed light title and amount colors. */
	html[data-bioarc-theme=dark] body.V2 .service-monitoring-page .user-modal-info-header {
		background-color: var(--bioarc-field-surface) !important;
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .service-monitoring-page .user-modal-info-header .admission-header-detail-text-box {
		background-color: var(--bioarc-field-raised) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .service-monitoring-page .user-modal-info-header .text-color-5 {
		color: var(--bioarc-field-text);
	}

	/* Calendar filters use utility borders whose light colors otherwise outlive the field palette. */
	html[data-bioarc-theme=dark] body.V2 #admission_calendar .border-color-3 {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .admission-displacement-page .border-color-1 {
		border-color: var(--bioarc-field-border) !important;
	}

	/* Keep legacy diagnosis chips separate and reuse the catalog's semantic green palette. */
	html[data-bioarc-theme=dark] body.V2 #home-patients .flex_in_table {
		gap: 4px;
	}

	html[data-bioarc-theme=dark] body.V2 #home-patients .flex_in_table .badge.bg-green-400:not(.bg-grey-400-force) {
		background-color: var(--bioarc-navbar-green-tint) !important;
		color: var(--bioarc-navbar-green) !important;
		font-family: var(--font-family-main);
	}

	/* AJAX permission cards inherit catalog fields, but profile links have their own legacy ink. */
	html[data-bioarc-theme=dark] body.V2 #custom-permission-page .app-second-input-label a {
		color: var(--bioarc-field-accent);
	}

	/* Monitor settings reuse UiController::actionKioskMonitorSetting without changing display controls. */
	html[data-bioarc-theme=dark] body.V2 :is(.turn-admission-settings-page,.kiosk-settings-theme) :is(.kiosk-setting-title,.kiosk-setting-card-title) {
		color: var(--bioarc-field-accent);
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.turn-admission-settings-page,.kiosk-settings-theme) .kiosk-setting-card {
		background-color: var(--bioarc-field-raised);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.turn-admission-settings-page,.kiosk-settings-theme) .kiosk-setting-card-body {
		background-color: var(--bioarc-field-surface);
	}

	/* Server-address actions are outside the second/outline buttons handled by the shared SVG rules. */
	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .app-second-input-action {
		background-color: var(--bioarc-field-raised);
		border-color: var(--bioarc-field-border);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .app-second-input-action svg [stroke="#36459B"] {
		stroke: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .app-second-input-action svg [fill="#36459B"] {
		fill: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.kiosk-access-page,.turn-access-page,.turn-management-list) .border-color-1 {
		border-color: var(--bioarc-field-border) !important;
	}

	/* Nested kiosk dialogs render outside the form and retain their own legacy label/icon colors. */
	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme :is(.text-color-lilac-dusk,.mui-field .bio-icon-outline-time) {
		color: var(--bioarc-field-accent) !important;
	}

	/* Existing report tiles and wallet cards use the same catalog palette as their forms. */
	html[data-bioarc-theme=dark] body.V2 .financial-reports-page .report_box :is(h4,h5) {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.financial-reports-page .dashoard_title,.financial-management-page :is(.title-page,.card-title),.ewallet-page :is(.ewallet-card-heading h2,.bio-ewallet-amount p:last-child)) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.financial-reports-page .report_box,.financial-management-page .card,.ewallet-page .ewallet-balance-card) {
		background: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .financial-reports-page .box_button > :is(a,div) {
		background: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .financial-reports-page .box_button > :is(a,div):hover {
		box-shadow: 0 4px 4px var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .financial-reports-page .icon_box {
		background: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .financial-reports-page .report_box.red .icon_box {
		background: var(--bioarc-field-danger-tint);
		color: var(--bioarc-field-danger);
	}

	html[data-bioarc-theme=dark] body.V2 .financial-reports-page .report_box.green .icon_box {
		background: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-field-success);
	}

	html[data-bioarc-theme=dark] body.V2 .financial-management-page .btn-service {
		background: var(--bioarc-field-surface);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .financial-management-page .btn-service svg [stroke="white"] {
		stroke: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page :is(.ewallet-total-card,.ewallet-card-heading > i) {
		background: var(--bioarc-field-surface);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page .bio-ewallet-amount p:first-child {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page :is(.ewallet-deposit-icon,.ewallet-deposit-card .ewallet-summary-value) {
		color: var(--bioarc-field-success);
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page :is(.ewallet-withdraw-icon,.ewallet-withdraw-card .ewallet-summary-value) {
		color: var(--bioarc-field-danger);
	}

	html[data-bioarc-theme=dark] body.V2 .wallet-withdrawal-theme .bg-tealish-blue {
		background: var(--bioarc-field-raised) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .wallet-withdrawal-theme :is(.text-color-main-blue,.text_primary) {
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .wallet-withdrawal-theme .wallet-warning {
		background: var(--bioarc-field-danger-tint) !important;
		border-color: var(--bioarc-field-danger) !important;
		color: var(--bioarc-field-danger);
	}

	html[data-bioarc-theme=dark] body.V2 .automatic-services-page .automatic-services-items {
		background: var(--bioarc-field-surface) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .automatic-services-page .toggle_arrow i {
		color: var(--bioarc-field-accent) !important;
		font-size: 12px !important;
		width: 18px !important;
		height: 18px !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.automatic-services-page,.pos-management-page,.insurance-send-rules-page,.catalog-finance-page) .secondary-table-filter .border-color-1 {
		border-color: var(--bioarc-field-border) !important;
	}

	/* Legacy striped rows and dynamic badges carry explicit light backgrounds or inline black ink. */
	html[data-bioarc-theme=dark] body.V2 .ewallet-page #example > tbody > tr,
	html[data-bioarc-theme=dark] body.V2 .ewallet-page #example > tbody > tr > td {
		background: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page #example > tbody > tr:hover > td {
		background: var(--bioarc-field-raised) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page :is(.ewallet-filter-label,.ewallet-stats-item,.ewallet-each-item-amount) {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page :is(.ewallet-stats-item-active,.ewallet-stats-item:hover) {
		background: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page .dataTables_length :is(select,option) {
		background: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page #table-guide-title.badge-success {
		background: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-field-success);
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page #table-guide-title.badge-danger {
		background: var(--bioarc-field-danger-tint);
		color: var(--bioarc-field-danger);
	}

	html[data-bioarc-theme=dark] body.V2 .insurance-send-rules-page .app-badge:not(.green,.red) {
		background: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .insurance-send-rules-page .app-badge.bg-soft-lavender {
		background: var(--bioarc-navbar-purple-tint) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .insurance-send-rules-page #list_insurance_auto_send td a i {
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .insurance-send-rules-page #list_insurance_auto_send td .insurance-rule-delete i {
		color: var(--bioarc-field-danger) !important;
	}

	/* Legacy table initializers may enhance the length control with Select2 or Bootstrap Select. */
	html[data-bioarc-theme=dark] body.V2 .ewallet-page .dataTables_length :is(.bootstrap-select > .dropdown-toggle,.select2-selection,.select2-selection__rendered) {
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text) !important;
		border-color: var(--bioarc-field-border) !important;
		box-shadow: none;
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page .dataTables_length .bootstrap-select .dropdown-menu {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .ewallet-page .dataTables_length :is(.dropdown-menu a,.dropdown-menu span.text) {
		color: var(--bioarc-field-text);
	}

	/* Receipt previews keep their original artwork while their captions and actions follow the selected theme. */
	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .app-img-radio-text {
		color: var(--bioarc-field-muted);
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .app-img-radio:checked + .app-img-radio-image {
		border-color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .app-img-radio:checked + .app-img-radio-image + .app-img-radio-text {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .app-img-radio-action {
		background-color: var(--bioarc-field-raised);
		border: 1px solid var(--bioarc-field-accent);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .app-img-radio-action :is(span,i) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .app-img-radio-action svg [fill]:not([fill="none"]) {
		fill: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .app-img-radio-action:focus-visible {
		outline: 2px solid var(--bioarc-field-accent);
		outline-offset: 2px;
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .app-switch-extra-text {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme.position-header {
		background-color: var(--bioarc-field-surface);
		border-color: var(--bioarc-field-border);
	}

	/* Both kiosk editors retain the catalog form geometry and share its dark card/divider palette. */
	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme :is(.kiosk-setting-card-text,.kiosk-setting-divider) {
		color: var(--bioarc-field-muted);
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme :is(.kiosk-setting-divider,.guide-box-content) {
		background-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .kiosk-setting-divider-section::after {
		background-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme :is(.border-end-color-specific,.setting_card_separator > span) {
		border-color: var(--bioarc-field-border) !important;
		color: var(--bioarc-field-muted) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .guide-education .guide-box-header {
		background-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .guide-education :is(.guide-title,.guide-text) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .kiosk-settings-theme .guide-education .guide-box-content {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.kiosk-management-page,.turn-management-page) .card-secondary {
		background-color: var(--bioarc-field-surface);
		border-color: var(--bioarc-field-border);
	}

	/* Appointment lists retain their existing footer columns with the same dark table surface. */
	html[data-bioarc-theme=dark] body.V2 .biovisit-appointment-list .secondary-table tfoot :is(th,td) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-muted);
		border-color: var(--bioarc-field-border);
	}

	/* FullCalendar shares catalog surfaces while retaining the existing event colors and dates. */
	html[data-bioarc-theme=dark] body.V2 .schedule-settings-page .fc {
		--fc-border-color: var(--bioarc-field-border);
		--fc-page-bg-color: var(--bioarc-field-surface);
		--fc-neutral-bg-color: var(--bioarc-field-raised);
		--fc-neutral-text-color: var(--bioarc-field-muted);
		--fc-list-event-hover-bg-color: var(--bioarc-field-raised);
		--fc-today-bg-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .schedule-settings-page :is(.fc-button-primary,.fc .fc-day-today) {
		background-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .schedule-settings-page .fc-button-primary {
		border-color: var(--bioarc-field-border);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .schedule-settings-page .fc-button-primary:is(:hover,:focus-visible,.fc-button-active) {
		background-color: var(--bioarc-field-border);
		border-color: var(--bioarc-field-accent);
	}

	/* Pale booking-channel fills need dark ink; retain their existing semantic event colors. */
	html[data-bioarc-theme=dark] body.V2 .schedule-settings-page .fc-highlight {
		background: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .schedule-settings-page :is(.bioarc_online-class,.bioarc_inperson-class,.biovisit_online-class,.biovisit_inperson-class,.kiosk-class,.call_center-class) {
		color: var(--bioarc-field-surface) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .schedule-settings-page :is(.bioarc_online-class,.bioarc_inperson-class,.biovisit_online-class,.biovisit_inperson-class,.kiosk-class,.call_center-class) .fc-event-main {
		color: inherit;
	}

	html[data-bioarc-theme=dark] body.V2 .schedule-settings-page .active-fc-custom-button {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-accent);
	}

	/* The range editor uses popover/card wrappers outside an actual floating popover. */
	html[data-bioarc-theme=dark] body.V2 .biovisit-time-settings :is(.date-duration-setting,.webui-popover-content) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-time-settings .webui-popover-title {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-time-settings :is(fieldset,legend) {
		border-color: var(--bioarc-field-border);
	}

	/* Reckoning settings keep their legacy fieldsets inside the catalog theme. */
	html[data-bioarc-theme=dark] body.V2 .biovisit-site-settings :is(fieldset,legend) {
		background-color: var(--bioarc-field-surface);
		border-color: var(--bioarc-field-border);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-site-settings .error-msg {
		color: var(--bioarc-navbar-danger);
	}

	/* Legacy settings styles use important white/transparent fieldsets around already-themed editors. */
	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form :is(fieldset,legend),
	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form #physician-dashboard-content :is(fieldset,legend) {
		background: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	/* Catalog card headings do not inherit the legacy legend frame around their text. */
	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form .biovisit-settings-group > legend {
		border: 0;
	}

	/* The scheduling modal reuses the catalog form card, including its inner background. */
	html[data-bioarc-theme=dark] body.V2 #new_scheduling_start_modal .app-form-card {
		background: var(--bioarc-field-raised);
	}

	/* Keep the existing booking sliders and values; replace their light sprites and gradients locally. */
	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form :is(.irs-line,.irs-line-left,.irs-line-mid,.irs-line-right) {
		background: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form :is(.irs-bar,.irs-bar-edge) {
		background: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form .irs-slider {
		background: var(--bioarc-field-raised);
		border-color: var(--bioarc-field-accent);
		box-shadow: 0 0 0 2px var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form .irs-slider:after {
		background: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form .irs-slider:is(:hover,:active,.state_hover) {
		background: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form :is(.irs-min,.irs-max) {
		background: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form :is(.irs-from,.irs-to,.irs-single) {
		background: var(--bioarc-field-accent);
		color: var(--bioarc-field-surface);
		text-shadow: none;
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form :is(.irs-from,.irs-to,.irs-single):after {
		border-top-color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form .irs-grid-pol {
		background: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form .irs-grid-text {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-settings-form .irs-line:focus-visible {
		outline: 2px solid var(--bioarc-field-accent) !important;
		outline-offset: 3px;
	}

	/* Biovisit account powers and appointment/payment badges retain their semantic colors on dark tables. */
	html[data-bioarc-theme=dark] body.V2 .biovisit-management-page :is(.power-status .status-badge.submited,.badge-success),
	html[data-bioarc-theme=dark] body.V2 .biovisit-review-page .status-badge.submited {
		background-color: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-navbar-green);
		border-color: var(--bioarc-navbar-green);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-management-page .power-status .status-badge.pendding,
	html[data-bioarc-theme=dark] body.V2 .biovisit-review-page .status-badge.pendding {
		background-color: #493d2e;
		color: #efba78;
		border-color: #efba78;
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-management-page .badge-danger {
		background-color: var(--bioarc-navbar-danger-tint);
		color: var(--bioarc-navbar-danger);
		border-color: var(--bioarc-navbar-danger);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-management-page :is(.payment-msg-status .badge-info,.app-badge.info) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-management-page .bg-geyser {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-management-page .border-color-1 {
		border-color: var(--bioarc-field-border) !important;
	}

	/* Questionnaire create/edit forms use a legacy gray section caption and light grouped-radio dividers. */
	html[data-bioarc-theme=dark] body.V2 .biovisit-questionnaire-form .text-clr-dim-gray {
		color: var(--bioarc-field-accent);
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.biovisit-questionnaire-form,.biovisit-settings-form) .material-radio-list .material-radio-box {
		border-color: var(--bioarc-field-border) !important;
	}

	/* Existing review statuses and service-list cards retain their catalog markup and behavior. */
	html[data-bioarc-theme=dark] body.V2 .biovisit-review-page .status-badge.sending {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-muted);
		border-color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .biovisit-review-page .rating-review .fa-star-o {
		color: var(--bioarc-field-muted) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .appointment-service-catalog .card-primary {
		background-color: var(--bioarc-field-surface);
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 #modal_view_comment_patient .modal-close-action svg path {
		fill-opacity: 1;
	}

	/* Ticket/review details reuse the same catalog message cards outside the clinical page scope. */
	html[data-bioarc-theme=dark] body.V2 :is(#modal_complaints,#modal_view_comment_patient) .consultations-chat-message-content {
		background-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 :is(#modal_complaints,#modal_view_comment_patient) .consultations-chat-message-text {
		color: var(--bioarc-field-text);
		font-family: var(--font-family-main);
	}

	/* The income invoice arrives through AJAX with light-only cards; keep its PDF and print styles intact. */
	html[data-bioarc-theme=dark] body.V2 #_medal_invoice :is(.card-invoice,.bg-color-5) {
		background: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 #_medal_invoice .text-color-5 {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 #_medal_invoice .head-card-invoice {
		background: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent);
		border-bottom: 1px solid var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 #_medal_invoice .border-color-4 {
		border-color: var(--bioarc-field-border) !important;
	}

	/* Settlement-file actions and the XLS marker inherit the finance card theme instead of fixed inline ink. */
	html[data-bioarc-theme=dark] body.V2 .catalog-finance-page .excel-list .delete-icon i {
		color: var(--bioarc-field-danger);
	}

	html[data-bioarc-theme=dark] body.V2 .catalog-finance-page .excel-list .btn-change-status i {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .catalog-finance-page .excel-list .excel-file-type rect {
		fill: var(--bioarc-field-surface);
		fill-opacity: 1;
	}

	html[data-bioarc-theme=dark] body.V2 .catalog-finance-page .excel-list .excel-file-type text {
		fill: var(--bioarc-field-text);
	}

	/* Ward forms and their detached create dialog retain light-only inner cards and section captions. */
	html[data-bioarc-theme=dark] body.V2 .ward-management-page :is(.ward2-section-card,.app-form-card) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .ward-management-page .ward2-section-title {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .ward-management-page .surgery-show-room-card {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
	}

	/* The QR bitmap has transparent light modules and needs a light backing to remain scannable. */
	html[data-bioarc-theme=dark] body.V2 .ward-management-page .surgery-show-room-qr {
		background-color: #fff;
	}

	/* Center create/edit forms share the catalog surface, including late inline contact-section styles. */
	html[data-bioarc-theme=dark] body.V2 .center-management-page :is(.app-form-card,.center2-section-card) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .center-management-page .center2-section-title {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .center-management-page :is(.center2-phone-delete,.center2-router-delete) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-danger);
		border-color: var(--bioarc-field-danger);
	}

	html[data-bioarc-theme=dark] body.V2 .center-management-page :is(.center2-phone-add,.center2-router-add) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .center-management-page #center2-routers .router-item {
		border-color: var(--bioarc-field-border);
	}

	/* Controller status cells reuse catalog badges even on legacy tables without a catalog wrapper. */
	html[data-bioarc-theme=dark] body.V2 .controller-status-badge.green {
		background-color: var(--bioarc-navbar-green-tint) !important;
		color: var(--bioarc-field-success) !important;
		border-color: var(--bioarc-field-success);
	}

	html[data-bioarc-theme=dark] body.V2 .controller-status-badge.red {
		background-color: var(--bioarc-field-danger-tint) !important;
		color: var(--bioarc-field-danger) !important;
		border-color: var(--bioarc-field-danger);
	}

	html[data-bioarc-theme=dark] body.V2 .controller-status-badge:is(.blue,.orange) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent) !important;
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .controller-status-badge.slate-gray {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-muted) !important;
		border-color: var(--bioarc-field-border);
	}

	/* Loan AJAX reports, allocation totals and upload panels retain the catalog palette after content replacement. */
	html[data-bioarc-theme=dark] body.V2 .loan-management-page :is(.bg-white,.bg-color-white,.bg-services-exceptions,#added_services_table_wrapper) {
		background-color: var(--bioarc-field-surface) !important;
		border-color: var(--bioarc-field-border) !important;
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .loan-management-page :is(h3.text-color-6,.text-color-black) {
		color: var(--bioarc-field-text) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .loan-management-page .text--color-blueberry {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 #sidebar_container .sidebar-main:has(.loan-management-page) > .sidebar-content-header {
		background-color: var(--bioarc-field-surface) !important;
		border-color: var(--bioarc-field-border);
	}

	/* Contract lists and amount dialogs retain their catalog layout while overriding legacy inline light panels. */
	html[data-bioarc-theme=dark] body.V2 .contract-management-page :is(.app-content-card,.card-primary) {
		background-color: var(--bioarc-field-surface) !important;
		border-color: var(--bioarc-field-border) !important;
		color: var(--bioarc-field-text);
	}

	/* Cashier AJAX panels inherit the catalog shell; cards and shared report summaries retain independent light surfaces. */
	html[data-bioarc-theme=dark] body.V2 :is(.cashregister-page,.cashregister-sessions-page) :is(.session-radio-box,.cashregister-session-summary,.cashregister-report-summary,.visibility-options.bg-color-white) {
		background-color: var(--bioarc-field-surface) !important;
		border-color: var(--bioarc-field-border) !important;
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .cashregister-page :is(.session-radio-box .box-section,.session-radio-box .dropdown-content,.material-radio-list .material-radio-box) {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .cashregister-page .cashregister-report-summary > .border-bottom-1 {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .cashregister-page .material-radio-list .material-radio-box {
		background-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .cashregister-page .session-radio-box:has(input:checked) {
		background-color: var(--bioarc-field-raised) !important;
		border-color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .cashregister-page .session-radio-box .dropdown-content .app-fit {
		color: var(--bioarc-field-muted) !important;
	}

	/* Payment summaries retain the catalog surface and pending-state contrast. */
	html[data-bioarc-theme=dark] body.V2 .catalog-finance-page :is(.bg-color-1,.bg-color-4) {
		background-color: var(--bioarc-field-raised);
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .catalog-finance-page .text-color-5 {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .catalog-finance-page .app-badge.info {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	/* Service details are loaded into the catalog shell after choosing an admission. */
	html[data-bioarc-theme=dark] body.V2 .perform-service-page .docs-section-card {
		background-color: var(--bioarc-field-raised);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .perform-service-page .docs-section-card-text {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .perform-service-page .docs-section-card-divider {
		background-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .perform-service-page .service-badge.admission-info-turn-status.success {
		background-color: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-navbar-green);
	}

	html[data-bioarc-theme=dark] body.V2 .perform-service-page .service-badge.admission-info-turn-status.warning {
		background-color: #493d2e;
		color: #efba78;
	}

	html[data-bioarc-theme=dark] body.V2 .perform-service-page .service-badge.admission-info-turn-status.danger {
		background-color: var(--bioarc-navbar-danger-tint);
		color: var(--bioarc-navbar-danger);
	}

	html[data-bioarc-theme=dark] body.V2 .perform-service-page .service-badge.admission-info-turn-status .text {
		color: inherit;
	}

	/* Visit and personal-history filters share an outline and an explicit divider between full rows. */
	html[data-bioarc-theme=dark] body.V2 :is(#visit-status-monitoring,#home-patients) .secondary-table-filter {
		border: 1px solid var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 :is(#visit-status-monitoring,#home-patients) .secondary-table-filter > .app-fit + .app-fit {
		border-block-start: 1px solid var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .medicaldocs-errors-page .status-badge.sent {
		background-color: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-navbar-green);
		border-color: var(--bioarc-navbar-green);
	}

	html[data-bioarc-theme=dark] body.V2 .medicaldocs-errors-page :is(.status-badge.draft,.tag-info) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .medicaldocs-errors-page svg [stroke="#424242"] {
		stroke: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .medicaldocs-errors-page svg [fill="#424242"] {
		fill: var(--bioarc-field-accent);
	}

	/* Prescription details reuse the tertiary table; its footer keeps a separate pale background. */
	html[data-bioarc-theme=dark] body.V2 .rx-monitoring-modal .rx-details-table :is(tfoot,tfoot td,tfoot th) {
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .rx-monitoring-modal .rx-details-table {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .rx-monitoring-modal .rx-details-table :is(thead tr,tbody,tbody tr) {
		background-color: var(--bioarc-field-surface);
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .rx-monitoring-modal .rx-details-table :is(.badge,.app-badge.info) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	/* The shared JSON modal supplies important white/red styles after the global stylesheet. */
	html[data-bioarc-theme=dark] body.V2:has(.integration-errors-page) #modal_show_json .modal-close-action svg path {
		fill: var(--bioarc-field-muted);
		fill-opacity: 1;
	}

	html[data-bioarc-theme=dark] body.V2:has(.integration-errors-page) #modal_show_json .request-body-json {
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text) !important;
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2:has(.integration-errors-page) #modal_show_json .request-body-json .key {
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2:has(.integration-errors-page) #modal_show_json .request-body-json .string {
		color: var(--bioarc-navbar-green) !important;
	}

	html[data-bioarc-theme=dark] body.V2:has(.integration-errors-page) #modal_show_json .request-body-json .number {
		color: #efba78 !important;
	}

	html[data-bioarc-theme=dark] body.V2:has(.integration-errors-page) #modal_show_json .request-body-json :is(.boolean,.null) {
		color: var(--bioarc-field-muted) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page .card-white {
		background-color: var(--bioarc-field-surface);
		border: 1px solid var(--bioarc-field-border);
		box-shadow: none;
	}

	/* The late table-checkbox stylesheet paints selected rows white with an important declaration. */
	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page #admission_monitoring_tbl tbody tr.active,
	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page #admission_monitoring_tbl tbody tr.active > td {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-text);
		box-shadow: none;
	}

	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page #operation_checkboxes .border-checkbox-filter {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.quick-admission-settings-page,.user-preferences-page) .app-badge:is(.desaturated-green,.bg-clr-neptune),
	html[data-bioarc-theme=dark] body.V2:has(:is(.quick-admission-settings-page,.user-preferences-page)) .select2-dropdown .app-badge:is(.desaturated-green,.bg-clr-neptune) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-navbar-teal);
	}

	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page .app-badge.bg-clr-sail,
	html[data-bioarc-theme=dark] body.V2:has(.quick-admission-settings-page) .select2-dropdown .app-badge.bg-clr-sail {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	/* Catalog switches carry an important legacy font on their on/off captions. */
	html[data-bioarc-theme=dark] body.V2 .catalog-management-theme .app-switch :is(.on,.off) {
		font-family: var(--font-family-main) !important;
	}

	/* Registration progress keeps the existing blue, amber and green status meanings on dark surfaces. */
	html[data-bioarc-theme=dark] body.V2 .signup-monitoring-page .status-badge {
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2 .signup-monitoring-page .status-badge:is(.draft,.received,.Labled) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .signup-monitoring-page .status-badge.pendding {
		background-color: #493d2e;
		color: #efba78;
		border-color: #efba78;
	}

	html[data-bioarc-theme=dark] body.V2 .signup-monitoring-page .status-badge.completed {
		background-color: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-navbar-green);
		border-color: var(--bioarc-navbar-green);
	}

	html[data-bioarc-theme=dark] body.V2 .quick-admission-settings-page #operation_checkboxes {
		box-shadow: none !important;
	}

	html[data-bioarc-theme=dark] body.V2 .academicgroup-page :is(.focused-item,.tree li.main-branch) {
		border-color: var(--bioarc-field-border);
	}

	/* Document branches and search matches use the catalog palette, including the tree's connector masks. */
	html[data-bioarc-theme=dark] body.V2 .document-library-page .tree .border-catskill-white {
		background-color: var(--bioarc-field-raised);
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .document-library-page .tree ul,
	html[data-bioarc-theme=dark] body.V2 .document-library-page .tree li:not(.main-branch)::after {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .document-library-page .tree li:last-child::before,
	html[data-bioarc-theme=dark] body.V2 .document-library-page .tree li > ul:not(:last-child) {
		border-inline-start-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .document-library-page .tree :is(a,.text--color-blueberry,.secondary-table-action),
	html[data-bioarc-theme=dark] body.V2 .document-library-page .tree-view-input-codeTitle .app-btn2 i {
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .document-library-page .tree-view-input-codeTitle .app-btn2 {
		background-color: var(--bioarc-field-raised) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .document-library-page .tree mark.search-highlight {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .document-library-page .tree .neon-pulse {
		border-color: var(--bioarc-field-accent) !important;
		box-shadow: 0 0 10px var(--bioarc-field-raised);
	}

	/* The second tree variant removes card borders; restore their outline on the academic dark detail view. */
	html[data-bioarc-theme=dark] body.V2 .academicgroup-page .tree.second .tree-view-input-group {
		border: 1px solid var(--bioarc-field-border);
	}

	/* This workspace uses the legacy SidebarManager markup, including anchors inside submenu rows. */
	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports :is(.sidebar_manager,.sidebar__mobile-content) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports :is(.sidebar_manager,.sidebar_manager-content-body,.sidebar_manager-main-menu-section),
	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports .sidebar_manager-main-menu-subitem::after {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports :is(.sidebar_manager-main-menu-item-text,.sidebar_manager-main-menu-subitem a) {
		color: var(--bioarc-field-text);
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports :is(.sidebar_manager-main-menu-item-icon,.sidebar_manager-main-menu-active-icon,.sidebar_manager-main-menu-item-text-arrow,.sidebar_manager-action,.sidebar__mobile-close-action) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports :is(.sidebar_manager-main-menu-item.active,.sidebar_manager-main-menu-item.active-child,.sidebar_manager-main-menu-item:hover,.sidebar_manager-main-menu-item:focus-visible,.sidebar_manager-main-menu-subitem.active,.sidebar_manager-main-menu-subitem:hover,.sidebar_manager-main-menu-subitem:focus-within,.sidebar_manager-action) {
		background-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports :is(.sidebar_manager-main-menu-item.active,.sidebar_manager-main-menu-item.active-child,.sidebar_manager-main-menu-item:hover,.sidebar_manager-main-menu-item:focus-visible) .sidebar_manager-main-menu-item-text,
	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports .sidebar_manager-main-menu-subitem:is(.active,:hover,:focus-within) a {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports :is(.sidebar_manager-main-menu-item,.sidebar_manager-main-menu-subitem a):focus-visible {
		outline: 2px solid var(--bioarc-field-accent);
		outline-offset: -2px;
	}

	/* Ministry report partials reuse catalog summaries and dashboard cards, including late inline chart captions. */
	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports :is(.card-white,.group-box) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports .dashboard-text-primary {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .ministry-appointment-reports .app__secondary-tab-item.active .text svg path {
		fill: var(--bioarc-field-accent) !important;
	}

	/* The saved-filter toolbar is a layout wrapper; its gaps should expose the report card surface. */
	html[data-bioarc-theme=dark] body.V2 .appointment-report-page .secondary-table-filters-save {
		background-color: transparent;
	}

	/* AJAX summaries retain the reference card spacing while using the shared dark surface and neutral captions. */
	html[data-bioarc-theme=dark] body.V2 .appointment-report-page .appointment-report-summary {
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .appointment-report-page .appointment-report-summary .border-color-3 {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .appointment-report-page .appointment-report-summary .text-color-5 {
		color: var(--bioarc-field-muted);
	}

	/* Chart-type tabs contain inline SVG fills that do not inherit the tab caption colour. */
	html[data-bioarc-theme=dark] body.V2 .appointment-report-page .app__secondary-tab-item .text svg [fill]:not([fill="none"]) {
		fill: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 .appointment-report-page .app__secondary-tab-item.active .text svg [fill]:not([fill="none"]) {
		fill: var(--bioarc-field-accent);
	}

	/* AJAX report branches share catalog controls; chart captions remain readable in the debug reports too. */
	html[data-bioarc-theme=dark] body.V2 .appointment-report-page #payment-types-report #payment_types_notice,
	html[data-bioarc-theme=dark] body.V2 .appointment-report-page #payment-types-report .payment-types-metric {
		color: var(--bioarc-field-muted);
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2 .appointment-report-page #payment-types-report .payment-types-metric.active {
		color: var(--bioarc-field-accent);
	}

	/* Module and speciality catalog editors reuse the same fields and shared dark palette. */
	html[data-bioarc-theme=dark] body.V2 :is(.module-management-form,.speciality-catalog,.user-management-theme,.catalog-management-theme,#modal_module_datails),
	html[data-bioarc-theme=dark] body.V2 :is(.module-management-form,.speciality-catalog,.user-management-theme,.catalog-management-theme,#modal_module_datails) :is(.app-content-card-title,.app-input-label3,.app-second-input-label,.app-second-textarea-label,.app-btn2,.modal-title,.admission-info-title,.admission-info-text,.app-badge,.table-filter-info-title,.checkbox-lable,.material-checkbox-text,.material-radio-text,.admission-management-title,.app-switch-extra-text,.app__secondary-tab-item .text,.app-tooltip-text) {
		font-family: var(--font-family-main);
	}

	/* Legacy RTL assets declare button and field fonts important, including buttons inside modals. */
	html[data-bioarc-theme=dark] body.V2 :is(.module-management-form,.speciality-catalog,.user-management-theme,.catalog-management-theme,.cartable-content,.cartable-dashboard,.supervision-dashboard,#modal_module_datails) :is(.app-second-input,.app-second-textarea,.app-btn2) {
		font-family: var(--font-family-main) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.module-management-form,.speciality-catalog,.user-management-theme,.catalog-management-theme) :is(.app-second-input-section,.app-second-textarea-section):not(.error) > :is(.app-second-input-label,.app-second-textarea-label),
	html[data-bioarc-theme=dark] body.V2 :is(.module-management-form,.speciality-catalog,.user-management-theme,.catalog-management-theme) .app-second-textarea-section:not(.error) > div > .app-second-textarea-label,
	html[data-bioarc-theme=dark] body.V2 .module-management-form .app-content-card-title small {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.module-management-form,.catalog-management-theme) .app-second-textarea-action:not(.speaking) svg [fill="#6F6993"] {
		fill: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .module-management-form #module_actions > .bootstrap-padding a svg > rect {
		fill: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .module-management-form #module_actions > .bootstrap-padding a svg [stroke="#36459B"] {
		stroke: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.module-management-form,.speciality-catalog,.user-management-theme,.catalog-management-theme) .dataTables_processing {
		background: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(#modal_module_datails,.speciality-catalog,.user-management-theme,.catalog-management-theme) .modal-close-action svg path {
		fill: var(--bioarc-field-muted);
		fill-opacity: 1;
	}

	/* Disease, speciality and symptom tables share selection bars, association badges and modal forms. */
	html[data-bioarc-theme=dark] body.V2 :is(.speciality-catalog,.user-management-theme,.catalog-management-theme) .border-color-secondary {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.speciality-catalog,.user-management-theme,.catalog-management-theme) .case-badge.bg-Sausage {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.speciality-catalog,.user-management-theme,.catalog-management-theme) :is(.text-muted,.table-filter-info-title,.checkbox-lable,.label-on-box,.app-input-label3),
	html[data-bioarc-theme=dark] body.V2 .catalog-management-theme #accessLevelTable .text-color-1 {
		color: var(--bioarc-field-muted) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.speciality-catalog,.user-management-theme,.catalog-management-theme) .app-badge.light-sea-green {
		background-color: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-navbar-green);
	}

	html[data-bioarc-theme=dark] body.V2 .speciality-catalog .app-badge.bg-red {
		background-color: var(--bioarc-navbar-danger-tint);
		color: var(--bioarc-navbar-danger);
	}

	html[data-bioarc-theme=dark] body.V2 .speciality-catalog .app-badge.bg-orange {
		background-color: #493d2e;
		color: #efba78;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.speciality-catalog,.user-management-theme,.catalog-management-theme,.supervision-dashboard) .material-checkbox-input:checked + .material-checkbox :is(.material-checkbox-text,.checkbox-lable) {
		color: var(--bioarc-field-text) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.speciality-catalog,.user-management-theme,.catalog-management-theme,.supervision-dashboard) .material-checkbox-input:checked + .material-checkbox .material-checkbox-icon {
		background-color: var(--bioarc-field-accent);
		color: var(--bioarc-field-surface);
		border-color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.speciality-catalog,.user-management-theme,.catalog-management-theme,.supervision-dashboard) .material-checkbox-input:checked + .material-checkbox .material-checkbox-icon svg {
		stroke: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.speciality-catalog,.user-management-theme,.catalog-management-theme,.supervision-dashboard) .material-checkbox-input:checked + .material-checkbox .material-checkbox-icon > .bio-icon-outline-tick {
		color: var(--bioarc-field-surface);
	}

	/* Permission panels retain the existing component structure and shared field palette. */
	html[data-bioarc-theme=dark] body.V2 .catalog-management-theme .secondary-table-filter.bg-white {
		background-color: var(--bioarc-field-surface) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .catalog-management-theme .vertical-checkbox-group-section {
		--text-primary: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .catalog-management-theme .vertical-checkbox-group-header {
		background-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .catalog-management-theme .vertical-checkbox-group-header .text-color-soft-blue {
		color: var(--bioarc-field-muted);
	}

	/* User, ward/work group and document lists retain semantic states in the shared catalog table. */
	html[data-bioarc-theme=dark] body.V2 .academicgroup-page :is(.child-content h3,.academicgroup-manager h5) {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .academicgroup-page :is(.tree,.academicgroup-manager) a {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .academicgroup-page .app-btn2.fifth:not(:disabled,.disabled),
	html[data-bioarc-theme=dark] body.V2 #profileSettingModal .app-btn2.fifth:not(:disabled,.disabled) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .catalog-management-theme .case-badge.bg-soft-cyan {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-navbar-teal);
	}

	html[data-bioarc-theme=dark] body.V2 .catalog-management-theme .app-badge:is(.blue,.light-sky-blue,.steel-blue,.bg-soft-blue) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .catalog-management-theme .case-badge.bg-lavender {
		background-color: var(--bioarc-navbar-purple-tint);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.user-management-theme,.catalog-management-theme) :is(.app-badge.green,.tag-success) {
		background-color: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-navbar-green);
		border-color: var(--bioarc-navbar-green);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.user-management-theme,.catalog-management-theme) :is(.app-badge.red,.tag-warning) {
		background-color: var(--bioarc-navbar-danger-tint);
		color: var(--bioarc-navbar-danger);
		border-color: var(--bioarc-navbar-danger);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.user-management-theme,.catalog-management-theme) .tag-default {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-muted);
		border-color: var(--bioarc-field-border);
	}

	/* Copiable form identifiers must not inherit light table ink on the legacy pale chip. */
	html[data-bioarc-theme=dark] body.V2 .catalog-management-theme .copy_item_id {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-border);
	}

	/* Management data uses the same summary cards as UiController::actionManagementDashboard. */
	html[data-bioarc-theme=dark] body.V2 [data-management-dashboard],
	html[data-bioarc-theme=dark] body.V2 [data-management-dashboard] :is(.app-content-card-title,.app-second-input,.app-btn2) {
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2 [data-management-dashboard] .card-white {
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border) !important;
		box-shadow: none;
	}

	html[data-bioarc-theme=dark] body.V2 [data-management-dashboard] :is(.text-color-5,.text-color-rhino) {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .alert-management .status-badge.submited {
		background-color: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-navbar-green);
		border-color: var(--bioarc-navbar-green);
	}

	html[data-bioarc-theme=dark] body.V2 .alert-management .status-badge.pendding {
		background-color: #493d2e;
		color: #efba78;
		border-color: #efba78;
	}

	html[data-bioarc-theme=dark] body.V2 .time-limitation-page :is(.border-checkbox-filter-xl,.border-color-7) {
		border-color: var(--bioarc-field-border) !important;
	}

	/* The center title and summary labels retain fixed dark ink in the legacy card markup. */
	html[data-bioarc-theme=dark] body.V2 .time-limitation-page :is(#centerSettingsTitle,.text--color-blueberry,.access-title) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .time-limitation-page .text-color-black {
		color: var(--bioarc-field-text);
	}

	/* Padded table-cell wrappers must expose the row color around the rounded Select2 control. */
	html[data-bioarc-theme=dark] body.V2 .time-limitation-page .time-limitation-cell .allow-quick-select.app-select2-box {
		background-color: transparent;
	}

	/* Select2 places time-limit and quick-admission status options outside the page and modal roots. */
	html[data-bioarc-theme=dark] body.V2 :is(.time-limitation-page,.quick-admission-settings-page,.user-preferences-page) .app-badge.bg-orange,
	html[data-bioarc-theme=dark] body.V2:has(:is(.time-limitation-page,.quick-admission-settings-page,.user-preferences-page)) .select2-dropdown .app-badge.bg-orange {
		background-color: #493d2e;
		color: #efba78;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.time-limitation-page,.quick-admission-settings-page,.user-preferences-page) .app-badge.sky-blue,
	html[data-bioarc-theme=dark] body.V2:has(:is(.time-limitation-page,.quick-admission-settings-page,.user-preferences-page)) .select2-dropdown .app-badge.sky-blue {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2:has(:is(.time-limitation-page,.quick-admission-settings-page,.user-preferences-page)) .select2-dropdown .app-badge.red {
		background-color: var(--bioarc-navbar-danger-tint);
		color: var(--bioarc-navbar-danger);
	}

	html[data-bioarc-theme=dark] body.V2:has(:is(.time-limitation-page,.quick-admission-settings-page,.user-preferences-page)) .select2-dropdown .app-badge.green {
		background-color: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-navbar-green);
	}

	/* User tables load legacy selection rules after the catalog stylesheet. */
	html[data-bioarc-theme=dark] body.V2 .user-management-theme .table.dataTable tbody tr.active,
	html[data-bioarc-theme=dark] body.V2 .user-management-theme .table.dataTable tbody tr.active > td {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-text);
		box-shadow: none;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.user-management-theme,.catalog-management-theme) .btn-requests.disabled {
		background: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-muted) !important;
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.user-management-theme,.catalog-management-theme) .btn-requests.disabled :is(i,path) {
		color: inherit !important;
		fill: currentColor;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.user-management-theme,.catalog-management-theme) .btn-requests.icon-disabled.disabled path {
		stroke: currentColor;
	}

	/* Permission badges use the same semantic palette as the neighboring user status badges. */
	html[data-bioarc-theme=dark] body.V2 .user-management-theme .case-badge:is(.bg-light-pale-aqua,.bg-color-summerGreen) {
		background-color: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-navbar-green);
	}

	html[data-bioarc-theme=dark] body.V2 .user-management-theme .case-badge.bg-misty-blue {
		background-color: var(--bioarc-navbar-purple-tint);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .user-management-theme .case-badge.bg-orange {
		background-color: #493d2e;
		color: #efba78;
	}

	html[data-bioarc-theme=dark] body.V2 .user-management-theme .border-checkbox-filter-xl {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .user-management-theme :is(.card-blue-soft,.bg-color-1) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .user-management-theme .modal-close-action i {
		color: var(--bioarc-field-muted);
	}

	/* Administrative dialogs retain readable instructions, toggles and selected-user labels. */
	html[data-bioarc-theme=dark] body.V2 :is(.user-management-theme,.catalog-management-theme) .color-periwinkle,
	html[data-bioarc-theme=dark] body.V2 :is(.user-management-theme,.catalog-management-theme) .app-switch .switch:has(> input:checked) + .app-switch-extra-text {
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .user-management-theme .card-blue-soft .admission-info-title {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.user-management-theme,.catalog-management-theme) .app-badge:is(.orange,.peach-puff) {
		background-color: #493d2e;
		color: #efba78;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.user-management-theme,.catalog-management-theme) .app-badge.palered {
		background-color: var(--bioarc-navbar-danger-tint);
		color: var(--bioarc-navbar-danger);
	}

	/* Home projects reuse the catalog table, MUI fields and permission tabs, including detached dialogs. */
	html[data-bioarc-theme=dark] body.V2:has(#home-research-projects) :is(#home-research-projects,#newproject,#modal-permission) {
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2:has(#home-research-projects) :is(#home-research-projects,#newproject,#modal-permission) :is(.app-content-card-title,.modal-title,.app-btn2,.app-second-input,.app__primary-tab-item p,.checkbox-lable,.secondary-table-search-input) {
		font-family: var(--font-family-main);
	}

	html[data-bioarc-theme=dark] body.V2:has(#home-research-projects) :is(#newproject,#modal-permission) .mui-field legend {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2:has(#home-research-projects) :is(#newproject,#modal-permission) .mui-field fieldset {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2:has(#home-research-projects) :is(#newproject,#modal-permission) .material-checkbox-input:checked + .material-checkbox .checkbox-lable {
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2:has(#home-research-projects) :is(#newproject,#modal-permission) .material-checkbox-input:checked + .material-checkbox .material-checkbox-icon {
		background-color: var(--bioarc-field-accent);
		border-color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2:has(#home-research-projects) :is(#newproject,#modal-permission) .material-checkbox-input:checked + .material-checkbox .material-checkbox-icon > .bio-icon-outline-tick {
		color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 #home-research-projects .secondary-table-action.permission_btn[style*="--color-primary"],
	html[data-bioarc-theme=dark] body.V2 #home-research-projects .secondary-table-action.permission_btn[style*="--color-primary"] i {
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 #home-research-projects .secondary-table-action:is(:hover,:focus-visible) i {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 #home-research-projects .dataTables_processing {
		background: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	/* The permission partial loads after this stylesheet and keeps a connected tab capsule. */
	html[data-bioarc-theme=dark] body.V2:has(#home-research-projects) #modal-permission .project-permission-tabs > button {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2:has(#home-research-projects) #modal-permission .project-permission-tabs > button.active {
		background: var(--bioarc-field-raised);
	}

	/* Both tab implementations are demonstrated in the reference catalog. */
	html[data-bioarc-theme=dark] body.V2 :is(.app__primary-tab-items,.c-primary-tab-items,.app__secondary-tab-items) {
		background-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app__primary-tab-item,.c-primary-tab-item) p,
	html[data-bioarc-theme=dark] body.V2 .app__secondary-tab-item .text {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app__primary-tab-item.active,.c-primary-tab-item.active,.app__primary-tab-slider,.c-primary-tab-slider) {
		background-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app__primary-tab-item.active,.c-primary-tab-item.active) p,
	html[data-bioarc-theme=dark] body.V2 .app__secondary-tab-item.active .text {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app__secondary-tabs,.btn-tab-shifter) {
		background-color: var(--bioarc-field-surface) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .app__secondary-tab-item.active::after {
		background-color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .btn-tab-shifter svg [fill] {
		fill: var(--bioarc-field-text);
	}

	/* Column visibility and clockpicker are reference components whose popups have independent light surfaces. */
	html[data-bioarc-theme=dark] body.V2 :is(.cv-toolbar-button,.cv-dropdown,.cv-search,.clockpicker-popover .popover-title,.clockpicker-popover .popover-content,.clockpicker-plate,.clockpicker-button) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.cv-dropdown-title,.cv-item,.clockpicker-tick) {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.cv-toolbar-button i,.clockpicker-popover .text-primary) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.cv-btn-reset,.cv-btn-reset:hover) {
		color: var(--bioarc-navbar-danger, #ff9494);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.cv-item:hover,.cv-link:hover,.clockpicker-tick.active,.clockpicker-tick:hover,.clockpicker-button:hover) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .cv-list .cv-item:hover .material-checkbox-text {
		color: var(--bioarc-field-accent);
	}

	/* Keep the datepicker's selected, disabled and holiday states distinct using the same dark palette. */
	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area {
		background-color: var(--bioarc-field-surface) !important;
		box-shadow: 0 4px 20px #0006 !important;
	}

	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area :is(.pwt-btn-prev,.pwt-btn-next,.pwt-btn-switch,.pwt-btn-today,.pwt-btn-calendar) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent) !important;
	}

	/* The reference arrows are external SVG images; mask them so their fixed ink follows the dark palette. */
	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area :is(.pwt-btn-prev,.pwt-btn-next,.pwt-btn-calendar) {
		position: relative;
	}

	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area :is(.pwt-btn-prev,.pwt-btn-next) {
		color: transparent !important;
	}

	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area .pwt-btn-calendar {
		background-image: none;
	}

	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area :is(.pwt-btn-prev,.pwt-btn-next,.pwt-btn-calendar)::after {
		content: "";
		position: absolute;
		width: 24px;
		height: 24px;
		top: 50%;
		left: 50%;
		right: auto;
		transform: translate(-50%, -50%);
		background-color: var(--bioarc-field-accent);
		mask: var(--bioarc-datepicker-control-icon) center / contain no-repeat;
		pointer-events: none;
	}

	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area .pwt-btn-prev {
		--bioarc-datepicker-control-icon: url(../../../images/svg/arrow-right.svg);
	}

	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area .pwt-btn-next {
		--bioarc-datepicker-control-icon: url(../../../images/svg/arrow-left.svg);
	}

	/* Reuse the catalog's repeat icon for calendar switching instead of the legacy exchange PNG. */
	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area .pwt-btn-calendar {
		--bioarc-datepicker-control-icon: url(../../../svgs/outline/repeat.svg);
	}

	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area .header-row-cell {
		color: var(--bioarc-field-muted) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area :is(.table-days td span,.month-item,.year-item) {
		color: var(--bioarc-field-text) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area :is(.table-days td.holiday span) {
		color: var(--bioarc-navbar-danger, #ff9494) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area :is(.table-days td.selected span,.table-days td:not(.disabled) span:hover,.month-item.selected,.year-item.selected,.month-item:not(.month-item-disable):hover,.year-item:not(.year-item-disable):hover) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .datepicker-plot-area :is(.table-days td.disabled span,.table-days td span.other-month,.month-item-disable,.year-item-disable) {
		color: var(--bioarc-field-muted) !important;
	}

	/* Existing jQuery tabs keep their active marker, sizes and handlers; only their neutral surfaces change. */
	html[data-bioarc-theme=dark] body.V2 :is(.primary-custom-tab,.secondary-custom-tab) :is(.ui-tabs-nav,.tab-content,.ui-tabs-panel) {
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.primary-custom-tab,.secondary-custom-tab) .ui-tabs-nav .ui-tabs-anchor {
		color: var(--bioarc-field-muted) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .primary-custom-tab.gray-bg .ui-tabs .ui-tabs-nav li.ui-tabs-active .nav-link.active,
	html[data-bioarc-theme=dark] body.V2 :is(.primary-custom-tab,.secondary-custom-tab) :is(.ui-tabs-active,.ui-tabs-active .nav-link.active,.nav-link.active) {
		background-color: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-accent) !important;
		border-color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.c-modal,.bottom__sheet,.app-dropdown,.app__filters--container) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.c-modal-header-title,.custom-modal-title,.custom-modal-subtitle,.custom-modal-text,.custom-modal-secondary-text,.app-dropdown-item) {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.custom-modal-low-text,.app-popover-text) {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.app-dropdown-item:hover,.app-dropdown-item.active,.app-popover-text.secondary) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .c-modal-header-title:not(:empty)::before {
		background-color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 #settings-tab-manager .settings-container > .setting-section > .title {
		color: var(--bioarc-field-accent);
	}

	/* Include floating sidebar submenus, which are moved outside #sidebar_container at runtime. */
	html[data-bioarc-theme=dark] body.V2 :is(#sidebar_container .sidebar-aside,#sidebar_container .sidebar-main,.sidebar-subitems.floating-portal,#sidebar_container .mobile-action) {
		background-color: var(--bioarc-field-surface);
		border-color: var(--bioarc-field-border);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(#sidebar_container .sidebar-footer,#sidebar_container .sidebar-content-header),
	html[data-bioarc-theme=dark] body.V2 #sidebar_container .sidebar-subitem::before {
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 #sidebar_container .mobile-action h5 {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(#sidebar_container .sidebar-item,#sidebar_container .sidebar-subitem,.sidebar-subitems.floating-portal .sidebar-subitem) {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 :is(#sidebar_container .sidebar-item.active,#sidebar_container .sidebar-subitem.active,.sidebar-subitems.floating-portal .sidebar-subitem.active,#sidebar_container .sidebar-item:hover,#sidebar_container .sidebar-subitem:hover) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.swal2-popup,.sweet-alert,.app-popover,.popover,.dropdown-menu) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	/* Admission menus clone their submenu under body, so a dark portal cannot depend on a sidebar ancestor. */
	html[data-bioarc-theme=dark] body.V2 .floating-portal {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
		box-shadow: 0 4px 20px #0006;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.popover,.app-dropdown,.cv-dropdown) {
		box-shadow: 0 4px 20px #0006;
	}

	html[data-bioarc-theme=dark] body.V2 .popover :is(.popover-header,.popover-title) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	/* Identify user cards before async content arrives; retain the content marker for existing initializers. */
	html[data-bioarc-theme=dark] body.V2 .webui-popover:is([data-bioarc-user-info],:has(.user-info-popover)) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
		box-shadow: 0 4px 20px #0006;
	}

	html[data-bioarc-theme=dark] body.V2 .webui-popover:is([data-bioarc-user-info],:has(.user-info-popover)) :is(.webui-popover-inner,.webui-popover-content,.user-info-popover) {
		background-color: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
	}

	/* Match both layers of the existing arrow without changing its automatic placement or geometry. */
	html[data-bioarc-theme=dark] body.V2 .webui-popover:is([data-bioarc-user-info],:has(.user-info-popover)):is(.top,.top-left,.top-right) > .webui-arrow {
		border-top-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .webui-popover:is([data-bioarc-user-info],:has(.user-info-popover)):is(.top,.top-left,.top-right) > .webui-arrow::after {
		border-top-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .webui-popover:is([data-bioarc-user-info],:has(.user-info-popover)):is(.bottom,.bottom-left,.bottom-right) > .webui-arrow {
		border-bottom-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .webui-popover:is([data-bioarc-user-info],:has(.user-info-popover)):is(.bottom,.bottom-left,.bottom-right) > .webui-arrow::after {
		border-bottom-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .webui-popover:is([data-bioarc-user-info],:has(.user-info-popover)):is(.left,.left-top,.left-bottom) > .webui-arrow {
		border-left-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .webui-popover:is([data-bioarc-user-info],:has(.user-info-popover)):is(.left,.left-top,.left-bottom) > .webui-arrow::after {
		border-left-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .webui-popover:is([data-bioarc-user-info],:has(.user-info-popover)):is(.right,.right-top,.right-bottom) > .webui-arrow {
		border-right-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 .webui-popover:is([data-bioarc-user-info],:has(.user-info-popover)):is(.right,.right-top,.right-bottom) > .webui-arrow::after {
		border-right-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 .cv-dropdown-header {
		border-color: var(--bioarc-field-border);
	}

	/* --text-secondary is a foreground token; tooltip backgrounds must not inherit its light value. */
	html[data-bioarc-theme=dark] body.V2 .tooltip-inner {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 .tooltip:is(.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top]) .arrow::before {
		border-top-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .tooltip:is(.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right]) .arrow::before {
		border-right-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .tooltip:is(.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom]) .arrow::before {
		border-bottom-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 .tooltip:is(.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left]) .arrow::before {
		border-left-color: var(--bioarc-field-raised);
	}

	html[data-bioarc-theme=dark] body.V2 :is(.swal2-title,.swal2-html-container,.sweet-alert h2,.sweet-alert p,.popover-header,.popover-body,.dropdown-item,.close,.modal-close-action) {
		color: var(--bioarc-field-text);
	}

	/* Both alert libraries append cancel buttons outside the page and retain light Bootstrap/default colors. */
	html[data-bioarc-theme=dark] body.V2 :is(.sweet-alert button.cancel,.swal2-popup .swal2-cancel) {
		background: var(--bioarc-field-raised) !important;
		color: var(--bioarc-field-text) !important;
		border: 1px solid var(--bioarc-field-border) !important;
		font-family: var(--font-family-main) !important;
		box-shadow: none;
	}

	html[data-bioarc-theme=dark] body.V2 :is(.sweet-alert button.cancel,.swal2-popup .swal2-cancel):is(:hover,:focus-visible) {
		color: var(--bioarc-field-accent) !important;
		outline: 2px solid var(--bioarc-field-accent);
		outline-offset: 2px;
	}

	/* Keep the existing cancel action reachable when Salamat's registration notice exceeds the mobile viewport. */
	@media (max-width: 767px) {
		html[data-bioarc-theme=dark] body.V2 .sweet-alert:has(:is(.salamat_username,.salamat_OTP,.sakhad_center_id,.sakhad_mobile_OTP)) {
			box-sizing: border-box;
			top: 50%;
			margin-top: 0 !important;
			transform: translateY(-50%);
			max-height: calc(100vh - 32px);
			max-height: calc(100dvh - 32px);
			overflow-y: auto;
			overscroll-behavior: contain;
		}

		html[data-bioarc-theme=dark] body.V2 .sweet-alert:has(:is(.salamat_username,.salamat_OTP,.sakhad_center_id,.sakhad_mobile_OTP)) .sa-button-container {
			position: sticky;
			bottom: 0;
			z-index: 1;
			padding-block: 10px;
			background: var(--bioarc-field-surface);
		}
	}

	html[data-bioarc-theme=dark] body.V2 :is(.dropdown-item:hover,.dropdown-item:focus) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-accent);
	}

	/* The reference editor's neutral borders and icons otherwise retain fixed light colors. */
	html[data-bioarc-theme=dark] body.V2 .ck:not(.ck-button) {
		border-color: var(--bioarc-field-border) !important;
	}

	html[data-bioarc-theme=dark] body.V2 .ck.ck-icon.ck-icon_inherit-color {
		color: inherit;
	}

	html[data-bioarc-theme=dark] body.V2 .file-toggle-button {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 .file-toggle-button svg path {
		stroke: var(--bioarc-field-accent);
	}

	/* Preserve the existing monitoring link cards and diagnostic status colors. */
	html[data-bioarc-theme=dark] body.V2 :is(#monitoring-dashboard-title,#monitoring-dashboard .card-title) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 #monitoring-dashboard .card {
		background-color: var(--bioarc-field-raised);
		border: 1px solid var(--bioarc-field-border);
		box-shadow: none;
	}

	html[data-bioarc-theme=dark] body.V2 #monitoring-dashboard .btn-service {
		background: var(--bioarc-field-surface);
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 #monitoring-dashboard .card:is(:hover,:focus-visible) .btn-service {
		background: var(--bioarc-navbar-purple-tint, #3e354d);
	}

	html[data-bioarc-theme=dark] body.V2 #monitoring-dashboard .btn-service svg path {
		stroke: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 #modal_RX_labtest .bg-color-4 .text-color-5 {
		color: var(--bioarc-field-text);
	}

	html[data-bioarc-theme=dark] body.V2 #modal_RX_labtest fieldset .border-color-misty-blue,
	html[data-bioarc-theme=dark] body.V2 #modal_RX_labtest fieldset.border-color-misty-blue {
		border-color: var(--bioarc-field-border) !important;
	}

	/* LOINC states use the catalog semantic palette, including missing and invalid codes. */
	html[data-bioarc-theme=dark] body.V2 #loincerrors_table .app-badge.light-sea-green {
		background-color: var(--bioarc-navbar-green-tint);
		color: var(--bioarc-navbar-green);
	}

	html[data-bioarc-theme=dark] body.V2 #loincerrors_table [onclick^="changeStatusCode"] svg path {
		stroke: var(--bioarc-field-accent);
	}

	/* The lazy ticket modal supplies its own light surface with a higher-specificity selector. */
	html[data-bioarc-theme=dark] body.V2 #modal_new_ticket_lazy .modal-content {
		background-color: var(--bioarc-field-surface);
	}

	html[data-bioarc-theme=dark] body.V2 #modal_new_ticket_lazy .modal-header {
		background-color: var(--bioarc-field-raised) !important;
	}

	html[data-bioarc-theme=dark] body.V2 #modal_new_ticket_lazy .modal-title {
		color: var(--bioarc-field-accent) !important;
	}

	html[data-bioarc-theme=dark] body.V2 #modal_new_ticket_lazy #send_ticket_lazy {
		color: var(--bioarc-field-surface);
	}

	/* The paper-document monitor uses the UiController datatable reference inside the V2 layout. */
	html[data-bioarc-theme=dark] body.V2 #paper-medicaldocs-monitoring :is(.page-title,.breadcrumb a,.table a:not(.badge,.label,.btn)) {
		color: var(--bioarc-field-accent);
	}

	html[data-bioarc-theme=dark] body.V2 #paper-medicaldocs-monitoring :is(.breadcrumb,.breadcrumb-item,.dataTables_length,.dataTables_filter) {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 #paper-medicaldocs-monitoring :is(.input-group-text,.bootstrap-select > .dropdown-toggle) {
		background-color: var(--bioarc-field-raised);
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 #paper-medicaldocs-monitoring .input-group-text {
		color: var(--bioarc-field-text) !important;
	}

	html[data-bioarc-theme=dark] body.V2 #paper-medicaldocs-monitoring .table :is(th,td) {
		/* The shared legacy striped-row rule fixes even cells to white with important. */
		background-color: var(--bioarc-field-surface) !important;
		color: var(--bioarc-field-text);
		border-color: var(--bioarc-field-border);
	}

	html[data-bioarc-theme=dark] body.V2 #paper-medicaldocs-monitoring .table thead th {
		color: var(--bioarc-field-muted);
	}

	html[data-bioarc-theme=dark] body.V2 #paper-medicaldocs-monitoring .table-hover tbody tr:hover > td {
		background-color: var(--bioarc-field-raised) !important;
	}
}

/* The c-modal reference is full screen and shadowless below 993px. */
@media screen and (min-width: 993px) {
	html[data-bioarc-theme=dark] body.V2 .c-modal {
		box-shadow: 0 4px 20px #0006;
	}
}

/* Catalog finance pages share continuous filter borders and consistent field spacing. */
.catalog-finance-page .secondary-table-filter-item {
	min-width: 0;
	align-self: stretch;
}

.catalog-finance-page .secondary-table-filter > .app-fit + .app-fit {
	border-top: 1px solid var(--border-color-table);
}

.catalog-finance-page .secondary-table-filter .app-second-input-section {
	margin-bottom: 0;
	min-height: 47px;
}

.catalog-finance-page .secondary-table-filter .app-select2-box {
	width: 100%;
}

.catalog-finance-page .secondary-table-filter .more-filters {
	border-top-color: var(--border-color-table);
}

.catalog-finance-page .secondary-table-filter-item.p-0 {
	padding-inline: 10px !important;
}

.catalog-finance-page .pay-details {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: start;
}

.catalog-finance-page .key-details {
	font-weight: 600;
}

/* Keep real tariff editors on the catalog grid, including AJAX multi-select fields. */
body.V2 .service-tariff-editor #form .row {
	width: calc(100% + 30px);
}

body.V2 .service-tariff-editor #form .app-second-input-section {
	min-width: 0;
}

body.V2 .service-tariff-editor #form .app-second-input-section > :is(.row,.position-relative) {
	width: 100%;
}

body.V2 .service-tariff-editor #form .app-second-input-section > .row {
	width: calc(100% + 30px);
}

body.V2 .service-tariff-editor #form > .row > .app-second-input-section {
	gap: 20px;
}

body.V2 .service-tariff-editor :is(.app-second-input-box,.app-select2-box,.app-second-input-content) {
	min-width: 0;
}

body.V2 .service-tariff-editor .app-second-input-content {
	flex: 1;
}

body.V2 .service-tariff-editor .app-select2-box > .select2-container {
	width: 100% !important;
	min-width: 0;
}

body.V2 .service-tariff-editor .select2-selection--multiple {
	height: auto;
	min-height: 50px;
}

body.V2 .service-tariff-editor .select2-selection--multiple .select2-selection__rendered {
	white-space: normal;
}

body.V2 .service-tariff-editor .select2-selection__choice {
	max-width: 100%;
	white-space: normal;
	overflow-wrap: anywhere;
}

body.V2 .service-tariff-editor .row_error {
	padding: 12px;
	border-radius: 8px;
	color: var(--text-color);
}

/* The field owns focus; the inline multi-select search must not draw another border or a tall empty row. */
body.V2 .service-tariff-editor .select2-selection--multiple .select2-search__field {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	min-height: 0 !important;
}

body.V2 .service-tariff-editor .select2-selection--multiple:focus-within {
	outline: 1px solid var(--input-border-color-focus, #6e99da) !important;
}

/* Finance editors use catalog spacing and typography, including long radio captions and descriptions. */
body.V2 .finance-management-editor :is(form,.app-second-input-section,.app-select2-box,.app-second-textarea-box) {
	min-width: 0;
}

body.V2 .finance-management-editor .app-second-input-section > :is(.app-fit,.app-second-textarea-box) {
	width: 100%;
}

body.V2 .finance-management-editor .app-second-textarea {
	min-height: 140px;
	height: auto;
	resize: vertical;
}

body.V2 .finance-management-editor .list-inline {
	display: flex;
	flex-wrap: wrap;
	column-gap: 16px;
	margin-bottom: 0;
}

body.V2 .finance-management-editor .app-content-card-title {
	white-space: normal;
	line-height: 1.6;
}

body.V2 .finance-management-editor .form-material {
	align-items: flex-start;
}

/* Long group and offer names wrap before the header actions at phone widths. */
body.V2 .finance-management-editor > .app-fit > h2.app-content-card-title {
	flex: 1 1 220px;
	min-width: 0;
	overflow-wrap: anywhere;
}

/* Keep legacy FormValidation row markers readable on catalog field boxes. */
body.V2 .finance-management-editor .has-danger :is(.app-second-input-box,.app-second-textarea-box,.select2-selection) {
	outline-color: var(--input-border-color-error, #b3261e) !important;
}

body.V2 .finance-management-editor :is(.has-error,.has-danger) .invalid-feedback {
	color: var(--input-border-color-error, #b3261e);
}

/* Preserve catalog gutters around headers and cards on narrow screens. */
@media (max-width: 680px) {
	body.V2 :is(.finance-management-editor,.catalog-finance-page).app-content {
		padding-inline: 12px;
	}
}

/* Financial report cards follow UiController::actionfinancialReports; images have stable card geometry. */
body.V2 .financial-report-card {
	gap: 8px;
	color: var(--text-color, #464646);
	box-shadow: 0 2px 12px #b2c6e326;
	transition: box-shadow .2s ease, transform .2s ease;
}

body.V2 .financial-report-illustration {
	aspect-ratio: 16 / 9;
	height: auto;
	object-fit: cover;
}

body.V2 .financial-report-card .app-content-card-title {
	line-height: 1.8;
	overflow-wrap: anywhere;
}

body.V2 .financial-report-description {
	color: var(--bioarc-navbar-muted, #616161);
	font-size: 13px;
	line-height: 1.9;
}

body.V2 .financial-report-open {
	color: var(--bioarc-navbar-blue, #36459b);
	font-size: 20px;
	flex-shrink: 0;
	margin-top: 4px;
}

body.V2 .financial-report-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 18px #b2c6e34d;
}

body.V2 .financial-report-card:focus-visible {
	outline: 2px solid var(--input-border-color-focus, #6e99da);
	outline-offset: 4px;
}

body.V2[dir=ltr] .financial-report-open {
	transform: rotate(180deg);
}

html[data-bioarc-theme=dark] body.V2 .financial-report-card {
	background: var(--bioarc-navbar-raised, #303f4d);
	box-shadow: none;
}

html[data-bioarc-theme=dark] body.V2 .financial-report-illustration {
	filter: brightness(.88) saturate(.85);
}

/* Retain the old month/detail report hierarchy, with catalog fields and a contained wide table. */
body.V2 .financial-user-report .financial-report-filters :is(.app-second-input-section,.app-select2-box) {
	min-width: 0;
}

body.V2 .financial-user-report .financial-report-table {
	max-width: 100%;
}

body.V2 .financial-user-report #example {
	min-width: 1180px;
}

body.V2 .financial-user-report #example :is(th,td) {
	font-size: 13px;
	white-space: normal;
	line-height: 1.8;
	vertical-align: middle;
}

body.V2 .financial-user-report #example .month_date {
	cursor: pointer;
}

body.V2 .financial-user-report #example .month_date > td {
	background: var(--bioarc-navbar-raised, #eaf0fb) !important;
	color: var(--bioarc-navbar-text, #364b6b) !important;
	font-weight: 600;
	border-color: var(--border-color-table, #dce5f2) !important;
}



body.V2 .financial-user-report #example .month_date:focus-visible {
	outline: 2px solid var(--input-border-color-focus, #6e99da);
	outline-offset: -2px;
}

@media (max-width: 768px) {
	body.V2 .financial-user-report #example {
		display: table !important;
	}

	body.V2 .financial-user-report #example thead {
		display: table-header-group !important;
	}

	body.V2 .financial-user-report #example tbody {
		display: table-row-group !important;
	}

	body.V2 .financial-user-report #example tr:not([hidden]) {
		display: table-row !important;
	}

	body.V2 .financial-user-report #example :is(th,td) {
		display: table-cell !important;
		width: auto !important;
		text-align: start !important;
	}

	body.V2 .financial-user-report #example td::before {
		display: none;
	}

}

@media (max-width: 680px) {
	body.V2 :is(.financial-reports-hub,.financial-user-report).app-content {
		padding-inline: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.V2 .financial-report-card {
		transition: none;
	}

	body.V2 .financial-report-card:hover {
		transform: none;
	}
}

/* Keep the reference card gutters inside the mobile page padding. */
body.V2 .financial-reports-hub > .row {
	margin-inline: -8px;
}

body.V2 .financial-reports-hub > .row > div {
	padding-inline: 8px;
}

/* Five report cards per desktop row retain the original high-resolution assets. */
@media (min-width: 1200px) {
	body.V2 .financial-reports-hub .financial-report-col {
		flex: 0 0 20%;
		max-width: 20%;
	}
}

/* Native catalog buttons expose the same collapsed state as the month details. */
body.V2 .financial-user-report .financial-month-heading {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	width: 100%;
}

body.V2 .financial-user-report .financial-month-toggle {
	flex-shrink: 0;
	padding: 4px;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

body.V2 .financial-user-report .financial-month-toggle i {
	font-size: 22px;
}

body.V2 .financial-user-report .financial-month-toggle:is(:focus,:focus-visible) {
	outline: none !important;
	box-shadow: none !important;
}

body.V2 .financial-user-report #example tr[hidden] {
	display: none !important;
}

/* Reserve independent date/physician columns before DataTables measures the toggle content. */
body.V2 .financial-user-report #example :is(th,td):nth-child(-n+2) {
	min-width: 180px;
	width: 180px;
}

body.V2 .financial-user-report #example :is(th,td) {
	overflow-wrap: anywhere;
}

body.V2 .financial-user-report .financial-month-heading > span {
	min-width: 0;
	white-space: normal;
}

/* Currency editors use a non-interactive illustration at very low opacity behind catalog fields. */
body.V2 .currency-form-surface {
	position: relative;
	isolation: isolate;
}

body.V2 .currency-form-surface::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url('/theme/ui/images/currency/form-background.webp') center / cover no-repeat;
	opacity: .045;
	pointer-events: none;
	border-radius: inherit;
}

html[data-bioarc-theme=dark] body.V2 .currency-form-surface::before {
	opacity: .025;
}

body.V2 .currency-management-editor :is(.app-select2-box,.app-second-input-section,.app-second-input-content) {
	min-width: 0;
}

body.V2 .currency-form-surface .app-second-input-box {
	background-color: var(--bioarc-navbar-surface, #fff);
}

body.V2 .currency-management-editor .app-content-card-title {
	line-height: 1.8;
}

body.V2 .catalog-with-exports .notdisplaybott {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
}

body.V2 .catalog-with-exports .dt-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-block: 12px;
}

body.V2 .catalog-with-exports .dt-buttons .app-btn2 {
	margin: 0;
}

@media (max-width: 680px) {
	body.V2 .currency-management-editor.app-content {
		padding-inline: 12px;
	}
}

/* Keep modal fields inset when the reference modal becomes full-screen on phones. */
body.V2 .currency-form-surface > form {
	width: 100%;
	min-width: 0;
}

body.V2 .currency-form-surface > form > .row {
	margin-inline: 0;
}

body.V2 .currency-form-surface .app-second-input-section {
	padding-inline: 10px;
}

@media (max-width: 680px) {
	body.V2 .currency-form-surface.modal-body {
		padding: 20px 12px !important;
	}
}