*{margin:0px;padding:0px;}
.responsive-img {
  max-width: 100%;
  height: auto;
}
body{background-color:#A9AAAA; background-image: url(grafika/tlo.png); background-repeat: repeat-x;color:#000000;}
tr.tabela_naglowek {font-family: Arial; font-size: 8px;}
td.komorka_pomniejszona {font-family: Arial; font-size: 8px;}
table.tabela_magazyn {font-family: Arial; font-size: 12px;}
  .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2;
  }
  .overlay.calendar-editor-overlay {
    position: fixed;
    z-index: 1000;
    overflow-y: auto;
  }

  .confirm-box {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 25%;
    left: 25%;
    text-align: center;
    background: white;
  }
  .confirm-box.calendar-editor-shell {
    position: relative;
    width: min(560px, calc(100% - 32px));
    height: auto;
    max-height: calc(100vh - 150px);
    top: auto;
    left: auto;
    margin: 120px auto 24px;
    overflow-y: auto;
    border-radius: 10px;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.35);
  }

  .close {
    cursor: pointer;
  }
  .calendar-editor-shell .close {
    position: absolute;
    top: 12px;
    right: 14px;
    z-index: 2;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    color: #5f6b76;
    font-size: 18px;
  }
  .calendar-editor-shell .close:hover {background:#eef2f5;color:#17212b;}

.calendar-month-navigation {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  max-width:620px;
  margin:0 0 14px;
}
.calendar-nav-button {
  padding:8px 13px;
  border:1px solid #aab6c0;
  border-radius:6px;
  background:#fff;
  color:#17324d;
  cursor:pointer;
}
.calendar-nav-button:hover {background:#edf6fb;border-color:#0095da;}
.calendar-nav-button:disabled {opacity:.45;cursor:not-allowed;background:#f2f2f2;border-color:#c9cfd4;}
.calendar-current-month {font:600 16px Arial,sans-serif;text-transform:capitalize;}

.calendar-editor {text-align:left;font-family:Arial,sans-serif;color:#17212b;}
.calendar-editor__header {padding:22px 54px 17px 24px;border-bottom:1px solid #dce3e8;}
.calendar-editor__header h2 {margin:0 0 4px;font-size:21px;font-weight:600;}
.calendar-editor__subtitle {margin:0;color:#697784;font-size:13px;}
.calendar-editor__body {padding:20px 24px;}
.calendar-editor__grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.calendar-editor__field {display:flex;flex-direction:column;gap:6px;}
.calendar-editor__field--wide {grid-column:1 / -1;}
.calendar-editor__field label {font-size:12px;font-weight:bold;color:#566572;text-transform:uppercase;letter-spacing:.03em;}
.calendar-editor__field input,.calendar-editor__field select {box-sizing:border-box;width:100%;padding:10px;border:1px solid #b9c4cd;border-radius:6px;background:#fff;font-size:14px;}
.calendar-editor__field input:focus,.calendar-editor__field select:focus {outline:2px solid rgba(0,149,218,.2);border-color:#0095da;}
.calendar-editor__status {display:none;margin-top:15px;padding:10px 12px;border-radius:6px;font-size:13px;}
.calendar-editor__status.is-visible {display:block;background:#eaf5fb;color:#125b7e;}
.calendar-editor__status.is-error {display:block;background:#fdecec;color:#9d2020;}
.calendar-editor__actions {display:flex;justify-content:flex-end;gap:10px;padding:15px 24px;border-top:1px solid #dce3e8;background:#f7f9fa;border-radius:0 0 10px 10px;}
.calendar-editor__button {padding:10px 18px;border:1px solid #aab6c0;border-radius:6px;background:#fff;cursor:pointer;font-weight:bold;}
.calendar-editor__button--primary {border-color:#007db8;background:#0095da;color:#fff;}
.calendar-editor__button:disabled {opacity:.55;cursor:wait;}
.calendar-editor__history {margin-top:20px;}
.calendar-editor__history-item {padding:8px 0;border-top:1px solid #edf0f2;font-size:12px;color:#52616d;}
@media (max-width:600px) {.calendar-editor__grid{grid-template-columns:1fr}.calendar-editor__field--wide{grid-column:auto}.calendar-month-navigation{flex-wrap:wrap}.calendar-current-month{order:-1;width:100%;}}
@media (max-height:720px) {.confirm-box.calendar-editor-shell{margin-top:80px;max-height:calc(100vh - 100px)}}
#main{width:100%;}
#gora{width:100%;}
#inc_main {
	clear: both;
    margin: 0 10px;
    padding: 10px;
    border: 1px solid #000;
    box-sizing: border-box;
    min-height: 100px; /* lub więcej, testowo */
    position: relative; /* wymusza kontekst pozycjonowania */
 background-color: rgba(0, 150, 255, 0.1); /* lekki błękit, testowo */
}
#menu_urzadzenia{color:#000000;vertical-align:top;width:250;}
#menu_galeria{color:#000000;vertical-align:top;width:250;}
#menu_gora {
  float: left;
  position: relative;
  top: 1px;
  left: 0;
  width: 100%;
  height: 42px; /* Dopasuj do wysokości menu, jeśli trzeba */
  background: #0095da;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); /* Lekki cień w dół */
  z-index: 10;
}
#dane_log{float:right;text-align:right;color:#101010;width:800px;font-size:12px; margin-right: 20px;margin-top: 10px;}
#logowanie{color:#000000; text-align:center; font-size:large; font-family:Arial,sans-serif;width:600;}
.banner_start{float:left;width:150;}
.logowanie{float:right;text-align:right;color:#101010;width:800px;font-size:12px; }
#logowanie_input{background-image: url(grafika/logowanie_input.png);width:167px;height:26px;BORDER-BOTTOM: #000000 2px solid; BORDER-LEFT: #000000 2px solid; BACKGROUND-COLOR: #000000;  BORDER-TOP: #000000 2px solid; BORDER-RIGHT: #000000 2px solid}
#panel_dol {
    margin: 5px auto;
    width: calc(100% - 50px);
    height: 46px;
    text-align: center;
}

.popup-box {
	position: absolute;
    background-color: #0095da;
    color: white;
    padding: 12px 18px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    font-weight: bold;
    z-index: 9999;
    max-width: 300px;
}
.popup-box div {margin-bottom: 6px;}
.popup-box .produkt-popup-dane {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 0;
}
.popup-box .produkt-popup-miniatura {
    flex: 0 0 82px;
    width: 82px;
    height: 82px;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,0.75);
    border-radius: 7px;
    background: white;
}
.popup-box .produkt-popup-tresc {
    min-width: 0;
    margin-bottom: 0;
}
.popup-box[class*="produkt-status-"] {
    max-width: 430px;
}

/* Kolor popupu produktu gotowego zależny od jego statusu. */
.popup-box.produkt-status-0 {background-color: #2e7d32;} /* Sprawne */
.popup-box.produkt-status-1 {background-color: #ef6c00;} /* Wymagany serwis */
.popup-box.produkt-status-2 {background-color: #9a7b00;} /* Wymagany przegląd */
.popup-box.produkt-status-3 {background-color: #c62828;} /* Awaria */
.popup-box.produkt-status-4 {background-color: #d84315;} /* Usterka */
.popup-box.produkt-status-5 {background-color: #616161;} /* Wycofane */
.popup-box.produkt-status-6 {background-color: #424242;} /* Zutylizowane */
.popup-box.produkt-status-7 {background-color: #6a1b9a;} /* Poprawki */
.popup-box.produkt-status-8 {background-color: #0277bd;} /* Wymagany kontakt */
.popup-box.produkt-status-9 {background-color: #455a64;} /* Archiwum */

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 9999px;
  display: block;
  height: 10px;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.progress::-webkit-progress-bar {background-color: #ededed;}
.progress::-webkit-progress-value {background-color: #4a4a4a;}
.progress::-moz-progress-bar {background-color: #4a4a4a;}
.progress::-ms-fill {background-color: #4a4a4a;border: none;}
.progress.is-white::-webkit-progress-value {background-color: white;}
.progress.is-white::-moz-progress-bar {background-color: white;}
.progress.is-white::-ms-fill {background-color: white;}
.progress.is-white:indeterminate {background-image: linear-gradient(to right, white 30%, #ededed 30%);}
.progress.is-black::-webkit-progress-value {background-color: #0a0a0a;}
.progress.is-black::-moz-progress-bar {background-color: #0a0a0a;}
.progress.is-black::-ms-fill {background-color: #0a0a0a;}
.progress.is-black:indeterminate {background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%);}
.progress.is-light::-webkit-progress-value {background-color: whitesmoke;}
.progress.is-light::-moz-progress-bar {background-color: whitesmoke;}
.progress.is-light::-ms-fill {background-color: whitesmoke;}
.progress.is-light:indeterminate {background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%);}
.progress.is-dark::-webkit-progress-value {background-color: #363636;}
.progress.is-dark::-moz-progress-bar {background-color: #363636;}
.progress.is-dark::-ms-fill {background-color: #363636;}
.progress.is-dark:indeterminate {background-image: linear-gradient(to right, #363636 30%, #ededed 30%);}
.progress.is-primary::-webkit-progress-value {background-color: #00d1b2;}
.progress.is-primary::-moz-progress-bar {background-color: #00d1b2;}
.progress.is-primary::-ms-fill {background-color: #00d1b2;}
.progress.is-primary:indeterminate {background-image: linear-gradient(to right, #00d1b2 30%, #ededed 30%);}
.progress.is-link::-webkit-progress-value {background-color: #485fc7;}
.progress.is-link::-moz-progress-bar {background-color: #485fc7;}
.progress.is-link::-ms-fill {background-color: #485fc7;}
.progress.is-link:indeterminate {background-image: linear-gradient(to right, #485fc7 30%, #ededed 30%);}
.progress.is-info::-webkit-progress-value {background-color: #3e8ed0;}
.progress.is-info::-moz-progress-bar {background-color: #3e8ed0;}
.progress.is-info::-ms-fill {background-color: #3e8ed0;}
.progress.is-info:indeterminate {background-image: linear-gradient(to right, #3e8ed0 30%, #ededed 30%);}
.progress.is-success::-webkit-progress-value {background-color: #48c78e;}
.progress.is-success::-moz-progress-bar {background-color: #48c78e;}
.progress.is-success::-ms-fill {background-color: #48c78e;}
.progress.is-success:indeterminate {background-image: linear-gradient(to right, #48c78e 30%, #ededed 30%);}
.progress.is-warning::-webkit-progress-value {background-color: #ffe08a;}
.progress.is-warning::-moz-progress-bar {background-color: #ffe08a;}
.progress.is-warning::-ms-fill {background-color: #ffe08a;}
.progress.is-warning:indeterminate {background-image: linear-gradient(to right, #ffe08a 30%, #ededed 30%);}
.progress.is-danger::-webkit-progress-value {background-color: #f14668;}
.progress.is-danger::-moz-progress-bar {background-color: #f14668;}
.progress.is-danger::-ms-fill {background-color: #f14668;}
.progress.is-danger:indeterminate {background-image: linear-gradient(to right, #f14668 30%, #ededed 30%);}
.progress:indeterminate {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: moveIndeterminate;
          animation-name: moveIndeterminate;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background-color: #ededed;
  background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}

.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}

.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}

.progress:indeterminate::-ms-fill {
  animation-name: none;
}

.progress.is-small {
  height: 0.75rem;
}

.progress.is-medium {
  height: 1.25rem;
}

.progress.is-large {
  height: 1.5rem;
}


.zdjecia_art{height:75px;border:2px solid black;border-color:#C1C19B; margin:5px;}
#ramka_zdjecia{background-color:#ffffff;  width:712; height:105px;}
#tytul{color:#00DB72; text-align:left; font-size:15; font-family:Arial,sans-serif;width:700;margin:1px;padding:1px;}
#wybor_jezyka{color:#ffffff; text-align:right; font-size:11; font-family:Arial,sans-serif;width:150;margin:1px;padding:1px;}
#zgloszenia{background-color:#ffffff;width:940;font-size:12;border-spacing: 2mm 0mm}
#zgloszenia a:link {color:#000000; text-decoration:none;}
#zgloszenia a:hover {color:#000000; text-decoration:none;}
#zgloszenia a:visited {color:#000000; text-decoration:none;}
#zgloszenia a:active {color:#000000; text-decoration:none;}
#statystyka{background-color:#ffffff;width:940;font-size:12;border-spacing: 2mm 0mm}
#statystyka a:link {color:#000000; text-decoration:none;}
#statystyka a:hover {color:#000000; text-decoration:none;}
#statystyka a:visited {color:#000000; text-decoration:none;}
#statystyka a:active {color:#000000; text-decoration:none;}

.pg-przeglady {
    margin: 16px 0 22px;
    border: 1px solid #b8d7e7;
    background: #f8fcfe;
}
.pg-przeglady legend {
    padding: 0 8px;
    color: #004c80;
    font-weight: bold;
}
.pg-przeglady-tabela {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
}
.pg-przeglady-tabela th {
    padding: 7px 9px;
    background: #0095da;
    color: #fff;
    text-align: left;
}
.pg-przeglady-tabela td {
    padding: 7px 9px;
    border-bottom: 1px solid #dce6eb;
    text-align: left;
}
.pg-przeglady-tabela a {
    color: #006b9e;
    font-weight: bold;
    text-decoration: none;
}
.pg-przeglady-tabela a:hover { text-decoration: underline; }
.pg-przeglad-badge {
    display: inline-block;
    min-width: 82px;
    padding: 3px 7px;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
}
.pg-przeglad-zalegly .pg-przeglad-badge { background: #f7d4d4; color: #a00000; }
.pg-przeglad-pilny .pg-przeglad-badge { background: #ffe6b8; color: #865400; }
.pg-przeglad-planowany .pg-przeglad-badge { background: #dff1df; color: #246b24; }
.pg-przeglady-brak, .pg-przeglady-info { padding: 9px; color: #68757c; }
.pg-przeglady-info { font-size: 11px; }

#menux{float:right;background-color:#1D97BC;text-align:left;}
#menu_terminal{float:left;background-color:#1D97BC;text-align:left;}
#menux a:link {color:#000000; text-decoration:none;}
#menux a:hover {color:#00ff00; text-decoration:none;}
#menux a:visited {color:#ffffff; text-decoration:none;}
#menux a:active {color:#000000; text-decoration:none;}
.m2 {color:#ffffff;padding-left: 10px;padding-right: 10px;}
.kreator {background-color:#808080;color:#000000; text-decoration:none;}
#naglowek_tabela {color:#ffffff; text-decoration:none;}
#zawartosc_tabela {color:#101010; text-decoration:none;}
#link_tabela {color:#101010;text-decoration:none;}
#link_tabela_foto {text-align:center;text-decoration:none;border:0;margin:1px;padding:1px;width:10px;height:10px;}
#ustawienia {color:#000000; text-decoration:none;width:740;}
#button{background-color:#808080;color:#ffffff; text-decoration:none;border:none;}
#ftp_dyski{cursor:default;color:#000000; text-align:left;font-size:10; font-family:Arial,sans-serif;height:20px;}
#ftp_pliki{cursor:default;color:#000000; text-align:left;font-size:10; font-family:Arial,sans-serif;height:20px;}
#ftp_katalogi{cursor:default;color:#000000; text-align:left;font-size:10; font-family:Arial,sans-serif;height:10px;}
#ftp_ico{border:0;width:10px;height:10px;margin-right:20;}
#mgrzad_proces_nazwa{color:#000000; text-align:left; font-size:8; font-family:Arial,sans-serif;}
#mgrzad_proces_cpu{color:#000000; text-align:right; font-size:8; font-family:Arial,sans-serif;}
#mgrzad_proces_pid{color:#000000; text-align:center; font-size:8; font-family:Arial,sans-serif;}
#mgrzad_proces_naglowek{background-color:#909090; color:#ffffff; text-align:center; font-size:8;text-decoration:bold; font-family:Arial,sans-serif;}
a:link {color:#0000ff; text-decoration:none;}
a:hover {color:#0000ff; text-decoration:none;}
a:visited {color:#0000ff; text-decoration:none;}
a:active {color:#0000ff; text-decoration:none;}
TEXTAREA{background-color:#101010;color:#ffffff;border:1px;}
/* === RESPONSYWNOŚĆ MOBILNA === */
@media (max-width: 768px) {
  #main,
  #inc_main,
  #gora,
  #tabela,
  #belka_gora,
  #panel_dol,
  #logowanie {
    width: 100% !important;
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }

  .logowanie,
  .banner_start {
    float: none !important;
    text-align: center !important;
    width: 100% !important;
  }

  input[type="text"],
  input[type="password"],
  input[type="image"],
  input[type="submit"] {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
  }

  table {
    width: 100% !important;
    display: block;
    overflow-x: auto;
    box-sizing: border-box;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  #menu_gora {
    float: none !important;
    width: 100% !important;
    text-align: center;
  }

  .confirm-box {
    width: 90% !important;
    height: auto !important;
    top: 5% !important;
    left: 5% !important;
  }
}
.btn-dodaj {
    display: inline-block;
    background-color: #0095da;
    color: white;
    padding: 8px 16px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.btn-dodaj:hover {
    background-color: #007bb0;
}
.historia-zmian {
    list-style: none;
    padding: 0;
}
details.historia-rozwijana {
    box-sizing: border-box;
    width: 100%;
    margin: 12px 0;
    padding: 0;
    border: 1px solid #cbdbe5;
    border-radius: 8px;
    background: #f8fafb;
    overflow: hidden;
}
details.historia-rozwijana > summary {
    padding: 12px 16px;
    cursor: pointer;
    color: #153a59;
    font-size: 15px;
    font-weight: 700;
    background: #eef5f8;
    user-select: none;
}
details.historia-rozwijana > summary:hover,
details.historia-rozwijana > summary:focus-visible {
    background: #e2f0f6;
}
details.historia-rozwijana[open] > summary {
    border-bottom: 1px solid #cbdbe5;
}
.historia-rozwijana__tresc {
    padding: 10px 16px 14px;
}
.historia-rozwijana__tresc > .historia-zmian,
.historia-rozwijana__tresc > pre {
    margin-top: 0;
    margin-bottom: 0;
}
.historia-naglowek {
    cursor: pointer;
    padding: 4px;
}
.historia-naglowek:hover {
    background: #eef;
}
.historia-szczegoly {
    padding: 8px;
    margin: 4px 0 12px 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
}
.ukryte {
    display: none;
}

/* Wspólna karta podglądu i edycji zlecenia serwisowego */
.serwis-karta {
    box-sizing: border-box;
    width: calc(100% - 32px);
    max-width: 1500px;
    margin: 20px auto 32px;
    padding: 24px;
    border: 1px solid #8fa9ba;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(20, 52, 73, .18);
    color: #102f45;
    text-align: left;
}
.serwis-karta > legend {
    max-width: calc(100% - 40px);
    padding: 8px 16px;
    border: 1px solid #bcd2df;
    border-radius: 999px;
    background: #fff;
    color: #174d70;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 3px 10px rgba(20, 52, 73, .08);
}
.serwis-karta__form {
    max-width: 1180px;
    margin: 0 auto;
}
.serwis-karta__layout {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.serwis-karta__layout > tbody > tr > td {
    vertical-align: middle;
}
.serwis-karta__dane {
    width: 72%;
}
.serwis-karta #tabela_podstawowa {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 2px;
}
.serwis-karta #tabela_podstawowa > tbody > tr > td {
    box-sizing: border-box;
    padding: 3px 8px;
    vertical-align: middle;
}
.serwis-karta #tabela_podstawowa > tbody > tr > td:first-child {
    width: 210px;
    color: #173f5a;
    font-size: 14px;
    font-weight: 700;
}
.serwis-karta input[type="text"],
.serwis-karta input[type="datetime-local"],
.serwis-karta select {
    box-sizing: border-box;
    width: min(100%, 430px);
    min-height: 34px;
    padding: 5px 9px;
    border: 1px solid #87a5b8;
    border-radius: 6px;
    background: #f8fbfd;
    color: #102f45;
    font: inherit;
}
.serwis-karta input:focus,
.serwis-karta select:focus {
    border-color: #0798d4;
    outline: 3px solid rgba(7, 152, 212, .14);
}
.serwis-karta button,
.serwis-karta input[type="button"] {
    min-height: 34px;
    padding: 5px 12px;
    border: 1px solid #5e8aa6;
    border-radius: 6px;
    background: #e8f3f8;
    color: #0d4567;
    font-weight: 600;
    cursor: pointer;
}
.serwis-karta button:hover,
.serwis-karta input[type="button"]:hover {
    border-color: #047eaf;
    background: #d4edf7;
}
.serwis-karta a {
    color: #006b9c;
    font-weight: 600;
}
.serwis-karta pre {
    margin: 0;
    padding: 7px 10px;
    border-radius: 7px;
    border: 1px solid #c3d3dd;
    background: #edf3f6;
    color: #263f51;
    white-space: pre-wrap;
    font: 13px/1.5 Consolas, monospace;
}
.serwis-karta__ilustracja {
    width: 28%;
    padding: 12px 20px !important;
    text-align: center;
}
.serwis-karta__ilustracja img {
    width: auto;
    height: 210px;
    max-width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 9px 8px rgba(20, 52, 73, .15));
}
.serwis-karta__upload {
    width: 100%;
    margin: 12px 0 6px;
    padding: 9px 12px;
    border: 1px solid #9db5c4;
    border-radius: 10px;
    background: #e2eef4;
}
.serwis-karta__upload td {
    padding: 6px 8px;
}
.serwis-karta__upload input[type="file"] {
    max-width: 100%;
    margin-left: 8px;
}
.serwis-karta #input_submit {
    margin: 12px 0 2px;
    text-align: center;
}
.serwis-karta #input_submit img {
    height: 46px;
    width: auto;
    filter: drop-shadow(0 3px 4px rgba(20, 52, 73, .18));
}
.serwis-karta > details.historia-rozwijana {
    margin: 14px 0 12px;
    background: #fff;
}
.serwis-karta__pliki {
    margin: 12px 0 0;
    padding: 10px;
    border: 1px solid #94aebe;
    border-radius: 10px;
    background: #e4edf2;
    overflow-x: auto;
}
.serwis-karta__pliki > legend {
    padding: 5px 11px;
    border-radius: 999px;
    background: #fff;
    color: #174d70;
    font-weight: 700;
}
.serwis-karta__pliki #tabela_plikow {
    width: 100%;
    border-collapse: separate;
    border-spacing: 7px;
}
.serwis-karta__pliki #tabela_plikow td {
    padding: 7px;
    border: 1px solid #aebfca;
    border-radius: 9px;
    background: #fff;
    text-align: center;
}

.serwis-karta__powiazanie > td:last-child {
    display: grid;
    grid-template-columns: minmax(190px, 1fr) auto;
    align-items: center;
    gap: 10px;
    max-width: 590px;
}
.serwis-karta__wartosc {
    min-width: 0;
    overflow: hidden;
    color: #102f45;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.serwis-karta__akcje {
    display: inline-flex;
    gap: 6px;
    justify-content: flex-end;
    white-space: nowrap;
}
@media (max-width: 850px) {
    .serwis-karta {
        width: calc(100% - 16px);
        padding: 14px;
    }
    .serwis-karta__layout,
    .serwis-karta__layout > tbody,
    .serwis-karta__layout > tbody > tr,
    .serwis-karta__layout > tbody > tr > td,
    .serwis-karta__upload,
    .serwis-karta__upload > tbody,
    .serwis-karta__upload > tbody > tr,
    .serwis-karta__upload > tbody > tr > td {
        display: block;
        width: 100%;
    }
    .serwis-karta__ilustracja {
        display: none !important;
    }
    .serwis-karta #tabela_podstawowa > tbody > tr > td:first-child {
        width: 145px;
    }
	.serwis-karta__powiazanie > td:last-child {
		grid-template-columns: 1fr;
	}
	.serwis-karta__akcje {
		justify-content: flex-start;
	}
}
/* Drzewo kategorii i grup w produktach gotowych */
.pg-tree-panel {
	box-sizing: border-box;
	width: 30%;
	max-width: 30%;
	padding: 12px;
	font-size: 14px !important;
	background: #f7fafc;
	border: 1px solid #dce3ea;
	border-radius: 8px;
}
.pg-tree,
.pg-tree-children {
	width: 100%;
	border: 0 !important;
	border-collapse: separate;
	border-spacing: 0 6px;
}
.pg-tree-children {
	box-sizing: border-box;
	width: calc(100% - 14px);
	max-width: calc(100% - 14px);
	margin: 4px 0 2px 14px;
	padding-left: 8px;
	border-left: 1px dashed #c7d3dc !important;
}
.pg-tree-row {
	background: #fff;
	transition: background-color .15s ease, border-color .15s ease;
}
.pg-tree-row > td {
	padding: 7px 5px !important;
	border-top: 1px solid #e3e9ef !important;
	border-bottom: 1px solid #e3e9ef !important;
}
.pg-tree-row > td:first-child {
	border-left: 1px solid #e3e9ef !important;
	border-radius: 6px 0 0 6px;
}
.pg-tree-row > td:last-child {
	border-right: 1px solid #e3e9ef !important;
	border-radius: 0 6px 6px 0;
}
.pg-tree-row:hover > td,
.pg-tree-selected > td {
	background: #eaf6fc;
	border-color: #0095da !important;
}
.pg-tree-toggle {
	width: 28px !important;
	text-align: center;
}
.pg-tree-toggle img {
	cursor: pointer;
}
.pg-tree-label {
	width: 100%;
}
.pg-tree-name {
	cursor: pointer;
	font-weight: 500;
	color: #1f2d35;
	overflow-wrap: anywhere;
}
.pg-tree-row:hover .pg-tree-name,
.pg-tree-selected .pg-tree-name {
	color: #007eb8;
}
.pg-tree-product-group > td {
	background: #f3f8fb;
}
.pg-tree-root > td {
	padding: 0 !important;
	border: 0 !important;
}
.pg-produkty-podrzedne {
	margin: 15px 0;
	padding: 10px;
	border: 1px solid #b8d7e7;
	background: #f8fcfe;
}
.pg-dzieci-brak {
	padding: 10px;
	color: #68757c;
}
.pg-dzieci-tabela {
	width: 100%;
}
#produkty_gotowe_kategoria {
	table-layout: fixed;
}
#opis_produkty_gotowe {
	box-sizing: border-box;
	width: 70%;
	max-width: 70%;
	padding-left: 12px;
	overflow-x: auto;
}
.pg-tree-panel form {
	display: flex;
	max-width: 100%;
}
.pg-tree-panel form input[type="post"],
.pg-tree-panel form input[type="text"] {
	box-sizing: border-box;
	min-width: 0;
	max-width: calc(100% - 58px);
	flex: 1 1 auto;
}
.pg-group-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	box-sizing: border-box;
	margin: 0 0 12px;
	padding: 12px 14px;
	background: #f2f8fb;
	border: 1px solid #b8d7e7;
	border-radius: 7px;
}
.pg-group-header strong,
.pg-group-header span {
	display: block;
}
.pg-group-header span {
	margin-top: 3px;
	font-size: 12px;
	color: #68757c;
}
.pg-group-edit {
	flex: 0 0 auto;
	padding: 8px 13px;
	cursor: pointer;
	color: #fff;
	background: #0095da;
	border: 1px solid #007eb8;
	border-radius: 5px;
}
.pg-group-edit:hover {
	background: #007eb8;
}
@media (max-width: 1000px) {
	.pg-tree-panel {
		width: 34%;
		max-width: 34%;
	}
	#opis_produkty_gotowe {
		width: 66%;
		max-width: 66%;
	}
}
.save-result {
	box-sizing: border-box;
	margin: 0 0 14px;
	padding: 12px 14px;
	border: 1px solid #b8d8c3;
	border-radius: 6px;
	background: #edf8f1;
	color: #24643b;
	text-align: left;
}

.save-result h3 {
	margin: 0 0 5px;
	font-size: 15px;
}

.save-result p {
	margin: 0;
}

/* Wspólny układ kart produkcji i serwisu. */
.zlecenie-karta {
    box-sizing: border-box;
    width: calc(100% - 32px);
    max-width: 1500px;
    margin: 20px auto 32px;
    padding: 24px;
    border: 1px solid #8fa9ba;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(20, 52, 73, .18);
    color: #102f45;
    text-align: left;
	position: relative;
}
.zlecenie-karta > legend {
    max-width: calc(100% - 40px);
    padding: 8px 16px;
    border: 1px solid #9fb9c9;
    border-radius: 999px;
    background: #fff;
    color: #174d70;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 3px 10px rgba(20, 52, 73, .10);
}
.zlecenie-karta__layout,
.serwis-karta__layout {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 14px 0;
}
.zlecenie-karta__layout > tbody > tr > td,
.serwis-karta__layout > tbody > tr > td {
    vertical-align: top;
}
.zlecenie-karta__dane,
.serwis-karta__dane {
    width: 48%;
}
.zlecenie-karta__ilustracja,
.serwis-karta__ilustracja {
    width: 12%;
    padding: 18px 6px !important;
    text-align: center;
}
.zlecenie-karta__ilustracja img,
.serwis-karta__ilustracja img {
    width: auto;
    height: auto;
    max-width: 110px;
    max-height: 230px;
    object-fit: contain;
    filter: drop-shadow(0 9px 8px rgba(20, 52, 73, .15));
}
.zlecenie-karta__panel-boczny {
    width: 40%;
    min-width: 0;
}
.zlecenie-karta__panel-boczny > table {
    width: 100%;
}
.zlecenie-karta__panel-boczny fieldset,
.zlecenie-karta__panel-boczny details {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid #9fb5c3;
    border-radius: 9px;
    background: #edf4f7;
}
.zlecenie-karta__panel-boczny fieldset {
    padding: 10px 12px;
}
.zlecenie-karta__panel-boczny fieldset > legend {
    padding: 3px 8px;
    color: #174d70;
    font-weight: 700;
}
.zlecenie-karta__panel-boczny pre {
    margin: 0;
    white-space: pre-wrap;
}
.zlecenie-karta__link-dokumentacji {
    display: inline-block;
    padding: 7px 11px;
    border: 1px solid #5e8aa6;
    border-radius: 6px;
    background: #fff;
    color: #0d5f87;
    font-weight: 700;
    text-decoration: none;
}
.zlecenie-karta__link-dokumentacji:hover {
    border-color: #047eaf;
    background: #dff1f8;
}
.zlecenie-karta__panel-boczny .historia-rozwijana__tresc {
    max-height: 430px;
    overflow: auto;
}
.produkcja-karta #tabela_podstawowa {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 3px;
}
.produkcja-karta #tabela_podstawowa > tbody > tr > td {
    padding: 3px 6px;
    color: #173f5a;
    font-size: 14px;
    font-weight: 700;
}
.produkcja-karta #tabela_podstawowa label {
    display: inline-block;
    width: 170px;
    vertical-align: middle;
}
.produkcja-karta #tabela_podstawowa label + br {
    display: none;
}
.zlecenie-karta__powiazanie > td {
    display: grid;
    grid-template-columns: 170px minmax(150px, 1fr) auto;
    align-items: center;
    gap: 8px;
}
.zlecenie-karta__wartosc {
    min-width: 0;
    overflow: hidden;
    color: #102f45;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zlecenie-karta__akcje {
    display: inline-flex;
    gap: 6px;
    justify-content: flex-end;
    white-space: nowrap;
}
.produkcja-karta #tabela_podstawowa input[type="text"],
.produkcja-karta #tabela_podstawowa input[type="datetime-local"],
.produkcja-karta #tabela_podstawowa select {
    box-sizing: border-box;
    width: calc(100% - 176px) !important;
    min-height: 34px;
    padding: 5px 9px;
    border: 1px solid #87a5b8;
    border-radius: 6px;
    background: #f8fbfd;
    color: #102f45;
    font: inherit;
}
.produkcja-karta #tabela_podstawowa input:focus,
.produkcja-karta #tabela_podstawowa select:focus {
    border-color: #0798d4;
    outline: 3px solid rgba(7, 152, 212, .14);
}
.produkcja-karta button,
.produkcja-karta input[type="button"] {
    min-height: 34px;
    padding: 5px 12px;
    border: 1px solid #5e8aa6;
    border-radius: 6px;
    background: #e8f3f8;
    color: #0d4567;
    font-weight: 600;
}
.zlecenie-karta__pliki {
    margin: 14px 0 0;
    padding: 10px;
    border: 1px solid #94aebe;
    border-radius: 10px;
    background: #e4edf2;
    overflow-x: auto;
}
.zlecenie-karta__pliki > legend {
    padding: 5px 11px;
    border-radius: 999px;
    background: #fff;
    color: #174d70;
    font-weight: 700;
}
.zlecenie-karta__upload {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 10px 0 6px;
    padding: 9px 10px;
    border: 1px solid #9db5c4;
    border-radius: 9px;
    background: #e2eef4;
}
table.zlecenie-karta__upload {
    display: table;
    width: 48%;
}
.zlecenie-karta__upload td {
    padding: 4px 6px;
    white-space: nowrap;
}
.zlecenie-karta__upload input[type="file"] {
    box-sizing: border-box;
    min-width: 0 !important;
    max-width: 100%;
}
.zlecenie-karta__upload select {
    min-width: 150px;
}
.zlecenie-karta #input_submit {
    width: 48%;
    margin: 10px 0 4px;
    text-align: center;
}
.produkcja-karta #input_submit {
    width: 100%;
}
.zlecenie-karta #input_submit img {
    width: auto !important;
    height: 40px;
    padding: 0;
}
.zlecenie-karta .zlecenie-karta__zapis {
    box-sizing: border-box;
    min-width: 118px;
    min-height: 42px;
    padding: 8px 18px;
    border: 1px solid #006c9d;
    border-radius: 7px;
    background: linear-gradient(#168fc4, #0475a8);
    box-shadow: 0 3px 7px rgba(0, 76, 112, .25);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}
.zlecenie-karta .zlecenie-karta__zapis:hover,
.zlecenie-karta .zlecenie-karta__zapis:focus-visible {
    border-color: #004e72;
    background: linear-gradient(#087eaf, #005f8a);
    outline: 3px solid rgba(7, 152, 212, .20);
}
.zlecenie-plik__akcje {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 6px;
    vertical-align: middle;
}
.komunikat-zapisu {
    box-sizing: border-box;
    width: min(880px, calc(100% - 28px));
    margin: 16px auto;
    padding: 13px 18px;
    border: 1px solid;
    border-radius: 9px;
    box-shadow: 0 3px 10px rgba(20, 52, 73, .10);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.komunikat-zapisu--sukces {
    border-color: #4eaa69;
    background: #e8f7ed;
    color: #185d2d;
}
.komunikat-zapisu--blad {
    border-color: #d16a6a;
    background: #fff0f0;
    color: #8d2020;
}
#tabela_plikow img.zlecenie-plik__ikona-akcji {
    display: block;
    width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    max-height: 16px !important;
    object-fit: contain;
}
@media (max-width: 1200px), (max-device-width: 768px) {
    .zlecenie-karta__layout,
    .zlecenie-karta__layout > tbody,
    .zlecenie-karta__layout > tbody > tr,
    .zlecenie-karta__layout > tbody > tr > td,
    .serwis-karta__layout,
    .serwis-karta__layout > tbody,
    .serwis-karta__layout > tbody > tr,
    .serwis-karta__layout > tbody > tr > td {
        display: block;
        width: 100%;
    }
    .zlecenie-karta__ilustracja,
    .serwis-karta__ilustracja {
        display: block !important;
        position: absolute;
        top: 34px;
        right: 18px;
        z-index: 2;
        width: 76px !important;
        padding: 0 !important;
    }
    .zlecenie-karta__ilustracja img,
    .serwis-karta__ilustracja img {
        max-width: 70px;
        max-height: 110px;
    }
    .zlecenie-karta__panel-boczny {
        margin-top: 14px;
    }
	.zlecenie-karta {
		width: calc(100% - 16px);
		padding: 14px;
	}
	.zlecenie-karta__upload,
	table.zlecenie-karta__upload,
	.zlecenie-karta #input_submit {
		width: 100%;
	}
	table.zlecenie-karta__upload {
		display: block;
	}
	div.zlecenie-karta__upload {
		align-items: stretch;
		flex-direction: column;
	}
	.zlecenie-karta__upload td {
		display: block;
		width: 100%;
		white-space: normal;
	}
	.zlecenie-karta__upload input[type="file"],
	.zlecenie-karta__upload select {
		width: 100% !important;
		min-width: 0 !important;
	}
	.zlecenie-karta__akcje {
		flex-wrap: wrap;
	}
	.zlecenie-karta__pliki {
		overflow-x: hidden;
	}
	.zlecenie-karta__pliki #tabela_plikow,
	.zlecenie-karta__pliki #tabela_plikow > tbody {
		display: block;
		width: 100% !important;
		min-width: 0 !important;
	}
	.zlecenie-karta__pliki #tabela_plikow tr {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 7px;
		width: 100%;
	}
	.zlecenie-karta__pliki #tabela_plikow td {
		display: block;
		box-sizing: border-box;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0;
		overflow: hidden;
	}
	.zlecenie-karta__pliki #tabela_plikow img {
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 120px;
		object-fit: contain;
	}
	.zlecenie-karta__pliki #tabela_plikow .zlecenie-plik__akcje {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		margin: 7px 0 0 7px;
		vertical-align: middle;
	}
	.zlecenie-karta__pliki #tabela_plikow img.zlecenie-plik__ikona-akcji {
		display: block;
		width: 16px !important;
		max-width: 16px !important;
		height: 16px !important;
		max-height: 16px !important;
		object-fit: contain;
	}
    .produkcja-karta #tabela_podstawowa label {
        width: 145px;
    }
    .produkcja-karta #tabela_podstawowa input[type="text"],
    .produkcja-karta #tabela_podstawowa input[type="datetime-local"],
    .produkcja-karta #tabela_podstawowa select {
        width: calc(100% - 151px) !important;
    }
    .zlecenie-karta__powiazanie > td {
        grid-template-columns: 145px minmax(0, 1fr);
    }
    .zlecenie-karta__akcje {
        grid-column: 2;
        justify-content: flex-start;
    }
}