:root {
    --bg-color-th: #9a9b9d;
    --bg-color-th-hover: #eeeeee;
    --color-link: black;
 }
 
 [data-theme="dark"] {
    --bg-color-th: #404040;
    --bg-color-th-hover: #333333;
    --color-link: white;
 }
 

.tabela0{ border:none; border-collapse:separate;}
.tabela0 tr td, .tabela0 tr th{ padding:5px;}

.tabela1{ border-top:1px solid #ddd; border-left:1px solid #ddd;}
.tabela1 tr td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; width:300px; vertical-align:top; padding:15px 20px;}

.tabela2{ border-top:1px solid #ddd; border-left:1px solid #ddd; width:480px;}
.tabela2 tr td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:2px 3px;}
.tabela2 tr td p{ margin:0; padding:0;}
.tabela2 tr th{ background:var(--bg-color-th); color:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; text-align:center; padding:6px 15px;}
.tabela2 tr th p{color:#fff; font-weight:bold;}
.tabela2 tr:hover td{ color:#1865E3; background: var(--bg-color-th-hover);}

.tabela3{ border:none; border-top:1px solid #ddd;  width:680px;}
.tabela3 tr th{ background:var(--bg-color_th); color:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; text-align:center; padding:6px 15px;}
.tabela3 tr th p{color:#fff; font-weight:bold;}
.tabela3 tr td{ border:none; border-bottom:1px solid #ddd; padding:15px 20px;}
.tabela3 tr td p{ margin:0; padding:0;}

.tabela4{ border-top:1px solid #ddd; border-left:1px solid #ddd; width:680px;}
.tabela4 tr td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:2px 3px; text-align:center;}
.tabela4 tr td p{ text-align:center; margin:0; padding:0;}
.tabela4 tr th{ background:#9a9b9d; color:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; text-align:center; padding:3px 4px;}
.tabela4 tr th p{ color:#fff; font-weight:bold;}
.tabela4 tr:hover td{ background: #fef2e8;}

.tabela5{ border:none; border-top:1px solid #ddd;  width:680px;}
.tabela5 tr th{ background:#9a9b9d; color:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; text-align:center; padding:6px 15px;}
.tabela5 tr th p{color:#fff; font-weight:bold;}
.tabela5 tr td{ border:none; border-bottom:1px solid #ddd; padding:15px 20px;}

/*.tabela6{ border-top:1px solid #ddd; border-left:1px solid #ddd; width:480px;}
.tabela6 tr td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:2px 3px;}
.tabela6 tr td p{ margin:0; padding:0;}
.tabela6 tr th{ background:var(--bg-color-th); color:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; text-align:center; padding:6px 15px;}
.tabela6 tr th p{color:#fff; font-weight:bold;}
*/
.tabela6{ border-collapse: collapse; width:100%;table-layout: fixed;}
.tabela6 tr td{ border: 1px solid #ddd; padding:2px 3px; width:auto;}
.tabela6 tr td p{ margin:0; padding:0;}
.tabela6 tr th{ background:var(--bg-color-th); color:#fff; border: 1px solid #ddd; vertical-align:middle; text-align:center; padding:6px 3px;width:auto;}
.tabela6 tr th p{color:#fff; font-weight:bold;}
.tabela6 a {
   color: var(--color-link); 
   text-decoration: underline; 
   font-weight: 500; 
}
.tabela6 th:hover {
   cursor: pointer;
}

/* Telefon: .tabela6 ma table-layout: fixed i width: 100%, a naglowki kolumn
   (Insoft|Novitus|almar/getLicInfo.php) sztywne szerokosci w px - razem ok. 490px.
   Przy 340px ekranu jedyna kolumna bez szerokosci (Klient) dostawala 0 i nazwa
   klienta lamala sie litera po literze. Kolumny z tresci, tabela szersza niz ekran,
   a pojemnik #LicInfo (historia1.php, aktualizacje.php, upgrade.php) przewija
   w poziomie. Desktop (900px) bez zmian (07-11-2026). */
@media (max-width: 480px) {
   #LicInfo { overflow-x: auto; }
   .tabela6 { table-layout: auto; width: auto; min-width: 100%; }
   .tabela6 tr td { white-space: nowrap; }
}