/* OVERFLOW */
:focus {
    outline: none;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden-x {
    overflow-x: hidden;
}

.overflow-hidden-y {
    overflow-y: hidden;
}

.overflow-scroll-x {
    overflow-x: auto;
    overflow-y: hidden;
    height: 20px;
}

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

.overflow-scroll-y table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.overflow-scroll-x::-webkit-scrollbar {
    height: 12px;
}

.overflow-scroll-x::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 6px;
}

.overflow-scroll-x::-webkit-scrollbar-track {
    background: #eee;
}

/* DISPLAY */

.display-table {
    display: table;
    height: 100%;
    width: 100%;
}

.display-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.block, .display-block {
    display: block;
}

.display-none {
    display: none;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.invisible {
    visibility: hidden;
}

/* POSITION */

.position-relative, .relative {
    position: relative;
}

.position-relative-left-top {
    position: relative;
    left: 0px;
    top: 0px;
}

.position-absolute-left-top {
    position: absolute;
    left: 0px;
    top: 0px;
}

.position-absolute-right-top {
    position: absolute;
    right: 0px;
    top: 0px;
}

.position-absolute-bottom-left {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.position-absolute-bottom {
    position: absolute;
    bottom: 0px;
}

.force-no-border-radious {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.force-no-bg {
    background: none !important;
}

/* TABELKI */
table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

/* Tabela o sztywnym podziale kolumn — do listy w kontenerze o stałej szerokości
   (np. .solbox / .PracownicyUprawnieniaInside), gdzie tabela nie może wyjść poza
   widoczny obszar. Sam table-layout:fixed nie wystarcza: komórki mają domyślnie
   box-sizing:content-box, więc podana szerokość kolumny rośnie jeszcze o padding
   (2 x 3px z "table thead th"/"td") i o 1px złączonej ramki. Przy 10 kolumnach
   dawało to ~30px ponad zadeklarowaną szerokość tabeli i poziomy scroll.
   Z border-box zadeklarowane szerokości sumują się 1:1 do szerokości tabeli. */
.table-layout-fixed {
    table-layout: fixed;
    overflow-wrap: break-word;
}

.table-layout-fixed th,
.table-layout-fixed td {
    box-sizing: border-box;
}

/* R-I-80: dwie tabele obok siebie z wysokością wierszy synchronizowaną przez JS
   (cTabela.wyrownajTabele — mierzy naturalną wysokość wiersza jQuery .height() i ustawia tę samą
   wartość na obu tabelach) muszą mieć IDENTYCZNY box-sizing komórek. jQuery .height(x) przy
   ustawianiu inaczej przelicza x na styl "height" w zależności od box-sizing elementu (content-box:
   height = same jako x; border-box: trzeba doliczyć padding+border) — przy border-collapse i
   niecałkowitych podziałach szerokości/paddingu wychodzi to z zaokrągleniem różnym o ułamek px na
   wiersz. Dla jednego wiersza niezauważalne, przy kilkudziesięciu kumuluje się w widoczny rozjazd
   wysokości między tabelami. Klasa daje samo box-sizing (bez table-layout:fixed) tabeli, która nie
   ma wąskich kolumn i ma zostać przy auto-layout. */
.cTabela-border-box th,
.cTabela-border-box td {
    box-sizing: border-box;
}

table thead th {
    text-align: center;
    border: 1px solid #c2ae98;
    background: #e3dbd2;
    padding: 2px 3px;
    line-height: 12px;
}

table thead th.waluta-kurs-styl {
    background: #c0b3a5;
    border: 1px solid #ac8b68;
}

table tbody td.fake-th {
    text-align: center;
    border: 1px solid #c2ae98;
    background: #e3dbd2;
    padding: 2px 3px
}

table tbody tr {
    background: #fff;
}

table tbody tr.odd, a.wylaczony {
    background: #e3dbd2;
}

table tbody tr.even {
    background: #fff;
}

table tbody tr.greenBackground {
    background: #eeffee;
}

table tbody tr td {
    border: 1px solid #c2ae98;
    padding-left: 3px;
    padding-right: 3px;
    /*overflow-y: hidden;*/
}

table tbody tr td span.td-zawartosc {
    display: block;
    width: inherit;
    overflow: hidden;
    word-wrap: break-word;
}

/* FORMULARZE */

.bledy-kontener, .error__Handler {
    float: left;
    width: 95%;
    border: 1px solid red;
    color: red;
    padding: 0 10px;
    background: #ffd8d8;
    border-radius: 5px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.komunikat-bledow {
    float: left;
    width: 95%;
    border: 1px solid gray;
    color: gray;
    padding: 10px;
    background: #d8d8d8;
    border-radius: 5px;
    padding-bottom: 10px;
}

.komunikat-bledow-systemu {
    float: left;
    width: 95%;
    border: 1px solid red;
    color: red;
    padding: 10px;
    background: #ffd8d8;
    border-radius: 5px;
    padding-bottom: 10px;
}

.error__Handler {
    width: auto;
    float: none;
    padding: 10px;
    font-size: 11px;
    position: relative;
}

.error__Handler .close-button {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.error__Handler .close-button.ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

.error__Handler .close-button.err-state-hover {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.width8 {
    width: 8px;
}

.separator-vertical-small {
    float: left;
    width: 1px;
    height: 34px;
    margin-top: 10px;
    background: url(/styleimg/l.png) repeat-y top right;
}

.form-wrapper h2 {
    font-size: 13px;
    float: left;
    width: 100%;
    text-align: center;
    color: #968d84;
    color: red;
    font-weight: 600;
    text-transform: uppercase;
}

.daty .ui-datepicker-trigger {
    float: left;
    margin-left: 2px;
}

form label, form span {
    /* color: #968d84;
    font-weight: 500;
    padding: 0px 5px; */
}

label, span.label {
    color: #968d84;
    font-weight: bold;
    font-size: 11px;
    padding: 2px 5px;
}

label.error {
    clear: both;
    color: red;
    font-size: 10px;
    padding: 3px 0;
    float: left;
    width: 100%;
    text-align: left;
}

input[type=text], input[type=file], form input[type=password], textarea, select {
    border: solid 1px #ccc;
    background: #fff;
    color: #444;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

input[type=text].error, form input[type=password].error, textarea.error, select.error, div.error {
    border: 1px solid #f60d2e;
    -moz-box-shadow: 0 0 2px 2px #e11330;
    -webkit-box-shadow: 0 0 2px 2px #e11330;
    box-shadow: 0 0 2px 2px #e11330;
}

input[disabled=disabled],
textarea[disabled=disabled],
select[disabled=disabled],
select option[disabled=disabled] {
    background-color: #e0e0e0;
    color: #968d84;
}

/* KOLORY */

.force-color-red {
    color: red !important;
}

.force-color-white {
    color: white !important;
}

.force-color-black {
    color: black !important;
}

.light-brown {
    color: #9D8E7B;
}

.color-label {
    color: #968D84;
}

.red {
    color: red;
}

.gray {
    color: #777;
}

.blue {
    color: blue;
}

.green {
    color: green;
}

.paleblack {
    color: #444;
}

.black {
    color: #000;
}

.white {
    color: #fff;
}

.solution-orange {
    color: #FFB400;
}

.solution-brown-light {
    color: #9d8d7b;
}

.solution-blue-light {
    color: #7d7b9d;
}

.solution-brown-dark {
    color: #704c2a;
}

.solution-yellow {
    color: #faa116;
}

.solutionb-gold {
    color: #cb984b;
}

.brown {
    color: #946537;
}

.red {
    color: #c4020b;
}

.panel-brown-light {
    color: #C1AD97;
}

.tlo-rozowe {
    background-color: #F5DECC;
}

/* T�O / BACKGROUND */

.background-brown {
    background-color: #EDE3DA;
}

.background-lightgray {
    background: #f0f3f8;
}

.background-white {
    background: #fff;
}

.background-lightbrown {
    background: #fff1dc;
}
tr.background-lightbrown > .waluta-kurs-styl{
    background: #f5d5a5;
}
.background-lightblue {
    background: #f0efff;
}

.background-red {
    background-color: red;
}

.background-brown-darker {
    background-color: #6E573C;
}

.background-brown-dark {
    background-color: #704c2a;
}

.background-brown-light {
    background: #ae722d;
}

/*  POZYCJONOWANIE */

.valign-top {
    vertical-align: top;
}

.nofloat {
    float: none !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.pointer {
    cursor: pointer;
}

.cursor-default:hover {
    cursor: default;
}

.cursor-default {
    cursor: default !important;
}

.vertical-middle {
    vertical-align: middle;
}

/* TEKST */

.bold {
    font-weight: bold;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.force-text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

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

.text-capitalize {
    text-transform: capitalize;
}

.italic {
    font-style: italic;
}

.text-bold {
    font-weight: bold;
}

.text-normal {
    font-weight: normal;
}

.smaller {
    font-size: smaller;
}

.bigger {
    font-size: large;
}

.text-underline {
    text-decoration: underline;
}

.border-radius5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.line-through {
    text-decoration: line-through;
}

/* WIDTH / szerokość / procentowa */

.width-min-100p {
    min-width: 100%;
}

.width-max-815 {
    max-width: 815px;
}

.width-max-820 {
    max-width: 820px;
}

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

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

.width5p {
    width: 5% !important;
}

.width10p {
    width: 10% !important;
}

.width15p {
    width: 15% !important;
}

.width20p {
    width: 20% !important;
}

.width25p {
    width: 25% !important;
}

.width30p {
    width: 30% !important;
}

.width35p {
    width: 35% !important;
}

.width40p {
    width: 40% !important;
}

.width45p {
    width: 45% !important;
}

.width50p {
    width: 50% !important;
}

.width55p {
    width: 55% !important;
}

.width60p {
    width: 60% !important;
}

.width65p {
    width: 65% !important;
}

.width70p {
    width: 70% !important;
}

.width75p {
    width: 75% !important;
}

.width80p {
    width: 80% !important;
}

.width85p {
    width: 85% !important;
}

.width90p {
    width: 90% !important;
}

.width96p {
    width: 96% !important;
}

.width98p {
    width: 98% !important;
}

.width99p {
    width: 99% !important;
}

.width100p {
    width: 100% !important;
}

/* WIDTH / szerokość / liczbowa */

.width5 {
    width: 5px !important;
}

.width10 {
    width: 10px !important;
}

.width15 {
    width: 15px !important;
}

.width16 {
    width: 16px !important;
}

.width17 {
    width: 17px !important;
}

.width18 {
    width: 18px !important;
}

.width20 {
    width: 20px !important;
}

.width25 {
    width: 25px !important;
}

.width30 {
    width: 30px !important;
}

.width35 {
    width: 35px !important;
}

.width40 {
    width: 40px !important;
}

.width45 {
    width: 45px !important;
}

.width50 {
    width: 50px !important;
}

.width55 {
    width: 55px !important;
}

.width60 {
    width: 60px !important;
}

.width65 {
    width: 65px !important;
}

.width70 {
    width: 70px !important;
}

.width74 {
    width: 74px !important;
}

.width75 {
    width: 75px !important;
}

.width80 {
    width: 80px !important;
}

.width82 {
    width: 82px !important;
}

.width85 {
    width: 85px !important;
}

.width86 {
    width: 86px !important;
}

.width89 {
    width: 89px !important;
}

.width87 {
    width: 87px !important;
}

.width90 {
    width: 90px !important;
}

.width94 {
    width: 94px !important;
}

.width95 {
    width: 95px !important;
}

.width96 {
    width: 96px !important;
}

.width100 {
    width: 100px !important;
}

.width105 {
    width: 105px;
}

.width110 {
    width: 110px !important;
}

.width115 {
    width: 115px !important;
}

.width120 {
    width: 120px !important;
}

.width125 {
    width: 125px !important;
}

.width130 {
    width: 130px !important;
}

.width135 {
    width: 135px !important;
}

.width140 {
    width: 140px !important;
}

.width145 {
    width: 145px !important;
}

.width150 {
    width: 150px !important;
}

.width155 {
    width: 155px !important;
}

.width160 {
    width: 160px !important;
}

.width165 {
    width: 165px !important;
}

.width170 {
    width: 170px !important;
}

.width174 {
    width: 174px !important;
}

.width175 {
    width: 175px !important;
}

.width176 {
    width: 176px !important;
}

.width180 {
    width: 180px !important;
}

.width185 {
    width: 185px !important;
}

.width190 {
    width: 190px !important;
}

.width195 {
    width: 195px !important;
}

.width200 {
    width: 200px !important;
}

.width220 {
    width: 220px !important;
}

.width205 {
    width: 205px !important;
}

.width210 {
    width: 210px !important;
}

.width215 {
    width: 215px !important;
}

.width220 {
    width: 220px !important;
}

.width225 {
    width: 225px !important;
}

.width230 {
    width: 230px !important;
}

.width235 {
    width: 235px !important;
}

.width240 {
    width: 240px !important;
}

.width245 {
    width: 245px !important;
}

.width250 {
    width: 250px !important;
}

.width255 {
    width: 255px !important;
}

.width260 {
    width: 260px !important;
}

.width265 {
    width: 265px !important;
}

.width270 {
    width: 270px !important;
}

.width275 {
    width: 275px !important;
}

.width280 {
    width: 280px !important;
}

.width285 {
    width: 285px !important;
}

.width290 {
    width: 290px !important;
}

.width295 {
    width: 295px !important;
}

.width300 {
    width: 300px !important;
}

.width305 {
    width: 305px !important;
}

.width310 {
    width: 310px !important;
}

.width315 {
    width: 315px !important;
}

.width320 {
    width: 320px !important;
}

.width325 {
    width: 325px !important;
}

.width330 {
    width: 330px !important;
}

.width335 {
    width: 335px !important;
}

.width340 {
    width: 340px !important;
}

.width345 {
    width: 345px !important;
}

.width350 {
    width: 350px !important;
}

.width355 {
    width: 355px !important;
}

.width360 {
    width: 360px !important;
}

.width365 {
    width: 365px !important;
}

.width370 {
    width: 370px !important;
}

.width375 {
    width: 375px !important;
}

.width380 {
    width: 380px !important;
}

.width385 {
    width: 385px !important;
}

.width390 {
    width: 390px !important;
}

.width395 {
    width: 395px !important;
}

.width400 {
    width: 400px !important;
}

.width405 {
    width: 405px !important;
}

.width410 {
    width: 410px !important;
}

.width415 {
    width: 415px !important;
}

.width420 {
    width: 420px !important;
}

.width425 {
    width: 425px !important;
}

.width430 {
    width: 430px !important;
}

.width435 {
    width: 435px !important;
}

.width440 {
    width: 440px !important;
}

.width445 {
    width: 445px !important;
}

.width455 {
    width: 455px !important;
}

.width450 {
    width: 450px !important;
}

.width460 {
    width: 460px !important;
}

.width465 {
    width: 465px !important;
}

.width470 {
    width: 470px !important;
}

.width475 {
    width: 475px !important;
}

.width480 {
    width: 480px !important;
}

.width485 {
    width: 485px !important;
}

.width490 {
    width: 490px !important;
}

.width495 {
    width: 495px !important;
}

.width500 {
    width: 500px;
}

.width505 {
    width: 505px !important;
}

.width510 {
    width: 510px !important;
}

.width525 {
    width: 525px !important;
}

.width540 {
    width: 540px !important;
}

.width550 {
    width: 550px !important;
}

.width565 {
    width: 565px !important;
}

.width575 {
    width: 575px !important;
}
.width590 {
    width: 590px !important;
}
.width600 {
    width: 600px !important;
}

.width620 {
    width: 620px !important;
}

.width635 {
    width: 635px !important;
}

.width650 {
    width: 650px !important;
}

.width655 {
    width: 655px !important;
}

.width660 {
    width: 660px !important;
}

.width665 {
    width: 665px !important;
}

.width670 {
    width: 670px !important;
}

.width680 {
    width: 680px !important;
}

.width690 {
    width: 690px !important;
}

.width700 {
    width: 700px !important;
}

.width765 {
    width: 765px !important;
}

.width775 {
    width: 775px !important;
}

.width780 {
    width: 780px !important;
}

.width793 {
    width: 793px !important;
}

.width800 {
    width: 800px !important;
}

.width810 {
    width: 810px !important;
}

.width815 {
    width: 815px !important;
}

.width980 {
    width: 980px;
}

.width960 {
    width: 960px;
}

.width940 {
    width: 940px;
}

.width943 {
    width: 943px;
}

.width1170 {
    width: 1170px;
}
/* HEIGHT */

.max-height60 {
    max-height: 60px;
}

.max-height70 {
    max-height: 70px;
}

.max-height130 {
    max-height: 130px;
}

.max-height135 {
    max-height: 135px;
}

.max-height175 {
    max-height: 175px;
}

.min-height505 {
    min-height: 505px;
}

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

.height100p {
    height: 100% !important;
}

.height10 {
    height: 10px !important;
}

.height13 {
    height: 13px !important;
}

.height15 {
    height: 15px;
}

.height16 {
    height: 16px !important;
}

.height17 {
    height: 17px !important;
}

.height18 {
    height: 18px !important;
}

.height19 {
    height: 19px !important;
}

.height20 {
    height: 20px !important;
}

.height21 {
    height: 21px !important;
}

.height22 {
    height: 22px !important;
}

.height23 {
    height: 23px !important;
}

.height25 {
    height: 25px !important;
}

.height27 {
    height: 27px;
}

.height29 {
    height: 29px;
}

.height30 {
    height: 30px;
}

.height31 {
    height: 31px !important;
}

.height32 {
    height: 32px !important;
}

.height40 {
    height: 40px !important;
}

.height45 {
    height: 45px;
}

.height50 {
    height: 50px !important;
}

.height55 {
    height: 55px !important;
}

.height57 {
    height: 57px !important;
}

.height59 {
    height: 59px;
}

.height60 {
    height: 60px !important;
}

.height65 {
    height: 65px !important;
}

.height75 {
    height: 75px !important;
}

.height80 {
    height: 80px !important;
}

.height87 {
    height: 87px;
}

.height89 {
    height: 89px;
}

.height100 {
    height: 100px !important;
}

.height110 {
    height: 110px !important;
}

.height130 {
    height: 130px !important;
}

.height150 {
    height: 150px !important;
}

.height158 {
    height: 158px !important;
}

.height175 {
    height: 175px !important;
}

.height210 {
    height: 210px !important;
}

.height220 {
    height: 220px !important;
}

.height250 {
    height: 250px !important;
}

.height270 {
    height: 270px !important;
}

.height300 {
    height: 300px !important;
}
.height330 {
    height: 330px !important;
}
.height340 {
    height: 340px !important;
}

.height345 {
    height: 345px !important;
}

.height360 {
    height: 360px !important;
}

.height370 {
    height: 370px !important;
}

.height375 {
    height: 375px !important;
}

.height382 {
    height: 382px !important;
}

.height390 {
    height: 390px !important;
}

.height400 {
    height: 400px !important;
}

.height414 {
    height: 414px !important;
}

.height437 {
    height: 437px !important;
}

.height438 {
    height: 438px !important;
}

.height441 {
    height: 441px !important;
}

.height450 {
    height: 450px !important;
}

.height473 {
    height: 473px !important;
}

.height470 {
    height: 470px !important;
}

.height510 {
    height: 510px !important;
}

.height525 {
    height: 525px !important;
}

.height540 {
    height: 540px !important;
}

.height530 {
    height: 530px !important;
}

.height560 {
    height: 560px !important;
}

.height580 {
    height: 580px !important;
}

.height600 {
    height: 600px !important;
}

.height650 {
    height: 650px !important;
}

.height700 {
    height: 700px !important;
}

.height760 {
    height: 760px !important;
}

/* LINE-HEIGHT / INTERLINIA */

.line-height12 {
    line-height: 13px !important;
}

.line-height13 {
    line-height: 13px !important;
}

.line-height15 {
    line-height: 15px !important;
}

.line-height16 {
    line-height: 16px !important;
}

.line-height17 {
    line-height: 17px !important;
}

.line-height18 {
    line-height: 18px !important;
}

.line-height19 {
    line-height: 19px;
}

.line-height20 {
    line-height: 20px;
}

.line-height21 {
    line-height: 21px;
}

.line-height22 {
    line-height: 22px;
}

.line-height23 {
    line-height: 23px !important;
}

.line-height25 {
    line-height: 25px !important;
}

.line-height27 {
    height: 27px;
}

.line-height29 {
    line-height: 29px;
}

.line-height31 {
    line-height: 31px;
}

.line-height57 {
    line-height: 57px;
}

.line-height59 {
    line-height: 59px;
}

.line-height60 {
    line-height: 60px;
}

.line-height87 {
    line-height: 87px;
}

.height90 {
    height: 90px;
}

.line-height90 {
    line-height: 90px;
}

/* BORDER */

.border-yellow {
    border: #FCDC8A;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #B2B2B2;
    padding-bottom: 3px;
}

.border-top-dashed {
    border-top: 1px dashed #B2B2B2;
}

.only-border-bottom-dashed {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px dashed #B2B2B2;
    padding: 0px;
}

.border-top-dashed {
    border-top: 1px dashed #B2B2B2;
    padding-top: 3px;
}

.only-border-top-dashed {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px dashed #B2B2B2;
    padding: 0px;
}

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

.border-none, .noborder {
    border-style: none !important;
}

.borderBrown1 {
    border: 1px solid #C2AE98;

}

.border-top-none {
    border-top: none;
}

.border-left-none {
    border-left: none;
}

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

.border-right-none {
    border-right: none;
}

.border-gray {
    border: 1px solid #cfd3d4;
}

.border-top-gray {
    border-top: 1px solid #cfd3d4;
}

.border-left-gray {
    border-left: 1px solid #cfd3d4;
}

.border-right-gray {
    border-right: 1px solid #cfd3d4;
}

.border-bottom-gray {
    border-bottom: 1px solid #cfd3d4;
}

.border-brown {
    border: 1px solid #c2ae98;
}
.border-brown.waluta-kurs-styl {
    border: 1px solid #b8936a;
}
.border-top-brown {
    border-top: 1px solid #c2ae98;
}

.border-right-brown {
    border-right: 1px solid #c2ae98;
}

.border-bottom-brown {
    border-bottom: 1px solid #c2ae98;
}

.border-left-brown {
    border-left: 1px solid #c2ae98;
}

.border-top2 {
    border-top-width: 2px;
}

.border-right2 {
    border-right-width: 2px;
}

.border-bottom2 {
    border-bottom-width: 2px;
}

.border-left2 {
    border-left-width: 2px;
}

/* MARGIN */

.margin0 {
    margin: 0px;
}

.margin5 {
    margin: 5px;
}

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

.margin-top-bottom0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.margin-top-bottom3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.margin-top-bottom5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-top-bottom8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.margin-top-bottom10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* MARGIN-LEFT */

.margin-left-minus3 {
    margin-left: -3px !important;
}

.margin-left-minus1 {
    margin-left: -1px;
}

.margin-left0 {
    margin-left: 0px;
}

.margin-left1 {
    margin-left: 1px;
}

.margin-left2 {
    margin-left: 2px;
}

.margin-left3 {
    margin-left: 3px;
}

.margin-left6 {
    margin-left: 6px;
}

.margin-left4 {
    margin-left: 4px;
}

.margin-left5 {
    margin-left: 5px;
}

.margin-left8 {
    margin-left: 8px;
}

.margin-left10 {
    margin-left: 10px;
}

.margin-left13 {
    margin-left: 13px;
}

.margin-left15 {
    margin-left: 15px;
}

.margin-left20 {
    margin-left: 20px;
}

.margin-left43 {
    margin-left: 43px;
}

.margin-left50 {
    margin-left: 50px;
}

.margin-left60 {
    margin-left: 60px;
}

.margin-left100 {
    margin-left: 100px;
}

.margin-left105 {
    margin-left: 105px;
}

.margin-left125 {
    margin-left: 125px;
}

.margin-left140 {
    margin-left: 140px;
}

.margin-left160 {
    margin-left: 160px;
}

.margin-left180 {
    margin-left: 180px;
}

/* MARGIN-RIGHT */

.margin-right-minus1 {
    margin-right: -1px;
}

.margin-right0 {
    margin-right: 0px !important;
}

.margin-right3 {
    margin-right: 3px;
}

.margin-right5 {
    margin-right: 5px;
}

.margin-right10 {
    margin-right: 10px;
}

.margin-right30 {
    margin-right: 30px;
}

.margin-right40 {
    margin-right: 40px !important;
}

.margin-right10 {
    margin-right: 10px;
}

.margin-right15 {
    margin-right: 15px !important;
}

.margin-right20 {
    margin-right: 20px;
}

.margin-right23 {
    margin-right: 23px !important;
}

/* MARGIN-TOP */

.margin-top-minus40 {
    margin-top: -40px;
}

.margin-top-minus30 {
    margin-top: -30px;
}

.margin-top0 {
    margin-top: 0px !important;
}

.margin-top1 {
    margin-top: 1px;
}

.margin-top2 {
    margin-top: 2px;
}

.margin-top3 {
    margin-top: 3px;
}

.margin-top5 {
    margin-top: 5px;
}

.przycisk-offscreen {
    position: absolute;
    left: -9999px;
}

.margin-top8 {
    margin-top: 8px;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-top15 {
    margin-top: 15px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top25 {
    margin-top: 25px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-top40 {
    margin-top: 40px;
}

.margin-top45 {
    margin-top: 45px;
}

.margin-top50 {
    margin-top: 50px;
}

.margin-top55 {
    margin-top: 55px;
}

.margin-top60 {
    margin-top: 60px;
}

/* MARGIN-BOTTOM */

.margin-bottom0 {
    margin-bottom: 0px !important;
}

.margin-bottom1 {
    margin-bottom: 1px;
}

.margin-bottom2 {
    margin-bottom: 2px;
}

.margin-bottom3 {
    margin-bottom: 3px;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

.margin-bottom8 {
    margin-bottom: 8px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin10 {
    margin: 10px;
}

/* PADDING */

.padding0 {
    padding: 0px !important;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding20 {
    padding: 20px;
}

.padding15 {
    padding: 15px;
}

.padding-left20 {
    padding-left: 20px;
}

.padding-left30 {
    padding-left: 20px;
}

.padding-left-right0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding-left-right1 {
    padding-left: 1px;
    padding-right: 1px;
}

.padding-left-right10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-left-right15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-left-right7 {
    padding-left: 7px;
    padding-right: 7px;
}

.padding-left-right4 {
    padding-left: 4px;
    padding-right: 4px;
}

.padding-left-right2 {
    padding-left: 2px;
    padding-right: 2px;
}

.padding-top-bottom1 {
    padding: 1px 0;
}

.padding-top-bottom3 {
    padding: 3px 0 !important;
}

.padding-top-bottom10 {
    padding: 10px 0;
}

.padding-top-bottom5 {
    padding: 5px 0 !important;
}

.padding-top-bottom8 {
    padding: 8px 0;
}

.padding-top-bottom15 {
    padding: 15px 0;
}

.padding-top-bottom20 {
    padding: 20px 0;
}

/* PADDING-TOP */

.padding-top0 {
    padding-top: 0px !important;
}

.padding-top1 {
    padding-top: 1px !important;
}

.padding-top2 {
    padding-top: 2px !important;
}

.padding-top3 {
    padding-top: 3px;
}

.padding-top5 {
    padding-top: 5px;
}

.padding-top10 {
    padding-top: 10px;
}

.padding-top12 {
    padding-top: 12px;
}

.padding-top15 {
    padding-top: 15px;
}

.padding-top48 {
    padding-top: 48px;
}

/* PADDING-LEFT */

.padding-left0 {
    padding-left: 0px !important;
}

.padding-left1 {
    padding-left: 1px !important;
}

.padding-left2 {
    padding-left: 2px !important;
}

.padding-left5 {
    padding-left: 5px !important;
}

.padding-left10 {
    padding-left: 10px;
}

.padding-left20 {
    padding-left: 20px;
}

.padding-left30 {
    padding-left: 20px;
}

.padding-left65 {
    padding-left: 65px;
}

.padding-left100 {
    padding-left: 100px;
}

.margin-left100 {
    margin-left: 100px;
}

.padding-left115 {
    padding-left: 115px;
}

.padding-left240 {
    padding-left: 240px;
}

/* PADDING-BOTTOM */

.padding-bottom0 {
    padding-bottom: 0px !important;
}

.padding-bottom1 {
    padding-bottom: 1px !important;
}

.padding-bottom2 {
    padding-bottom: 2px !important;
}

.padding-bottom3 {
    padding-bottom: 3px !important;
}

.padding-bottom4 {
    padding-bottom: 4px !important;
}

.padding-bottom5 {
    padding-bottom: 5px;
}

.padding-bottom10 {
    padding-bottom: 10px;
}

.padding-bottom15 {
    padding-bottom: 15px;
}

/* PADDING-RIGHT */

.padding-right0 {
    padding-right: 0px;
}

.padding-right3 {
    padding-right: 3px;
}

.padding-right5 {
    padding-right: 5px;
}

.padding-right10 {
    padding-right: 10px;
}

/* FONT-SIZE, CZCIONKI, FONTY */

.defaultFont {
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.4;
}

.buttonFont {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

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

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

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

.font-size-11, .size-11px {
    font-size: 11px;
}

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

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

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

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

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

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

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

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

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

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

.left-0 {
    left: 0px;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.ui-slider-range.ui-widget-header {
    background: rgb(176, 28, 46);
}

ul.lista-bez-wypunktowania {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

ul.lista-bez-wypunktowania li {
    list-style-type: none;
    float: left;
    width: 100%;
}

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

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

.border-left-transparent {
    border-left: 1px solid transparent;
}

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

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

.opacity80 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: .80;
}

.layer1 {
    z-index: 1;
}

.layer2 {
    z-index: 2;
}

.absolute {
    position: absolute;
}

.wybor-koloru {
    float: left;
    border: 1px solid #D4B497;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#menuFormularzOverflow li table td span{
    padding: 0;
}

.nofloat{
    float: none;
}
.potrawa_do_usuniecia {
    position: relative;
}

.potrawa_do_usuniecia::after {
    content: "";
    position: absolute;
    top: 50%;  /* Ustawia linię w połowie wysokości wiersza */
    left: 0;
    right: 0;
    height: 1px;  /* Grubość linii */
    background-color: #302f2f; /* Kolor linii */
    transform: translateY(-50%); /* Centrowanie linii */
    z-index: 3; /* Ustawia linię poniżej tekstu */
    pointer-events: none; /* Sprawia, że linia nie reaguje na zdarzenia myszy */
}
.analysis-background {
    background-color: #fff1dc;
    font-weight: bold;
}
.analysis-main {
    background-color: #e3dbd2;
    font-weight: bold;
}
.analysis-input
{
    border: solid 1px #ccc;
    background: #fff;
    color: #444;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}



/* ==== /wprowadzanie (menu + atrakcje) — sekcja "Edytowane dziś" ====
   Celowo trzyma paletę list (tan/brąz #c2ae98), nie własny szary motyw, żeby
   czytała się jako część tego samego widoku. Szerokość (800px) i ewentualne
   wyśrodkowanie trzymamy na .ostatnio-edytowane-sekcja — dzięki temu ten sam
   zestaw klas obsługuje listę menu (wyrównaną do lewej) i listę atrakcji
   (wyśrodkowaną przez .margin-0-auto). Dzieci mają box-sizing:border-box,
   żeby ramki mieściły się w 800px i krawędzie pokrywały się z tabelami. */
.ostatnio-edytowane-sekcja {
    box-sizing: border-box;
    width: 800px;
    margin-bottom: 10px;
}
.ostatnio-edytowane-sekcja .oe-tytul {
    box-sizing: border-box;
    background: #cbb79b;
    color: #4a3b28;
    border: 1px solid #c2ae98;
    border-bottom: none;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 6px;
    letter-spacing: .3px;
}
.oe-tytul .oe-ikona {
    margin-right: 3px;
}
.oe-tytul .oe-licznik {
    display: inline-block;
    background: #8a7454;
    color: #fff;
    border-radius: 8px;
    padding: 0 6px;
    margin-left: 4px;
    font-size: 10px;
    line-height: 14px;
}
.oe-scroll {
    box-sizing: border-box;
    max-height: 84px;
    overflow-y: auto;
    /* overflow-y:auto sam wymusza overflow-x:auto; bez tego ramka border-box
       (–2px szerokości treści) sprawiała, że tabela 800px „wystawała" i pojawiał
       się zbędny poziomy pasek przewijania w „Edytowane dziś". */
    overflow-x: hidden;
    border: 1px solid #c2ae98;
    border-top: none;
}
.ostatnio-edytowane-tabela td {
    font-size: 11px;
    height: 24px;
}

/* ==== Widok edycji sal: boks 510px jako kolumna flex ====
   Filtr + „Edytowane dziś" (zmienna wysokość) + lista + dolne przyciski nie mieszczą
   się sztywno w height510 — bez flexa treść wypychała dolne przyciski poza boks
   (przy #body overflow:hidden bywały nieosiągalne). Lista (.saleinside) dostaje całą
   resztę wysokości i przewija się wewnętrznie; inline height listy działa jako
   flex-basis. overflow:hidden na .kontenerprzyciskow domyka pływające przyciski. */
.sale-edycja-box {
    display: flex;
    flex-direction: column;
}
.sale-edycja-box > .kontener {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.sale-edycja-box .saleinside {
    flex: 1 1 auto;
    min-height: 0;
}
.sale-edycja-box .kontenerprzyciskow {
    flex: 0 0 auto;
    overflow: hidden;
}

/* ==== /wprowadzanie/potrawy: boks 700px jako kolumna flex ====
   „Edytowane dziś" (zmienna wysokość, ładowane AJAX-em) + filtr + lista + dolne przyciski.
   Wcześniej wysokość kontenera liczył JS przed doładowaniem „Edytowane dziś", a lista miała
   sztywne 530px — dół listy (ostatnie potrawy) chował się pod przyciskami i nie dało się do
   niego przewinąć. Teraz lista bierze resztę wysokości boksu i przewija się wewnątrz. */
.potrawy-box {
    display: flex;
    flex-direction: column;
}
.potrawy-box > .kontener {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.potrawy-box #potrawy-glowny-kontener {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.potrawy-box #potrawy-glowny-kontener > * {
    flex: 0 0 auto;
}
.potrawy-box #potrawy-kontener {
    flex: 1 1 auto;
    min-height: 0;
    align-self: stretch;
    padding-bottom: 8px;
    /* szablon ma height530 jako zapas dla starego szkieletu strony (po wdrożeniu, do odświeżenia);
       w kolumnie flex wysokość ustala flex */
    height: auto !important;
}
/* „Edytowane dziś" na szerokość listy (sekcja ma width:100%) */
.potrawy-box #ostatnio-edytowane-kontener {
    align-self: stretch;
}
.potrawy-box .kontenerprzyciskow {
    flex: 0 0 auto;
    overflow: hidden;
}
/* czytelność listy (lista + „Edytowane dziś" — wspólny wiersz _potrawa.php) */
.potrawy-box #potrawy-tabela tr:hover > td,
.potrawy-box .potrawy-oe tbody tr:hover > td {
    background-color: #efe5d3;
}
.potrawy-box #potrawy-tabela td.text-right,
.potrawy-box .potrawy-oe td.text-right {
    font-variant-numeric: tabular-nums;
}
.potrawy-box .potrawa-zwin {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.potrawy-box .potrawy-oe .oe-scroll {
    max-height: 110px;
    /* bez bocznych ramek: ciało sekcji zaczyna się w tym samym pikselu co nagłówek, filtr i lista */
    border-left-width: 0;
    border-right-width: 0;
}
.potrawy-box .potrawa-jedna-linia {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.potrawa-podpowiedz {
    max-width: 420px;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.4;
}

/* ==== Filtr PMS — checkbox + szukajka symbolu jako jeden spójny „pigułka" ==== */
.pms-filtr {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    box-sizing: border-box;
    max-width: 100%;
    padding: 1px 4px;
    border: 1px solid #c2ae98;
    border-radius: 11px;
    background: #fff;
    vertical-align: middle;
}
.pms-filtr input[type="checkbox"] {
    margin: 0;
    flex: 0 0 auto;
    cursor: pointer;
}
.pms-filtr .pms-filtr-input {
    border: none;
    outline: none;
    /* Stała, wygodna szerokość — pole mieści się w kolumnie zarówno przy
       table-layout:fixed (menu), jak i auto (atrakcje), bez rozpychania
       kolumny (flex-grow rozpychał kolumnę PMS i wypychał „Akcje"). */
    flex: 0 0 auto;
    width: 74px;
    background: transparent;
    font-size: 11px;
    line-height: 16px;
    padding: 0;
}
.pms-filtr .pms-filtr-ikona {
    flex: 0 0 auto;
    color: #8a7454;
    font-size: 10px;
}

/* ==== Lifting: menu boczne i sekcje ====
   Tylko wygląd (bez zmiany wysokości, szerokości i odstępów decydujących o układzie):
   - menu boczne: spójne zaokrąglenia, delikatny cień grup zamiast twardej białej ramki,
     wyraźny stan najechania/kliknięcia (filter — działa też z kolorem ustawianym inline przez JS,
     np. migający „Nowe imprezy”), czytelniejsze dwuwierszowe etykiety; przyciski nieaktywne
     (inline background #e3dbd2) bez efektów,
   - sekcje (paski zakładek nad treścią): zaokrąglenia, stan najechania, aktywna zakładka jak
     aktywna pozycja górnego menu (biały tekst, ciemniejsze tło, kreska #e46621 — żółty tekst
     na brązie był mało czytelny); zakładki o równej wysokości tylko w paskach z samych tekstowych <h2>
     (:has — paski z selectem/tabelą/linkiem w zakładce zostają w starym układzie),
   - dolne boksy: te same zaokrąglenia i cień. */
:where(html.hi-lifting) #body .prawa-przyciski > .box {
    border-color: transparent;
    box-shadow: 0 1px 3px rgba(74, 56, 36, 0.22);
}
:where(html.hi-lifting) #body .prawa-przyciski .button {
    border-radius: 7px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
    transition: filter 0.15s ease, box-shadow 0.15s ease;
}
:where(html.hi-lifting) #body .prawa-przyciski .button .td {
    line-height: 1.15;
}
:where(html.hi-lifting) #body .prawa-przyciski .button:hover {
    filter: brightness(1.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
:where(html.hi-lifting) #body .prawa-przyciski .button:active {
    filter: brightness(0.94);
}
:where(html.hi-lifting) #body .prawa-przyciski .button[style*="e3dbd2"],
:where(html.hi-lifting) #body .prawa-przyciski .button:has(.menu-header) {
    cursor: default;
    filter: none;
    box-shadow: none;
    text-shadow: none;
}

:where(html.hi-lifting) #body .solbox .headings h2,
:where(html.hi-lifting) #body .solbox .headings-po h2,
:where(html.hi-lifting) #body .solbox .headings-send-message h2 {
    border-radius: 8px;
    transition: background-color 0.15s ease;
}
:where(html.hi-lifting) #body .solbox .headings h2:not(.active):hover,
:where(html.hi-lifting) #body .solbox .headings-po h2:not(.active):hover,
:where(html.hi-lifting) #body .solbox .headings-send-message h2:not(.active):hover {
    background-color: #8f7f6d;
}
:where(html.hi-lifting) #body .solbox .headings h2.active,
:where(html.hi-lifting) #body .solbox .headings-po h2.active,
:where(html.hi-lifting) #body .solbox .headings-send-message h2.active {
    /* jak aktywna pozycja górnego menu: biały tekst, ciemniejsze tło, kreska w kolorze marki */
    color: #fff;
    background-color: #7d6a55;
    box-shadow: inset 0 -3px 0 #e46621;
}
/* pasek zakładek w boksie-kolumnie flex (np. edycja sal) nie może się kurczyć — inaczej
   overflow:hidden obcinał dolną część zakładki z etykietą w dwóch liniach */
:where(html.hi-lifting) #body .solbox > :is(.headings, .headings-po) {
    flex-shrink: 0;
}
:where(html.hi-lifting) #body .solbox :is(.headings, .headings-po):not(.headings-po8):not(.flex):not([style*="flex"]):not(:has(> :not(h2, .clear))):not(:has(> h2 > *)) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
:where(html.hi-lifting) #body .solbox :is(.headings, .headings-po):not(.headings-po8):not(.flex):not([style*="flex"]):not(:has(> :not(h2, .clear))):not(:has(> h2 > *)) > h2 {
    float: none;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

:where(html.hi-lifting) .przyciskidolne .przyciskbottom {
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(74, 56, 36, 0.22);
}
:where(html.hi-lifting) .przyciskidolne .przyciskbottom.b2 {
    transition: filter 0.15s ease;
}
:where(html.hi-lifting) .przyciskidolne .przyciskbottom.b2:hover {
    filter: brightness(1.06);
}

/* lifting: natywne listy rozwijane (bez select2) wyglądają jak listy select2 i lista w górnym pasku —
   zaokrąglony róg, ciepła ramka, własna strzałka. Niska specyfikacja (:where), więc klasy z własnym
   wyglądem (.error, [disabled], listy w tabelach z własnym CSS) nadal wygrywają. */
:where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible):not(.styled-select select):not(.topmenu select)) {
    -webkit-appearance: none;
    appearance: none;
    height: 20px;
    padding: 0 16px 0 5px;
    border: 1px solid #d8cdc1;
    border-radius: 4px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238c7b67' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 9px 5px;
    color: #4a3d2e;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}
:where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible)):hover {
    border-color: #c2ae98;
}
:where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible)):focus {
    outline: none;
    border-color: #c2ae98;
    box-shadow: 0 0 0 2px rgba(228, 102, 33, .15);
}
:where(html.hi-lifting) select[disabled]:where(:not([multiple]):not([size])) {
    background-color: #f1ece6;
    cursor: not-allowed;
}

/* lifting: pozostałe pola formularzy — spójne z listami rozwijanymi (zaokrąglony róg, ciepła ramka,
   podświetlenie przy aktywacji), znaczniki wyboru w kolorze marki, natywny przycisk „Wybierz plik”.
   Tylko kolory i zaokrąglenia — wysokości, szerokości i odstępy bez zmian. */
:where(html.hi-lifting) {
    scrollbar-color: #b9ab99 #efe9e2;
}
:where(html.hi-lifting) input[type=text],
:where(html.hi-lifting) input[type=password],
:where(html.hi-lifting) input[type=number],
:where(html.hi-lifting) input[type=email],
:where(html.hi-lifting) input[type=tel],
:where(html.hi-lifting) input[type=search],
:where(html.hi-lifting) input[type=url],
:where(html.hi-lifting) textarea {
    border-color: #d8cdc1;
    border-radius: 4px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
:where(html.hi-lifting) input[type=text]:hover,
:where(html.hi-lifting) input[type=password]:hover,
:where(html.hi-lifting) input[type=number]:hover,
:where(html.hi-lifting) textarea:hover {
    border-color: #c2ae98;
}
:where(html.hi-lifting) input[type=text]:focus:not(.error),
:where(html.hi-lifting) input[type=password]:focus:not(.error),
:where(html.hi-lifting) input[type=number]:focus:not(.error),
:where(html.hi-lifting) input[type=email]:focus:not(.error),
:where(html.hi-lifting) input[type=tel]:focus:not(.error),
:where(html.hi-lifting) input[type=search]:focus:not(.error),
:where(html.hi-lifting) input[type=url]:focus:not(.error),
:where(html.hi-lifting) textarea:focus:not(.error) {
    outline: none;
    border-color: #c2ae98;
    box-shadow: 0 0 0 2px rgba(228, 102, 33, .15);
}
:where(html.hi-lifting) input[type=checkbox],
:where(html.hi-lifting) input[type=radio] {
    accent-color: #7d6a55;
}
:where(html.hi-lifting) input[type=file]::file-selector-button {
    padding: 1px 8px;
    border: 0;
    border-radius: 4px;
    background: #9d8d7b;
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    cursor: pointer;
    transition: filter .15s ease;
}
:where(html.hi-lifting) input[type=file]::file-selector-button:hover {
    filter: brightness(1.1);
}

/* lifting: okna dialogowe — zaokrąglony róg i miękki cień zamiast płaskiego prostokąta, ciepła ramka
   i linia nad przyciskami, półprzezroczyste tło w ciepłym brązie. Tylko kolory, róg i cień —
   rozmiar, położenie i zawartość okna bez zmian. */
:where(html.hi-lifting) .ui-dialog.okno-dialog {
    border-color: #d8cdc1;
    border-radius: 8px;
    box-shadow: 0 12px 36px rgba(60, 45, 30, .30), 0 2px 8px rgba(60, 45, 30, .14);
}
:where(html.hi-lifting) .ui-dialog.okno-dialog .ui-dialog-buttonpane {
    border-top-color: #e6ded3;
    border-radius: 0 0 8px 8px;
}
:where(html.hi-lifting) .ui-widget-overlay {
    background: #2b2118;
}
:where(html.hi-lifting) .ui-autocomplete.ui-menu {
    border-color: #d8cdc1;
    border-radius: 4px;
    box-shadow: 0 6px 18px rgba(60, 45, 30, .18);
}

/* lifting: listy powiadomień (aktywności, przypomnienia, strategiczne, płatności, zadania, systemowe, e-mail,
   vouchery) — kolorowe paski (kolor zależy od rodzaju i terminu powiadomienia, ustawiany w szablonie) dostają
   zaokrąglone rogi, a tło wykonanych/przeczytanych pozycji zaokrąglony kontener. Kolory, wysokości i układ bez zmian. */
:where(html.hi-lifting) #powiadomienia-wyniki .left.width100.text-center.text-bold,
:where(html.hi-lifting) #powiadomienia-wyniki .left.width660 {
    border-radius: 5px;
}
:where(html.hi-lifting) #powiadomienia-wyniki > div > .width765.padding5 {
    border-radius: 7px;
}

/* lifting: okno wyboru daty — zaokrąglony róg i miękki cień jak w oknach dialogowych */
:where(html.hi-lifting) #ui-datepicker-div.ui-datepicker {
    border-color: #d8cdc1;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(60, 45, 30, .26), 0 2px 6px rgba(60, 45, 30, .12);
}

/* lifting: komunikaty — „Brak wyników” w ciepłych kolorach zamiast zimnego błękitu, pływające komunikaty
   (zapisano / ostrzeżenie) z zaokrąglonym dolnym rogiem i miękkim cieniem. Kolory zielony i czerwony
   komunikatów zostają (niosą znaczenie), rozmiary i położenie bez zmian. */
:where(html.hi-lifting) div.brak-wynikow.brak-wynikow {
    border-color: #d8cdc1;
    border-radius: 6px;
    background: #f4efe9;
    color: #6b5a47;
}
:where(html.hi-lifting) #komunikatPotwierdzenie,
:where(html.hi-lifting) #komunikatOstrzezenie {
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 14px rgba(60, 45, 30, .18);
}

/* lifting: wiersz filtrów nad listami (Baza klientów, Vouchery, Lista imprez…) — spokojniejszy, ciepły krem
   zamiast jaskrawej żółci; pola filtra zostają białe. Tylko kolor, wysokości i układ bez zmian. */
:where(html.hi-lifting) .zolta-apla.zolta-apla {
    background-color: #f6e6c3 !important;
    border-color: #f6e6c3 !important;
}

/* lifting: zakładki jQuery UI (np. Raporty → Przychodowy / Rankingi / Koszty…) — nieaktywne zakładki miały
   brązowy tekst na brązowym tle (słaby kontrast), aktywna jaskrawy pomarańcz. Teraz jak zakładki sekcji:
   biały tekst, aktywna ciemniejszy brąz z pomarańczową kreską. Tylko kolory, rozmiary bez zmian. */
:where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default.ui-state-default a,
:where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default.ui-state-default a span {
    color: #fff;
}
:where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default.ui-state-default:not(.ui-tabs-active):hover {
    background-color: #a89988;
}
:where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-tabs-active.ui-state-default.ui-state-default {
    background: #7d6a55 !important;
    box-shadow: inset 0 -2px 0 #e46621;
}

/* lifting: podświetlenie wiersza listy pod kursorem (Vouchery, Pokoje, Poczta, Lista imprez…) — lekki ciepły odcień,
   żeby było widać, który wiersz się klika. Tylko wiersze naprzemienne (.even/.odd) bez własnego koloru tła. */
:where(html.hi-lifting) #body table tr:is(.even, .odd):not([style*="background"]):hover {
    background-color: #efe5d6;
}

/* lifting: ekran „Proszę czekać…” — zamiast szarego, pikselowego gifa trzy kropki w kolorach marki
   (migają po kolei) i spokojniejszy napis. Rozmiar i położenie bloku bez zmian (kropki rysuje pseudoelement
   w miejscu dawnego obrazka). Przy wyłączonych animacjach w systemie kropki stoją w miejscu. */
:where(html.hi-lifting) :is(.wait, .smallwait) p {
    position: relative;
    background: none;
    color: #8c7b67;
}
:where(html.hi-lifting) :is(.wait, .smallwait) p::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9px;
    height: 9px;
    margin: -5px 0 0 -5px;
    border-radius: 50%;
    background: #d8cdc1;
    box-shadow: -16px 0 0 #d8cdc1, 16px 0 0 #d8cdc1;
    animation: hi-czekaj 1.2s ease-in-out infinite;
}
@keyframes hi-czekaj {
    0%, 100% { background: #d8cdc1; box-shadow: -16px 0 0 #e46621, 16px 0 0 #d8cdc1; }
    33%      { background: #e46621; box-shadow: -16px 0 0 #d8cdc1, 16px 0 0 #d8cdc1; }
    66%      { background: #d8cdc1; box-shadow: -16px 0 0 #d8cdc1, 16px 0 0 #e46621; }
}
@media (prefers-reduced-motion: reduce) {
    :where(html.hi-lifting) :is(.wait, .smallwait) p::before {
        animation: none;
    }
}

/* lifting: Obłożenie sal — nagłówki tabeli w ciepłym beżu zamiast zimnego błękitu, wiersz podsumowania w kremie
   (jak wiersz filtrów), weekend w delikatnym kremie zamiast jaskrawej żółci, włączony przycisk (Pokoje, Zestaw.
   przych. netto) w ciemniejszym brązie z pomarańczową kreską jak aktywne zakładki. Tylko kolory. */
:where(html.hi-lifting) .obs-kontener__wiersz--naglowek.obs-kontener__wiersz--naglowek {
    background: #efe7dc;
}
:where(html.hi-lifting) .obs-kontener__wiersz--podsumowanie.obs-kontener__wiersz--podsumowanie {
    background: #f6e6c3;
}
:where(html.hi-lifting) .obs-komorka--dzien_weekend.obs-komorka--dzien_weekend {
    background: #fbf3e0;
}
:where(html.hi-lifting) .obs-wiersz--dzien_weekend.obs-wiersz--dzien_weekend {
    background: #fbf3e0 !important;
}
:where(html.hi-lifting) .obs-przycisk--zolty.obs-przycisk--zolty {
    background-color: #7d6a55;
    box-shadow: inset 0 -2px 0 #e46621;
}
:where(html.hi-lifting) .obs-przycisk--zolty.obs-przycisk--zolty:hover {
    background-color: #704c2a;
}
:where(html.hi-lifting) .obs-przycisk--aktywny.obs-przycisk--aktywny {
    color: #ffe1b3 !important;
}

/* lifting: aktywny przycisk jQuery UI (np. bieżąca strona w paginacji) — ciemniejszy brąz z pomarańczową kreską
   jak aktywne zakładki, zamiast jaskrawego żółtego. Tylko kolory. */
:where(html.hi-lifting) .ui-button.ui-state-active.ui-state-active {
    background: #7d6a55 !important;
    box-shadow: inset 0 -2px 0 #e46621;
}

/* lifting: karta imprezy (widok tabelaryczny) — przycisk „Zapisz” w kolorze marki (biały tekst na żółtym miał
   kontrast ok. 1,7:1), ramki paneli podsumowania w ciepłym beżu zamiast pomarańczowej, a systemowy szary
   przycisk „Wylicz ponownie” jak pozostałe przyciski. Tylko kolory/ramki — rozmiary bez zmian. */
:where(html.hi-lifting) #tabelarycznie > .top > ul > li.zapisz button {
    background: #e46621 !important;
}
:where(html.hi-lifting) #tabelarycznie > .top > ul > li.zapisz button:hover {
    background: #cf5718 !important;
}
:where(html.hi-lifting) #tabelarycznie > .main :is(.minipodsumowanie, .minipodsumowanie-strategia, .impreza .ustawienia) {
    border-color: #dcc9a4;
    border-radius: 6px;
    background-color: #faf2e0;
}
:where(html.hi-lifting) #tabelarycznie #generuj_punkty {
    border: 0;
    border-radius: 4px;
    background: #9d8d7b;
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 12px;
    cursor: pointer;
}
:where(html.hi-lifting) #tabelarycznie #generuj_punkty:hover:not(:disabled) {
    filter: brightness(1.1);
}
:where(html.hi-lifting) #tabelarycznie #generuj_punkty:disabled {
    background: #cfc6bb;
    cursor: not-allowed;
}

/* lifting: przycisk z fokusem w oknach dialogowych (domyślnie ostatni, np. „Anuluj”) — jaskrawy żółty z białym
   napisem (słaby kontrast) zastąpiony ciemniejszym brązem z pomarańczową kreską jak aktywne zakładki. */
:where(html.hi-lifting) .ui-dialog .ui-button.ui-state-focus.ui-state-focus {
    background: #7d6a55 !important;
    box-shadow: inset 0 -2px 0 #e46621;
}

/* lifting: dolny przycisk „Wprowadzanie danych” — kolor marki zamiast żółtego (biały napis na #ffa414 miał
   kontrast ok. 2:1). Tylko kolor. */
:where(html.hi-lifting) .przyciskidolne .przyciskbottom.b2.b2 {
    background: #e46621;
}

/* lifting: znacznik synchronizacji w karcie imprezy („Brak synchronizacji” / „Synchronizuj” / „Aktualne”) —
   zamiast szarego prostokąta z neonową kropką spokojna pigułka: jasne tło, ciepła ramka, brązowy napis i kropka
   w stonowanym kolorze (czerwony / bursztynowy / zielony). „Synchronizuj” zostaje przyciskiem (ciemniejsze tło,
   reaguje na najechanie). */
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk {
    padding: 2px 11px 2px 9px;
    border: 1px solid #ddd2c4;
    border-radius: 999px;
    background: #f6f1ea !important;
    color: #6b5a47 !important;
    font-size: 11px !important;
    box-shadow: none;
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk .ui-button-text {
    padding: 0 !important;
    color: inherit !important;
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk strong {
    color: inherit !important;
    font-size: inherit !important;
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk span[style*="red"] {
    background-color: #d6402b !important;
    box-shadow: 0 0 0 3px rgba(214, 64, 43, .16);
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk span[style*="yellow"] {
    background-color: #f0a020 !important;
    box-shadow: 0 0 0 3px rgba(240, 160, 32, .2);
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk span[style*="green"] {
    background-color: #2e9d4b !important;
    box-shadow: 0 0 0 3px rgba(46, 157, 75, .16);
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk#api_sync {
    border-color: #c9bba9;
    background: #efe6da !important;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}
:where(html.hi-lifting) #tabelarycznie h4 > span.przycisk#api_sync:hover {
    border-color: #b6a48f;
    background: #e6d9c8 !important;
}

/* lifting: rozwinięta lista select2 — podświetlona pozycja w ciepłym brązie zamiast systemowego błękitu, wybrana
   pozycja w jasnym beżu, ramka listy i pola szukania w ciepłych kolorach z miękkim cieniem. Tylko kolory/cień. */
:where(html.hi-lifting) .select2-container--default .select2-results__option--highlighted[aria-selected],
:where(html.hi-lifting) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #7d6a55 !important;
    color: #fff !important;
}
:where(html.hi-lifting) .select2-container--default .select2-results__option[aria-selected=true],
:where(html.hi-lifting) .select2-container--default .select2-results__option--selected:not(.select2-results__option--highlighted) {
    background-color: #efe6da;
    color: #4a3d2e;
}
:where(html.hi-lifting) .select2-dropdown {
    border-color: #d8cdc1;
    box-shadow: 0 8px 20px rgba(60, 45, 30, .18);
}
:where(html.hi-lifting) .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #d8cdc1;
    border-radius: 4px;
}
:where(html.hi-lifting) .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none;
    border-color: #c2ae98;
    box-shadow: 0 0 0 2px rgba(228, 102, 33, .15);
}

/* lifting: przyciski „Zapisz” i „Inf. po realizacji” w dolnej belce karty imprezy — kolor marki zamiast żółtego
   z białym napisem (kontrast 1,8:1), tak jak „Zapisz” w górnym pasku. */
:where(html.hi-lifting) #tabelarycznie :is(button.zapisz, button.notatki) {
    background: #e46621 !important;
}
:where(html.hi-lifting) #tabelarycznie :is(button.zapisz, button.notatki):hover {
    background: #cf5718 !important;
}

/* lifting: pola daty (z kalendarzem) w karcie imprezy i w warunkach płatności miały własny styl bez zaokrąglenia —
   teraz zaokrąglone jak pozostałe pola tekstowe. Tylko róg. */
:where(html.hi-lifting) input.hasDatepicker.hasDatepicker:not(.error) {
    border-radius: 4px;
}

/* lifting: nagłówki sekcji formularzy (np. „Stopka e-mail”, „Weryfikacja dwuetapowa” w profilu) były jasnobeżowe na
   białym (kontrast ok. 2:1) — teraz brąz z paska zakładek, czytelny, z delikatną kreską pod spodem. Pasek narzędzi
   edytora tekstu (CKEditor, skin moono-lisa) w ciepłych kolorach zamiast zimnej szarości: krem, zaokrąglenie,
   stan najechania i aktywny w kolorach marki, nieaktywne przyciski trochę wyraźniejsze. */
:where(html.hi-lifting) .wprowadzanie-kontener.wprowadzanie-kontener h2 {
    color: #7d6a55;
    letter-spacing: 0.03em;
}
html.hi-lifting .cke_chrome {
    border-color: #d9ccbf;
    border-radius: 6px;
    box-shadow: none;
    overflow: hidden;
}
html.hi-lifting .cke_top {
    background: #f6f1eb;
    border-bottom-color: #e3dbd2;
    box-shadow: none;
}
html.hi-lifting .cke_toolgroup {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}
html.hi-lifting .cke_toolbar_separator {
    background: #e3dbd2;
}
html.hi-lifting a.cke_button.cke_button {
    border-radius: 4px;
}
html.hi-lifting a.cke_button_off:hover,
html.hi-lifting a.cke_button_off:focus,
html.hi-lifting a.cke_button_off:active {
    background: #eadfd3;
    border-color: #d9ccbf;
}
html.hi-lifting a.cke_button_on {
    background: #e3dbd2;
    border-color: #c2ae98;
    box-shadow: none;
}
html.hi-lifting a.cke_button_disabled .cke_button_icon,
html.hi-lifting a.cke_button_disabled .cke_button_label {
    opacity: 0.45;
}
html.hi-lifting a.cke_combo_button {
    border-radius: 4px;
    border-color: transparent;
    background: transparent;
}
html.hi-lifting a.cke_combo_button:hover,
html.hi-lifting a.cke_combo_button:focus,
html.hi-lifting a.cke_combo_on a.cke_combo_button {
    background: #eadfd3;
    border-color: #d9ccbf;
}
html.hi-lifting .cke_combo_text,
html.hi-lifting .cke_button_label {
    color: #4a3824;
}

/* lifting: wiersze filtrów z żółcią wpisaną w szablonie (Podwykonawcy, Vouchery, Corpo, Baza klientów web, Kalkulacje,
   Lista stolików, powiadomienia systemowe) — ten sam ciepły krem co pozostałe wiersze filtrów zamiast jaskrawej żółci
   #FCDC8A. Tylko kolor tła; pola filtra zostają białe. */
:where(html.hi-lifting) [style*="FCDC8A" i] {
    background-color: #f6e6c3 !important;
}

/* lifting: nagłówki tabel list (Pracownicy, Sale, Pokoje, Poczta, Raporty, Plany sprzedaży…) miały ten sam beż
   (#e3dbd2) co co drugi wiersz tabeli, więc nagłówek zlewał się z danymi. Teraz odrobinę ciemniejszy, z brązowym
   tekstem i brązową kreską pod spodem. Pomijane: tabele w podglądzie dokumentów (wyglądają jak wydruk), nagłówki
   z własnym tłem (waluty, style wpisane w szablonie) i kalendarze. Tylko kolory i kreska. */
:where(html.hi-lifting) #body table thead th:not(.waluta-kurs-styl, [style*="background"], .kontener-widgetow *, .ui-datepicker *) {
    background-color: #d3c4b1;
    border-color: #c2ae98;
    border-bottom-color: #8c7b67;
    color: #3f3326;
}

/* lifting: etykiety pól i tytuły grup pól w formularzach (np. Ustawienia poczty, Dane podstawowe, Poczta
   przychodząca IMAP) — jasny szary i beż na białym miały kontrast poniżej 3:1, teraz brąz z paska zakładek jak
   nagłówki sekcji formularzy. Etykiety z własną klasą koloru (np. .white na ciemnym tle) zostają bez zmian. */
:where(html.hi-lifting) label {
    color: #7d6a55;
}
:where(html.hi-lifting) #body legend {
    color: #7d6a55;
    letter-spacing: 0.03em;
}

/* lifting: lista pozycji w Ustawieniach → Wprowadzanie danych (kolumny z odnośnikami) — ciepła ramka zamiast zimnej
   szarej, odnośniki w brązie i pomarańczowe po najechaniu (wcześniej czarne, bez żadnej zmiany po najechaniu
   poza podkreśleniem). Bez zmian w rozmiarach i układzie. */
:where(html.hi-lifting) .smallbox ul {
    border-color: #e3dbd2;
}
:where(html.hi-lifting) .smallbox a {
    color: #4a3d2e;
}
:where(html.hi-lifting) .smallbox a:hover {
    color: #e46621;
}

/* ==== Uniwersalne elementy formularzy (szata „nowa”, „Forum 2026”, „Nowa odsłona HI” i ich ciemne warianty) ====
   Jeden zestaw reguł oparty na zmiennych szaty (--hi-s-*: tło, ramka, tekst, akcent, promień, cień, fokus); szaty
   Forum 2026 i Nowa odsłona HI ustawiają te zmienne, a „nowa” korzysta z wartości zapasowych (palety brązowej), więc
   nie ma osobnych kopii reguł per szata. Obejmuje wszystkie natywne listy rozwijane i ich rozszerzenia (select2, lista
   z wielokrotnym wyborem, selectmenu jQuery UI), pola formularzy, przyciski natywne oraz widoki Wprowadzania danych
   (filtry nad listami, listy, paginacja). Tylko kolory, ramki, zaokrąglenia i stany — wymiary, układ i działanie bez
   zmian; select2 i listy wbudowane w przeglądarkę nie są przebudowywane. Specyfikacja zawsze zawiera klasę szaty,
   więc szata klasyczna jest nietknięta. */
@media screen {
    /* ---- natywne listy rozwijane: pozycje, lista wielokrotna, stan wyłączony i fokus ---- */
    html.hi-lifting option,
    html.hi-lifting optgroup {
        background-color: var(--hi-s-pole, #ffffff);
        color: var(--hi-s-tekst, #4a3d2e);
    }
    html.hi-lifting select:where([multiple], [size]:not([size="1"])) {
        border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
        border-radius: var(--hi-s-promien, 4px);
        background-color: var(--hi-s-pole, #ffffff);
        color: var(--hi-s-tekst, #4a3d2e);
    }
    html.hi-lifting select:where([multiple], [size]:not([size="1"])) option:checked {
        background: var(--hi-s-pasek-akt, #7d6a55) linear-gradient(0deg, var(--hi-s-pasek-akt, #7d6a55), var(--hi-s-pasek-akt, #7d6a55));
        color: #ffffff;
    }
    html.hi-lifting select:disabled,
    html.hi-lifting input:disabled,
    html.hi-lifting textarea:disabled {
        background-color: var(--hi-s-powierzchnia-2, #f1ece6);
        color: var(--hi-s-tekst-2, #8c7b67);
        cursor: not-allowed;
    }
    html.hi-lifting input[readonly]:not([type=checkbox]):not([type=radio]),
    html.hi-lifting textarea[readonly] {
        background-color: var(--hi-s-powierzchnia-2, #f6f1ea);
    }
    html.hi-lifting ::placeholder {
        color: var(--hi-s-tekst-2, #9a8b78);
        opacity: 1;
    }
    html.hi-lifting :is(select, input, textarea, button):focus-visible {
        outline: 2px solid var(--hi-s-akcent, #e46621);
        outline-offset: 1px;
    }
    html.hi-lifting :is(input[type=date], input[type=time], input[type=datetime-local], input[type=month], input[type=week], input:not([type])) {
        border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
        border-radius: var(--hi-s-promien, 4px);
        background-color: var(--hi-s-pole, #ffffff);
        color: var(--hi-s-tekst, #4a3d2e);
    }

    /* ---- select2: pole, strzałka, fokus, wyłączone, zaznaczone elementy listy wielokrotnej ---- */
    html.hi-lifting .select2-container--default .select2-selection--single,
    html.hi-lifting .select2-container--default .select2-selection--multiple {
        border-color: var(--hi-s-ramka-mocna, #d8cdc1);
        border-radius: var(--hi-s-promien, 4px);
        background-color: var(--hi-s-pole, #ffffff);
        transition: border-color .15s ease, box-shadow .15s ease;
    }
    html.hi-lifting .select2-container--default .select2-selection--single .select2-selection__rendered,
    html.hi-lifting .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        color: var(--hi-s-tekst, #4a3d2e);
    }
    html.hi-lifting .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: var(--hi-s-tekst-2, #9a8b78);
    }
    html.hi-lifting .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: var(--hi-s-strzalka, #8c7b67) transparent transparent transparent;
    }
    html.hi-lifting .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent var(--hi-s-strzalka, #8c7b67) transparent;
    }
    html.hi-lifting .select2-container--default.select2-container--focus .select2-selection--multiple,
    html.hi-lifting .select2-container--default.select2-container--open .select2-selection--single,
    html.hi-lifting .select2-container--default.select2-container--open .select2-selection--multiple,
    html.hi-lifting .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: var(--hi-s-akcent, #c2ae98);
        box-shadow: 0 0 0 2px rgba(228, 102, 33, .2);
    }
    html.hi-lifting .select2-container--default.select2-container--disabled .select2-selection--single,
    html.hi-lifting .select2-container--default.select2-container--disabled .select2-selection--multiple {
        background-color: var(--hi-s-powierzchnia-2, #f1ece6);
        cursor: not-allowed;
    }
    html.hi-lifting .select2-container--default .select2-selection--multiple .select2-selection__choice {
        border-color: var(--hi-s-ramka-mocna, #d8cdc1);
        border-radius: var(--hi-s-promien, 4px);
        background-color: var(--hi-s-hover, #efe6da);
        color: var(--hi-s-tekst, #4a3d2e);
    }
    html.hi-lifting .select2-container--default .select2-selection__choice__remove,
    html.hi-lifting .select2-container--default .select2-selection__clear {
        color: var(--hi-s-tekst-2, #8c7b67);
    }
    html.hi-lifting .select2-container--default .select2-results__option[aria-disabled=true] {
        color: var(--hi-s-tekst-2, #9a8b78);
    }
    html.hi-lifting .select2-container--default .select2-results__group {
        color: var(--hi-s-tekst-2, #8c7b67);
    }

    /* ---- lista z wielokrotnym wyborem (jQuery UI multiselect) ---- */
    html.hi-lifting button.ui-multiselect {
        border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
        border-radius: var(--hi-s-promien, 4px);
        background: var(--hi-s-pole, #ffffff) !important;
        color: var(--hi-s-tekst, #4a3d2e);
    }
    html.hi-lifting button.ui-multiselect:hover,
    html.hi-lifting button.ui-multiselect.ui-state-active {
        border-color: var(--hi-s-akcent, #c2ae98);
    }
    html.hi-lifting .ui-multiselect-menu {
        border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
        border-radius: var(--hi-s-promien, 4px);
        background: var(--hi-s-powierzchnia, #ffffff);
        color: var(--hi-s-tekst, #4a3d2e);
        box-shadow: var(--hi-s-cien-duzy, 0 8px 20px rgba(60, 45, 30, .18));
    }
    html.hi-lifting .ui-multiselect-menu .ui-widget-header {
        border-color: var(--hi-s-ramka, #e3dbd2);
        background: var(--hi-s-powierzchnia-2, #f6f1ea);
        color: var(--hi-s-tekst, #4a3d2e);
    }
    html.hi-lifting .ui-multiselect-checkboxes label {
        color: var(--hi-s-tekst, #4a3d2e);
        border-color: transparent;
    }
    html.hi-lifting .ui-multiselect-checkboxes label:hover,
    html.hi-lifting .ui-multiselect-checkboxes label.ui-state-hover,
    html.hi-lifting .ui-multiselect-checkboxes label.ui-state-active {
        border-color: transparent;
        background: var(--hi-s-hover, #efe6da);
        color: var(--hi-s-tekst, #4a3d2e);
    }

    /* ---- selectmenu jQuery UI i menu podręczne ---- */
    html.hi-lifting .ui-selectmenu-button.ui-button {
        border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
        border-radius: var(--hi-s-promien, 4px);
        background: var(--hi-s-pole, #ffffff);
        color: var(--hi-s-tekst, #4a3d2e);
    }
    html.hi-lifting .ui-selectmenu-menu .ui-menu,
    html.hi-lifting .ui-menu {
        border-color: var(--hi-s-ramka-mocna, #d8cdc1);
        background: var(--hi-s-powierzchnia, #ffffff);
        color: var(--hi-s-tekst, #4a3d2e);
    }
    html.hi-lifting .ui-menu .ui-menu-item-wrapper.ui-state-active,
    html.hi-lifting .ui-menu .ui-state-active,
    html.hi-lifting .ui-autocomplete .ui-state-focus,
    html.hi-lifting .ui-autocomplete .ui-state-active {
        border-color: transparent;
        background: var(--hi-s-pasek-akt, #7d6a55);
        color: #ffffff;
    }

    /* ---- przyciski natywne i przyciski w formularzach ---- */
    html.hi-lifting :is(input[type=button], input[type=submit], input[type=reset]):not([class*="ui-"]):not([style*="background"]) {
        border: 0;
        border-radius: var(--hi-s-promien, 4px);
        background: var(--hi-s-pasek, #9d8d7b);
        color: var(--hi-s-na-pasku, #ffffff);
        cursor: pointer;
        transition: background-color .15s ease;
    }
    html.hi-lifting :is(input[type=button], input[type=submit], input[type=reset]):not([class*="ui-"]):not([style*="background"]):hover {
        background: var(--hi-s-pasek-hover, #8f7f6d);
    }
    html.hi-lifting :is(input[type=button], input[type=submit], input[type=reset]):disabled {
        opacity: .55;
        cursor: not-allowed;
    }

    /* ---- Wprowadzanie danych: filtry nad listami, pasek wyników, paginacja, listy ---- */
    html.hi-lifting #body input.ui-autocomplete-input {
        border: 1px solid var(--hi-s-ramka-mocna, #d8cdc1);
        border-radius: var(--hi-s-promien, 4px);
        background-color: var(--hi-s-pole, #ffffff);
        color: var(--hi-s-tekst, #4a3d2e);
    }
    html.hi-lifting #body form[id^="filtr-"] label {
        color: var(--hi-s-tekst-2, #7d6a55);
    }
    html.hi-lifting #body table tr.pointer:not([style*="background"]):hover {
        background-color: var(--hi-s-hover, #efe5d6);
    }
    html.hi-lifting #body #paginacja span,
    html.hi-lifting #body .paginacja span {
        border-radius: var(--hi-s-promien, 4px);
    }
}

/* ==== Zmienne szat „Klasyczna (odświeżona)” i „Klasyczna czarna (odświeżona)” ====
   Wszystkie szaty (poza klasyczną bez klas) korzystają z tych samych reguł opartych na zmiennych --hi-s-*.
   „Klasyczna (odświeżona)”: brązowo-beżowa paleta liftingu. „Klasyczna czarna (odświeżona)”: ciemna wersja klasycznej — czerń/grafit z ciepłymi brązami i pomarańczem marki (bez odwracania
   ekranu filtrem — obrazy, logotypy i podglądy dokumentów zostają w oryginalnych kolorach). Tylko ekran. */
@media screen {
    html.hi-lifting,
    html.hi-lifting.hi-ciemna :is(.sale-filtr-edycja) {
        --hi-s-schemat: light;
        --hi-s-tlo: #dbd0c4;
        --hi-s-powierzchnia: #ffffff;
        --hi-s-powierzchnia-2: #f7f3ee;
        --hi-s-hover: #efe6da;
        --hi-s-naglowek: #ffffff;
        --hi-s-menu: #9d8d7b;
        --hi-s-menu-akt: #7d6a55;
        --hi-s-menu-pod: #8a7966;
        --hi-s-menu-tekst: #2e2216;
        --hi-s-menu-hover: rgba(78, 60, 40, .22);
        --hi-s-pasek: #7d6a55;
        --hi-s-pasek-hover: #6e5d4a;
        --hi-s-pasek-akt: #5f4f3e;
        --hi-s-na-pasku: #ffffff;
        --hi-s-tekst: #3d3226;
        --hi-s-tekst-2: #6e5d4a;
        --hi-s-link: #6e573c;
        --hi-s-ramka: #e3dbd2;
        --hi-s-ramka-mocna: #c2ae98;
        --hi-s-th: #e3dbd2;
        --hi-s-th-tekst: #2e2216;
        --hi-s-filtr: #f6e6c3;
        --hi-s-pole: #ffffff;
        --hi-s-akcent: #e46621;
        --hi-s-akcent-hover: #a8420c;
        --hi-s-akcent-btn: #c24e10;
        --hi-s-akcent-2: #e46621;
        --hi-s-promien: 4px;
        --hi-s-promien-duzy: 8px;
        --hi-s-cien: 0 2px 8px rgba(60, 45, 30, .14);
        --hi-s-cien-duzy: 0 8px 20px rgba(60, 45, 30, .18);
        --hi-s-strzalka: #8c7b67;
        --hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238c7b67' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    html.hi-lifting.hi-ciemna {
        --hi-s-schemat: dark;
        --hi-s-tlo: #161311;
        --hi-s-powierzchnia: #1f1b18;
        --hi-s-powierzchnia-2: #27221e;
        --hi-s-hover: #322b26;
        --hi-s-naglowek: #120f0d;
        --hi-s-menu: #0e0c0a;
        --hi-s-menu-akt: #3a2f25;
        --hi-s-menu-pod: #1a1613;
        --hi-s-menu-tekst: #efe6da;
        --hi-s-menu-hover: rgba(239, 230, 218, .12);
        --hi-s-pasek: #4a3d31;
        --hi-s-pasek-hover: #5a4a3b;
        --hi-s-pasek-akt: #2e2620;
        --hi-s-na-pasku: #ffffff;
        --hi-s-tekst: #efe6da;
        --hi-s-tekst-2: #bfae99;
        --hi-s-link: #f0a46b;
        --hi-s-ramka: #3a322b;
        --hi-s-ramka-mocna: #5a4d40;
        --hi-s-th: #2e2620;
        --hi-s-th-tekst: #f3ebe0;
        --hi-s-filtr: #3a2a1a;
        --hi-s-pole: #120f0d;
        --hi-s-akcent: #e46621;
        --hi-s-akcent-hover: #a8420c;
        --hi-s-akcent-btn: #c24e10;
        --hi-s-akcent-2: #e46621;
        --hi-s-promien: 4px;
        --hi-s-promien-duzy: 8px;
        --hi-s-cien: 0 2px 10px rgba(0, 0, 0, .5);
        --hi-s-cien-duzy: 0 12px 36px rgba(0, 0, 0, .65), 0 2px 8px rgba(0, 0, 0, .45);
        --hi-s-strzalka: #bfae99;
        --hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23bfae99' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
}

/* ==== Szaty „Forum 2026” i „Nowa odsłona HI” (profil → Szata graficzna), każda w wariancie jasnym i ciemnym ====
   Klasy na <html> nadaje index-solution.php: `hi-lifting hi-forum` / `hi-lifting hi-nl`, a ciemny wariant dostaje
   dodatkowo `hi-paleta-ciemna` (prawdziwa ciemna paleta, bez odwracania filtrem — w odróżnieniu od szaty „Ciemna”
   z klasą `hi-ciemna`). Obie szaty dziedziczą całą bazę „nowej” (zaokrąglenia, odstępy, stany najechania) i zmieniają
   tylko kolory, ramki, zaokrąglenia i cienie przez jeden zestaw zmiennych --hi-s-*. Reguły poniżej powtarzają selektory
   z reguł podstawowych i „nowej” szaty (przez :where() specyfikacja jest taka sama, więc o wygranej decyduje kolejność
   w pliku), dzięki czemu szaty klasyczna, nowa i ciemna nie zmieniają się ani o piksel. Tylko ekran — wydruk zostaje jasny.
   Forum 2026: ciemny fiolet i pomarańcz z forum.horecaidea.pl (nagłówek #1a0a2e, przyciski #e46621 z promieniem 8 px,
   karty z promieniem 16 px). Nowa odsłona HI: neutralna szarość i pomarańcz z Nowego Layoutu (motyw PrimeNG Lara,
   kolor główny #E4641E, ramki i powierzchnie z tej samej skali, promień 6 px). Czcionki zostają systemowe (inna krój
   zmieniłby szerokości i zawijanie w całym systemie). */
@media screen {
    /* ---- paleta: Forum 2026, jasna ---- */
    html.hi-forum,
    html.hi-forum.hi-paleta-ciemna :is(.sale-filtr-edycja) {
        --hi-s-schemat: light;
        --hi-s-tlo: #ece7f4;
        --hi-s-powierzchnia: #ffffff;
        --hi-s-powierzchnia-2: #f5f1fa;
        --hi-s-hover: #ebe3f6;
        --hi-s-naglowek: #ffffff;
        --hi-s-menu: #1a0a2e;
        --hi-s-menu-akt: #3b2160;
        --hi-s-menu-pod: #241342;
        --hi-s-menu-tekst: #f1ecf9;
        --hi-s-menu-hover: rgba(255, 255, 255, .14);
        --hi-s-pasek: #3b2160;
        --hi-s-pasek-hover: #4a2c7a;
        --hi-s-pasek-akt: #1a0a2e;
        --hi-s-na-pasku: #ffffff;
        --hi-s-tekst: #1a0a2e;
        --hi-s-tekst-2: #5b4a78;
        --hi-s-link: #5b2d9e;
        --hi-s-ramka: #ddd3ec;
        --hi-s-ramka-mocna: #c4b5de;
        --hi-s-th: #e5dcf2;
        --hi-s-th-tekst: #1a0a2e;
        --hi-s-filtr: #fbeadf;
        --hi-s-pole: #ffffff;
        --hi-s-akcent: #e46621;
        --hi-s-akcent-hover: #a8420c;
        --hi-s-akcent-btn: #c24e10;
        --hi-s-promien: 8px;
        --hi-s-promien-duzy: 16px;
        --hi-s-cien: 0 2px 10px rgba(26, 10, 46, .14);
        --hi-s-cien-duzy: 0 12px 36px rgba(26, 10, 46, .32), 0 2px 8px rgba(26, 10, 46, .16);
        --hi-s-strzalka: #5b4a78;
        --hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b4a78' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    /* ---- paleta: Forum 2026, ciemna (kolory strony forum: tło #1a0a2e, karty w odcieniu fioletu) ---- */
    html.hi-forum.hi-paleta-ciemna {
        --hi-s-schemat: dark;
        --hi-s-tlo: #1a0a2e;
        --hi-s-powierzchnia: #241342;
        --hi-s-powierzchnia-2: #2c194f;
        --hi-s-hover: #36215f;
        --hi-s-naglowek: #14082a;
        --hi-s-menu: #0e0520;
        --hi-s-menu-akt: #3b2160;
        --hi-s-menu-pod: #1a0a2e;
        --hi-s-menu-tekst: #efe9fb;
        --hi-s-pasek: #4a2c7a;
        --hi-s-pasek-hover: #5b3a8f;
        --hi-s-pasek-akt: #6b21a8;
        --hi-s-tekst: #efe9fb;
        --hi-s-tekst-2: #b9a9d6;
        --hi-s-link: #d0b8ff;
        --hi-s-ramka: #3d2a66;
        --hi-s-ramka-mocna: #5a4590;
        --hi-s-th: #35205f;
        --hi-s-th-tekst: #f1ecf9;
        --hi-s-filtr: #3b2257;
        --hi-s-pole: #1a0a2e;
        --hi-s-cien: 0 2px 10px rgba(0, 0, 0, .45);
        --hi-s-cien-duzy: 0 12px 36px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);
        --hi-s-strzalka: #b9a9d6;
        --hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23b9a9d6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    /* ---- paleta: Nowa odsłona HI (Nowy Layout), jasna ---- */
    html.hi-nl,
    html.hi-nl.hi-paleta-ciemna :is(.sale-filtr-edycja) {
        --hi-s-schemat: light;
        --hi-s-tlo: #f1f5f9;
        --hi-s-powierzchnia: #ffffff;
        --hi-s-powierzchnia-2: #f8fafc;
        --hi-s-hover: #eef2f7;
        --hi-s-naglowek: #ffffff;
        --hi-s-menu: #111111;
        --hi-s-menu-akt: #2b2b2b;
        --hi-s-menu-pod: #1c2121;
        --hi-s-menu-tekst: #e5e7eb;
        --hi-s-menu-hover: rgba(255, 255, 255, .14);
        --hi-s-pasek: #475569;
        --hi-s-pasek-hover: #3b485c;
        --hi-s-pasek-akt: #1e293b;
        --hi-s-na-pasku: #ffffff;
        --hi-s-tekst: #334155;
        --hi-s-tekst-2: #5b6b80;
        --hi-s-link: #ab4c16;
        --hi-s-ramka: #e2e8f0;
        --hi-s-ramka-mocna: #cbd5e1;
        --hi-s-th: #e8edf3;
        --hi-s-th-tekst: #334155;
        --hi-s-filtr: #fff1e6;
        --hi-s-pole: #ffffff;
        --hi-s-akcent: #e4641e;
        --hi-s-akcent-hover: #a8420c;
        --hi-s-akcent-btn: #c24e10;
        --hi-s-promien: 6px;
        --hi-s-promien-duzy: 10px;
        --hi-s-cien: 0 1px 3px rgba(15, 23, 42, .14);
        --hi-s-cien-duzy: 0 12px 36px rgba(15, 23, 42, .3), 0 2px 8px rgba(15, 23, 42, .14);
        --hi-s-strzalka: #5b6b80;
        --hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b6b80' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    /* ---- paleta: Nowa odsłona HI, ciemna (motyw Lara z NL w trybie ciemnym: powierzchnie zinc, główny kolor pomarańcz) ---- */
    html.hi-nl.hi-paleta-ciemna {
        --hi-s-schemat: dark;
        --hi-s-tlo: #09090b;
        --hi-s-powierzchnia: #18181b;
        --hi-s-powierzchnia-2: #202024;
        --hi-s-hover: #27272a;
        --hi-s-naglowek: #111111;
        --hi-s-menu: #111111;
        --hi-s-menu-akt: #2b2b2b;
        --hi-s-menu-pod: #1c2121;
        --hi-s-menu-tekst: #e5e7eb;
        --hi-s-pasek: #3f3f46;
        --hi-s-pasek-hover: #52525b;
        --hi-s-pasek-akt: #52525b;
        --hi-s-tekst: #f4f4f5;
        --hi-s-tekst-2: #a1a1aa;
        --hi-s-link: #fb923c;
        --hi-s-ramka: #3f3f46;
        --hi-s-ramka-mocna: #52525b;
        --hi-s-th: #27272a;
        --hi-s-th-tekst: #fafafa;
        --hi-s-filtr: #33281f;
        --hi-s-pole: #09090b;
        --hi-s-cien: 0 2px 10px rgba(0, 0, 0, .5);
        --hi-s-cien-duzy: 0 12px 36px rgba(0, 0, 0, .65), 0 2px 8px rgba(0, 0, 0, .45);
        --hi-s-strzalka: #a1a1aa;
        --hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a1a1aa' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    /* ---- tło strony i tekst ---- */
    html.hi-lifting {
        color-scheme: var(--hi-s-schemat);
        background-color: var(--hi-s-tlo);
        scrollbar-color: var(--hi-s-ramka-mocna) var(--hi-s-powierzchnia-2);
    }
    :where(html.hi-lifting) body {
        background: var(--hi-s-tlo);
        color: var(--hi-s-tekst);
    }
    :where(html.hi-lifting) a,
    :where(html.hi-lifting) span.anchor,
    :where(html.hi-lifting) #paginacja span {
        color: var(--hi-s-link);
    }

    /* ---- górny pasek: logo, data, użytkownik, wylogowanie ---- */
    :where(html.hi-lifting) body .topheading.hi-naglowek {
        background-color: var(--hi-s-naglowek);
        border-bottom-color: var(--hi-s-ramka-mocna);
    }
    :where(html.hi-lifting) body .topheading.hi-naglowek .toplogos,
    :where(html.hi-lifting) body .topheading.hi-naglowek .topmenu {
        color: var(--hi-s-tekst-2);
    }
    :where(html.hi-lifting) body .topheading.hi-naglowek .topmenu a {
        color: var(--hi-s-tekst-2);
    }
    :where(html.hi-lifting) body .topheading.hi-naglowek .topmenu a:hover {
        color: var(--hi-s-akcent);
    }
    :where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .dataczas,
    :where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .label {
        color: var(--hi-s-tekst-2);
    }
    :where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .dataczas::first-line,
    :where(html.hi-lifting) body .topheading.hi-naglowek .topmenu .anchor .uname {
        color: var(--hi-s-tekst);
    }
    :where(html.hi-lifting) body .topheading.hi-naglowek .topmenu select {
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
        background-color: var(--hi-s-pole);
        color: var(--hi-s-tekst);
    }
    :where(html.hi-lifting) body .topheading.hi-naglowek .topmenu select:focus {
        border-color: var(--hi-s-akcent);
        box-shadow: 0 0 0 2px rgba(228, 102, 33, .25);
    }
    html.hi-lifting body .topheading.hi-naglowek .topmenu .anchor.last a {
        background: var(--hi-s-powierzchnia);
        box-shadow: 0 0 0 4px var(--hi-s-powierzchnia), 0 0 0 5px var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting body .topheading.hi-naglowek .topmenu .anchor.last a:hover {
        background: var(--hi-s-powierzchnia-2);
        box-shadow: 0 0 0 4px var(--hi-s-powierzchnia-2), 0 0 0 5px var(--hi-s-akcent);
        color: var(--hi-s-tekst);
    }
    /* logotypy mają ciemne napisy na przezroczystym tle — w ciemnych paletach dostają jasną „tabliczkę” */
    html.hi-lifting.hi-paleta-ciemna body .topheading.hi-naglowek .toplogos img {
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 0 0 4px #ffffff, 0 4px 14px rgba(0, 0, 0, .45);
        object-fit: contain;
    }
    html.hi-lifting.hi-paleta-ciemna body .topheading.hi-naglowek .toplogos {
        color: var(--hi-s-tekst-2);
    }

    /* ---- menu główne ---- */
    :where(html.hi-lifting) body .topsettings2,
    :where(html.hi-lifting) body .topsettings2.hi-menu {
        background: var(--hi-s-menu);
        border-top-color: var(--hi-s-menu);
    }
    :where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li > a,
    :where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li > span {
        border-radius: var(--hi-s-promien);
        color: var(--hi-s-menu-tekst);
    }
    :where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li:hover > a,
    :where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li:hover > span,
    :where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.sfHover > a,
    :where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.sfHover > span {
        background-color: var(--hi-s-menu-hover);
        color: #ffffff;
    }
    :where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li > .actual {
        background-color: var(--hi-s-menu-akt);
        color: #ffffff;
        box-shadow: inset 0 -3px 0 var(--hi-s-akcent);
    }
    :where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.separator > span,
    :where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.separator:hover > span,
    :where(html.hi-lifting) .topsettings2.hi-menu #topmenu > ul > li.separator.sfHover > span {
        color: rgba(255, 255, 255, .4);
    }
    /* rozwijane podmenu */
    :where(html.hi-lifting) #topmenu ul li ul {
        border-color: var(--hi-s-menu-pod);
        background: var(--hi-s-menu-pod);
    }
    :where(html.hi-lifting) #topmenu ul li:hover li a,
    :where(html.hi-lifting) #topmenu ul li:hover li span {
        color: var(--hi-s-menu-tekst);
    }
    :where(html.hi-lifting) #topmenu ul li ul li:hover > a,
    :where(html.hi-lifting) #topmenu ul li ul li:hover > span,
    :where(html.hi-lifting) #topmenu ul li ul li a:hover,
    :where(html.hi-lifting) #topmenu ul li ul li span:hover {
        color: #ffffff;
        background: var(--hi-s-akcent-btn);
    }

    /* ---- menu boczne, przyciski dolne i inne przyciski w kolorze „paska” ---- */
    :where(html.hi-lifting) #body .prawa-przyciski > .box {
        box-shadow: var(--hi-s-cien);
    }
    :where(html.hi-lifting) #body .prawa-przyciski .button,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth0,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth1,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth2,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth3,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth4,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth5,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth6,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth7,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth8,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth9,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth10,
    :where(html.hi-lifting) #body .prawa-przyciski .box .button.nth11,
    :where(html.hi-lifting) .przyciskidolne .przyciskbottom {
        background: var(--hi-s-pasek);
        border-radius: var(--hi-s-promien);
        color: var(--hi-s-na-pasku);
    }
    :where(html.hi-lifting) #body .prawa-przyciski .button:hover {
        background: var(--hi-s-pasek-hover);
        filter: none;
    }
    :where(html.hi-lifting) .przyciskidolne .przyciskbottom {
        box-shadow: var(--hi-s-cien);
    }
    :where(html.hi-lifting) .przyciskidolne .przyciskbottom.b2.b2 {
        background: var(--hi-s-akcent-btn);
        box-shadow: var(--hi-s-cien);
    }
    :where(html.hi-lifting) .przyciskidolne .przyciskbottom.b2:hover {
        background: var(--hi-s-akcent-hover);
        filter: none;
    }
    /* przyciski nagłówków grup w menu bocznym mają tło wpisane inline (#e3dbd2) */
    html.hi-lifting #body .prawa-przyciski .button[style*="e3dbd2" i],
    html.hi-lifting #body .prawa-przyciski .button:has(.menu-header) {
        background-color: var(--hi-s-powierzchnia-2) !important;
        color: var(--hi-s-tekst-2) !important;
    }
    /* pozostałe przyciski systemu w kolorze paska */
    :where(html.hi-lifting) .ajax-wnd .wnd-button,
    :where(html.hi-lifting) .ustawienie-usun,
    :where(html.hi-lifting) .sbutton,
    :where(html.hi-lifting) body .footer,
    :where(html.hi-lifting) #ajaxMessage .msg .buttons span,
    :where(html.hi-lifting) #ajaxMessage .prezentacja .buttons span,
    :where(html.hi-lifting) .akronimy .button,
    :where(html.hi-lifting) .panelsrodek .btns div .button,
    :where(html.hi-lifting) .przycisk_podroba,
    :where(html.hi-lifting) .zmianaPrzycisk,
    :where(html.hi-lifting) .przycisk-filtr,
    :where(html.hi-lifting) ul.kategoriePrzyciski li,
    :where(html.hi-lifting) ul.zakladki li {
        background: var(--hi-s-pasek);
    }
    :where(html.hi-lifting) .przycisk-ui,
    :where(html.hi-lifting) .fc-toolbar .fc-button {
        background: var(--hi-s-pasek) !important;
    }
    :where(html.hi-lifting) body .footer a {
        color: var(--hi-s-na-pasku);
    }

    /* ---- zakładki sekcji i paski nagłówków ---- */
    :where(html.hi-lifting) #body h2,
    :where(html.hi-lifting) .whitepage h1,
    :where(html.hi-lifting) .ucpmess .komunikat h2 {
        background: var(--hi-s-pasek);
    }
    :where(html.hi-lifting) #body .solbox .headings h2,
    :where(html.hi-lifting) #body .solbox .headings-po h2,
    :where(html.hi-lifting) #body .solbox .headings-send-message h2 {
        border-radius: var(--hi-s-promien);
    }
    :where(html.hi-lifting) #body .solbox .headings h2:not(.active):hover,
    :where(html.hi-lifting) #body .solbox .headings-po h2:not(.active):hover,
    :where(html.hi-lifting) #body .solbox .headings-send-message h2:not(.active):hover {
        background-color: var(--hi-s-pasek-hover);
    }
    :where(html.hi-lifting) #body .solbox .headings h2.active,
    :where(html.hi-lifting) #body .solbox .headings-po h2.active,
    :where(html.hi-lifting) #body .solbox .headings-send-message h2.active {
        color: #ffffff;
        background-color: var(--hi-s-pasek-akt);
        box-shadow: inset 0 -3px 0 var(--hi-s-akcent);
    }
    :where(html.hi-lifting) #body .solbox {
        background-color: var(--hi-s-powierzchnia);
        border-color: var(--hi-s-powierzchnia);
        border-radius: var(--hi-s-promien-duzy);
    }
    :where(html.hi-lifting) .wprowadzanie-kontener.wprowadzanie-kontener h2 {
        background: none;
        color: var(--hi-s-tekst-2);
    }
    :where(html.hi-lifting) label,
    :where(html.hi-lifting) #body legend,
    :where(html.hi-lifting) #tr .wprowadzanie-parent,
    :where(html.hi-lifting) .wprowadzanie-parent2 {
        color: var(--hi-s-tekst-2);
    }
    :where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default.ui-state-default:not(.ui-tabs-active):hover {
        background-color: var(--hi-s-pasek-hover);
    }
    :where(html.hi-lifting) .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-tabs-active.ui-state-default.ui-state-default,
    :where(html.hi-lifting) .ui-button.ui-state-active.ui-state-active,
    :where(html.hi-lifting) .ui-dialog .ui-button.ui-state-focus.ui-state-focus {
        background: var(--hi-s-pasek-akt) !important;
        box-shadow: inset 0 -3px 0 var(--hi-s-akcent);
    }

    /* ---- listy i tabele ---- */
    :where(html.hi-lifting) :is(#body, .ui-dialog) table thead th:not(.waluta-kurs-styl, [style*="background"], .kontener-widgetow *, .ui-datepicker *) {
        background-color: var(--hi-s-th);
        border-color: var(--hi-s-ramka-mocna);
        border-bottom-color: var(--hi-s-pasek);
        color: var(--hi-s-th-tekst);
    }
    :where(html.hi-lifting) :is(#body, .ui-dialog) table tr.even:not([style*="background"]) {
        background-color: var(--hi-s-powierzchnia);
    }
    :where(html.hi-lifting) :is(#body, .ui-dialog) table tr.odd:not([style*="background"]) {
        background-color: var(--hi-s-powierzchnia-2);
    }
    :where(html.hi-lifting) :is(#body, .ui-dialog) table tr:is(.even, .odd):not([style*="background"]):hover {
        background-color: var(--hi-s-hover);
    }
    :where(html.hi-lifting) .zolta-apla.zolta-apla,
    :where(html.hi-lifting) [style*="FCDC8A" i] {
        background-color: var(--hi-s-filtr) !important;
        border-color: var(--hi-s-filtr) !important;
    }
    :where(html.hi-lifting) table.tabelarabatow tr th,
    :where(html.hi-lifting) table.tabelaprogramowlojalnosciowych thead tr th,
    :where(html.hi-lifting) table.tabelawynikow tr th,
    :where(html.hi-lifting) table.tabelagratisow tr th,
    :where(html.hi-lifting) table.solution-table tr th {
        background-color: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    :where(html.hi-lifting) table.tabelarabatow tr.rabaty-odd td,
    :where(html.hi-lifting) table.tabelawynikow tr.wyniki-odd td,
    :where(html.hi-lifting) table.tabelapromocjiweb tr.promocje-odd td,
    :where(html.hi-lifting) table.tabelagratisow tr.gratisy-odd td {
        background: var(--hi-s-powierzchnia-2);
    }

    /* ---- przyciski jQuery UI (Pobierz PDF, Zapisz/Anuluj w oknach…) i zewnętrzny kontener strony ---- */
    html.hi-lifting div.body[style*="dbd0c4" i] {
        background: var(--hi-s-tlo) !important;
    }
    :where(html.hi-lifting) .ui-button.ui-state-default {
        border-radius: var(--hi-s-promien);
        background: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
    }
    :where(html.hi-lifting) .ui-button.ui-state-hover,
    :where(html.hi-lifting) .ui-button.ui-state-default:hover {
        background: var(--hi-s-pasek-hover);
    }

    /* ---- pola formularzy ---- */
    :where(html.hi-lifting) input[type=text],
    :where(html.hi-lifting) input[type=password],
    :where(html.hi-lifting) input[type=number],
    :where(html.hi-lifting) input[type=email],
    :where(html.hi-lifting) input[type=tel],
    :where(html.hi-lifting) input[type=search],
    :where(html.hi-lifting) input[type=url],
    :where(html.hi-lifting) textarea {
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
        background-color: var(--hi-s-pole);
        color: var(--hi-s-tekst);
    }
    :where(html.hi-lifting) input[type=text]:hover,
    :where(html.hi-lifting) input[type=password]:hover,
    :where(html.hi-lifting) input[type=number]:hover,
    :where(html.hi-lifting) textarea:hover {
        border-color: var(--hi-s-tekst-2);
    }
    :where(html.hi-lifting) input[type=text]:focus:not(.error),
    :where(html.hi-lifting) input[type=password]:focus:not(.error),
    :where(html.hi-lifting) input[type=number]:focus:not(.error),
    :where(html.hi-lifting) input[type=email]:focus:not(.error),
    :where(html.hi-lifting) input[type=tel]:focus:not(.error),
    :where(html.hi-lifting) input[type=search]:focus:not(.error),
    :where(html.hi-lifting) input[type=url]:focus:not(.error),
    :where(html.hi-lifting) textarea:focus:not(.error) {
        border-color: var(--hi-s-akcent);
        box-shadow: 0 0 0 2px rgba(228, 102, 33, .25);
    }
    :where(html.hi-lifting) input.hasDatepicker.hasDatepicker:not(.error) {
        border-radius: var(--hi-s-promien);
    }
    :where(html.hi-lifting) input[type=checkbox],
    :where(html.hi-lifting) input[type=radio] {
        accent-color: var(--hi-s-akcent);
    }
    :where(html.hi-lifting) input[type=file]::file-selector-button {
        border-radius: var(--hi-s-promien);
        background: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
    }
    :where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible):not(.styled-select select):not(.topmenu select)) {
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
        background-color: var(--hi-s-pole);
        background-image: var(--hi-s-strzalka-img);
        color: var(--hi-s-tekst);
    }
    :where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible)):hover {
        border-color: var(--hi-s-tekst-2);
    }
    :where(html.hi-lifting) select:where(:not([multiple]):not([size]):not(.select2-hidden-accessible)):focus {
        border-color: var(--hi-s-akcent);
        box-shadow: 0 0 0 2px rgba(228, 102, 33, .25);
    }
    :where(html.hi-lifting) select[disabled]:where(:not([multiple]):not([size])) {
        background-color: var(--hi-s-powierzchnia-2);
    }
    :where(html.hi-lifting) div.brak-wynikow.brak-wynikow {
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
        background: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst-2);
    }

    /* ---- okna dialogowe, podpowiedzi, lista select2, kalendarz ---- */
    :where(html.hi-lifting) .ui-dialog.okno-dialog {
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien-duzy);
        background: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
        box-shadow: var(--hi-s-cien-duzy);
    }
    :where(html.hi-lifting) .ui-dialog.okno-dialog .ui-dialog-buttonpane {
        border-top-color: var(--hi-s-ramka);
        border-radius: 0 0 var(--hi-s-promien-duzy) var(--hi-s-promien-duzy);
        background: var(--hi-s-powierzchnia);
    }
    :where(html.hi-lifting) .ui-dialog .ui-dialog-content,
    :where(html.hi-lifting) .ui-dialog .ui-dialog-titlebar {
        background: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    :where(html.hi-lifting) .ui-widget-overlay {
        background: #0b0618;
    }
    :where(html.hi-lifting) .ui-autocomplete.ui-menu {
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
        background: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
        box-shadow: var(--hi-s-cien-duzy);
    }
    :where(html.hi-lifting) #ui-datepicker-div.ui-datepicker {
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien-duzy);
        background: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
        box-shadow: var(--hi-s-cien-duzy);
    }
    :where(html.hi-lifting) .select2-container--default .select2-results__option--highlighted[aria-selected],
    :where(html.hi-lifting) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: var(--hi-s-pasek-akt) !important;
        color: #ffffff !important;
    }
    :where(html.hi-lifting) .select2-container--default .select2-results__option[aria-selected=true],
    :where(html.hi-lifting) .select2-container--default .select2-results__option--selected:not(.select2-results__option--highlighted) {
        background-color: var(--hi-s-hover);
        color: var(--hi-s-tekst);
    }
    :where(html.hi-lifting) .select2-dropdown {
        border-color: var(--hi-s-ramka-mocna);
        background: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
        box-shadow: var(--hi-s-cien-duzy);
    }
    :where(html.hi-lifting) .select2-container--default .select2-search--dropdown .select2-search__field {
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
        background: var(--hi-s-pole);
        color: var(--hi-s-tekst);
    }
    :where(html.hi-lifting) .select2-container--default .select2-selection--single,
    :where(html.hi-lifting) .select2-container--default .select2-selection--multiple {
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
        background: var(--hi-s-pole);
    }
    :where(html.hi-lifting) .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: var(--hi-s-tekst);
    }

    /* ---- obłożenie sal, karta imprezy, ustawienia ---- */
    :where(html.hi-lifting) .obs-kontener__wiersz--naglowek.obs-kontener__wiersz--naglowek {
        background: var(--hi-s-th);
    }
    :where(html.hi-lifting) .obs-kontener__wiersz--podsumowanie.obs-kontener__wiersz--podsumowanie {
        background: var(--hi-s-filtr);
    }
    :where(html.hi-lifting) .obs-przycisk--zolty.obs-przycisk--zolty {
        background-color: var(--hi-s-pasek-akt);
        box-shadow: inset 0 -3px 0 var(--hi-s-akcent);
    }
    :where(html.hi-lifting) #tabelarycznie > .top > ul > li.zapisz button,
    :where(html.hi-lifting) #tabelarycznie :is(button.zapisz, button.notatki) {
        background: var(--hi-s-akcent-btn) !important;
        border-radius: var(--hi-s-promien);
    }
    :where(html.hi-lifting) #tabelarycznie > .top > ul > li.zapisz button:hover,
    :where(html.hi-lifting) #tabelarycznie :is(button.zapisz, button.notatki):hover {
        background: var(--hi-s-akcent-hover) !important;
    }
    :where(html.hi-lifting) #tabelarycznie > .main :is(.minipodsumowanie, .minipodsumowanie-strategia, .impreza .ustawienia) {
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
        background-color: var(--hi-s-powierzchnia-2);
    }
    :where(html.hi-lifting) #tabelarycznie #generuj_punkty {
        border-radius: var(--hi-s-promien);
        background: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
    }
    :where(html.hi-lifting) .smallbox ul {
        border-color: var(--hi-s-ramka);
    }
    :where(html.hi-lifting) .smallbox a {
        color: var(--hi-s-tekst);
    }
    :where(html.hi-lifting) .smallbox a:hover {
        color: var(--hi-s-akcent);
    }
    /* edytor tekstu (pasek narzędzi) w kolorach szaty zamiast ciepłego kremu szaty „nowej” */
    html.hi-lifting .cke_chrome {
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting .cke_top {
        background: var(--hi-s-powierzchnia-2);
        border-bottom-color: var(--hi-s-ramka);
    }
    html.hi-lifting .cke_toolbar_separator {
        background: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting a.cke_button_off:hover,
    html.hi-lifting a.cke_button_off:focus,
    html.hi-lifting a.cke_button_off:active,
    html.hi-lifting a.cke_combo_button:hover,
    html.hi-lifting a.cke_combo_button:focus,
    html.hi-lifting a.cke_combo_on a.cke_combo_button {
        background: var(--hi-s-hover);
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting a.cke_button_on {
        background: var(--hi-s-hover);
        border-color: var(--hi-s-akcent);
    }
    html.hi-lifting .cke_combo_text,
    html.hi-lifting .cke_button_label {
        color: var(--hi-s-tekst);
    }
    :where(html.hi-lifting) .entry {
        border-bottom-color: var(--hi-s-ramka);
    }
    :where(html.hi-lifting) .box.solbox h3,
    :where(html.hi-lifting) h3.wprowadzanie-h3,
    :where(html.hi-lifting) #ajaxMessage .prezentacja h1 {
        color: var(--hi-s-tekst-2);
    }
}

/* ---- szaty z własną paletą: pojemniki i grupy przycisków (jasne i ciemne) ---- */
@media screen {
    :where(html.hi-lifting) #body .box {
        border-color: var(--hi-s-powierzchnia);
        border-radius: var(--hi-s-promien-duzy);
        background: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    :where(html.hi-lifting) #body .prawa-przyciski .box.prac .button {
        background: var(--hi-s-pasek);
    }
    :where(html.hi-lifting) #body .prawa-przyciski .box.paneladministracyjny .button {
        background: var(--hi-s-pasek-akt);
    }

    /* ---- ciemna paleta: elementy z kolorami wpisanymi w arkuszach i szablonach ----
       Reguły zawężone do wariantu ciemnego (hi-paleta-ciemna); dokumenty i podgląd oferty zostają białą kartką,
       a wydruk nie jest objęty (cały blok jest tylko na ekran). */
    html.hi-lifting.hi-paleta-ciemna #body {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna #body :is(td, th):not(.kontener-widgetow *):not(.cke_contents *) {
        border-color: var(--hi-s-ramka);
    }
    /* kolory tekstu wpisane w arkuszach (brąz #4a3a28, #6e573c, czerń) na ciemnym tle */
    html.hi-lifting.hi-paleta-ciemna #body :is(.divhead, .createdbox, #calendar-step1 .numer_tygodnia, .solution-brown-light, .step2top #sala .inside .cursala h3) {
        color: var(--hi-s-tekst-2);
    }
    /* kalendarz podręczny (FullCalendar) */
    html.hi-lifting.hi-paleta-ciemna .fc-unthemed td,
    html.hi-lifting.hi-paleta-ciemna .fc-unthemed th,
    html.hi-lifting.hi-paleta-ciemna .fc-unthemed thead,
    html.hi-lifting.hi-paleta-ciemna .fc-unthemed tbody,
    html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-divider,
    html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-row,
    html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-content,
    html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-popover,
    html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-list-view,
    html.hi-lifting.hi-paleta-ciemna .fc-unthemed .fc-list-heading td {
        border-color: var(--hi-s-ramka);
    }
    html.hi-lifting.hi-paleta-ciemna .fc-day,
    html.hi-lifting.hi-paleta-ciemna .fc-widget-content,
    html.hi-lifting.hi-paleta-ciemna .fc-day-number,
    html.hi-lifting.hi-paleta-ciemna .fc-bg td {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna .fc-widget-header {
        background-color: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna .fc-sat,
    html.hi-lifting.hi-paleta-ciemna .fc-sun,
    html.hi-lifting.hi-paleta-ciemna .fc-other-month {
        background-color: var(--hi-s-powierzchnia-2);
    }
    html.hi-lifting.hi-paleta-ciemna .fc-other-month {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting.hi-paleta-ciemna .fc-today {
        background-color: var(--hi-s-hover);
    }
    /* tła wpisane w szablonach (białe i beżowe) */
    html.hi-lifting.hi-paleta-ciemna :is(
        [style*="background:#fff;" i], [style*="background: #fff;" i], [style*="background:#fff\"" i],
        [style*="background-color:#fff;" i], [style*="background-color: #fff;" i],
        [style*="background:#ffffff" i], [style*="background: #ffffff" i], [style*="background-color:#ffffff" i], [style*="background-color: #ffffff" i],
        [style*="background:white" i], [style*="background: white" i], [style*="background-color:white" i], [style*="background-color: white" i],
        [style*="background: rgb(255, 255, 255)" i], [style*="background-color: rgb(255, 255, 255)" i]
    ):not(.kontener-widgetow *):not(.cke_contents *):not(.cke *):not(input):not(select):not(textarea) {
        background-color: var(--hi-s-powierzchnia) !important;
        color: var(--hi-s-tekst);
    }
    /* beżowe tła wpisane w szablonach (pozostałość brązowej palety) — we wszystkich szatach z własną paletą */
    html.hi-lifting :is(
        [style*="#f7f1ea" i], [style*="#e3dbd2" i], [style*="#e3dad2" i], [style*="#ede3da" i], [style*="#f8efe6" i],
        [style*="#faf2e0" i], [style*="#f6f1ea" i], [style*="#efe7dc" i], [style*="#f4efe9" i], [style*="#eee;" i], [style*="#f5f5f5" i],
        [style*="#f0f0f0" i], [style*="#fafafa" i], [style*="#ddd;" i], [style*="#e9e9e9" i]
    ):not(.prawa-przyciski *):not(.kontener-widgetow *):not(.cke_contents *):not(.cke *):not(input):not(select):not(textarea):not([style*="color:"]) {
        background-color: var(--hi-s-powierzchnia-2) !important;
        color: var(--hi-s-tekst);
    }
    /* „jasne wyspy” w ciemnej palecie: kalendarze, siatka obłożenia sal, zakładki raportów — ich wnętrza mają tysiące
       kolorów wpisanych w arkuszach, więc zostają na jasnej powierzchni (zmienne jasnej palety obowiązują w środku) */
    html.hi-lifting.hi-paleta-ciemna :is(.sale-filtr-edycja) {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
        color-scheme: light;
    }
    html.hi-lifting.hi-paleta-ciemna a.black_link,
    html.hi-lifting.hi-paleta-ciemna .black_link,
    html.hi-lifting.hi-paleta-ciemna .black_link a {
        color: var(--hi-s-link);
    }
    /* komórki nagłówka planu z pastelowym tłem wpisanym w szablonie potrzebują ciemnego tekstu */
    html.hi-lifting.hi-paleta-ciemna .th_base_height,
    html.hi-lifting.hi-paleta-ciemna .th_base_height * {
        color: #1f1f1f;
    }
    /* pola z własną klasą (np. w formularzu profilu) mają z arkuszy białe tło i czarny tekst */
    html.hi-lifting.hi-paleta-ciemna :is(input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel], input[type=search], input[type=url], input[type=date], input[type=time], input:not([type]), textarea, select:not([multiple])):not(.error):not(:disabled):not([style*="background"]):not(.select2-search__field):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.sale-filtr-edycja *) {
        background-color: var(--hi-s-pole) !important;
        color: var(--hi-s-tekst) !important;
    }
    html.hi-lifting .ui-dialog .ui-dialog-title {
        color: var(--hi-s-tekst);
    }
    /* wiersze tabel bez klasy (np. wiersz nagłówków) mają z arkuszy białe tło */
    html.hi-lifting.hi-paleta-ciemna :is(#body, .ui-dialog) table tr:is(:not([class]), .noborder, .pointer):not([style*="background"]):not(.kontener-widgetow *):not(.cke_contents *),
    html.hi-lifting.hi-paleta-ciemna :is(#body, .ui-dialog) table thead:not([class]):not([style*="background"]):not(.kontener-widgetow *):not(.cke_contents *) {
        background-color: var(--hi-s-powierzchnia);
    }
    /* nazwa zalogowanego użytkownika ma kolor wpisany w szablonie (oliwkowy) */
    html.hi-lifting.hi-paleta-ciemna body .topheading.hi-naglowek .topmenu .anchor .uname {
        color: var(--hi-s-akcent) !important;
    }
    /* kolory tekstu wpisane w szablonach pod jasne tło (granat, bordo, zieleń) — rozjaśnione na ciemnych powierzchniach */
    html.hi-lifting.hi-paleta-ciemna #body td :is(b, strong, span, font, a)[style*="color" i]:not([style*="background"]):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.kontener-widgetow *),
    html.hi-lifting.hi-paleta-ciemna #body td font[color]:not(.fc *):not(.oblozenie-sal *):not(.kontener-widgetow *) {
        filter: brightness(2.3) saturate(1.15);
    }
    /* dokumenty (podgląd oferty/kalkulacji, pole edycji umów) — „kartka” w oryginalnych kolorach */
    html.hi-lifting.hi-paleta-ciemna :is(.kontener-widgetow, .cke_contents) {
        background-color: #ffffff;
        color: #000000;
    }
    html.hi-lifting.hi-paleta-ciemna .cke_chrome {
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting.hi-paleta-ciemna .cke_top {
        background: var(--hi-s-powierzchnia-2);
        border-bottom-color: var(--hi-s-ramka);
    }
    html.hi-lifting.hi-paleta-ciemna a.cke_button_off:hover,
    html.hi-lifting.hi-paleta-ciemna a.cke_button_off:focus,
    html.hi-lifting.hi-paleta-ciemna a.cke_button_on,
    html.hi-lifting.hi-paleta-ciemna a.cke_combo_button:hover {
        background: var(--hi-s-hover);
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting.hi-paleta-ciemna .cke_combo_text,
    html.hi-lifting.hi-paleta-ciemna .cke_button_label {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna .cke_button_icon,
    html.hi-lifting.hi-paleta-ciemna .cke_combo_arrow {
        filter: invert(1) hue-rotate(180deg);
    }
}

/* ==== Szaty Forum 2026 i Nowa odsłona HI: mapowanie kolorów klasycznej palety (brąz, beż, khaki, łosoś) na tokeny szaty ====
   Arkusze klasyczne i szablony wpisują kolory wprost (tło, ramki, tekst), więc same tokeny ich nie obejmują.
   Poniżej: ekran imprezy tabelarycznie, kolory zapisane w atrybucie style oraz kalendarz pulpitu. Tylko ekran. */
@media screen {
    /* ---- imprezy/tabelarycznie ---- */
    html.hi-lifting #tabelarycznie > .top {
        background: var(--hi-s-pasek-akt);
    }
    html.hi-lifting #tabelarycznie > .bottom {
        background: var(--hi-s-powierzchnia-2);
        border-top: 1px solid var(--hi-s-ramka);
    }
    html.hi-lifting #tabelarycznie > .main table.sale :is(thead.main, thead.wydarzenie, thead.sala) th,
    html.hi-lifting #tabelarycznie > .main table.sale :is(thead.main, thead.wydarzenie, thead.sala) tr.uwagi_i_notatki td {
        background: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
    }
    html.hi-lifting #tabelarycznie > .main .impreza .pokoje table :is(thead, tfoot) th {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting #tabelarycznie > .main .impreza .pokoje table tbody:nth-child(even) :is(th, td) {
        background: var(--hi-s-powierzchnia-2);
    }
    html.hi-lifting #tabelarycznie > .main .impreza > .uwagi,
    html.hi-lifting #tabelarycznie > .main .impreza > .komentarz {
        background: var(--hi-s-th);
    }
    html.hi-lifting #tabelarycznie > .main .impreza > .uwagi > label {
        background: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting #tabelarycznie > .main .impreza .flex > :is(.termin-podpisania-umowy, .termin-waznosci-oferty, .termin-bezkosztowej-anulacji, .termin-potwierdzenia),
    html.hi-lifting #tabelarycznie > .main .impreza .flex.terminy > div {
        background: var(--hi-s-filtr);
        color: var(--hi-s-tekst);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting #tabelarycznie > .main .impreza .flex.terminy > div label {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting #tabelarycznie > .main .impreza > .tabs > ul.ui-tabs-nav {
        background: var(--hi-s-powierzchnia-2);
        border-bottom: 1px solid var(--hi-s-ramka);
    }
    html.hi-lifting #tabelarycznie table.sale :is(th, td),
    html.hi-lifting #tabelarycznie > .main .impreza .pokoje table :is(thead, tfoot, tbody, th, td) {
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting #dropdown_list ul > li:hover {
        background: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
    }

    /* ---- kolory wpisane w atrybucie style (tło i ramki z klasycznej palety) ---- */
    html.hi-lifting :is([style*="background: #9d8d7b" i], [style*="background:#9d8d7b" i], [style*="background-color: #9d8d7b" i], [style*="background-color:#9d8d7b" i]) {
        background-color: var(--hi-s-pasek) !important;
        color: var(--hi-s-na-pasku);
    }
    html.hi-lifting :is([style*="background: #e3dbd2" i], [style*="background:#e3dbd2" i], [style*="background-color: #e3dbd2" i], [style*="background-color:#e3dbd2" i]) {
        background-color: var(--hi-s-th) !important;
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting :is([style*="background: #dbd0c4" i], [style*="background:#dbd0c4" i], [style*="background: #f7f3ee" i], [style*="background:#f7f3ee" i], [style*="background: #f6f1ea" i], [style*="background:#f6f1ea" i], [style*="background: #f1ece6" i], [style*="background:#f1ece6" i]) {
        background-color: var(--hi-s-powierzchnia-2) !important;
        color: var(--hi-s-tekst);
    }
    html.hi-lifting :is([style*="background: #f5decc" i], [style*="background:#f5decc" i], [style*="background: #f8eacf" i], [style*="background:#f8eacf" i]) {
        background-color: var(--hi-s-filtr) !important;
        color: var(--hi-s-tekst);
    }
    html.hi-lifting :is([style*="border"][style*="c2ae98" i], [style*="border"][style*="d7d0c7" i], [style*="border"][style*="e3dbd2" i], [style*="border"][style*="9d8d7b" i], [style*="border"][style*="ddd2c4" i]) {
        border-color: var(--hi-s-ramka-mocna) !important;
    }
    html.hi-lifting :is([style*="color: #8b6f4e" i], [style*="color:#8b6f4e" i], [style*="color: #6f6255" i], [style*="color:#6f6255" i], [style*="color: #6e573c" i], [style*="color:#6e573c" i]):not([style*="background"]) {
        color: var(--hi-s-tekst-2) !important;
    }

    /* ---- stopka i kalendarz pulpitu ---- */
    html.hi-lifting body .footer {
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .fc-toolbar h2 {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .fc-toolbar .fc-button {
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .fc td.fc-week-number span,
    html.hi-lifting .fc .fc-week-number {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .fc td.fc-today,
    html.hi-lifting .fc td.fc-day.fc-today {
        background: var(--hi-s-filtr);
    }
}
@media screen {
    html.hi-lifting .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default.ui-state-default:not(.ui-tabs-active) :is(a, a span) {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting #tabelarycznie h4 > span.przycisk,
    html.hi-lifting #tabelarycznie h4 > span.przycisk .ui-button-text {
        background-color: var(--hi-s-powierzchnia-2) !important;
        border-color: var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst) !important;
    }
    html.hi-lifting #tabelarycznie h4 > span.przycisk {
        padding: 3px 14px 3px 10px;
        white-space: nowrap;
        overflow: visible;
        box-sizing: border-box;
    }
    html.hi-lifting #tabelarycznie h4 > span.przycisk .ui-button-text {
        background-color: transparent !important;
    }
    html.hi-lifting .topsettings2.hi-menu #topmenu > ul > li.separator > span {
        color: color-mix(in srgb, var(--hi-s-menu-tekst) 70%, transparent);
    }
    html.hi-lifting #tabelarycznie > .top :is(.typ_imprezy_text, .grupa-ikona) {
        filter: brightness(1.75) saturate(1.15);
    }
}

/* ==== Szaty Forum 2026 i Nowa odsłona HI: widgety jQuery UI (kalendarz wyboru daty, suwak, akordeon, pole liczbowe, pasek postępu, podpowiedź) ====
   Wszystkie kolory z tokenów szaty, więc jeden zestaw reguł obsługuje wariant jasny i ciemny. */
@media screen {
    html.hi-lifting .ui-datepicker {
        background: var(--hi-s-powierzchnia);
        border-color: var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst);
        border-radius: var(--hi-s-promien-duzy);
        box-shadow: var(--hi-s-cien-duzy);
    }
    html.hi-lifting .ui-datepicker .ui-datepicker-header {
        background: var(--hi-s-pasek);
        border-color: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting .ui-datepicker .ui-datepicker-title,
    html.hi-lifting .ui-datepicker .ui-datepicker-title span {
        color: var(--hi-s-na-pasku);
    }
    html.hi-lifting .ui-datepicker .ui-datepicker-prev,
    html.hi-lifting .ui-datepicker .ui-datepicker-next {
        color: var(--hi-s-na-pasku);
        border-color: transparent;
        background: transparent;
    }
    html.hi-lifting .ui-datepicker .ui-datepicker-prev .ui-icon,
    html.hi-lifting .ui-datepicker .ui-datepicker-next .ui-icon {
        filter: brightness(0) invert(1);
    }
    html.hi-lifting .ui-datepicker .ui-datepicker-prev:hover,
    html.hi-lifting .ui-datepicker .ui-datepicker-next:hover,
    html.hi-lifting .ui-datepicker .ui-datepicker-prev.ui-state-hover,
    html.hi-lifting .ui-datepicker .ui-datepicker-next.ui-state-hover {
        background: var(--hi-s-pasek-hover);
        border-color: transparent;
    }
    html.hi-lifting .ui-datepicker select.ui-datepicker-month,
    html.hi-lifting .ui-datepicker select.ui-datepicker-year {
        background-color: var(--hi-s-pole);
        border: 1px solid var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar th {
        background: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst-2);
        border-color: var(--hi-s-ramka);
    }
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar th span {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default,
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td span.ui-state-default {
        background: var(--hi-s-powierzchnia-2);
        border-color: var(--hi-s-ramka);
        color: var(--hi-s-tekst);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-other-month a.ui-state-default,
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-other-month span.ui-state-default {
        background: transparent;
        border-color: transparent;
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled span.ui-state-default {
        color: var(--hi-s-tekst-2);
        opacity: .55;
    }
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default.ui-state-highlight {
        background: var(--hi-s-filtr);
        border-color: var(--hi-s-akcent);
        color: var(--hi-s-tekst);
        font-weight: bold;
    }
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default:hover,
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default.ui-state-hover {
        background: var(--hi-s-hover);
        border-color: var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default.ui-state-active,
    html.hi-lifting .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-default {
        background: var(--hi-s-akcent-btn) !important;
        border-color: var(--hi-s-akcent-btn);
        color: #ffffff;
        font-weight: bold;
    }
    html.hi-lifting .ui-datepicker .ui-datepicker-buttonpane {
        border-top-color: var(--hi-s-ramka);
        background: transparent;
    }
    html.hi-lifting .ui-datepicker .ui-datepicker-buttonpane button {
        background: var(--hi-s-th);
        border: 1px solid var(--hi-s-ramka-mocna);
        color: var(--hi-s-th-tekst);
        border-radius: var(--hi-s-promien);
    }

    /* ---- suwak ---- */
    html.hi-lifting .ui-slider {
        background: var(--hi-s-th);
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .ui-slider .ui-slider-range {
        background: var(--hi-s-akcent-btn);
    }
    html.hi-lifting .ui-slider .ui-slider-handle {
        background: var(--hi-s-powierzchnia);
        border: 2px solid var(--hi-s-akcent-btn);
        border-radius: 50%;
    }
    /* ---- akordeon ---- */
    html.hi-lifting .ui-accordion .ui-accordion-header {
        background: var(--hi-s-th);
        border: 1px solid var(--hi-s-ramka-mocna);
        color: var(--hi-s-th-tekst);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting .ui-accordion .ui-accordion-header.ui-state-active {
        background: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
    }
    html.hi-lifting .ui-accordion .ui-accordion-header a {
        color: inherit;
    }
    html.hi-lifting .ui-accordion .ui-accordion-content {
        background: var(--hi-s-powierzchnia);
        border-color: var(--hi-s-ramka);
        color: var(--hi-s-tekst);
    }
    /* ---- pole liczbowe (spinner) i pasek postępu ---- */
    html.hi-lifting .ui-spinner {
        background: var(--hi-s-pole);
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting .ui-spinner .ui-spinner-input {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .ui-spinner .ui-spinner-button {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting .ui-progressbar {
        background: var(--hi-s-th);
        border-color: var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting .ui-progressbar .ui-progressbar-value {
        background: var(--hi-s-akcent-btn);
    }
    /* ---- podpowiedź (tooltip) ---- */
    html.hi-lifting .ui-tooltip {
        background: var(--hi-s-pasek-akt);
        border: 1px solid var(--hi-s-ramka-mocna);
        color: var(--hi-s-na-pasku);
        border-radius: var(--hi-s-promien);
        box-shadow: var(--hi-s-cien);
    }
}

/* ==== Szaty Forum 2026 i Nowa odsłona HI: ramki tabel, przyciski obłożenia sal, kalendarz pulpitu i pozostałe elementy w kolorach klasycznych ==== */
@media screen {
    html.hi-lifting table thead th,
    html.hi-lifting table tbody tr td,
    html.hi-lifting table tbody td.fake-th {
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting table tbody td.fake-th {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting table thead th.waluta-kurs-styl {
        background: var(--hi-s-hover);
        color: var(--hi-s-tekst);
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting :is(.border-brown, .borderBrown1) {
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .border-top-brown { border-top-color: var(--hi-s-ramka-mocna); }
    html.hi-lifting .border-right-brown { border-right-color: var(--hi-s-ramka-mocna); }
    html.hi-lifting .border-bottom-brown { border-bottom-color: var(--hi-s-ramka-mocna); }
    html.hi-lifting .border-left-brown { border-left-color: var(--hi-s-ramka-mocna); }
    html.hi-lifting table.solution-table tr :is(th, td) {
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .plan-naglowek-prawdziwa-belka {
        border-color: var(--hi-s-ramka-mocna);
    }

    /* przyciski wpisane w kolorze akcentu (brąz/ochra z szablonów) */
    html.hi-lifting span#nowe-imprezy-sol {
        background-color: var(--hi-s-akcent-btn) !important;
        color: #ffffff;
        border-radius: var(--hi-s-promien);
    }
    /* przycisk legendy „i Akcje” — w stylu pozostałych przycisków dolnego paska */
    html.hi-lifting span#akcje_info_button {
        background-color: var(--hi-s-pasek) !important;
        border-color: var(--hi-s-pasek) !important;
        color: var(--hi-s-na-pasku);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting table#filtryTab {
        background-color: var(--hi-s-filtr);
    }

    /* obłożenie sal */
    html.hi-lifting .obs-filtr-kontener .obs-przycisk,
    html.hi-lifting .obs-filtr-element .obs-przycisk {
        background-color: var(--hi-s-pasek);
        border-color: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting .obs-filtr-kontener .obs-przycisk:hover,
    html.hi-lifting .obs-filtr-element .obs-przycisk:hover {
        background-color: var(--hi-s-pasek-hover);
    }
    html.hi-lifting .obs-komorka--dzien.obs-komorka--dzien_weekend {
        background-color: var(--hi-s-filtr);
    }
    html.hi-lifting :is(#kalendarz-oblozenie-sal, #pokoje-kontener) > h3 {
        color: var(--hi-s-tekst);
    }

    /* zakładki z paskiem w kolorach klasycznych (raporty) */
    html.hi-lifting .ui-tabs > ul.ui-tabs-nav {
        background: var(--hi-s-powierzchnia-2);
        border-color: var(--hi-s-ramka);
    }
    html.hi-lifting .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-state-default:not(.ui-tabs-active) {
        background: var(--hi-s-th);
        border-color: var(--hi-s-ramka-mocna);
    }

    /* kalendarz pulpitu */
    html.hi-lifting .fc .fc-toolbar .fc-center h2 {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .fc .fc-state-highlight,
    html.hi-lifting .fc td.fc-today {
        background: var(--hi-s-filtr);
    }
}

@media screen {
    html.hi-lifting .fc .fc-state-highlight,
    html.hi-lifting .fc td.fc-today,
    html.hi-lifting .fc td.fc-day.fc-today {
        background: var(--hi-s-filtr) !important;
    }
    html.hi-lifting #fullcalendar-strona-glowna .fc-center h2 {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .fc-toolbar .fc-button {
        border-color: var(--hi-s-ramka-mocna) !important;
    }
    html.hi-lifting #fullcalendar-strona-glowna .fc-content-skeleton .fc-week-number {
        color: var(--hi-s-tekst-2) !important;
    }
    html.hi-lifting :is(.przycisk, .ui-button).ui-state-default,
    html.hi-lifting span.przycisk.ui-button {
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting :is([style*="252, 220, 138"], [style*="251, 220, 138"]) {
        background-color: var(--hi-s-filtr) !important;
    }
    html.hi-lifting .obs-filtr-kontener :is(input, select),
    html.hi-lifting .obs-filtr-element :is(input, select) {
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting :is(.obs-zestawienie, .obs-zestawienie-komorka, .obs-zestawienie-komorka__kwoty > div, .obs-zestawienie-komorka__podzial-etykiety > div) {
        border-color: var(--hi-s-ramka-mocna);
    }
}

/* ==== Szaty Forum 2026 i Nowa odsłona HI, warianty ciemne: ekran imprezy tabelarycznie i inne powierzchnie białe w klasycznej palecie ==== */
@media screen {
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza > .tabs.ui-tabs,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza > .tabs > div.ui-tabs-panel {
        background: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie table :is(tbody tr, tfoot tr),
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie table.powiazane-wydarzenia-lista thead tr {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie table tbody tr:nth-child(even) {
        background-color: var(--hi-s-powierzchnia-2);
    }
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main :is(.minipodsumowanie, .minipodsumowanie-strategia, .impreza .ustawienia),
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main :is(.minipodsumowanie, .minipodsumowanie-strategia) :is(b, strong, span, div, td, th, label) {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .powiazane-wydarzenia-kontener,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .powiazane-wydarzenia-kontener :is(td, th, div, span, label) {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main :is(h2, h3, h4, label, .dzien-naglowek) {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie :is(input, textarea, select):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]) {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza .flex > div input {
        background: var(--hi-s-pole);
        color: var(--hi-s-tekst);
        border-color: var(--hi-s-ramka-mocna);
    }
}

@media screen {
    html.hi-lifting #tabelarycznie table.powiazane-wydarzenia-lista thead th {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting #tabelarycznie .powiazane-wydarzenia-komunikat,
    html.hi-lifting #tabelarycznie .powiazane-wydarzenia-opis {
        color: var(--hi-s-tekst-2) !important;
    }
    html.hi-lifting #tabelarycznie h4 > span.przycisk strong {
        color: var(--hi-s-th-tekst) !important;
    }
    html.hi-lifting #tabelarycznie > .main .impreza > .komentarz > label {
        background: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting :is([style*="227, 219, 210"], [style*="#E3DBD2" i]):not([class*=ui-]) {
        background-color: var(--hi-s-th) !important;
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting :is([style*="157, 141, 123"]):not([class*=ui-]) {
        background-color: var(--hi-s-pasek) !important;
        color: var(--hi-s-na-pasku);
    }
}

@media screen {
    html.hi-lifting #komunikatPotwierdzenie {
        color: #0b5d1e;
    }
    html.hi-lifting #komunikatOstrzezenie {
        color: #8a2d00;
    }
    /* kolory tekstu wpisane w szablonach pod białe tło (inicjały opiekunów, nazwy statusów) — przyciemnione na jasnych powierzchniach */
    html.hi-lifting:not(.hi-paleta-ciemna) #body td :is(b, strong, span, font, a)[style*="color" i]:not([style*="background"]):not([style*="red" i]):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.kontener-widgetow *):not(.cke_contents *),
    html.hi-lifting:not(.hi-paleta-ciemna) #body tr > td[style*="color:" i]:not([style*="background"]):not(.fc *):not(.oblozenie-sal *):not(.kontener-widgetow *) {
        filter: brightness(.6);
    }
    /* czerwone tło oznaczeń (czarna lista, zaległości) — nieco ciemniejsze, żeby biały tekst miał kontrast */
    html.hi-lifting #body :is(span, div, td, label):is([style*="background-color: rgb(255, 0, 0)" i], [style*="background: rgb(255, 0, 0)" i], [style*="background:#ff0000" i], [style*="background: #ff0000" i], [style*="background-color:#ff0000" i], [style*="background-color: #ff0000" i], [style*="background:red" i], [style*="background: red" i]):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *) {
        background-color: #c01717 !important;
    }
    /* kalendarz (siatka miesiąca na pulpicie i inne instancje FullCalendar): kolory z tokenów, w obu wariantach */
    html.hi-lifting .fc {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .fc :is(th, td, thead, tbody, hr, .fc-row, .fc-content-skeleton, .fc-divider, .fc-popover, .fc-list-view, .fc-list-heading td, .fc-list-item td),
    html.hi-lifting .fc-unthemed :is(th, td, thead, tbody, .fc-divider, .fc-row, .fc-content, .fc-popover, .fc-list-view, .fc-list-heading td) {
        border-color: var(--hi-s-ramka) !important;
    }
    html.hi-lifting .fc-unthemed :is(.fc-nonbusiness, .fc-bgevent) {
        background: var(--hi-s-powierzchnia-2);
        opacity: 1;
    }
    html.hi-lifting .fc :is(.fc-widget-content, .fc-bg, .fc-row, .fc-day-grid-container, .fc-scroller, .fc-time-grid) {
        background-color: var(--hi-s-powierzchnia);
    }
    html.hi-lifting .fc :is(.fc-widget-header, th.fc-day-header, .fc-head, .fc-head-container) {
        background-color: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
        border-color: var(--hi-s-ramka);
    }
    html.hi-lifting .fc :is(td.fc-sat, td.fc-sun, .fc-nonbusiness, td.fc-other-month, .fc-disabled-day) {
        background-color: var(--hi-s-powierzchnia-2);
    }
    html.hi-lifting .fc :is(.fc-day-number, .fc-day-top a, .fc-widget-content a:not(.fc-event)) {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .fc :is(td.fc-other-month .fc-day-number, .fc-other-month.fc-day-top .fc-day-number, .fc-week-number, td.fc-week-number span) {
        color: var(--hi-s-tekst-2) !important;
    }
    html.hi-lifting .fc td.fc-today .fc-day-number,
    html.hi-lifting .fc .fc-today .fc-day-number,
    html.hi-lifting .fc .fc-day-top.fc-today .fc-day-number {
        color: var(--hi-s-tekst) !important;
        font-weight: bold;
    }
    html.hi-lifting .fc td.fc-day:hover:not(.fc-today) {
        background-color: var(--hi-s-hover);
    }
    html.hi-lifting .fc .fc-popover {
        background-color: var(--hi-s-powierzchnia);
        border-color: var(--hi-s-ramka-mocna);
        box-shadow: var(--hi-s-cien-duzy);
    }
    html.hi-lifting .fc .fc-popover .fc-header {
        background-color: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    /* ikony edycji (ołówek przy loginie, w pasku danych imprezy, przy polach): jeden styl małej ikony w akcencie szaty */
    html.hi-lifting img:is([src*="edit_on"], [src*="edit-on"], [src*="edycja_on"]) {
        border-radius: 6px;
        filter: hue-rotate(190deg) saturate(1.15);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .22);
        transition: filter .12s ease, box-shadow .12s ease;
    }
    html.hi-lifting img:is([src*="edit_on"], [src*="edit-on"], [src*="edycja_on"]):hover {
        filter: hue-rotate(190deg) saturate(1.25) brightness(1.15);
        box-shadow: 0 0 0 2px var(--hi-s-akcent);
    }
    /* skrót zalogowanego użytkownika ma kolor wybrany przez użytkownika — w ciemnych szatach jasna poświata zamiast zmiany koloru */
    html.hi-lifting.hi-paleta-ciemna body .topheading.hi-naglowek .topmenu .anchor .uname {
        text-shadow: 0 0 3px rgba(255, 255, 255, .85), 0 0 9px rgba(255, 255, 255, .4);
    }
    /* podświetlenia wierszy i trafień: jeden ton akcentu (tło) + tekst z szaty; efekty jQuery UI kończą się na tle wiersza w danej szacie */
    html.hi-lifting :is(tr.ui-state-highlight, tr.ui-state-highlight > td, tr.ui-sortable-helper, tr.ui-sortable-helper > td, .ui-sortable-placeholder, .ui-effects-highlight, tr.zaznaczony, tr.zaznaczony > td, tr.selected, tr.selected > td, tr.active > td, tr.row-highlight, tr.row-highlight > td, tr.nowy > td, tr.zmieniony > td) {
        background-color: color-mix(in srgb, var(--hi-s-akcent) 22%, var(--hi-s-powierzchnia)) !important;
        color: var(--hi-s-tekst) !important;
        border-color: var(--hi-s-akcent);
    }
    html.hi-lifting :is(mark, .highlight, .hl, .ui-autocomplete-match) {
        background-color: color-mix(in srgb, var(--hi-s-akcent) 35%, transparent);
        color: var(--hi-s-tekst);
        border-radius: 2px;
    }
    /* ikony akcji (oko, ołówek, wyłącz, kosz…): jeden kształt we wszystkich tabelach i w legendzie „Akcje”; bez zmiany rozmiaru */
    html.hi-lifting .przycisk_akcje_statusy {
        border-radius: 5px;
        box-shadow: 0 0 0 1px var(--hi-s-ramka-mocna);
        background-color: transparent;
        transition: filter .12s ease, box-shadow .12s ease;
    }
    /* ikony akcji w tabelach sal/menu/atrakcji imprezy (+, −, kopiuj, uwagi, notatki, odśwież, stoliki): obrazki PNG z białym
       kwadratem — wspólny kształt i odstęp we wszystkich szatach; w ciemnych szatach kwadrat ciemny, znaki jasne (kolory
       znaczeniowe zachowane przez obrót barwy), w jasnych biały kwadrat z obrysem. Rozmiar i układ bez zmian. */
    html.hi-lifting img:is([src$="/add.png"], [src$="/menu.png"], [src$="/del.png"], [src$="/addelement.png"], [src$="/uwagi-icon.png"], [src$="/odswiez.png"], [src$="/notatki-icon.png"], [src$="/stoliki.png"]) {
        border-radius: 4px;
        box-shadow: 0 0 0 1px var(--hi-s-ramka-mocna);
        transform: scale(.84);
        transition: box-shadow .12s ease, filter .12s ease;
    }
    html.hi-lifting.hi-paleta-ciemna img:is([src$="/add.png"], [src$="/menu.png"], [src$="/del.png"], [src$="/addelement.png"], [src$="/uwagi-icon.png"], [src$="/odswiez.png"], [src$="/notatki-icon.png"], [src$="/stoliki.png"]) {
        filter: invert(1) hue-rotate(180deg) brightness(1.35) contrast(1.05);
        box-shadow: 0 0 0 1px var(--hi-s-ramka-mocna);
    }
    html.hi-lifting img:is([src$="/add.png"], [src$="/menu.png"], [src$="/del.png"], [src$="/addelement.png"], [src$="/uwagi-icon.png"], [src$="/odswiez.png"], [src$="/notatki-icon.png"], [src$="/stoliki.png"]):hover {
        box-shadow: 0 0 0 2px var(--hi-s-akcent);
    }
    html.hi-lifting img[src*="/styleimg/akcje/"] {
        border-radius: 5px;
        box-shadow: 0 0 0 1px var(--hi-s-ramka-mocna);
    }
    /* w kolumnie „Akcje” ikony stoją jedna przy drugiej — lekkie pomniejszenie daje równy odstęp bez zmiany szerokości kolumny */
    html.hi-lifting .akcje_box .przycisk_akcje_statusy {
        transform: scale(.86);
    }
    html.hi-lifting .akcje_box > table td {
        vertical-align: middle;
    }
    html.hi-lifting body .topheading.hi-naglowek :is(.topmenu, .toplogos) {
        color: var(--hi-s-tekst-2);
    }
    /* przyciski edycji pól w pasku danych imprezy (ołówki) i menu: jeden kształt, subtelna ramka, podświetlenie przy najechaniu */
    html.hi-lifting #tabelarycznie > .top > ul > li button:not(.zapisz) {
        border-radius: 6px;
        border-color: rgba(255, 255, 255, .45);
        transition: background-color .12s ease, border-color .12s ease;
    }
    html.hi-lifting #tabelarycznie > .top > ul > li button:not(.zapisz):hover {
        background-color: rgba(255, 255, 255, .14);
        border-color: var(--hi-s-akcent);
    }
    html.hi-lifting #tabelarycznie > .top img[src*="mobile-menu"] {
        border-radius: 6px;
    }
    /* przyciski filtra (szukaj, wyczyść) w nagłówku kolumny akcji: ten sam kształt co ikony akcji */
    html.hi-lifting .przycisk-filtr {
        border-radius: 5px;
        box-shadow: 0 0 0 1px var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .przycisk_akcje_statusy.pointer:hover {
        box-shadow: 0 0 0 2px var(--hi-s-akcent);
        filter: brightness(1.12);
    }
    html.hi-lifting .przycisk_akcje_statusy[class*="_off"]:not(.pointer) {
        filter: grayscale(1) brightness(1.02);
        opacity: .85;
    }
    html.hi-lifting.hi-paleta-ciemna .przycisk_akcje_statusy[class*="_off"]:not(.pointer) {
        filter: grayscale(1) brightness(.62);
        opacity: 1;
    }
    /* małe ikony-przyciski narzędziowe (historia zmian itp.): pigułka w akcencie szaty zamiast surowego zielonego kwadratu */
    html.hi-lifting a:has(> i.fa-history) {
        background-color: var(--hi-s-akcent-btn) !important;
        border-radius: 6px !important;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .25);
        transition: filter .12s ease;
    }
    html.hi-lifting a:has(> i.fa-history):hover {
        filter: brightness(1.15);
    }
    html.hi-lifting a:has(> i.fa-history) > i {
        color: #ffffff;
    }
    /* natywne listy select: kolory opcji, grupy, zaznaczenie w akcencie, listy wielokrotnego wyboru */
    html.hi-lifting select {
        color-scheme: var(--hi-s-schemat);
    }
    html.hi-lifting select :is(option, optgroup) {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
        padding: 4px 8px;
    }
    html.hi-lifting select optgroup {
        font-weight: bold;
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting select option:is(:checked, :hover) {
        background: linear-gradient(var(--hi-s-akcent-btn), var(--hi-s-akcent-btn));
        color: #ffffff;
    }
    html.hi-lifting select:is([multiple], [size]:not([size="1"])) {
        background-color: var(--hi-s-pole);
        color: var(--hi-s-tekst);
        border: 1px solid var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting select:is([multiple], [size]:not([size="1"])) option {
        background-color: transparent;
    }
    html.hi-lifting select:is([multiple], [size]:not([size="1"])):focus option:checked {
        background: linear-gradient(var(--hi-s-akcent-btn), var(--hi-s-akcent-btn));
    }
    html.hi-lifting select:is([multiple], [size]:not([size="1"])):not(:focus) option:checked {
        background: linear-gradient(var(--hi-s-pasek-hover), var(--hi-s-pasek-hover));
    }
    /* komunikaty i boksy informacyjne: zawsze para tło + tekst z szaty (nie dziedziczą jasnego tekstu na jasnym tle) */
    html.hi-lifting :is(#tabelarycznie > .main .impreza .ustawienia, .ustawienia-sali-zakryte-inside) {
        background-color: var(--hi-s-filtr);
        border-color: var(--hi-s-akcent);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting :is(#tabelarycznie > .main .impreza .ustawienia, .ustawienia-sali-zakryte-inside) :is(p, li, ul, strong, h2, h3, span, b, a, em) {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .komunikat-bledow {
        background-color: var(--hi-s-powierzchnia-2);
        border-color: var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting :is(.komunikat-bledow-systemu, .ui-state-error, .ui-widget-content .ui-state-error) {
        background-color: color-mix(in srgb, #d9363e 16%, var(--hi-s-powierzchnia));
        border-color: #d9363e;
        color: #8f1219;
    }
    html.hi-lifting.hi-paleta-ciemna :is(.komunikat-bledow-systemu, .ui-state-error, .ui-widget-content .ui-state-error) {
        color: #ffa3a8;
    }
    html.hi-lifting :is(.ui-state-highlight, .ui-widget-content .ui-state-highlight) {
        background-color: var(--hi-s-filtr);
        border-color: var(--hi-s-akcent);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting #komunikatPotwierdzenie {
        background-color: color-mix(in srgb, #1d9a4a 16%, var(--hi-s-powierzchnia));
        border-color: #1d9a4a;
        opacity: .97;
    }
    html.hi-lifting.hi-paleta-ciemna #komunikatPotwierdzenie {
        color: #8ce9a9;
    }
    html.hi-lifting #komunikatOstrzezenie {
        background-color: color-mix(in srgb, #d9363e 16%, var(--hi-s-powierzchnia));
        border-color: #d9363e;
        opacity: .97;
    }
    html.hi-lifting.hi-paleta-ciemna #komunikatOstrzezenie {
        color: #ffa3a8;
    }
    /* spójne stany: widoczny fokus, błąd walidacji, pole wyłączone (wszystkie szaty z własną paletą) */
    html.hi-lifting :is(a, button, input, select, textarea, [tabindex]):focus-visible {
        outline: 2px solid var(--hi-s-akcent);
        outline-offset: 1px;
    }
    html.hi-lifting :is(input, select, textarea).error,
    html.hi-lifting :is(input, select, textarea)[aria-invalid="true"] {
        border-color: #d9363e;
        box-shadow: 0 0 0 1px #d9363e;
    }
    html.hi-lifting :is(button, input[type=button], input[type=submit], .ui-button):disabled,
    html.hi-lifting .ui-button.ui-state-disabled {
        opacity: .55;
        cursor: not-allowed;
    }
    /* klasy pomocnicze z kolorami tekstu z klasycznej palety */
    html.hi-lifting :is(.solution-brown-light, .solution-blue-light) {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .solution-brown-dark {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting :is(label, span)[style*="#968d84" i] {
        color: var(--hi-s-tekst-2) !important;
    }
    html.hi-lifting label.wprowadzanie-podglad-dane,
    html.hi-lifting .ui-dialog label.wprowadzanie-podglad-dane {
        color: var(--hi-s-tekst);
    }
    /* nazwa zalogowanego w nagłówku ma kolor wybrany przez użytkownika — w jasnych szatach przyciemniona */
    html.hi-lifting:not(.hi-paleta-ciemna) body .topheading.hi-naglowek .topmenu .anchor .uname {
        filter: brightness(.62);
    }
    /* okna dodawania/edycji: nagłówki sekcji h3, gwiazdki pól wymaganych i komunikaty błędów, pola zablokowane, wiersze kosztorysu */
    html.hi-lifting .ui-dialog h3,
    html.hi-lifting .ui-dialog h3 > span,
    html.hi-lifting .ui-dialog h3 > label {
        background-color: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst);
        border-color: var(--hi-s-ramka);
    }
    html.hi-lifting .ui-dialog h3 > span {
        background-color: transparent;
    }
    html.hi-lifting .formularzNowy h3 {
        background-color: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting .formularzNowy h2 > span {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .formularzNowy h2::before {
        background: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .formularzNowy :is(label, .label) {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting :is(.menu-belka-nazwa, .menu-belka-ceny, tr.kosztorysDane) {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting :is(input, textarea).blokadaplatnosc,
    html.hi-lifting input[type=file] {
        background-color: var(--hi-s-powierzchnia-2) !important;
        color: var(--hi-s-tekst) !important;
        border-color: var(--hi-s-ramka);
    }
    html.hi-lifting.hi-paleta-ciemna :is(.red, .required, [id^="error-for-"], .error-message, label.error) {
        color: #ff8585 !important;
    }
    html.hi-lifting [id^="jezyktabs"].ui-tabs,
    html.hi-lifting .formularzNowy .ui-tabs {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting td.menu_koszty {
        color: #1f1f1f;
    }
    html.hi-lifting:not(.hi-paleta-ciemna) :is(.red, .required) {
        color: #b3000a;
    }
    /* okna dodawania/edycji pozycji: zakładki językowe, edytor opisu (Trumbowyg), nagłówki sekcji */
    html.hi-lifting .ui-dialog .ui-tabs,
    html.hi-lifting .ui-dialog .ui-tabs .ui-tabs-panel {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .ui-dialog .ui-tabs .ui-tabs-nav {
        background: var(--hi-s-powierzchnia-2);
        border-color: var(--hi-s-ramka);
    }
    html.hi-lifting .ui-dialog h2 > span:not(.ui-icon) {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .trumbowyg-box,
    html.hi-lifting .trumbowyg-editor {
        background-color: var(--hi-s-pole);
        color: var(--hi-s-tekst);
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .trumbowyg-box {
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting .trumbowyg-button-pane {
        background: var(--hi-s-th);
        border-bottom-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .trumbowyg-button-pane::after {
        background: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .trumbowyg-button-pane .trumbowyg-button-group::after,
    html.hi-lifting .trumbowyg-button-pane .trumbowyg-button-group + .trumbowyg-button-group::before {
        background-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .trumbowyg-button-pane button {
        color: var(--hi-s-th-tekst);
        background-color: transparent;
    }
    html.hi-lifting .trumbowyg-button-pane button svg {
        fill: var(--hi-s-th-tekst);
    }
    html.hi-lifting .trumbowyg-button-pane button:hover:not(.trumbowyg-disable),
    html.hi-lifting .trumbowyg-button-pane button:focus:not(.trumbowyg-disable),
    html.hi-lifting .trumbowyg-button-pane button.trumbowyg-active {
        background-color: var(--hi-s-hover);
    }
    html.hi-lifting .trumbowyg-button-pane button.trumbowyg-disable svg {
        opacity: .45;
    }
    html.hi-lifting .trumbowyg-dropdown,
    html.hi-lifting .trumbowyg-modal-box {
        background-color: var(--hi-s-powierzchnia);
        border-color: var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst);
        box-shadow: var(--hi-s-cien-duzy);
    }
    html.hi-lifting .trumbowyg-dropdown button {
        color: var(--hi-s-tekst);
        background-color: transparent;
    }
    html.hi-lifting .trumbowyg-dropdown button:hover {
        background-color: var(--hi-s-hover);
    }
    html.hi-lifting .trumbowyg-dropdown button svg {
        fill: var(--hi-s-tekst);
    }
    html.hi-lifting .trumbowyg-modal-box :is(label, input, .trumbowyg-modal-title) {
        color: var(--hi-s-tekst);
    }
    /* „Edytowane dziś” (Wprowadzanie danych: potrawy, menu, atrakcje) */
    html.hi-lifting .ostatnio-edytowane-sekcja .oe-tytul {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .oe-tytul .oe-licznik {
        background: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
    }
    html.hi-lifting .oe-scroll {
        border-color: var(--hi-s-ramka-mocna);
        background: var(--hi-s-powierzchnia);
    }
    html.hi-lifting table.ostatnio-edytowane-tabela :is(tbody tr, tbody td) {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting table.ostatnio-edytowane-tabela tbody tr:nth-child(even) :is(td, th) {
        background-color: var(--hi-s-powierzchnia-2);
    }
    html.hi-lifting table.ostatnio-edytowane-tabela thead th {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
        border-color: var(--hi-s-ramka-mocna);
    }
    /* stany wierszy tabel z klasycznych arkuszy: wyłączony, wyróżniony na zielono, jasnobrązowy */
    html.hi-lifting table tbody tr.odd :is(td, th) {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting :is(table tbody tr.greenBackground, table tbody tr.greenBackground > td) {
        background-color: color-mix(in srgb, #2e9a57 22%, var(--hi-s-powierzchnia));
        color: var(--hi-s-tekst);
    }
    html.hi-lifting :is(tr.background-lightbrown, tr.background-lightbrown > td) {
        background-color: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting a.wylaczony {
        background-color: var(--hi-s-th);
        color: var(--hi-s-tekst-2);
    }
    /* przyciski jQuery UI i „pigułki” (klasyczny khaki z białym tekstem) */
    html.hi-lifting .ui-button.ui-state-default:not(.ui-selectmenu-button),
    html.hi-lifting .przycisk.ui-state-default {
        background-color: var(--hi-s-pasek);
        border-color: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting .ui-button.ui-state-default:not(.ui-selectmenu-button) .ui-button-text,
    html.hi-lifting .przycisk.ui-state-default .ui-button-text {
        color: inherit;
    }
    html.hi-lifting .ui-button.ui-state-default.ui-state-hover:not(.ui-selectmenu-button),
    html.hi-lifting .ui-button.ui-state-default:hover:not(.ui-selectmenu-button),
    html.hi-lifting .ui-dialog-buttonset .ui-state-hover,
    html.hi-lifting :is(input, span).ui-state-hover.ui-button {
        background-color: var(--hi-s-pasek-hover) !important;
        border-color: var(--hi-s-pasek-hover) !important;
        color: var(--hi-s-na-pasku);
    }
    /* pola nieaktywne i tylko do odczytu */
    html.hi-lifting :is(input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel], input[type=search], input[type=url], input:not([type]), textarea):is(:disabled, [readonly]):not(.hasDatepicker) {
        background-color: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst-2);
        border-color: var(--hi-s-ramka);
    }
    /* karta projektu: lista kart i statusy */
    html.hi-lifting .kp-zmiana,
    html.hi-lifting .kp-zmiana small {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting.hi-paleta-ciemna :is(.kp-liczba, .kp-nazwa) {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna :is(label, span, div, td, th, p, a).black:not([style*="background"]):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *) {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .kp-status.kp-status-aktywny {
        color: #1d6b43;
    }
    html.hi-lifting.hi-paleta-ciemna .kp-status.kp-status-aktywny {
        color: #7fe0a8;
    }
    html.hi-lifting .kp-status.kp-status-do-aktywacji {
        color: #8a5400;
    }
    html.hi-lifting.hi-paleta-ciemna .kp-status.kp-status-do-aktywacji {
        color: #ffc46b;
    }
    /* listy rozwijane select2 (otwierane poza głównym kontenerem strony) */
    html.hi-lifting .select2-container .select2-dropdown {
        background-color: var(--hi-s-powierzchnia);
        border-color: var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst);
        box-shadow: var(--hi-s-cien-duzy);
    }
    html.hi-lifting .select2-container--default .select2-results__option {
        background-color: transparent;
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .select2-container--default .select2-results__option[aria-disabled=true] {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .select2-container--default .select2-results__option[aria-selected=true] {
        background-color: var(--hi-s-hover);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .select2-container--default .select2-results__option--highlighted[aria-selected],
    html.hi-lifting .select2-container--default .select2-results__option--highlighted[aria-selected=true] {
        background-color: var(--hi-s-akcent-btn);
        color: #ffffff;
    }
    html.hi-lifting .select2-container--default .select2-search--dropdown .select2-search__field {
        background-color: var(--hi-s-pole);
        border-color: var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .select2-container--default .select2-selection--single .select2-selection__rendered,
    html.hi-lifting .select2-container--default .select2-selection--multiple .select2-selection__choice {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: var(--hi-s-th);
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .select2-container--default .select2-results__group,
    html.hi-lifting .select2-container--default .select2-results__option[role=group] > strong {
        background-color: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
        font-weight: bold;
    }
    html.hi-lifting .select2-container--default .select2-results__option[role=group] {
        background-color: transparent;
        padding: 0;
    }
    html.hi-lifting .select2-container--default .select2-results > .select2-results__options {
        scrollbar-color: var(--hi-s-ramka-mocna) var(--hi-s-powierzchnia-2);
    }
    html.hi-lifting :is(.ui-selectmenu-menu .ui-menu, .ui-autocomplete.ui-menu, .ui-multiselect-menu) {
        background-color: var(--hi-s-powierzchnia);
        border-color: var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst);
        box-shadow: var(--hi-s-cien-duzy);
    }
    html.hi-lifting :is(.ui-selectmenu-menu .ui-menu, .ui-autocomplete.ui-menu) .ui-menu-item-wrapper,
    html.hi-lifting .ui-autocomplete :is(.ui-menu-item > a, .ui-menu-item a, .ui-menu-item > div),
    html.hi-lifting .ui-multiselect-menu label {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .ui-autocomplete :is(.ui-menu-item > a, .ui-menu-item > div, .ui-menu-item-wrapper) {
        white-space: normal;
        line-height: 1.35;
        border: 1px solid transparent;
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting .ui-autocomplete :is(strong, b, .ui-autocomplete-match) {
        color: var(--hi-s-link);
    }
    html.hi-lifting .ui-autocomplete .ui-menu-item :is(.ui-state-focus, .ui-state-hover, .ui-state-active),
    html.hi-lifting .ui-autocomplete .ui-menu-item.ui-state-focus > :is(a, div, .ui-menu-item-wrapper),
    html.hi-lifting .ui-autocomplete .ui-menu-item > a:hover {
        background: var(--hi-s-akcent-btn) !important;
        border-color: var(--hi-s-akcent-btn) !important;
        color: #ffffff;
    }
    html.hi-lifting .ui-autocomplete .ui-menu-item.ui-state-focus > :is(a, div, .ui-menu-item-wrapper) :is(strong, b),
    html.hi-lifting .ui-autocomplete .ui-menu-item > a:hover :is(strong, b) {
        color: #ffffff;
    }
    html.hi-lifting .ui-autocomplete .ui-state-disabled {
        color: var(--hi-s-tekst-2);
        opacity: 1;
    }
    html.hi-lifting :is(.ui-selectmenu-menu .ui-menu, .ui-autocomplete.ui-menu) .ui-state-active,
    html.hi-lifting :is(.ui-selectmenu-menu .ui-menu, .ui-autocomplete.ui-menu) .ui-menu-item-wrapper.ui-state-active {
        background: var(--hi-s-akcent-btn) !important;
        border-color: var(--hi-s-akcent-btn) !important;
        color: #ffffff;
    }
    html.hi-lifting .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
        background-color: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting #tabelarycznie h4 > span.przycisk#api_sync {
        background: var(--hi-s-th) !important;
        border-color: var(--hi-s-ramka-mocna);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting #tabelarycznie h4 > span.przycisk#api_sync:hover {
        background: var(--hi-s-hover) !important;
    }
    /* powiadomienia z kolorem priorytetu wpisanym w szablonie (pomarańcz) — ciemny tekst zamiast białego (kontrast) */
    html.hi-lifting #body :is([style*="#fe9900" i], [style*="254, 153, 0"]) {
        color: #1f1f1f !important;
    }
    html.hi-lifting #body :is([style*="#fe9900" i], [style*="254, 153, 0"]) * {
        color: inherit;
    }
    /* ciemne szaty: białe tła i czarny tekst wpisane w szablonach (komórki, bloki) */
    html.hi-lifting.hi-paleta-ciemna :is([style*="background-color: rgb(255, 255, 255)" i], [style*="background:#fff" i], [style*="background: #fff" i], [style*="background-color:#fff" i], [style*="background-color: #fff" i])
        :is([style*="color: rgb(0, 0, 0)" i], [style*="color:#000" i], [style*="color: #000" i], [style*="color:black" i], [style*="color: black" i]) {
        color: var(--hi-s-tekst) !important;
    }
    html.hi-lifting.hi-paleta-ciemna :is([style*="background-color: rgb(255, 255, 255)" i], [style*="background:#fff" i], [style*="background: #fff" i], [style*="background-color:#fff" i], [style*="background-color: #fff" i]):is([style*="color: rgb(0, 0, 0)" i], [style*="color:#000" i], [style*="color: #000" i], [style*="color:black" i], [style*="color: black" i]):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(#raportytabs *) {
        color: var(--hi-s-tekst) !important;
    }
    html.hi-lifting.hi-paleta-ciemna :is([style*="background-color: rgb(255, 255, 255)" i], [style*="background: rgb(255, 255, 255)" i], [style*="background:#fff" i], [style*="background: #fff" i], [style*="background-color:#fff" i], [style*="background-color: #fff" i], [style*="background: white" i], [style*="background-color: white" i]):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.sale-filtr-edycja *):not(input):not(select):not(textarea):not(img) {
        background-color: var(--hi-s-powierzchnia) !important;
        color: var(--hi-s-tekst) !important;
    }
    html.hi-lifting.hi-paleta-ciemna :is([style*="color: rgb(0, 0, 0)" i], [style*=";color:#000" i], [style*="; color:#000" i], [style^="color:#000" i], [style^="color: #000" i], [style*="; color: #000" i], [style*="color: black" i], [style*="color:black" i]):not([style*="background"]):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.sale-filtr-edycja *) {
        color: var(--hi-s-tekst) !important;
    }
    /* kolorowe tła wpisane w szablonach (pastele, kolory sal i statusów) bez własnego koloru tekstu — w klasycznej palecie tekst był czarny */
    html.hi-lifting #body :is([style*="rgb(0, 255, 0)" i], [style*="#00ff00" i], [style*="#0f0;" i], [style*="rgb(255, 255, 0)" i], [style*="#ffff00" i], [style*="rgb(255, 247, 0)" i], [style*="#fff700" i], [style*="rgb(255, 0, 255)" i], [style*="#ff00ff" i], [style*="rgb(0, 255, 255)" i], [style*="#00ffff" i]):is(div, span, td, th, b, label, a, p):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *) {
        color: #1f1f1f !important;
    }
    html.hi-lifting.hi-paleta-ciemna #body :is(div, span, td, th, b, label, a)[style*="background" i]:not([style^="color"]):not([style*=";color"]):not([style*=" color:"]):not([style*="#e3dbd2" i]):not([style*="#f7f1ea" i]):not([style*="#f6f1ea" i]):not([style*="#ede3da" i]):not([style*="#fff" i]):not([style*="255, 255, 255"]):not([style*="white" i]):not([style*="transparent" i]):not([style*="none" i]):not(.kontener-widgetow *):not(.cke_contents *):not(.fc *):not(.oblozenie-sal *):not(.obs-kontener-glowny *):not(#raportytabs *):not(.sale-filtr-edycja *):not(.prawa-przyciski *) {
        color: #1f1f1f;
    }
}

/* ==== Szata „Halloween” (profil → Szata graficzna): ciemna paleta Forum 2026 z podmienionymi zmiennymi ====
   Klasy na <html>: `hi-lifting hi-forum hi-paleta-ciemna hi-halloween` — reguły struktury i widgetów dziedziczą po
   szacie Forum (wariant ciemny), a tu zmieniają się tylko zmienne kolorów i drobne ozdoby (bez zmian układu, bez animacji).
   Tylko ekran — wydruk zostaje jasny. */
@media screen {
    html.hi-forum.hi-paleta-ciemna.hi-halloween {
        --hi-s-schemat: dark;
        --hi-s-tlo: #14091f;
        --hi-s-powierzchnia: #1d0f2e;
        --hi-s-powierzchnia-2: #26143b;
        --hi-s-hover: #33194d;
        --hi-s-naglowek: #0e0616;
        --hi-s-menu: #0b0512;
        --hi-s-menu-akt: #2a1244;
        --hi-s-menu-pod: #14091f;
        --hi-s-menu-tekst: #f3e9dc;
        --hi-s-pasek: #3a1a5c;
        --hi-s-pasek-hover: #4b2475;
        --hi-s-pasek-akt: #5a2a8a;
        --hi-s-na-pasku: #ffffff;
        --hi-s-tekst: #f3e9dc;
        --hi-s-tekst-2: #c4aed0;
        --hi-s-link: #ff9a4d;
        --hi-s-ramka: #3e2459;
        --hi-s-ramka-mocna: #5f3d86;
        --hi-s-th: #321a4c;
        --hi-s-th-tekst: #f3e9dc;
        --hi-s-filtr: #3d2410;
        --hi-s-pole: #14091f;
        --hi-s-akcent: #ff7518;
        --hi-s-akcent-hover: #e8590c;
        --hi-s-akcent-btn: #c24e10;
        --hi-s-akcent-2: #8bd450;
        --hi-s-cien: 0 2px 10px rgba(0, 0, 0, .55);
        --hi-s-cien-duzy: 0 12px 36px rgba(0, 0, 0, .7), 0 2px 8px rgba(0, 0, 0, .5);
        --hi-s-strzalka: #c4aed0;
        --hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c4aed0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    /* klimat: cienka dyniowa linia pod górnym paskiem, poświata aktywnych elementów, toksyczna zieleń tylko w drobiazgach */
    html.hi-halloween body .topsettings2.hi-menu {
        box-shadow: 0 2px 0 #ff7518;
    }
    html.hi-halloween :is(.przyciskidolne .przyciskbottom.b2, #tabelarycznie button.zapisz, #tabelarycznie > .top > ul > li.zapisz button):hover,
    html.hi-halloween .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        box-shadow: 0 0 10px rgba(255, 117, 24, .45);
    }
    html.hi-halloween .ui-tabs .ui-tabs-nav:not(.nav-tabs) li.ui-tabs-active.ui-state-default.ui-state-default,
    html.hi-halloween #body .solbox .headings h2.active,
    html.hi-halloween #body .solbox .headings-po h2.active {
        box-shadow: inset 0 -3px 0 var(--hi-s-akcent), 0 0 10px rgba(255, 117, 24, .35);
    }
    html.hi-halloween :is(a, button, input, select, textarea, [tabindex]):focus-visible {
        outline: 2px solid var(--hi-s-akcent-2);
        outline-offset: 1px;
    }
    html.hi-halloween body .footer {
        position: relative;
    }
    html.hi-halloween body .footer::after {
        content: "\1F383";
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        line-height: 1;
        pointer-events: none;
    }
    html.hi-halloween body .footer::before {
        content: "\1F577\FE0F";
        position: absolute;
        left: 14px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        line-height: 1;
        opacity: .85;
        pointer-events: none;
    }
    /* górny pasek: gradient czerń → głęboki fiolet; nagłówki paneli z delikatnym odstępem liter */
    html.hi-halloween body .topsettings2.hi-menu {
        background-image: linear-gradient(90deg, #0b0512 0%, #1d0f2e 55%, #2a1244 100%);
    }
    html.hi-halloween #body .solbox .headings h2,
    html.hi-halloween #body .solbox .headings-po h2,
    html.hi-halloween .ui-dialog .ui-dialog-title {
        letter-spacing: .4px;
    }
    /* zaznaczenie tekstu i paski przewijania w dyniowo-fioletowych kolorach */
    html.hi-halloween ::selection {
        background: #ff7518;
        color: #1d0f2e;
    }
    html.hi-halloween {
        scrollbar-color: #8a4b1a #1d0f2e;
    }
    html.hi-halloween ::-webkit-scrollbar-thumb {
        background: #8a4b1a;
        border-radius: 6px;
    }
    html.hi-halloween ::-webkit-scrollbar-track {
        background: #1d0f2e;
    }
}
/* ==== Ekran „Proszę czekać…” zależny od szaty (tylko wygląd — logika pokazywania bez zmian; znacznik rysowany w miejscu dawnego obrazka) ====
   Forum 2026: obracające się okrągłe logo HI; Nowa odsłona HI: kapibara z Nowego Layoutu; Halloween: obracająca się dynia;
   Świąteczna: obracający się płatek śniegu. Obrazy lokalne (bez nowych zależności); przy wyłączonych animacjach statyczny znak + napis. */
@media screen {
    html.hi-lifting :is(.wait, .smallwait) p {
        color: var(--hi-s-tekst-2);
    }
    html.hi-forum :is(.wait, .smallwait) p::before {
        content: "";
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
        border-radius: 50%;
        background: url("/ang/assets/svg/hi-logo-small.svg") center / contain no-repeat;
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--hi-s-akcent) 22%, transparent);
        animation: hi-obrot 1.4s linear infinite;
    }
    html.hi-nl :is(.wait, .smallwait) p::before {
        content: "";
        width: 72px;
        height: 72px;
        margin: -36px 0 0 -36px;
        border-radius: 8px;
        background: url("/ang/assets/capibara/capibaraLoading.gif") center / contain no-repeat;
        box-shadow: none;
        animation: none;
    }
    html.hi-halloween :is(.wait, .smallwait) p::before {
        content: "\1F383";
        width: 36px;
        height: 36px;
        margin: -18px 0 0 -18px;
        border-radius: 0;
        background: none;
        box-shadow: none;
        font-size: 32px;
        line-height: 36px;
        text-align: center;
        transform-origin: center;
        animation: hi-obrot-y 2s linear infinite;
    }
    html.hi-swiateczna :is(.wait, .smallwait) p::before {
        content: "\2744\FE0F";
        width: 36px;
        height: 36px;
        margin: -18px 0 0 -18px;
        border-radius: 0;
        background: none;
        box-shadow: none;
        font-size: 30px;
        line-height: 36px;
        text-align: center;
        transform-origin: center;
        animation: hi-obrot 2.4s linear infinite;
    }
    /* mały ekran czekania (pod napisem jest 50 px miejsca): znak pod napisem, mniejszy */
    html:is(.hi-forum, .hi-nl) .smallwait p::before {
        top: auto;
        bottom: 3px;
        width: 44px;
        height: 44px;
        margin: 0 0 0 -22px;
        font-size: 28px;
        line-height: 44px;
    }
    @keyframes hi-obrot {
        to { transform: rotate(360deg); }
    }
    @keyframes hi-obrot-y {
        to { transform: rotateY(360deg); }
    }
}
@media screen and (prefers-reduced-motion: reduce) {
    html.hi-lifting :is(.wait, .smallwait) p::before {
        animation: none;
    }
}
/* kapibara ładowana z wyprzedzeniem (bez migotania przy pierwszym pokazaniu ekranu czekania) */
@media screen and (min-width: 1100px) {
    html.hi-nl body::after {
        content: url("/ang/assets/capibara/capibaraLoading.gif");
        position: absolute;
        left: -9999px;
        width: 1px;
        height: 1px;
        overflow: hidden;
        pointer-events: none;
    }
}

/* Szaty: wyszukiwarka w selectach */
html.hi-lifting .select2-dropdown.hi-select2-lista {
    min-width: 100%;
    max-width: 60vw;
}
html.hi-lifting .ui-dialog:has(.select2-container--open) {
    overflow: visible;
}
html.hi-lifting select.hi-select2 + .select2-container {
    max-width: 100%;
    vertical-align: middle;
}
html.hi-lifting .ui-dialog > .select2-container--open {
    z-index: 100000;
}

/* pajęczyny w narożnikach okna (tylko szerokie ekrany; w marginesach nagłówka, pod treścią, bez wpływu na kliknięcia i wydruk) i pająk na nitce */
@media screen and (min-width: 1100px) {
    html.hi-halloween body::before,
    html.hi-halloween body::after {
        content: "";
        position: fixed;
        top: 0;
        z-index: 0;
        pointer-events: none;
    }
    html.hi-halloween body::before {
        right: 0;
        width: 72px;
        height: 109px;
        opacity: .55;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='109' viewBox='0 0 72 109'%3E%3Cg fill='none' stroke='%23c9b8e0' stroke-width='1'%3E%3Cpath d='M72 0 L0 0 M72 0 L72 109 M72 0 L18 72 M72 0 L40 100 M72 0 L5 30'/%3E%3Cpath d='M72 16 Q58 16 58 0 M72 32 Q44 32 44 0 M72 50 Q30 50 30 0 M72 68 Q16 68 16 0'/%3E%3C/g%3E%3C/svg%3E") no-repeat top right;
    }
    html.hi-halloween body::after {
        content: "\1F577\FE0F";
        left: 26px;
        width: 20px;
        height: 62px;
        padding-top: 44px;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
        background: linear-gradient(rgba(201, 184, 224, .75), rgba(201, 184, 224, .75)) no-repeat 9px 0 / 1px 44px;
    }
    html.hi-halloween body .footer {
        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='60' viewBox='0 0 80 60'%3E%3Cg fill='none' stroke='%23c9b8e0' stroke-width='1' opacity='.7'%3E%3Cpath d='M0 60 L0 0 M0 60 L80 60 M0 60 L55 12 M0 60 L72 30 M0 60 L30 0'/%3E%3Cpath d='M0 44 Q16 44 16 60 M0 28 Q32 28 32 60 M0 12 Q48 12 48 60'/%3E%3C/g%3E%3C/svg%3E"),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='60' viewBox='0 0 80 60'%3E%3Cg fill='none' stroke='%23c9b8e0' stroke-width='1' opacity='.7' transform='translate(80,0) scale(-1,1)'%3E%3Cpath d='M0 60 L0 0 M0 60 L80 60 M0 60 L55 12 M0 60 L72 30 M0 60 L30 0'/%3E%3Cpath d='M0 44 Q16 44 16 60 M0 28 Q32 28 32 60 M0 12 Q48 12 48 60'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, right bottom;
        background-size: auto 100%, auto 100%;
    }
}

/* ==== Szata „Świąteczna” (profil → Szata graficzna): jasny wariant Forum z paletą zieleń–czerwień–złoto ====
   Klasy na <html>: `hi-lifting hi-forum hi-swiateczna` — struktura i widgety dziedziczą po szacie Forum (jasnej),
   zmieniają się zmienne --hi-s-* i drobne ozdoby (bez zmian układu; domyślnie bez animacji). Tylko ekran. */
@media screen {
    html.hi-forum.hi-swiateczna {
        --hi-s-schemat: light;
        --hi-s-tlo: #f7f1e8;
        --hi-s-powierzchnia: #fffaf2;
        --hi-s-powierzchnia-2: #f3ead9;
        --hi-s-hover: #ece1cb;
        --hi-s-naglowek: #fffaf2;
        --hi-s-menu: #1f5c3a;
        --hi-s-menu-akt: #174a2e;
        --hi-s-menu-pod: #174a2e;
        --hi-s-menu-tekst: #fdf6e8;
        --hi-s-menu-hover: rgba(255, 255, 255, .16);
        --hi-s-pasek: #1f5c3a;
        --hi-s-pasek-hover: #2a7449;
        --hi-s-pasek-akt: #174a2e;
        --hi-s-na-pasku: #ffffff;
        --hi-s-tekst: #1d2b22;
        --hi-s-tekst-2: #4f6355;
        --hi-s-link: #b3262e;
        --hi-s-ramka: #e0d6c0;
        --hi-s-ramka-mocna: #c9bb9f;
        --hi-s-th: #dfeadf;
        --hi-s-th-tekst: #1d2b22;
        --hi-s-filtr: #fbefd0;
        --hi-s-pole: #ffffff;
        --hi-s-akcent: #b3262e;
        --hi-s-akcent-hover: #9a1f26;
        --hi-s-akcent-btn: #b3262e;
        --hi-s-akcent-2: #c9a227;
        --hi-s-promien: 8px;
        --hi-s-cien: 0 2px 10px rgba(31, 92, 58, .16);
        --hi-s-cien-duzy: 0 12px 36px rgba(29, 43, 34, .3), 0 2px 8px rgba(29, 43, 34, .16);
        --hi-s-strzalka: #4f6355;
        --hi-s-strzalka-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%234f6355' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    /* klimat: złota linia pod górnym paskiem, pas lampek (bez animacji), fokus w złocie, zaznaczenie w czerwieni */
    html.hi-swiateczna body .topsettings2.hi-menu {
        box-shadow: 0 2px 0 #c9a227;
        background-image:
            radial-gradient(circle 2.5px at 10px 4px, #e5484d 96%, transparent),
            radial-gradient(circle 2.5px at 30px 4px, #f2c94c 96%, transparent),
            radial-gradient(circle 2.5px at 50px 4px, #5cc47e 96%, transparent),
            radial-gradient(circle 2.5px at 70px 4px, #8ab4f8 96%, transparent);
        background-repeat: repeat-x;
        background-size: 80px 8px;
        background-position: left bottom;
    }
    html.hi-swiateczna :is(a, button, input, select, textarea, [tabindex]):focus-visible {
        outline: 2px solid var(--hi-s-akcent-2);
        outline-offset: 1px;
    }
    html.hi-swiateczna ::selection {
        background: #b3262e;
        color: #ffffff;
    }
    html.hi-swiateczna {
        scrollbar-color: #2a7449 #f3ead9;
    }
    html.hi-swiateczna ::-webkit-scrollbar-thumb {
        background: linear-gradient(#2a7449, #b3262e);
        border-radius: 6px;
    }
    html.hi-swiateczna ::-webkit-scrollbar-track {
        background: #f3ead9;
    }
    html.hi-swiateczna body .footer {
        position: relative;
    }
    html.hi-swiateczna body .footer::after {
        content: "\1F384";
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        line-height: 1;
        pointer-events: none;
    }
    html.hi-swiateczna body .footer::before {
        content: "\2744\FE0F";
        position: absolute;
        left: 14px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        line-height: 1;
        pointer-events: none;
    }
}
/* delikatny śnieg w tle (statyczny; tylko szerokie ekrany, pod treścią, bez wpływu na kliknięcia) */
@media screen and (min-width: 1100px) {
    html.hi-swiateczna body {
        background-image:
            radial-gradient(circle 2px at 20px 30px, rgba(120, 150, 175, .55) 95%, transparent),
            radial-gradient(circle 1.5px at 90px 80px, rgba(120, 150, 175, .5) 95%, transparent),
            radial-gradient(circle 2.5px at 160px 20px, rgba(120, 150, 175, .45) 95%, transparent),
            radial-gradient(circle 1.5px at 230px 120px, rgba(120, 150, 175, .5) 95%, transparent),
            radial-gradient(circle 2px at 300px 60px, rgba(120, 150, 175, .5) 95%, transparent);
        background-size: 340px 160px;
        background-attachment: fixed;
    }
}


/* >>> D:kalendarze */
/* ==== Szaty: pulpit, kalendarze, poczta, klienci, raporty — kalendarze (FullCalendar): wspólne reguły dla szat z własną paletą ====
   Kalendarz nie jest już „jasną wyspą” w ciemnej palecie: siatka, nagłówek, weekendy, dzień dzisiejszy, okno „więcej”,
   widok tygodnia/dnia i lista biorą zmienne szaty (--hi-s-*), a kolory wydarzeń (wpisane z danych) zostają bez zmian. */
@media screen {
    html.hi-lifting .fc :is(td, th, thead, tbody, .fc-row, .fc-divider, .fc-popover, .fc-list-view, .fc-list-heading td, .fc-widget-header, .fc-widget-content, .fc-axis) {
        border-color: var(--hi-s-ramka) !important;
    }
    html.hi-lifting .fc :is(.fc-day, .fc-widget-content, .fc-week, .fc-row, .fc-time-grid-container, .fc-day-grid) {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .fc :is(.fc-widget-header, .fc-widget-header th, .fc-day-header) {
        background-color: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting .fc :is(.fc-sat, .fc-sun):is(.fc-day, .fc-bg td),
    html.hi-lifting .fc td.fc-nonbusiness.fc-bgevent,
    html.hi-lifting .fc .fc-nonbusiness {
        background: var(--hi-s-powierzchnia-2) !important;
        opacity: 1 !important;
    }
    html.hi-lifting .fc .fc-highlight {
        background: var(--hi-s-akcent) !important;
        opacity: .25 !important;
    }
    html.hi-lifting .fc .fc-day-number.fc-other-month {
        opacity: 1 !important;
    }
    html.hi-lifting .fc .fc-other-month:is(.fc-day, .fc-day-number) {
        background-color: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .fc .fc-day-number {
        background-color: transparent;
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .fc .fc-day-number.fc-other-month {
        color: var(--hi-s-tekst-2);
    }
    /* dzień dzisiejszy: tło w tonie akcentu, numer w akcencie o czytelnym kontraście */
    html.hi-lifting .fc td.fc-today.fc-day-number,
    html.hi-lifting .fc td.fc-day-number.fc-today,
    html.hi-lifting .fc .fc-today .fc-day-number {
        color: var(--hi-s-akcent-hover) !important;
        font-weight: 700;
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) .fc td.fc-today.fc-day-number,
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) .fc td.fc-day-number.fc-today,
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) .fc .fc-today .fc-day-number {
        color: #ffb454 !important;
    }
    html.hi-lifting .fc td.fc-week-number,
    html.hi-lifting .fc td.fc-week-number span,
    html.hi-lifting #fullcalendar-strona-glowna .fc-content-skeleton .fc-week-number {
        color: var(--hi-s-tekst-2) !important;
    }
    html.hi-lifting .fc .fc-state-disabled {
        opacity: .6;
    }
    /* okno „więcej” i podpowiedzi */
    html.hi-lifting .fc .fc-popover,
    html.hi-lifting .fc-more-popover {
        background-color: var(--hi-s-powierzchnia) !important;
        border-color: var(--hi-s-ramka-mocna) !important;
        border-radius: var(--hi-s-promien);
        box-shadow: var(--hi-s-cien-duzy);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .fc .fc-popover .fc-header,
    html.hi-lifting .fc .fc-divider {
        background: var(--hi-s-th) !important;
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting .fc .fc-popover .fc-header .fc-close {
        color: var(--hi-s-th-tekst) !important;
    }
    html.hi-lifting .fc a.fc-more {
        color: var(--hi-s-link);
    }
    /* widok tygodnia / dnia */
    html.hi-lifting .fc .fc-time-grid .fc-slats td {
        border-color: var(--hi-s-ramka);
        background-color: transparent;
    }
    html.hi-lifting .fc .fc-axis,
    html.hi-lifting .fc .fc-time-grid .fc-slats .fc-axis span {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .fc .fc-now-indicator {
        border-color: var(--hi-s-akcent);
    }
    /* widok listy */
    html.hi-lifting .fc .fc-list-heading td {
        background-color: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting .fc .fc-list-item td {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .fc .fc-list-item:hover td {
        background-color: var(--hi-s-hover);
    }
    html.hi-lifting .fc .fc-list-empty {
        background-color: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst-2);
    }
}
/* <<< D:kalendarze */

/* >>> D:raporty */
/* Szaty: raporty — lista raportów i zakładki kategorii (Przychodowy, Rankingi, Koszty…) bez jasnej wyspy */
@media screen {
    html.hi-lifting #raportytabs,
    html.hi-lifting #raportytabs.ui-widget-content,
    html.hi-lifting #raportytabs .ui-tabs-panel {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
        border-color: var(--hi-s-ramka);
    }
    html.hi-lifting #raportytabs .ui-tabs-nav li.ui-state-default:not(.ui-tabs-active) {
        background: var(--hi-s-th);
        border-color: var(--hi-s-ramka-mocna);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting #raportytabs .ui-tabs-nav li.ui-state-default:not(.ui-tabs-active) a.ui-tabs-anchor {
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting #raportytabs .ui-tabs-nav li.ui-state-default:not(.ui-tabs-active):hover {
        background: var(--hi-s-hover);
    }
    html.hi-lifting #raportytabs .ui-tabs-nav li.ui-tabs-active {
        background: var(--hi-s-pasek-akt);
        border-color: var(--hi-s-akcent);
        box-shadow: inset 0 -2px 0 var(--hi-s-akcent);
    }
    html.hi-lifting #raportytabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor {
        color: var(--hi-s-na-pasku);
    }
    html.hi-lifting #raportytabs table.raport-tabela :is(td, th) {
        border-color: var(--hi-s-ramka);
    }
    html.hi-lifting #raportytabs table.raport-tabela thead th {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting #raportytabs table.raport-tabela tbody tr:not(.zolta-apla):is(.even, :nth-child(even)) > td {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting #raportytabs table.raport-tabela tbody tr:not(.zolta-apla):is(.odd, :nth-child(odd)) > td {
        background-color: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting #raportytabs table.raport-tabela tbody tr:not(.zolta-apla):hover > td {
        background-color: var(--hi-s-hover);
    }
    html.hi-lifting #raportytabs a:not(.ui-tabs-anchor) {
        color: var(--hi-s-link);
    }
    html.hi-lifting #raportytabs :is(h3, .wprowadzanie-h3) {
        color: var(--hi-s-tekst-2);
    }
    /* wynik raportu (cTabela): pastelowe tła komórek wpisane w generatorze tabel — w ciemnych paletach na tokenach,
       z zachowaniem podziału na nagłówki, pierwsze kolumny, wartości i podsumowanie */
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) td.cTabela-komorka[style*="background" i] {
        background-color: var(--hi-s-powierzchnia) !important;
        color: var(--hi-s-tekst) !important;
        border-color: var(--hi-s-ramka);
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) td.cTabela-komorka:is([style*="#fff38d" i], [style*="#fff8c0" i], [style*="#fff9cb" i], [style*="#fffde8" i]) {
        background-color: var(--hi-s-th) !important;
        color: var(--hi-s-th-tekst) !important;
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) td.cTabela-komorka:is([style*="#edebe3" i], [style*="#e6e3d7" i]) {
        background-color: var(--hi-s-powierzchnia-2) !important;
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) td.cTabela-komorka[style*="#eae9fa" i] {
        background-color: var(--hi-s-hover) !important;
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) td.cTabela-komorka[style*="#b7bef9" i] {
        background-color: var(--hi-s-pasek) !important;
        color: var(--hi-s-na-pasku) !important;
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) div.kontenerprzyciskowglowny {
        background-color: var(--hi-s-powierzchnia) !important;
        border-color: var(--hi-s-ramka);
    }
}
/* <<< D:raporty */

/* >>> D:filtr */
/* Szaty: wiersz filtra/wyszukiwania nad listami — jeden token „wiersz filtra” zamiast żółtego/brzoskwiniowego/kremowego tła z szablonów */
@media screen {
    html.hi-forum:not(.hi-paleta-ciemna) { --hi-d-filtr: #ebe3f7; }
    html.hi-nl:not(.hi-paleta-ciemna) { --hi-d-filtr: #eef2f7; }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) { --hi-d-filtr: var(--hi-s-filtr); }
    html.hi-lifting :is(
        tr.zolta-apla, .zolta-apla.zolta-apla, table#filtryTab,
        [style*="#FCDC8A" i], [style*="252, 220, 138"], [style*="251, 220, 138"],
        [style*="#fbe9dc" i], [style*="#fce9dc" i], [style*="#fdf2e0" i]
    ):not(input):not(select):not(textarea):not(.kontener-widgetow *):not(.cke_contents *) {
        background-color: var(--hi-d-filtr) !important;
        border-color: var(--hi-s-ramka) !important;
    }
    html.hi-lifting tr.zolta-apla :is(td, th) {
        background-color: transparent;
        color: var(--hi-s-tekst);
    }
}
/* <<< D:filtr */

/* >>> D:picker */
/* Szaty: wybierak godziny (jQuery UI timepicker) — jak kalendarz wyboru daty, wszystko z tokenów szaty */
@media screen {
    html.hi-lifting #ui-timepicker-div.ui-timepicker {
        background: var(--hi-s-powierzchnia);
        border: 1px solid var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst);
        border-radius: var(--hi-s-promien-duzy);
        box-shadow: var(--hi-s-cien-duzy);
    }
    html.hi-lifting #ui-timepicker-div .ui-timepicker-table.ui-widget-content {
        background: transparent;
        border-color: transparent;
        color: var(--hi-s-tekst);
    }
    html.hi-lifting #ui-timepicker-div .ui-timepicker-title {
        background: var(--hi-s-pasek);
        border-color: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
        border-radius: var(--hi-s-promien);
        font-weight: 700;
    }
    html.hi-lifting #ui-timepicker-div :is(table.ui-timepicker, table.ui-timepicker tbody, table.ui-timepicker tr) {
        background: transparent;
    }
    html.hi-lifting #ui-timepicker-div table.ui-timepicker :is(th, th.periods) {
        background: transparent;
        border: 0;
        color: var(--hi-s-tekst-2);
        font-weight: 700;
    }
    html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) {
        background: transparent;
        border: 0;
    }
    html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) a.ui-state-default,
    html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) span.ui-state-default {
        background: var(--hi-s-powierzchnia-2);
        border: 1px solid var(--hi-s-ramka);
        color: var(--hi-s-tekst);
        border-radius: var(--hi-s-promien);
        font-weight: 400;
    }
    html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) a.ui-state-default:hover,
    html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) a.ui-state-default.ui-state-hover,
    html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) a.ui-state-default:focus {
        background: var(--hi-s-hover);
        border-color: var(--hi-s-ramka-mocna);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) a.ui-state-default.ui-state-active {
        background: var(--hi-s-akcent-btn) !important;
        border-color: var(--hi-s-akcent-btn);
        color: #ffffff;
        font-weight: 700;
    }
    html.hi-lifting #ui-timepicker-div :is(td.ui-timepicker-hour-cell, td.ui-timepicker-minute-cell) span.ui-state-default,
    html.hi-lifting #ui-timepicker-div .ui-state-disabled span {
        background: transparent;
        border-color: transparent;
        color: var(--hi-s-tekst-2);
        opacity: .55;
    }
    html.hi-lifting #ui-timepicker-div .ui-timepicker-buttonpane {
        border-top: 1px solid var(--hi-s-ramka);
        background: transparent;
    }
    html.hi-lifting #ui-timepicker-div .ui-timepicker-buttonpane button {
        background: var(--hi-s-th);
        border: 1px solid var(--hi-s-ramka-mocna);
        color: var(--hi-s-th-tekst);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting #ui-timepicker-div .ui-timepicker-buttonpane button:hover {
        background: var(--hi-s-hover);
    }
    html.hi-lifting :is(#ui-datepicker-div, #ui-timepicker-div) :is(tr, tbody, thead) {
        background: transparent !important;
    }
}
/* <<< D:picker */
html.hi-lifting .select2-results__option mark.hi-select2-trafienie {
    background: transparent;
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    text-decoration-color: var(--hi-s-akcent, currentColor);
}
html.hi-lifting .select2-dropdown .select2-search__field:focus {
    outline: 2px solid var(--hi-s-akcent, #e46621);
    outline-offset: 1px;
}


/* >>> D:obloz */
/* Szaty: obłożenie sal — siatka dni × sale bez jasnej wyspy; kolory kafelków rezerwacji (z danych) bez zmian */
@media screen {
    html.hi-lifting :is(.oblozenie-sal, .obs-kontener-glowny) {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .oblozenie-sal :is(.obs-komorka, .obs-zestawienie-komorka, .obs-zestawienie) {
        border-color: var(--hi-s-ramka);
    }
    html.hi-lifting .oblozenie-sal .obs-komorka .obs-komorka__wiersz:not(:last-child) {
        border-bottom-color: var(--hi-s-ramka);
    }
    html.hi-lifting .oblozenie-sal :is(.obs-komorka--kategoria, .obs-komorka-zawartosc__kontener--kategoria) {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting .oblozenie-sal :is(.obs-komorka--obszar, .obs-komorka-zawartosc__kontener--obszar) {
        background: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
    }
    html.hi-lifting .oblozenie-sal .obs-komorka--dzien_weekend,
    html.hi-lifting .oblozenie-sal .obs-wiersz--dzien_weekend {
        background: var(--hi-s-hover) !important;
    }
    html.hi-lifting .oblozenie-sal .obs-kontener__wiersz--naglowek {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting .oblozenie-sal .obs-kontener__wiersz--podsumowanie {
        background: var(--hi-d-filtr);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .oblozenie-sal .obs-zestawienie {
        background: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .obs-kontener-glowny :is(h2, h3) {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting .obs-filtr-kontener label {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .oblozenie-sal .obs-filtr-element :is(.select2-selection--single, input.obs-input-text, button.ui-multiselect) {
        background-color: var(--hi-s-pole);
        color: var(--hi-s-tekst);
        border-color: var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .oblozenie-sal .select2-selection__rendered {
        color: var(--hi-s-tekst);
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) .oblozenie-sal :is(.obs-zestawienie-komorka__przychod-netto, .obs-zestawienie-komorka__podzial-etykiety > div, .obs-zestawienie-komorka__podzial-etykiety > div span, .obs-zestawienie-komorka__przychod-netto span, [style*="rgb(198, 0, 0)" i], [style*="#c60000" i], [style*="color:red" i], [style*="color: red" i]) {
        color: #ff8f8f !important;
    }
}
/* <<< D:obloz */

/* >>> D:profil */
/* Szaty: edytor tekstu (CKEditor) i okno profilu — obszar edycji na ciemnej powierzchni w ciemnych paletach (tylko prezentacja, treść stopki zostaje bez zmian) */
@media screen {
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) :is(.cke_inner, .cke_chrome, .cke_contents, .cke_wysiwyg_div, .cke_wysiwyg_frame, .cke_bottom) {
        background-color: var(--hi-s-pole) !important;
        color: var(--hi-s-tekst);
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) .cke_top {
        background-color: var(--hi-s-powierzchnia-2) !important;
        border-bottom-color: var(--hi-s-ramka) !important;
    }
    /* ciemne kolory tekstu wpisane w treści (np. czarny) są na ekranie jaśniejsze, żeby nie znikały na ciemnym tle */
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) .cke_wysiwyg_div :is(
        [style*="color: rgb(0, 0, 0)" i], [style*="color:#000" i], [style*="color: #000" i], [style*="color:black" i], [style*="color: black" i],
        [style*="color: rgb(51, 51, 51)" i], [style*="color:#333" i], [style*="color: #333" i], font[color="#000000" i], font[color="black" i]
    ) {
        color: var(--hi-s-tekst) !important;
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) .cke_wysiwyg_div a { color: var(--hi-s-link); }
    /* ikony paska narzędzi to czarne piktogramy — w ciemnych paletach jasne */
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) :is(a.cke_button, a.cke_combo_button) .cke_button_icon,
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) :is(.cke_toolbox, .cke_top) .cke_button__source_icon {
        filter: invert(1) brightness(1.15);
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) a.cke_button_disabled .cke_button_icon {
        filter: invert(1) brightness(.7);
        opacity: .6;
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) :is(.cke_combo_arrow, .cke_button_arrow) {
        border-top-color: var(--hi-s-tekst-2);
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) .cke_path_item,
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) .cke_path_empty {
        color: var(--hi-s-tekst-2);
    }
    /* podpis pod zdjęciem profilowym i jednolity cienki pierścień fokusu przycisków/list w oknach */
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) .nazwaPliku,
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) .nazwaPliku span {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting .ui-dialog :is(button, select, a.button, .ui-button):focus,
    html.hi-lifting .ui-dialog :is(button, select, a.button, .ui-button):focus-visible {
        outline: 2px solid var(--hi-s-akcent);
        outline-offset: 1px;
        box-shadow: none;
    }
    html:not(.hi-paleta-ciemna):is(.hi-forum, .hi-nl) .ui-dialog label span.white {
        color: var(--hi-s-akcent-hover);
    }
}
/* <<< D:profil */

/* >>> D:klienci */
/* Szaty: baza klientów i komunikaty ładowania */
@media screen {
    html.hi-lifting div.smallwait > p,
    html.hi-lifting div.smallwait p {
        color: var(--hi-s-tekst-2);
    }
    /* licznik na zielonej plakietce karty klienta (biały na jasnozielonym był nieczytelny) */
    html.hi-lifting .rect-chart .label-element.green {
        color: #052b05;
    }
}
/* <<< D:klienci */
/* ==== Szaty: Imprezy — wspólne reguły dla szat z własną paletą (Forum 2026, Nowa odsłona HI, Halloween; jasne i ciemne) ==== */
@media screen {
    /* boksy terminów w karcie imprezy: powierzchnia szaty zamiast barwy filtra (brąz / brzoskwinia z klasycznej palety) */
    html.hi-lifting #tabelarycznie > .main .impreza .flex > :is(.termin-podpisania-umowy, .termin-waznosci-oferty, .termin-bezkosztowej-anulacji, .termin-potwierdzenia),
    html.hi-lifting #tabelarycznie > .main .impreza .flex.terminy > div {
        background: var(--hi-s-powierzchnia-2);
        border: 1px solid var(--hi-s-ramka);
    }

    /* znacznik synchronizacji: pigułka z powierzchni szaty (klasyczny arkusz wymusza jasne tło przez !important) */
    html.hi-lifting #tabelarycznie h4 > span.przycisk {
        background: var(--hi-s-powierzchnia-2) !important;
        border: 1px solid var(--hi-s-ramka-mocna) !important;
        color: var(--hi-s-tekst) !important;
        padding: 2px 12px 2px 10px;
        white-space: nowrap;
        overflow: visible;
    }
    html.hi-lifting #tabelarycznie h4 > span.przycisk .ui-button-text {
        background: transparent !important;
        color: inherit !important;
        padding: 0 !important;
        overflow: visible;
    }
    html.hi-lifting #tabelarycznie h4 > span.przycisk strong {
        color: inherit !important;
        overflow: visible;
    }
    html.hi-lifting #tabelarycznie h4 > span.przycisk#api_sync {
        background: var(--hi-s-th) !important;
        border-color: var(--hi-s-ramka-mocna) !important;
        color: var(--hi-s-th-tekst) !important;
    }
    html.hi-lifting #tabelarycznie h4 > span.przycisk#api_sync:hover {
        background: var(--hi-s-hover) !important;
        border-color: var(--hi-s-akcent) !important;
    }

    /* plan imprez: nagłówek tabeli w beżu klasycznej palety */
    html.hi-lifting .tabela-plan-imprez :is(thead.background-lightbrown, thead.background-lightbrown th),
    html.hi-lifting .tabela-plan-imprez tr.height450 {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting .tabela-plan-imprez tr.height450 {
        background: transparent;
    }

    /* menu karty imprezy (hamburger): lista z polem „Filtruj” */
    html.hi-lifting #dropdown_list {
        background: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
        border: 1px solid var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
        box-shadow: var(--hi-s-cien-duzy);
    }
    html.hi-lifting #dropdown_list ul > li {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting #dropdown_list ul > li:hover,
    html.hi-lifting #dropdown_list ul > li:focus-visible {
        background: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
    }
    html.hi-lifting #dropdown_list input#dropdown_filter {
        background: var(--hi-s-pole);
        color: var(--hi-s-tekst);
        border-color: var(--hi-s-ramka-mocna);
    }

    /* warunki płatności i rozliczenia: wiersze grup kosztów (białe tło z jasnym tekstem szaty) i bloki w beżu klasycznej palety */
    html.hi-lifting :is(tr.grupa-koszt, tr.grupa-koszt > td) {
        background: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting div.background-lightbrown:not(.kontener-widgetow *) {
        background: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting div.background-brown:not(.kontener-widgetow *) {
        background: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }
    html.hi-lifting .ui-dialog form h2.text-center {
        color: var(--hi-s-tekst-2);
    }
    /* przycisk wyróżniony (np. „Zaakceptuj”): akcent szaty zamiast żółtego z białym napisem */
    html.hi-lifting :is(.button-hilit, span.przycisk.button-hilit .ui-button-text) {
        background: var(--hi-s-akcent-btn);
        border-color: var(--hi-s-akcent-btn);
        color: #fff;
    }

    /* podgląd dokumentu w oknie (kartka): pasek tytułu dokumentu ma kolory zapisane w treści, więc bez tła szaty */
    html.hi-lifting .kontener-widgetow .widget h3:has(span[style*="color"]) {
        background: transparent;
    }

    /* komunikat „Wymagane ustawienia” w nowej imprezie: tło i tekst zawsze jako para z palety szaty */
    html.hi-lifting #tabelarycznie .impreza > .ustawienia {
        background: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst);
        border: 1px solid var(--hi-s-akcent);
        border-radius: var(--hi-s-promien);
    }
    html.hi-lifting #tabelarycznie .impreza > .ustawienia :is(p, strong, li) {
        color: var(--hi-s-tekst);
    }

    /* Klasyczna (odświeżona) i jej ciemny odpowiednik (ta sama baza): kontrast elementów w kolorze khaki (biały napis na #9d8d7b ≈ 3,2:1)
       — ciemniejszy brąz z reszty szaty, jasny tekst stopki i separatorów menu, ciemniejsze etykiety górnego paska */
    html.hi-lifting:not(.hi-forum):not(.hi-nl) body :is(table thead.main th, .box.solbox .headings h2:not(.active), .ui-tabs .ui-tabs-nav:not(.nav-tabs) li:not(.ui-tabs-active) a, #generuj_punkty, thead.sala th, span.przycisk:not(.button-hilit):not(h4 *) > .ui-button-text),
    html.hi-lifting:not(.hi-forum):not(.hi-nl) body .prawa-przyciski .box .button:not([style*="background"]) {
        background-color: var(--hi-s-pasek);
    }
    html.hi-lifting:not(.hi-forum):not(.hi-nl) body .topsettings2.hi-menu #topmenu > ul > li > a:not(.actual) {
        color: var(--hi-s-menu-tekst);
    }
    html.hi-lifting:not(.hi-forum):not(.hi-nl) body > .footer {
        background-color: var(--hi-s-pasek);
    }
    html.hi-lifting:not(.hi-forum):not(.hi-nl) body > .footer :is(p.left, p.right, a, #stopka-klient-kontener, #stopka-klient-kontener a) {
        color: var(--hi-s-na-pasku);
    }
    html.hi-lifting:not(.hi-forum):not(.hi-nl) .topsettings2.hi-menu #topmenu > ul > li.separator > span {
        color: color-mix(in srgb, var(--hi-s-menu-tekst) 70%, transparent);
    }
    html.hi-lifting:not(.hi-forum):not(.hi-nl) .topmenu .tr .anchor :is(.label, .dataczas) {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting:not(.hi-forum):not(.hi-nl) #tabelarycznie > .top :is(.typ_imprezy_text, .grupa-ikona) {
        filter: brightness(1.75) saturate(1.15);
    }

    /* pasek danych imprezy w ciemnej Nowej odsłonie HI (szary pasek): bursztyn o wyższej jasności, żeby wartości miały ≥4,5:1 */
    html.hi-nl.hi-paleta-ciemna #tabelarycznie > .top :is(strong, .grupa-ikona):not(.typ_imprezy_text) {
        color: #ffc233;
    }

    /* wiersz z kolorem zapisanym w treści (np. klasyfikacja klienta w oknie wyboru klienta): komórki dziedziczą kolor
       wiersza zamiast tekstu szaty, inaczej ciemny tekst ląduje na ciemnozielonym tle */
    html.hi-lifting tr[style*="color"] > td,
    html.hi-lifting tr[style*="color"] > td > span.td-zawartosc {
        color: inherit;
    }
    /* inicjały i kody z kolorem znaczeniowym zapisanym w treści (sprzedawca, typ imprezy): rozjaśnione w szatach ciemnych,
       przyciemnione w jasnych, żeby zachować odcień i mieć czytelny kontrast */
    html.hi-lifting.hi-paleta-ciemna :is(#wszystkie-imprezy-tabela, #klienci-tabela) :is(b, span.text-bold)[style*="color"],
    html.hi-lifting.hi-paleta-ciemna #dropdown_list ul > li > span:is([style*="color"], .grupa-ikona) {
        filter: brightness(1.7) saturate(1.1);
    }
    html.hi-lifting:not(.hi-paleta-ciemna):not(.hi-ciemna) :is(#wszystkie-imprezy-tabela, #klienci-tabela) :is(b, span.text-bold)[style*="color"],
    html.hi-lifting:not(.hi-paleta-ciemna):not(.hi-ciemna) #dropdown_list ul > li > span:is([style*="color"], .grupa-ikona) {
        filter: brightness(.72) saturate(1.1);
    }

    /* plan imprez w szatach ciemnych: komórki w jaskrawych kolorach znaczeniowych (grupy sal, wyróżnienia) przyciemnione
       nakładką z powierzchni szaty — odcień zostaje, jasny tekst ma ≥4,5:1 */
    html.hi-lifting.hi-paleta-ciemna .tabela-plan-imprez :is(th, td)[style*="background"],
    html.hi-lifting.hi-paleta-ciemna .tabela-plan-imprez tr[style*="background"] > :is(th, td) {
        box-shadow: inset 0 0 0 100vmax color-mix(in srgb, var(--hi-s-powierzchnia) 65%, transparent);
        color: var(--hi-s-tekst) !important;
    }
    html.hi-lifting.hi-paleta-ciemna .tabela-plan-imprez :is(th, td)[style*="background"] *,
    html.hi-lifting.hi-paleta-ciemna .tabela-plan-imprez tr[style*="background"] > :is(th, td) * {
        color: inherit;
    }

    /* podgląd dokumentu w oknie (specyfikacja, podsumowanie, umowa…) to „kartka”: w szatach ciemnych dostaje jasną paletę,
       żeby reguły na tokenach nie dawały jasnego tekstu na białym papierze */
    html.hi-lifting:is(.hi-paleta-ciemna, .hi-ciemna) .ui-dialog .kontener-widgetow {
        --hi-s-schemat: light;
        --hi-s-tlo: #ffffff;
        --hi-s-powierzchnia: #ffffff;
        --hi-s-powierzchnia-2: #f5f1fa;
        --hi-s-hover: #ebe3f6;
        --hi-s-tekst: #1a0a2e;
        --hi-s-tekst-2: #5b4a78;
        --hi-s-link: #5b2d9e;
        --hi-s-ramka: #ddd3ec;
        --hi-s-ramka-mocna: #c4b5de;
        --hi-s-th: #e5dcf2;
        --hi-s-th-tekst: #1a0a2e;
        --hi-s-filtr: #fbeadf;
        --hi-s-pole: #ffffff;
        --hi-s-strzalka: #5b4a78;
        color-scheme: light;
        color: #1a0a2e;
    }

    /* rozliczenia: różnica wartości (zielona/czerwona z kodu) i status w tytule okna — przyciemnione w szatach jasnych */
    html.hi-lifting:not(.hi-paleta-ciemna):not(.hi-ciemna) :is(.roznica-wartosci-netto, .roznica-wartosci-brutto),
    html.hi-lifting:not(.hi-paleta-ciemna):not(.hi-ciemna) .ui-dialog-title strong[style*="color"] {
        filter: brightness(.45);
    }
    html.hi-lifting:is(.hi-forum, .hi-nl) .kopiuj-platnosc > a {
        background-color: var(--hi-s-akcent-btn) !important;
        border-color: var(--hi-s-akcent-btn) !important;
    }

    /* karta projektu: etykiety pól */
    html.hi-lifting .kp-form .kp-field label {
        color: var(--hi-s-tekst-2);
    }
}

/* ==== Szaty: mapowanie jasnych teł i ciemnych tekstów klasycznych arkuszy na tokeny szat ====
   Klasyczne arkusze ustawiają biel, krem, żółć i brąz wprost w regułach klas — w ciemnych szatach zostawały jasne pasy
   z jasnym tekstem albo ciemny tekst na ciemnym tle (belka kategorii i cen menu, listy rozwijane select2, pola, wiersze
   raportów i planów, kreator karty projektu, edytor Trumbowyg, formularz Automatyzacji, komunikaty, podświetlenie wiersza po
   zapisie). Selektory powtarzają klasyczne (z identyfikatorami), więc o wygranej decyduje kolejność; tam, gdzie klasyczna
   reguła ma !important, ta też. Kolory znaczeniowe (błąd, sukces, ostrzeżenie, wyróżnienie) zostają znaczeniowe — zmienia się
   jasność tła i para tło–tekst. Tylko ekran. */
@media screen {
    html.hi-lifting.hi-paleta-ciemna #ajaxMessage .prezentacja,
    html.hi-lifting.hi-paleta-ciemna #baloontip,
    html.hi-lifting.hi-paleta-ciemna #dropdown_list,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .element,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .element .opcje button.dodajopcje,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .sekcja,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .sekcja > .kp-akcje-sekcji button,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-gora,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-narzedzia .kp-przycisk,
    html.hi-lifting.hi-paleta-ciemna #laczenieKlientow h2 span,
    html.hi-lifting.hi-paleta-ciemna #opt_ustawienia_sali .ustawienieSali .tools .inputdiv .input,
    html.hi-lifting.hi-paleta-ciemna #podgladKlientaNowy .clientStats .clientStats-element > div,
    html.hi-lifting.hi-paleta-ciemna #select_version,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza > .notatki > label,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza > .uwagi_dodatkowe > label,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main table.sale .uwagi_i_notatki > .tresc .notatki ul > li > div:first-child,
    html.hi-lifting.hi-paleta-ciemna .analysis-input,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-pozycje,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-rodzaj,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-rodzaj-wlaczony,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-szybki-zakres,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-ustawienia-sekcji,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-wzor,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-wzory,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz label.automatyzacja-dzien,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-pobieranie,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-podglad-maila iframe.automatyzacja-podglad-tresc,
    html.hi-lifting.hi-paleta-ciemna .background-white,
    html.hi-lifting.hi-paleta-ciemna .divval .status1,
    html.hi-lifting.hi-paleta-ciemna .galeria .box #myscroll-inside,
    html.hi-lifting.hi-paleta-ciemna .galeria .box #myscroll-inside .buttons,
    html.hi-lifting.hi-paleta-ciemna .listaDostepnychCennikow > ul > li,
    html.hi-lifting.hi-paleta-ciemna .listaDostepnychCennikowSal > ul > li,
    html.hi-lifting.hi-paleta-ciemna .menu-belka-ceny,
    html.hi-lifting.hi-paleta-ciemna .menu-belka-nazwa,
    html.hi-lifting.hi-paleta-ciemna .phoneIntegration,
    html.hi-lifting.hi-paleta-ciemna .phoneIntegration-list,
    html.hi-lifting.hi-paleta-ciemna .pi-podpowiedz,
    html.hi-lifting.hi-paleta-ciemna .plan-pozycja.odd,
    html.hi-lifting.hi-paleta-ciemna .pms-filtr,
    html.hi-lifting.hi-paleta-ciemna .podnies_ceny,
    html.hi-lifting.hi-paleta-ciemna .promocja-web,
    html.hi-lifting.hi-paleta-ciemna .ranking-pozycja.odd,
    html.hi-lifting.hi-paleta-ciemna .raport-pozycja.odd,
    html.hi-lifting.hi-paleta-ciemna .select2-container--classic .select2-dropdown,
    html.hi-lifting.hi-paleta-ciemna .select2-container--classic .select2-selection--multiple,
    html.hi-lifting.hi-paleta-ciemna .select2-dropdown,
    html.hi-lifting.hi-paleta-ciemna .sgp-podpowiedz,
    html.hi-lifting.hi-paleta-ciemna .solution-input,
    html.hi-lifting.hi-paleta-ciemna .solutionSelect,
    html.hi-lifting.hi-paleta-ciemna .status1,
    html.hi-lifting.hi-paleta-ciemna .styled-select-jednostki,
    html.hi-lifting.hi-paleta-ciemna .tableelementy,
    html.hi-lifting.hi-paleta-ciemna .tableelementy tbody tr,
    html.hi-lifting.hi-paleta-ciemna .tableelementy tbody tr:nth-child(even),
    html.hi-lifting.hi-paleta-ciemna .tooltip .tooltiptext,
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-modal-box .trumbowyg-modal-title,
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-modal-box label .trumbowyg-input-infos span,
    html.hi-lifting.hi-paleta-ciemna .ucpmess .komunikat,
    html.hi-lifting.hi-paleta-ciemna .ui-widget-content,
    html.hi-lifting.hi-paleta-ciemna .wiadomosc-email .htmltext,
    html.hi-lifting.hi-paleta-ciemna .wiadomosc-email .plaintext,
    html.hi-lifting.hi-paleta-ciemna .widget-formatowanie-tekstu,
    html.hi-lifting.hi-paleta-ciemna .widget-formatowanie-tekstu .guzik,
    html.hi-lifting.hi-paleta-ciemna .zaawansowane tbody:nth-child(even) td,
    html.hi-lifting.hi-paleta-ciemna .zaawansowane tbody:nth-child(odd) td,
    html.hi-lifting.hi-paleta-ciemna body .wybor_poczatku_imprezy,
    html.hi-lifting.hi-paleta-ciemna body .wybor_rodzaju_eventu,
    html.hi-lifting.hi-paleta-ciemna div.kontenerprzyciskowglowny.sticky-dol,
    html.hi-lifting.hi-paleta-ciemna table tbody tr,
    html.hi-lifting.hi-paleta-ciemna table tbody tr.even {
        background-color: var(--hi-s-powierzchnia);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna #body .prawa-przyciski .menu-header,
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css,
    html.hi-lifting.hi-paleta-ciemna .ui-multiselect {
        background-color: var(--hi-s-powierzchnia) !important;
        color: var(--hi-s-tekst) !important;
    }

    html.hi-lifting.hi-paleta-ciemna #ajaxMessage .msg,
    html.hi-lifting.hi-paleta-ciemna #ajaxMessage .prezentacja .item2 .insideitem,
    html.hi-lifting.hi-paleta-ciemna #body .calendar .apla,
    html.hi-lifting.hi-paleta-ciemna #body .ustawienia-sali-zakryte .ustawienia-sali-zakryte-inside,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .element .kp-typ,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .sekcja > .kp-naglowek,
    html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .edytuj-schemat,
    html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .kreator-loz .edytor > div.schemat .boczneNarzedzia .wielkoscKropki .kropka,
    html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .kreator-loz .loze,
    html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .kreator-loz .schematy,
    html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .kreator-loz .schematy ul > li.active,
    html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .edytuj-schemat,
    html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .dzien-sala,
    html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .rezerwacje,
    html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .schematy,
    html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .schematy ul > li.active,
    html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .modal-error > div,
    html.hi-lifting.hi-paleta-ciemna #lozeTooltip,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza .ustawienia,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main table.sale tbody tr.uwagi_i_notatki td,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main table.sale tbody.sala tr.head th,
    html.hi-lifting.hi-paleta-ciemna #tr_sala_przedzial_szablon_stopka td,
    html.hi-lifting.hi-paleta-ciemna .analysis-background,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-filtr,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-krok-blad,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-ostrzezenie-luki,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-podsumowanie th,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-zmienna,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-lista .automatyzacja-znacznik-bledu,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-lista .automatyzacja-znacznik-bledu-czesciowy,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-ostrzezenie,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-info,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-lista th,
    html.hi-lifting.hi-paleta-ciemna .background-brown,
    html.hi-lifting.hi-paleta-ciemna .background-lightblue,
    html.hi-lifting.hi-paleta-ciemna .background-lightbrown,
    html.hi-lifting.hi-paleta-ciemna .kartaprojektuprezentacja .notatki,
    html.hi-lifting.hi-paleta-ciemna .kartaprojektuprezentacja .nowanotatka,
    html.hi-lifting.hi-paleta-ciemna .kp-lista-strona table.kp-lista th,
    html.hi-lifting.hi-paleta-ciemna .kp-status.kp-status-wylaczony,
    html.hi-lifting.hi-paleta-ciemna .panelsrodek .uwagi,
    html.hi-lifting.hi-paleta-ciemna .plan-pozycja.even .plan-nazwa-pozycji,
    html.hi-lifting.hi-paleta-ciemna .plan-pozycja.odd .plan-nazwa-pozycji,
    html.hi-lifting.hi-paleta-ciemna .planaktywnosci .dropdown-content,
    html.hi-lifting.hi-paleta-ciemna .ranking-pozycja.even,
    html.hi-lifting.hi-paleta-ciemna .raport-nazwa-grupy,
    html.hi-lifting.hi-paleta-ciemna .raport-pozycja.even .raport-nazwa-pozycji,
    html.hi-lifting.hi-paleta-ciemna .raport-pozycja.odd .raport-nazwa-pozycji,
    html.hi-lifting.hi-paleta-ciemna .select2-container--classic .select2-selection--single,
    html.hi-lifting.hi-paleta-ciemna .tlo-rozowe,
    html.hi-lifting.hi-paleta-ciemna .ui-state-error,
    html.hi-lifting.hi-paleta-ciemna .ui-widget-content .ui-state-error,
    html.hi-lifting.hi-paleta-ciemna .ui-widget-header .ui-state-error,
    html.hi-lifting.hi-paleta-ciemna .ustawienia-wybrane-overlay,
    html.hi-lifting.hi-paleta-ciemna .wiadomosc-email,
    html.hi-lifting.hi-paleta-ciemna .wybrane-scroll,
    html.hi-lifting.hi-paleta-ciemna table.nowaTabela tbody tr.error td,
    html.hi-lifting.hi-paleta-ciemna table.nowaTabela tbody tr.warning td,
    html.hi-lifting.hi-paleta-ciemna table.przychody tbody .even td,
    html.hi-lifting.hi-paleta-ciemna table.przychody tbody .even td.mh,
    html.hi-lifting.hi-paleta-ciemna table.przychody tbody .odd td.mh,
    html.hi-lifting.hi-paleta-ciemna table.tabelagratisow tr.gratisy-odd td,
    html.hi-lifting.hi-paleta-ciemna table.tabelarabatow tr.rabaty-odd td,
    html.hi-lifting.hi-paleta-ciemna table.tabelawynikow tr.wyniki-odd td,
    html.hi-lifting.hi-paleta-ciemna table.wyniki-na-sprzedaz tbody .odd td,
    html.hi-lifting.hi-paleta-ciemna table.wyniki-na-sprzedaz tbody .odd td.mh,
    html.hi-lifting.hi-paleta-ciemna tr.background-lightbrown > .waluta-kurs-styl {
        background-color: var(--hi-s-powierzchnia-2);
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna .wprowadzanie-publikowane-tlo {
        background-color: var(--hi-s-powierzchnia-2) !important;
        color: var(--hi-s-tekst) !important;
    }

    html.hi-lifting.hi-paleta-ciemna .plan-drugi-podsumowanie,
    html.hi-lifting.hi-paleta-ciemna .plan-naglowek-1,
    html.hi-lifting.hi-paleta-ciemna .plan-naglowek-1i2,
    html.hi-lifting.hi-paleta-ciemna .plan-naglowek-2,
    html.hi-lifting.hi-paleta-ciemna .plan-naglowek-belka,
    html.hi-lifting.hi-paleta-ciemna .plan-naglowek-prawdziwa-belka,
    html.hi-lifting.hi-paleta-ciemna .ranking-naglowek,
    html.hi-lifting.hi-paleta-ciemna .raport-naglowek-2,
    html.hi-lifting.hi-paleta-ciemna .tabela-podsumowanie th,
    html.hi-lifting.hi-paleta-ciemna .tabela-podsumowanie tr.typ td,
    html.hi-lifting.hi-paleta-ciemna table.przychody thead .throw1 th,
    html.hi-lifting.hi-paleta-ciemna table.przychody thead .throw2 th,
    html.hi-lifting.hi-paleta-ciemna th.raport-naglowek {
        background-color: var(--hi-s-th);
        color: var(--hi-s-th-tekst);
    }

    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .element .opcje button.dodajopcje:hover,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .sekcja > .kp-akcje-sekcji button:hover,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-narzedzia .kp-przycisk:hover,
    html.hi-lifting.hi-paleta-ciemna .tableelementy tbody tr:hover,
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
        background-color: var(--hi-s-hover);
        color: var(--hi-s-tekst);
    }

    html.hi-lifting.hi-paleta-ciemna #komunikatOstrzezenie,
    html.hi-lifting.hi-paleta-ciemna #laczenieKlientow .osobydokontaktu .osoba.usuniety,
    html.hi-lifting.hi-paleta-ciemna .aktywnosc-wiersz-anulowane,
    html.hi-lifting.hi-paleta-ciemna .apla-niedostepny,
    html.hi-lifting.hi-paleta-ciemna .bledy-kontener,
    html.hi-lifting.hi-paleta-ciemna .error__Handler,
    html.hi-lifting.hi-paleta-ciemna .komunikat-bledow-systemu {
        background-color: rgba(229, 62, 62, .2);
        color: #ffc9c9;
        border-color: rgba(229, 62, 62, .6);
    }

    html.hi-lifting.hi-paleta-ciemna #komunikatPotwierdzenie,
    html.hi-lifting.hi-paleta-ciemna .background-lightgray {
        background-color: rgba(46, 160, 67, .2);
        color: #b7f0c0;
        border-color: rgba(46, 160, 67, .6);
    }

    html.hi-lifting.hi-paleta-ciemna .cWebUzytkownicyKRD p.info,
    html.hi-lifting.hi-paleta-ciemna .komunikatOstrzezenia,
    html.hi-lifting.hi-paleta-ciemna .komunikatOstrzezenia2,
    html.hi-lifting.hi-paleta-ciemna .wiadomosc-email .warning {
        background-color: rgba(245, 190, 40, .18);
        color: #fde7a0;
        border-color: rgba(245, 190, 40, .55);
    }

    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #dodajnowasekcje,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #dodajnowasekcje:hover,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .kp-zwin:hover,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .remove button:hover,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .updown button:hover,
    html.hi-lifting.hi-paleta-ciemna .aktywnosci-glowna table tbody tr td .zalaczniki li:hover,
    html.hi-lifting.hi-paleta-ciemna .kp-lista-strona table.kp-lista .kp-akcje .kp-kopiuj:hover,
    html.hi-lifting.hi-paleta-ciemna .potrawy-box #potrawy-tabela tr:hover > td,
    html.hi-lifting.hi-paleta-ciemna .potrawy-box .potrawy-oe tbody tr:hover > td,
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-dropdown button:hover {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-dropdown button {
        color: var(--hi-s-tekst) !important;
    }

    html.hi-lifting #ajaxMessage .prezentacja .buttons span.wybierz,
    html.hi-lifting #body .scrollbtn,
    html.hi-lifting #podgladKlientaNowy .clientStats .clientStats-element .rect-chart .label-element.orange,
    html.hi-lifting #tabelarycznie > .bottom > ul > li button,
    html.hi-lifting #tabelarycznie > .main table.sale td button,
    html.hi-lifting .automatyzacja-formularz .automatyzacja-kroki li.aktywny .automatyzacja-kroki-numer,
    html.hi-lifting div.przewijaj div.w-dol,
    html.hi-lifting div.przewijaj div.w-gore {
        background-color: var(--hi-s-akcent-btn, #c24e10);
        color: #fff;
    }
    html.hi-lifting .button-hilit,
    html.hi-lifting .button-hilit.ui-button-text-only,
    html.hi-lifting .scroll-aktywny-hover,
    html.hi-lifting .ui-button.ui-button-highlight,
    html.hi-lifting .ui-state-active,
    html.hi-lifting .ui-widget-content .ui-state-active,
    html.hi-lifting .ui-widget-header .ui-state-active,
    html.hi-lifting .wersja-wybrana {
        background-color: var(--hi-s-akcent-btn, #c24e10) !important;
        color: #fff !important;
    }

    html.hi-lifting:not(.hi-paleta-ciemna) .bledy-kontener,
    html.hi-lifting:not(.hi-paleta-ciemna) .error__Handler,
    html.hi-lifting:not(.hi-paleta-ciemna) .komunikat-bledow-systemu {
        color: #9b1c1c;
    }

    html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu #kartaprojektu .element .opcje button.dodajopcje,
    html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu #kartaprojektu .sekcja > .kp-akcje-sekcji button,
    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-podsumowanie th,
    html.hi-lifting:not(.hi-paleta-ciemna) .kp-status.kp-status-wylaczony,
    html.hi-lifting:not(.hi-paleta-ciemna) .listaDostepnychCennikow > ul > li,
    html.hi-lifting:not(.hi-paleta-ciemna) .listaDostepnychCennikowSal > ul > li {
        color: var(--hi-s-tekst-2);
    }

    /* teksty w klasycznym jasnym brązie (kontrast < 4,5:1 na białym i na ciemnym) */
    html.hi-lifting :is(.light-brown, .listaDostepnychCennikow > ul > li, .listaDostepnychCennikowSal > ul > li) {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting :is(.potrawy-box #potrawy-tabela tr:hover > td, .potrawy-box .potrawy-oe tbody tr:hover > td, .tableelementy tbody tr:hover, .nazwaElementuKafla:hover span, .nazwaElementuKafla.opis:hover span) {
        background-color: var(--hi-s-hover);
        color: var(--hi-s-tekst);
    }
}

/* ==== Szaty: mapowanie ciemnych i brązowych kolorów tekstu klasycznych arkuszy na kolory szat ====
   Klasyczne arkusze wpisują wprost czerń, brąz, szarość, czerwień, zieleń i błękit jako kolor tekstu — na ciemnym tle
   znikają, a na białym brąz i jasna szarość mają za mały kontrast. Tu każda grupa dostaje kolor o odpowiednim odcieniu
   (znaczenie zostaje: czerwień = błąd, zieleń = sukces, bursztyn = uwaga), ale z kontrastem ≥ 4,5:1. Tylko ekran. */
@media screen {
    html.hi-lifting.hi-paleta-ciemna #ajaxMessage .prezentacja .labuwagi,
    html.hi-lifting.hi-paleta-ciemna #ajaxMessage .prezentacja .promo,
    html.hi-lifting.hi-paleta-ciemna #baloontip .na,
    html.hi-lifting.hi-paleta-ciemna #blockLayer .block .txt em strong,
    html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .edytor > div.schemat .boczneNarzedzia button#trybEdycji,
    html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .edytor > div.schemat .gorneNarzedzia button#trybEdycji,
    html.hi-lifting.hi-paleta-ciemna .kartaprojektuprezentacja .notatki ul>li.pracownik,
    html.hi-lifting.hi-paleta-ciemna .projektuj_impreze,
    html.hi-lifting.hi-paleta-ciemna .pw-desc h4,
    html.hi-lifting.hi-paleta-ciemna .ui-state-error a,
    html.hi-lifting.hi-paleta-ciemna .ui-state-error-text,
    html.hi-lifting.hi-paleta-ciemna .ui-widget-content .ui-state-error a,
    html.hi-lifting.hi-paleta-ciemna .ui-widget-content .ui-state-error-text,
    html.hi-lifting.hi-paleta-ciemna .ui-widget-header .ui-state-error a {
        color: #ff8f8f;
    }
    html.hi-lifting.hi-paleta-ciemna .pw-okno h2,
    html.hi-lifting.hi-paleta-ciemna .pw-woknie h3 {
        color: #ff8f8f !important;
    }

    html.hi-lifting.hi-paleta-ciemna #body .calendar .dni_tygodnia,
    html.hi-lifting.hi-paleta-ciemna #body .ustawienia-sali-zakryte .ustawienia-sali-zakryte-inside h2,
    html.hi-lifting.hi-paleta-ciemna #doplanu-nazwa,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu,
    html.hi-lifting.hi-paleta-ciemna #loze-kontener .dialog__Handler > div .kreator-loz .loze h3,
    html.hi-lifting.hi-paleta-ciemna #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .rezerwacje h3,
    html.hi-lifting.hi-paleta-ciemna #podgladKlientaNowy .clientStats .clientStats-element h3,
    html.hi-lifting.hi-paleta-ciemna #podgladKlientaNowy .podglad-dane,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza .flex > .termin-podpisania-umowy label,
    html.hi-lifting.hi-paleta-ciemna #tabelarycznie > .main .impreza .flex > .termin-waznosci-oferty label,
    html.hi-lifting.hi-paleta-ciemna .komunikatOstrzezenia button,
    html.hi-lifting.hi-paleta-ciemna .komunikatOstrzezenia2 button,
    html.hi-lifting.hi-paleta-ciemna .kp-lista-strona table.kp-lista .kp-nazwa,
    html.hi-lifting.hi-paleta-ciemna .kp-lista-strona table.kp-lista td,
    html.hi-lifting.hi-paleta-ciemna .listaDostepnychCennikow .filtrCennikow,
    html.hi-lifting.hi-paleta-ciemna .paleblack,
    html.hi-lifting.hi-paleta-ciemna .phoneIntegration-list ul a,
    html.hi-lifting.hi-paleta-ciemna .planaktywnosci .dropdown-content a,
    html.hi-lifting.hi-paleta-ciemna .select2-container--classic .select2-selection--single .select2-selection__rendered,
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css blockquote,
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css h1,
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css h2,
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css h3,
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css h4,
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg,
    html.hi-lifting.hi-paleta-ciemna .ui-widget-content a,
    html.hi-lifting.hi-paleta-ciemna .wiadomosc-email .zalaczniki li a,
    html.hi-lifting.hi-paleta-ciemna table.solution-table tr td,
    html.hi-lifting.hi-paleta-ciemna table.tabelagratisow tr td,
    html.hi-lifting.hi-paleta-ciemna table.tabelaprogramowlojalnosciowych tbody tr td,
    html.hi-lifting.hi-paleta-ciemna table.tabelarabatow tr td,
    html.hi-lifting.hi-paleta-ciemna table.tabelawynikow tr td {
        color: var(--hi-s-tekst);
    }
    html.hi-lifting.hi-paleta-ciemna .force-color-black,
    html.hi-lifting.hi-paleta-ciemna .wprowadzanie-podglad-dane {
        color: var(--hi-s-tekst) !important;
    }

    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu #kartaprojektu .element .opcje table button.remove,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .kp-zwin,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .remove button,
    html.hi-lifting.hi-paleta-ciemna #edycjakartyprojektu .kp-naglowek .updown button,
    html.hi-lifting.hi-paleta-ciemna #topmenu ul li a,
    html.hi-lifting.hi-paleta-ciemna #topmenu ul li span,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-krok-opis,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-kroki li.aktywny,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-ustawienia-tytul,
    html.hi-lifting.hi-paleta-ciemna .kp-lista-strona table.kp-lista .kp-akcje .kp-kopiuj,
    html.hi-lifting.hi-paleta-ciemna .loze-lista-rezerwacji h1,
    html.hi-lifting.hi-paleta-ciemna .plan-h3,
    html.hi-lifting.hi-paleta-ciemna .ui-dialog .ui-dialog-titlebar {
        color: var(--hi-s-tekst-2);
    }

    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-pozycja-wlasna .automatyzacja-pozycja-opis,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-formularz .automatyzacja-przywroc,
    html.hi-lifting.hi-paleta-ciemna .automatyzacja-lista .automatyzacja-statystyka-czesciowo {
        color: #f2bd78;
    }

    html.hi-lifting.hi-paleta-ciemna .blue,
    html.hi-lifting.hi-paleta-ciemna .kartaprojektuprezentacja .notatki ul>li.klient,
    html.hi-lifting.hi-paleta-ciemna table .wartosc-niebieska {
        color: #9bbcff;
    }
    html.hi-lifting.hi-paleta-ciemna .trumbowyg-editor.trumbowyg-reset-css a {
        color: #9bbcff !important;
    }

    html.hi-lifting.hi-paleta-ciemna table .wartosc-zielona,
    html.hi-lifting.hi-paleta-ciemna table.raport-tabela .wartosc-zielona {
        color: #86e29a;
    }

    html.hi-lifting:not(.hi-paleta-ciemna) #ajaxMessage .prezentacja h2,
    html.hi-lifting:not(.hi-paleta-ciemna) #body .PracownicyUprawnieniaInside .form h2,
    html.hi-lifting:not(.hi-paleta-ciemna) #body .step2top #sala .inside .cursala h3,
    html.hi-lifting:not(.hi-paleta-ciemna) #calendar-step1 .numer_tygodnia,
    html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-brak-trafien,
    html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-naglowek .kp-podsumowanie,
    html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-narzedzia .kp-licznik,
    html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-narzedzia .kp-szukaj i,
    html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-pole .kp-etykieta,
    html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-pole > span,
    html.hi-lifting:not(.hi-paleta-ciemna) #edycjakartyprojektu .kp-uwaga,
    html.hi-lifting:not(.hi-paleta-ciemna) #impreza-kroki .krok,
    html.hi-lifting:not(.hi-paleta-ciemna) #opt_ustawienia_sali .ustawienieSali .tools .text,
    html.hi-lifting:not(.hi-paleta-ciemna) #podgladKlientaNowy .clientStats .clientStats-element .clientStats-evenstList ul li span,
    html.hi-lifting:not(.hi-paleta-ciemna) #podgladKlientaNowy .clientStats .clientStats-element .clientStats-event ul span,
    html.hi-lifting:not(.hi-paleta-ciemna) #podgladKlientaNowy .clientStats .clientStats-element .rect-chart .show-element small,
    html.hi-lifting:not(.hi-paleta-ciemna) #podgladKlientaNowy label,
    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-filtr > div.right,
    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-kroki li,
    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-podsumowanie-szczegol,
    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-rodzaj-naglowek i,
    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-rodzaj-opcja > label,
    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-sekcja-skrot,
    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .select2-selection__choice .automatyzacja-adres-osoba,
    html.hi-lifting:not(.hi-paleta-ciemna) .color-label,
    html.hi-lifting:not(.hi-paleta-ciemna) .divhead,
    html.hi-lifting:not(.hi-paleta-ciemna) .kp-lista-strona .kp-brak,
    html.hi-lifting:not(.hi-paleta-ciemna) .kp-lista-strona .kp-pasek .kp-licznik,
    html.hi-lifting:not(.hi-paleta-ciemna) .kp-lista-strona .kp-pasek .kp-podpowiedz,
    html.hi-lifting:not(.hi-paleta-ciemna) .kp-lista-strona .kp-pasek .kp-szukaj i,
    html.hi-lifting:not(.hi-paleta-ciemna) .kp-lista-strona table.kp-lista .kp-zmiana,
    html.hi-lifting:not(.hi-paleta-ciemna) .select2-container--classic .select2-selection--single .select2-selection__placeholder,
    html.hi-lifting:not(.hi-paleta-ciemna) .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
    html.hi-lifting:not(.hi-paleta-ciemna) .wprowadzanie-h2,
    html.hi-lifting:not(.hi-paleta-ciemna) div.createdbox,
    html.hi-lifting:not(.hi-paleta-ciemna) div.listagratisow h3,
    html.hi-lifting:not(.hi-paleta-ciemna) div.listarabatow h3,
    html.hi-lifting:not(.hi-paleta-ciemna) div.listawynikow h3,
    html.hi-lifting:not(.hi-paleta-ciemna) span.label {
        color: var(--hi-s-tekst-2);
    }

    html.hi-lifting:not(.hi-paleta-ciemna) #baloontip .swieto {
        color: #1b5f8c;
    }

    html.hi-lifting:not(.hi-paleta-ciemna) #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .edytor > div.schemat .boczneNarzedzia button#trybEdycji,
    html.hi-lifting:not(.hi-paleta-ciemna) #loze-rezerwacje-kontener .dialog__Handler > div .rezerwacja-loz .edytor > div.schemat .gorneNarzedzia button#trybEdycji,
    html.hi-lifting:not(.hi-paleta-ciemna) .form-wrapper h2,
    html.hi-lifting:not(.hi-paleta-ciemna) .plany-nie-zapisano,
    html.hi-lifting:not(.hi-paleta-ciemna) .plany-nie-zgodne,
    html.hi-lifting:not(.hi-paleta-ciemna) label.error,
    html.hi-lifting:not(.hi-paleta-ciemna) table .wartosc-czerwona,
    html.hi-lifting:not(.hi-paleta-ciemna) table.raport-tabela .wartosc-czerwona {
        color: #b3000a;
    }
    html.hi-lifting:not(.hi-paleta-ciemna) .force-color-red {
        color: #b3000a !important;
    }

    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-dni-skroty span,
    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz .automatyzacja-sekcja-zmien,
    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-formularz label.automatyzacja-dzien-weekend,
    html.hi-lifting:not(.hi-paleta-ciemna) .automatyzacja-lista .automatyzacja-luka {
        color: #8a5410;
    }

}

/* ==== Szaty: Wprowadzanie danych i okna — etykiety, ramki zakładek, przyciski pomocnicze, jednolite pola w oknach ====
   Reguły na wspólnych tokenach (Forum 2026, Nowa odsłona HI, ich ciemne warianty, Halloween, Świąteczna), a dla
   „Klasycznej (odświeżonej)” i „Ciemnej” tylko poprawki kontrastu tekstów. Klasyczna (bez szaty) bez zmian. Tylko ekran. */
@media screen {
    /* przygaszona etykieta (dawniej kolor wpisany w atrybucie style z !important — takiego nie da się zmienić szatą) */
    .label-przygaszona {
        color: #968d84 !important;
    }
    html.hi-lifting:not(.hi-forum):not(.hi-nl) .label-przygaszona {
        color: #6f6254 !important;
    }
    html.hi-lifting .label-przygaszona {
        color: var(--hi-s-tekst-2) !important;
    }
    /* etykiety: klasyczny szaro-brąz (#968d84) ma 3,3:1 na białym — niski priorytet (:where), więc nie nadpisuje reguł szczegółowych */
    html.hi-lifting :where(label, span.label):where(:not(.white, .red, .green, .blue, .orange, .required, .error)) {
        color: var(--hi-s-tekst-2);
    }
    html.hi-lifting:not(.hi-forum):not(.hi-nl) :where(label, span.label):where(:not(.white, .red, .green, .blue, .orange, .required, .error)) {
        color: #6f6254;
    }
    html.hi-lifting:not(.hi-forum):not(.hi-nl) .ui-dialog h2 > span,
    html.hi-lifting:not(.hi-forum):not(.hi-nl) .anchor {
        color: #7d6a55;
    }
    /* kontener zakładek językowych i okien: ramka z tokenu zamiast jasnej ramki jQuery UI */
    html.hi-lifting.hi-paleta-ciemna :is(.ui-tabs.ui-widget-content, #jezyktabs) {
        border-color: var(--hi-s-ramka);
    }
    /* przycisk „Dodaj cennik specjalny” i podobne przyciski pomocnicze w formularzach */
    html.hi-lifting button.dodajcennik {
        background-color: var(--hi-s-pasek);
        color: var(--hi-s-na-pasku);
        border: 1px solid var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
        padding: 4px 12px;
        cursor: pointer;
    }
    html.hi-lifting button.dodajcennik:hover {
        background-color: var(--hi-s-pasek-hover);
    }
    /* formularze w oknach: jednakowa wysokość, promień i padding pól, textarea tylko pionowo, ikona kalendarza w stylu szaty */
    html.hi-lifting .ui-dialog :is(input[type=text], input[type=password], input[type=number], input[type=email], input[type=search], select:not([multiple]), textarea) {
        box-sizing: border-box;
        border-radius: var(--hi-s-promien);
        border: 1px solid var(--hi-s-ramka-mocna);
    }
    html.hi-lifting .ui-dialog :is(input[type=text], input[type=password], input[type=number], input[type=email], input[type=search], select:not([multiple])) {
        min-height: 26px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    html.hi-lifting .ui-dialog textarea {
        resize: vertical;
        padding: 6px 8px;
    }
    html.hi-lifting .ui-dialog img.ui-datepicker-trigger {
        box-sizing: border-box;
        width: 24px;
        height: 24px;
        padding: 2px;
        margin-left: 4px;
        vertical-align: middle;
        border: 1px solid var(--hi-s-ramka-mocna);
        border-radius: var(--hi-s-promien);
        background-color: var(--hi-s-powierzchnia-2);
        cursor: pointer;
    }
    html.hi-lifting.hi-paleta-ciemna .ui-dialog img.ui-datepicker-trigger {
        filter: grayscale(1) invert(1) brightness(.9);
    }
    html.hi-lifting .ui-dialog .ui-dialog-buttonpane {
        text-align: right;
    }
}



/* >>> D:automatyzacja */
/* Szaty: automatyzacja (lista, dziennik wysyłek) — kolory pomocnicze „szary” i „zielony” z czytelnym kontrastem */
@media screen {
    html.hi-lifting :is(small.gray, td.automatyzacja-odbiorcy small.gray, .automatyzacja-statystyka .gray) {
        color: var(--hi-s-tekst-2);
    }
    html:not(.hi-paleta-ciemna):is(.hi-forum, .hi-nl) :is(small.green, strong.green, span.green, .automatyzacja-statystyka .green) {
        color: #17692c;
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) :is(small.green, strong.green, span.green, .automatyzacja-statystyka .green) {
        color: #6fdc8c;
    }
    html.hi-paleta-ciemna:is(.hi-forum, .hi-nl) :is(small.red, strong.red, span.red) {
        color: #ff8f8f;
    }
}
/* <<< D:automatyzacja */

body .topsettings .osoby.tabela-2-kolumny {
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

#komunikatPotwierdzenie, #komunikatOstrzezenie {
    position: fixed;
    z-index: 9999;
    text-align: left;
    width: 50%;
    top: -1px;
    left: 50%;
    margin-left: -25%;
    height: 40px;
    line-height: 40px;
    background-position: left;
    border-top: none;
    background-repeat: no-repeat;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=85);
    opacity: .85;
    font-size: 14px;
    border: 1px solid #10a024;
    border-top: none;
    background-color: #eaffed;
    color: #10a024;
}

#komunikatOstrzezenie{
    border: 1px solid #d60000;
    background-color: #ffcccc;
    color: #d60000;
}

.tabela-2-kolumny td {
    padding: 1px 5px;
    height: 178px;
    overflow: hidden;
    vertical-align: top;
}

.tabela-2-kolumny tr td div.dostepna-sala {
    border-top: 1px solid #DBD0C4;
}

.tabela-2-kolumny tr td:first-child {
    border-right: 1px solid #DBD0C4;
}

.tabela-2-kolumny tr:first-child td div.dostepna-sala {
    border-top: none !important;
}

.tabela-2-kolumny td.aktywna {
    background-color: #efeae5 !important;
}

.dostepna-sala h3 {
    font-size: 13px;
}

.dostepna-sala {
    cursor: pointer;
    padding: 4px 5px;
    font-size: 11px;
}

.dostepna-sala .sala-opis {
    height: 121px;
}

.dostepna-sala .sala-guziki {
    padding: 10px 15px;
}

.sala-aktywna {
    background-color: #f9f7f5;
}

.ustawienia-wybrane-overlay {
    width: 98%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ffe8b2;
    font-size: 11px;
    text-align: center;
    padding-top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 150px;
    overflow: hidden;
}

.ustawienieSali {
    position: relative;
}

.ustawienieSali-wewnatrz {

    height: 100%;
    padding-bottom: 10px;
}

.ustawienie-info {
    padding: 0px 4px 4px 4px;
    position: relative;
    text-align: center;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.ustawienie-usun {
    position: absolute;
    right: 2px;
    top: 12px;
    color: #f1eeec;
    background-color: #9D8D7B;
    padding: 0px 4px 0px 5px;
    font-weight: bold;
    text-align: center;
    z-index: 1000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
}

.ustawienie-wybrane {
}

.wybrane-scroll {
    position: absolute;
    height: 10px;
    width: 100%;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    background-color: #f2eeea;
    padding: 2px 0px;
}

.scroll-aktywny {
    z-index: 100;
    background-color: #E3DBD2 !important;
}

.scroll-aktywny-hover {
    background-color: #FFB400 !important;
}

.scroll-up {
    top: 25px;
}

.scroll-down {
    bottom: 0px;
}

.ustawienia-scroll {
    overflow: hidden;
    position: relative;
}

.login-form {
    font-size: 11px;
}

html {
}

html, body {
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    color: #000;
    background: #dbd0c4;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    width: 100%;
}

.inside {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

a, .anchor {
    text-decoration: none;
    color: #9D8D7B;
}

a:hover, body .topheading .topmenu a, .anchor:hover {
    color: #d60000;
}

a img {
    border: none;
}

body .topheading {
    background: #fff;
    border-bottom: solid 1px #6e573c;
}

body .topheading .toplogos {
    color: #a6a9aa;
    font-size: 24px;
    float: left;
}

body .topheading .toplogos img {
    vertical-align: top;
    margin: 3px 15px;
}

body .topheading .topmenu {
    float: right;
    font-size: 16px;
    color: #a6a9aa;
    padding: 12px 0 15px 0;
}

body .topheading .topmenu a, body .topheading .topmenu span {
    color: #b19f8a;
    padding: 0 15px;
    cursor: pointer;
}

body .topheading .topmenu a:hover, body .topheading .topmenu span:hover {
    color: #ffb400;
}

body .topsettings {
    background: #6e573c;
    border-top: solid 1px #8a6d4b;
    padding: 5px 15px;
    color: #fff;
    -moz-box-shadow: 0px 3px 15px -10px #000;
    -webkit-box-shadow: 0px 3px 15px -10px #000;
    box-shadow: 0px 3px 15px -10px #000;
}

body .topsettings .inside {
    width: 970px;
    height: 40px;
}

body .topsettings .inside2 {
    position: absolute;
    width: 960px;
}

body .topsettings span.anchor, body .topsettings a {
    color: #ffb400;
    font-weight: bold;
    cursor: pointer;
}

#panel-menu {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
}

#panel-menu ul {
    padding: 3px 0 0 0px;
    margin: 0;

    list-style: none;
    position: relative;
    left: 50%;
}

#panel-menu li {
    float: left;
    display: block;
    margin: 0 3px;
}

#panel-menu li a {
    color: white;
    display: block;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    padding: 9px 35px;

    background: #9d8e7b;
}

#panel-menu li a.podwojny {
    padding: 0px 35px 1px 35px !important;
    text-align: center;
}

#panel-menu li a.pozycja-aktywna {
    color: #FFB400 !important;
}

#panel-menu li a:hover {
    color: #FFB400;
}

#topmenu {
    display: table;
    width: 960px;
    height: 30px;
    padding: 0;
}

#topmenu ul {
    display: table-row;
}

#topmenu ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
    text-align: center;
    color: #D8CDC1;
}

#topmenu ul li span {
    color: #6e573c;
    display: block;
    cursor: pointer;
    font-weight: bold;
}

#topmenu ul li a {
    color: #c1ad97;
    display: block;
    float: left;
}

#topmenu ul li ul li a {
    color: #c1ad97;
}

#topmenu ul li .actual, #topmenu .sfHover > span, #topmenu .sfHover > a {
    color: #FFB400;
}

#topmenu ul li ul {
    display: none;
    position: absolute;
    top: 35px;
    z-index: 20;
    margin: 0;
    padding: 0;
    border: solid 2px #6e573c;
    background: #6e573c;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -moz-box-shadow: 0px 3px 15px -10px #000;
    -webkit-box-shadow: 0px 3px 15px -10px #000;
    box-shadow: 0px 3px 15px -10px #000;
}

#topmenu ul li ul li ul {
    top: 0;
}

#topmenu ul li ul li {
    float: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: left;
}

#topmenu ul li:hover li a, #topmenu ul li:hover li span {
    /*color: #6e573c;*/
}

#topmenu ul li ul li a, #topmenu ul li ul li span, #topmenu ul li ul li ul li a, #topmenu ul li ul li ul li span {
    display: block;
    float: none;
    padding: 5px 10px;
    white-space: nowrap;
}

#topmenu ul li ul li:hover > a, #topmenu ul li ul li:hover > span, #topmenu ul li ul li a:hover, #topmenu ul li ul li span:hover {
    color: #ffb400;
    background: #9D8D7B;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

body .topsettings img {
    vertical-align: middle;
    margin: 0 5px;
    cursor: pointer;
    display: block;
    float: right;
}

body .top-left {
    float: left;

}

body .topsettings .box {
    position: relative;
}

body .topsettings .kontener-zawijak {
    width: 500px;
    overflow: hidden;
    position: absolute
}

body .topsettings .rodzaj_eventu, body .topsettings .default {
    font-weight: bold;
    float: left;
    padding: 8px 3px;
    position: relative;
    width: 195px;
}

body .topsettings .default.last {
    background: none;
}

body .wybor_rodzaju_eventu, body .wybor_poczatku_imprezy, #select_version {
    position: absolute;
    padding: 0;
    border: solid 1px #ccc;
    background: #fff;
    -moz-box-shadow: 0px 3px 15px -10px #000;
    -webkit-box-shadow: 0px 3px 15px -10px #000;
    box-shadow: 0px 3px 15px -10px #000;
    z-Index: 100;
}

body .wybor_rodzaju_eventu div, body .wybor_poczatku_imprezy div, #select_version div {
    cursor: pointer;
    padding: 5px 15px;
}

body .wybor_poczatku_imprezy {
    overflow-y: auto;
    overflow-x: hidden;
    height: 300px;
    width: 80px;
}

body .wybor_rodzaju_eventu .hover, body .wybor_poczatku_imprezy .hover, #select_version .hover {
    background: #9D8D7B;
    color: #fff;
}

body .topsettings .kroki {
    color: #c1ad97;
    font-weight: bold;
    float: left;
    padding: 8px 4px;
    width: 334px;
}

body .kontener {
    overflow: hidden;
}

body .topsettings .kroki span {
    margin: 0 2px;
}

body .topsettings .daty {
    float: left;
    overflow: hidden;
    padding: 2px 4px 2px 8px;
    line-height: 1.1;
    font-size: 12px;
    width: 115px;
}

body .topsettings .daty .top-left {
    width: 90px;
}

body .topsettings .daty .top-left span {
    display: block;
    height: 16px;
}

body .topsettings .daty .top-left div {
    float: left;
    padding-right: 3px;
}

body .topsettings .daty .left {
    float: left;
    padding: 1px 0 0 0;
}

body .topsettings .daty .right {
    float: right;
    padding: 5px 0px 0 0px;
}

body .topsettings .daty input {
    width: 65px;
    display: inline;
    font-family: tahoma, verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    border: none;
    padding: 1px 1px;
}

body .topsettings .osoby {
    float: left;
    overflow: hidden;
    padding: 0 0 6px 10px;
    line-height: 1.1;
    font-size: 11px;
    width: 125px;
    position: relative;
}

body .topsettings .osoby div {
    float: left;
    padding: 2px 0 0 0;
}

body .topsettings .osoby div span {
    font-weight: bold;
    font-size: 24px;
}

body .topsettings .samouczek-top {
    float: left;
    overflow: hidden;
    padding: 0 0 0 10px;
    line-height: 1.1;
    font-size: 11px;
    width: 110px;
    position: relative;
}

.inside2 .separator {
    float: left;
    width: 1px;
    height: 34px;
    background: url(/styleimg/l.png) no-repeat center right;
}

body .topsettings .osoby div.osobylabel {
    width: 40px;
    padding: 3px 0 0 0;
}

body .topsettings .osoby div.osobyimg {
    padding: 7px 5px 0 5px;
}

body .topsettings .poczatekimprezy {
    float: left;
    overflow: hidden;
    line-height: 1.1;
    font-size: 11px;
    width: 154px;
    padding: 0 0 0 7px;
}

body .topsettings .poczatekimprezy div {
    float: left;
    padding: 2px 0 0 0;
}

body .topsettings .poczatekimprezy div span {
    font-weight: bold;
    font-size: 24px;
}

body .topsettings .poczatekimprezy div.poczlabel {
    width: 52px;
    padding: 3px 0 0 0;
}

body .topsettings .poczatekimprezy div.poczimg {
    padding: 7px 5px 0 5px;
}

body .invisible {
    display: none;
}

#poczatek_imprezy_input {
    font-size: 23px;
    width: 60px;
    border: none;
    text-align: center;
    font-family: tahoma, arial, sans-serif;
}

#ile_osob_top_input {
    font-size: 20px;
    width: 50px;
    border: none;
    text-align: center;
    font-family: tahoma, arial, sans-serif;
}

.body {
    padding: 10px 0 0 0;
    border-bottom: solid 1px #8f8070;
    background: url(/styleimg/bg_btm.png) repeat-x bottom left;
}

del {
    color: #999;
}

strong.promo, span.promo, .red {
    color: #d60000;
}

#body {
    margin: 0;
    overflow: hidden;
    zoom: 1;
    position: relative;
}

#body .box {
    background: #fff;
    border: solid 2px #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.withmargin {
    margin: 10px 0;
}

body .wait p {
    margin: 0;
    padding: 30px 0 70px 0;
    text-align: center;
    background: url(/styleimg/ajax-loader-slim.gif) no-repeat center center;
}

body .smallwait p {
    margin: 0;
    padding: 10px 0 50px 0;
    text-align: center;
    background: url(/styleimg/ajax-loader-slim.gif) no-repeat center center;
}

.whitepage h1 {
    background: #9d8d7b;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 7px;
}

#body .calendar, #body .ustawienia_sali, #body .prezentacja_sal, #body .dostepne_sale {
    float: left;
    margin: 0 5px 0 0;
    width: 417px;
    height: 505px;
}

#body .calendar {
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#body .calendar .apla {
    position: absolute;
    height: 429px;
    background: #ffe8b2;
    width: 110px;
    margin: 0 0 0 301px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

body .promocalimg {
    width: 20px;
    height: 17px;
    overflow: hidden;
}

body .promocalimg1 {
    background: url(../styleimg/szablon.png) no-repeat -64px -59px;
}

body .promocalimg2 {
    background: url(../styleimg/szablon.png) no-repeat -102px -60px;
}

body .promocalimg3 {
    background: url(../styleimg/szablon.png) no-repeat -141px -59px;
}

body .promocalimg4 {
    background: url(../styleimg/szablon.png) no-repeat -178px -61px;
}

body .promocalimg5 {
    background: url(../styleimg/szablon.png) no-repeat -213px -60px;
}

body .promocalimg6 {
    background: url(../styleimg/szablon.png) no-repeat -248px -60px;
}

body .promocalimg7 {
    background: url(../styleimg/szablon.png) no-repeat -327px -61px;
}

body .promocalimg8 {
    background: url(../styleimg/szablon.png) no-repeat -357px -61px;
}

body .promocalimg9 {
    background: url(../styleimg/szablon.png) no-repeat -398px -61px;
}

#body .calendar .dni_tygodnia {
    padding: 0px 0 0px 24px;
    color: #000;
    font-size: 9px;
    font-weight: bold;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

#body .calendar .dni_tygodnia span {
    display: block;
    width: 49px;
    padding: 5px 0;
    text-align: center;
    margin: 0 7px 0 0;
    float: left;
}

#body .calendar .baloontip {
    display: none;
}

#body .ustawienia_sali {
    width: 273px;
}

#body .prezentacja_sal {
    width: 238px;
}

#body .dostepne_sale {
    width: 520px;
}

.przewijaj .przewijak {
    overflow: hidden;
    height: 17px;
    margin: 2px 0;
    background: #FFB400;
    text-align: center;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.przewijaj .przewijak span {
    color: white;
    font-size: 11px;
    font-weight: bold;
}

.przewijaj .w-gore span {
    background: url(/styleimg/arrow_up_dual.png) no-repeat center 0;
    display: block;
    height: 17px;
    cursor: pointer;
}

.przewijaj .w-dol span {
    background: url(/styleimg/arrow_down_dual.png) no-repeat center 0;
    display: block;
    height: 17px;
    cursor: pointer;
}

.przewijaj .nieaktywny {
    background: #e3dbd2 !important;
}

#body .scrollbtn {
    overflow: hidden;
    height: 17px;
    margin: 2px 0;
    background: #FFB400;
    text-align: center;
}

#body .scrollbtn span {
    color: white;
    font-size: 11px;
    font-weight: bold;
}

#body .off {
    background: #e3dbd2;
}

#body .up span {
    background: url(/styleimg/arrow_up_dual.png) no-repeat center 0;
    display: block;
    height: 17px;
    cursor: pointer;
}

#body .up.on span {
    background: url(/styleimg/arrow_up_dual.png) no-repeat center 0px;
}

#body .down span {
    background: url(/styleimg/arrow_down_dual.png) no-repeat center 2px;
    display: block;
    height: 17px;
    cursor: pointer;
}

#body .down.on span {
    background: url(/styleimg/arrow_down_dual.png) no-repeat center 2px;
}

#calendar-step1 {
    height: 405px;
    overflow: hidden;
    position: relative;
}

#calendar-step1-inside {
    position: relative;
}

#calendar-step1 .miesiac_kalendarza {
    overflow: hidden;
}

#calendar-step1 .dzien_kalendarza {
    font-size: 9px;
    width: 49px;
    float: left;
    height: 51px;
    background: url(/styleimg/szablon.png) no-repeat 0 0;
    margin: 0 7px 7px 0;
    cursor: pointer;
}

#calendar-step1 .old {
    color: #ccc;
}

#calendar-step1 .tools {
    position: absolute;
    width: 45px;
    margin: 3px 3px 0 0;
}

#calendar-step1 .tools div {
    width: 15px;
    height: 15px;
    float: right;
}

#calendar-step1 .tools .start {
    background: url(/styleimg/szablon.png) no-repeat -5px -61px;
}

#calendar-step1 .tools .end {
    background: url(/styleimg/szablon.png) no-repeat -32px -61px;
}

.bcn {
    position: relative;
}

#calendar-step1 .promo {
    position: absolute;
    width: 45px;
    margin: 30px 0 0 0;
}

#calendar-step1 .promo div {
    float: right;
}

#calendar-step1 .active {
    background: url(/styleimg/szablon.png) no-repeat -55px 0px;
}

#calendar-step1 .na {
    background: url(/styleimg/szablon.png) no-repeat -165px 0px;
}

#calendar-step1 .active.swieto {
    background: url(/styleimg/szablon.png) no-repeat -330px 0px;
}

#calendar-step1 .activehover {
    background: url(/styleimg/szablon.png) no-repeat -220px 0px;
}

#calendar-step1 .activehover.swieto, #calendar-step1 .dragged.swieto {
    background: url(/styleimg/szablon.png) no-repeat -384px 0px;
}

#calendar-step1 .active.propozycja {
    background: url(/styleimg/szablon.png) no-repeat -438px 0px;
}

#calendar-step1 .activehover.propozycja {
    background: url(/styleimg/szablon.png) no-repeat -492px 0px;
}

#calendar-step1 .selected, #calendar-step1 .selected.swieto {
    background: url(/styleimg/szablon.png) no-repeat -110px 0px;
}

#calendar-step1 .selected.activehover {
    background: url(/styleimg/szablon.png) no-repeat -110px 0px;
}

#calendar-step1 .dragged.swieto.activehover {
    background: url(/styleimg/szablon.png) no-repeat -384px 0px;
}

#calendar-step1 .dragged {
    background: url(/styleimg/szablon.png) no-repeat -220px 0px;
}

#calendar-step1 .dragged.activehover {
    background: url(/styleimg/szablon.png) no-repeat -220px 0px;
}

#baloontip {
    position: absolute;
    z-index: 30;
    padding: 10px;
    background: #fff;
    border: solid 1px #9D8D7B;
    font-size: 10px;
    -webkit-box-shadow: 0px 0px 3px 0px;
    -moz-box-shadow: 0px 0px 3px 0px;
    box-shadow: 0px 0px 3px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#baloontip .inside {
    max-width: 200px;
}

#baloontip .swieto {
    font-weight: bold;
    color: #4AA0CE;
    margin: 0 0 10px 0;
}

#baloontip .na {
    font-weight: bold;
    color: #d60000;
}

#calendar-step1 .dzien_kalendarza_pusty {
    width: 49px;
    height: 51px;
    float: left;
    margin: 0 7px 7px 0;
}

#calendar-step1 .dzien_kalendarza .numer_dnia {
    font-weight: bold;
    position: absolute;
    padding: 3px 0 3px 3px;
    font-family: verdana, arial, sans-serif;
}

#calendar-step1 .numer_tygodnia {
    float: left;
    height: 31px;
    color: #9d8d7b;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0 0 0;
    font-family: verdana, arial, sans-serif;
    width: 24px;
}

#ustawienia_sali {
    height: 427px;
}

#prezentacja_sal {
    height: 427px;
}

body .footer {
    background: #9d8d7b;
    border-top: solid 1px #b09e8a;
    padding: 10px 0;
    color: #e0e7e9;
}

body .footer a {
    color: #6e573c;
    font-weight: bold;
}

body .footer a:hover {
    color: #ffb400;
}

body .footer img {
}

body .footer p {
    margin: 0;
    padding: 0 15px;
}

body .footer .left {
    float: left;
}

body .footer .right {
    float: right;
}

#login-window, #remind-passwd-window {
    text-align: center;
}

#login-window .input {
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
    border: solid 1px #ccc;
    background: #fff;
    height: 17px;
}

#login-window .sbutton {
    font-size: 11px;
}

#login-window span.sbutton {
    padding: 4px 12px;
    font-size: 11px;
    border: none;
}

#login-window table td {
    text-align: left;
    padding: 1px 0px 1px 3px;
    width: 60%;
}

#login-window table th {
    text-align: right;
    width: 40%;
}

#login-window  .error {
    background: #fee;
    border: solid 1px #d60000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #d60000;
    padding: 3px 10px;
    margin: 10px auto;
    width: 400px;
}

#login-window .error h3 {
    text-align: left;
    font-size: 12px;
    color: black;
    text-transform: none;
    margin: 5px 0px;
}

#login-window .error p {
    margin: 5px 0px;
}

#ajaxMessage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/styleimg/msgbg.png);
    z-Index: 1000;
}

#ajaxMessage .msg {
    width: 300px;
    margin: 200px auto 0 auto;
    background: #f9f0e6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px;
    -moz-box-shadow: 0px 0px 5px 0px;
    box-shadow: 0px 0px 5px 0px;
    padding: 20px;
    font-weight: bold
}

#ajaxMessage .msg .buttons {
    padding: 20px 0 0 0;
    text-align: center;
}

#ajaxMessage .msg .buttons span {
    cursor: pointer;
    margin: 0 10px;
    padding: 5px 10px;
    background: #9d8d7b;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#ajaxMessage .prezentacja {
    width: 510px;
    margin: 60px auto 0 auto;
    background: #fff;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px;
    -moz-box-shadow: 0px 0px 5px 0px;
    box-shadow: 0px 0px 5px 0px;
    padding: 10px 20px;
}

#ajaxMessage .prezentacja .buttons {
    padding: 0 0 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    font-size: 9px;
    font-weight: bold;

    width: 90px;
}

#ajaxMessage .prezentacja .buttons .top {
    margin: 5px 0 0 0;
}

#ajaxMessage .prezentacja .buttons .bottom {
    position: absolute;
    margin: 0 0 5px 0;
    bottom: 0;
}

#ajaxMessage .prezentacja .info {
    max-height: 480px;
    overflow: auto;
    margin-right: 0px;
}

#ajaxMessage .prezentacja .info h2 {
    text-align: center;
    margin-top: 0;
}

#ajaxMessage .prezentacja .buttons span {
    cursor: pointer;
    padding: 5px 10px;
    background: #9d8d7b;
    display: block;
    margin: 5px 10px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#ajaxMessage .prezentacja .buttons span.wybierz {
    background: #FFB400;
}

#ajaxMessage .prezentacja .buttons span:hover, #ajaxMessage .prezentacja .buttons span.wybierz:hover {
    background: #6E573C;
}

#ajaxMessage .prezentacja .prezentacja_sali {

    overflow: hidden;
}

#ajaxMessage .prezentacja h1 {
    color: #6e5a39;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    margin: 0 0 10px 0;

}

#ajaxMessage .prezentacja .ceny {
    overflow: hidden;
    margin: 10px 0;
}

#ajaxMessage .prezentacja .promo {
    float: right;
    color: #d60000;
}

#ajaxMessage .prezentacja h2 {
    color: #9e8b7c;
    text-transform: uppercase;
    font-size: 12px;
}

#ajaxMessage .prezentacja .left {
    width: 235px;
    float: left;
}

#ajaxMessage .prezentacja .right {
    width: 235px;
    float: right;
}

.galeria {
    overflow: hidden;
    padding: 3px 0;
}

.galeria .obraz {

    text-align: center;
    overflow: hidden;
    margin: 5px 0;
    padding: 1px 2px 0 2px;
    float: left;
}

.galeria img {
    padding: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 0px;
    -moz-box-shadow: 0px 0px 3px 0px;
    box-shadow: 0px 0px 3px 0px;
}

#ustawienia_sali-step1 {
    height: 427px;
    overflow: hidden;
    position: relative;
}

#ustawienia_sali-step1-inside {
    position: relative;
    overflow: hidden;
}

#ustawienia_sali-step1 .ustawienieSali:hover {
    background-color: #E0DACE;
}

#ustawienia_sali-step1 .nie-podswietlaj:hover {
    background-color: transparent !important;
}

#ustawienia_sali-step1 .ustawienieSali {
    width: 100px;
    text-align: center;
    padding: 10px 16px 10px 16px;
    cursor: pointer;
    float: left;
    overflow: hidden;
}

#ustawienia_sali-step1 .ustawienieSali h3 {
    margin: 0 0 5px 0;
    font-size: 11px;
}

#opt_ustawienia_sali .ustawienieSali .tools {
    overflow: hidden;
}

#opt_ustawienia_sali .ustawienieSali .tools .text {
    display: block;
    width: 90px;
    color: #9E8B7C;
    padding-top: 10px;
    float: left;
    font-size: 11px;
    line-height: 1.1;
}

#opt_ustawienia_sali .ustawienieSali .tools .inputdiv {
    width: 35px;
    float: left;
    display: block;
    background: url(/styleimg/inputUstawienia.png) no-repeat 0 0;
    padding: 3px 2px;
    margin: 5px 0 0 0;
}

#opt_ustawienia_sali .ustawienieSali .tools .inputdiv .input {
    font-size: 11px;
    font-weight: bold;
    width: 30px;
    border: none;
    display: block;
    float: left;
    text-align: center;
    background: #fff;
    padding: 0;
    margin: 0;
}

.checkbox {
    width: 20px;
    height: 19px;
    display: block;
    background: url(/styleimg/checkboxUstawienia.png) no-repeat 0 -19px;
    float: left;
    margin: 5px 0 0 3px;
}

.checked {
    background: url(/styleimg/checkboxUstawienia.png) 0 0;
}

#opt_ustawienia_sali .checkbox {
    width: 18px;
    height: 20px;
    display: block;
    float: left;
    margin: 5px 0 0 3px;
}

#opt_ustawienia_sali .checked {
    background: url(/styleimg/del.png) 0 0;
}

#opt_ustawienia_sali .ustawienieSali .toolsadd {
    overflow: hidden;
    height: 17px;
    margin: 3px 0;
    /*  background: #BAAF96;*/
    font-size: 10px;
    color: #BAAF96;
    padding: 3px 0 2px 90px;
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: left;
}

#ustawienia_sali-step1 .ustawienieSali .toolsadd:hover {
    color: #6E573C;
}

#prezentacja_sal-step1 {
    height: 427px;
    overflow: hidden;
    position: relative;
}

#prezentacja_sal-step1-inside {
    position: relative;
    overflow: hidden;
}

#prezentacja_sal-step1 .sale {
    overflow: hidden;
    padding: 0 5px;
    font-size: 11px;
    margin: 10px 0 15px 0;
    cursor: pointer;
}

.sale .obraz {
    padding: 2px 0;
    float: right;
}

.sale .obraz img {
    padding: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 0px;
    -moz-box-shadow: 0px 0px 3px 0px;
    box-shadow: 0px 0px 3px 0px;
    display: block;
}

#prezentacja_sal-step1 .sale h3 {
    margin: 0 0 5px 0;
    font-size: 11px;
}

.sale .button, .bigbutton, .whitepage .downbuttons input, .whitepage .downbuttons .button, .whitepage .downbuttons a {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: none;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #fff;
    width: 95px;
    background: #9D8D7B;
    padding: 4px 0;
    cursor: pointer;
}

.sbutton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    color: #fff;
    background: #9D8D7B;
    padding: 4px 12px;
    cursor: pointer;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif
}

.whitepage .downbuttons input, .whitepage .downbuttons .button, .whitepage .downbuttons a {
    width: auto;
    padding: 4px 10px;
}

.sale .button:hover, .bigbutton:hover {
    background: #6E573C;
}

.bigbutton, .bigbutton.tbl {
    height: 100px;
    float: left;
    width: 120px;
    margin: 0 10px;
}

#dostepne_sale-step1 {
    height: 427px;
    overflow: hidden;
    position: relative;
}

#dostepne_sale-step1-inside {
    position: relative;
    overflow: hidden;
}

#dostepne_sale-step1-inside .sale {
    float: left;
    width: 240px;
    padding: 5px;
    overflow: hidden;
    font-size: 11px;
    margin: 0 0 0 10px;
}

#dostepne_sale-step1-inside .sale .info {
    width: 128px;
    float: left;
}

#dostepne_sale-step1-inside .sale .cena {
    margin: 5px 0 0 0;
    height: 35px;
}

#dostepne_sale-step1-inside .sale .obraz {
    float: none;
}

#dostepne_sale-step1-inside .sale .sale_ustawienia {
    float: right;
    width: 110px;
    overflow: hidden;
}

#dostepne_sale-step1-inside .sale .sale_ustawienia .ustawienie {
    overflow: hidden;
    margin: 0 0 5px 0;
}

#dostepne_sale-step1-inside .sale .sale_ustawienia .checkboxdiv {
    float: left;
}

#dostepne_sale-step1-inside .sale .sale_ustawienia .opis {
    float: right;
    width: 75px;
}

#dostepne_sale-step1-inside .sale .button {
    margin: 0 auto;
}

#downbuttons, #downbuttonstopb {
    margin: 10px 10px 10px 0px;
    overflow: hidden;
    clear: both;
}

#downbuttonstopb {
    margin: 0px 10px 10px 0px;
}

#downbuttons div, #downbuttonstopb div {
    overflow: hidden;
}

#downbuttons .left, #downbuttons .left span, #downbuttonstopb .left, #downbuttonstopb .left span {
    float: left;
}

#downbuttons .right, #downbuttons .right span, #downbuttonstopb .right, #downbuttonstopb .right span {
    float: right;
}

#downbuttons span, .panellewy .button, .panelprawy .button, .step2bottom .button, .step3top .button, #downbuttonstopb span {
    font-weight: bold;
    color: #fff;
    background: #9d8e7b;
    border: solid 2px #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 30px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.button-hilit, .button-hilit.ui-button-text-only {
    background: #FFB400 !important;
}

.panellewy .box .button, .panelprawy .box .button, .step2bottom .box .button {
    border: none;
    padding: 0;
    width: 128px;
    background: #9d8e7b;
    font-size: 11px;
    margin: 0 0 2px 0;
    text-transform: none;
    line-height: 1.1;
}

#downbuttons span:hover, .step2bottom .button:hover, .step3top .button:hover, #downbuttonstopb span:hover {
    background: #6E573C;
}

.panellewy .box .button.version {
    background: #588751;
}

.panellewy .box .button.version:hover {
    background: #6F9E68;
}

body .panellewy {
    width: 132px;
    float: left;
    padding: 0 7px 0 0;
}

body .panelsrodek {
    width: 682px;
    float: left;
}

body .panelprawy {
    width: 132px;
    float: right;
}

#body .step2top h2, #body .step3top h2 {
    padding: 0;
}

#body .step2top .ustawienie_sali {
    display: none;

}

#body .step2bottom {
    margin: 0 0 8px 0;
}

#daycal-inside {
    overflow: auto;
    margin: 3px 0 0 0;
}

#daycal-inside-step2 {
    overflow: hidden;
}

#daycal-inside-step2 .heading {
    border: solid 1px #d3d5d4;
    border-right: none;
    overflow: hidden;
    margin: 0 0 3px 0;
}

#daycal-inside-step2 .heading .cell {
    padding: 15px 0;
}

#daycal-inside-step2 .cal {
    border: solid 1px #d3d5d4;
    border-right: none;
    border-bottom: none;
}

#daycal-inside-step2 .row {
    overflow: hidden;
    border-bottom: solid 1px #d3d5d4;
}

#daycal-inside-step2 .cell {
    float: left;
    border-right: solid 1px #d3d5d4;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}

.step2bottom .button {
    display: block;
}

.step2bottom .button.tbl {
    display: table;
}

.step2bottom .box .button span {

}

.box .button.last {
    margin-bottom: 0;
}

.box .button.kosz {
    height: 70px;
    background: url(/styleimg/trashcan.png) no-repeat 95px center #6E573C;
    font-size: 15px;
}

.box .button.kosz span span {
    padding-right: 30px;
}

.box .button.kosz small {
    display: block;
    font-size: 9px;
}

.step2bottom .box .button:hover {
    background: #6e573c;
}

#blockLayer {
    position: relative;
    z-index: 5;
}

#blockLayer .block {
    position: absolute;
    z-index: 6;
    cursor: pointer;
    overflow: hidden;
}

#blockLayer .block img {
    display: block;
    border: solid 1px #cdd1d2;
    position: absolute;
    z-index: -1;
}

#blockLayer .block .txt {
    font-size: 10px;
    text-align: center;
    text-shadow: 0px 0px 2px #fff;
    white-space: nowrap;
}

#blockLayer .block .txt em strong {
    color: #d60000;
}

#blockLayer .block .txt em {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin: 0 5px;
}

#blockLayer .block .txt p {
    margin-bottom: 3px;
}

#blockLayer .kawa {
    text-align: center;
    line-height: 1.1;
    font-size: 9px;
    font-weight: bold;
}

#blockLayer .block .dodatki {
    text-align: center;
    font-size: 9px;
    text-shadow: 0px 0px 2px #fff;
}

#blockLayer .block .dodatki .dodatek {
    display: inline-block;
    padding: 3px;
    margin: 3px 5px;
    white-space: nowrap;
    border: solid 1px #fff;
    background: rgba(255, 255, 255, 0.3);
}

.tbl {
    height: 33px;
    display: table;
    line-height: 1.1;
    border: none;
    border-spacing: 0;
    padding: 0;
}

.tbl .tr {
    display: table-row;
}

.tbl .tr .td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.panellewy .tbl {
    width: 128px;
}

.panelprawy .tbl {
    width: 128px;
}

.panelsrodek .btns {
    overflow: hidden;
    margin: 5px 0;
}

.panelsrodek .btns div {
    float: left;
}

.panelsrodek .btns div .button {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    background: #9d8d7b;
    text-align: center;
    line-height: 1;
    float: left;
    height: 22px;
    cursor: pointer;
    margin-right: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.panelsrodek .btns div .button:hover {
    background: #6E573C;
}

.panelsrodek .btns .group1 .tbl {
    width: 70px;
}

.panelsrodek .btns .group2 {
    margin-left: 25px;
}

.panelsrodek .btns .group2 .tbl {
    width: 90px;
}

.panelsrodek .btns .group3 {
    margin-left: 25px;
}

.panelsrodek .btns .group3 .tbl {
    width: 80px;
}

.panelsrodek .btns .group4 {
    float: right;
}

.panelsrodek .btns .group4 .tbl {
    width: 20px;
}

.panelsrodek .btns .group4 .tbl.proc {
    width: 40px;
}

.panelsrodek h2.tbl {
    width: 678px;
}

.panellewy .back {
    margin-top: 18px;
}

.panelprawy .next {
    margin-top: 2px;
    padding: 0;
}

#sala-left, #sala-right, #dzien-left, #dzien-right {
    position: absolute;
    width: 13px;
    height: 33px;
    z-index: 3;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#sala-left, #dzien-left {
    background: url(/styleimg/small-left-arrow.png) no-repeat 0 0;
}

#sala-left.on, #dzien-left.on {
    background: url(/styleimg/small-left-arrow.png) no-repeat 0 -34px;
}

#sala-right {
    background: url(/styleimg/small-right-arrow.png) no-repeat 0 0;
    margin: 0 0 0 115px;
}

#dzien-right {
    background: url(/styleimg/small-right-arrow.png) no-repeat 0 0;
    margin: 0 0 0 665px;
}

#sala-right.on, #dzien-right.on {
    background: url(/styleimg/small-right-arrow.png) no-repeat 0 -34px;
}

#body #sala .inside {
    height: 200px;
    overflow: hidden;
    width: auto;
    text-align: center;
}

#body #sala .inside .cursala img {
    display: block;
    margin: 10px auto;
    padding: 2px;
    -webkit-box-shadow: 0px 0px 3px -1px;
    -moz-box-shadow: 0px 0px 3px -1px;
    box-shadow: 0px 0px 3px -1px;
}

.inside .cursala p {
    font-size: 11px;
}

.panelprawy .info {
    height: 333px;
    overflow: auto;
    padding: 0 3px;
    font-size: 11px;
}

.panelprawy .info .wybraneopcje p {
    margin: 0;
}

#body #sala .inside .cursala h3 {
    font-size: 11px;
    color: #9d8d7b;
}

#ajaxMessage .prezentacja .item {
    width: 125px;
}

#ajaxMessage .prezentacja .item, #ajaxMessage .prezentacja .item2 {
    float: left;
    text-align: center;
    font-size: 11px;
    margin: 5px;
}

#ajaxMessage .prezentacja .item2 {
    width: 285px;
    text-align: left;
}

#ajaxMessage .prezentacja .item2 .opis {
    max-height: 120px;
    overflow: auto;
}

#ajaxMessage .prezentacja .item2 .insideitem {
    background: #ede3da;
    overflow: hidden;
}

#ajaxMessage .prezentacja .insideitem input.sml {
    border: solid 1px #BDB5AE;
    width: 45px;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana, arial, sans-serif;
}

#ajaxMessage .prezentacja .labuwagi {
    width: 275px;
    color: #d60000;
}

#ajaxMessage .prezentacja .uwagi {
    border: solid 1px #BDB5AE;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana, arial, sans-serif;
    width: 275px;
}

#ajaxMessage .prezentacja .item h3, #ajaxMessage .prezentacja .item2 h3 {
    font-size: 12px;
    text-transform: uppercase;
}

#ajaxMessage .prezentacja .item img, #ajaxMessage .prezentacja .item2 img, .miniaturaWeb {
    display: block;
    margin: 0 auto 10px auto;
    padding: 2px;
    -webkit-box-shadow: 0px 0px 3px -1px #000000;
    -moz-box-shadow: 0px 0px 3px -1px #000000;
    box-shadow: 0px 0px 3px -1px #000000;
}

#ajaxMessage .prezentacja .item2 img {
    margin: 10px;
    float: left;
}

#ajaxMessage .prezentacja .item .checkbox, #ajaxMessage .prezentacja .item2 .checkbox {
    margin: 0 auto;
    float: none;
}

#ajaxMessage .prezentacja .item2 .insideitem .checkbox {
    margin: 0 0 0 160px;
}

#ajaxMessage .prezentacja .item2 .options {
    overflow: hidden;
    margin: 10px 0 0 0;
}

#ajaxMessage .prezentacja .item2 .options .checkbox {
    margin: 0px;
    padding: 0;
    float: right;
}

#ajaxMessage .prezentacja .item2 .options.s2 .checkbox {
    float: none;
    margin: 0 0 0 30px;
}

#ajaxMessage .prezentacja .item2 .options div {
    float: left;
    width: 130px;
    height: 35px;
    margin: 0 5px;
    line-height: 1;
    overflow: hidden;
}

#ajaxMessage .prezentacja .item2 .options div p {
    margin: 0;
    padding: 0;
}

#ajaxMessage .prezentacja .info h2 {
    cursor: move;
}

.ui-resizable-e {
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 7px;
    cursor: w-resize;
    background: url(/styleimg/resize_sml_right.png) no-repeat bottom right;
}

.ui-resizable-w {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    width: 7px;
    cursor: w-resize;
    background: url(/styleimg/resize_sml_left.png) no-repeat bottom left;
}

.hiddenel {
    display: none;
}

#podsumowanie-inside {
    height: 420px;
    overflow: auto;
}

#podsumowanie-inside-step3 {
    padding: 0 15px;
}

#podsumowanie-inside-step3 h3 {
    text-align: center;
    text-transform: uppercase;
}

#podsumowanie-inside-step3 h4 {
    text-transform: uppercase;
}

#podsumowanie-inside-step3 table {
    width: 100%;
}

#podsumowanie-inside-step3 table td {
    padding: 5px 3px;
}

.form {
    overflow: hidden;
    padding: 0 0 15px 0;
}

.form p {
    overflow: hidden;
}

.form p .label {
    float: left;
    display: block;
    text-align: right;
    color: #9E8B7C;
    width: 180px;
    padding: 0 5px 0 0;
}

.form p .input {
    border: solid 1px #ccc;
    font-family: tahoma, verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    float: right;
    width: 260px;
}

.form p textarea.input {
    height: 150px;
}

.form p .sinput {
    float: right;
    width: 260px;
}

.form p .input:focus {
    border: solid 1px #aca;
}

.form .downbuttons, .ucpmess .komunikat .downbuttons {
    text-align: center;
}

.form .downbuttons span, .form .downbuttons a, .ucpmess .komunikat .downbuttons a {
    color: #fff;
    background: #9d8d7b;
    text-align: center;
    line-height: 1;
    padding: 3px 10px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: auto;
}

.blad {
    color: #c00;
}

.whitepage {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 2px;
    background: #fff;
    margin: 0 0 10px 0;
}

.h {
    display: none;
}

#body h2, .whitepage h1, .ucpmess .komunikat h2 {
    background: #9D8D7B;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    color: white;
    margin: 0;
    padding: 7px;
}

.whitepage h1 {
    margin: 0;
}

.whitepage .wpinside {
    padding: 10px;
}

.whitepage table {
    width: 100%;
    border: solid 1px #000;
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 11px;
}

.whitepage table thead th {
    background: #DBD0C4;
    text-align: center;
}

.whitepage table th, .whitepage table td {
    padding: 5px;
    border: solid 1px #000;
}

.ucpmess {
    margin: 0 0 10px 0;
}

.ucpmess .komunikat {
    width: 400px;
    margin: 0 auto;
    padding: 2px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ucpmess .komunikat div {
    padding: 10px;
}

.panelsrodek .uwagi {
    overflow: hidden;
    background: #f2f2f2;
}

.panelsrodek .uwagi span {
    display: block;
    width: 13px;
    font-weight: bold;
    padding: 5px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    float: left;
    height: 78px;
    background: #9D8E7B;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.panelsrodek .uwagi textarea {
    display: block;
    float: right;
    width: 640px;
    border: solid 1px #e4dcd3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    padding: 5px;
    height: 74px;
}

.step3top .osoba {
    height: 382px;
    font-size: 11px;
    text-align: center;
}

.step3top .osoba h3 {
    font-size: 11px;
}

.step3top .button.next, .step3top .button.back {
    display: block;
}

.step3top .button.next {
    padding: 2px 5px;
    line-height: 1.1;
}

.step3top .osoba .info {
    padding: 10px 0 0 0;
}

.step3top .osoba .info img {
    padding: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 1px 0px;
    -moz-box-shadow: 0px 0px 1px 0px;
    box-shadow: 0px 0px 1px 0px;
}

.parzysty th {
    background: #fad759;
}

.nieparzysty th {
    background: #b0e1f0;
}

.parzysty .nieparzysty td {
    background: #FFFBC4;
}

.nieparzysty .nieparzysty td {
    background: #e7f5ff;
}

.podsumowanie-nieparzysty td {
    background: #e7f5ff;
}

.menus.checked {
    background: #e0dace;
}

.wyslanie-zaloguj-sie span, .wyslanie-bez-logowania span, .projektuj_impreze span, .wyslij_uproszczone span, .wartosc_rezerwacji span {
    width: 140px;
    height: 100px;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wyslanie-zaloguj-sie:hover span, .wyslanie-bez-logowania:hover span, .projektuj_impreze:hover span, .wyslij_uproszczone:hover span {
    background-color: #9D8D7B;
}

.wyslanie-zaloguj-sie span {
    background: url(/tpl/index/styleimg/zaloguj.png) no-repeat center center #9D8D7B;
}

.wyslanie-bez-logowania span {
    background: url(/tpl/index/styleimg/wyslij.png) no-repeat center center #9D8D7B;
}

.projektuj_impreze{
    color: #B01C2E;
}

.projektuj_impreze span {
    background: url(/tpl/index/styleimg/projektuj.png) no-repeat center center #9D8D7B;
}

.wartosc_rezerwacji span {
    background: url(/tpl/index/styleimg/kalkulator.png) no-repeat center center #9D8D7B;
}

.wyslij_uproszczone span {
    background: url(/tpl/index/styleimg/wyslij_uproszczone.png) no-repeat center center #9D8D7B;
}

.okno-danych-projektowanie .wartosc_rezerwacji{
    float: left;
    margin: 0 20px 0 0;
    color: #039;
}

.okno-danych-projektowanie .wartosc_rezerwacji:first-child, .okno-danych-projektowanie .projektuj_impreze:first-child{
    float: none;
    margin: 0;
    position: absolute;
    right: 0;
}

.okno-danych-projektowanie .wartosc_rezerwacji > span{
    background-color: #039;
}

.okno-danych-projektowanie .wartosc_rezerwacji > strong{
    text-transform: uppercase;
    font-size: 14px;
    display: block;
}

.okno-danych-projektowanie .projektuj_impreze{
    color: #ff6634;
}

.okno-danych-projektowanie .projektuj_impreze > span{
    background-color: #ff6634;
}

.okno-danych-projektowanie .projektuj_impreze > strong{
    text-transform: uppercase;
    font-size: 14px;
    display: block;
}

.okno-danych-projektowanie form label, .okno-danych-projektowanie span{
    width: 130px !important;
}

.okno-danych-projektowanie form > p:nth-child(7){
    margin-top: 45px;
    margin-bottom: 15px;
    clear:both;
}

.okno-danych-projektowanie form > p:nth-child(7) label{
    width: 100px !important;
}

.okno-danych-projektowanie form > p:nth-child(7) textarea{
    width: 510px !important;
}
.okno-danych-projektowanie form > p:last-child{
    text-align: center;
}

.okno-danych-projektowanie form > p:last-child label{
    display: inline;
    float: none;
}

.okno-danych-projektowanie form > p:last-child input{
    float: none;
}

form label, form span {
    color: #000;
}

.step3top .info {
    height: 240px;
}

/* SAMOUCZEK - wydzielić */

.samouczek-box {
    position: absolute;
    z-index: 1010;
    display: none;
}

.samouczek {
    background: #e2f4fe url(/tpl/index/styleimg/samouczek-tlo.png) no-repeat 5px 5px;
    text-align: center;
    width: 200px;
    position: relative;
    border: 4px solid #329ac1;
    padding: 22px 20px 22px 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
    -moz-box-shadow: 3px 3px 4px #666;
    -webkit-box-shadow: 3px 3px 4px #666;
    box-shadow: 3px 3px 4px #666;

}

.samouczek .zamknij {
    background: url(/tpl/index/styleimg/samouczek-zamknij.png) no-repeat;
    width: 17px;
    height: 17px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 3px;
}

.samouczek .zamknij-aktywny {
    background: url(/tpl/index/styleimg/samouczek-zamknij-aktywny.png) no-repeat !important;
}

.samouczek .strzalka {
    position: absolute;
}

.samouczek-lewo .strzalka {
    left: -27px; /* przesunięcie w lewo o szerokość elementu */
    width: 27px;
    height: 38px;
    top: 50%;
    margin-top: -19px; /* połowa wysokości */
    background: url(/tpl/index/styleimg/ar_l.png) no-repeat !important;
}

.samouczek-prawo .strzalka {
    right: -27px; /* przesunięcie w prawo o szerokość elementu */
    width: 27px;
    height: 38px;
    top: 50%;
    margin-top: -19px; /* połowa wysokości */
    background: url(/tpl/index/styleimg/ar_r.png) no-repeat !important;
}

.samouczek-gora .strzalka {
    left: 50%;
    margin-left: -19px;
    width: 38px;
    height: 27px;
    top: -27px;
    background: url(/tpl/index/styleimg/ar_t.png) no-repeat !important;
}

.samouczek-dol .strzalka {
    left: 50%;
    margin-left: -19px;
    width: 38px;
    height: 27px;
    bottom: -27px;
    background: url(/tpl/index/styleimg/ar_b.png) no-repeat !important;
}

.samouczek-okno-logo {
    background: url(/tpl/index/styleimg/samouczek-okno-logo.jpg) no-repeat top left;
    width: 145px;
    height: 90px;
}

.wersja-przycisk_34.ui-button-text-only .ui-button-text {
    padding-left: 0;
    padding-right: 0;
}

.data_top_input {
    position: absolute;
    margin-left: 15px;
}

.sala-aktywna, .wybierana-sala:hover {
    background-color: #e0dace;
}
.zaawansowane tbody:nth-child(odd) td{
    background: #fff;
}

.zaawansowane tbody:nth-child(even) td{
    background: #EDE7E1;
}

.nazwaElementuKafla{
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.nazwaElementuKafla:hover{
    overflow: visible;
    text-overflow: none;
    display: block;
    text-align: center;
    position: relative;
}

.nazwaElementuKafla:hover span{
    background: #fff;
    display: block;
    position: absolute; 
    left:0;
    top: 0;
    margin: 0 auto;
    word-wrap: break-word;
    width: 100%;
    z-index: 10;
}

.checked .nazwaElementuKafla:hover span{
    background: #E0DACE;
}

.nazwaElementuKafla.opis:hover span{
    background: #EDE3DA;
    text-align: left;
}
/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=e3dbd2&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=cdd1d2&fcHeader=6e573c&iconColorHeader=9d8d7b&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=cdd1d2&fcContent=222222&iconColorContent=222222&bgColorDefault=e3dbd2&bgTextureDefault=01_flat.png&bgImgOpacityDefault=75&borderColorDefault=9d8d7b&fcDefault=6e573c&iconColorDefault=9d8d7b&bgColorHover=ffb400&bgTextureHover=01_flat.png&bgImgOpacityHover=75&borderColorHover=9d8d7b&fcHover=6e573c&iconColorHover=6e573c&bgColorActive=ffb400&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=9d8d7b&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=100&borderColorHighlight=cdd1d2&fcHighlight=ffffff&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=000000&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=00&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif !important; /*Verdana, Arial, sans-serif;*/
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

/* .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } */
.ui-widget-content {
    border: 1px solid #cdd1d2;
    background: #ffffff url(/tpl/index/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #cdd1d2;
    background: #e3dbd2 url(/tpl/index/css/images/ui-bg_highlight-soft_75_e3dbd2_1x100.png) 50% 50% repeat-x;
    color: #6e573c;
    font-weight: bold;
}

.ui-widget-header a {
    color: #6e573c;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #9d8d7b;
    background: #9d8d7b;
    font-weight: normal;
    color: #6e573c;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #6e573c;
    text-decoration: none;
}

.ui-button.ui-state-default.ui-state-hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #9d8d7b;
    background: #ffb400 url(/tpl/index/css/images/ui-bg_flat_75_ffb400_40x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #6e573c;
}

.ui-dialog-buttonset .ui-state-hover, input.ui-state-hover, span.ui-state-hover {
    border: 1px solid #6E573C !important;
    background-color: #6E573C !important;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #6e573c;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffb400 url(/tpl/index/css/images/ui-bg_flat_65_ffb400_40x100.png) 50% 50% repeat-x !important;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #cdd1d2;
    background: #9d8d7b url(/tpl/index/css/images/ui-bg_flat_100_9d8d7b_40x100.png) 50% 50% repeat-x;
    color: #ffffff;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #ffffff;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(/tpl/index/css/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
    color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/tpl/index/css/images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_9d8d7b_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_9d8d7b_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_6e573c_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #000000 url(/tpl/index/css/images/ui-bg_flat_50_000000_40x100.png) 50% 50% repeat-x;
    opacity: .50;
    filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #000000 url(/tpl/index/css/images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
    opacity: 00;
    filter: Alpha(Opacity=00);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/*!
 * jQuery UI Resizable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/*!
 * jQuery UI Selectable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

/*!
 * jQuery UI Accordion 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
    width: 100%;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

/*!
 * jQuery UI Autocomplete 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}

/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.23
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

.ui-menu .ui-menu {
    margin-top: -3px;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

/*!
 * jQuery UI Button 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
    color: white !important;
    font-size: 11px !important;
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

/* the overflow property removes extra width in IE */
.ui-button.ui-button-highlight {
    border: solid 1px #FFB400;
    background: #FFB400 !important;
}

.ui-button.ui-button-highlight.ui-state-hover {
    background: #6E573C !important;
}

.ui-button.ui-state-hover {
    background: #6E573C !important;
}

.ui-button-icon-only {
    width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
    font-family: Verdana, Tahoma, Arial, sans-serif !important;
}

.ui-button-text-only .ui-button-text {
    padding: .1em 1em;
    font-size: 11px;
    color: white;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .2em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* reset extra padding in Firefox */
/*!
 * jQuery UI Dialog 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
    text-align: center;
    padding: .4em 1em;
    color: #6e573c;
    font-weight: bold;
    position: relative;
}

.ui-dialog .ui-dialog-titlebar {
    border: none !important;
    background: none !important;
}

.ui-dialog .ui-dialog-title {
    font-size: 15px;
    text-transform: uppercase;
    margin: .0em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: right;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/*!
 * jQuery UI Slider 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/*!
 * jQuery UI Tabs 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

/*!
 * jQuery UI Datepicker 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*!
 * jQuery UI Progressbar 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-tooltip {
    position: absolute;
    z-index: 2000;
    padding: 5px 20px;
    border-radius: 5px;
    box-shadow: 0 0 7px black;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2100;
    text-align: center;
    line-height: 0;
}

#jquery-lightbox a img {
    border: none;
}

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image {
    padding: 10px;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2010;
}

#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}

#lightbox-nav a {
    outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
}

#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}

#lightbox-image-details-caption {
    font-weight: bold;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}
.kalendarz-ladowanie {
    margin: 0 auto;
    z-index: 100000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: #C1AD97;
    background-image: url(/styleimg/ajax-loader-slim.gif);
    background-position: center center;
    background-repeat: no-repeat;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.zapis-strukture-blok {
    display: block;
    margin: 6px 0px 0px 5px;
    width: 43px;
    height: 11px;
}

.zapis-strukture-blok div {
    display: none;
    background: url(/styleimg/ajax-loader-slim.gif) no-repeat;
    width: 100%;
    height: 100%;
}

.kafel {
    width: 133px;
    height: 148px;
    cursor: move;
}

/*.box {
    float: left;
}*/

.wiersz {
    overflow: hidden;
    border-bottom: solid 1px #D3D5D4;
}

.komorka {
    float: left;
    border-right: solid 1px #D3D5D4;
}

.komorka-naglowek {
    border-right: solid 1px transparent;
}

.komorka-naglowek .kalendarz-etykieta {
    position: absolute;
    top: 3px;
    left: -17px;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 0 4px 0px;
}

.komorka-naglowek .kalendarz-etykieta2 {
    position: absolute;
    top: 10px;
    font-size: 9px;
    color: #777;
    left: -6px;
}

.wyposazenie-element {
    padding: 0px 2px;
}

.warstwa {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.warstwa-ruler .ruler {
    top: 49px;
    left: 0;
    position: absolute;
    display: none;
    width: 11px;
    pointer-events: none;
    height: 100%;
    z-index: 5;
    background: url(/tpl/index/styleimg/ruler.png) no-repeat;
}

.nad-komorka {
    background-color: #d2e9ef !important;
    z-index: 19;
}

.kosz-aktywny {
    background-color: #BCB9BD !important;
}

.blok {
    text-align: center;
    font-size: 10px;
    position: absolute;
    z-index: 5;
    opacity: 0.9;

    -moz-box-shadow: inset 0px 0px 11px 6px rgba(102, 102, 102, 0.2);
    -webkit-box-shadow: inset 0px 0px 11px 6px rgba(102, 102, 102, 0.2);
    box-shadow: inset 0px 0px 11px 6px rgba(102, 102, 102, 0.2);

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-collapse: collapse;
}

.blok-RodzajZajec {
    border: 1px solid #6596BD;
    z-index: 3 !important;
}

.blok-Menu {
    border: 1px solid #A69AD1;
    z-index: 4 !important;
}

.blok-Pokoje {
    border: 1px solid #72ff8c;
}

.blok-UslugiDodatkowe {
    border: 1px solid #f5873c;
}

.blok-AtrakcjeDodatkowe {
    border: 1px solid #fdfa9b;
}

.blok-PrzerwyKawowe {
    overflow: hidden;
    z-index: 5 !important;
}

.blok-PrzerwyKawowe .kawa-etykieta {
    border: 1px solid #c3b090;
}

.blok img {
    position: absolute;
    left: 0;
    top: 0;
}

.etykieta {
    position: absolute;
    z-index: 6;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    pointer-events: none;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 5px #fff;
}

.bloki {
    text-align: center;
    margin: 0 auto;
}

.helper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 100000;
}

.display-block {
    display: block;
}

.ui-resizable-e {
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 7px;
    cursor: w-resize;
    background: url(/styleimg/resize_sml_right.png) no-repeat bottom right;
}

.ui-resizable-w {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    width: 7px;
    cursor: w-resize;
    background: url(/styleimg/resize_sml_left.png) no-repeat bottom left;
}

.podbloki-atrakcje {
    width: 100%;
    position: absolute;
    left: 0;
}

.wersja-przycisk {
    padding: 5px 0px;
    width: 126px;
    margin: 1px 0px;
}

.wersja-przycisk .ui-button-text {
    padding-left: 0;
    padding-right: 0;
}

.wersja-wybrana {
    background-color: #FFB400 !important;
}

.podblok-dol {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin-left: -1px;
    text-wrap: no-wrap;
    overflow: hidden;
    background: #b8cee0;
    border: 1px solid #6596bd;
    border-collapse: collapse;
    border-bottom: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.podblok-dol.blok-AtrakcjeKulinarne {

}

.etykieta-przewijaj {
    padding-top: 8px;
}

.niedostepnosc-apla {
    position: absolute;
    z-index: 100;
    background: url('/tpl/index/styleimg/apla-niedostepnosc.png') repeat;
    height: 263px;
    top: 56px;
}

.niedostepnosc-kafla-apla {
    position: absolute;
    z-index: 100;
    opacity: 0.4;
    height: 263px;
    top: 56px;
}

.apla-dostepny {
    background: #afdab0 url('/tpl/index/styleimg/apla-niedostepnosc.png') repeat;
}

.apla-niedostepny {
    background: #ffc4c4 url('/tpl/index/styleimg/apla-niedostepnosc.png') repeat;
}
.promocja-web {
    margin: 15px;
    -moz-box-shadow: 0 0 5px 1px #8F8070;
    -webkit-box-shadow: 0 0 5px 1px #8F8070;
    box-shadow: 0 0 5px 1px #8F8070;
    background-color: white;
    width: 202px;
    height: 189px;
    padding: 3px;
    position: relative;
}

.pw-box {
    background-repeat: no-repeat;
    position: relative;
    height: 189px;
    width: 202px;
    cursor: pointer;
}

.pw-desc {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 0px;
    /*    height: 50%;*/
    overflow: hidden;
    padding: 10px 10px;
    width: 182px;
}

.pw-desc h4 {
    color: #bc0602;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

.pw-desc p {
    margin: 0px;
    color: black;
    font-weight: bold;
}

.pw-okno h2, .pw-woknie h3 {
    color: #bc0602 !important;
    font-size: 16px !important;
    text-transform: none !important;
}

.pw-okno .zapytanie-btn span {
    cursor: pointer;
    padding: 5px 10px;
    background: #9D8D7B;
    display: block;
    margin: 5px 10px;
    color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

.pw-okno img, .pw-woknie img {
    padding: 2px;
    margin: 2px;
    -moz-box-shadow: 0 0 5px 1px #8F8070;
    -webkit-box-shadow: 0 0 5px 1px #8F8070;
    box-shadow: 0 0 5px 1px #8F8070;
}

.miesiac_kalendarza {
    height: 400px;
}

#calendar-step1 h3 {
    white-space: nowrap;
    font-size: 13px;
    min-width: 70px;
    margin: 5px 0;
    padding: 10px 0 10px 24px;
    text-transform: uppercase;
}

#impreza-kroki .krok {
    padding-top: 5px;
    font-weight: bold;
    cursor: pointer;
    float: left;
    color: #9D8D7B;
}

#impreza-kroki .aktywny {
    font-size: 20px;
    font-weight: bold;
    padding-top: 0px;
    color: #FFB400;
    cursor: default;
}

.ustawienia-sali-zakryte {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(249, 247, 245, 0.9);
    font-size: 11px;
    padding: 10px;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

#body .ustawienia-sali-zakryte .ustawienia-sali-zakryte-inside {
    position: absolute;
    background: #f8eacf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    margin-top: 150px;
    text-align: left;
    line-height: 1.5;
    width: 232px;
    overflow: hidden;
    border: solid 1px #d29401;
}

#body .ustawienia-sali-zakryte .ustawienia-sali-zakryte-inside h2 {
    width: auto;
    background: transparent;
    font-size: 11px;
    color: #000;
    text-align: left;
    font-weight: 0;
    margin: 0 0 10px 0;
    padding: 0;
}

.ustawienia-sali-zakryte ul {
    margin: 10px 0 0 5px;
    padding: 0 0 0 10px;
}

.ustawienia-sali-zakryte ul li {
}

table.naglowek tr td span {
    background: #9D8D7B;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    color: white;
    margin: 0;
    padding: 7px;
}

table.naglowek tr td span em {
    font-style: normal;
}

table.naglowek tr td span {
    display: block;
    width: auto;
    padding-left: 1px;
    padding-right: 1px;
    border: solid 2px #fff;
    font-weight: bold;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

table.naglowek tr td.sale {
    vertical-align: top;
}

table.naglowek tr td.inne .arrow {
    padding: 1px 3px 1px 3px;
}

table.naglowek tr td.inne .arrow-left {
    padding-left: 1px;
}

table.naglowek tr td.inne .arrow-right {
    padding-right: 1px;
}

table.naglowek tr td.sale div table span {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

table.naglowek tr td.dni div table span {
    display: inline-block;
    width: 93px;
    text-align: center;
}

table.naglowek tr td.dni div table .aktualna span {
    width: 150px;
}

table.naglowek tr td.aktualna span {
    color: #FFB400;
}

table.naglowek {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    margin-bottom: 2px;
}

table.naglowek tr {
    background: transparent;
}

table.naglowek tr td {
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
}

#ustawienia_sali-step1 {
    height: 427px;
    overflow: hidden;
    position: relative;
}

#ustawienia_sali-step1-inside {
    position: relative;
    overflow: hidden;
    min-height: 420px;
}

#ustawienia_sali-step1 .ustawienieSali:hover {
    background-color: #e0dace;
}

#ustawienia_sali-step1 .nie-podswietlaj:hover {
    background-color: transparent !important;
}

#ustawienia_sali-step1 .ustawienieSali {
    width: 100px;
    text-align: center;
    padding: 10px 16px 10px 16px;
    cursor: pointer;
    float: left;
    overflow: hidden;
}

#ustawienia_sali-step1 .ustawienieSali h3 {
    margin: 0 0 5px 0;
    font-size: 11px;
}

#opt_ustawienia_sali .ustawienieSali .tools {
    overflow: hidden;
}

#opt_ustawienia_sali .ustawienieSali .tools .text {
    display: block;
    width: 90px;
    color: #968D84;
    padding-top: 10px;
    float: left;
    font-size: 11px;
    line-height: 1.1;
}

#opt_ustawienia_sali .ustawienieSali .tools .inputdiv {
    width: 35px;
    float: left;
    display: block;
    background: url(/styleimg/inputUstawienia.png) no-repeat 0 0;
    padding: 3px 2px;
    margin: 5px 0 0 0;
}

#opt_ustawienia_sali .ustawienieSali .tools .inputdiv .input {
    font-size: 11px;
    font-weight: bold;
    width: 30px;
    border: none;
    display: block;
    float: left;
    text-align: center;
    background: #fff;
    padding: 0;
    margin: 0;
}

.checkbox {
    width: 20px;
    height: 19px;
    display: block;
    background: url(/styleimg/checkboxUstawienia.png) no-repeat 0 -19px;
    float: left;
    margin: 5px 0 0 3px;
}

.menus.checked {
    background: #e0dace !important;
}

.checked {
    background: url(/styleimg/checkboxUstawienia.png) 0 0;
}

#opt_ustawienia_sali .checkbox {
    width: 18px;
    height: 20px;
    display: block;
    float: left;
    margin: 5px 0 0 3px;
}

#opt_ustawienia_sali .checked {
    background: url(/styleimg/del.png) 0 0;
}

/* style dla okienek */
.okno-dialog {
    font-size: 11px;
    
}

.okno-dialog p {
    margin: 2px 0px;
}

.okno-dialog .zawartosc {
    padding: 2px 25px;
}

.okno-dialog .zawartosc ul {
    padding: 0px 0px 0px 20px;
    margin: 0;
    list-style: square;
}

.okno-dialog .zawartosc ul li {
    font-size: 11px;
    font-weight: bold;
}

.okno-dialog div.opis {
    font-size: 11px;
}

.okno-dialog h2 {
    text-transform: uppercase;
    color: #C1AD97;
    font-size: 12px;
    font-weight: bold;
}

.okno-dialog h3 {
    text-transform: uppercase;
    color: #C1AD97;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.float-half-left {
    float: left;
    width: 49%;
}

.float-half-right {
    float: right;
    width: 49%;
}

.galeria {
    overflow: hidden;
    padding: 3px 0;
}

.galeria .obraz {

    text-align: center;
    overflow: hidden;
    margin: 5px 0;
    padding: 1px 2px 0 2px;
    float: left;
}

.galeria img {
    padding: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 0px;
    -moz-box-shadow: 0px 0px 3px 0px;
    box-shadow: 0px 0px 3px 0px;
}

#myscroll {
    padding: 0 10px;
}

#myscroll-inside {
    overflow: hidden;
    position: relative;
}

#myscroll-inside .buttons {
    overflow: hidden;
    background: #ddd;
    position: relative;
    padding: 0 15px;
}

#myscroll-inside .buttons .bttn, .galeria .box #myscroll-inside .buttons .bttn {
    float: left;
    position: relative;
    margin: 5px 3px 2px 3px;
    cursor: move;
}

#myscroll-inside .buttons .bttn img, .galeria .box #myscroll-inside .buttons .bttn img, .kafleDoPrzeniesienia img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: block;
    border: solid 2px #fff;
    -webkit-box-shadow: 0px 0px 5px -2px;
    -moz-box-shadow: 0px 0px 5px -2px;
    box-shadow: 0px 0px 5px -2px;
}

#myscroll-inside .buttons .bttn.hover img, .kafleDoPrzeniesienia.hover img {
    border-color: #FFB400;
}

#myscroll-inside .buttons .bttn div, .galeria .box #myscroll-inside .buttons .bttn div, .kafleDoPrzeniesienia div {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 114px;
    padding: 3px 10px;
    height: 20px;
    color: #fff;
    display: table;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background: #9d8e7b;
    margin: 5px auto 0 auto;
}

#myscroll-inside .buttons .bttn.hover div, .kafleDoPrzeniesienia.hover div {
    background: #6E573C;
}

#myscroll-inside .buttons .bttn div span, .galeria .box #myscroll-inside .buttons .bttn div span, .kafleDoPrzeniesienia div span {
    display: table-row;
}

#myscroll-inside .buttons .bttn div span span, .galeria .box #myscroll-inside .buttons .bttn div span span, .kafleDoPrzeniesienia div span span {
    display: table-cell;
    vertical-align: middle;
}

#myscroll-left {
    position: absolute;
    width: 43px;
    height: 160px;
    background: url(/styleimg/btm_scroll_left.png) no-repeat 0 0;
    z-index: 3;
    margin: -2px 0 0 -12px;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#myscroll-left.on {
    background: url(/styleimg/btm_scroll_left.png) no-repeat 0 -162px;
}

#myscroll-right {
    position: absolute;
    width: 43px;
    height: 160px;
    background: url(/styleimg/btm_scroll_right.png) no-repeat 0 0;
    z-index: 3;
    margin: -158px 0 0 627px;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.galeria #myscroll-right {
    height: 110px;
    margin-left: 2px;
    margin-top: 5px;
    background: url(/styleimg/middle-right-arrow.png) no-repeat 0 0;
    width: 18px;
    position: relative;
    display: none;
    float: left;
}

.galeria #myscroll-left {
    height: 110px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 2px;
    width: 18px;
    position: relative;
    display: none;
    background: url(/styleimg/middle-left-arrow.png) no-repeat 0 0;
    float: left;
}

.galeria #myscroll-right.on {
    background: url(/styleimg/middle-right-arrow.png) no-repeat 0 0;
}

.galeria #myscroll-left.on {
    background: url(/styleimg/middle-left-arrow.png) no-repeat 0 0;
}

.galeria #myscroll {
    margin: 0;
    padding: 0;
}

.galeria .box #myscroll-inside .buttons {
    padding: 0;
    overflow: hidden;
    background: #fff;
    padding: 0 15px 0 0;
    position: relative;
}

.galeria .box #myscroll-inside {
    width: 93%;
    float: left;
    background: #fff;
    padding: 0;
    margin: 0 auto;
    position: relative;

}

#myscroll-right.on {
    background: url(/styleimg/btm_scroll_right.png) no-repeat 0 -162px;
}

.tabela-podsumowanie {

}

.tabela-podsumowanie td, .tabela-podsumowanie th {
    border: 1px solid #bcb28e;
    margin: 5px 0px;
    font-size: 11px;
}

.tabela-podsumowanie th {
    background-color: #fff38d;
    padding: 5px 3px;
    text-align: center;
}

.tabela-podsumowanie tr.typ td {
    background-color: #fff9cb;
}

.tabela-agenda th, .tabela-agenda td {
    font-size: 11px;
}

.tabela-agenda th {
    background-color: #b0e1f0;
    padding: 5px 3px;
    text-align: center;
    border: 1px solid #bcb28e;
}

/* AKCJE I STATUSY */
.akcje_box {
    width: 96px;
    height: 20px;
}

.akcje_box_1 {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}

.akcje_box_2 {
    width: 39px;
    height: 20px;
    margin: auto;
}

.akcje_box_3 {
    width: 57px;
    height: 20px;
}

#akcje_info_button {
    border-color: #AE722D !important;
    background-color: #AE722D !important;
}

.przycisk_akcje_statusy {
    height: 18px;
    width: 18px;
    margin-top: 1px;
    margin-left: 1px;
}

.przyciski_akcje_niestandardowe {
    border-radius: 3px !important;
    align-items:center;
    width: 17px !important;
    height: 17px !important;
}
.przyciski_akcje_niestandardowe.zwijanie-kategorii{
    float: right;
    background: #5dd629 !important;
}
.przyciski_akcje_niestandardowe.zwijanie-kategorii.zwiniete{
    background: #6b6b6b !important;
}
.przyciski_akcje_niestandardowe > i {
    margin-top:1px;
    color: #ffffff;
}

.akcje_statusy_last {
    margin-right: 0px;
}

.podglad_on {
    background-image: url(/../styleimg/akcje/show_on.png);
}

.stoliki_on {
    background-image: url(/../styleimg/stoliki.png);
}

.przejmij_impreze {
    background-image: url(/../styleimg/akcje/przejmij_impreze.png);
    width: 30px;
}

.podglad_off {
    background-image: url(/../styleimg/akcje/show_off.png);
}

.edycja_on {
    background-image: url(/../styleimg/akcje/edit_on.png);
}

.wyczysc_formularz_przycisk {
	background-color: #9D8D7B;
    background-image: url(/../styleimg/sml_reset.png);
}

.edycja_off {
    background-image: url(/../styleimg/akcje/edit_off.png);
}

.aktywuj_on {
    background-image: url(/../styleimg/akcje/active_on.png);
}

.aktywuj_off {
    background-image: url(/../styleimg/akcje/active_off.png);
}

.deaktywuj_on {
    background-image: url(/../styleimg/akcje/noentry_on.png);
}

.deaktywuj_off {
    background-image: url(/../styleimg/akcje/noentry_off.png);
}

.wylacz_on {
    background-image: url(/../styleimg/akcje/off_on.png);
}
.konfig_on {
    background-image: url(/../styleimg/configelement.png);
}

.wylacz_off {
    background-image: url(/../styleimg/akcje/off_off.png);
}

.usun_on {
    background-image: url(/../styleimg/akcje/thrash_on.png);
}

.usun_off {
    background-image: url(/../styleimg/akcje/thrash_off.png);
}
/* kto� wpad� na pomys�, �eby wstawia� du�e obrazki do notatek specyfikacji...*/
.notatka-format > img{
	max-width:920px !important;
}
/* Wprowadzanie danych -> Automatyzacja */
.automatyzacja-ikona-dziennika {
    background: #9D8D7B;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 17px;
    vertical-align: top;
}
.automatyzacja-ikona-testu {
    background: #5a8f3c;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 17px;
    vertical-align: top;
}
.automatyzacja-ikona-ponowienia {
    background: #c9822b;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 17px;
    vertical-align: top;
}
.automatyzacja-ikona-pobrania {
    background: #4a7ab5;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 17px;
    vertical-align: top;
}
/* „Pobierz załączniki”: pasek stanu generowania w tle */
.automatyzacja-pobieranie {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10000;
    padding: 8px 14px;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
.automatyzacja-formularz .flex > div.value.automatyzacja-test-opis {
    padding-top: 9px;
    line-height: 16.5px;
    font-weight: bold;
}
.automatyzacja-lista td {
    vertical-align: top;
}
.automatyzacja-lista td.automatyzacja-odbiorcy {
    word-break: break-all;
}
.automatyzacja-formularz .formularzNowy h2 span {
    color: #968d84;
    font-size: 12px;
    text-transform: uppercase;
}
.automatyzacja-formularz .flex {
    align-items: flex-start;
}
.automatyzacja-formularz .flex > div.label {
    padding-top: 7px;
    flex-shrink: 0;
}
.automatyzacja-formularz .flex > div.value {
    min-width: 0;
}
.automatyzacja-lista td.automatyzacja-akcje {
    white-space: nowrap;
    padding-top: 3px;
}
.automatyzacja-formularz .flex > div.value > input[type="checkbox"]:first-child {
    margin: 8px 6px 0 0;
}
/* pola liczbowe i daty wyglądają jak pozostałe pola formularza systemu (formularzNowy stylizuje tylko text/select) */
.automatyzacja-formularz .formularzNowy input[type=number],
.automatyzacja-formularz .formularzNowy input[type=date] {
    height: 30px;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font: bold 11px Tahoma, Arial, Verdana, sans-serif;
    color: #444;
    background: #fff;
}
.automatyzacja-formularz .formularzNowy input[type=date] {
    width: 160px;
}
.automatyzacja-formularz .automatyzacja-pola-w-wierszu {
    display: flex;
    gap: 6px;
}
.automatyzacja-formularz .automatyzacja-pola-w-wierszu select {
    width: auto;
    flex: 1 1 0;
}
.automatyzacja-formularz .formularzNowy input.automatyzacja-liczba {
    width: 70px;
    flex: 0 0 70px;
}
.automatyzacja-formularz small.gray {
    display: inline-block;
    margin-top: 3px;
    font-size: 10px;
    line-height: 1.4;
}
/* lista i dziennik: przewijana tabela z nagłówkiem przyklejonym u góry */
.automatyzacja-przewijanie {
    overflow-y: auto;
}
.automatyzacja-box {
    min-height: 510px;
}
/* lista wypełnia wysokość okna (nagłówek strony, filtr i przyciski pod listą to ok. 400 px) */
.automatyzacja-przewijanie-listy {
    max-height: calc(100vh - 400px);
    min-height: 330px;
}
.automatyzacja-przewijanie-dziennika {
    max-height: calc(100vh - 330px);
    min-height: 200px;
}
.automatyzacja-przewijanie table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}
/* treść maila: klikane zmienne {…} */
.automatyzacja-formularz .automatyzacja-zmienne {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding-top: 5px;
}
.automatyzacja-formularz .automatyzacja-zmienna {
    cursor: pointer;
    padding: 2px 7px;
    border: 1px solid #c1ad97;
    background: #f7f4f2;
    color: #6b5d4f;
    font: bold 11px/16px Tahoma, Arial, Verdana, sans-serif;
}
.automatyzacja-formularz .automatyzacja-zmienna:hover {
    background: #e3dbd2;
}
.automatyzacja-formularz textarea#automatyzacja-mail-tresc {
    min-height: 90px;
    resize: vertical;
}
/* pole adresów: kafelki select2 */
.automatyzacja-formularz .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-weight: bold;
}
.automatyzacja-ostrzezenie {
    margin-top: 6px;
    padding: 6px 8px;
    background: #fff8e1;
    border-left: 3px solid #f0a020;
    font-weight: normal;
    color: #5a4a2a;
}
.automatyzacja-formularz .formularzNowy .automatyzacja-pole-zmiennych::placeholder {
    color: #aaa;
    font-weight: normal;
    font-style: italic;
}
/* kreator automatyzacji: kroki */
.automatyzacja-formularz .automatyzacja-kroki {
    display: flex;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
    border-bottom: 3px solid #e3dbd2;
}
.automatyzacja-formularz .automatyzacja-kroki li {
    flex: 1 1 0;
    padding: 8px 6px;
    margin-bottom: -3px;
    border-bottom: 3px solid transparent;
    color: #968d84;
    font: bold 11px Tahoma, Arial, Verdana, sans-serif;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.automatyzacja-formularz .automatyzacja-kroki li:hover {
    color: #6b5d4f;
}
.automatyzacja-formularz .automatyzacja-kroki li.aktywny {
    color: #6b5d4f;
    border-bottom-color: #f0a020;
}
.automatyzacja-formularz .automatyzacja-kroki-numer {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    border-radius: 50%;
    background: #e3dbd2;
    color: #6b5d4f;
    line-height: 18px;
    text-align: center;
}
.automatyzacja-formularz .automatyzacja-kroki li.aktywny .automatyzacja-kroki-numer {
    background: #f0a020;
    color: #fff;
}
.automatyzacja-formularz .automatyzacja-kroki li.zrobiony .automatyzacja-kroki-numer {
    background: #9D8D7B;
    color: #fff;
}
.automatyzacja-formularz .automatyzacja-krok-opis {
    margin: 4px 0 10px;
    color: #6b5d4f;
}
.automatyzacja-formularz .automatyzacja-krok-blad {
    margin-bottom: 10px;
    padding: 8px 10px;
    background: #fdecea;
    border-left: 3px solid #c0392b;
    color: #8e2b20;
    font-weight: bold;
}
/* kreator: karty rodzajów wysyłki */
.automatyzacja-formularz .automatyzacja-rodzaj {
    margin-bottom: 8px;
    border: 1px solid #e3dbd2;
    background: #fbfaf8;
}
.automatyzacja-formularz .automatyzacja-rodzaj-wlaczony {
    border-color: #c1ad97;
    background: #fff;
}
.automatyzacja-formularz label.automatyzacja-rodzaj-naglowek {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    cursor: pointer;
}
.automatyzacja-formularz .automatyzacja-rodzaj-naglowek i {
    width: 16px;
    color: #9D8D7B;
    text-align: center;
}
.automatyzacja-formularz .automatyzacja-rodzaj-wlaczony .automatyzacja-rodzaj-naglowek i {
    color: #f0a020;
}
.automatyzacja-formularz .automatyzacja-rodzaj-naglowek strong {
    min-width: 150px;
    flex-shrink: 0;
}
.automatyzacja-formularz .automatyzacja-rodzaj-tresc {
    padding: 0 10px 10px 34px;
}
.automatyzacja-formularz .automatyzacja-rodzaj-opcja {
    margin: 8px 0;
}
.automatyzacja-formularz .automatyzacja-rodzaj-opcja > label {
    display: block;
    margin-bottom: 3px;
    color: #968d84;
    font-weight: bold;
}
/* kreator: podsumowanie */
.automatyzacja-formularz .automatyzacja-podsumowanie th {
    width: 170px;
    padding: 6px 8px;
    background: #f7f4f2;
    color: #968d84;
    text-align: right;
    vertical-align: top;
    border: 0;
    border-bottom: 1px solid #fff;
}
.automatyzacja-formularz .automatyzacja-podsumowanie td {
    padding: 6px 8px;
    vertical-align: top;
    border-bottom: 1px solid #f0ebe5;
}
.automatyzacja-formularz .automatyzacja-podsumowanie ul {
    margin: 0;
    padding-left: 16px;
}

/* pasek filtrów listy i dziennika */
.automatyzacja-filtr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    background: #f7f4f2;
    border: 1px solid #e3dbd2;
}
.automatyzacja-filtr > div.left {
    float: none;
    margin: 0;
}
.automatyzacja-filtr > div.clear {
    display: none;
}
.automatyzacja-filtr input[type=text],
.automatyzacja-filtr select {
    height: 28px;
    padding: 4px 6px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff;
    color: #444;
    font: bold 11px Tahoma, Arial, Verdana, sans-serif;
}
.automatyzacja-filtr input[type=text] {
    width: 260px;
    padding-left: 26px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239D8D7B' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E") no-repeat 7px center;
}
.automatyzacja-filtr input[type=text]::placeholder {
    color: #aaa;
    font-weight: normal;
}
.automatyzacja-filtr input[type=text]:focus,
.automatyzacja-filtr select:focus {
    border-color: #c1ad97;
    outline: none;
}
.automatyzacja-filtr .przycisk {
    margin: 0;
}
.automatyzacja-filtr > div.right {
    float: none;
    margin: 0 0 0 auto;
    color: #968d84;
}
/* lista: zawartość per rodzaj */
.automatyzacja-lista .automatyzacja-zawartosc-typ {
    margin-bottom: 2px;
}
.automatyzacja-lista th.automatyzacja-kolumna-zawartosc {
    width: 210px;
}
.automatyzacja-lista .automatyzacja-znacznik-typu {
    white-space: nowrap;
    display: inline-block;
    margin-right: 3px;
    padding: 0 5px;
    background: #e3dbd2;
    color: #6b5d4f;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
}
/* treść maila: przywracanie tekstu domyślnego */
.automatyzacja-formularz .automatyzacja-pod-polem {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}
.automatyzacja-formularz .automatyzacja-przywroc {
    flex-shrink: 0;
    margin-top: 3px;
    color: #9a5b1c;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
}
.automatyzacja-formularz .automatyzacja-przywroc:hover {
    text-decoration: underline;
}
/* podgląd maila */
.automatyzacja-podglad-maila .automatyzacja-podglad-naglowek th {
    width: 140px;
    padding: 4px 8px;
    white-space: nowrap;
    vertical-align: top;
}
.automatyzacja-podglad-maila .automatyzacja-podglad-naglowek td {
    padding: 4px 8px;
    word-break: break-word;
    overflow-wrap: anywhere;
}
.automatyzacja-podglad-maila .automatyzacja-podglad-zalaczniki {
    max-height: 160px;
    overflow-y: auto;
}
.automatyzacja-podglad-maila iframe.automatyzacja-podglad-tresc {
    box-sizing: border-box;
    width: 100%;
    height: 420px;
    border: 1px solid #e2ddd7;
    background: #fff;
}
.automatyzacja-formularz .select2-selection__choice .automatyzacja-adres-osoba {
    color: #968d84;
    font-weight: normal;
}
.automatyzacja-formularz .select2-selection__choice {
    cursor: text;
}
.automatyzacja-ikona-blokady {
    background: #bbb;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 17px;
    vertical-align: top;
    cursor: help;
}
.automatyzacja-formularz .automatyzacja-podsumowanie-szczegol {
    margin-top: 3px;
    color: #968d84;
    font-size: 11px;
}
/* kreator: ustawienia sekcji i pozycji */
.automatyzacja-formularz .automatyzacja-ustawienia-sekcji,
.automatyzacja-formularz .automatyzacja-pozycje {
    margin-top: 8px;
    padding: 6px 10px;
    background: #fbfaf8;
    border: 1px dashed #e3dbd2;
}
.automatyzacja-formularz .automatyzacja-ustawienia-tytul {
    margin-bottom: 4px;
    color: #6b5d4f;
    font-weight: bold;
}
.automatyzacja-formularz .automatyzacja-pozycja {
    border-top: 1px solid #efe9e2;
    padding: 4px 0;
}
.automatyzacja-formularz .automatyzacja-pozycja:first-child {
    border-top: 0;
}
.automatyzacja-formularz label.automatyzacja-pozycja-naglowek {
    display: flex;
    align-items: baseline;
    gap: 6px;
    cursor: pointer;
    font-weight: bold;
}
.automatyzacja-formularz .automatyzacja-pozycja-nazwa {
    flex-shrink: 0;
    max-width: 50%;
}
.automatyzacja-formularz .automatyzacja-pozycja-opis {
    font-weight: normal;
}
.automatyzacja-formularz .automatyzacja-pozycja-wlasna .automatyzacja-pozycja-opis {
    color: #9a5b1c;
}
.automatyzacja-formularz .automatyzacja-pozycja-pola {
    padding: 2px 0 6px 22px;
}
/* kreator: ustawienia sekcji zwinięte do linii ze skrótem, „Zmień” rozwija pola */
.automatyzacja-formularz .automatyzacja-sekcja-przelacznik {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 0;
    cursor: pointer;
    user-select: none;
}
.automatyzacja-formularz .automatyzacja-sekcja-skrot {
    flex: 1;
    color: #968d84;
    font-weight: normal;
}
.automatyzacja-formularz .automatyzacja-sekcja-zmien {
    white-space: nowrap;
    color: #b8741a;
    font-weight: bold;
}
.automatyzacja-formularz .automatyzacja-sekcja-zmien .fa-chevron-down {
    transition: transform .15s;
}
.automatyzacja-formularz .automatyzacja-sekcja-pola {
    display: none;
    margin-top: 6px;
}
.automatyzacja-formularz .automatyzacja-sekcja-otwarta .automatyzacja-sekcja-pola {
    display: block;
}
.automatyzacja-formularz .automatyzacja-sekcja-otwarta .automatyzacja-sekcja-skrot {
    visibility: hidden;
}
.automatyzacja-formularz .automatyzacja-sekcja-otwarta .automatyzacja-sekcja-zmien .fa-chevron-down {
    transform: rotate(180deg);
}
/* szybki wybór zakresu dokumentów */
.automatyzacja-formularz .automatyzacja-szybkie-zakresy {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-top: 5px;
}
.automatyzacja-formularz .automatyzacja-szybki-zakres {
    padding: 1px 8px;
    border: 1px solid #e3dbd2;
    border-radius: 10px;
    background: #fff;
    color: #6b5d4f;
    font-size: 11px;
    cursor: pointer;
}
.automatyzacja-formularz .automatyzacja-szybki-zakres:hover {
    border-color: #b8741a;
}
.automatyzacja-formularz .automatyzacja-szybki-zakres-aktywny {
    border-color: #e8a020;
    background: #e8a020;
    color: #fff;
}
/* krok 2: rytm wysyłki słowami */
.automatyzacja-formularz .automatyzacja-opis-rytmu {
    margin-top: 5px;
    color: #4f7f36;
    font-weight: bold;
}
/* krok 2: dni tygodnia wysyłki codziennej */
.automatyzacja-formularz .automatyzacja-dni-tygodnia {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
}
.automatyzacja-formularz label.automatyzacja-dzien {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 7px;
    border: 1px solid #e3dbd2;
    border-radius: 10px;
    background: #fff;
    color: #6b5d4f;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}
.automatyzacja-formularz label.automatyzacja-dzien-weekend {
    color: #b8741a;
}
.automatyzacja-formularz .automatyzacja-dni-skroty span {
    margin-left: 6px;
    color: #b8741a;
    font-size: 11px;
    text-decoration: underline dotted;
    cursor: pointer;
}
/* luka w zakresie dokumentów: dni, których nie obejmie żaden mail */
.automatyzacja-formularz .automatyzacja-ostrzezenie-luki {
    margin-top: 6px;
    padding: 4px 8px;
    border-left: 3px solid #e8a020;
    background: #fdf3e2;
    color: #8a5a10;
}
.automatyzacja-lista .automatyzacja-luka {
    color: #b8741a;
    cursor: help;
}
/* ostatnia wysyłka z crona nie powiodła się (albo poszła częściowo) */
.automatyzacja-lista .automatyzacja-znacznik-bledu {
    display: inline-block;
    margin-top: 3px;
    padding: 1px 6px;
    border-radius: 3px;
    background: #f2dede;
    color: #a94442;
    font-size: 11px;
    font-weight: bold;
}
.automatyzacja-lista .automatyzacja-znacznik-bledu-czesciowy {
    background: #fdf3e2;
    color: #8a5a10;
}
.automatyzacja-lista .automatyzacja-statystyka {
    display: inline-block;
    margin-top: 3px;
    white-space: nowrap;
    cursor: help;
}
.automatyzacja-lista .automatyzacja-statystyka-czesciowo {
    color: #8a5a10;
}
/* kreator: gotowe wzory nowej automatyzacji */
.automatyzacja-formularz .automatyzacja-wzory {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    padding: 8px 10px;
    background: #fbfaf8;
    border: 1px dashed #e3dbd2;
}
.automatyzacja-formularz .automatyzacja-wzory > div {
    flex-basis: 100%;
}
.automatyzacja-formularz .automatyzacja-wzor {
    padding: 2px 10px;
    border: 1px solid #e3dbd2;
    border-radius: 12px;
    background: #fff;
    color: #6b5d4f;
    font-weight: bold;
    cursor: pointer;
}
.automatyzacja-formularz .automatyzacja-wzor:hover {
    border-color: #b8741a;
}
.automatyzacja-formularz .automatyzacja-wzor-aktywny {
    border-color: #e8a020;
    background: #e8a020;
    color: #fff;
}

.automatyzacja-formularz .automatyzacja-filtry-siatka {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 6px 12px;
    margin-bottom: 4px;
}
.automatyzacja-formularz .automatyzacja-filtr small {
    display: block;
    margin-bottom: 2px;
}
.automatyzacja-formularz .automatyzacja-tylko-zmienione {
    display: block;
    margin: 4px 0;
}
.automatyzacja-formularz .automatyzacja-tylko-zmienione small {
    display: block;
    margin-left: 20px;
    font-weight: normal;
}
/* „Pokaż pasujące wydarzenia” w ustawieniach sekcji / pozycji */
.automatyzacja-formularz .automatyzacja-pasujace-wydarzenia small {
    margin-left: 6px;
}
.automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-naglowek {
    margin-bottom: 8px;
    font-size: 13px;
}
.automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-info {
    margin-bottom: 6px;
    padding: 4px 8px;
    border-left: 3px solid #e8a020;
    background: #fdf3e2;
    color: #8a5a10;
}
.automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-lista table {
    border-collapse: collapse;
}
.automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-lista th {
    padding: 4px 6px;
    border-bottom: 1px solid #e2ddd7;
    background: #f7f3ee;
    text-align: left;
    white-space: nowrap;
}
.automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-lista td {
    padding: 3px 6px;
    border-bottom: 1px solid #f0ebe5;
    vertical-align: top;
}
.automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-lista .align-right {
    text-align: right;
}
.automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-lista .nowrap {
    white-space: nowrap;
}
.automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-wiecej {
    margin-top: 6px;
}
.automatyzacja-podglad-wydarzen .automatyzacja-podglad-wydarzen-lista a {
    text-decoration: underline;
}