/*
 * Issue #690: originalios Ext JS / Delivera spalvos pagal komponentų paskirtį.
 * Kraunama po Flat palečių. Šviesi tema remiasi xtheme-blue.css, GroupTab.css
 * ir style.css; tamsi išlaiko tas pačias spalvų paskirtis tamsiuose paviršiuose.
 * Keičiamos spalvos ir šriftai, išsaugomi modernūs matmenys bei išdėstymas.
 * Meniu tekstas suvienodintas, popunkčių tarpai sumažinti; skaitliukų dydžiai išlaikomi.
 */
body.delivera-flat
{
	--font: Tahoma, Arial, Helvetica, sans-serif;
	--font-heading: Tahoma, Arial, Verdana, sans-serif;
	--font-grid: Arial, Tahoma, Helvetica, sans-serif;
	--nav-text: #dfe8f6;
	--nav-counter-text: #dfe8f6;
	--nav-hover-text: #ffffff;
	--on-accent: #ffffff;
	--ic-primary-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6.5h7L8 10.5z' fill='%23ffffff'/%3E%3C/svg%3E");
}

body.delivera-light-new
{
	--bg: #ffffff;
	--sidebar: #1a416c;
	--surface-alt: #fafafa;
	--note-bg: #F5EDD4;
	--group-title-bg: #eef3f8;
	--disabled-control-bg: #d4d0c8;
	--header: #d9e7f8;
	--band: #d0def0;
	--band-soft: #f9f9f9;
	--raised: #e4edf8;
	--raised-hover: #d9e8fb;
	--hover: #efefef;
	--fill: #e4edf8;
	--fill-hover: #d9e8fb;
	--fill-pressed: #c3daf9;
	--btn-bg: #e4edf8;
	--btn-bg-hover: #d9e8fb;
	--input-line: #828692;
	--border: #99bbe8;
	--border-soft: #ededed;
	--border-strong: #8db2e3;
	--text: #000000;
	--text-muted: #333333;
	--text-faint: #666666;
	--text-strong: #000000;
	--accent: #2f62b3;
	--accent-soft: #dfe8f6;
	--accent-text: #0000ee;
	--link-visited: #551a8b;
	--select-overlay: rgba(47, 98, 179, 0.12);
	--cell-selected: #b8cfee;
	--selection-bg: #316ac5;
	--window-footer: #dfe8f6;
	--window-inset: #ffffff;
	--heading-text: #15428b;
	--tab-text: #416aa3;
	--button-text: #333333;
	--focus-border: #2f62b3;
	--invalid-border: #cc3300;
	--selected-text: #000000;
	--nav-active-text: #1a416c;
	--nav-hover: #2a5284;
	--nav-sub-selected: #edeef0;
	--menu-bg: #f0f0f0;
	--menu-hover: #dbecf4;
	--st-red: #ffcccc;
	--st-red-soft: #ffeeee;
	--st-green: #ccffcc;
	--st-green-soft: #eeffee;
	--st-yellow: #ffee00;
	--st-yellow-soft: #ffffaa;
	--st-blue: #bbbbff;
	--st-blue-strong: #2222cc;
	--st-red-strong: #cc2222;
	--st-stale: #ffffcc;
	--task-soon: #fff5cc;
	--srv-red: #ffdddd;
	--srv-yellow: #ffffdd;
	--ic-sort-asc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 5'%3E%3Cpath d='M1 5h11L6.5 0z' fill='%2315428b'/%3E%3C/svg%3E");
	--ic-sort-desc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 5'%3E%3Cpath d='M1 0h11L6.5 5z' fill='%2315428b'/%3E%3C/svg%3E");
	--ic-radio-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3' fill='%232f62b3'/%3E%3C/svg%3E");
	--ic-box-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Crect x='2.5' y='2.5' width='11' height='11' rx='2.5' fill='%232f62b3' stroke='%232f62b3' stroke-width='1.2'/%3E%3Cpath d='M5 8.3l2.1 2.1L11 6' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body.delivera-dark
{
	--note-bg: #453a12;
	--group-title-bg: #1c334b;
	--disabled-control-bg: #2b2b30;
	--tone-purple: #d8a7f0;
	--tone-teal: #7dd6c8;
	--tone-pink: #f4a7cb;
	--warning-text: #f0cf67;
	--danger-bg: var(--st-red-soft);
	--ok-bg: var(--st-green-soft);
	--sidebar: #102d4f;
	--header: #203d5e;
	--band: #1c334b;
	--border: #385574;
	--border-strong: #6789af;
	--raised: #344356;
	--raised-hover: #405671;
	--btn-bg: #344356;
	--btn-bg-hover: #405671;
	--accent: #2f62b3;
	--accent-soft: #213f63;
	--accent-text: #9ec6f5;
	--select-overlay: rgba(126, 173, 217, 0.16);
	--cell-selected: #30547d;
	--selection-bg: #316ac5;
	--heading-text: #c9dfff;
	--tab-text: #adc8eb;
	--button-text: #ededf0;
	--focus-border: #7eadd9;
	--invalid-border: var(--danger);
	--selected-text: #ededf0;
	--nav-active-text: #c9dfff;
	--nav-hover: #1a416c;
	--nav-sub-selected: #30445e;
	--menu-bg: #303033;
	--menu-hover: #264663;
	--st-stale: #453a12;
	--task-soon: #322c14;
	--srv-red: #4a1d22;
	--srv-yellow: #453a12;
	--ic-sort-asc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 5'%3E%3Cpath d='M1 5h11L6.5 0z' fill='%239ec6f5'/%3E%3C/svg%3E");
	--ic-sort-desc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 5'%3E%3Cpath d='M1 0h11L6.5 5z' fill='%239ec6f5'/%3E%3C/svg%3E");
	--ic-radio-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3' fill='%237eadd9'/%3E%3C/svg%3E");
	--ic-box-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Crect x='2.5' y='2.5' width='11' height='11' rx='2.5' fill='%237eadd9' stroke='%237eadd9' stroke-width='1.2'/%3E%3Cpath d='M5 8.3l2.1 2.1L11 6' stroke='%2310243b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Originalios šriftų šeimos pagal komponentą; dydžiai ir tarpai lieka Flat. */
body.delivera-flat .x-grid3-row td,
body.delivera-flat .x-grid3-summary-row td,
body.delivera-flat .x-grid3-hd-row td,
body.delivera-flat .x-toolbar :is(td, span, input, div, select, label),
body.delivera-flat .x-panel-fbar :is(td, span, input, div, select, label),
body.delivera-flat .x-btn button,
body.delivera-flat .x-menu-list-item,
body.delivera-flat a.x-menu-item
{
	font-family: var(--font-grid);
}

body.delivera-flat .x-panel-header,
body.delivera-flat .x-panel-header-text,
body.delivera-flat .x-window-tl .x-window-header,
body.delivera-flat .x-window-header-text,
body.delivera-flat .x-fieldset legend
{
	font-family: var(--font-heading);
	font-weight: bold;
	color: var(--heading-text);
}

body.delivera-flat .x-tab-strip span.x-tab-strip-text { color: var(--tab-text); }
body.delivera-flat .x-tab-strip-active span.x-tab-strip-text { color: var(--heading-text); }
body.delivera-flat .x-panel-header { background-color: var(--header); }
body.delivera-flat .x-grid3-hd-inner { font-weight: normal; }
body.delivera-flat .x-btn button { color: var(--button-text); }
body.delivera-flat .x-menu { background-color: var(--menu-bg); }
body.delivera-flat .x-menu-item-active { background-color: var(--menu-hover); }

body.delivera-flat .x-form-focus,
body.delivera-flat textarea.x-form-focus,
body.delivera-flat .x-trigger-wrap-focus .x-form-text
{
	border-color: var(--focus-border);
	box-shadow: inset 0 -1px 0 var(--focus-border);
}

body.delivera-light-new .x-form-focus,
body.delivera-light-new textarea.x-form-focus,
body.delivera-light-new .x-trigger-wrap-focus .x-form-text
{
	box-shadow: 0 0 0 2px var(--focus-border);
}

body.delivera-flat .x-form-invalid,
body.delivera-flat textarea.x-form-invalid,
body.delivera-flat .x-form-invalid.x-form-composite .x-form-invalid
{
	border-color: var(--invalid-border);
}

/* Vienodas meniu tekstas; skaitliukai išlaiko savo kompaktišką dydį. */
body.delivera-flat .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text,
body.delivera-flat .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text span
{
	font-family: var(--font);
	font-size: var(--fs);
	font-weight: normal !important;
	color: var(--nav-text);
}

/* Kontaktai ir gidas rodomi ant mėlynos juostos, todėl turi savo teksto spalvas. */
body.delivera-flat #version-info,
body.delivera-flat #version-info .version-info-meta
{
	font-family: var(--font);
	color: var(--nav-text);
}

body.delivera-flat #version-info .version-info-mail { color: var(--on-accent) !important; }
body.delivera-flat #version-info .version-info-guide { color: #ffa198; }

body.delivera-flat .x-grouptabs-panel ul.x-grouptabs-sub li
{
	padding: 1px 0 1px 6px !important;
	margin-bottom: 0;
}

body.delivera-flat .x-grouptabs-panel ul.x-grouptabs-strip > li:hover,
body.delivera-flat .x-grouptabs-panel ul.x-grouptabs-strip ul.x-grouptabs-sub li:hover
{
	background-color: var(--nav-hover);
}

body.delivera-flat .x-grouptabs-panel ul.x-grouptabs-strip > li > a.x-grouptabs-text::before
{
	color: var(--nav-text);
}

body.delivera-flat .x-grouptabs-panel ul.x-grouptabs-strip > li:hover > a.x-grouptabs-text,
body.delivera-flat .x-grouptabs-panel ul.x-grouptabs-strip > li:hover > a.x-grouptabs-text span,
body.delivera-flat .x-grouptabs-panel ul.x-grouptabs-sub li:hover a.x-grouptabs-text
{
	color: var(--nav-hover-text);
}

body.delivera-flat .x-grouptabs-panel li.x-grouptabs-strip-active
{
	--nav-text: var(--nav-active-text);
	--nav-counter-text: var(--text-muted);
	--nav-hover-text: var(--nav-active-text);
	--nav-hover: var(--hover);
}

body.delivera-flat .x-grouptabs-panel .x-grouptabs-strip-active > a.x-grouptabs-text,
body.delivera-flat .x-grouptabs-panel .x-grouptabs-strip-active > a.x-grouptabs-text > span,
body.delivera-flat .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active a.x-grouptabs-text
{
	color: var(--nav-active-text);
}

body.delivera-flat .x-grouptabs-panel a.x-grouptabs-text span span,
body.delivera-flat .x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text span
{
	color: var(--nav-counter-text) !important;
}

body.delivera-flat .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active
{
	background-color: var(--nav-sub-selected);
}

/* Senos temos skirtingos geltonos / raudonos būsenos nesujungiamos į vieną. */
body.delivera-flat .trip-not-refreshed-row { --st-yellow-soft: var(--st-stale); }
body.delivera-flat .task-deadline-soon-row { --st-yellow-soft: var(--task-soon); }
body.delivera-flat #servisai_tab .x-grid3-row:not(.x-grid3-row-selected):not(.srv-row-current):not(.x-grid3-row-over) .srv-row-red { background-color: var(--srv-red) !important; }
body.delivera-flat #servisai_tab .x-grid3-row:not(.x-grid3-row-selected):not(.srv-row-current):not(.x-grid3-row-over) .srv-row-yellow { background-color: var(--srv-yellow) !important; }

/* #674 kontraktas: turų pažymėjimas uždengia bet kurią būsenos spalvą. */
body.delivera-flat .delivera-tours-grid .x-grid3-row-selected,
body.delivera-flat .delivera-tours-grid .x-grid3-row-selected .x-grid3-row-table,
body.delivera-flat .delivera-tours-grid .x-grid3-row-selected td.x-grid3-cell,
body.delivera-flat .delivera-tours-grid .x-grid3-row-selected .x-grid3-cell-inner
{
	background-color: var(--accent-soft) !important;
	background-image: none !important;
	color: var(--selected-text) !important;
}

body.delivera-flat .delivera-tours-grid .x-grid3-row-selected .x-grid3-cell-inner *
{
	color: var(--selected-text) !important;
}

/* Atidarytos dokumentų nuorodos matomos ir pažymėtoje turų eilutėje. */
body.delivera-flat a.dlv-document-link:visited,
body.delivera-flat a.dlv-document-link.dlv-document-viewed,
body.delivera-flat .x-grid3-cell-inner a.dlv-document-link:visited,
body.delivera-flat .x-grid3-cell-inner a.dlv-document-link.dlv-document-viewed,
body.delivera-flat .delivera-tours-grid .x-grid3-row-selected .x-grid3-cell-inner a.dlv-document-link:visited,
body.delivera-flat .delivera-tours-grid .x-grid3-row-selected .x-grid3-cell-inner a.dlv-document-link.dlv-document-viewed
{
	color: var(--link-visited) !important;
}
/* Counter sizes formerly supplied inline retain priority over menu text size. */
body.delivera-flat .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text span.dlv-design-968580e6
{
	font-size: 7pt;
}