/*
 * Delivera Flat – valdiklių dydžiai ir tarpai („nauja Ext versija“ tik naujoms temoms).
 * Mastelis – ~90 % ankstesnio „erdvaus“ varianto (lyg sena balta tema su 90 % priartinimu):
 * laukas ~25px (buvo 28), eilutės tarpas 5px (buvo 6), mygtukas 18px (buvo 20),
 * lentelės langelio padding 4px (buvo 5). Sena balta tema šio failo negauna.
 *
 * Šriftų skalė – ext-theme.css kintamieji --fs (11px), --fs-sm (10px), --fs-lg (12px).
 * Kraunama po ext-theme.css kartu su modules/delivera-theme-flat.js, kuris proporcingai
 * padidina modulių kode fiksuotus formų ir langų aukščius (SCALE = 30/26).
 */

/* ----- formos ----- */
/* content-box: 21 + 2 (padding) + 2 (rėmelis) = 25px; !important – Ext turi kelias aukščio taisykles
   (.ext-strict, readonly), visos turi duoti tą patį aukštį */
input.x-form-text, .x-form-field-wrap input.x-form-text, input.x-form-text.x-form-readonly
{
	height: 21px !important;
	line-height: 20px;
	padding: 1px 7px;
	font-size: var(--fs);
}

textarea.x-form-field
{
	padding: 4px 7px;
	font-size: var(--fs);
	line-height: 1.4;
}

.x-form-field-wrap .x-form-trigger
{
	height: 24px;
	width: 15px;
}

.x-form-item
{
	margin-bottom: 5px;
}

.x-form-item label.x-form-item-label
{
	padding-top: 4px;
	padding-bottom: 4px;
}

.x-form-item .x-form-check-wrap
{
	line-height: 20px;
	min-height: 25px;
}

.x-form-check-wrap input
{
	vertical-align: middle;
}

.x-form-display-field
{
	padding-top: 4px;
	font-size: var(--fs);
}

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

/* įrankių juostų ir lentelių redaktorių laukai lieka kompaktiški */
.x-small-editor input.x-form-text
{
	height: 18px !important;
	line-height: 16px;
	font-size: var(--fs);
	padding: 1px 5px;
}

.x-small-editor .x-form-field-wrap .x-form-trigger
{
	height: 21px;
}

.x-form-check-wrap, .x-form-item label.x-form-item-label { box-sizing: content-box; }

/* ----- mygtukai ir įrankių juostos -----
   Aukštis paliekamas Ext numatytas (16px – toks pat kaip senoje baltoje temoje):
   specifiškesnis ext-all-notheme.css selektorius (.x-btn-noicon .x-btn-small .x-btn-text)
   bet kokiu atveju nustelbtų aukščio taisyklę. */
.x-btn button
{
	padding-left: 7px;
	padding-right: 7px;
	font-size: var(--fs);
}

.x-btn-icon button, .x-btn-icon .x-btn-small .x-btn-text
{
	padding-left: 0;
	padding-right: 0;
}

/* ----- lentelės -----
   Eilutės suspaustos iki senos baltos temos masto (21px), kad tilptų tiek pat eilučių
   (Autoparkas, Turai ir kiti sąrašai). */
.x-grid3-cell-inner
{
	padding: 2px 3px 2px 5px;
}

.x-grid3-hd-inner
{
	padding: 2px 3px 2px 5px;
}

/* ----- skydeliai, langai, kortelės ----- */
.x-panel-header
{
	padding: 7px 5px 6px 7px;
}

.x-window-tl .x-window-header
{
	padding: 8px 4px 7px 5px;
}

.x-window-tl .x-window-header .x-window-header-text
{
	font-size: var(--fs-lg);
}

.x-tab-strip span.x-tab-strip-text
{
	padding: 5px 4px;
	font-size: var(--fs);
}

/* ----- meniu ir sąrašai ----- */
.x-menu-list-item
{
	font-size: var(--fs);
}

a.x-menu-item
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.x-menu-item-icon
{
	top: 5px;
}

.x-combo-list-item
{
	padding: 4px 7px;
	font-size: var(--fs);
}

.x-fieldset
{
	padding: 11px;
}