/* * Delivera Flat – programos sluoksnis (abiem paletėms: juodai ir „Balta (nauja versija)“) (kraunamas po css/style.css ir plėtinių CSS). * Ext komponentų išvaizda yra ext-theme.css; čia tik tai, kas priklauso Deliverai: * kairysis meniu, būsenų spalvos lentelėse, servisų/užduočių blokai, kalendorius. * Būsenų spalvos – tie patys atspalviai kaip baltoje temoje, tik tamsūs ir su šviesiu tekstu. */ :root { --st-red: #4a1d22; --st-red-soft: #33181c; --st-yellow: #453a12; --st-yellow-soft: #322c14; --st-green: #173a25; --st-green-soft: #14291d; --st-blue: #1c2f55; --st-blue-strong: #2a3fa8; --st-red-strong: #a32a2a; /* poros „fonas / tekstas“ langeliams ir grupėms (šviesios reikšmės – palette-light.css) */ --cell-edit-bg: #3d3412; --cell-edit-text: #f5e6a3; --cell-info-bg: #1e3340; --cell-yes-bg: #17391f; --cell-yes-text: #8fe0a0; --cell-bad-bg: #45202a; --cell-bad-text: #ffb3bb; --grp-0: #142236; --grp-1: #2a2712; --grp-2: #13291c; --grp-3: #2c1626; --grp-4: #231a36; --grp-5: #2e2013; --today-bg: var(--accent-soft); --overlay: rgba(32, 32, 32, 0.88); --guide: #ffa198; } /* ===== Puslapio rėmas ===== */ #copyright-notice, #contact-note, #delivera-logo-bot { color: var(--text-muted); } #copyright-notice a, #contact-note a, #delivera-logo-bot a { color: var(--accent-text); } #version-info, #version-info .version-info-meta { color: var(--text-muted); } #version-info .version-info-mail { color: var(--accent-text) !important; } .guide-link { color: var(--guide); } .infolink { color: var(--accent-text) !important; } .gray-text, .gray-text div, .admin-disabled-row, .uzrasine-completed-row { color: var(--text-faint); } /* neaktyvios eilutės (vartotojai, įmonės) turi pilkuoti KAIP senoje baltoje temoje: naujose temose langelių tekstas turi savo spalvą (ext-theme.css .x-grid3-row td), todėl eilutės klasė turi būti specifiškesnė – kitaip paveldėjimas nepasiekia langelių. */ .x-grid3-row.admin-disabled-row td, .x-grid3-row.admin-disabled-row td div, .x-grid3-row.uzrasine-completed-row td, .x-grid3-row.uzrasine-completed-row td div { color: var(--text-faint); } .mark-combo-match { color: var(--accent-text); } .search-highlight { color: #111; background-color: #e3b341; border-color: #e3b341; } /* ===== Krovimo būsenos (nieko iš senos Ext temos: nei balto langelio, nei Ext animacijos) ===== */ /* pradinis užkrovimo ekranas */ #loading-outer { background-color: transparent; } #loading-inner { width: 320px; padding: 28px 24px 24px; background-color: var(--flyout); border: 1px solid var(--border-strong); border-radius: var(--radius-lg); box-shadow: var(--shadow-pop); } #loading-inner img, #loading-inner br { display: none; } #loading-inner:before { content: ""; display: block; width: 32px; height: 32px; margin: 0 auto 16px; border: 3px solid var(--border-strong); border-top-color: var(--accent); border-radius: 50%; animation: delivera-loading-spin 0.75s linear infinite; } #loading-message, #working-message { color: var(--text-muted); font: normal var(--fs) var(--font); } /* lentelių / kortelių krovimo uždanga */ .delivera-loading-overlay { background: var(--overlay); } .delivera-loading-spinner { border-color: var(--border-strong); border-top-color: var(--accent); } .delivera-loading-text { color: var(--text-muted); font: normal var(--fs) var(--font); } .x-statusbar .x-status-busy, #word-status .x-status-busy { background-image: var(--ic-spinner); background-size: 16px; } /* ===== Kairysis meniu (GroupTab) – Fluent NavigationView ===== Struktūra (GroupTab.css) nekeičiama: tik šriftas, spalvos, ikonos ir būsenos. */ .x-grouptabs-panel { background-color: var(--sidebar); border-color: var(--sidebar); } /* turinys – be savo fono ir rėmo: skilties skydelis stovi tiesiai ant puslapio fono (ne „langas ant lango“) */ .x-grouptabs-panel .x-grouptabs-panel-body { background-color: transparent; border-color: transparent; border-radius: 0; overflow: hidden; } .x-grouptabs-panel .x-grouptabs-corner { background-image: none; } /* Skilties skydelis – vienintelė kortelė: savo rėmelis ir fonas (išorinis .x-grouptabs-panel-body permatomas). */ .x-grouptabs-panel-body > div > .x-panel > .x-panel-bwrap > .x-panel-body, .x-grouptabs-panel-body > .x-panel > .x-panel-bwrap > .x-panel-body { border-color: var(--border); background-color: var(--surface); } /* viršutinė komandų juosta prigludusi prie turinio: apvalūs tik viršutiniai kampai, apačioje linija */ .x-grouptabs-panel-body > div > .x-panel > .x-panel-bwrap > .x-panel-tbar .x-toolbar, .x-grouptabs-panel-body > .x-panel > .x-panel-bwrap > .x-panel-tbar .x-toolbar { border-color: var(--border); border-radius: 6px 6px 0 0; } .x-grouptabs-panel-body > div > .x-panel > .x-panel-bwrap > .x-panel-bbar .x-toolbar, .x-grouptabs-panel-body > .x-panel > .x-panel-bwrap > .x-panel-bbar .x-toolbar { border-color: var(--border); border-radius: 0 0 6px 6px; } .x-grouptabs-panel-body > div > .x-panel > .x-panel-header, .x-grouptabs-panel-body > .x-panel > .x-panel-header { border-color: var(--border); border-radius: 6px 6px 0 0; } .x-tab-joint { display: none; } /* ===== Border išdėstymas: [turinys] | 1px linija | [turinys] ===== Ext tarpą tarp regionų ima iš .x-layout-split pločio/aukščio (SplitRegion.getSize → offsetWidth/Height), todėl juosta 1px – regionai prigludę prie linijos, be baltų juostų. Tempimo zona platesnė (7px) – permatomas ::before, kurį naršyklė priskiria tam pačiam elementui, todėl Ext.SplitBar tempimas ir dvigubas spragtelėjimas veikia kaip anksčiau. Regionų margins naujose temose nuliniai (modules/delivera-theme-flat.js). */ .x-border-layout-ct { background-color: var(--surface); } .x-layout-split-west, .x-layout-split-east { width: 1px; background: var(--border) !important; } .x-layout-split-north, .x-layout-split-south { height: 1px; background: var(--border) !important; } .x-layout-split::before { content: ""; position: absolute; } .x-layout-split-west::before, .x-layout-split-east::before { top: 0; bottom: 0; left: -3px; right: -3px; } .x-layout-split-north::before, .x-layout-split-south::before { left: 0; right: 0; top: -3px; bottom: -3px; } .x-layout-split-west:hover, .x-layout-split-east:hover, .x-layout-split-north:hover, .x-layout-split-south:hover { background: var(--accent) !important; } /* tempimo žymeklis (style.css `.x-panel-body * { cursor: auto }` jį nustelbdavo) */ .x-panel-body .x-splitbar-h, .x-splitbar-h { cursor: col-resize; } .x-panel-body .x-splitbar-v, .x-splitbar-v { cursor: row-resize; } /* sutraukimo rankenėlė lieka centruota ant 1px linijos (11px pločio / aukščio) */ .x-layout-split-west .x-layout-mini, .x-layout-split-east .x-layout-mini { left: -5px; } .x-layout-split-north .x-layout-mini, .x-layout-split-south .x-layout-mini { top: -5px; } /* regionų išoriniai rėmeliai – 0 pločio (skiria tik split linija); vidinės linijos po antrašte / juostomis lieka. Ext panelės dydį skaičiuoja pagal faktinį rėmelio plotį, todėl išdėstymas persiskaičiuoja pats. */ .x-border-panel, .x-border-panel > .x-panel-bwrap > .x-panel-body { border-width: 0; } .x-border-panel > .x-panel-header, .x-border-panel > .x-panel-bwrap > .x-panel-tbar .x-toolbar { border-width: 0 0 1px 0; border-color: var(--border); } .x-border-panel > .x-panel-bwrap > .x-panel-bbar .x-toolbar { border-width: 1px 0 0 0; border-color: var(--border); } /* grupės: punktai baigiasi 10px prieš turinį (gutter); meniu plotis 200px – modules/delivera-theme-flat.js */ .x-grouptabs-panel ul.x-grouptabs-strip > li { position: relative; border-color: transparent; border-radius: var(--radius-lg); margin: 0 10px 2px 0; } /* punkto tekstas ir skaitliukas vienoje eilutėje: pavadinimas, tarpas, [x/y]; ilgas tekstas nukerpamas punkto viduje, ne ant turinio (dešinėje 8px vidinis tarpas) */ .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text { display: flex; align-items: baseline; gap: 4px; padding-right: 8px !important; overflow: hidden; white-space: nowrap; box-sizing: border-box; } /* skaitliukas [x/y] – modulių ; pavadinimai kai kur irgi , jų neliečiam */ .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text > span[style*="font-size"] { flex: 0 0 auto; font-size: var(--fs-sm) !important; vertical-align: baseline !important; height: auto !important; } /* popunkčiai – vienodas aukštis ir vidiniai tarpai */ .x-grouptabs-panel ul.x-grouptabs-sub li { padding: 3px 0 3px 6px !important; margin: 0 6px 1px 0; } .x-grouptabs-panel ul.x-grouptabs-strip > li:hover { background-color: var(--fill); } .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text, .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text span { font-family: var(--font); color: var(--text-muted); } .x-grouptabs-panel ul.x-grouptabs-strip > li > a.x-grouptabs-text { font-size: var(--fs-lg); font-weight: 600; letter-spacing: 0.01em; position: relative; padding-left: 24px !important; opacity: 0.92; } /* grupės ikona – FontAwesome glifas vietoj SVG fono, numatytoji \f466 (dėžė) */ .x-grouptabs-panel ul.x-grouptabs-strip > li > a.x-grouptabs-text::before { content: "\f466"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; font: normal normal 900 13px/1 "Font Awesome 6 Free"; text-align: center; color: var(--text-muted); } .x-grouptabs-panel ul.x-grouptabs-strip > li:hover > a.x-grouptabs-text, .x-grouptabs-panel ul.x-grouptabs-strip > li:hover > a.x-grouptabs-text span, .x-grouptabs-panel ul.x-grouptabs-sub li:hover a.x-grouptabs-text { color: var(--text-strong); } /* grupių ikonos pagal grupės id – FontAwesome 6 Free Solid glifai */ li[id$="__firmos_group"] > a.x-grouptabs-text::before { content: "\f1ad" !important; } /* building */ li[id$="__autoparkas_group"] > a.x-grouptabs-text::before { content: "\f0d1" !important; } /* truck */ li[id$="__transportas_group"] > a.x-grouptabs-text::before { content: "\f48b" !important; } /* truck-fast */ li[id$="__reisai_group"] > a.x-grouptabs-text::before { content: "\f4d7" !important; } /* route */ li[id$="__reisai_combined_group"] > a.x-grouptabs-text::before { content: "\f5fd" !important; } /* layer-group */ li[id$="__kroviniai_group"] > a.x-grouptabs-text::before { content: "\f466" !important; } /* box */ li[id$="__new_warehouse_group"] > a.x-grouptabs-text::before { content: "\f494" !important; } /* warehouse */ li[id$="__wlc_warehouse_group"] > a.x-grouptabs-text::before { content: "\f468" !important; } /* boxes-stacked */ li[id$="__uzklausos_group"] > a.x-grouptabs-text::before { content: "\f059" !important; } /* circle-question */ li[id$="__atsiskaitymai_group"] > a.x-grouptabs-text::before { content: "\f0d6" !important; } /* money-bill */ li[id$="__servisai_group"] > a.x-grouptabs-text::before { content: "\f0ad" !important; } /* wrench */ li[id$="__srv_status_group"] > a.x-grouptabs-text::before { content: "\f625" !important; } /* gauge-high */ li[id$="__ataskaitos_group"] > a.x-grouptabs-text::before { content: "\f080" !important; } /* chart-column */ li[id$="__notepad_group"] > a.x-grouptabs-text::before { content: "\f46d" !important; } /* clipboard-list */ li[id$="__crm_group"] > a.x-grouptabs-text::before { content: "\f0c0" !important; } /* users */ li[id$="__nustatymai_group"] > a.x-grouptabs-text::before { content: "\f013" !important; } /* gear */ /* skaitliukai [160/232] – prislopinti, ne pusjuodžiai */ .x-grouptabs-panel a.x-grouptabs-text span span, .x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text span { color: var(--text-faint) !important; font-weight: normal; letter-spacing: 0; } /* aktyvi grupė: turinio paviršiaus kortelė su rėmeliu (meniu juostos viduje, su tarpu iki turinio) */ .x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active, .x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active:hover { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: none; } .x-grouptabs-panel .x-grouptabs-strip-active > a.x-grouptabs-text, .x-grouptabs-panel .x-grouptabs-strip-active > a.x-grouptabs-text > span { color: var(--text-strong); opacity: 1; } /* popunkčiai */ .x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text { font-size: var(--fs); font-weight: normal; } .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li { border-color: transparent; } /* popunkčiai: jokio grupės juostelės paveldėjimo – kiekvienas nustato visą background pats */ .x-grouptabs-panel ul.x-grouptabs-strip ul.x-grouptabs-sub li, .x-grouptabs-panel ul.x-grouptabs-strip ul.x-grouptabs-sub li.x-grouptabs-strip-active { background: none; border-color: transparent; border-radius: var(--radius); box-shadow: none; } .x-grouptabs-panel ul.x-grouptabs-strip ul.x-grouptabs-sub li:hover { background: var(--fill-hover); } /* krovimo tekstas skaičiuoklės uždangoje nelipa ant suktuko */ [id$="-loading-overlay"] .delivera-loading-spinner { position: static; margin: 0 0 12px; } /* aktyvus popunktis: ryškesnis užpildas + trumpa, vertikaliai centruota akcento juostelė */ .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active { background: var(--fill-hover); box-shadow: inset 3px 0 0 var(--accent); } .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active a.x-grouptabs-text { color: var(--text-strong); font-weight: 600; } /* meniu popunkčių ženkliukas (expand.gif) juodoje temoje nerodomas – hierarchiją rodo įtrauka */ .x-icon-subitem, .x-grouptabs-panel ul.x-grouptabs-sub li.x-tab-with-icon a.x-grouptabs-text { background-image: none; } /* ===== Būsenų eilutės lentelėse ===== */ .trip-expired-row, .uzrasine-priority-5-row, .import-row-no-match, .import-row-no-match .x-grid-cell, .import-row-no-match .x-grid-row { background-color: var(--st-red) !important; } .uzrasine-priority-4-row { background-color: var(--st-red-soft); } .uzrasine-priority-3-row { background-color: transparent; } .uzrasine-priority-2-row { background-color: var(--st-green-soft); } .uzrasine-priority-1-row, .tour-status-ok { background-color: var(--st-green); } .trip-not-refreshed-row, .tour-status-waiting { background-color: var(--st-yellow-soft); } .tour-status-empty { background-color: var(--st-yellow); } .tour-status-loading { background-color: var(--st-blue); } .tour-status-unloading { background-color: var(--st-blue-strong); color: #fff; } .tour-status-problem { background-color: var(--st-red-strong); color: #fff; } /* tekstas turi būti baltas ir LANGELIUOSE: naujose temose .x-grid3-row td turi savo spalvą (ext-theme.css) ir nustelbia eilutės `color: #fff` – kitaip gaunasi juodas tekstas ant raudonos (senoje baltoje temoje užtenka eilutės paveldėjimo). Galioja abiem naujom temom. */ .tour-status-unloading td, .tour-status-unloading td div, .tour-status-unloading .x-grid3-cell-inner, .tour-status-unloading .x-grid3-row-body, .tour-status-problem td, .tour-status-problem td div, .tour-status-problem .x-grid3-cell-inner, .tour-status-problem .x-grid3-row-body { color: #fff; } .tour-status-unloading.x-grid3-row-selected, .tour-status-problem.x-grid3-row-selected, .tour-status-problem.x-grid3-row-over { color: #fff; } .tour-status-problem a, .tour-status-problem.x-grid3-row-selected a, .tour-status-problem.x-grid3-row-over a { color: #cfe0ff; } .import-row-remove-btn { color: var(--danger); } /* užduočių terminai (selektoriai atkartoja style.css, kad laimėtų prieš jo !important) */ .x-grid3-row.task-deadline-late-row, .task-deadline-late-row .x-grid3-row-table, .task-deadline-late-row .x-grid3-td, .x-grid3-row.task-deadline-late-row .x-grid3-cell, .x-grid3-row.task-deadline-late-row .x-grid3-cell-inner { background-color: var(--st-red) !important; } .x-grid3-row.task-deadline-soon-row, .task-deadline-soon-row .x-grid3-row-table, .task-deadline-soon-row .x-grid3-td, .x-grid3-row.task-deadline-soon-row .x-grid3-cell, .x-grid3-row.task-deadline-soon-row .x-grid3-cell-inner { background-color: var(--st-yellow-soft) !important; } .x-grid3-row.task-deadline-normal-row, .task-deadline-normal-row .x-grid3-row-table, .task-deadline-normal-row .x-grid3-td, .x-grid3-row.task-deadline-normal-row .x-grid3-cell, .x-grid3-row.task-deadline-normal-row .x-grid3-cell-inner { background-color: var(--surface) !important; } /* langelio vidus permatomas – kitaip uždengtų pasirinkimo persidengimą */ .x-grid3-row.task-deadline-late-row .x-grid3-cell-inner, .x-grid3-row.task-deadline-soon-row .x-grid3-cell-inner, .x-grid3-row.task-deadline-normal-row .x-grid3-cell-inner { background-color: transparent !important; } /* pasirinkimą rodo ext-theme.css (akcento linijos + persidengimas), būsenos spalva lieka; čia tik nuimamas style.css mėlynas fonas ir užtikrinamas šviesus tekstas */ .x-grid3-row-selected.task-deadline-late-row, .x-grid3-row-selected.task-deadline-late-row .x-grid3-cell { background-color: var(--st-red) !important; color: var(--text-strong) !important; } .x-grid3-row-selected.task-deadline-soon-row, .x-grid3-row-selected.task-deadline-soon-row .x-grid3-cell { background-color: var(--st-yellow-soft) !important; color: var(--text-strong) !important; } .x-grid3-row-selected.task-deadline-normal-row, .x-grid3-row-selected.task-deadline-normal-row .x-grid3-cell, .delivera-prod-grid .x-grid3-row-selected, .delivera-prod-grid .x-grid3-row-selected .x-grid3-cell { background-color: var(--accent-soft) !important; color: var(--text-strong) !important; } /* style.css pasirinktoms užduočių eilutėms uždeda mėlyną foną ir baltą tekstą langelio viduje – nuimama */ .x-grid3-row-selected.task-deadline-late-row .x-grid3-cell-inner, .x-grid3-row-selected.task-deadline-soon-row .x-grid3-cell-inner, .x-grid3-row-selected.task-deadline-normal-row .x-grid3-cell-inner { background-color: transparent !important; color: var(--text-strong) !important; } .x-grid3-row-selected.task-deadline-late-row a, .x-grid3-row-selected.task-deadline-soon-row a, .x-grid3-row-selected.task-deadline-normal-row a { color: var(--accent-text) !important; } /* būsenų eilutės: pasirinkus spalva išlieka (ext-theme fonas turi !important, todėl kartojama) */ .x-grid3-row-selected.trip-expired-row, .x-grid3-row-selected.uzrasine-priority-5-row { background-color: var(--st-red) !important; } .x-grid3-row-selected.uzrasine-priority-4-row { background-color: var(--st-red-soft) !important; } .x-grid3-row-selected.uzrasine-priority-2-row { background-color: var(--st-green-soft) !important; } .x-grid3-row-selected.uzrasine-priority-1-row, .x-grid3-row-selected.tour-status-ok { background-color: var(--st-green) !important; } .x-grid3-row-selected.trip-not-refreshed-row, .x-grid3-row-selected.tour-status-waiting { background-color: var(--st-yellow-soft) !important; } .x-grid3-row-selected.tour-status-empty { background-color: var(--st-yellow) !important; } .x-grid3-row-selected.tour-status-loading { background-color: var(--st-blue) !important; } .x-grid3-row-selected.tour-status-unloading { background-color: var(--st-blue-strong) !important; } .x-grid3-row-selected.tour-status-problem { background-color: var(--st-red-strong) !important; } /* išskleistas užduoties aprašymas – vartotojo įvestas HTML, todėl lieka „popierius“ */ .task-desc-expander, .x-grid3-row-selected.task-deadline-late-row .x-grid3-row-body, .x-grid3-row-selected.task-deadline-soon-row .x-grid3-row-body { background-color: #f4f6f9 !important; color: #111 !important; border-radius: var(--radius); } .task-status-label { border-color: var(--border-strong); background: var(--raised); color: var(--text); } .task-reply-history-empty { color: var(--text-faint); } .task-reply-history-item { border-bottom-color: var(--border); } /* užduoties „serviso lapas“ */ .task-srv-sheet { background: var(--surface); border-color: var(--border); } .task-srv-sheet-title { color: var(--text); background: var(--header); border-bottom-color: var(--border); } .task-srv-section-title, .task-srv-lbl, .task-srv-note-label { color: var(--accent-text); } .task-srv-section-title:not(:first-of-type), .task-srv-notes { border-top-color: var(--border); } .task-srv-val, .task-srv-note-text { color: var(--text); background: var(--input); border-color: var(--border); } /* ===== Servisai ===== */ #servisai_tab .srv-veh-item { border-bottom-color: var(--border-soft); } #servisai_tab .srv-veh-item:hover { background: var(--hover); } #servisai_tab .srv-veh-item.srv-veh-selected { background: var(--accent-soft); border-left-color: var(--accent); } #servisai_tab .srv-veh-item .srv-veh-model { color: var(--text-muted); } #servisai_tab .srv-veh-item .srv-veh-cnt { color: var(--text-muted); background: var(--raised); } #servisai_tab .srv-veh-all { border-bottom-color: var(--border-strong); color: var(--text); } #servisai_tab .srv-veh-item.srv-veh-no-tech, .srv-veh-item.srv-veh-no-tech { background: var(--st-red-soft); } #servisai_tab .srv-veh-item.srv-veh-no-tech.srv-veh-selected, .srv-veh-item.srv-veh-no-tech.srv-veh-selected { background: var(--st-red); } #servisai_tab .x-grid3-row .srv-row-red { background-color: var(--st-red) !important; } #servisai_tab .x-grid3-row .srv-row-yellow { background-color: var(--st-yellow-soft) !important; } #srv_cnt_red.x-btn-pressed table, #srv_cnt_red.x-btn-pressed { background-color: var(--st-red) !important; border-color: var(--danger) !important; } #srv_cnt_yellow.x-btn-pressed table, #srv_cnt_yellow.x-btn-pressed { background-color: var(--st-yellow) !important; border-color: var(--warn) !important; } #srv_cnt_white.x-btn-pressed table, #srv_cnt_white.x-btn-pressed { background-color: var(--accent-soft) !important; border-color: var(--accent) !important; } /* body.delivera-flat – kad laimėtų prieš ilgesnius style.css selektorius (melsvas senas pasirinkimas) */ body.delivera-flat .servisai-main-grid .x-grid3-row-selected, body.delivera-flat .servisai-main-grid .x-grid3-row-selected td, body.delivera-flat .servisai-main-grid .x-grid3-row-selected .x-grid3-cell-inner, body.delivera-flat .servisai-main-grid .x-grid3-row.srv-row-current, body.delivera-flat .servisai-main-grid .x-grid3-row.srv-row-current td, body.delivera-flat #servisai_tab .x-grid3-row-selected, body.delivera-flat #servisai_tab .x-grid3-row-selected .x-grid3-cell, body.delivera-flat #servisai_tab .x-grid3-row.srv-row-current, body.delivera-flat #servisai_tab .srv-row-current .x-grid3-cell { background-color: var(--accent-soft) !important; } body.delivera-flat #servisai_tab .x-grid3-row-over, body.delivera-flat #servisai_tab .x-grid3-row-over .x-grid3-cell { background-color: var(--hover) !important; } body.delivera-flat .servisai-main-grid .x-grid3-row-selected .x-grid3-cell-inner { background-color: transparent !important; } .servisai-main-grid .x-grid3-row-over, #servisai_tab .x-grid3-row-over { background-color: var(--hover) !important; } #servisai_tab .x-grid3-row .srv-row-no-technikas, .servisai-main-grid .srv-row-no-technikas, .servisai-main-grid .srv-no-technikas, #servisai_tab .servisai-main-grid .srv-no-technikas { background-color: var(--st-red-soft) !important; } .servisai-main-grid .x-grid3-row.srv-row-group-0, #servisai_tab .x-grid3-row.srv-row-group-0 { background-color: var(--grp-0) !important; } .servisai-main-grid .x-grid3-row.srv-row-group-1, #servisai_tab .x-grid3-row.srv-row-group-1 { background-color: var(--grp-1) !important; } .servisai-main-grid .x-grid3-row.srv-row-group-2, #servisai_tab .x-grid3-row.srv-row-group-2 { background-color: var(--grp-2) !important; } .servisai-main-grid .x-grid3-row.srv-row-group-3, #servisai_tab .x-grid3-row.srv-row-group-3 { background-color: var(--grp-3) !important; } .servisai-main-grid .x-grid3-row.srv-row-group-4, #servisai_tab .x-grid3-row.srv-row-group-4 { background-color: var(--grp-4) !important; } .servisai-main-grid .x-grid3-row.srv-row-group-5, #servisai_tab .x-grid3-row.srv-row-group-5 { background-color: var(--grp-5) !important; } .srv-group-badge { color: var(--accent-text); } .servisai-main-grid .srv-tech-warn, .servisai-main-grid .srv-tech-warn-icon, #servisai_tab .srv-veh-item .srv-veh-warn-icon, .srv-veh-item .srv-veh-warn-icon { color: var(--danger) !important; } .x-grid3-row.srv-ist-auto .x-grid3-cell { color: var(--text-muted); } .x-grid3-row.srv-ist-auto .x-grid3-cell-inner { background: var(--surface-alt); } .srv-ist-problema { background: var(--st-yellow-soft); border-bottom-color: var(--border-strong); color: var(--text); } .srv-ist-problema-auto { background: var(--surface-alt); border-bottom-color: var(--border); color: var(--text-muted); } /* ===== GridFilters, būsenos juosta, failo laukas ===== */ .ux-filtered-column .x-grid3-hd-inner { color: var(--accent-text); font-style: italic; } .x-statusbar .x-status-text-panel { border-color: var(--border); } #word-status .x-status-text { color: var(--text-muted); } .x-statusbar .x-status-error { color: var(--danger); } .x-status-error-list { border-color: var(--danger); background: var(--surface); } .x-status-error-list li a { color: var(--accent-text); } .x-form-file-wrap .x-form-file-text { color: var(--text-muted); } /* ===== Kalendorius (Extensible) ===== */ .x-cal-panel .x-panel-body, .x-calendar-list .x-panel-body, .ext-cal-monthview .ext-cal-body-ct, .ext-cal-dayview .ext-cal-bg-tbl, .ext-cal-hd-ad { background: var(--surface) !important; } .ext-cal-inner-ct, .ext-cal-dayview .ext-cal-body-ct { background: var(--surface); } .ext-cal-hd-days-tbl, .ext-cal-dayview .ext-cal-hd-days-tbl, .ext-cal-day-times, .ext-cal-monthview .ext-cal-week-link, .ext-cal-monthview .ext-cal-week-link-hd, .ext-evt-edit-form .x-panel-header, .ext-evt-edit-form .x-panel-fbar { background: var(--header); color: var(--text-muted); } .ext-cal-day-prev, .ext-cal-day-next { background: var(--bg); } .ext-cal-day-we { background: var(--surface-alt); } .ext-cal-day-today { background: var(--today-bg); } .ext-day-over, .ext-cal-monthview .ext-week-link-over { background: var(--hover) !important; } .ext-cal-dd-sel, .ext-dd-shim { background-color: var(--accent-soft); } td.ext-cal-dtitle { color: var(--text-muted); } td.ext-cal-dtitle-today div { color: var(--warn); } .ext-cal-dtitle-prev div, .ext-cal-dtitle-next div { color: var(--text-faint); } .ext-cal-ev-more a, .ext-cal-ev-more a:visited, .ext-cal-event-win a:link, .ext-cal-event-win a:visited { color: var(--accent-text); } .x-calendar-list .x-panel-header-text, .x-panel-tbar .ext-cal-toolbar .x-btn button, .ext-cal-nav-picker .x-date-middle .x-btn-text { color: var(--text); } .ext-cal-month-hd .ext-cal-hd-days-tbl, .ext-cal-month-hd .ext-cal-hd-day, .ext-cal-hd-ct, .ext-cal-hd-ad, .ext-cal-dayview .ext-cal-bg-tbl, .ext-cal-dayview .ext-cal-bg-row-div, .ext-cal-day-time-inner, .ext-cal-day-col, .ext-cal-monthview .ext-cal-week-link, .ext-cal-monthview .ext-cal-week-link-hd, .ext-cal-week-links .ext-cal-day-first, .ext-cal-day, td.ext-cal-dtitle, td.ext-cal-dtitle-first, .ext-cal-nav-picker, .ext-cal-nav-picker .x-date-inner, .ext-cal-nav-picker .x-date-inner th, .ext-evt-edit-form .x-panel-header, .ext-evt-edit-form .x-panel-fbar, .ext-evt-edit-form .x-panel-bbar .x-toolbar, .x-calendar-list .x-panel-body, .x-panel-mc .x-panel-body .ext-cal-ct, .x-panel-mc .x-panel-body .ext-evt-edit-form, .extensible-recur-inner-ct, .x-panel-mc .extensible-recur-inner-ct { border-color: var(--border); } .ext-cal-nav-picker .x-date-left, .ext-cal-nav-picker .x-date-middle, .ext-cal-nav-picker .x-date-right { background: var(--header); } .ext-cal-nav-picker .x-date-left a { background-image: var(--ic-chev-left); } .ext-cal-nav-picker .x-date-right a { background-image: var(--ic-chev-right); } .ext-cal-nav-picker .x-date-middle .x-btn-mc em.x-btn-arrow { background-image: var(--ic-caret-down); } .ext-cal-nav-picker .x-date-inner .x-date-today a { border-color: var(--warn); background: var(--today-bg); } .ext-dd-ghost-ct { color: var(--text); border-color: var(--border); background-color: var(--header); } .cal-color-red { background-color: var(--st-red); } .cal-color-yellow { background-color: var(--st-yellow); } .cal-color-green { background-color: var(--st-green); } .cal-color-blue { background-color: var(--st-blue); } /* ===== Delivera dizaino klasės (baltos temos reikšmės – css/style.css) ===== */ /* Fieldset legendų tekstas buvo karpomas viršuje: `font` trumpinys grąžina line-height: normal, o legenda sėdi ties lauko rėmo kraštu. Patikrinta naršyklėje (langas „Nauja užduotis“). */ .x-fieldset legend { line-height: 18px; padding-top: 4px; padding-bottom: 2px; } .dlv-text-strong { color: var(--text) !important; } .dlv-text-muted { color: var(--text-muted) !important; } .dlv-text-faint { color: var(--text-faint) !important; } .dlv-text-info { color: var(--accent-text) !important; } .dlv-text-danger { color: var(--danger) !important; } .dlv-text-ok { color: var(--ok) !important; } .dlv-text-warn { color: var(--warn) !important; } .dlv-bg-white { background-color: var(--surface) !important; } .dlv-bg-soft { background-color: var(--surface-alt) !important; } .dlv-bg-head { background-color: var(--header) !important; } .dlv-bg-info { background-color: var(--accent-soft) !important; } .dlv-bg-warn { background-color: var(--st-yellow-soft) !important; } .dlv-bg-danger { background-color: var(--st-red) !important; } .dlv-bd { border: 1px solid var(--border-strong) !important; } .dlv-bd-t { border-top: 1px solid var(--border-strong) !important; } .dlv-bd-b { border-bottom: 1px solid var(--border-strong) !important; } .dlv-bd-l { border-left: 1px solid var(--border-strong) !important; } .dlv-bd-r { border-right: 1px solid var(--border-strong) !important; } /* lentelių langelių būsenos */ td.dlv-cell-edit .x-grid3-cell-inner { background-color: var(--cell-edit-bg); color: var(--cell-edit-text); } td.dlv-cell-info .x-grid3-cell-inner { background-color: var(--cell-info-bg); } td.dlv-cell-off .x-grid3-cell-inner { background-color: var(--surface-alt); color: var(--text-faint); } td.dlv-cell-yes .x-grid3-cell-inner { background-color: var(--cell-yes-bg); color: var(--cell-yes-text); } td.dlv-perf-green .x-grid3-cell-inner, .dlv-perf-badge.dlv-perf-green { background-color: var(--cell-yes-bg); color: var(--cell-yes-text); } td.dlv-perf-yellow .x-grid3-cell-inner, .dlv-perf-badge.dlv-perf-yellow { background-color: var(--cell-edit-bg); color: var(--cell-edit-text); } td.dlv-perf-red .x-grid3-cell-inner, .dlv-perf-badge.dlv-perf-red { background-color: var(--cell-bad-bg); color: var(--cell-bad-text); } /* ===== CSS blokai, kuriuos moduliai įterpia iš kodo (