/*
 * Delivera Flat – Ext JS 3.4.1.1 tema, parašyta nuo nulio: plokščias dalykinis dizainas duomenų pilnai sistemai.
 * Numatytoji paletė – juoda; „Balta (nauja versija)“ = tas pats dizainas + palette-light.css.
 *
 * Naudojimas: ext-all-notheme.css (struktūra) + ŠIS failas (vietoj xtheme-blue.css).
 * Jokių Ext sprite paveikslėlių: paviršiai plokšti, ikonos – SVG kintamieji (--ic-*).
 *
 * Taisyklės, kurių laikomasi:
 *  1. Spalvos tik per kintamuosius (:root). Trys paviršiai: bg < surface < header. Vienas akcentas.
 *  2. Matmenys (padding, border-width, height, font-size) sutampa su Ext numatytais –
 *     Ext 3 išdėstymą skaičiuoja JavaScript'e, todėl tema keičia tik išvaizdą.
 *  3. Sprite būsenos (background-position) neutralizuojamos „center“, būsenas rodo spalva.
 *
 * Turinys: 1 kintamieji · 2 pagrindas/šriftai · 3 skydeliai · 4 mygtukai · 5 įrankių juosta
 *  6 langai · 7 formos · 8 combo/meniu · 9 lentelės · 10 kortelės · 11 medis · 12 data
 *  13 patarimai · 14 išdėstymas · 15 kita (progresas, slankiklis, DnD, redaktorius)
 */

/* ===== 1. Kintamieji ===== */
:root
{
	/* Delivera Flat (tamsi paletė): vientisos spalvos, jokių gradientų, permatomumų ar išblukinimo –
	   dalykinei, duomenų pilnai sistemai ir greitam piešimui. Auksinis Deliveros akcentas. */
	--bg: #1b1b1d;             /* puslapis ir šoninė juosta */
	--sidebar: #151516;
	--surface: #242426;        /* turinys, lentelės, langai */
	--surface-alt: #29292b;
	--header: #39393B;         /* antraštės */
	--band: #39393B;           /* įrankių juostos, skydelių antraštės */
	--band-soft: #2e2e30;      /* lentelių antraštės */
	--flyout: #39393B;         /* meniu, sąrašai, patarimai */
	--raised: #39393B;         /* mygtukai */
	--raised-hover: #48484b;
	--hover: #2d2d2f;          /* eilutės užvedus */
	--fill: #313133;
	--fill-hover: #3d3d40;
	--fill-pressed: #2a2a2c;
	--btn-bg: #39393B;
	--btn-bg-hover: #48484b;
	--grip: #39393B;
	--field: #1b1b1d;          /* laukai */
	--field-hover: #1f1f21;
	--input: #1b1b1d;
	--input-focus: #161617;
	--input-line: #5a5a5e;
	--border: #454548;
	--border-soft: #343436;
	--border-strong: #5a5a5e;
	--stroke: #4d4d50;
	--smoke: rgba(0, 0, 0, 0.5);
	--text: #e6e6e8;
	--text-muted: #a6a6ab;
	--text-faint: #77777c;
	--text-strong: #ffffff;
	--accent: #D09F3B;
	--accent-soft: #3a3222;
	--accent-text: #e2b75f;
	--link-visited: #c4a7e7;
	--on-accent: #1f1603;
	--danger: #ff8a80;
	--danger-soft: #3a2024;
	--ok: #6ccb5f;
	--warn: #e3b341;
	--select-overlay: rgba(208, 159, 59, 0.18);
	--cell-selected: #4a3f26;
	--tip-danger-bg: #3a2024;
	--tip-danger-text: #ffc9c4;
	--window-bg: #242426;
	--window-footer: #1f1f21;
	--window-inset: #1f1f21;
	--btn-edge: transparent;
	--btn-sheen: none;
	--scroll-thumb: #5a5a5e;
	--scroll-thumb-hover: #707075;
	--selection-bg: #8a6a20;
	--radius: 3px;
	--radius-lg: 5px;
	--shadow-pop: 0 4px 14px rgba(0, 0, 0, 0.35);
	/* šriftų skalė – VIENA visai temai (lyg sena balta tema su 90 % priartinimu) */
	--fs: 11px;
	--fs-sm: 10px;
	--fs-lg: 12px;
	/* sisteminis šriftas: nereikia laukti interneto šrifto, tekstas neperšoka */
	--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--ic-chev-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
	--ic-chev-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10l4-4 4 4'/%3E%3C/svg%3E");
	--ic-chev-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4l4 4-4 4'/%3E%3C/svg%3E");
	--ic-chev-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4l-4 4 4 4'/%3E%3C/svg%3E");
	--ic-caret-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 6.5h7L8 10.5z' fill='%23c5c5c5' stroke='none'/%3E%3C/svg%3E");
	--ic-sort-asc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 5' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5h11L6.5 0z' fill='%23d9a441' stroke='none'/%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' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 0h11L6.5 5z' fill='%23d9a441' stroke='none'/%3E%3C/svg%3E");
	--ic-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E");
	--ic-close-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E");
	--ic-close-hi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ff7b72' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E");
	--ic-first: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4l-4 4 4 4M5 4v8'/%3E%3C/svg%3E");
	--ic-last: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4l4 4-4 4M11 4v8'/%3E%3C/svg%3E");
	--ic-refresh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.5 8a4.5 4.5 0 1 1-1.3-3.2M12.5 2.8v2.6H9.9'/%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' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23d9a441' stroke='none'/%3E%3C/svg%3E");
	--ic-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3.5v9M3.5 8h9'/%3E%3C/svg%3E");
	--ic-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8h9'/%3E%3C/svg%3E");
	--ic-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='3.5' width='11' height='10' rx='1.5'/%3E%3Cpath d='M2.5 6.5h11M5.5 2v3M10.5 2v3'/%3E%3C/svg%3E");
	--ic-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='7' r='4'/%3E%3Cpath d='M10 10l3.5 3.5'/%3E%3C/svg%3E");
	--ic-gear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='2.3'/%3E%3Cpath d='M8 2v2M8 12v2M2 8h2M12 8h2M3.8 3.8l1.4 1.4M10.8 10.8l1.4 1.4M3.8 12.2l1.4-1.4M10.8 5.2l1.4-1.4'/%3E%3C/svg%3E");
	--ic-maximize: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='9' height='9' rx='1'/%3E%3C/svg%3E");
	--ic-restore: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='7' height='7' rx='1'/%3E%3Cpath d='M5.5 5.5v-2h7v7h-2'/%3E%3C/svg%3E");
	--ic-minimize: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.5h8'/%3E%3C/svg%3E");
	--ic-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9v4.5M5 9h6M6 9V3.5h4V9'/%3E%3C/svg%3E");
	--ic-unpin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8H2.5M7 5v6M7 6h5.5v4H7'/%3E%3C/svg%3E");
	--ic-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='5.5'/%3E%3Cpath d='M6.5 6.6a1.5 1.5 0 1 1 2.2 1.3c-.5.3-.7.7-.7 1.2M8 11.2v.1'/%3E%3C/svg%3E");
	--ic-print: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 6V3h7v3M4.5 11h-2V6h11v5h-2M4.5 9.5h7V13h-7z'/%3E%3C/svg%3E");
	--ic-save: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h8l2 2v8H3zM5.5 3v3.5h4V3M5.5 13V9.5h5V13'/%3E%3C/svg%3E");
	--ic-columns: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='3' width='11' height='10' rx='1'/%3E%3Cpath d='M6.2 3v10M9.8 3v10'/%3E%3C/svg%3E");
	--ic-group: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4h11M5 8h8.5M5 12h8.5'/%3E%3C/svg%3E");
	--ic-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='7' width='9' height='6.5' rx='1'/%3E%3Cpath d='M5.5 7V5a2.5 2.5 0 0 1 5 0v2'/%3E%3C/svg%3E");
	--ic-unlock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='7' width='9' height='6.5' rx='1'/%3E%3Cpath d='M5.5 7V5a2.5 2.5 0 0 1 4.6-1.3'/%3E%3C/svg%3E");
	--ic-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 13V3M4 7l4-4 4 4'/%3E%3C/svg%3E");
	--ic-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v10M4 9l4 4 4-4'/%3E%3C/svg%3E");
	--ic-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d9a441' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4.5h4.2l1.3 1.5H14v7H2z'/%3E%3C/svg%3E");
	--ic-folder-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d9a441' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12.5V4.5h4.2l1.3 1.5H13v2M2 12.5l1.8-4.5H15l-1.8 4.5z'/%3E%3C/svg%3E");
	--ic-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%237f8b9b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2.5h5l3 3v8H4zM9 2.5v3h3'/%3E%3C/svg%3E");
	--ic-box-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='2.5' width='11' height='11' rx='2.5' fill='%2315171c' stroke='%236f7785' stroke-width='1.2'/%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' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='2.5' width='11' height='11' rx='2.5' fill='%23d9a441' stroke='%23d9a441' stroke-width='1.2'/%3E%3Cpath d='M5 8.3l2.1 2.1L11 6' stroke='%23231a05' stroke-width='1.7'/%3E%3C/svg%3E");
	--ic-warn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2.5l6 10.5H2z' fill='%23ff7b72' stroke='none'/%3E%3Cpath d='M8 6.5v3M8 11.4v.1' stroke='%231a0d0e' stroke-width='1.5'/%3E%3C/svg%3E");
	--ic-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6' fill='%233fb950' stroke='none'/%3E%3Cpath d='M5.2 8.2l2 2 3.6-4' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E");
	--ic-ok-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6' fill='%233fb950' stroke='none'/%3E%3Cpath d='M8 5v6M5 8h6' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E");
	--ic-no: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6' fill='%23ff7b72' stroke='none'/%3E%3Cpath d='M5.6 5.6l4.8 4.8' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E");
	--ic-mb-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='13' fill='%233a3222' stroke='%23d9a441' stroke-width='1.5'/%3E%3Cpath d='M16 14.5v8M16 9.8v.2' stroke='%23d9a441' stroke-width='2.6'/%3E%3C/svg%3E");
	--ic-mb-question: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='13' fill='%233a3222' stroke='%23d9a441' stroke-width='1.5'/%3E%3Cpath d='M12.5 12.5a3.6 3.6 0 1 1 5.3 3.2c-1.2.7-1.8 1.5-1.8 2.8M16 22.4v.2' stroke='%23d9a441' stroke-width='2.4'/%3E%3C/svg%3E");
	--ic-mb-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3.5l13.5 24h-27z' fill='%233a2c10' stroke='%23e3b341' stroke-width='1.5'/%3E%3Cpath d='M16 12v8.5M16 24v.2' stroke='%23e3b341' stroke-width='2.6'/%3E%3C/svg%3E");
	--ic-mb-error: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='13' fill='%232b1619' stroke='%23ff7b72' stroke-width='1.5'/%3E%3Cpath d='M11.5 11.5l9 9M20.5 11.5l-9 9' stroke='%23ff7b72' stroke-width='2.6'/%3E%3C/svg%3E");
	--ic-spinner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='5.5' stroke='%234c4c4c' stroke-width='2'/%3E%3Cpath d='M8 2.5a5.5 5.5 0 0 1 5.5 5.5' stroke='%23d9a441' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 8 8' to='360 8 8' dur='0.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
	--ic-thumb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='5.5' fill='%23d9a441' stroke='%23454545' stroke-width='1.5'/%3E%3C/svg%3E");
	--ic-ed-bold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ctext x='8' y='12' text-anchor='middle' font-family='Georgia,serif' font-size='12' fill='%23e0e0e0' stroke='none' font-weight='bold'%3EB%3C/text%3E%3C/svg%3E");
	--ic-ed-italic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ctext x='8' y='12' text-anchor='middle' font-family='Georgia,serif' font-size='12' fill='%23e0e0e0' stroke='none' font-style='italic'%3EI%3C/text%3E%3C/svg%3E");
	--ic-ed-underline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ctext x='8' y='12' text-anchor='middle' font-family='Georgia,serif' font-size='12' fill='%23e0e0e0' stroke='none' %3EU%3C/text%3E%3Cpath d='M4 14.5h8'/%3E%3C/svg%3E");
	--ic-ed-bigger: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ctext x='6' y='12.5' text-anchor='middle' font-family='Arial' font-size='12' fill='%23e0e0e0' stroke='none'%3EA%3C/text%3E%3Cpath d='M13 3v5M10.5 5.5h5'/%3E%3C/svg%3E");
	--ic-ed-smaller: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ctext x='6' y='12.5' text-anchor='middle' font-family='Arial' font-size='10' fill='%23e0e0e0' stroke='none'%3EA%3C/text%3E%3Cpath d='M10.5 5.5h5'/%3E%3C/svg%3E");
	--ic-ed-forecolor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ctext x='8' y='10.5' text-anchor='middle' font-family='Arial' font-size='11' fill='%23e0e0e0' stroke='none'%3EA%3C/text%3E%3Cpath d='M3 14h10' stroke='%23ff6b6b' stroke-width='2.4'/%3E%3C/svg%3E");
	--ic-ed-backcolor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='2' width='11' height='10' rx='2' fill='%23e3b341' stroke='none'/%3E%3Ctext x='8' y='10.5' text-anchor='middle' font-family='Arial' font-size='10' fill='%231c1c1c' stroke='none'%3Ea%3C/text%3E%3C/svg%3E");
	--ic-ed-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4h11M2.5 8h7M2.5 12h9'/%3E%3C/svg%3E");
	--ic-ed-center: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4h11M4.5 8h7M3.5 12h9'/%3E%3C/svg%3E");
	--ic-ed-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4h11M6.5 8h7M4.5 12h9'/%3E%3C/svg%3E");
	--ic-ed-ol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 4h7M6.5 8h7M6.5 12h7'/%3E%3Ctext x='3' y='5.8' text-anchor='middle' font-family='Arial' font-size='5' fill='%23c5c5c5' stroke='none'%3E1%3C/text%3E%3Ctext x='3' y='9.8' text-anchor='middle' font-family='Arial' font-size='5' fill='%23c5c5c5' stroke='none'%3E2%3C/text%3E%3Ctext x='3' y='13.8' text-anchor='middle' font-family='Arial' font-size='5' fill='%23c5c5c5' stroke='none'%3E3%3C/text%3E%3C/svg%3E");
	--ic-ed-ul: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 4h7M6.5 8h7M6.5 12h7M3 4v0M3 8v0M3 12v0'/%3E%3C/svg%3E");
	--ic-ed-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9a2.5 2.5 0 0 0 3.5 0l2-2a2.5 2.5 0 0 0-3.5-3.5l-.7.7M9 7a2.5 2.5 0 0 0-3.5 0l-2 2A2.5 2.5 0 0 0 7 12.5l.7-.7'/%3E%3C/svg%3E");
	--ic-ed-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c5c5c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 5L2.5 8l3 3M10.5 5l3 3-3 3M9 3.5l-2 9'/%3E%3C/svg%3E");

	color-scheme: dark;
}

/* ===== 2. Pagrindas ir šriftai ===== */
body
{
	background-color: var(--bg);
	color: var(--text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.x-btn, .x-btn button,
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label,
.x-panel-fbar td, .x-panel-fbar span, .x-panel-fbar input, .x-panel-fbar div, .x-panel-fbar select, .x-panel-fbar label,
.x-tab-strip span.x-tab-strip-text,
.x-tree-node, .x-tip .x-tip-mc, .x-tip .x-tip-body, .x-panel-mc, .x-window-mc,
.x-menu-list-item, .x-dd-drag-ghost, .x-grid-empty, .x-grid3-topbar, .x-grid3-bottombar,
.ext-el-mask-msg div, .x-form-invalid-msg, .x-small-editor .x-form-field,
.x-date-inner a, .x-date-mp td, .x-date-mp-btns button, .x-combo-list-small,
.x-list-header-inner div em, .x-list-body dt em, .x-progress-text, .loading-indicator
{
	font: normal var(--fs) var(--font);
}

.x-form-field, .x-form-grow-sizer, .x-form-item, .x-combo-list, .x-box-mc,
.x-window-dlg .ext-mb-textarea, .x-window-dlg .ext-mb-text, .x-window-dlg .x-window-header-text
{
	font: normal var(--fs) var(--font);
}

.x-grid3-row td, .x-grid3-summary-row td
{
	font: normal var(--fs)/15px var(--font);
}

.x-grid3-hd-row td
{
	font: normal var(--fs)/16px var(--font);
}

.x-panel-header, .x-fieldset legend, .x-grid-group-hd div.x-grid-group-title, .x-combo-list-hd,
.x-panel-tl .x-panel-header, .x-window-tl .x-window-header, .x-tip .x-tip-header-text,
.x-date-middle, .x-date-left, .x-date-right
{
	font: 600 var(--fs) var(--font);
}

.x-tab-strip-active span.x-tab-strip-text, .x-date-inner .x-date-selected span
{
	font-weight: 600;
}

.x-btn em, .x-accordion-hd
{
	font-weight: normal;
}

.x-date-inner th
{
	font: normal var(--fs-sm) var(--font);
}

.x-date-mmenu .x-menu-item
{
	font-size: var(--fs-sm);
}

.x-box-mc h3
{
	font-size: var(--fs-lg);
}

/* tekstas */
.x-panel-body, .x-window-body, .x-form-item, .x-form-cb-label, .x-form-display-field,
.x-btn button, .x-toolbar td, .x-toolbar span, .x-toolbar div, .x-toolbar label,
.x-panel-fbar td, .x-panel-fbar span, .x-panel-fbar div, .x-panel-fbar label,
.x-menu-list-item, a.x-menu-item, .x-combo-list-item, .x-grid3-row td, .x-tree-node a span,
.x-tip .x-tip-body, .x-tip .x-tip-header-text, .x-panel-header, .x-window-header-text,
.x-window-dlg .ext-mb-text, .x-progress-text, .x-list-body dt em, .x-box-mc, .x-dd-drag-ghost,
.ext-el-mask-msg div, .x-date-inner a, .x-date-mp td a, .x-accordion-hd
{
	color: var(--text);
}

.x-form-item label, .x-form-item-label, .x-form-check-group-label, .x-grid3-hd-row td,
.x-grid-empty, .x-btn-group-header-text, .x-list-header-inner div em, .x-date-inner th,
.x-combo-list-hd, .x-status-text
{
	color: var(--text-muted);
}

a, .x-panel-body a
{
	color: var(--accent-text);
}

a:visited, .x-panel-body a:visited
{
	color: var(--link-visited);
}

.x-item-disabled, .x-item-disabled *, .x-menu-item-disabled, .x-menu-item-disabled *
{
	color: var(--text-faint) !important;
	cursor: default !important;
}

.x-item-disabled
{
	opacity: 0.7;
}

/* bendra rėmelių spalva viskam, kam Ext struktūroje nustatytas border be spalvos */
.ext-el-mask-msg, .ext-el-mask-msg div, .x-tab-panel-header, .x-tab-panel-footer,
ul.x-tab-strip-top, ul.x-tab-strip-bottom, .x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer, .x-tab-panel-body, .x-tab-scroller-left, .x-tab-scroller-right,
.x-form-text, textarea.x-form-field, .x-form-select-one, .x-form-check-group-label,
.x-form-field-wrap .x-form-trigger, .x-fieldset, .x-toolbar, .x-resizable-proxy,
.x-grid-panel .x-panel-mc .x-panel-body, .x-grid3-hd-row td, .x-grid3-header-pop, .x-grid3-header-pop-inner,
.x-grid3-locked td.x-grid3-row-marker, .x-props-grid .x-grid3-body .x-grid3-td-name, .x-grid-group-hd,
.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell, .x-pivotgrid .x-grid3-header-offset table td,
.x-pivotgrid .x-grid3-row-headers table td, .x-dd-drag-ghost, .x-date-picker, .x-date-inner th, .x-date-bottom,
.x-date-mp-btns td, td.x-date-mp-sep, .x-menu-floating, .x-menu .x-date-picker, .x-combo-list, .x-combo-list-hd,
.x-resizable-pinned .x-combo-list-inner, .x-combo-list .x-toolbar, .x-panel, .x-panel-header, .x-panel-body,
.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar, .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar, .x-panel-body-noheader, .x-panel-mc .x-panel-body,
.x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br, .x-panel-ghost ul, .x-window-mc, .x-window-bbar .x-toolbar,
.x-window-plain .x-window-mc, .x-window-plain .x-window-body, .x-html-editor-wrap, .x-layout-collapsed,
.x-progress-wrap, .x-list-header-inner div em, .x-list-resizer, .x-color-palette em
{
	border-color: var(--border);
}

/* ===== 3. Skydeliai ===== */
.x-panel-body, .x-panel-ml, .x-panel-mr, .x-panel-mc, .x-panel-bl, .x-panel-br, .x-panel-bc,
.x-tab-panel-body, .x-plain-body
{
	background-color: var(--surface);
}

.x-panel-header, .x-panel-tl, .x-panel-tr, .x-panel-tc, .x-accordion-hd
{
	background-color: var(--header);
}

.x-panel-header
{
	line-height: 15px;
}

.x-panel-ghost
{
	background-color: var(--accent-soft);
	opacity: 0.7;
}

.x-panel-dd-spacer
{
	border: 2px dashed var(--accent);
}

.x-fieldset legend
{
	color: var(--accent-text);
}

/* antraštės įrankiai (15x15) */
.x-tool
{
	background: var(--ic-gear) center / 13px no-repeat !important;
	border-radius: 3px;
	opacity: 0.8;
}

.x-tool:hover, [class*="x-tool-"][class*="-over"]
{
	background-color: var(--raised-hover) !important;
	opacity: 1;
}

.x-tool-close { background-image: var(--ic-close) !important; }
.x-tool-close:hover { background-image: var(--ic-close-hi) !important; }
.x-tool-minimize { background-image: var(--ic-minimize) !important; }
.x-tool-maximize { background-image: var(--ic-maximize) !important; }
.x-tool-restore { background-image: var(--ic-restore) !important; }
.x-tool-gear { background-image: var(--ic-gear) !important; }
.x-tool-pin { background-image: var(--ic-pin) !important; }
.x-tool-unpin { background-image: var(--ic-unpin) !important; }
.x-tool-refresh { background-image: var(--ic-refresh) !important; }
.x-tool-help { background-image: var(--ic-help) !important; }
.x-tool-print { background-image: var(--ic-print) !important; }
.x-tool-save { background-image: var(--ic-save) !important; }
.x-tool-search { background-image: var(--ic-search) !important; }
.x-tool-plus { background-image: var(--ic-plus) !important; }
.x-tool-minus { background-image: var(--ic-minus) !important; }
.x-tool-left, .x-tool-collapse-west, .x-tool-expand-east { background-image: var(--ic-chev-left) !important; }
.x-tool-right, .x-tool-collapse-east, .x-tool-expand-west { background-image: var(--ic-chev-right) !important; }
.x-tool-up, .x-tool-collapse-north, .x-tool-expand-south, .x-tool-toggle { background-image: var(--ic-chev-up) !important; }
.x-tool-down, .x-tool-collapse-south, .x-tool-expand-north,
.x-panel-collapsed .x-tool-toggle { background-image: var(--ic-chev-down) !important; }

/* rėmelinės dėžutės (frame:true, Ext.Msg turinys) */
.x-box-tl, .x-box-tc, .x-box-tr, .x-box-ml, .x-box-mc, .x-box-mr, .x-box-bl, .x-box-bc, .x-box-br
{
	background-color: var(--header);
}

/* ===== 4. Mygtukai ===== */
.x-btn
{
	cursor: pointer;
	background-color: var(--fill);
	border-radius: var(--radius);
	box-shadow: inset 0 0 0 1px var(--stroke), inset 0 -1px 0 var(--btn-edge);
}

.x-btn button
{
	color: var(--text);
}

.x-btn-over, .x-btn-focus
{
	background-color: var(--fill-hover);
	box-shadow: inset 0 0 0 1px var(--border-strong);
}

.x-btn-click, .x-btn-menu-active
{
	background-color: var(--fill-pressed);
	box-shadow: inset 0 0 0 1px var(--stroke);
}

/* įjungtas (toggle) mygtukas – akcento užpildas, kaip Fluent */
.x-btn-pressed
{
	background-color: var(--accent);
	box-shadow: none;
}

.x-btn-pressed button
{
	color: var(--on-accent);
}

.x-btn.x-item-disabled
{
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--border);
}

.x-btn-mc em.x-btn-arrow, .x-btn-mc em.x-btn-split
{
	background: var(--ic-caret-down) right center / 12px no-repeat;
}

.x-btn-mc em.x-btn-arrow-bottom, .x-btn-mc em.x-btn-split-bottom
{
	background: var(--ic-caret-down) center bottom / 12px no-repeat;
}

.x-btn-group
{
	border-radius: var(--radius);
	box-shadow: inset 0 0 0 1px var(--border);
}

.x-btn-group-tl, .x-btn-group-tr, .x-btn-group-tc, .x-btn-group-ml, .x-btn-group-mr,
.x-btn-group-mc, .x-btn-group-bl, .x-btn-group-br, .x-btn-group-bc
{
	background-color: transparent;
}

/* ===== 5. Įrankių juosta ===== */
.x-toolbar
{
	background-color: var(--header);
}

.x-toolbar .x-btn
{
	background-color: transparent;
	box-shadow: none;
}

.x-toolbar .x-btn-over, .x-toolbar .x-btn-focus
{
	background-color: var(--fill-hover);
	box-shadow: none;
}

.x-toolbar .x-btn-click, .x-toolbar .x-btn-menu-active
{
	background-color: var(--fill);
	box-shadow: none;
}

.x-toolbar .x-btn-pressed
{
	background-color: var(--accent);
	box-shadow: none;
}

.x-toolbar .xtb-sep
{
	background: linear-gradient(var(--border-strong), var(--border-strong)) center / 1px 14px no-repeat;
}

.x-toolbar-more-icon { background: var(--ic-chev-right) center / 14px no-repeat !important; }
.x-tbar-page-first { background: var(--ic-first) center / 16px no-repeat !important; }
.x-tbar-page-prev { background: var(--ic-chev-left) center / 16px no-repeat !important; }
.x-tbar-page-next { background: var(--ic-chev-right) center / 16px no-repeat !important; }
.x-tbar-page-last { background: var(--ic-last) center / 16px no-repeat !important; }
.x-tbar-loading { background: var(--ic-refresh) center / 16px no-repeat !important; }

/* ===== 6. Langai (Fluent ContentDialog) =====
   Vienas vientisas paviršius: rėmo dalys ir turinys permatomi, foną duoda pats .x-window.
   Jokio „dėžutė dėžutėje“: vidiniai skydeliai languose be fono ir su vos matomais rėmeliais.
   Apačia (mygtukai) – atskira tamsesnė juosta, pirmas matomas mygtukas – pagrindinis (akcentas). */
.x-window
{
	background-color: var(--window-bg);
	border-radius: var(--radius-lg);
	box-shadow: 0 0 0 1px var(--border-strong), var(--shadow-pop);
}

.x-window-tl, .x-window-tr, .x-window-tc, .x-window-ml, .x-window-mr,
.x-window-mc, .x-window-body, .x-window-plain .x-window-mc, .x-window-plain .x-window-body,
.x-window-dlg .x-window-body, .x-window-maximized .x-window-tc
{
	background-color: transparent;
	border-color: transparent;
}

.x-window-tl { border-radius: var(--radius-lg) var(--radius-lg) 0 0; }

.x-window-tl .x-window-header
{
	color: var(--text-strong);
	font: 600 var(--fs-lg) var(--font);
	letter-spacing: 0.01em;
}

/* apatinė mygtukų juosta */
.x-window-bl
{
	background-color: var(--window-footer);
	border-radius: 0 0 var(--radius-lg) var(--radius-lg);
	box-shadow: inset 0 1px 0 var(--border);
}

.x-window-br, .x-window-bc, .x-window-footer, .x-window .x-panel-fbar
{
	background-color: transparent;
}

/* pagrindinis mygtukas: pirmas MATOMAS lango apačios mygtukas */
.x-window-footer .x-toolbar-cell:nth-child(1 of :not(.x-hide-offsets):not(.x-hide-display)) .x-btn
{
	background-color: var(--accent);
	box-shadow: none;
}

.x-window-footer .x-toolbar-cell:nth-child(1 of :not(.x-hide-offsets):not(.x-hide-display)) .x-btn button
{
	color: var(--on-accent);
	font-weight: 600;
}

.x-window-footer .x-toolbar-cell:nth-child(1 of :not(.x-hide-offsets):not(.x-hide-display)) .x-btn-over,
.x-window-footer .x-toolbar-cell:nth-child(1 of :not(.x-hide-offsets):not(.x-hide-display)) .x-btn-focus
{
	filter: brightness(1.08);
}

.x-window-footer .x-toolbar-cell:nth-child(1 of :not(.x-hide-offsets):not(.x-hide-display)) .x-btn.x-item-disabled
{
	background-color: var(--fill);
}

.x-window-footer .x-toolbar-cell:nth-child(1 of :not(.x-hide-offsets):not(.x-hide-display)) .x-btn.x-item-disabled button
{
	color: var(--text-faint) !important;
}

/* vidiniai skydeliai languose: be fono, rėmeliai vos matomi */
.x-window .x-panel-body, .x-window .x-panel-bwrap, .x-window .x-tab-panel-body,
.x-window .x-panel-mc, .x-window .x-plain-body
{
	background-color: transparent;
	border-color: var(--border-soft);
}

.x-window .x-window-body > .x-panel > .x-panel-bwrap > .x-panel-body,
.x-window .x-window-body > .x-panel > .x-panel-bwrap > .x-panel-body-noheader
{
	border-color: transparent;
}

/* juostos languose: antraštės, įrankių juostos ir kortelių eilė turi savo toną – nesusilieja su forma */
.x-window .x-panel-header, .x-window .x-toolbar, .x-window .x-tab-panel-header
{
	background-color: var(--band);
	border-color: var(--border);
}

.x-window .x-grid3-header
{
	background-color: transparent;
}

.x-window ul.x-tab-strip-top
{
	background-color: transparent;
	border-color: var(--border);
}

/* apatinės įrankių juostos languose = veiksmų juosta: tikri mygtukai, be skirtukų */
.x-window .x-panel-bbar .x-toolbar, .x-window .x-tab-panel-bbar .x-toolbar, .x-window .x-window-bbar .x-toolbar
{
	background-color: var(--window-footer);
	border-color: var(--border-soft);
}

.x-window .x-panel-bbar .x-btn, .x-window .x-tab-panel-bbar .x-btn, .x-window .x-window-bbar .x-btn
{
	background-color: var(--fill);
	box-shadow: inset 0 0 0 1px var(--stroke), inset 0 -1px 0 var(--btn-edge);
}

.x-window .x-panel-bbar .x-btn-over, .x-window .x-tab-panel-bbar .x-btn-over, .x-window .x-window-bbar .x-btn-over
{
	background-color: var(--fill-hover);
	box-shadow: inset 0 0 0 1px var(--border-strong);
}

.x-window .x-panel-bbar .xtb-sep, .x-window .x-tab-panel-bbar .xtb-sep, .x-window .x-window-bbar .xtb-sep
{
	background: none;
}

.x-window .x-layout-split
{
	background-color: transparent;
}

/* lentelės languose – „įdubęs“ paviršius, kad skirtųsi nuo formos */
.x-window .x-grid3
{
	background-color: var(--window-inset);
}

.x-window .x-fieldset
{
	background-color: transparent;
	border-color: var(--border);
	border-radius: var(--radius-lg);
}

/* uždarymo mygtukas antraštėje – Fluent: užvedus raudonas */
.x-window .x-tool-close:hover
{
	background-color: #c42b1c !important;
	background-image: var(--ic-close-on) !important;
	opacity: 1;
}

.x-window-proxy
{
	background-color: var(--accent-soft);
	border: 1px solid var(--accent);
	opacity: 0.6;
}

/* Ext šešėlių sprite'us keičia box-shadow */
.x-shadow, .x-ie-shadow
{
	display: none !important;
}

/* Smoke: pritemdymas be visiško juodumo; Ext opacity nuimamas, permatomumą duoda pati spalva */
.ext-el-mask, .x-dlg-mask, .x-spotlight
{
	background-color: var(--smoke);
	opacity: 1;
	filter: none;
}

.ext-el-mask-msg
{
	background-color: var(--header);
	border-radius: var(--radius);
	box-shadow: var(--shadow-pop);
}

.ext-el-mask-msg div
{
	background-color: transparent;
	border-color: transparent;
}

/* Ext „Kraunama...“ žinutė: ikonai palikta vieta kairėje (padding iš ext-all-notheme) */
.x-mask-loading div
{
	background: var(--ic-spinner) 5px center / 16px no-repeat;
}

.loading-indicator
{
	background: var(--ic-spinner) 0 center / 16px no-repeat;
	color: var(--text-muted);
}

.x-grid-row-loading
{
	background: var(--surface) var(--ic-spinner) center / 16px no-repeat;
}

.x-window-dlg .ext-mb-icon { background-position: center; background-repeat: no-repeat; background-size: 32px; }
.x-window-dlg .ext-mb-info { background-image: var(--ic-mb-info); }
.x-window-dlg .ext-mb-warning { background-image: var(--ic-mb-warning); }
.x-window-dlg .ext-mb-question { background-image: var(--ic-mb-question); }
.x-window-dlg .ext-mb-error { background-image: var(--ic-mb-error); }
.x-window-dlg .x-msg-box-wait { background: var(--ic-spinner) center / 24px no-repeat; }

/* ===== 7. Formos ===== */
.x-form-text, textarea.x-form-field, .x-form-select-one, .x-html-editor-wrap
{
	background-color: var(--input);
	color: var(--text);
	caret-color: var(--accent);
}

.x-form-text, textarea.x-form-field
{
	border-bottom-color: var(--input-line);
	border-radius: var(--radius);
}

.x-form-focus, textarea.x-form-focus, .x-trigger-wrap-focus .x-form-text
{
	background-color: var(--input-focus);
	border-bottom-color: var(--accent);
	box-shadow: inset 0 -1px 0 var(--accent);
}

.x-form-empty-field, .x-form-text::placeholder
{
	color: var(--text-faint);
}

/* tik skaitomi / išjungti laukai: tas pats pavidalas, blankesnis užpildas ir tekstas.
   (neredaguojamas combo turi readonly atributą, bet yra įprastas laukas – jo čia neliečiam) */
.x-form-text.x-form-readonly, textarea.x-form-field.x-form-readonly, .x-item-disabled .x-form-text
{
	color: var(--text-muted);
}

.x-form-field-wrap .x-form-text { border-radius: var(--radius) 0 0 var(--radius); }

/* trigeris: 17x21, ikona centre; būsenas rodo fonas, ne sprite pozicija */
.x-form-field-wrap .x-form-trigger
{
	background: var(--input) var(--ic-chev-down) center / 12px no-repeat !important;
	border-bottom-color: var(--input-line);
	border-radius: 0 var(--radius) var(--radius) 0;
	cursor: pointer;
}

.x-form-field-wrap .x-form-trigger-over { background-color: var(--raised) !important; }
.x-form-field-wrap .x-form-trigger-click { background-color: var(--accent-soft) !important; }
.x-trigger-wrap-focus .x-form-trigger { border-bottom-color: var(--accent); box-shadow: inset 0 -1px 0 var(--accent); }
.x-form-field-wrap .x-form-date-trigger { background-image: var(--ic-calendar) !important; }
.x-form-field-wrap .x-form-clear-trigger { background-image: var(--ic-close) !important; }
.x-form-field-wrap .x-form-search-trigger { background-image: var(--ic-search) !important; }

.x-form-invalid, textarea.x-form-invalid, .x-form-invalid.x-form-composite .x-form-invalid
{
	background-color: var(--danger-soft);
	border-color: var(--danger);
}

.x-form-inner-invalid, textarea.x-form-inner-invalid
{
	background-color: var(--danger-soft);
}

.x-form-invalid-msg
{
	color: var(--danger);
	background: var(--ic-warn) 0 center / 14px no-repeat;
}

.x-form-invalid-icon
{
	background: var(--ic-warn) center / 14px no-repeat;
}

.x-form-check-wrap input, .x-form-radio-wrap-inner input
{
	accent-color: var(--accent);
}

input:-webkit-autofill
{
	-webkit-text-fill-color: var(--text);
	box-shadow: inset 0 0 0 100px var(--input);
}

.x-editor .x-form-check-wrap
{
	background-color: var(--input);
}

/* ===== 8. Combo ir meniu ===== */
.x-combo-list, .x-menu, .x-menu-plain, .x-date-menu, .x-color-menu
{
	background-color: var(--flyout) !important;
}

.x-combo-list-inner, .x-menu .x-menu-list
{
	background-color: transparent !important;
}

.x-combo-list, .x-menu-floating
{
	box-shadow: var(--shadow-pop);
	border-radius: var(--radius-lg);
	border-color: var(--stroke);
}

.x-combo-list-hd
{
	background-color: var(--header);
}

.x-combo-list-item
{
	border-color: transparent;
}

.x-combo-list .x-combo-selected
{
	background: linear-gradient(var(--accent), var(--accent)) 0 center / 3px 12px no-repeat, var(--fill-hover);
	border-color: transparent !important;
	border-radius: var(--radius);
	color: var(--text-strong);
}

.x-menu-sep
{
	background-color: var(--border);
	border-bottom-color: transparent;
}

.x-menu-item-active
{
	background-color: var(--fill-hover);
	border-color: transparent;
	border-radius: var(--radius);
}

.x-menu-item-active a.x-menu-item
{
	border-color: transparent;
	color: var(--text-strong);
}

.x-menu-item-arrow { background: var(--ic-chev-right) right center / 12px no-repeat; }
.x-menu-check-item .x-menu-item-icon { background: var(--ic-box-off) center / 14px no-repeat; }
.x-menu-item-checked .x-menu-item-icon { background: var(--ic-box-on) center / 14px no-repeat; }
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon { background: var(--ic-radio-on) center / 14px no-repeat; }
.x-menu-group-item .x-menu-item-icon { background-image: none; }
.x-menu-scroller-top { background: var(--ic-chev-up) center / 12px no-repeat; }
.x-menu-scroller-bottom { background: var(--ic-chev-down) center / 12px no-repeat; }
.x-cycle-menu .x-menu-item-checked { background-color: var(--accent-soft); border-color: var(--accent) !important; }

/* ===== 9. Lentelės ===== */
.x-grid3, .x-grid-row-loading
{
	background-color: var(--surface);
}

.x-grid3-header, .x-grid3-header-pop-inner, .x-pivotgrid .x-grid3-row-headers, .x-list-header
{
	background-color: var(--header);
}

.x-grid3-hd-row td
{
	border-left-color: transparent;
	border-right-color: var(--border);
}

/* Fluent: stulpelių antraštės – įprasto svorio, prislopintos */
.x-grid3-hd-inner
{
	font-weight: normal;
}

td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open
{
	border-left-color: transparent;
	border-right-color: var(--border);
}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner,
td.x-grid3-hd-menu-open .x-grid3-hd-inner, .x-dd-drag-proxy .x-grid3-hd-inner
{
	background-color: var(--raised);
	color: var(--text);
}

.sort-asc .x-grid3-sort-icon { background: var(--ic-sort-asc) center / 9px no-repeat; }
.sort-desc .x-grid3-sort-icon { background: var(--ic-sort-desc) center / 9px no-repeat; }

.x-grid3-hd-btn
{
	background: var(--raised-hover) var(--ic-chev-down) center / 11px no-repeat !important;
}

.x-grid3-row
{
	border-color: transparent;
	border-bottom-color: var(--border-soft);
}

.x-grid3-row-alt
{
	background-color: var(--surface-alt);
}

.x-grid3-row-over
{
	background-color: var(--hover);
	border-color: transparent;
	border-bottom-color: var(--border-soft);
}

/* Pasirinkta eilutė turi matytis ir ant spalvotų (būsenų) eilučių, todėl žymima ne fonu,
   o akcento linijomis + šviesiu persidengimu LANGELIUOSE (langelių fonas dažnai turi !important). */
.x-grid3-row-selected
{
	background-color: var(--accent-soft) !important;
	border-color: transparent;
	border-top-color: var(--accent);
	border-bottom-color: var(--accent);
}

.x-grid3-row-selected td.x-grid3-cell,
.x-grid3-row-selected td.x-grid3-col
{
	background-image: linear-gradient(var(--select-overlay), var(--select-overlay));
}

.x-grid3-row-selected td.x-grid3-cell-first,
.x-grid3-row-selected td.x-grid3-col:first-child
{
	background-image: linear-gradient(var(--select-overlay), var(--select-overlay));
	box-shadow: inset 4px 0 0 var(--accent);
}

.x-grid3-row-selected .x-grid3-cell-inner
{
	color: var(--text-strong);
	font-weight: 600;
}

.x-grid3-cell-selected
{
	background-color: var(--cell-selected) !important;
	color: var(--text-strong);
}

.x-grid3-dirty-cell
{
	box-shadow: inset 3px 0 0 var(--danger);
}

.x-grid3-resize-proxy, .x-grid3-resize-marker, .x-splitbar-proxy, .x-list-resizer
{
	background-color: var(--accent);
}

.x-grid3-row-checker, .x-grid3-hd-checker
{
	background: var(--ic-box-off) center / 14px no-repeat !important;
}

.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker
{
	background-image: var(--ic-box-on) !important;
}

.x-grid3-check-col { background: var(--ic-box-off) center / 14px no-repeat; }
.x-grid3-check-col-on { background: var(--ic-box-on) center / 14px no-repeat; }
.x-grid3-row-expander { background: var(--ic-chev-right) center / 12px no-repeat !important; }
.x-grid3-row-expanded .x-grid3-row-expander { background-image: var(--ic-chev-down) !important; }

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner
{
	color: var(--text-faint);
}

.x-grid-group-hd
{
	border-bottom-color: var(--border);
}

.x-grid-group-hd div.x-grid-group-title
{
	background: var(--ic-chev-down) 2px center / 11px no-repeat;
	color: var(--accent-text);
}

.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title
{
	background-image: var(--ic-chev-right);
}

.x-grid3-summary-row, .x-grid3-locked td.x-grid3-row-marker
{
	background-color: var(--header) !important;
}

.x-props-grid .x-grid3-body .x-grid3-td-name
{
	background-color: var(--surface-alt) !important;
}

.col-move-top { background: var(--ic-arrow-down) center / 9px no-repeat; }
.col-move-bottom { background: var(--ic-arrow-up) center / 9px no-repeat; }
.xg-hmenu-sort-asc .x-menu-item-icon { background: var(--ic-arrow-up) center / 14px no-repeat; }
.xg-hmenu-sort-desc .x-menu-item-icon { background: var(--ic-arrow-down) center / 14px no-repeat; }
.xg-hmenu-lock .x-menu-item-icon { background: var(--ic-lock) center / 14px no-repeat; }
.xg-hmenu-unlock .x-menu-item-icon { background: var(--ic-unlock) center / 14px no-repeat; }
.x-cols-icon { background: var(--ic-columns) center / 14px no-repeat !important; }
.x-group-by-icon, .x-show-groups-icon { background: var(--ic-group) center / 14px no-repeat !important; }

.x-view-selector
{
	background-color: var(--accent-soft);
	border: 1px dotted var(--accent);
	opacity: 0.5;
}

.x-list-over { background-color: var(--hover); }
.x-list-selected, .x-view-selected { background-color: var(--accent-soft); }
.x-list-header-inner em.sort-asc { background: var(--ic-sort-asc) right center / 9px no-repeat; }
.x-list-header-inner em.sort-desc { background: var(--ic-sort-desc) right center / 9px no-repeat; }

/* ===== 10. Kortelės (Fluent: be dėžučių, aktyvi – pabraukta akcentu) ===== */
.x-tab-panel-header, .x-tab-panel-footer, ul.x-tab-strip-top, ul.x-tab-strip-bottom,
.x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer
{
	background-color: transparent;
	border-color: var(--border);
}

.x-tab-panel-header, .x-tab-panel-footer
{
	background-color: var(--header);
}

.x-tab-strip li
{
	border-radius: var(--radius) var(--radius) 0 0;
}

.x-tab-strip-bottom li
{
	border-radius: 0 0 var(--radius) var(--radius);
}

.x-tab-strip span.x-tab-strip-text
{
	color: var(--text-muted);
}

.x-tab-strip-over { background-color: var(--fill); }
.x-tab-strip-over span.x-tab-strip-text { color: var(--text); }

.x-tab-strip-top .x-tab-strip-active
{
	background-color: transparent;
	box-shadow: inset 0 -2px 0 var(--accent);
}

.x-tab-strip-bottom .x-tab-strip-active
{
	background-color: transparent;
	box-shadow: inset 0 2px 0 var(--accent);
}

.x-tab-strip-active span.x-tab-strip-text { color: var(--text-strong); }
.x-tab-strip-disabled .x-tabs-text { color: var(--text-faint); }

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close
{
	background: var(--ic-close) center / 10px no-repeat;
	opacity: 0.6;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover
{
	background-image: var(--ic-close-hi);
	opacity: 1;
}

.x-tab-scroller-left { background: var(--header) var(--ic-chev-left) center / 12px no-repeat !important; }
.x-tab-scroller-right { background: var(--header) var(--ic-chev-right) center / 12px no-repeat !important; }
.x-tab-scroller-left-over, .x-tab-scroller-right-over { background-color: var(--raised) !important; }
.x-tab-scroller-left-disabled, .x-tab-scroller-right-disabled { opacity: 0.35; }

/* ===== 11. Medis ===== */
.x-tree-node .x-tree-node-over { background-color: var(--hover); }
.x-tree-node .x-tree-selected { background-color: var(--accent-soft); }
.x-tree-node .x-tree-selected a span { color: var(--text-strong); }
.x-tree-node .x-tree-node-disabled a span, .x-tree-node .x-tree-node-disabled a { color: var(--text-faint) !important; }
.x-tree-node .x-tree-drag-append a span { background-color: var(--accent-soft); border: 1px dotted var(--accent); }
.x-tree-node div.x-tree-drag-insert-below { border-bottom: 1px solid var(--accent); }
.x-tree-node div.x-tree-drag-insert-above { border-top: 1px solid var(--accent); }

.x-tree-node-expanded .x-tree-node-icon { background: var(--ic-folder-open) center / 15px no-repeat; }
.x-tree-node-collapsed .x-tree-node-icon { background: var(--ic-folder) center / 15px no-repeat; }
.x-tree-node-leaf .x-tree-node-icon { background: var(--ic-leaf) center / 14px no-repeat; }
.x-tree-node-loading .x-tree-node-icon { background: var(--ic-spinner) center / 14px no-repeat !important; }

.x-tree-elbow-plus, .x-tree-elbow-end-plus { background: var(--ic-chev-right) center / 11px no-repeat !important; }
.x-tree-elbow-minus, .x-tree-elbow-end-minus { background: var(--ic-chev-down) center / 11px no-repeat !important; }

/* ===== 12. Datos parinkiklis ===== */
.x-date-picker, .x-date-mp
{
	background-color: var(--surface);
}

.x-date-middle, .x-date-left, .x-date-right, .x-date-inner th, .x-date-bottom, .x-date-mp-btns
{
	background-color: var(--header);
	color: var(--text-muted);
}

.x-date-middle .x-btn, .x-date-bottom .x-btn
{
	background-color: transparent;
	box-shadow: none;
}

.x-date-middle .x-btn-over, .x-date-bottom .x-btn-over
{
	background-color: var(--raised);
}

.x-date-left a { background: var(--ic-chev-left) center / 12px no-repeat; }
.x-date-right a { background: var(--ic-chev-right) center / 12px no-repeat; }
.x-date-mp-ybtn a.x-date-mp-prev { background: var(--ic-chev-left) center / 12px no-repeat !important; }
.x-date-mp-ybtn a.x-date-mp-next { background: var(--ic-chev-right) center / 12px no-repeat !important; }

.x-date-inner td { border-color: transparent; }
.x-date-inner a { border-radius: 3px; }
.x-date-inner a:hover, td.x-date-mp-month a:hover, td.x-date-mp-year a:hover { background-color: var(--hover); color: var(--text-strong); }

.x-date-inner .x-date-prevday a, .x-date-inner .x-date-nextday a, .x-date-inner .x-date-disabled a
{
	color: var(--text-faint);
	background-color: transparent;
}

.x-date-inner .x-date-today a { border-color: var(--accent); }

.x-date-inner .x-date-selected a, td.x-date-mp-sel a
{
	background-color: var(--accent);
	border-color: var(--accent);
	color: var(--on-accent);
}

.x-date-mp-btns button
{
	background-color: var(--raised);
	border: 1px solid var(--border-strong);
	border-radius: 3px;
	color: var(--text);
}

/* ===== 13. Patarimai ===== */
.x-tip
{
	background-color: var(--flyout);
	border-radius: var(--radius);
	box-shadow: var(--shadow-pop);
}

.x-tip .x-tip-tl, .x-tip .x-tip-tc, .x-tip .x-tip-tr, .x-tip .x-tip-ml, .x-tip .x-tip-mc,
.x-tip .x-tip-mr, .x-tip .x-tip-bl, .x-tip .x-tip-bc, .x-tip .x-tip-br
{
	background-color: transparent;
}

.x-tip .x-tip-close { background: var(--ic-close) center / 11px no-repeat; }

.x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tr,
.x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mc, .x-form-invalid-tip .x-tip-mr,
.x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-bc, .x-form-invalid-tip .x-tip-br
{
	background-color: var(--tip-danger-bg);
}

.x-form-invalid-tip .x-tip-body
{
	background: var(--ic-warn) 0 1px / 14px no-repeat;
	color: var(--tip-danger-text);
}

/* ===== 14. Išdėstymas ===== */
.x-border-layout-ct
{
	background-color: transparent;
}

.x-layout-collapsed
{
	background-color: var(--header);
}

.x-layout-collapsed-over
{
	background-color: var(--raised);
	cursor: pointer;
}

.x-layout-split-west .x-layout-mini, .x-layout-cmini-east .x-layout-mini { background: var(--ic-chev-left) center / 9px no-repeat; }
.x-layout-split-east .x-layout-mini, .x-layout-cmini-west .x-layout-mini { background: var(--ic-chev-right) center / 9px no-repeat; }
.x-layout-split-north .x-layout-mini, .x-layout-cmini-south .x-layout-mini { background: var(--ic-chev-up) center / 9px no-repeat; }
.x-layout-split-south .x-layout-mini, .x-layout-cmini-north .x-layout-mini { background: var(--ic-chev-down) center / 9px no-repeat; }

.x-layout-mini
{
	background-color: var(--raised) !important;
	border-radius: 2px;
}

.x-layout-mini-over
{
	background-color: var(--accent-soft) !important;
}

.x-resizable-handle, .x-resizable-overlay
{
	background-color: transparent;
}

.x-resizable-proxy
{
	border: 1px dashed var(--accent);
}

/* ===== 15. Kita ===== */
.x-progress-wrap
{
	border-radius: 3px;
}

.x-progress-inner
{
	background-color: var(--input);
}

.x-progress-bar
{
	background-color: var(--accent);
	border-color: var(--accent);
}

.x-progress-text, .x-progress-text-back
{
	color: var(--text);
}

.x-slider-horz .x-slider-inner { background: linear-gradient(var(--border-strong), var(--border-strong)) center / 100% 3px no-repeat; }
.x-slider-vert .x-slider-inner { background: linear-gradient(var(--border-strong), var(--border-strong)) center / 3px 100% no-repeat; }
.x-slider-horz .x-slider-thumb, .x-slider-vert .x-slider-thumb { background: var(--ic-thumb) center / 15px no-repeat !important; }

.x-dd-drag-ghost
{
	background-color: var(--header);
	border-color: var(--accent);
	border-radius: var(--radius);
	box-shadow: var(--shadow-pop);
}

.x-dd-drop-nodrop .x-dd-drop-icon { background: var(--ic-no) center / 14px no-repeat; }
.x-dd-drop-ok .x-dd-drop-icon, .x-tree-drop-ok-append .x-dd-drop-icon { background: var(--ic-ok) center / 14px no-repeat; }
.x-dd-drop-ok-add .x-dd-drop-icon { background: var(--ic-ok-add) center / 14px no-repeat; }
.x-tree-drop-ok-above .x-dd-drop-icon { background: var(--ic-arrow-up) center / 14px no-repeat; }
.x-tree-drop-ok-below .x-dd-drop-icon, .x-tree-drop-ok-between .x-dd-drop-icon { background: var(--ic-arrow-down) center / 14px no-repeat; }

.x-color-palette a { border-color: transparent; }
.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { background-color: var(--accent-soft); border-color: var(--accent); }

/* HTML redaktorius: vietoj seno tb-sprite.gif – SVG ikonos */
.x-html-editor-tb .x-btn-text, .x-menu-item img[class^="x-edit-"]
{
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
}

.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold { background-image: var(--ic-ed-bold) !important; }
.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic { background-image: var(--ic-ed-italic) !important; }
.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline { background-image: var(--ic-ed-underline) !important; }
.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize { background-image: var(--ic-ed-bigger) !important; }
.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize { background-image: var(--ic-ed-smaller) !important; }
.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor { background-image: var(--ic-ed-forecolor) !important; }
.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor { background-image: var(--ic-ed-backcolor) !important; }
.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft { background-image: var(--ic-ed-left) !important; }
.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter { background-image: var(--ic-ed-center) !important; }
.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright { background-image: var(--ic-ed-right) !important; }
.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist { background-image: var(--ic-ed-ol) !important; }
.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist { background-image: var(--ic-ed-ul) !important; }
.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink { background-image: var(--ic-ed-link) !important; }
.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit { background-image: var(--ic-ed-source) !important; }

.x-html-editor-tb select, .x-html-editor-tb .x-font-select
{
	background-color: var(--input);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	color: var(--text);
}

/* slinkties juostos ir žymėjimas */
::-webkit-scrollbar { width: 12px; height: 12px; background: transparent; }
::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 5px; border: 3px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: var(--scroll-thumb-hover); }
::-webkit-scrollbar-corner { background: transparent; }
/* Firefox (nepalaiko ::-webkit-scrollbar); Chrome ≥121 su scrollbar-color išjungtų webkit stilių, todėl tik kai jo nėra */
@supports not selector(::-webkit-scrollbar)
{
	* { scrollbar-width: thin; scrollbar-color: var(--scroll-thumb) transparent; }
}
::selection { background: var(--selection-bg); color: #fff; }

/* Safari/macOS: be natyvaus laukų piešinio (vidinis šešėlis, apvalinimas) ir be automatinio didinimo */
input.x-form-text, textarea.x-form-field
{
	-webkit-appearance: none;
	appearance: none;
	-webkit-text-size-adjust: 100%;
}

/* ===== 16. „Ne Ext 3“ detalės (tik išvaizda, matmenys tie patys) ===== */

/* Laukai: užpildyti, be šoninių rėmelių – tik apatinė linija (Fluent TextBox) */
.x-form-text, textarea.x-form-field, .x-form-select-one
{
	background-color: var(--field);
	border-color: transparent;
	border-bottom-color: var(--input-line);
}

.x-form-text:hover, textarea.x-form-field:hover
{
	background-color: var(--field-hover);
}

.x-form-focus, textarea.x-form-focus, .x-trigger-wrap-focus .x-form-text
{
	background-color: var(--input-focus);
	border-color: transparent;
	border-bottom-color: var(--accent);
}

.x-form-field-wrap .x-form-trigger
{
	background-color: var(--field) !important;
	border-bottom-color: var(--input-line);
}

.x-form-field-wrap .x-form-trigger-over { background-color: var(--field-hover) !important; }

.x-form-invalid, textarea.x-form-invalid
{
	border-color: transparent;
	border-bottom-color: var(--danger);
	box-shadow: inset 0 -1px 0 var(--danger);
}

.x-form-item label, .x-form-item-label
{
	font-size: var(--fs);
}

/* Žymimieji langeliai ir radijo mygtukai: savas piešinys vietoj naršyklės/Ext */
.x-form-check-wrap input[type="checkbox"], .x-form-cb-li input[type="checkbox"], input.x-form-checkbox,
.x-toolbar input[type="checkbox"], .x-grid3 input[type="checkbox"]
{
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	margin: 0;
	vertical-align: middle;
	background: var(--ic-box-off) center / 14px no-repeat;
	cursor: pointer;
}

.x-form-check-wrap input[type="checkbox"]:checked, .x-form-cb-li input[type="checkbox"]:checked, input.x-form-checkbox:checked,
.x-toolbar input[type="checkbox"]:checked, .x-grid3 input[type="checkbox"]:checked
{
	background-image: var(--ic-box-on);
}

.x-form-check-wrap input[type="radio"], input.x-form-radio
{
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	margin: 0;
	vertical-align: middle;
	border: 1px solid var(--input-line);
	border-radius: 50%;
	background-color: var(--field);
	cursor: pointer;
}

.x-form-check-wrap input[type="radio"]:checked, input.x-form-radio:checked
{
	border: 4px solid var(--accent);
	background-color: var(--on-accent);
}

.x-item-disabled input[type="checkbox"], .x-item-disabled input[type="radio"] { opacity: 0.5; cursor: default; }

/* Skydelių antraštės – juosta su skyriaus etikete (atskirta nuo turinio tonu ir linija) */
.x-panel-header
{
	background-color: var(--band);
	border-color: transparent;
	border-bottom-color: var(--border);
}

.x-panel-header-text
{
	color: var(--text-muted);
	font: 600 var(--fs-sm) var(--font);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* Įrankių juostos: be skirtukų, bet aiškiai atskirtos nuo turinio (kitas tonas + linija) */
.x-toolbar
{
	background-color: var(--band);
	border-color: var(--border);
}

.x-toolbar .xtb-sep
{
	background: none;
}

.x-toolbar .x-btn
{
	border-radius: var(--radius);
}

/* visi juostos elementai vienoje linijoje (mygtukai, tekstas, varnelės, laukai) */
.x-toolbar .x-toolbar-cell
{
	vertical-align: middle;
}

.x-toolbar .xtb-text
{
	padding-top: 0;
	padding-bottom: 0;
	line-height: 20px;
	color: var(--text-muted);
}

.x-toolbar .x-form-check-wrap
{
	display: flex;
	align-items: center;
	height: 24px;
	min-height: 0;
	line-height: 20px;
	padding: 0;
}

.x-toolbar .x-form-check-wrap input, .x-toolbar .x-form-cb-label
{
	vertical-align: middle;
	position: static;
	top: auto;
}

.x-toolbar .x-form-cb-label
{
	font-size: var(--fs);
	line-height: 20px;
	margin-left: 4px;
}

/* Lentelės: antraštė be vertikalių linijų ir be juostos, eilutės – tik plona linija */
/* Hierarchija: įrankių juosta (tonuota) -> stulpelių antraštė (švari, su ryškesne apatine linija
   ir plonais stulpelių skirtukais) -> eilutės */
.x-grid3-header
{
	background-color: var(--surface);
	box-shadow: inset 0 -1px 0 var(--border-strong);
}

.x-grid3-hd-row td, td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open
{
	border-left-color: transparent;
	border-right-color: var(--border);
	border-bottom-color: transparent;
}

.x-grid3-hd-inner
{
	color: var(--text-muted);
	font-size: var(--fs-sm);
	font-weight: 600;
	letter-spacing: 0.02em;
}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner,
td.x-grid3-hd-menu-open .x-grid3-hd-inner
{
	background-color: var(--fill);
	border-radius: var(--radius);
}

.x-grid3-row-alt
{
	background-color: transparent;
}

/* Dalinimo juostos nematomos, kol neužvesta */
.x-layout-split
{
	background-color: transparent;
}

.x-layout-split:hover
{
	background-color: var(--fill-hover);
}

/* Fieldset – kortelė */
.x-fieldset
{
	border-radius: var(--radius-lg);
	border-color: var(--border);
}

.x-fieldset legend
{
	color: var(--text-muted);
	font: 600 var(--fs-sm) var(--font);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* ===== 17. Rėmeliai: viena plona linija, be dvigubų dėžučių =====
   Vidiniai skydeliai, lentelės ir kortelių turinys TURI ploną rėmelį – kitaip languose (pvz. kliento
   informacija) skyriai susilieja. Nedubliuojama tik ten, kur rėmas jau yra: pagrindinė kortelė
   (app.css) ir lango kraštas (tiesioginis lango turinys – žr. 6 skyrių). */
.x-panel-body, .x-panel-body-noheader, .x-panel-mc .x-panel-body, .x-grid-panel .x-panel-mc .x-panel-body,
.x-tab-panel-body, .x-tab-panel-body-top, .x-tab-panel-body-bottom,
.x-window .x-panel-body, .x-window .x-tab-panel-body, .x-window .x-panel-mc
{
	border-color: var(--border);
}

/* juostos: šonai ir viršus – tos pačios linijos tęsinys, apačia – skiriamoji linija */
.x-panel-header, .x-panel-tbar .x-toolbar, .x-tab-panel-tbar .x-toolbar, .x-panel-tbar-noheader .x-toolbar,
.x-window .x-panel-header, .x-window .x-toolbar
{
	border-color: var(--border);
}

.x-panel-bbar .x-toolbar, .x-tab-panel-bbar .x-toolbar, .x-window-bbar .x-toolbar, .x-grid3-bottombar .x-toolbar
{
	border-color: var(--border);
}

.x-tab-panel-header, .x-tab-panel-footer
{
	border-color: var(--border);
}

/* tiesioginis lango turinys (viena forma per visą langą) – be papildomo rėmelio, jį atstoja lango kraštas */
.x-window .x-window-body > .x-panel > .x-panel-bwrap > .x-panel-body,
.x-window .x-window-body > .x-panel > .x-panel-bwrap > .x-panel-body-noheader
{
	border-color: transparent;
}

/* juostos įdėtuose skydeliuose – švelniai užapvalintos */
.x-panel .x-panel .x-panel-header
{
	border-radius: var(--radius) var(--radius) 0 0;
}

/* įrėminti (frame:true) skydeliai: be fono dėžutės */
.x-panel-tl, .x-panel-tr, .x-panel-tc, .x-panel-ml, .x-panel-mr, .x-panel-mc, .x-panel-bl, .x-panel-br, .x-panel-bc
{
	background-color: transparent;
}

/* ===== 18. Komandų juosta + lentelė + skydelių juostos: viena sistema =====
   juosta (tonuota, su linija) -> stulpelių antraštė (šviesesnė, trumpi skirtukai) -> eilutės.
   Mygtukai juostose turi kontūrą – atrodo kaip mygtukai, ne kaip tekstas. */
.x-toolbar .x-btn, .x-panel-fbar .x-btn
{
	background-color: var(--btn-bg);
	box-shadow: inset 0 0 0 1px var(--stroke), inset 0 -1px 0 var(--btn-edge);
	border-radius: var(--radius);
}

.x-toolbar .x-btn-over, .x-toolbar .x-btn-focus
{
	background-color: var(--btn-bg-hover);
	box-shadow: inset 0 0 0 1px var(--border-strong);
}

.x-toolbar .x-btn-click, .x-toolbar .x-btn-menu-active
{
	background-color: var(--fill);
	box-shadow: inset 0 0 0 1px var(--border-strong);
}

.x-toolbar .x-btn-pressed
{
	background-color: var(--accent);
	box-shadow: none;
}

.x-toolbar .x-btn-pressed button { color: var(--on-accent); }

.x-toolbar .x-btn.x-item-disabled
{
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--border-soft);
}

/* ikonų mygtukai (puslapiavimas, ✕) – be kontūro, tik užvedus */
.x-toolbar .x-btn-icon, .x-toolbar .x-btn.x-btn-icon.x-item-disabled
{
	background-color: transparent;
	box-shadow: none;
}

.x-toolbar .x-btn-icon.x-btn-over
{
	background-color: var(--fill-hover);
	box-shadow: none;
}

/* tarpai tarp mygtukų vietoj skirtukų */
.x-toolbar .xtb-sep
{
	width: 2px;
	margin: 0 1px;
}

.x-toolbar .x-form-cb-label
{
	line-height: 24px;
	position: relative;
	top: 2px;
}

.x-toolbar .x-form-check-wrap input
{
	position: relative;
	top: 2px;
}

/* tekstas mygtuke neliečia kraštų (Ext webkit taisyklė nunulina padding) */
.x-btn-noicon button.x-btn-text
{
	padding-left: 6px !important;
	padding-right: 6px !important;
}

/* stulpelių antraštė: šviesesnis juostos tęsinys, trumpi skirtukai */
.x-grid3-header
{
	background-color: var(--band-soft);
	box-shadow: inset 0 -1px 0 var(--border-strong);
}

.x-grid3-hd-row td, td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open
{
	border-right-color: transparent;
	background: linear-gradient(var(--border-strong), var(--border-strong)) right center / 1px 14px no-repeat;
}

.x-window .x-grid3-header
{
	background-color: var(--band-soft);
}

/* ===== 19. Apatinės juostos: puslapiavimas, sumos, būsena ===== */
/* visi tekstai ir reikšmės juostose – ta pati eilutė ir dydis (density.css laukų taisyklės čia negalioja) */
.x-toolbar .xtb-text, .x-toolbar .x-form-display-field, .x-toolbar label
{
	font-size: var(--fs);
	line-height: 20px;
	padding-top: 0;
	padding-bottom: 0;
}

.x-toolbar .xtb-text
{
	color: var(--text-muted);
}

/* reikšmės (sumos, skaitliukai) – ryškesnės už etiketes */
.x-toolbar .x-form-display-field
{
	color: var(--text-strong);
	font-weight: 600;
}

.x-toolbar .xtb-sep
{
	width: 6px;
}

/* puslapio numerio laukas – centruotas, kaip kiti juostos laukai */
.x-toolbar .x-tbar-page-number
{
	text-align: center;
}

.x-toolbar .x-item-disabled .x-btn-text, .x-toolbar .x-btn-icon.x-item-disabled
{
	opacity: 0.45;
}

/* būsenos tekstas („Vykdoma...“, „Atnaujinta“) */
.x-toolbar .x-status-text
{
	color: var(--text-muted);
}

/* modulių kode uždėti papildomi skydelių kraštai (inline border-*) dubliuoja temos liniją – paslepiami */
.x-panel.x-border-panel[style*="border-"], .x-panel.x-panel-noborder[style*="border-"]
{
	border-color: transparent !important;
}

/* ===== 20. Juostos telpa: kompaktiški tarpai (juostų plotį nustato moduliai, todėl turinys turi būti siauras) ===== */
.x-toolbar
{
	padding: 2px 3px !important;
}

.x-toolbar .xtb-sep
{
	width: 2px;
	margin: 0;
}

.x-toolbar .xtb-spacer
{
	width: 2px;
}

.x-toolbar .xtb-text
{
	padding-left: 2px;
	padding-right: 2px;
	font-size: var(--fs-sm);
}

.x-toolbar .x-btn-noicon button.x-btn-text
{
	padding-left: 4px !important;
	padding-right: 4px !important;
	font-size: var(--fs-sm);
}

.x-toolbar .x-form-display-field, .x-toolbar .x-form-cb-label, .x-toolbar label
{
	font-size: var(--fs-sm);
}

.x-toolbar .x-small-editor input.x-form-text, .x-toolbar input.x-form-text
{
	padding-left: 4px;
	padding-right: 4px;
	font-size: var(--fs-sm);
}

/* ===== 21. Dalinimo juostos ir jų rankenėlės =====
   Tarpas tarp skydelių – ne tuščias plyšys: per vidurį eina plona linija, o rankenėlė
   (sutraukti / išskleisti) – aiškus mažas mygtukas su rodykle. Juostos plotis (5px) nekeičiamas. */
.x-layout-split-west, .x-layout-split-east
{
	background: linear-gradient(var(--border), var(--border)) center / 1px 100% no-repeat !important;
}

.x-layout-split-north, .x-layout-split-south
{
	background: linear-gradient(var(--border), var(--border)) center / 100% 1px no-repeat !important;
}

.x-layout-split:hover
{
	background-color: var(--fill-hover) !important;
}

.x-layout-mini
{
	opacity: 1 !important;
	background-color: var(--grip) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 9px !important;
	border: 1px solid var(--border-strong);
	border-radius: 6px;
	box-sizing: border-box;
	z-index: 4;
}

/* vertikalios juostos rankenėlė: 11x40, išsikiša po 3px į abi puses */
.x-layout-split-west .x-layout-mini, .x-layout-split-east .x-layout-mini,
.x-layout-cmini-west .x-layout-mini, .x-layout-cmini-east .x-layout-mini
{
	width: 11px;
	height: 40px;
	left: -3px;
}

/* horizontalios juostos rankenėlė: 40x11 */
.x-layout-split-north .x-layout-mini, .x-layout-split-south .x-layout-mini,
.x-layout-cmini-north .x-layout-mini, .x-layout-cmini-south .x-layout-mini
{
	width: 40px;
	height: 11px;
	top: -3px;
}

.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini
{
	background-color: var(--accent-soft) !important;
	border-color: var(--accent);
}

/* sutraukto skydelio juosta */
.x-layout-collapsed
{
	background-color: var(--header);
	border-color: var(--border) !important;
	border-radius: var(--radius);
}

/* ===== 22. Komandų juosta (galutinis variantas) =====
   Mygtukai be rėmelių, su tarpais; užpildas tik užvedus / paspaudus. Pirmas tekstinis viršutinės
   juostos mygtukas („Naujas ...“) – pagrindinis veiksmas: akcento atspalvio. Filtrai dešinėje ramūs. */
.x-toolbar .x-btn, .x-toolbar .x-btn.x-item-disabled
{
	background-color: transparent;
	box-shadow: none;
	border-radius: var(--radius);
}

.x-toolbar .x-btn-over, .x-toolbar .x-btn-focus
{
	background-color: var(--fill-hover);
	box-shadow: none;
}

.x-toolbar .x-btn-click, .x-toolbar .x-btn-menu-active
{
	background-color: var(--fill);
	box-shadow: inset 0 0 0 1px var(--border);
}

.x-toolbar .x-btn-pressed
{
	background-color: var(--accent-soft);
	box-shadow: inset 0 -2px 0 var(--accent);
}

.x-toolbar .x-btn-pressed button
{
	color: var(--text-strong);
}

.x-toolbar .x-btn button
{
	color: var(--text);
	font-weight: 500;
}

/* tarpas tarp juostos elementų (vietoj skirtukų ir sulipusių dėžučių) */
.x-toolbar .x-toolbar-cell
{
	padding-right: 2px;
}

/* apatinės juostos languose lieka su kontūru – ten tai veiksmų mygtukai */
.x-window .x-panel-bbar .x-btn-noicon, .x-window .x-tab-panel-bbar .x-btn-noicon, .x-window .x-window-bbar .x-btn-noicon
{
	background-color: var(--btn-bg);
	box-shadow: inset 0 0 0 1px var(--stroke), inset 0 -1px 0 var(--btn-edge);
}

/* varnelės juostose: modulis kartais nustato fiksuotą plotį – langelis nesusispaudžia, tekstas nelaužomas */
.x-toolbar .x-form-check-wrap
{
	white-space: nowrap;
	overflow: visible;
}

.x-toolbar .x-form-check-wrap input
{
	flex: 0 0 14px;
}

/* laukai juostose – tas pats aukštis kaip mygtukų */
.x-toolbar .x-form-field-wrap, .x-toolbar input.x-form-text
{
	vertical-align: middle;
}

/* ===== 23. Delivera Flat – galutinės formos (perrašo ankstesnius „Fluent“ sprendimus) =====
   Plokščia, dalykiška, greita: vientisos spalvos, 1px rėmeliai, maži kampai, klasikiniai laukai. */

/* laukai: įprastas rėmelis iš visų pusių */
.x-form-text, textarea.x-form-field, .x-form-select-one
{
	background-color: var(--field);
	border-color: var(--input-line);
	border-radius: var(--radius);
	box-shadow: none;
}

.x-form-field-wrap .x-form-text
{
	border-radius: var(--radius) 0 0 var(--radius);
}

.x-form-focus, textarea.x-form-focus, .x-trigger-wrap-focus .x-form-text
{
	background-color: var(--input-focus);
	border-color: var(--accent);
	box-shadow: none;
}

.x-form-invalid, textarea.x-form-invalid
{
	border-color: var(--danger);
	box-shadow: none;
}

.x-form-field-wrap .x-form-trigger
{
	background-color: var(--raised) !important;
	border-bottom-color: var(--input-line);
	border-radius: 0 var(--radius) var(--radius) 0;
	box-shadow: inset 0 1px 0 var(--input-line), inset -1px 0 0 var(--input-line);
}

.x-form-field-wrap .x-form-trigger-over { background-color: var(--raised-hover) !important; }

.x-trigger-wrap-focus .x-form-trigger
{
	border-bottom-color: var(--accent);
	box-shadow: inset 0 1px 0 var(--accent), inset -1px 0 0 var(--accent);
}

/* antraštės – įprastu registru, aiškios */
.x-panel-header-text, .x-fieldset legend
{
	color: var(--text);
	font: 600 var(--fs) var(--font);
	letter-spacing: 0;
	text-transform: none;
}

/* lentelės antraštė: pilni ploni stulpelių skirtukai (rėmelis, ne gradientas) */
.x-grid3-hd-row td, td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open
{
	background: none;
	border-right-color: var(--border);
}

.x-grid3-header
{
	background-color: var(--band-soft);
	box-shadow: inset 0 -1px 0 var(--border);
}

/* mygtukai: vientisas fonas + 1px kontūras */
.x-btn
{
	background-color: var(--btn-bg);
	box-shadow: inset 0 0 0 1px var(--border-strong);
}

.x-btn-over, .x-btn-focus
{
	background-color: var(--btn-bg-hover);
	box-shadow: inset 0 0 0 1px var(--border-strong);
}

/* pagrindinis juostos veiksmas: klasę dlv-primary uždeda modules/delivera-theme-flat.js */
.x-toolbar .x-btn.dlv-primary
{
	background-color: var(--accent-soft);
	box-shadow: inset 0 0 0 1px var(--accent);
}

.x-toolbar .x-btn.dlv-primary button
{
	color: var(--text-strong);
	font-weight: 600;
}

.x-toolbar .x-btn.dlv-primary.x-item-disabled
{
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--border-soft);
}

/* langai: antraštė – juosta, turinys – vientisas, paprastas šešėlis */
.x-window
{
	border-radius: var(--radius-lg);
	box-shadow: 0 0 0 1px var(--border-strong), var(--shadow-pop);
}

.x-window-tl
{
	background-color: var(--header);
	border-radius: var(--radius-lg) var(--radius-lg) 0 0;
	box-shadow: inset 0 -1px 0 var(--border);
}

.x-window-tl .x-window-header
{
	font: 600 var(--fs-lg) var(--font);
	letter-spacing: 0;
}

.x-window-bl
{
	border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

/* iššokantys sąrašai ir meniu: mažas kampas, plonas rėmelis */
.x-combo-list, .x-menu-floating, .x-tip
{
	border-radius: var(--radius);
	border-color: var(--border-strong);
	box-shadow: var(--shadow-pop);
}

.x-combo-list .x-combo-selected
{
	background: var(--accent-soft);
	border-radius: 0;
}

.x-menu-item-active
{
	border-radius: 0;
}

/* rankenėlės – mažesni kampai */
.x-layout-mini
{
	border-radius: var(--radius);
}