body {
        background: #f7f7f7;
        margin: 0;
        padding: 0;
}

p {
        color: #4c3e3e;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 14px;
}

a {
        color: #ba231c;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 14px;
        text-decoration: none;        
}

.center {
        text-align: center;
}

.width_20 { width: 20%; }
.width_30 { width: 30%; }
.width_60 { width: 60%; }
.width_70 { width: 70%; }

img {
        border: 0;
}

/* menu przyciski */

.loginFlag {
        background: #1e2326;
        height: 50px;
        border-bottom: 1px solid #282c2f;
}

.loginFlagPudlo {
        width: 1024px;
        height: 50px;
        margin:0 auto;
        position: relative;
}

/* menu prawa strona */

.loginFlagPudlo ul.menuRight {
        list-style-type: none;
        width: 250px;
        position: relative;
        top: 10px;
        float: right;                
}

.loginFlagPudlo ul.menuRight li {
        float: right;
        padding: 5px;
        background: #171b1d;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #0d0e0f;
        margin-left: 10px;  
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);      
}

.loginFlagPudlo ul.menuRight li:hover {
        background: #ba231c;        
}

.loginFlagPudlo ul.menuRight li a{
        color: #d6c9c9;
        text-decoration: none;
        text-shadow: 1px 2px 1px #5f5f5f;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
}

/* menu lewa strona */

.loginFlagPudlo ul.menuLeft {
        list-style-type: none;
        width: 650px;
        position: relative;
        top: 10px;
        float: left;                
}

.loginFlagPudlo ul.menuLeft li {
        float: left;
        padding: 5px;
        background: #171b1d;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #0d0e0f;
        margin-right: 10px;  
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);  
        height:20px;    
}

.loginFlagPudlo ul.menuLeft li:hover {
        background: #ba231c;        
}

.loginFlagPudlo ul.menuLeft li a{
        color: #d6c9c9;
        text-decoration: none;
        text-shadow: 1px 2px 1px #5f5f5f;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
}

.loginFlagPudlo ul.menuLeft li button.menuToggle {
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: #d6c9c9;
        text-decoration: none;
        text-shadow: 1px 2px 1px #5f5f5f;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: inherit;
        line-height: inherit;
        cursor: pointer;
}

.loginFlagPudlo ul.menuLeft li button.menuToggle:focus-visible {
        outline: 2px solid #df2c24;
        outline-offset: 2px;
}

.loginFlagPudlo ul.menuLeft li.register {        
        background: #ba231c;      
}

.loginFlagPudlo ul.menuLeft li.register:hover {
        background: #df2c24;        
}

/* menu rozijane */

.loginFlagPudlo ul.menuLeft li.roz {
        position: relative;
}

.loginFlagPudlo ul.menuLeft li.roz ul {
        display: none;
}

.loginFlagPudlo ul.menuLeft li.roz:hover ul,
.loginFlagPudlo ul.menuLeft li.roz:focus-within ul {
        list-style-type: none;
        display: inline;
        position: absolute;
        top: 30px;
        left: 0;
        background: #ba231c;
        border: 1px solid #9b1913;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding:5px;

}
.loginFlagPudlo ul.menuLeft li.roz ul li {
        width: 200px;
        margin-top: 5px;
        margin-right: 0;
}
.loginFlagPudlo ul.menuLeft li.roz ul li:hover {
        border: 1px solid #8c1913;
        padding-left:15px;
        width: 190px;
}
.loginFlagPudlo ul.menuLeft li.roz ul li.first {
        margin-top: 0;
}

/* sekcja menu i logo*/

.logoMenu {
        background: #202528;
        height: 150px;
        border-top:2px solid #111518;
        border-bottom: 1px solid #3b393c;
}

.logoMenu .logoMenuPudlo {
        width: 1024px;
        height: 150px;
        margin:0 auto;
}

.logoMenu .logoMenuPudlo .imglogo {
        margin-top: 20px;
}

/* ================== */

.userMenu {
        background-color: #9f1312;
        /*background-image: url('../images/back.png');*/
        height: 100px;
        border-top:1px solid #000200;
        line-height: 95px;
}

.userMenuPudlo {
        width: 1024px;
        height: 100px;
        margin:0 auto;
        /*overflow: hidden;*/
}

.userMenuLeft {
        float: left;
}

.userMenuLeft p {
        text-shadow:1px 2px 1px #303030;
        color:#e0e0e0;
        font-family: 'Comic Sans MS';
	font-size:18px;
	font-weight:bold;
	font-style:normal;
}

.userMenuRight {
        float: right;
}

/* menu zalogowanego usera */

.userMenuRight ul {
        width: 550px;
        list-style-type: none;
        /*overflow: hidden;*/
        position: relative;
        top: 25px;
        line-height:30px;
}

.userMenuRight ul li {
        float: right;
        margin-left: 20px;
}

.userMenuRight ul li a {
        color:#ffffff;
	    font-family: 'Comic Sans MS';
	    font-size:15px;
	    font-weight:bold;
	    font-style:normal;
	    text-shadow:1px 2px 1px #303030;
	    display:inline-block;	
	    border: 1px solid #780d0d;
        background: #850a0a;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
        -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
        box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
        padding:8px;
        height: 30px;
}

.userMenuRight ul li a:hover, .userMenuRight ul li a.logout  {
        background: #d13434;
}

.userMenuRight ul li#ustawienia {
    position: relative;
    z-index: 1000;
}

.userMenuRight ul li#ustawienia ul {
    display:none;
}

.userMenuRight ul li#ustawienia:hover ul {
    display:block;
    position:absolute;
    width: 104px;
    top:calc(100% - 1px); left:-20px;
    margin:0;
    z-index: 1001;
    background: #9f1312;
    padding-left:15px;
    padding-bottom:15px;
    padding-right:15px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.userMenuRight ul li#ustawienia:hover ul::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
    height: 9px;
}

.userMenuRight ul li#ustawienia:hover ul li {
    float: none;
    margin: 0;
    display:block;
    margin-top:10px;
}

.userMenuRight ul li#ustawienia:hover ul li a {
    display:block;
    text-align:center;
    width: 87px;
}







.userMenuRight form {
        position: relative;
}

.userMenuRight form a.przypomnij {
        display: block;
        position: absolute;
        top: 73px;
        right: 105px;
        height: 15px;
        
        border: 1px solid #780d0d;
        background: #850a0a;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #ffffff;
        -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
        -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
        box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
        padding:2px;
        line-height:1;        
}

.userMenuRight form a.przypomnij:hover {
        background: #d13434;        
}

/* przycisk wyloguj/zaloguj */

.form-field {
        border: 1px solid #780d0d;
        background: #850a0a;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #ffffff;
        -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
        -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
        box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
        padding:8px;
        margin-right:20px;
        width:200px;
}
.form-field:focus {
           background: #d13434;
}

/* przycisk usermenu */

.userMenuButton {
	-moz-box-shadow:inset 0px 1px 1px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 1px 0px #f29c93;
	box-shadow:inset 0px 1px 1px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #de2616;
	display:inline-block;
	color:#ffffff;
	font-family: 'Comic Sans MS';
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:80px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 2px 1px #b23e35;
}
.userMenuButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.userMenuButton:active {
	position:relative;
	top:1px;
}

/* ============================ */

.menuGradient {        
        background: #d4d9dd; /* Old browsers */
        background: -moz-linear-gradient(top,  #d4d9dd 0%, #ccd3d8 0%, #f7f7f7 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d9dd), color-stop(0%,#ccd3d8), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d4d9dd 0%,#ccd3d8 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d4d9dd 0%,#ccd3d8 0%,#f7f7f7 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d4d9dd 0%,#ccd3d8 0%,#f7f7f7 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d4d9dd 0%,#ccd3d8 0%,#f7f7f7 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d9dd', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
        height: 50px;
}

.indexUploadMenu {
        background: #323232;
        background: -moz-linear-gradient(top,  #323232 0%, #2a2a2a 50%, #212121 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(50%,#2a2a2a), color-stop(100%,#212121)); 
        background: -webkit-linear-gradient(top,  #323232 0%,#2a2a2a 50%,#212121 100%); 
        background: -o-linear-gradient(top,  #323232 0%,#2a2a2a 50%,#212121 100%);
        background: -ms-linear-gradient(top,  #323232 0%,#2a2a2a 50%,#212121 100%); 
        background: linear-gradient(to bottom,  #323232 0%,#2a2a2a 50%,#212121 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#212121',GradientType=0 );
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden; 
}

.indexUploadMenuLeft {
        float:left;
}
.indexUploadMenuLeft p {
        padding-left: 10px;
        color: #dadada;
        text-shadow: 1px 2px 1px #5f5f5f;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        line-height:80px;
}
.indexUploadMenuRight {
        float:right;
        margin-right:5px;
}

a.boxUploadn {
        border-left:1px solid #292929;
	display:inline-block;
	color:#ffffff;
	font-family: 'Comic Sans MS';
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:80px;
	line-height:80px;
	width:150px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 2px 1px #514d4d;
	background: #414040;
}

a.boxUploadn:hover {
	background: #414040;
}

a.menuNoActivBut {
        background: none;
}

.contentBox {
        width: 1024px;
        margin:0 auto;
}

p.nameHead {
        background: #323232;
        background: -moz-linear-gradient(top,  #323232 0%, #2a2a2a 50%, #212121 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(50%,#2a2a2a), color-stop(100%,#212121)); 
        background: -webkit-linear-gradient(top,  #323232 0%,#2a2a2a 50%,#212121 100%); 
        background: -o-linear-gradient(top,  #323232 0%,#2a2a2a 50%,#212121 100%);
        background: -ms-linear-gradient(top,  #323232 0%,#2a2a2a 50%,#212121 100%); 
        background: linear-gradient(to bottom,  #323232 0%,#2a2a2a 50%,#212121 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#212121',GradientType=0 );
        padding: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #dadada;
        text-shadow: 1px 2px 1px #5f5f5f;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;

}

p.nameHeadMinBoxLeft {
        background: #850a0a; /* Old browsers */
        background: -moz-linear-gradient(top,  #850a0a 0%, #a81e00 47%, #850a0a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#850a0a), color-stop(47%,#a81e00), color-stop(100%,#850a0a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #850a0a 0%,#a81e00 47%,#850a0a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #850a0a 0%,#a81e00 47%,#850a0a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #850a0a 0%,#a81e00 47%,#850a0a 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #850a0a 0%,#a81e00 47%,#850a0a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#850a0a', endColorstr='#850a0a',GradientType=0 ); /* IE6-9 */
        padding: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #dadada;
        text-shadow: 1px 2px 1px #5f5f5f;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        float:left;
        width: 595px;
}

p.nameHeadMinBoxRight {
        background: #850a0a; /* Old browsers */
        background: -moz-linear-gradient(top,  #850a0a 0%, #a81e00 47%, #850a0a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#850a0a), color-stop(47%,#a81e00), color-stop(100%,#850a0a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #850a0a 0%,#a81e00 47%,#850a0a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #850a0a 0%,#a81e00 47%,#850a0a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #850a0a 0%,#a81e00 47%,#850a0a 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #850a0a 0%,#a81e00 47%,#850a0a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#850a0a', endColorstr='#850a0a',GradientType=0 ); /* IE6-9 */
        padding: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #dadada;
        text-shadow: 1px 2px 1px #5f5f5f;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        float:right;
        width: 380px;
}

.contentArea {
        margin: 0 5px 15px 5px;
        background: #ffffff;
        min-height: 600px;
        border-left: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        padding: 20px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);
}

.registerPromo {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        position: relative;
        width: 984px;
        min-height: 108px;
        margin: 0 auto 20px;
        padding: 12px 58px 12px 18px;
        overflow: hidden;
        text-decoration: none;
        color: #252525;
        background: linear-gradient(135deg, #fff8f8 0%, #fff1f1 100%);
        border: 2px solid #ffd0d0;
        border-radius: 10px;
        box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.24);
        transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.registerPromo:hover,
.registerPromo:focus-visible {
        color: #252525;
        text-decoration: none;
        border-color: #ed2b25;
        box-shadow: 0 4px 16px rgba(190, 35, 29, 0.18);
}

.registerPromo:focus-visible {
        outline: 2px solid #ba231c;
        outline-offset: 2px;
}

.registerPromoIcon {
        flex: 0 0 104px;
        width: 104px;
        height: 84px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 18px;
        padding-right: 18px;
        border-right: 2px solid #f2c4c4;
}

.registerPromoIcon img {
        display: block;
        width: 84px;
        height: 84px;
        object-fit: contain;
}

.registerPromoContent {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 7px;
}

.registerPromoContent strong {
        display: block;
        font-size: 25px;
        line-height: 1.15;
        font-weight: 700;
        color: #202020;
}

.registerPromoContent strong::first-letter {
        color: #c6221d;
}

.registerPromoContent span {
        display: block;
        font-size: 16px;
        line-height: 1.3;
        color: #666;
}

.registerPromoArrow {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 52px;
        line-height: 1;
        font-weight: 300;
        color: #d32620;
}

.contentMinArea {
        margin: 0 5px 30px 5px;
        background: #ffffff;
        border-left: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        padding: 20px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);
}

.contentMinAreaBox {
        width: 1024px;
        margin:0 auto;
        overflow:hidden;
        padding:10px;
}

.contentMinAreaBoxLeft {
        margin: 0 5px 5px 5px;
        background: #ffffff;
        border-left: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        padding: 20px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);
        float: left;
        width: 565px;
        height:150px;
}
.contentMinAreaBoxRight {
        margin: 0 5px 5px 5px;
        background: #ffffff;
        border-left: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        padding: 20px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);
        float: right;
        width: 350px;
        text-align: center;
        height:150px;
        
}

 /* stopka zarys */

.footerBox {
        margin-top: 50px;
        background: #1e2327;
        min-height: 300px;
        border-top:2px solid #1f2227;
}

/* stopka tresc autora */

.footerBox_copy {
        color: #dadada;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 14px;
        padding: 10px;
        width: 1004px;
        background: #101415;
        margin: 0 auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border-top:2px solid #9f1312;
        margin-top: 20px;
}

.footerBox_copyLeft {
        float: left;
}

.footerBox_copyRight {
        float: right;
}

/* 3 pola pod staty/obrazek/dodane */

.footerBox ul {
        width: 1024px;
        height: 210px;        
        margin: 0 auto;
        margin-top: 20px; 
        list-style-type: none;      
}

.footerBox ul li.box1{
        float: left;
        height: 208px;
        width: 450px;
        background: #101415;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border-top:2px solid #9f1312;      
}

.footerBox ul li.box2{
        float: right;
        height: 208px;
        width: 250px;
        margin-right: 37px;
        background: #101415;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border-top:2px solid #9f1312;      
}

.footerBox ul li.box3 {
        float: right;
        height: 208px;
        width: 250px;
        background: #101415;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border-top:2px solid #9f1312;     
}

.footerBox .box1 p, .footerBox .box2 p, .footerBox .box3 p {
        padding: 5px;
        color: #dadada;
        text-shadow: 1px 2px 1px #5f5f5f;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        text-align: center;
}

/* lista w statach */

.footerBox ul li.box1 ul {
        list-style-type: none;
        width:450px;
        height: 160px;
        position: relative;
}

.footerBox ul li.box1 ul li {
       padding: 3px;
       color: #dadada;
       font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
       font-size: 14px;
       border-bottom:1px dotted #5d0e0d;
       margin: 0 8px;
} 

.footerBox ul li.box1 ul li span {
       position: absolute;
       right: 17px; 
}

/* lista losowy obrazek */

.footerBox ul li.box2 ul {
        list-style-type: none;
        width:250px;
        height: 150px;
}

.footerBox ul li.box2 ul li:first-child {
        height:112px;        
}

.footerBox ul li.box2 ul li {
       color: #dadada;
       font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
       font-size: 14px;
       margin: 0 8px;
       text-align: center;
}

.footerBox ul li.box2 ul li img {
       max-height: 110px;
       max-width: 140px;
}

.footerBox ul li.box2 ul li.nazwa {
       margin-top: 5px;
       border-bottom: 1px dotted #5d0e0d;
       border-top: 1px dotted #5d0e0d;
       padding: 4px;
}

/* lista w najnowszych */

.footerBox ul li.box3 ul {
        list-style-type: none;
        width: 250px;
        height: 150px;
        position: relative;
}

.footerBox ul li.box3 ul li  {
       padding: 5px;
       color: #dadada;
       font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
       font-size: 14px;
       border-bottom: 1px dotted #5d0e0d;
       margin: 0 8px;
} 

.footerBox ul li.box3 ul li span {
       position: absolute;
       right: 13px; 
}

.footerBox ul li.box3 ul li span a {
       color: #dadada;
       font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
       font-size: 14px;
       text-decoration: none;        
}

.footerBox ul li.box3 ul li span a:hover {
       color: #ba231c;
       font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
       font-size: 14px;
       text-decoration: none;        
}

.top_margin {
        margin-top: 40px;
}

.bottom_margin {
        margin-bottom: 40px;
}

#UploadButton {
        width: 80%;
        margin: 0 auto;
        margin-top: 40px;
        height: 200px;
        line-height: 150px;
        text-align: center;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        border: 1px dashed #cbcbcb;
        font-family:Comic Sans MS;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
	color: #615b5c;
	cursor: pointer;
	
	background: #f8f8f8;
	position:relative;
}

#UploadButton:hover {
        background: #f0f0f0;
        color: #ff4f4f;
        border: 1px dashed #ffcfcf;
}

.submitButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}
.submitButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
	background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
	background-color:#a5cc52;
}
.submitButton:active {
	position:relative;
	top:1px;
}

.settingsButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.settingsButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.settingsButton:active {
	position:relative;
	top:1px;
}

.resetButton, .resetButtonNoWidth {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.resetButton:hover, .resetButtonNoWidth:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.resetButton:active, .resetButtonNoWidth:active {
	position:relative;
	top:1px;
}

textarea#remote {
        width: 100%;
        background: #f8f8f8;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px dashed #cbcbcb;
	color: #615b5c;
	padding:4px;
}

#opcje {
        width: 100%;
        margin-top: 40px;
        overflow: hidden;
        background: #f7f7f7;
        min-height: 168px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);
        position:relative;
}

#opcje .opcjeLeft {
        float: left;
        width: 300px;
        text-align: center;
        padding:20px;
        height:inherit;
        vertical-align:middle;
}
#opcje .opcjeRight {
        float: left;
        padding:20px;
}
#opcje .opcjeRight p {
        margin-top: 5px;
} 
#opcje fieldset {
        border: 2px #a0a0a0 solid;
        padding:10px;
        margin-top:10px;
} 
#opcje legend {
        color: #4c3e3e;
        font-family: 'Comic Sans MS';
        font-size: 14px;       
} 
table.tableFile {
        width: 80%;
        padding: 10px;  
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        background: #f7f7f7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);      
}

table.tableFile th {
        font-family:Comic Sans MS;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
	color: #dadada;
	background: #323232;
	text-shadow: 1px 2px 1px #5f5f5f;
        background: -moz-linear-gradient(top,  #323232 0%, #2a2a2a 50%, #212121 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(50%,#2a2a2a), color-stop(100%,#212121)); 
        background: -webkit-linear-gradient(top,  #323232 0%,#2a2a2a 50%,#212121 100%); 
        background: -o-linear-gradient(top,  #323232 0%,#2a2a2a 50%,#212121 100%);
        background: -ms-linear-gradient(top,  #323232 0%,#2a2a2a 50%,#212121 100%); 
        background: linear-gradient(to bottom,  #323232 0%,#2a2a2a 50%,#212121 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#212121',GradientType=0 );
        padding: 5px;
}

table.tableFile th:first-child {
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-left-radius: 10px;
}

table.tableFile th:last-child {
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
}

table.tableFile td {
        padding: 5px;
        text-align: center;
        color: #4c3e3e;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 14px;
}

table.tableFile td.row2 {
        background: #ffffff;
}

.pytanie { 
        margin-left: 30px;
        margin-top: 15px;
        letter-spacing:1px;
        padding:5px;
        
        color:#646464; 
        text-shadow:1px 1px #fffff1;
        font-weight:bold; 
        font-size: 15px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

.odpowiedz { 
        font-size: 14px;
        font-family:Verdana;
        letter-spacing:1px;
}

.mini {
        margin-top:50px;
        text-align: center;
        color:#646464; 
        text-shadow:1px 1px #fffff1;
        font-weight:bold; 
        font-size: 15px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        letter-spacing:1px;
}

.linki {
        margin-top:10px;
        padding: 5px;
       /* border: 2px solid #adacac;*/
        margin-left: 30px;
        margin-right: 30px;
        -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-bottom: 10px;
}

.txt_d {       
        color:#606060; 
        /*text-shadow:1px 1px #6d6d6d;*/
        font-weight:bold; 
        font-size: 16px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        
        margin-left: 30px;
        margin-top: 10px;
        letter-spacing:1px;
}

.tabelalinki {
        width: 100%;
        padding: 5px;
}

table.tabelalinki td {
        padding: 5px;
}

.nazwablok {
       padding-bottom: 5px;
       font-size: 15px;
       font-weight:bold;
       padding-left: 20px; 
       color: #4c3e3e;
       font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
}

.jakilink {
        padding-left: 15px;
        padding-right: 5px;
        font-size: 15px;
        font-weight:bold;
        color: #4c3e3e;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        vertical-align: middle;
}

.pokazlink {
        padding-left: 5px;
        padding-right: 5px;
}

.padding5 {
        height: 30px;
}

input.input, textarea.input {

	width:98%;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	color:#706e70;
	font-family:arial;
	font-size:15px;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

input.inputStandard, textarea.inputStandard {
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	color:#706e70;
	font-family:arial;
	font-size:15px;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

table.blad {
        background: #ffdddd;
        width:100%;
        height:250px;
        -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

table.blad td.bladImage {
        width:120px;
        padding:5px;
        vertical-align:middle;
        text-align:center;
}

table.blad td.bladMessage {
        padding:5px 5px 5px 20px;
        vertical-align:middle;
        color:#666666;
	font-family:Comic Sans MS;
	font-size:16px;
}

table.jestok {
        background: #ddffdd;
        width:100%;
        height:250px;
        -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

table.jestok td.jestokImage {
        width:120px;
        padding:5px;
        vertical-align:middle;
        text-align:center;
}

table.jestok td.jestokMessage {
        padding:5px 5px 5px 20px;
        vertical-align:middle;
        color:#666666;
	font-family:Comic Sans MS;
	font-size:16px;
}

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 5px;
    display: none;
    width: 48px;
    height: 48px;
    background-color: rgba(135, 135, 135, 0.50);
    background-image: url('../images/top.png');
    z-index: 2;
}

.back-to-top:hover {    
    margin-right: 10px;;
}

div.br {
        clear: both;
}

.galeria_pudlo {
        width: 242px;
        float:left;
        background: #f7f7f7;
        height: 250px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);
        margin:40px;
        position: relative;
}

.galeria_pudlo_more {
        width: 242px;
        float:left;
        background: #f7f7f7;
        height: 295px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);
        margin:40px;
        position: relative;
}

.galeria_obraz {
        margin: 10px auto;
        width: 180px;
        height: 175px;
        text-align: center;
}

.galeria_obraz img {
        max-width: 180px;
        max-height: 175px; 
}

.galeria_typ {
        position: absolute;
        top: 5px;
        left: 5px;
}

p.galeria_nazwa {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        display: block;
        width: 100%;
        padding: 5px 0;
        background: #f7f7f7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);
}

p.galeria_update {
        position: absolute;
        bottom: 29px;
        left: 0;
        text-align: center;
        display: block;
        width: 100%;
        padding: 5px 0;
        background: #f7f7f7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 5px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 5px rgba(50, 50, 50, 0.46);
}

p.galeria_count {
        position: absolute;
        bottom: 76px;
        left: 0;
        text-align: center;
        display: block;
        width: 100%;
        padding: 5px 0;
        background: #f7f7f7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 5px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 5px rgba(50, 50, 50, 0.46);
}

div.empty {
        text-align: center;
        padding: 5px 0;
        background: #f7f7f7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);
        margin: 40px;
        color:#666666;
	font-family:Comic Sans MS;
	font-size:16px;
}

.strony {
        padding: 20px;
        text-align: center;
}

a.pagin {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}

a.pagin:hover {
        background: #f63434;
}

span.pagecount {
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	cursor:default;
}

span.current, span.pagin {
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:default;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

div#narbox {
        background: #ffdddd;
        width:100%;
        -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding: 10px;
	margin-top: 30px;
}

.logtytul {
        color:#ffffff;
	font-family: 'Comic Sans MS';
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	text-shadow:1px 2px 1px #000000;	
        background: #850a0a;
        height:40px;
        line-height:40px;
}

.logtytul:first-child {
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-left-radius: 10px;
}

.logtytul:last-child {
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
}

.logtytul a {
        color:#ffffff;
}

.logtytul a:hover {
        color:#fe8e8e;
}

td.row1 {
        color: #4c3e3e;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 14px;
        vertical-align: middle;
}

td.row2 {
        color: #4c3e3e;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 14px;
        background: #efefef;
        vertical-align: middle;
}

.successBox {
    background-color: #829E48;
    background-image: linear-gradient(to bottom, #829E48 0px, #779240 100%);
    border-color: #618A3B;
    width:965px;
    padding:4px;
    margin-bottom: 5px;
    
    color:#ffffff; 
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
}

.closeSuccessBox {
        float: right;
        font-weight:bold; 
        cursor: pointer;
        width: 75px;
        height: 22px;
        background-color: #738d3c;
        text-align:right;
        position: relative; left:3px; bottom:4px;
        padding-top: 3px;
        padding-right: 35px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
}

.closeSuccessBox:hover {
        background-color: #92b746;
}

.errorBox {
    background-color: #A93630;
    background-image: linear-gradient(to bottom, #A93630 0px, #9d312c 100%);
    border-color: #A11B1B;
    width:965px;
    padding:4px;
    margin-bottom: 5px;
    
    color:#ffffff; 
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
}

.closeErrorBox {
        float: right;
        font-weight:bold; 
        cursor: pointer;
        width: 75px;
        height: 22px;
        background-color: #972f29;
        text-align:right;
        position: relative; left:3px; bottom:4px;
        padding-top: 3px;
        padding-right: 35px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
}

.closeErrorBox:hover {
        background-color: #bc3a34;
} 

#upload_frame {
	border:0px;
	height:230px;
	width:100%;
	display:none;
	margin: 40px auto;
} 

.imageInfo {
        height: 334px;
        overflow: hidden;
        position: relative;
}  

.imageInfoLeft {
        float: left;
        height: 330px;
        width: 400px;
        position: relative;
} 

.imageInfoLeft ul {
        position: absolute;
        top: 45px; 
        right: 0;
        width: 300px;
        list-style-type: none;
        
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
}

.imageInfoLeft ul li {
        border-top: 2px solid #e8e8e8;
        border-bottom: 2px solid #e8e8e8;
        border-left: 2px solid #e8e8e8;
        margin-top: 5px;
        padding: 5px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        position: relative;
}

.imageInfoLeft ul li span {
        position: absolute;
        right: 4px; 
}

.imageInfoLeft ul li.warn {
        border-top: 2px solid #ff8f8f;
        border-bottom: 2px solid #ff8f8f;
        border-left: 2px solid #ff8f8f;
        background: #ffefef;
        margin-top: 5px;
        padding: 4px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        position: relative;
}

.imageInfoLeft ul li.warn span {
        position: absolute;
        right: 4px;
        top: 7px; 
}

.imageInfoRight {
        float: left;
        height: 330px;
        width: 330px;
        text-align: center;
        
        border: 2px solid #c4c4c4;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
} 

.imageInfoRight img {
        vertical-align: middle;
        max-height: 330px;
        max-width: 330px;
}

.imageInfoRightTyp {
        float: left;
        height: 150px;
        width: 135px;
        text-align: center;
        
        border-top: 2px solid #dfdfdf;
        border-bottom: 2px solid #dfdfdf;
        border-right: 2px solid #dfdfdf;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        
        position: relative;
        top: 85px;
        padding: 4px;
}

.imageInfoRightTyp img {
        margin-top: 5px;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}   

.opcjeRight p {
        height:30px;
        line-height:30px;
}

#imgpriv, #znakwodny {
        margin-bottom: 7px;
}

.contentArea p.top_margin {
        margin-bottom: 8px;
}

.contentArea p.top_margin img {
        position:relative;
        top:8px;
}


.newGalleryInfo {
        background: #f7f7f7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);
        
        margin:40px 0;
}

.newGalleryInfo a.image {
        padding: 10px;
        display: inline-block;
        width: 180px;
        height: 175px;
}

.newGalleryInfo ul {
        display: inline-block;
        list-style-type: none;
        width: 730px;
        margin:0;
        margin-left: 20px;
}

.newGalleryInfo ul li {
        margin-bottom: 14px;
        position: relative;        
        color: #4c3e3e;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 14px;
}

.newGalleryInfo ul li span {
        position: absolute;
        right: 0;
}

.newGalleryInfo ul li span img {
        position: relative;
        top: 5px;
}

.newGalleryInfo .imgList {
        margin:0;
}

.newGalleryInfo .imgList p {
        color:#4c3e3e;
        font-family: 'Comic Sans MS';
	font-size:18px;
	text-align: center;
	padding:10px;
}

.newGalleryInfo .imgList .img {
        padding:10px;
        color: #4c3e3e;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 14px;
        text-align:center;
        
        background: #fafafa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;        
        -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.46);
        -moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.46);
        box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.46);
}

.newGalleryInfo .imgList .img a.list {
        display: inline-block;
        width: 180px;
        height: 175px;
        margin-left: 30px;
        line-height: 168px;
}

.newGalleryInfo .imgList .img a.list img {
        max-width: 180px;
        max-height: 175px;
        vertical-align: middle;
}

.prevImage {
        background: #e0e0e0;
        
        height: 202px;
        width: 210px;
        line-height: 210px;
        vertical-align: middle;
        
        position: fixed;
        bottom: 0;
        right: 0;
        
        padding: 0;
        
        border-top: 2px solid #c0c0c0;
        border-left: 2px solid #c0c0c0;
        -webkit-border-top-left-radius: 20px;
        -moz-border-radius-topleft: 20px;
        border-top-left-radius: 20px;
        
        text-align: center;
        z-index: 1;
}

.prevImage p.name {
        height: 20px;        
        position: absolute;
        left: 5px;
        top: -90px;
        text-align: center;
        width: 205px;
}

.nextImage {
        background: #e0e0e0;
        
        height: 202px;
        width: 210px;
        line-height: 210px;
        vertical-align: middle;
        
        position: fixed;
        bottom: 0;
        left: 0;
        
        padding: 0;
        
        border-top: 2px solid #c0c0c0;
        border-right: 2px solid #c0c0c0;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topright: 20px;
        border-top-right-radius: 20px;
        
        text-align: center;
        z-index: 1;
}

.nextImage p.name {
        height: 20px;        
        position: absolute;
        left: 5px;
        top: -90px;
        text-align: center;
        width: 205px;
}

.nextImage p.name a, .prevImage p.name a  {
        color:#4c3e3e;
        font-family: 'Comic Sans MS';
	font-size:16px;
}

.nextImage a img, .prevImage a img {
        max-width: 180px;
        max-height: 175px;
        vertical-align: middle; 
}

.nextImage p.title, .prevImage p.title  {
        color:#4c3e3e;
        font-family: 'Comic Sans MS';
	font-size:16px;
	position: absolute;
	top:-122px;
	left:0;
	text-align: center;
        width: 205px;
}

a.download {
        display:block;
        width: 568px;
        height: 123px;
        margin: 40px auto;
        background: url('../images/download.png') no-repeat;
}

.indexBox {
        white-space: nowrap;
}

.indexBoxMin1 {
        width: 480px;
        display: inline-block;
}

.indexBoxMin2 {
        width: 480px;
        display: inline-block;
        border-left: 2px dashed #cbcbcb;
        margin-left: 10px;
}

.indexBoxMin2 p {
        padding: 4px;
}

.indexTopMargin {
        margin-top: 20px;
}
.indexBottomMargin {
        margin-bottom: 10px;
}

.btmore {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:block;
	cursor:pointer;
	color:#306108;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
	text-align:center;
}
.btmore:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
}

#settings {
    position:absolute;
    top:10px; 
    right:10px;
    width:32px;
    height:32px;
}

.loading {
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color:#000000;
}

@import url(http://fonts.googleapis.com/css?family=Capriola);
/* Let's import the lovely google font, please keep this line at the top of your stylesheet */
/* Menu CSS */#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-family: 'Capriola', sans-serif;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: '';
  display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu {
  width: auto;
  zoom: 1;
  height: 69px;
  background: url('../images/bottom-bg.png') repeat-x center bottom;
  border-radius: 2px;
  margin: 15px 5px 0 5px;
}
#cssmenu ul {
  background: url('../images/nav-bg.png') repeat-x 0px 4px;
  height: 69px;
}
#cssmenu ul li {
  float: left;
  list-style: none;
}
#cssmenu ul li a {
  display: block;
  height: 37px;
  padding: 22px 30px 0;
  margin: 4px 2px 0;
  border-radius: 2px 2px 0 0;
  text-decoration: none;
  font-size: 15px;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  font-weight: 400;
  opacity: .9;
}
#cssmenu ul li:first-child a {
  margin: 4px 2px 0 0;
}
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
  background: url('../images/color.png') center bottom;
  display: block;
  height: 37px;
  margin-top: 0px;
  padding-top: 26px;
  color: white;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.35);
  opacity: 1;
}
/* Wyloguj jako przycisk formularza — wygląd zgodny z menu użytkownika */
.userMenuRight ul li.logout form {
        display:inline;
        margin:0;
        padding:0;
}

.userMenuRight ul li.logout button {
        color:#ffffff;
        font-family:'Comic Sans MS';
        font-size:15px;
        font-weight:bold;
        font-style:normal;
        text-shadow:1px 2px 1px #303030;
        display:inline-block;
        border:1px solid #780d0d !important;
        background:#850a0a !important;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        box-shadow:rgba(255,255,255,0.4) 0 1px 0, inset rgba(0,0,0,0.7) 0 0 0;
        padding:8px;
        height:48px;
        line-height:30px;
        cursor:pointer;
}

.userMenuRight ul li.logout button:hover,
.userMenuRight ul li.logout button:focus {
        background:#d13434 !important;
}
/* PICTAP 2026 - Step 1: lekka modernizacja bazowego layoutu */

/* Wspolczesne podstawy bez zmiany struktury starego CSS. */
html {
        overflow-x: hidden;
}

body {
        color: #3f3636;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
}

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

.loginFlagPudlo,
.logoMenuPudlo,
.userMenuPudlo,
.contentBox,
.contentMinAreaBox,
.footerBox ul {
        width: calc(100% - 40px);
        max-width: 1024px;
        box-sizing: border-box;
}

.loginFlagPudlo ul.menuLeft,
.loginFlagPudlo ul.menuRight {
        box-sizing: border-box;
}

.loginFlagPudlo ul.menuLeft li,
.loginFlagPudlo ul.menuRight li,
.userMenuRight ul li,
.userMenuRight ul li a,
.userMenuRight ul li.logout button,
.userMenuButton {
        transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

.userMenuLeft p,
.userMenuRight ul li a,
.userMenuRight ul li.logout button,
.userMenuButton {
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
}

.userMenuRight ul li a,
.userMenuRight ul li.logout button {
        text-shadow: 0 1px 1px rgba(0, 0, 0, .45);
}

.userMenuRight ul li a:hover,
.userMenuRight ul li a:focus-visible,
.userMenuRight ul li.logout button:hover,
.userMenuRight ul li.logout button:focus-visible,
.userMenuButton:hover,
.userMenuButton:focus-visible {
        outline: none;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .22);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
        outline: 2px solid #d13434;
        outline-offset: 2px;
}

.logoMenu .logoMenuPudlo .imglogo {
        max-width: 100%;
        height: auto;
}

/* Telefony i male tablety: bazowy styl nie moze wymuszac 1024 px. */
@media (max-width: 760px) {
        .loginFlag {
                height: auto;
                min-height: 50px;
        }

        .loginFlagPudlo {
                height: auto;
                min-height: 50px;
                padding: 0 10px;
        }

        .loginFlagPudlo ul.menuLeft,
        .loginFlagPudlo ul.menuRight {
                width: 100%;
                float: none;
                top: 0;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 5px;
                padding: 8px 0;
        }

        .loginFlagPudlo ul.menuLeft li,
        .loginFlagPudlo ul.menuRight li {
                float: none;
                margin: 0;
        }

        .loginFlagPudlo ul.menuRight {
                justify-content: flex-start;
                padding-top: 0;
        }

        .logoMenu {
                height: auto;
                min-height: 100px;
        }

        .logoMenuPudlo {
                height: auto;
                min-height: 100px;
                padding: 10px 0;
                display: flex;
                align-items: center;
        }

        .logoMenu .logoMenuPudlo .imglogo {
                margin-top: 0;
        }

        .userMenu {
                height: auto;
                min-height: 0;
                line-height: normal;
                padding: 12px 0;
        }

        .userMenuPudlo {
                height: auto;
                min-height: 0;
                display: flex;
                flex-direction: column;
                gap: 10px;
                padding: 0 10px;
        }

        .userMenuLeft,
        .userMenuRight {
                float: none;
        }

        .userMenuLeft p {
                margin: 0;
                font-size: 17px;
        }

        .userMenuRight ul {
                width: 100%;
                top: 0;
                display: flex;
                flex-wrap: wrap;
                gap: 7px;
                margin: 0;
                padding: 0;
        }

        .userMenuRight ul li {
                float: none;
                margin: 0;
        }

        .userMenuRight ul li a,
        .userMenuRight ul li.logout button {
                height: auto;
                min-height: 40px;
                box-sizing: border-box;
                padding: 8px 10px;
                line-height: 22px;
        }

        .userMenuRight form {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 7px;
        }

        .contentBox,
        .contentMinAreaBox,
        .footerBox ul {
                width: calc(100% - 20px);
                max-width: 1024px;
        }
}


/* Step 2: pelna responsywnosc glownego stylu na telefonach. */
@media (max-width: 760px) {
        .loginFlagPudlo,
        .logoMenuPudlo,
        .userMenuPudlo,
        .contentBox,
        .contentMinAreaBox,
        .footerBox ul {
                width: 100%;
                max-width: none;
        }

        .loginFlagPudlo {
                padding: 0 10px;
        }

        .loginFlagPudlo ul.menuLeft,
        .loginFlagPudlo ul.menuRight {
                width: 100%;
                box-sizing: border-box;
        }

        .loginFlagPudlo ul.menuLeft li,
        .loginFlagPudlo ul.menuRight li {
                margin-right: 4px;
                margin-left: 0;
                padding: 4px 6px;
                height: auto;
                box-sizing: border-box;
        }

        .loginFlagPudlo ul.menuLeft li.roz ul {
                max-width: calc(100vw - 30px);
                box-sizing: border-box;
        }

        .loginFlagPudlo ul.menuLeft li button.menuToggle {
                min-height: 22px;
                box-sizing: border-box;
        }

        .loginFlagPudlo ul.menuLeft li.roz ul li {
                width: 100%;
                box-sizing: border-box;
        }

        .loginFlagPudlo ul.menuLeft li.roz ul li:hover {
                width: calc(100% - 5px);
        }

        .logoMenuPudlo {
                padding-left: 10px;
                padding-right: 10px;
                box-sizing: border-box;
        }

        .logoMenu .logoMenuPudlo .imglogo {
                display: block;
                max-width: 100%;
                width: auto;
                height: auto;
        }

        .userMenuPudlo {
                box-sizing: border-box;
        }

        .userMenuLeft,
        .userMenuRight {
                width: 100%;
                box-sizing: border-box;
        }

        .userMenuRight ul {
                width: 100%;
                box-sizing: border-box;
        }

        .userMenuRight ul li {
                margin: 0;
                flex: 0 1 auto;
        }

        .userMenuRight ul li a,
        .userMenuRight ul li.logout button {
                max-width: 100%;
                white-space: normal;
        }

        .userMenuRight ul li#ustawienia ul {
                max-width: calc(100vw - 30px);
        }

        .userMenuRight form {
                width: 100%;
                box-sizing: border-box;
        }

        .userMenuRight form .form-field {
                width: 100%;
                box-sizing: border-box;
        }

        .userMenuRight form a.userMenuButton {
                box-sizing: border-box;
        }

        .userMenuRight form a.przypomnij {
                position: static;
                display: inline-block;
                margin-top: 7px;
                height: auto;
        }

        .contentBox {
                box-sizing: border-box;
                overflow-x: hidden;
        }

        .contentArea,
        .contentMinArea {
                box-sizing: border-box;
                width: 100%;
                margin-left: 0;
                margin-right: 0;
                padding: 12px;
                min-height: 0;
        }

        p.nameHead {
                box-sizing: border-box;
                width: 100%;
        }

        .registerPromo {
                width: 100%;
                min-height: 94px;
                margin-bottom: 16px;
                padding: 10px 38px 10px 10px;
                border-radius: 9px;
        }

        .registerPromoIcon {
                flex: 0 0 68px;
                width: 68px;
                height: 68px;
                margin-right: 10px;
                padding-right: 10px;
        }

        .registerPromoIcon img {
                width: 60px;
                height: 60px;
        }

        .registerPromoContent {
                gap: 4px;
        }

        .registerPromoContent strong {
                font-size: 16px;
                line-height: 1.2;
        }

        .registerPromoContent span {
                font-size: 11px;
                line-height: 1.3;
        }

        .registerPromoArrow {
                right: 10px;
                font-size: 38px;
        }

        .indexBox {
                white-space: normal;
                display: flex;
                flex-direction: column;
                width: 100%;
                box-sizing: border-box;
        }

        .indexBoxMin1,
        .indexBoxMin2 {
                display: block;
                width: 100%;
                box-sizing: border-box;
                margin: 0;
                border-left: 0;
        }

        .indexBoxMin2 {
                padding-top: 10px;
                border-top: 1px dashed #cbcbcb;
        }

        #UploadButton {
                width: 100%;
                height: 160px;
                line-height: 120px;
                box-sizing: border-box;
                margin-top: 20px;
                border-radius: 14px;
        }

        #UploadButton > div {
                top: 105px !important;
                font-size: 12px !important;
        }

        #UploadButton > div:last-child {
                right: 8px !important;
                left: auto !important;
        }

        #opcje {
                width: 100%;
                box-sizing: border-box;
                min-height: 0;
        }

        #opcje .opcjeLeft,
        #opcje .opcjeRight {
                float: none;
                width: 100%;
                height: auto;
                box-sizing: border-box;
                padding: 12px;
        }

        #opcje fieldset {
                box-sizing: border-box;
        }

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

        .successBox,
        .errorBox {
                width: 100%;
                box-sizing: border-box;
        }

        .imageInfo {
                height: auto;
                overflow: visible;
        }

        .imageInfoLeft,
        .imageInfoRight,
        .imageInfoRightTyp {
                float: none;
                width: 100%;
                max-width: 100%;
                height: auto;
                box-sizing: border-box;
                position: relative;
                top: auto;
                right: auto;
        }

        .imageInfoLeft ul {
                position: static;
                width: 100%;
                box-sizing: border-box;
                padding: 0;
        }

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

        .newGalleryInfo ul {
                width: 100%;
                box-sizing: border-box;
                margin-left: 0;
                padding: 10px;
        }

        .newGalleryInfo a.image {
                max-width: 100%;
                box-sizing: border-box;
        }

        .newGalleryInfo .imgList .img a.list {
                margin-left: 0;
                max-width: 100%;
        }

        .prevImage,
        .nextImage {
                display: none;
        }

        a.download {
                width: 100%;
                max-width: 568px;
                height: auto;
                min-height: 123px;
                box-sizing: border-box;
                background-size: contain;
                background-position: center;
        }

        .indexBoxMin1,
        .indexBoxMin2,
        .newGalleryInfo,
        .footerBox ul li.box1,
        .footerBox ul li.box2,
        .footerBox ul li.box3 {
                float: none;
        }

        .footerBox {
                min-height: 0;
                margin-top: 25px;
                padding-bottom: 10px;
        }

        .footerBox ul {
                height: auto;
                padding: 0 10px;
                box-sizing: border-box;
                margin-top: 15px;
        }

        .footerBox ul li.box1,
        .footerBox ul li.box2,
        .footerBox ul li.box3 {
                width: 100%;
                height: auto;
                min-height: 120px;
                margin: 0 0 12px 0;
                box-sizing: border-box;
        }

        .footerBox_copy {
                width: calc(100% - 20px);
                box-sizing: border-box;
                height: auto;
                margin-left: auto;
                margin-right: auto;
        }

        .footerBox_copyLeft,
        .footerBox_copyRight {
                float: none;
                width: 100%;
                box-sizing: border-box;
        }

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

/* PICTAP 2026 - Step 3: naprawa wewnetrznych szerokosci na telefonach. */
@media (max-width: 760px) {
        .loginFlagPudlo {
                width: 100%;
                padding: 0 6px;
        }

        .loginFlagPudlo ul.menuLeft,
        .loginFlagPudlo ul.menuRight {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                overflow: visible;
        }

        .loginFlagPudlo ul.menuLeft {
                justify-content: flex-start;
        }

        .loginFlagPudlo ul.menuLeft li,
        .loginFlagPudlo ul.menuRight li {
                flex: 0 1 auto;
                min-width: 0;
                padding: 5px 7px;
                margin: 0;
                height: auto;
        }

        .loginFlagPudlo ul.menuLeft li a,
        .loginFlagPudlo ul.menuRight li a {
                display: block;
                white-space: nowrap;
                font-size: 12px;
        }

        .loginFlagPudlo ul.menuRight {
                justify-content: flex-start;
                padding-bottom: 7px;
        }

        .logoMenu {
                min-height: 0;
        }

        .logoMenuPudlo {
                width: 100%;
                min-width: 0;
                min-height: 0;
                height: auto;
                padding: 10px 6px;
                box-sizing: border-box;
        }

        .logoMenuPudlo > a {
                display: block;
                width: 100%;
                min-width: 0;
                line-height: 0;
        }

        .logoMenu .logoMenuPudlo .imglogo {
                display: block;
                width: 100%;
                max-width: 450px;
                height: auto;
                margin: 0 auto;
        }

        .userMenu {
                height: auto;
                min-height: 0;
                line-height: normal;
        }

        .userMenuPudlo {
                width: 100%;
                height: auto;
                min-height: 0;
                padding: 12px 8px 14px;
                box-sizing: border-box;
                display: flex;
                flex-wrap: wrap;
                align-items: flex-start;
        }

        .userMenuLeft,
        .userMenuRight {
                float: none;
                width: 100%;
                min-width: 0;
                box-sizing: border-box;
        }

        .userMenuLeft p {
                margin: 0 0 12px;
                font-size: 18px;
                line-height: 1.3;
        }

        .userMenuRight ul {
                width: 100%;
                position: static;
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
                gap: 7px;
                box-sizing: border-box;
                margin: 0;
                padding: 0;
        }

        .userMenuRight ul li {
                float: none;
                margin: 0;
                min-width: 0;
                flex: 0 1 auto;
        }

        .userMenuRight ul li a,
        .userMenuRight ul li.logout button {
                display: block;
                width: auto;
                height: auto;
                min-height: 42px;
                box-sizing: border-box;
                padding: 8px 10px;
                line-height: 24px;
                white-space: nowrap;
                font-size: 14px;
        }

        .userMenuRight ul li.logout form {
                display: block;
        }

        .userMenuRight ul li#ustawienia:hover ul {
                display: none;
        }

        .userMenuRight form {
                width: 100%;
                box-sizing: border-box;
        }

        .userMenuRight form .form-field {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                margin-bottom: 7px;
        }

        .userMenuRight form a.userMenuButton {
                display: inline-block;
                height: auto;
                min-height: 42px;
                line-height: 24px;
                box-sizing: border-box;
                padding: 8px 16px;
        }

        .userMenuRight form a.przypomnij {
                display: inline-block;
                position: static;
                height: auto;
                margin: 7px 0 0;
                line-height: 20px;
                padding: 4px 8px;
                box-sizing: border-box;
        }

        .indexUploadMenu {
                display: flex;
                flex-wrap: wrap;
                align-items: stretch;
                width: 100%;
                box-sizing: border-box;
        }

        .indexUploadMenuLeft,
        .indexUploadMenuRight {
                float: none;
                width: 100%;
                margin: 0;
                box-sizing: border-box;
        }

        .indexUploadMenuLeft p {
                padding: 12px 10px;
                line-height: 1.4;
        }

        .indexUploadMenuRight {
                display: flex;
                width: 100%;
        }

        a.boxUploadn {
                flex: 1 1 50%;
                width: auto;
                min-width: 0;
                height: 52px;
                line-height: 52px;
                box-sizing: border-box;
                font-size: 13px;
        }

        .contentArea {
                min-height: 0 !important;
                padding: 12px 8px;
                box-sizing: border-box;
                overflow-x: hidden;
        }

        .indexBox {
                display: flex;
                flex-direction: column;
                width: 100%;
                white-space: normal;
                box-sizing: border-box;
        }

        .indexBoxMin1,
        .indexBoxMin2 {
                display: block;
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                margin: 0;
                padding: 0 8px;
                overflow-wrap: anywhere;
        }

        .indexBoxMin2 {
                margin-top: 12px;
                padding-top: 12px;
                border-left: 0;
                border-top: 2px dashed #cbcbcb;
        }

        .indexBoxMin1 p,
        .indexBoxMin2 p {
                max-width: 100%;
                overflow-wrap: anywhere;
        }

        #UploadButton {
                width: 100%;
                max-width: 100%;
                margin: 20px 0 0;
                height: 150px;
                line-height: 100px;
                box-sizing: border-box;
        }

        #UploadButton > div {
                max-width: calc(100% - 16px);
                overflow-wrap: anywhere;
        }

        #opcje {
                width: 100%;
                min-height: 0;
                box-sizing: border-box;
        }

        #opcje .opcjeLeft,
        #opcje .opcjeRight {
                float: none;
                width: 100%;
                max-width: 100%;
                height: auto;
                box-sizing: border-box;
                padding: 10px;
        }

        #opcje .opcjeRight p {
                max-width: 100%;
                overflow-wrap: anywhere;
        }

        .footerBox {
                width: 100%;
                min-height: 0;
                box-sizing: border-box;
                overflow: hidden;
        }

        .footerBox ul {
                width: 100%;
                height: auto;
                padding: 0 8px;
                box-sizing: border-box;
        }

        .footerBox ul li.box1,
        .footerBox ul li.box2,
        .footerBox ul li.box3 {
                width: 100%;
                max-width: 100%;
                height: auto;
                min-height: 0;
                margin: 0 0 12px;
                box-sizing: border-box;
        }

        .footerBox ul li.box1 ul,
        .footerBox ul li.box2 ul,
        .footerBox ul li.box3 ul {
                width: 100%;
                max-width: 100%;
                height: auto;
                box-sizing: border-box;
        }

        .footerBox ul li.box1 ul li,
        .footerBox ul li.box3 ul li {
                box-sizing: border-box;
        }

        .footerBox ul li.box1 ul li span,
        .footerBox ul li.box3 ul li span {
                position: static;
                float: right;
        }

        .footerBox_copy {
                width: calc(100% - 16px);
                max-width: 100%;
                box-sizing: border-box;
                overflow-wrap: anywhere;
        }

        .footerBox_copyLeft,
        .footerBox_copyRight {
                max-width: 100%;
                overflow-wrap: anywhere;
        }
}


/* PICTAP 2026 - Step 5: wygodniejsze i nowoczesniejsze menu gorne na telefonach. */
@media (max-width: 760px) {
        .loginFlagPudlo ul.menuLeft li,
        .loginFlagPudlo ul.menuRight li {
                padding: 7px 9px;
                min-height: 32px;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                border-radius: 5px;
                margin-right: 5px;
                margin-bottom: 5px;
        }

        .loginFlagPudlo ul.menuLeft li a,
        .loginFlagPudlo ul.menuRight li a {
                font-size: 12px;
                line-height: 16px;
        }

        .loginFlagPudlo ul.menuLeft li.roz ul {
                z-index: 20;
        }
}


/* PICTAP 2026 - Step 6: logo nie moze powodowac poziomego overflow. */
.logoMenu {
        overflow: hidden;
}

.logoMenu .logoMenuPudlo {
        box-sizing: border-box;
        overflow: hidden;
}

.logoMenu .logoMenuPudlo .imglogo {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
}

@media (max-width: 760px) {
        .logoMenu .logoMenuPudlo {
                width: 100%;
                min-width: 0;
                padding-left: 6px;
                padding-right: 6px;
        }

        .logoMenu .logoMenuPudlo .imglogo {
                width: auto;
                max-width: 100%;
                height: auto;
        }
}

/* ============================================================
   PICTAP 2026 - Step 8
   Przyciski UPLOAD / REMOTE po 50%
   ============================================================ */
.indexUploadMenu {
        border-radius: 8px;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
        border: 1px solid #181b1d;
}

.indexUploadMenuLeft p {
        line-height: 64px;
        margin: 0;
        padding-left: 14px;
        font-size: 13px;
        font-weight: bold;
}

.indexUploadMenuRight {
        margin-right: 0;
}

.indexUploadMenuRight p {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 0;
}

a.boxUploadn {
        height: 64px;
        line-height: 64px;
        min-width: 92px;
        box-sizing: border-box;
        border-left: 1px solid #454545;
        transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

a.boxUploadn:hover,
a.boxUploadn:focus {
        background: #4a4a4a;
        box-shadow: inset 0 -3px 0 #ba231c;
}

.contentArea {
        border-top: 0;
        box-shadow: 0 5px 18px rgba(50, 50, 50, 0.28);
}

.indexBoxMin1,
.indexBoxMin2 {
        vertical-align: top;
}

#UploadButton {
        width: min(80%, 760px);
        min-height: 150px;
        height: auto;
        line-height: 1.5;
        padding: 54px 24px 24px;
        box-sizing: border-box;
        border-radius: 12px;
        background: linear-gradient(180deg, #fafafa 0%, #f3f3f3 100%);
        box-shadow: inset 0 1px 0 #ffffff, 0 2px 8px rgba(0, 0, 0, 0.08);
        transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

#UploadButton:hover {
        background: #ffffff;
        border-color: #ba231c;
        box-shadow: inset 0 1px 0 #ffffff, 0 4px 12px rgba(0, 0, 0, 0.12);
}

@media (max-width: 760px) {
        .indexUploadMenu {
                border-radius: 7px;
        }

        .indexUploadMenuLeft p {
                line-height: 54px;
                padding-left: 10px;
                font-size: 12px;
        }

        .indexUploadMenuRight {
                float: none;
                margin: 0;
                width: 100%;
        }

        .indexUploadMenuRight p {
                display: flex;
                width: 100%;
                margin: 0;
                padding: 0;
        }

        a.boxUploadn {
                height: 42px;
                line-height: 42px;
                min-width: 0;
                width: 50%;
                font-size: 12px;
        }

        #UploadButton {
                width: 100%;
                min-height: 150px;
                padding: 50px 14px 20px;
                margin-top: 18px;
                font-size: 17px;
                border-radius: 10px;
        }
}



/* ============================================================
   PICTAP 2026 - Step 10
   Modernizacja kompletnego panelu index.tpl
   ============================================================ */
.indexPage .indexContentArea {
        padding: 18px;
        box-sizing: border-box;
}

.indexPage .indexInfoGrid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin: 0 0 12px;
}

.indexPage .indexInfoCard {
        min-width: 0;
        padding: 12px 10px;
        background: #f7f8f9;
        border: 1px solid #e1e4e6;
        border-radius: 8px;
        box-sizing: border-box;
        text-align: center;
}

.indexPage .indexCardTitle {
        color: #555d61;
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 7px;
}

.indexPage .indexFormatLine,
.indexPage .indexInfoValue {
        color: #303538;
        font-size: 13px;
        line-height: 1.45;
}

.indexPage .indexHighlightCard {
        padding: 14px;
        margin-bottom: 16px;
        background: #fafafa;
        border: 1px solid #e0e3e5;
        border-radius: 8px;
}

.indexPage .indexHighlightTitle {
        margin-bottom: 10px;
        color: #3f474b;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
}

.indexPage .indexHighlightGrid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px 18px;
        color: #666;
        font-size: 12px;
        line-height: 1.45;
        text-align: center;
}

.indexPage .indexHighlightGrid > div::before {
        content: '✓';
        display: inline-block;
        margin-right: 5px;
        color: #9f1312;
        font-weight: 700;
}

.indexPage .indexUploadForm {
        position: relative;
}

.indexPage .indexHiddenFile {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
}

.indexPage #UploadButton.indexDropzone {
        width: 100%;
        min-height: 178px;
        margin: 0;
        padding: 22px 16px 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        box-sizing: border-box;
        border: 1px dashed #c9ced1;
        border-radius: 10px;
        background: #f8f9fa;
        color: #4f565a;
        line-height: 1.3;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 13px;
        cursor: pointer;
}

.indexPage #UploadButton.indexDropzone:hover {
        background: #fff;
        border-color: #ba231c;
        box-shadow: 0 3px 12px rgba(0,0,0,.08);
}

.indexPage .indexDropzoneIcon {
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 3px;
        border-radius: 50%;
        background: #202528;
        color: #fff;
        font-size: 25px;
        font-weight: 700;
}

.indexPage .indexDropzoneTitle {
        color: #292e31;
        font-size: 16px;
        font-weight: 700;
}

.indexPage .indexDropzoneText {
        color: #777;
        font-size: 12px;
}

.indexPage .indexDropzoneLimits {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 10px;
        margin-top: 11px;
        padding-top: 9px;
        border-top: 1px solid #e3e5e6;
        color: #777;
        font-size: 10px;
}

.indexPage .indexRemoteBox {
        padding: 15px;
        border: 1px solid #e0e3e5;
        border-radius: 9px;
        background: #fafafa;
}

.indexPage .indexRemoteIntro {
        margin-bottom: 9px;
        color: #555;
        font-size: 12px;
        line-height: 1.4;
        text-align: center;
}

.indexPage textarea#remote {
        display: block;
        width: 100%;
        min-height: 170px;
        margin: 0;
        padding: 11px;
        box-sizing: border-box;
        border: 1px solid #d5d9dc;
        border-radius: 7px;
        background: #fff;
        color: #333;
        font: 13px/1.5 Verdana, Helvetica, sans-serif;
        resize: vertical;
}

.indexPage .indexSelectedBox {
        margin-top: 12px;
        padding: 12px;
        border: 1px solid #e0e3e5;
        border-radius: 8px;
        background: #fafafa;
}

.indexPage .indexSelectedTitle {
        margin-bottom: 7px;
        color: #444;
        font-size: 12px;
        font-weight: 700;
}

.indexPage .indexSelectedBox .tableFile {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        font-size: 11px;
}

.indexPage .indexTerms {
        margin: 14px 0 10px;
        color: #555;
        font-size: 12px;
        line-height: 1.4;
        text-align: center;
}

.indexPage .indexActionRow {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        max-width: 520px;
        margin: 0 auto;
}

.indexPage .indexActionButton {
        width: 100%;
        height: 40px;
        margin: 0;
        padding: 0 10px;
        box-sizing: border-box;
        border-radius: 6px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
}

.indexPage .indexOptions {
        display: block;
        width: 100%;
        margin-top: 14px;
        padding: 0;
        min-height: 0;
        box-sizing: border-box;
        overflow: hidden;
        border: 1px solid #dfe3e5;
        border-radius: 10px;
        background: #f8f9fa;
        box-shadow: 0 3px 12px rgba(0,0,0,.08);
}

.indexPage .indexOptionsIcon {
        float: left;
        width: 125px;
        min-height: 170px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 18px;
        box-sizing: border-box;
        background: #202528;
}

.indexPage .indexOptionsIcon img {
        display: block;
        width: 72px;
        height: 72px;
        margin: 0 !important;
        object-fit: contain;
}

.indexPage .indexOptionsBody {
        margin-left: 125px;
        min-width: 0;
        padding: 16px;
        box-sizing: border-box;
}

.indexPage .indexOptions::after {
        content: "";
        display: table;
        clear: both;
}

.indexPage .indexOptionsHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-bottom: 11px;
        margin-bottom: 12px;
        border-bottom: 1px solid #e0e3e5;
}

.indexPage .indexOptionsHeader strong {
        display: block;
        color: #33393c;
        font-size: 15px;
}

.indexPage .indexOptionsHeader span {
        display: block;
        margin-top: 3px;
        color: #7a8083;
        font-size: 10px;
}

.indexPage .indexSettingsSave img {
        width: 30px;
        height: 30px;
        display: block;
}

.indexPage .indexSettingsSave a {
        display: inline-block;
        line-height: 0;
}

.indexPage .indexOptionGrid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
}

.indexPage .indexOptionField,
.indexPage .indexCheckField {
        min-width: 0;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #e1e4e6;
        border-radius: 7px;
        background: #fff;
}

.indexPage .indexOptionFull {
        grid-column: 1 / -1;
}

.indexPage .indexOptionField > label,
.indexPage .indexOptionField > span,
.indexPage .indexCheckField span {
        display: block;
        margin-bottom: 6px;
        color: #555c60;
        font-size: 11px;
        font-weight: 700;
}

.indexPage .indexOptionField select,
.indexPage .indexOptionField input[type="text"],
.indexPage .indexDimensions input[type="text"] {
        width: 100%;
        max-width: 100%;
        height: 34px;
        padding: 5px 8px;
        box-sizing: border-box;
        border: 1px solid #cfd4d7;
        border-radius: 5px;
        background: #fff;
        color: #333;
        font: 12px Verdana, Helvetica, sans-serif;
}

.indexPage .indexCheckField {
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
}

.indexPage .indexCheckField input {
        flex: 0 0 auto;
        margin: 0;
}

.indexPage .indexCheckField span {
        margin: 0;
        font-weight: 600;
}

.indexPage .indexDimensions {
        margin: 12px 0 0;
        padding: 12px;
        border: 1px solid #d8dcdf;
        border-radius: 7px;
        background: #fff;
}

.indexPage .indexDimensions legend {
        padding: 0 6px;
        color: #4a5155;
        font: 700 11px Verdana, Helvetica, sans-serif;
}

.indexPage .indexDimensionsGrid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
}

.indexPage .indexDimensionsGrid label {
        color: #666;
        font-size: 11px;
        font-weight: 700;
}

.indexPage .indexDimensionsGrid label > span {
        display: block;
        margin-bottom: 5px;
}

.indexPage .indexDimensionsGrid label > div {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #555;
        font-size: 11px;
}

.indexPage .indexDimensionsGrid input[type="text"] {
        width: 90px;
}

.indexPage .indexDimensionsHint {
        margin-top: 9px;
        color: #7a8083;
        font-size: 10px;
        line-height: 1.4;
}

.indexPage .indexUploadStatus {
        margin: 15px 0 0;
        padding: 12px;
        border-radius: 7px;
        background: #f3f4f5;
        color: #555;
        text-align: center;
}

.indexPage .indexProgress {
        margin-top: 15px;
}

.indexPage #progress_info {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        margin: 7px 0 0;
        font: 11px/1.4 Verdana, Helvetica, sans-serif;
        color: #555;
}

.indexPage #progress_container {
        height: 22px;
        margin: 0;
        overflow: hidden;
        border: 1px solid #d4d8da;
        border-radius: 5px;
        background: #eef0f1;
}

.indexPage #progress_bar {
        height: 22px;
        line-height: 22px;
        border-radius: 4px;
        background: linear-gradient(to right, #9f1312, #ba231c);
}

.indexPage #progress_completed {
        line-height: 22px;
        padding-left: 6px;
        font-size: 11px;
}

@media (max-width: 760px) {
        .indexPage .indexContentArea {
                padding: 10px;
        }

        .indexPage .indexInfoGrid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 7px;
        }

        .indexPage .indexInfoCard {
                padding: 9px 7px;
        }

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

        .indexPage .indexFormatLine,
        .indexPage .indexInfoValue {
                font-size: 10px;
        }

        .indexPage .indexHighlightCard {
                padding: 10px 8px;
        }

        .indexPage .indexHighlightTitle {
                font-size: 11px;
        }

        .indexPage .indexHighlightGrid {
                grid-template-columns: 1fr;
                gap: 5px;
                font-size: 9px;
        }

        .indexPage #UploadButton.indexDropzone {
                min-height: 155px;
                padding: 16px 10px 12px;
        }

        .indexPage .indexDropzoneIcon {
                width: 34px;
                height: 34px;
                font-size: 20px;
        }

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

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

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

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

        .indexPage .indexActionRow {
                gap: 5px;
        }

        .indexPage .indexActionButton {
                height: 34px;
                font-size: 9px;
        }

        .indexPage .indexOptions {
                display: block;
        }

        .indexPage .indexOptionsIcon {
                float: none;
                width: 100%;
                min-height: 76px;
                height: 76px;
                padding: 10px;
        }

        .indexPage .indexOptionsIcon img {
                width: 48px;
                height: 48px;
        }

        .indexPage .indexOptionsBody {
                margin-left: 0;
                padding: 10px;
                clear: both;
        }

        .indexPage .indexOptionsHeader strong {
                font-size: 12px;
        }

        .indexPage .indexOptionsHeader span {
                font-size: 8px;
        }

        .indexPage .indexOptionGrid,
        .indexPage .indexDimensionsGrid {
                grid-template-columns: 1fr;
                gap: 7px;
        }

        .indexPage .indexOptionFull {
                grid-column: auto;
        }

        .indexPage .indexOptionField,
        .indexPage .indexCheckField,
        .indexPage .indexDimensions {
                padding: 8px;
        }

        .indexPage .indexOptionField > label,
        .indexPage .indexOptionField > span,
        .indexPage .indexCheckField span {
                font-size: 9px;
        }

        .indexPage .indexOptionField select,
        .indexPage .indexOptionField input[type="text"],
        .indexPage .indexDimensions input[type="text"] {
                height: 31px;
                font-size: 10px;
        }

        .indexPage .indexDimensionsGrid label > div {
                font-size: 10px;
        }

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

        .indexPage #progress_info {
                font-size: 8px;
        }
}


/* ============================================================
   PICTAP 2026 - Step 11
   Uporzadkowanie sekcji opcji uploadu
   ============================================================ */
.indexPage .indexOptions {
        overflow: visible;
}

.indexPage .indexOptionGrid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: stretch;
        gap: 9px;
}

.indexPage .indexOptionFull {
        grid-column: 1 / -1;
}

.indexPage .indexOptionField,
.indexPage .indexCheckField {
        min-height: 48px;
        margin: 0;
        padding: 10px 11px;
        border: 1px solid #dfe3e6;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.03);
}

.indexPage .indexCheckField {
        display: flex;
        align-items: center;
        gap: 9px;
        box-sizing: border-box;
}

.indexPage .indexCheckField input[type="checkbox"] {
        width: 18px;
        height: 18px;
        margin: 0;
        accent-color: #ba231c;
}

.indexPage .indexCheckField span {
        margin: 0;
        color: #343a3d;
        font-size: 11px;
        line-height: 1.25;
        font-weight: 700;
}

.indexPage .indexOptionField > label {
        margin: 0 0 6px;
        color: #4d5559;
        font-size: 10px;
        line-height: 1.2;
        font-weight: 700;
}

.indexPage .indexOptionField select,
.indexPage .indexOptionField input[type="text"] {
        height: 34px;
        margin: 0;
        border: 1px solid #cdd3d6;
        border-radius: 6px;
        background: #fff;
        box-shadow: none;
        color: #303538;
        font-size: 11px;
}

.indexPage .indexOptionField select:focus,
.indexPage .indexOptionField input[type="text"]:focus,
.indexPage .indexDimensions input[type="text"]:focus {
        border-color: #ba231c;
        outline: none;
        box-shadow: 0 0 0 2px rgba(186,35,28,.10);
}

.indexPage .indexOptionPosition {
        grid-column: 1 / -1;
}

.indexPage .indexDimensions {
        margin-top: 10px;
        padding: 11px;
        border: 1px solid #dfe3e6;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.03);
}

.indexPage .indexDimensionsGrid {
        gap: 9px;
}

.indexPage .indexDimensionsGrid label {
        padding: 9px;
        border: 1px solid #e5e7e9;
        border-radius: 7px;
        background: #f8f9fa;
        box-sizing: border-box;
}

.indexPage .indexDimensionsGrid label > span {
        color: #4d5559;
        font-size: 10px;
}

.indexPage .indexDimensionsGrid label > div {
        font-size: 10px;
}

@media (max-width: 760px) {
        .indexPage .indexOptionGrid {
                grid-template-columns: 1fr 1fr;
                gap: 6px;
        }

        .indexPage .indexOptionFull,
        .indexPage .indexOptionPosition {
                grid-column: 1 / -1;
        }

        .indexPage .indexOptionField,
        .indexPage .indexCheckField {
                min-height: 42px;
                padding: 7px 8px;
                border-radius: 7px;
        }

        .indexPage .indexCheckField {
                gap: 6px;
        }

        .indexPage .indexCheckField input[type="checkbox"] {
                width: 16px;
                height: 16px;
        }

        .indexPage .indexCheckField span,
        .indexPage .indexOptionField > label {
                font-size: 8px;
        }

        .indexPage .indexOptionField select,
        .indexPage .indexOptionField input[type="text"] {
                height: 30px;
                font-size: 9px;
        }

        .indexPage .indexDimensions {
                margin-top: 7px;
                padding: 8px;
        }

        .indexPage .indexDimensionsGrid {
                gap: 6px;
        }

        .indexPage .indexDimensionsGrid label {
                padding: 7px;
        }
}

/* PICTAP 2026 - Step 14: nowoczesna stopka i informacje techniczne. */
.footerBox_copy {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        box-sizing: border-box;
}

.footerBox_copyLeft,
.footerBox_copyRight {
        float: none;
        box-sizing: border-box;
}

.footerCopyright {
        line-height: 1.55;
}


.footerStats {
        text-align: right;
}

.footerTech {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 10px;
}

.footerTech span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 10px;
        border: 1px solid #292f32;
        border-radius: 8px;
        background: #181d1f;
        color: #9fa7aa;
        font-size: 11px;
        line-height: 1.2;
}

.footerTech b {
        color: #777f82;
        font-weight: 500;
}

.footerTech em {
        color: #e3e6e7;
        font-style: normal;
        font-weight: 700;
}

@media (max-width: 760px) {
        .footerBox_copy {
                display: block;
        }

        .footerBox_copyLeft,
        .footerBox_copyRight {
                width: 100%;
        }

        .footerStats {
                margin-top: 12px;
                text-align: left;
        }

        .footerTech {
                justify-content: flex-start;
        }

        .footerTech span {
                flex: 1 1 130px;
                justify-content: space-between;
        }
}

/* PICTAP 2026 - Step 15: odswiezenie naglowka i panelu uzytkownika na telefonach. */

/* Gorne menu: mniejsze, rowne i bardziej wspolczesne przyciski. */
@media (max-width: 760px) {
        .loginFlag {
                height: auto;
                min-height: 0;
                padding: 0;
                position: relative;
                z-index: 1000;
        }

        .loginFlagPudlo {
                width: 100%;
                min-height: 0;
                height: auto;
                padding: 7px 8px 8px;
                box-sizing: border-box;
                overflow: visible;
                position: relative;
                z-index: 1000;
        }

        .loginFlagPudlo ul.menuLeft,
        .loginFlagPudlo ul.menuRight {
                width: 100%;
                max-width: 100%;
                height: auto;
                min-height: 0;
                position: static;
                float: none;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: flex-start;
                gap: 6px;
                margin: 0;
                padding: 0;
                box-sizing: border-box;
        }

        .loginFlagPudlo ul.menuRight {
                margin-top: 6px;
        }

        .loginFlagPudlo ul.menuLeft li,
        .loginFlagPudlo ul.menuRight li {
                float: none;
                display: block;
                flex: 0 0 auto;
                min-width: 0;
                min-height: 0;
                height: auto;
                margin: 0 !important;
                padding: 0 !important;
                background: transparent;
                border: 0;
                border-radius: 0;
                box-shadow: none;
        }

        .loginFlagPudlo ul.menuLeft li a,
        .loginFlagPudlo ul.menuRight li a {
                display: flex;
                align-items: center;
                justify-content: center;
                min-height: 34px;
                box-sizing: border-box;
                padding: 7px 11px;
                border: 1px solid #30373a;
                border-radius: 7px;
                background: linear-gradient(#202629, #15191b);
                color: #dfe3e5;
                font-family: Verdana, Helvetica, sans-serif;
                font-size: 12px !important;
                line-height: 16px;
                font-weight: 600;
                text-shadow: 0 1px 1px rgba(0,0,0,.65);
                box-shadow: 0 1px 2px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
                white-space: nowrap;
        }

        .loginFlagPudlo ul.menuLeft li button.menuToggle {
                display: flex;
                align-items: center;
                justify-content: center;
                min-height: 34px;
                box-sizing: border-box;
                padding: 7px 11px;
                border: 1px solid #30373a;
                border-radius: 7px;
                background: linear-gradient(#202629, #15191b);
                color: #dfe3e5;
                font-family: Verdana, Helvetica, sans-serif;
                font-size: 12px !important;
                line-height: 16px;
                font-weight: 600;
                text-shadow: 0 1px 1px rgba(0,0,0,.65);
                box-shadow: 0 1px 2px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
                white-space: nowrap;
                cursor: pointer;
        }

        .loginFlagPudlo ul.menuLeft li a:hover,
        .loginFlagPudlo ul.menuLeft li a:focus-visible,
        .loginFlagPudlo ul.menuRight li a:hover,
        .loginFlagPudlo ul.menuRight li a:focus-visible,
        .loginFlagPudlo ul.menuLeft li button.menuToggle:hover,
        .loginFlagPudlo ul.menuLeft li button.menuToggle:focus-visible {
                background: linear-gradient(#30383b, #1a1f21);
                border-color: #ba231c;
                color: #fff;
        }

        .loginFlagPudlo ul.menuLeft li.register a {
                background: linear-gradient(#b52620, #86130f);
                border-color: #d13434;
                color: #fff;
        }

        /* Rozwijane menu pozostaje pod przyciskiem i nie wplywa na wysokosc glownego menu. */
        .loginFlagPudlo ul.menuLeft li.roz {
                position: relative;
        }

        .loginFlagPudlo ul.menuLeft li.roz ul {
                display: none;
                position: fixed;
                top: 70px;
                left: auto;
                right: 8px;
                z-index: 100000;
                width: 210px;
                max-width: calc(100vw - 16px);
                margin: 0;
                padding: 6px;
                background: #202528;
                border: 1px solid #ba231c;
                border-radius: 8px;
                box-shadow: 0 6px 18px rgba(0,0,0,.45);
                box-sizing: border-box;
                overflow: hidden;
        }

        .loginFlagPudlo ul.menuLeft li.roz ul li,
        .loginFlagPudlo ul.menuLeft li.roz ul li a {
                box-sizing: border-box;
                min-width: 0;
                max-width: 100%;
        }

        .loginFlagPudlo ul.menuLeft li.roz:hover ul,
        .loginFlagPudlo ul.menuLeft li.roz:focus-within ul {
                display: block;
        }

        .loginFlagPudlo ul.menuLeft li.roz ul li {
                width: 100%;
                margin: 0 0 4px !important;
        }

        .loginFlagPudlo ul.menuLeft li.roz ul li:last-child {
                margin-bottom: 0 !important;
        }

        .loginFlagPudlo ul.menuLeft li.roz ul li a {
                width: 100%;
        }

        /* Panel uzytkownika: spokojniejszy, rowny uklad. */
        .userMenu {
                background: linear-gradient(#aa1615, #920f0e);
                border-top: 1px solid #5d0808;
                border-bottom: 1px solid #780d0d;
                padding: 16px 0 18px;
        }

        .userMenuPudlo {
                padding: 0 10px;
                gap: 12px;
        }

        .userMenuLeft p {
                margin: 0 0 2px;
                color: #f1f3f3;
                font-family: Verdana, Helvetica, sans-serif;
                font-size: 18px;
                line-height: 1.35;
                font-weight: 700;
                text-shadow: 0 1px 2px rgba(0,0,0,.45);
        }

        .userMenuRight ul {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: flex-start;
                gap: 7px;
                width: 100%;
                margin: 0;
                padding: 0;
        }

        .userMenuRight ul li {
                flex: 0 0 auto;
                margin: 0 !important;
        }

        .userMenuRight ul li a,
        .userMenuRight ul li.logout button {
                min-height: 40px;
                padding: 8px 12px;
                border-radius: 7px;
                box-sizing: border-box;
                font-family: Verdana, Helvetica, sans-serif;
                font-size: 13px;
                line-height: 22px;
                font-weight: 700;
                text-shadow: 0 1px 1px rgba(0,0,0,.5);
        }

        .userMenuRight ul li a {
                background: linear-gradient(#a91a18, #7d0b0b);
                border: 1px solid #c52b28;
                color: #fff;
                box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 4px rgba(0,0,0,.2);
        }

        .userMenuRight ul li a:hover,
        .userMenuRight ul li a:focus-visible {
                background: linear-gradient(#bd2421, #8e0d0c);
                border-color: #e04a45;
        }

        /* Wylogowanie jest celowo wizualnie inne i mniej "kuszace". */
        .userMenuRight ul li.logout {
                order: 99;
        }

        .userMenuRight ul li.logout button {
                background: #641012 !important;
                border: 1px solid #4b0b0d !important;
                color: #e7cfd0;
                box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
        }

        .userMenuRight ul li.logout button:hover,
        .userMenuRight ul li.logout button:focus-visible {
                background: #7d171a !important;
                border-color: #b42b2f !important;
                color: #fff;
        }
}


/* PICTAP 2026 - Step 16: dopracowanie informacji technicznych stopki. */
@media (max-width: 760px) {
        .footerTech {
                display: flex;
                width: 100%;
                gap: 6px;
                margin-top: 10px;
        }

        .footerTech span {
                flex: 1 1 0;
                min-width: 0;
                box-sizing: border-box;
                padding: 7px 8px;
                border-radius: 7px;
                justify-content: space-between;
                gap: 5px;
                font-size: 10px;
                line-height: 1.25;
        }

        .footerTech b {
                font-size: 9px;
                white-space: nowrap;
        }

        .footerTech em {
                font-size: 11px;
                white-space: nowrap;
        }
}

/* PICTAP 2026 - Step 17: nowoczesny formularz kontaktowy. */
.kontaktArea {
        box-sizing: border-box;
        padding: 28px 30px 34px;
        min-height: 0;
}

.kontaktIntro {
        max-width: 760px;
        margin: 0 auto 26px;
        text-align: center;
}

.kontaktIntro h2 {
        margin: 0 0 7px;
        color: #30363a;
        font-size: 24px;
        line-height: 1.25;
        font-weight: 700;
}

.kontaktIntro p {
        margin: 0;
        color: #737b80;
        font-size: 14px;
        line-height: 1.55;
}

.kontaktForm {
        max-width: 760px;
        margin: 0 auto;
}

.kontaktField {
        margin-bottom: 17px;
}

.kontaktField label {
        display: block;
        margin: 0 0 7px;
        color: #454b4f;
        font-size: 14px;
        font-weight: 700;
}

.kontaktField input.input,
.kontaktField textarea.input {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        border: 1px solid #d1d6d8;
        border-radius: 10px;
        background: #f9fafb;
        color: #30363a;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 15px;
        line-height: 1.45;
        padding: 11px 13px;
        outline: none;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
        transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.kontaktField textarea.input {
        min-height: 190px;
        resize: vertical;
}

.kontaktField input.input:focus,
.kontaktField textarea.input:focus {
        border-color: #ba231c;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(186,35,28,.10);
}

.kontaktCaptcha {
        margin: 22px auto 24px;
        max-width: 575px;
        text-align: center;
        overflow-x: auto;
}

.kontaktActions {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 8px;
}

.kontaktActions .resetButton,
.kontaktActions .submitButton {
        min-width: 150px;
        box-sizing: border-box;
        cursor: pointer;
}

@media (max-width: 760px) {
        .kontaktArea {
                padding: 20px 12px 24px;
        }

        .kontaktIntro {
                margin-bottom: 20px;
        }

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

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

        .kontaktField {
                margin-bottom: 14px;
        }

        .kontaktField label {
                font-size: 13px;
                margin-bottom: 6px;
        }

        .kontaktField input.input,
        .kontaktField textarea.input {
                font-size: 14px;
                border-radius: 9px;
                padding: 10px 11px;
        }

        .kontaktField textarea.input {
                min-height: 170px;
        }

        .kontaktCaptcha {
                margin: 18px auto 20px;
                max-width: 100%;
        }

        .kontaktActions {
                gap: 8px;
        }

        .kontaktActions .resetButton,
        .kontaktActions .submitButton {
                flex: 1 1 0;
                min-width: 0;
        }
}

/* ============================================================
   PICTAP 2026 - WYSZUKIWARKA
   ============================================================ */
.searchPage .searchContentArea,
.searchResultsPage .searchResultsArea {
        min-height: 0;
        box-sizing: border-box;
}

.searchPage .searchContentArea {
        padding: 28px;
}

.searchForm {
        max-width: 760px;
        margin: 0 auto;
}

.searchIntro {
        display: flex;
        flex-direction: column;
        gap: 4px;
        margin-bottom: 22px;
        padding-bottom: 16px;
        border-bottom: 1px solid #e1e4e6;
}

.searchIntro strong {
        color: #303538;
        font-size: 18px;
        line-height: 1.25;
}

.searchIntro span {
        color: #7a8185;
        font-size: 13px;
        line-height: 1.45;
}

.searchGrid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
}

.searchField {
        display: flex;
        flex-direction: column;
        gap: 7px;
        min-width: 0;
        padding: 13px;
        border: 1px solid #e0e4e7;
        border-radius: 9px;
        background: #f8f9fa;
        box-sizing: border-box;
}

.searchFieldFull {
        grid-column: 1 / -1;
}

.searchField label {
        color: #444b4f;
        font-size: 12px;
        line-height: 1.25;
        font-weight: 700;
}

.searchField .inputStandard,
.searchField select.inputStandard {
        width: 100%;
        height: 42px;
        margin: 0;
        padding: 0 12px;
        border: 1px solid #cfd5d8;
        border-radius: 7px;
        background: #fff;
        box-sizing: border-box;
        color: #303538;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 13px;
        box-shadow: none;
}

.searchField .inputStandard:focus,
.searchField select.inputStandard:focus {
        border-color: #ba231c;
        outline: none;
        box-shadow: 0 0 0 2px rgba(186,35,28,.10);
}

.searchInputUnit {
        display: flex;
        align-items: center;
        gap: 8px;
}

.searchInputUnit .inputStandard {
        flex: 1 1 auto;
        min-width: 0;
}

.searchInputUnit span {
        flex: 0 0 auto;
        color: #6f777b;
        font-size: 12px;
        font-weight: 700;
}

.searchHint {
        display: flex;
        flex-direction: column;
        gap: 4px;
        margin-top: 16px;
        padding: 13px 15px;
        border-left: 3px solid #ba231c;
        border-radius: 0 7px 7px 0;
        background: #fafafa;
        color: #6c7478;
        font-size: 12px;
        line-height: 1.45;
}

.searchHint strong {
        color: #3f474b;
        font-size: 12px;
}

.searchActions {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 22px;
        padding-top: 18px;
        border-top: 1px solid #e1e4e6;
}

.searchActions .resetButton,
.searchActions .submitButton {
        min-width: 150px;
        margin: 0;
}

.searchResultsArea {
        padding: 20px;
}

.searchResultsPage .galeria_pudlo {
        box-sizing: border-box;
}

@media (max-width: 760px) {
        .searchPage .searchContentArea {
                padding: 12px 8px;
        }

        .searchForm {
                width: 100%;
        }

        .searchIntro {
                margin-bottom: 12px;
                padding-bottom: 11px;
        }

        .searchIntro strong {
                font-size: 14px;
        }

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

        .searchGrid {
                gap: 7px;
        }

        .searchField {
                gap: 5px;
                padding: 8px;
                border-radius: 7px;
        }

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

        .searchField .inputStandard,
        .searchField select.inputStandard {
                height: 34px;
                padding: 0 8px;
                border-radius: 6px;
                font-size: 10px;
        }

        .searchInputUnit {
                gap: 5px;
        }

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

        .searchHint {
                margin-top: 9px;
                padding: 9px 10px;
                font-size: 9px;
        }

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

        .searchActions {
                gap: 7px;
                margin-top: 12px;
                padding-top: 12px;
        }

        .searchActions .resetButton,
        .searchActions .submitButton {
                flex: 1 1 0;
                min-width: 0;
        }

        .searchResultsArea {
                padding: 8px;
        }
}

/* ============================================================
   PICTAP 2026 - GALERIE / LISTA GALERII
   ============================================================ */
.galleryListCard {
        width: 100%;
        box-sizing: border-box;
        float: none;
        margin: 0 0 24px 0;
        padding: 18px;
        background: #f7f7f7;
        border: 1px solid #e2e2e2;
        border-radius: 12px;
        box-shadow: 0 5px 18px rgba(50, 50, 50, 0.16);
        overflow: hidden;
}

.galleryListTop {
        display: flex;
        align-items: stretch;
        gap: 22px;
        min-width: 0;
}

.galleryListCover {
        flex: 0 0 220px;
        width: 220px;
        height: 190px;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        background: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(50, 50, 50, 0.12);
}

.galleryListCover img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
}

.galleryListMeta {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
}

.galleryMetaRow {
        display: flex;
        align-items: center;
        gap: 18px;
        min-height: 42px;
        padding: 8px 0;
        border-bottom: 1px solid #e5e5e5;
        box-sizing: border-box;
        color: #4c3e3e;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 15px;
}

.galleryMetaRow:last-child {
        border-bottom: 0;
}

.galleryMetaLabel {
        flex: 0 0 190px;
        color: #666666;
        font-size: 13px;
        font-weight: 600;
}

.galleryMetaValue {
        flex: 1 1 auto;
        min-width: 0;
        text-align: right;
        overflow-wrap: anywhere;
}

.galleryMetaValue a {
        color: #9f1312;
        font-weight: 700;
        text-decoration: none;
}

.galleryMetaValue a:hover,
.galleryMetaValue a:focus-visible {
        text-decoration: underline;
}

.galleryMetaValue img {
        width: auto;
        max-width: 28px;
        height: auto;
        max-height: 28px;
        vertical-align: middle;
        margin-left: 6px;
}

.galleryMetaCount .galleryMetaValue {
        color: #333333;
        font-size: 17px;
}

.galleryLatest {
        margin-top: 18px !important;
}

.galleryLatest > p {
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        color: #4c3e3e !important;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif !important;
        font-size: 16px !important;
        font-weight: 700;
        text-align: left !important;
}

.galleryLatest > .img {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 72px;
        padding: 10px !important;
        box-sizing: border-box;
        background: #ffffff !important;
        border: 1px solid #e4e4e4;
        border-radius: 9px !important;
        box-shadow: none !important;
}

.galleryLatest .img a.list {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 150px !important;
        height: 120px !important;
        margin: 0 !important;
        line-height: normal !important;
        background: #f7f7f7;
        border-radius: 7px;
        overflow: hidden;
}

.galleryLatest .img a.list img {
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto;
        height: auto;
        vertical-align: middle;
}

@media (max-width: 760px) {
        .galleryListCard {
                margin: 0 0 18px 0;
                padding: 12px;
                border-radius: 10px;
        }

        .galleryListTop {
                display: block;
        }

        .galleryListCover {
                width: 100%;
                max-width: 360px;
                height: 230px;
                margin: 0 auto 14px auto;
        }

        .galleryListMeta {
                width: 100%;
        }

        .galleryMetaRow {
                gap: 8px;
                min-height: 0;
                padding: 9px 0;
                font-size: 14px;
        }

        .galleryMetaLabel {
                flex: 0 0 45%;
                font-size: 12px;
        }

        .galleryMetaValue {
                font-size: 14px;
        }

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

        .galleryLatest {
                margin-top: 15px !important;
        }

        .galleryLatest > p {
                margin-bottom: 8px !important;
                font-size: 15px !important;
        }

        .galleryLatest .img a.list {
                width: calc(50% - 5px) !important;
                height: 120px !important;
        }
}


/* ============================================================
   PICTAP 2026 - GALERIA / WIDOK KONKRETNEJ GALERII
   ============================================================ */
.galleryViewArea {
        min-height: 0;
        box-sizing: border-box;
}

.galleryViewInfo {
        display: flex;
        align-items: stretch;
        gap: 24px;
        width: 100%;
        box-sizing: border-box;
}

.galleryViewCover {
        flex: 0 0 280px;
        width: 280px;
        height: 230px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        box-sizing: border-box;
        background: #f7f7f7;
        border: 1px solid #dedede;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 3px 12px rgba(50, 50, 50, 0.14);
}

.galleryViewCover img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
}

.galleryViewMeta {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
}

.galleryViewMetaRow {
        display: flex;
        align-items: center;
        gap: 16px;
        min-height: 46px;
        padding: 8px 0;
        box-sizing: border-box;
        border-bottom: 1px solid #e6e6e6;
        color: #4c3e3e;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 15px;
}

.galleryViewMetaRow:last-child {
        border-bottom: 0;
}

.galleryViewMetaLabel {
        flex: 0 0 190px;
        color: #666666;
        font-size: 13px;
        font-weight: 600;
}

.galleryViewMetaValue {
        flex: 1 1 auto;
        min-width: 0;
        text-align: right;
        overflow-wrap: anywhere;
}

.galleryViewType {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
}

.galleryViewType img {
        display: block;
        width: auto;
        max-width: 30px;
        height: auto;
        max-height: 30px;
}

.galleryViewCount .galleryViewMetaValue {
        font-size: 18px;
        color: #333333;
}

.galleryViewFullscreen {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-top: 20px;
        padding: 14px 16px;
        box-sizing: border-box;
        background: #f7f7f7;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(50, 50, 50, 0.08);
}

.galleryViewFullscreenLabel {
        flex: 0 0 auto;
        color: #555555;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 13px;
        font-weight: 600;
}

.galleryViewFullscreen .input {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        box-sizing: border-box;
        margin: 0;
        color: #666666;
}

.galleryViewImages {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px;
        margin-top: 26px;
        width: 100%;
        box-sizing: border-box;
}

.galleryViewCard {
        min-width: 0;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
        background: #f7f7f7;
        border: 1px solid #e1e1e1;
        border-radius: 10px;
        box-shadow: 0 4px 14px rgba(50, 50, 50, 0.14);
        overflow: hidden;
}

.galleryViewImage {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 190px;
        box-sizing: border-box;
        background: #ffffff;
        border-radius: 7px;
        overflow: hidden;
}

.galleryViewImage img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
}

.galleryViewImageName {
        margin: 10px 0 0 0 !important;
        padding: 8px 6px 2px 6px !important;
        color: #4c3e3e !important;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif !important;
        font-size: 13px !important;
        line-height: 18px;
        text-align: center !important;
        overflow-wrap: anywhere;
}

.galleryViewEmpty {
        margin-top: 26px;
}

@media (max-width: 900px) {
        .galleryViewImages {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 16px;
        }
}

@media (max-width: 760px) {
        .galleryViewArea {
                padding: 10px !important;
        }

        .galleryViewInfo {
                display: block;
        }

        .galleryViewCover {
                width: 100%;
                max-width: 360px;
                height: 230px;
                margin: 0 auto 14px auto;
        }

        .galleryViewMeta {
                width: 100%;
        }

        .galleryViewMetaRow {
                gap: 8px;
                min-height: 0;
                padding: 9px 0;
                font-size: 14px;
        }

        .galleryViewMetaLabel {
                flex: 0 0 44%;
                font-size: 12px;
        }

        .galleryViewMetaValue {
                font-size: 14px;
        }

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

        .galleryViewFullscreen {
                display: block;
                margin-top: 14px;
                padding: 12px;
        }

        .galleryViewFullscreenLabel {
                display: block;
                margin-bottom: 7px;
                font-size: 12px;
        }

        .galleryViewFullscreen .input {
                width: 100%;
                font-size: 12px;
        }

        .galleryViewImages {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
                margin-top: 18px;
        }

        .galleryViewCard {
                padding: 7px;
                border-radius: 8px;
        }

        .galleryViewImage {
                height: 125px;
                border-radius: 6px;
        }

        .galleryViewImageName {
                margin-top: 7px !important;
                padding: 5px 3px 1px 3px !important;
                font-size: 11px !important;
                line-height: 15px;
        }
}


/* ============================================================
   PICTAP 2026 - MOJE GALERIE
   ============================================================ */
.myGalleriesArea {
        min-height: 0;
        box-sizing: border-box;
}

.myGalleryLegend {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px 18px;
        margin: 0 0 24px 0;
        padding: 13px 16px;
        box-sizing: border-box;
        background: #f7f7f7;
        border: 1px solid #e1e1e1;
        border-radius: 10px;
        color: #555b5e;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 12px;
}

.myGalleryLegendTitle {
        color: #3f4548;
        font-weight: 700;
}

.myGalleryLegendItem {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        white-space: nowrap;
}

.myGalleryLegendItem img {
        display: block;
        width: auto;
        max-width: 28px;
        height: auto;
        max-height: 28px;
}

.myGalleryEmpty {
        margin-bottom: 20px;
}

.myGalleryGrid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        width: 100%;
        box-sizing: border-box;
}

.myGalleryCard {
        min-width: 0;
        margin: 0;
        padding: 12px;
        box-sizing: border-box;
        background: #f7f7f7;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        box-shadow: 0 5px 18px rgba(50, 50, 50, 0.15);
        overflow: hidden;
}

.myGalleryCover {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 220px;
        padding: 8px !important;
        box-sizing: border-box;
        background: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 9px;
        overflow: hidden;
}

.myGalleryCover img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
}

.myGalleryBody {
        position: relative;
        padding: 13px 2px 2px 2px;
        box-sizing: border-box;
}

.myGalleryType {
        position: absolute;
        top: 13px;
        right: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        box-sizing: border-box;
}

.myGalleryType img {
        display: block;
        max-width: 30px;
        max-height: 30px;
        width: auto;
        height: auto;
}

.myGalleryName {
        margin: 0 45px 13px 0 !important;
        padding: 0 !important;
        min-height: 22px;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif !important;
        font-size: 16px !important;
        line-height: 22px;
        font-weight: 700;
        text-align: left !important;
        overflow-wrap: anywhere;
}

.myGalleryName a {
        color: #9f1312;
        text-decoration: none;
}

.myGalleryName a:hover,
.myGalleryName a:focus-visible {
        text-decoration: underline;
}

.myGalleryStats {
        display: grid;
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr);
        gap: 8px;
        margin-top: 2px;
}

.myGalleryStat {
        min-width: 0;
        padding: 9px 10px;
        box-sizing: border-box;
        background: #ffffff;
        border: 1px solid #e3e3e3;
        border-radius: 8px;
}

.myGalleryStat span {
        display: block;
        margin-bottom: 4px;
        color: #777d80;
        font-size: 10px;
        line-height: 13px;
}

.myGalleryStat strong {
        display: block;
        color: #33383b;
        font-size: 13px;
        line-height: 17px;
        overflow-wrap: anywhere;
}

.myGalleryOpen {
        display: block;
        margin-top: 10px;
        padding: 9px 12px;
        box-sizing: border-box;
        border-radius: 7px;
        background: #303538;
        color: #ffffff !important;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 16px;
        font-weight: 700;
        text-align: center;
        text-decoration: none !important;
        transition: background-color .15s ease, transform .15s ease;
}

.myGalleryOpen:hover,
.myGalleryOpen:focus-visible {
        background: #9f1312;
        text-decoration: none !important;
}

.myGalleryOpen:active {
        transform: translateY(1px);
}

@media (max-width: 900px) {
        .myGalleryGrid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 14px;
        }

        .myGalleryCover {
                height: 190px;
        }
}

@media (max-width: 760px) {
        .myGalleriesArea {
                padding: 10px !important;
        }

        .myGalleryLegend {
                justify-content: flex-start;
                gap: 8px 12px;
                margin-bottom: 14px;
                padding: 10px;
                border-radius: 8px;
                font-size: 9px;
        }

        .myGalleryLegendTitle {
                width: 100%;
                font-size: 10px;
        }

        .myGalleryLegendItem img {
                max-width: 23px;
                max-height: 23px;
        }

        .myGalleryGrid {
                grid-template-columns: 1fr;
                gap: 14px;
        }

        .myGalleryCard {
                padding: 9px;
                border-radius: 9px;
        }

        .myGalleryCover {
                height: 210px;
                border-radius: 7px;
        }

        .myGalleryBody {
                padding-top: 11px;
        }

        .myGalleryType {
                top: 10px;
                right: 1px;
                width: 30px;
                height: 30px;
        }

        .myGalleryType img {
                max-width: 27px;
                max-height: 27px;
        }

        .myGalleryName {
                margin-right: 38px !important;
                margin-bottom: 10px !important;
                font-size: 14px !important;
                line-height: 19px;
        }

        .myGalleryStats {
                grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.5fr);
                gap: 6px;
        }

        .myGalleryStat {
                padding: 8px;
                border-radius: 7px;
        }

        .myGalleryStat span {
                margin-bottom: 3px;
                font-size: 8px;
                line-height: 11px;
        }

        .myGalleryStat strong {
                font-size: 11px;
                line-height: 15px;
        }

        .myGalleryOpen {
                margin-top: 8px;
                padding: 8px 10px;
                border-radius: 6px;
                font-size: 10px;
                line-height: 14px;
        }
}


/* ============================================================
   PICTAP 2026 - GALERIE / WIDOKI PUBLIC, TYP, AUTH
   ============================================================ */
.galleryAuthArea,
.publicGalleryArea,
.galleryTypeArea { box-sizing:border-box; }

.galleryAuthArea { max-width:760px; margin:0 auto; padding:26px; }
.galleryAuthIntro { display:flex; align-items:center; gap:18px; margin-bottom:24px; padding:18px; background:#f7f7f7; border:1px solid #e1e4e6; border-radius:12px; }
.galleryAuthIcon { flex:0 0 64px; width:64px; height:64px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#202528; box-shadow:0 5px 14px rgba(32,37,40,.18); }
.galleryAuthIcon img { max-width:42px; max-height:42px; }
.galleryAuthIntro h2 { margin:0 0 5px; color:#202528; font-size:18px; line-height:1.3; }
.galleryAuthIntro p { margin:0; color:#5b6266; font-size:13px; line-height:1.55; }
.galleryAuthForm { display:grid; grid-template-columns:1fr auto; gap:10px 12px; align-items:end; padding:20px; background:#fff; border:1px solid #e1e4e6; border-radius:12px; box-shadow:0 5px 18px rgba(50,50,50,.10); }
.galleryAuthForm label { grid-column:1/-1; color:#3f474b; font-size:12px; font-weight:700; }
.galleryAuthForm .inputStandard { box-sizing:border-box; width:100%; min-height:42px; margin:0; }
.galleryAuthForm .submitButton { min-height:42px; margin:0; padding:0 20px; }
.galleryAuthResponse { grid-column:1/-1; padding:10px 12px; border-radius:8px; background:#fff4f3; color:#8d1715; font-size:12px; line-height:1.45; }

.publicGalleryIntro { display:flex; align-items:baseline; gap:10px; margin:0 0 20px; padding:12px 14px; border-left:4px solid #9f1312; background:#f7f7f7; border-radius:0 8px 8px 0; color:#5b6266; font-size:12px; }
.publicGalleryIntro strong { color:#202528; font-size:13px; }
.publicGalleryGrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:18px; align-items:stretch; }
.publicGalleryCard { min-width:0; overflow:hidden; background:#f7f7f7; border:1px solid #e1e4e6; border-radius:12px; box-shadow:0 5px 18px rgba(50,50,50,.13); transition:transform .15s ease,box-shadow .15s ease; }
.publicGalleryCard:hover { transform:translateY(-2px); box-shadow:0 8px 22px rgba(50,50,50,.18); }
.publicGalleryImage { display:flex; align-items:center; justify-content:center; height:190px; padding:10px; box-sizing:border-box; background:#202528; }
.publicGalleryImage img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; }
.publicGalleryCaption { padding:11px 12px; min-height:20px; box-sizing:border-box; }
.publicGalleryCaption a { display:block; overflow:hidden; color:#9f1312; font-size:12px; font-weight:700; line-height:1.35; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; }
.publicGalleryCaption a:hover,.publicGalleryCaption a:focus-visible { color:#ba231c; text-decoration:underline; }
.publicGalleryEmpty { margin:20px 0; padding:24px 14px; border:1px dashed #cfd4d7; border-radius:10px; background:#f7f7f7; }
.publicGalleryPerPage { margin:20px 0 0; text-align:center; color:#737b7f; font-size:11px; }

.galleryTypeGrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; }
.galleryTypeCard { min-width:0; display:flex; flex-direction:column; overflow:hidden; background:#f7f7f7; border:1px solid #e1e4e6; border-radius:12px; box-shadow:0 5px 18px rgba(50,50,50,.13); }
.galleryTypeCover { display:flex; align-items:center; justify-content:center; height:190px; padding:12px; box-sizing:border-box; background:#202528; }
.galleryTypeCover img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; }
.galleryTypeBody { display:flex; flex:1; flex-direction:column; padding:14px; }
.galleryTypeTop { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:30px; }
.galleryTypeIcon { display:flex; align-items:center; justify-content:center; width:30px; height:30px; }
.galleryTypeIcon img { max-width:28px; max-height:28px; }
.galleryTypeCount { color:#737b7f; font-size:11px; font-weight:700; }
.galleryTypeName { margin:10px 0 8px; font-size:15px; line-height:1.35; }
.galleryTypeName a { color:#9f1312; text-decoration:none; }
.galleryTypeName a:hover,.galleryTypeName a:focus-visible { color:#ba231c; text-decoration:underline; }
.galleryTypeUpdate { color:#737b7f; font-size:11px; line-height:1.45; }
.galleryTypeUpdate strong { display:block; margin-top:2px; color:#3f474b; font-size:12px; }
.galleryTypeOpen { display:block; margin-top:14px; padding:9px 12px; border-radius:7px; background:#202528; color:#fff; text-align:center; font-size:11px; font-weight:700; line-height:1.3; text-decoration:none; }
.galleryTypeOpen:hover,.galleryTypeOpen:focus-visible { background:#9f1312; color:#fff; text-decoration:none; }
.galleryTypeEmpty { margin:10px 0 20px; padding:24px 14px; border:1px dashed #cfd4d7; border-radius:10px; background:#f7f7f7; }

@media (max-width:760px) {
 .galleryAuthArea { padding:14px 8px; }
 .galleryAuthIntro { align-items:flex-start; gap:12px; padding:14px; }
 .galleryAuthIcon { flex-basis:50px; width:50px; height:50px; }
 .galleryAuthIcon img { max-width:32px; max-height:32px; }
 .galleryAuthIntro h2 { font-size:15px; }
 .galleryAuthIntro p { font-size:11px; }
 .galleryAuthForm { grid-template-columns:1fr; padding:14px; }
 .galleryAuthForm .submitButton { width:100%; }
 .publicGalleryIntro { display:block; margin-bottom:14px; }
 .publicGalleryIntro strong { display:block; margin-bottom:3px; }
 .publicGalleryGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .publicGalleryImage { height:150px; }
 .publicGalleryCaption { padding:9px 10px; }
 .galleryTypeGrid { grid-template-columns:1fr; gap:12px; }
 .galleryTypeCover { height:180px; }
}

@media (max-width:420px) {
 .publicGalleryGrid { grid-template-columns:1fr; }
 .publicGalleryImage { height:220px; }
}


/* ============================================================
   PICTAP 2026 - REJESTRACJA
   ============================================================ */
.registerArea { box-sizing:border-box; }
.registerIntro {
        max-width:760px;
        margin:0 auto 22px;
        display:flex;
        align-items:center;
        gap:16px;
        padding:16px 18px;
        box-sizing:border-box;
        background:#f7f7f7;
        border:1px solid #e1e4e6;
        border-radius:12px;
}
.registerIcon {
        flex:0 0 62px;
        width:62px;
        height:62px;
        display:flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        border-radius:12px;
        background:#202528;
        box-shadow:0 5px 14px rgba(32,37,40,.18);
}
.registerIcon img { display:block; max-width:44px; max-height:44px; }
.registerIntro h2 {
        margin:0 0 5px;
        color:#202528;
        font-size:18px;
        line-height:1.3;
}
.registerIntro p {
        margin:0;
        color:#5b6266;
        font-size:12px;
        line-height:1.55;
}
.registerForm {
        max-width:760px;
        margin:0 auto;
        padding:20px;
        box-sizing:border-box;
        background:#fff;
        border:1px solid #e1e4e6;
        border-radius:12px;
        box-shadow:0 5px 18px rgba(50,50,50,.10);
}
.registerFields {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px 18px;
}
.registerField { min-width:0; }
.registerField label {
        display:block;
        margin:0 0 6px;
        color:#3f474b;
        font-family:Verdana, Helvetica, sans-serif;
        font-size:12px;
        font-weight:700;
        line-height:1.35;
}
.registerField .inputStandard {
        display:block;
        width:100%;
        min-height:42px;
        margin:0;
        padding:9px 11px;
        box-sizing:border-box;
        border-radius:8px;
        font-size:14px;
        outline:none;
        transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.registerField .inputStandard:focus {
        border-color:#9f1312;
        background:#fff;
        box-shadow:0 0 0 3px rgba(159,19,18,.10);
}
.registerHint {
        display:block;
        min-height:15px;
        margin-top:4px;
        color:#9f1312;
        font-size:10px;
        line-height:15px;
}
.registerCaptcha {
        margin:20px auto 0;
        max-width:574px;
        min-height:65px;
        display:flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
}
.registerCaptcha > * { max-width:100%; }
.registerAgreement {
        margin:18px 0 0;
        color:#4c4545;
        font-size:13px;
        line-height:1.55;
        text-align:center;
}
.registerAgreement a {
        color:#9f1312;
        font-weight:700;
        text-decoration:none;
}
.registerAgreement a:hover,
.registerAgreement a:focus-visible { color:#ba231c; text-decoration:underline; }
.registerActions {
        display:flex;
        justify-content:center;
        gap:10px;
        margin-top:18px;
}
.registerActions .resetButton,
.registerActions .submitButton {
        min-width:150px;
        min-height:42px;
        margin:0;
        box-sizing:border-box;
}
.registerLinks {
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        gap:8px;
        margin:22px auto 0;
        max-width:760px;
}
.registerLinks .pagin { margin:0; }

@media (max-width:760px) {
        .registerArea { padding:14px 8px !important; }
        .registerIntro {
                align-items:flex-start;
                gap:12px;
                margin-bottom:14px;
                padding:14px;
                border-radius:10px;
        }
        .registerIcon {
                flex-basis:50px;
                width:50px;
                height:50px;
                border-radius:10px;
        }
        .registerIcon img { max-width:34px; max-height:34px; }
        .registerIntro h2 { font-size:15px; }
        .registerIntro p { font-size:11px; }
        .registerForm { padding:14px; border-radius:10px; }
        .registerFields { grid-template-columns:1fr; gap:10px; }
        .registerField label { margin-bottom:5px; font-size:11px; }
        .registerField .inputStandard { min-height:44px; font-size:14px; }
        .registerCaptcha { margin-top:14px; overflow:hidden; }
        .registerAgreement { margin-top:14px; font-size:11px; }
        .registerActions { gap:8px; margin-top:14px; }
        .registerActions .resetButton,
        .registerActions .submitButton { min-width:0; flex:1; padding-left:12px; padding-right:12px; }
        .registerLinks { gap:6px; margin-top:14px; }
        .registerLinks .pagin { flex:1 1 140px; text-align:center; box-sizing:border-box; }
}

@media (max-width:420px) {
        .registerIntro { padding:12px; }
        .registerForm { padding:12px; }
        .registerActions { flex-direction:column; }
        .registerActions .resetButton,
        .registerActions .submitButton { width:100%; flex:none; }
        .registerLinks { display:grid; grid-template-columns:1fr; }
        .registerLinks .pagin { width:100%; }
}


/* ============================================================
   PICTAP 2026 - LOGOWANIE
   ============================================================ */
.loginArea { box-sizing:border-box; }
.loginIntro {
        max-width:760px;
        margin:0 auto 22px;
        display:flex;
        align-items:center;
        gap:16px;
        padding:16px 18px;
        box-sizing:border-box;
        background:#f7f7f7;
        border:1px solid #e1e4e6;
        border-radius:12px;
}
.loginIcon {
        flex:0 0 62px;
        width:62px;
        height:62px;
        display:flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        border-radius:12px;
        background:#202528;
        box-shadow:0 5px 14px rgba(32,37,40,.18);
}
.loginIcon img { display:block; max-width:44px; max-height:44px; }
.loginIntro h2 {
        margin:0 0 5px;
        color:#202528;
        font-size:18px;
        line-height:1.3;
}
.loginIntro p {
        margin:0;
        color:#5b6266;
        font-size:12px;
        line-height:1.55;
}
.loginIntro a { color:#9f1312; font-weight:700; text-decoration:none; }
.loginIntro a:hover,.loginIntro a:focus-visible { color:#ba231c; text-decoration:underline; }
.loginForm {
        max-width:760px;
        margin:0 auto;
        padding:20px;
        box-sizing:border-box;
        background:#fff;
        border:1px solid #e1e4e6;
        border-radius:12px;
        box-shadow:0 5px 18px rgba(50,50,50,.10);
}
.loginFields {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px 18px;
}
.loginField { min-width:0; }
.loginField label {
        display:block;
        margin:0 0 6px;
        color:#3f474b;
        font-family:Verdana, Helvetica, sans-serif;
        font-size:12px;
        font-weight:700;
        line-height:1.35;
}
.loginField .inputStandard {
        display:block;
        width:100%;
        min-height:42px;
        margin:0;
        padding:9px 11px;
        box-sizing:border-box;
        border-radius:8px;
        font-size:14px;
        outline:none;
        transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.loginField .inputStandard:focus {
        border-color:#9f1312;
        background:#fff;
        box-shadow:0 0 0 3px rgba(159,19,18,.10);
}
.loginRemember {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:9px;
        margin:18px 0 0;
        color:#4c4545;
        font-size:12px;
        line-height:1.4;
        cursor:pointer;
}
.loginRemember input {
        width:18px;
        height:18px;
        margin:0;
        accent-color:#9f1312;
}
.loginActions {
        display:flex;
        justify-content:center;
        gap:10px;
        margin-top:18px;
}
.loginActions .resetButton,
.loginActions .submitButton {
        min-width:150px;
        min-height:42px;
        margin:0;
        box-sizing:border-box;
}
.loginLinks {
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        gap:8px;
        margin:22px auto 0;
        max-width:760px;
}
.loginLinks .pagin { margin:0; }

@media (max-width:760px) {
        .loginArea { padding:14px 8px !important; }
        .loginIntro {
                align-items:flex-start;
                gap:12px;
                margin-bottom:14px;
                padding:14px;
                border-radius:10px;
        }
        .loginIcon {
                flex-basis:50px;
                width:50px;
                height:50px;
                border-radius:10px;
        }
        .loginIcon img { max-width:34px; max-height:34px; }
        .loginIntro h2 { font-size:15px; }
        .loginIntro p { font-size:11px; }
        .loginForm { padding:14px; border-radius:10px; }
        .loginFields { grid-template-columns:1fr; gap:10px; }
        .loginField label { margin-bottom:5px; font-size:11px; }
        .loginField .inputStandard { min-height:44px; font-size:14px; }
        .loginRemember { justify-content:flex-start; margin-top:14px; font-size:11px; }
        .loginActions { gap:8px; margin-top:14px; }
        .loginActions .resetButton,
        .loginActions .submitButton { min-width:0; flex:1; padding-left:12px; padding-right:12px; }
        .loginLinks { gap:6px; margin-top:14px; }
        .loginLinks .pagin { flex:1 1 140px; text-align:center; box-sizing:border-box; }
}

@media (max-width:420px) {
        .loginIntro { padding:12px; }
        .loginForm { padding:12px; }
        .loginActions { flex-direction:column; }
        .loginActions .resetButton,
        .loginActions .submitButton { width:100%; flex:none; }
        .loginLinks { display:grid; grid-template-columns:1fr; }
}


/* ============================================================
   PICTAP 2026 - PRZYPOMNIJ HASŁO
   ============================================================ */
.forgotArea { box-sizing:border-box; }
.forgotIntro {
        max-width:760px;
        margin:0 auto 22px;
        display:flex;
        align-items:center;
        gap:16px;
        padding:16px 18px;
        box-sizing:border-box;
        background:#f7f7f7;
        border:1px solid #e1e4e6;
        border-radius:12px;
}
.forgotIcon {
        flex:0 0 62px;
        width:62px;
        height:62px;
        display:flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        border-radius:12px;
        background:#202528;
        box-shadow:0 5px 14px rgba(32,37,40,.18);
}
.forgotIcon img { display:block; max-width:44px; max-height:44px; }
.forgotIntro h2 {
        margin:0 0 5px;
        color:#202528;
        font-size:18px;
        line-height:1.3;
}
.forgotIntro p {
        margin:0;
        color:#5b6266;
        font-size:12px;
        line-height:1.55;
}
.forgotForm {
        max-width:760px;
        margin:0 auto;
        padding:20px;
        box-sizing:border-box;
        background:#fff;
        border:1px solid #e1e4e6;
        border-radius:12px;
        box-shadow:0 5px 18px rgba(50,50,50,.10);
}
.forgotField label {
        display:block;
        margin:0 0 6px;
        color:#3f474b;
        font-family:Verdana, Helvetica, sans-serif;
        font-size:12px;
        font-weight:700;
        line-height:1.35;
}
.forgotField .inputStandard {
        display:block;
        width:100%;
        min-height:44px;
        margin:0;
        padding:9px 11px;
        box-sizing:border-box;
        border-radius:8px;
        font-size:14px;
        outline:none;
        transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.forgotField .inputStandard:focus {
        border-color:#9f1312;
        background:#fff;
        box-shadow:0 0 0 3px rgba(159,19,18,.10);
}
.forgotResponse {
        min-height:18px;
        margin:14px 0 0;
        text-align:center;
        color:#4c4545;
        font-size:12px;
        line-height:1.5;
}
.forgotActions {
        display:flex;
        justify-content:center;
        gap:10px;
        margin-top:18px;
}
.forgotActions .resetButton,
.forgotActions .submitButton {
        min-width:150px;
        min-height:42px;
        margin:0;
        box-sizing:border-box;
}
.forgotLinks {
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        gap:8px;
        margin:22px auto 0;
        max-width:760px;
}
.forgotLinks .pagin { margin:0; }

@media (max-width:760px) {
        .forgotArea { padding:14px 8px !important; }
        .forgotIntro {
                align-items:flex-start;
                gap:12px;
                margin-bottom:14px;
                padding:14px;
                border-radius:10px;
        }
        .forgotIcon {
                flex-basis:50px;
                width:50px;
                height:50px;
                border-radius:10px;
        }
        .forgotIcon img { max-width:34px; max-height:34px; }
        .forgotIntro h2 { font-size:15px; }
        .forgotIntro p { font-size:11px; }
        .forgotForm { padding:14px; border-radius:10px; }
        .forgotField label { margin-bottom:5px; font-size:11px; }
        .forgotField .inputStandard { min-height:44px; font-size:14px; }
        .forgotResponse { margin-top:10px; font-size:11px; }
        .forgotActions { gap:8px; margin-top:14px; }
        .forgotActions .resetButton,
        .forgotActions .submitButton { min-width:0; flex:1; padding-left:12px; padding-right:12px; }
        .forgotLinks { gap:6px; margin-top:14px; }
        .forgotLinks .pagin { flex:1 1 140px; text-align:center; box-sizing:border-box; }
}

@media (max-width:420px) {
        .forgotIntro { padding:12px; }
        .forgotForm { padding:12px; }
        .forgotActions { flex-direction:column; }
        .forgotActions .resetButton,
        .forgotActions .submitButton { width:100%; flex:none; }
        .forgotLinks { display:grid; grid-template-columns:1fr; }
        .forgotLinks .pagin { width:100%; }
}


/* ============================================================
   PICTAP 2026 - WYŚLIJ EMAIL AKTYWACYJNY
   ============================================================ */
.emailArea { box-sizing:border-box; }
.emailIntro {
        max-width:760px; margin:0 auto 22px; display:flex; align-items:center; gap:16px;
        padding:16px 18px; box-sizing:border-box; background:#f7f7f7;
        border:1px solid #e1e4e6; border-radius:12px;
}
.emailIcon {
        flex:0 0 62px; width:62px; height:62px; display:flex; align-items:center; justify-content:center;
        box-sizing:border-box; border-radius:12px; background:#202528; box-shadow:0 5px 14px rgba(32,37,40,.18);
}
.emailIcon img { display:block; max-width:44px; max-height:44px; }
.emailIntro h2 { margin:0 0 5px; color:#202528; font-size:18px; line-height:1.3; }
.emailIntro p { margin:0; color:#5b6266; font-size:12px; line-height:1.55; }
.emailForm {
        max-width:760px; margin:0 auto; padding:20px; box-sizing:border-box; background:#fff;
        border:1px solid #e1e4e6; border-radius:12px; box-shadow:0 5px 18px rgba(50,50,50,.10);
}
.emailField label {
        display:block; margin:0 0 6px; color:#3f474b; font-family:Verdana, Helvetica, sans-serif;
        font-size:12px; font-weight:700; line-height:1.35;
}
.emailField .inputStandard {
        display:block; width:100%; min-height:44px; margin:0; padding:9px 11px; box-sizing:border-box;
        border-radius:8px; font-size:14px; outline:none;
        transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.emailField .inputStandard:focus { border-color:#9f1312; background:#fff; box-shadow:0 0 0 3px rgba(159,19,18,.10); }
.emailResponse { min-height:18px; margin:14px 0 0; text-align:center; color:#4c4545; font-size:12px; line-height:1.5; }
.emailActions { display:flex; justify-content:center; gap:10px; margin-top:18px; }
.emailActions .resetButton, .emailActions .submitButton { min-width:150px; min-height:42px; margin:0; box-sizing:border-box; }
.emailLinks { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:22px auto 0; max-width:760px; }
.emailLinks .pagin { margin:0; }

@media (max-width:760px) {
        .emailArea { padding:14px 8px !important; }
        .emailIntro { align-items:flex-start; gap:12px; margin-bottom:14px; padding:14px; border-radius:10px; }
        .emailIcon { flex-basis:50px; width:50px; height:50px; border-radius:10px; }
        .emailIcon img { max-width:34px; max-height:34px; }
        .emailIntro h2 { font-size:15px; }
        .emailIntro p { font-size:11px; }
        .emailForm { padding:14px; border-radius:10px; }
        .emailField label { margin-bottom:5px; font-size:11px; }
        .emailField .inputStandard { min-height:44px; font-size:14px; }
        .emailResponse { margin-top:10px; font-size:11px; }
        .emailActions { gap:8px; margin-top:14px; }
        .emailActions .resetButton, .emailActions .submitButton { min-width:0; flex:1; padding-left:12px; padding-right:12px; }
        .emailLinks { gap:6px; margin-top:14px; }
        .emailLinks .pagin { flex:1 1 140px; text-align:center; box-sizing:border-box; }
}

@media (max-width:420px) {
        .emailIntro { padding:12px; }
        .emailForm { padding:12px; }
        .emailActions { flex-direction:column; }
        .emailActions .resetButton, .emailActions .submitButton { width:100%; flex:none; }
        .emailLinks { display:grid; grid-template-columns:1fr; }
        .emailLinks .pagin { width:100%; }
}

/* PICTAP 2026 - Step 28: nowoczesne statystyki konta. */
.accountStatsArea {
        box-sizing: border-box;
        padding: 18px;
}

.accountStatsGrid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
}

.accountStatsCard,
.accountGalleryStats {
        overflow: hidden;
        border: 1px solid #d9d9d9;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 3px 12px rgba(0,0,0,.08);
}

.accountStatsCardHead {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 48px;
        box-sizing: border-box;
        padding: 10px 14px;
        color: #ffffff;
        background: linear-gradient(to bottom, #a81616 0%, #850a0a 100%);
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 700;
}

.accountStatsCardHead strong {
        font-size: 16px;
        white-space: nowrap;
}

.accountStatsRows {
        padding: 6px;
}

.accountStatRow {
        display: flex;
        align-items: center;
        min-height: 38px;
        padding: 5px 9px;
        box-sizing: border-box;
        border-radius: 6px;
        color: #4c3e3e;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 13px;
}

.accountStatRow:nth-child(even) {
        background: #f1f1f1;
}

.accountStatRow img {
        width: 24px;
        height: 24px;
        object-fit: contain;
        flex: 0 0 24px;
        margin-right: 10px;
}

.accountStatRow span {
        flex: 1 1 auto;
}

.accountStatRow b {
        color: #252525;
        font-size: 14px;
        font-weight: 700;
        text-align: right;
}

.accountGalleryStats {
        margin-top: 18px;
}

.accountGalleryGrid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1px;
        background: #dedede;
}

.accountGalleryGrid > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 76px;
        padding: 10px;
        box-sizing: border-box;
        background: #ffffff;
        color: #555555;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        text-align: center;
}

.accountGalleryGrid b {
        margin-top: 7px;
        color: #850a0a;
        font-size: 21px;
}

@media (max-width: 760px) {
        .accountStatsArea {
                padding: 10px 6px;
        }

        .accountStatsGrid {
                grid-template-columns: 1fr;
                gap: 12px;
        }

        .accountStatsCard,
        .accountGalleryStats {
                border-radius: 9px;
        }

        .accountStatsCardHead {
                min-height: 43px;
                padding: 8px 11px;
                font-size: 12px;
        }

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

        .accountStatRow {
                min-height: 35px;
                font-size: 12px;
        }

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

        .accountGalleryGrid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .accountGalleryGrid > div {
                min-height: 70px;
        }
}


/* PICTAP 2026 - Account images */
.accountImagesSection .contentArea { padding: 0 14px 18px; }
.accountImagesIntro {
        display:flex;
        align-items:center;
        gap:14px;
        margin: 0 0 16px;
        padding:14px 16px;
        border:1px solid #d9d9d9;
        border-radius:12px;
        background:linear-gradient(135deg,#fafafa,#f1f1f1);
        box-shadow:0 2px 8px rgba(0,0,0,.07);
}
.accountImagesIntroIcon {
        flex:0 0 48px;
        width:48px;
        height:48px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:12px;
        background:#202528;
        color:#fff;
        font-size:25px;
        box-shadow:0 3px 8px rgba(0,0,0,.18);
}
.accountImagesIntro strong { display:block; margin-bottom:4px; color:#25282a; font-size:16px; }
.accountImagesIntro span { display:block; color:#666; font-size:12px; line-height:1.5; }
.accountImagesTableWrap { overflow-x:auto; border:1px solid #ddd; border-radius:10px; box-shadow:0 2px 7px rgba(0,0,0,.06); }
.accountImagesTable { width:100%; margin:0; border-collapse:separate; border-spacing:0; table-layout:fixed; }
.accountImagesTable thead td { padding:10px 6px; font-size:11px; }
.accountImagesTable tbody td { padding:8px 6px; vertical-align:middle; border-bottom:1px solid #e5e5e5; }
.accountImagesTable tbody tr:last-child td { border-bottom:0; }
.accountImagesTable tbody tr:nth-child(even) td { background:#f4f4f4; }
.accountImagesTable tbody tr:hover td { background:#ececec; }
.accountImagesTable td:nth-child(1) { width:42px; }
.accountImagesTable td:nth-child(2) { width:76px; }
.accountImagesTable td:nth-child(3) { width:28%; }
.accountImagesTable td:nth-child(4) { width:17%; }
.accountImagesTable td:nth-child(5) { width:12%; }
.accountImagesTable td:nth-child(6) { width:15%; }
.accountImagesTable td:nth-child(7) { width:15%; }
.accountSortIcon { position:relative; top:4px; width:auto; max-width:none; }
.accountImagePreview { display:flex; width:50px; height:50px; align-items:center; justify-content:center; margin:auto; border:1px solid #ddd; border-radius:8px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.12); }
.accountImagePreview img { max-width:40px; max-height:40px; width:auto; height:auto; object-fit:contain; }
.accountImageName { color:#9f1312; font-weight:600; text-decoration:none; word-break:break-word; }
.accountImageName:hover { color:#d22a22; text-decoration:underline; }
.accountImageCheck { display:flex; align-items:center; justify-content:center; cursor:pointer; }
.accountImageCheck input { position:absolute; opacity:0; pointer-events:none; }
.accountImageCheck span { width:17px; height:17px; border:2px solid #aaa; border-radius:4px; background:#fff; display:block; position:relative; }
.accountImageCheck input:checked + span { background:#9f1312; border-color:#9f1312; }
.accountImageCheck input:checked + span:after { content:'✓'; position:absolute; left:2px; top:-4px; color:#fff; font-size:15px; font-weight:bold; }
.accountImagesEmpty td { padding:26px 10px !important; text-align:center; color:#777; }
.accountImagesActions { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.85fr); gap:14px; margin-top:15px; }
.accountImagesBulk, .accountGalleryMove { padding:13px; border:1px solid #ddd; border-radius:10px; background:#fafafa; }
.accountActionsLabel { display:block; margin-bottom:9px; color:#555; font-size:12px; font-weight:bold; }
.accountActionsButtons { display:flex; flex-wrap:wrap; gap:7px; align-items:center; }
.accountActionsButtons .resetButtonNoWidth { margin:0; }
.accountGalleryMoveRow { display:flex; gap:8px; align-items:center; }
.accountGalleryMoveRow select { min-width:0; flex:1; height:34px; border:1px solid #ccc; border-radius:6px; background:#fff; padding:4px 7px; }
.accountGalleryMoveRow .resetButtonNoWidth { margin:0; }
.accountImagesLegend { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px 18px; margin:14px 2px 5px; color:#555; font-size:11px; }
.accountImagesLegend div { display:flex; align-items:center; gap:5px; }
.accountImagesLegend img { width:auto; max-width:24px; height:24px; object-fit:contain; }
.accountImagesPagination { text-align:center; margin-top:14px; }

@media (max-width:700px) {
        .accountImagesSection .contentArea { padding:0 7px 14px; }
        .accountImagesIntro { padding:11px; gap:10px; margin-bottom:10px; }
        .accountImagesIntroIcon { flex-basis:40px; width:40px; height:40px; border-radius:10px; font-size:21px; }
        .accountImagesIntro strong { font-size:13px; }
        .accountImagesIntro span { font-size:10px; }
        .accountImagesTableWrap { overflow:visible; border:0; box-shadow:none; }
        .accountImagesTable, .accountImagesTable tbody, .accountImagesTable tr, .accountImagesTable td { display:block; width:auto !important; }
        .accountImagesTable thead { display:none; }
        .accountImagesTable tbody tr.accountImageRow {
                position:relative;
                display:grid;
                grid-template-columns:34px 58px minmax(0,1fr);
                grid-template-areas:
                        'check preview name'
                        'check preview date'
                        'check preview meta';
                gap:0 9px;
                margin-bottom:8px;
                padding:9px;
                border:1px solid #ddd;
                border-radius:10px;
                background:#fff !important;
                box-shadow:0 2px 7px rgba(0,0,0,.07);
        }
        .accountImagesTable tbody tr.accountImageRow:nth-child(even) td { background:transparent; }
        .accountImagesTable tbody tr.accountImageRow:hover td { background:transparent; }
        .accountImagesTable tbody tr.accountImageRow > td { padding:0; border:0; background:transparent; min-width:0; text-align:left; }
        .accountImagesTable tbody tr.accountImageRow > td:nth-child(1) { grid-area:check; align-self:center; }
        .accountImagesTable tbody tr.accountImageRow > td:nth-child(2) { grid-area:preview; align-self:center; }
        .accountImagesTable tbody tr.accountImageRow > td:nth-child(3) { grid-area:name; align-self:end; }
        .accountImagesTable tbody tr.accountImageRow > td:nth-child(4) { grid-area:date; align-self:center; }
        .accountImagesTable tbody tr.accountImageRow > td:nth-child(5),
        .accountImagesTable tbody tr.accountImageRow > td:nth-child(6),
        .accountImagesTable tbody tr.accountImageRow > td:nth-child(7) { display:none; }
        .accountImagesTable tbody tr.accountImageRow > td:nth-child(3):before { content:'Nazwa: '; color:#888; font-weight:normal; }
        .accountImagesTable tbody tr.accountImageRow > td:nth-child(4):before { content:'Dodano: '; color:#888; font-weight:normal; }
        .accountImageName { font-size:12px; }
        .accountImagesTable tbody tr.accountImageRow > td:nth-child(4) { color:#555; font-size:10px; }
        .accountImagePreview { width:52px; height:52px; }
        .accountImagesActions { grid-template-columns:1fr; gap:8px; margin-top:8px; }
        .accountImagesBulk, .accountGalleryMove { padding:10px; }
        .accountActionsButtons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
        .accountActionsButtons .resetButtonNoWidth { width:100%; box-sizing:border-box; margin:0; }
        .accountGalleryMoveRow { display:grid; grid-template-columns:minmax(0,1fr); }
        .accountGalleryMoveRow select, .accountGalleryMoveRow .resetButtonNoWidth { width:100%; box-sizing:border-box; }
        .accountImagesLegend { justify-content:center; gap:7px 12px; font-size:9px; }
        .accountImagesLegend img { max-width:20px; height:20px; }
}


/* PICTAP 2026 - Account galleries */
.accountGalleriesArea { padding: 0 14px 20px; }
.accountGalleriesIntro {
        display:flex; align-items:center; gap:14px; margin:0 0 16px; padding:14px 16px;
        border:1px solid #d9d9d9; border-radius:12px; background:linear-gradient(135deg,#fafafa,#f1f1f1);
        box-shadow:0 2px 8px rgba(0,0,0,.07);
}
.accountGalleriesIntroIcon {
        flex:0 0 48px; width:48px; height:48px; display:flex; align-items:center; justify-content:center;
        border-radius:12px; background:#202528; color:#fff; font-size:25px; box-shadow:0 3px 8px rgba(0,0,0,.18);
}
.accountGalleriesIntro strong { display:block; margin-bottom:4px; color:#25282a; font-size:16px; }
.accountGalleriesIntro span { display:block; color:#666; font-size:12px; line-height:1.5; }
.accountGalleryList { border:1px solid #ddd; border-radius:10px; overflow:hidden; box-shadow:0 2px 7px rgba(0,0,0,.06); }
.accountGalleryListHead {
        display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 12px;
        background:linear-gradient(#3a3a3a,#202020); color:#fff; font-weight:bold; font-size:12px;
}
.accountGalleryCount { color:#ddd; font-weight:normal; font-size:10px; }
.accountGalleryCard {
        display:grid; grid-template-columns:58px 58px minmax(220px,1fr) minmax(210px,1.2fr); gap:12px;
        align-items:center; padding:11px 12px; border-top:1px solid #e2e2e2; background:#fff;
}
.accountGalleryCard:nth-child(even) { background:#f5f5f5; }
.accountGalleryManage { display:flex; align-items:center; justify-content:center; gap:6px; }
.accountGalleryManage form { margin:0; padding:0; }
.accountGalleryIconButton {
        width:28px; height:28px; display:flex; align-items:center; justify-content:center; padding:0;
        border:1px solid #d5d5d5; border-radius:6px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.1); cursor:pointer;
}
.accountGalleryIconButton img { max-width:18px; max-height:18px; width:auto; height:auto; border:0; }
.accountGalleryThumb {
        width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:auto;
        border:1px solid #ddd; border-radius:8px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.12);
}
.accountGalleryThumb img { max-width:40px; max-height:40px; width:auto; height:auto; object-fit:contain; }
.accountGalleryName { color:#9f1312; font-size:15px; font-weight:700; text-decoration:none; word-break:break-word; }
.accountGalleryName:hover { color:#d22a22; text-decoration:underline; }
.accountGalleryMeta { display:flex; flex-wrap:wrap; gap:4px 12px; margin-top:6px; color:#666; font-size:10px; line-height:1.45; }
.accountGalleryMeta b { color:#888; font-weight:normal; }
.accountGalleryLink label { display:block; margin-bottom:4px; color:#777; font-size:10px; }
.accountGalleryLink .inputStandard { width:100%; box-sizing:border-box; margin:0; font-size:10px; }
.accountGalleryEmpty { padding:28px 12px; text-align:center; color:#777; background:#fff; }
.accountGalleriesPagination { text-align:center; margin:14px 0 20px; }
.accountGalleryEditor { overflow:hidden; border:1px solid #ddd; border-radius:10px; background:#fff; box-shadow:0 2px 7px rgba(0,0,0,.06); }
.accountGalleryEditorHead { padding:10px 12px; background:linear-gradient(#3a3a3a,#202020); color:#fff; font-size:13px; font-weight:bold; }
.accountGalleryEditorIntro { padding:13px 14px; background:#fafafa; border-bottom:1px solid #ddd; }
.accountGalleryEditorIntro strong { color:#292929; font-size:14px; }
.accountGalleryEditorIntro p { margin:6px 0 12px; color:#666; font-size:11px; line-height:1.55; }
.accountGalleryTypes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.accountGalleryTypes div { padding:9px; border:1px solid #e1e1e1; border-radius:7px; background:#fff; }
.accountGalleryTypes b { display:block; color:#8d0c0c; font-size:11px; margin-bottom:3px; }
.accountGalleryTypes span { display:block; color:#777; font-size:10px; line-height:1.4; }
.accountGalleryFormGrid { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:15px; }
.accountGalleryField { display:block; min-width:0; }
.accountGalleryField > span { display:block; margin-bottom:7px; color:#4d4444; font-size:12px; font-weight:bold; }
.accountGalleryField .inputStandard, .accountGalleryField select { width:100%; box-sizing:border-box; }
.accountGalleryPasswordField { grid-column:1 / -1; }
.accountGalleryRadioGrid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.accountGalleryRadioGrid label { display:flex; align-items:center; gap:7px; min-height:35px; padding:7px 9px; box-sizing:border-box; border:1px solid #ddd; border-radius:7px; background:#fafafa; color:#555; font-size:11px; cursor:pointer; }
.accountGalleryRadioGrid input { margin:0; }
.accountGalleryMiniPreview { min-height:52px; margin-bottom:7px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:7px; background:#fafafa; }
.accountGalleryMiniPreview img { max-width:46px; max-height:46px; width:auto; height:auto; }
.accountGalleryEditorActions { display:flex; justify-content:center; gap:9px; padding:0 15px 15px; }
.accountGalleryEditorActions input { min-width:130px; margin:0; }

@media (max-width:700px) {
        .accountGalleriesArea { padding:0 7px 14px; }
        .accountGalleriesIntro { padding:11px; gap:10px; margin-bottom:10px; }
        .accountGalleriesIntroIcon { flex-basis:40px; width:40px; height:40px; border-radius:10px; font-size:21px; }
        .accountGalleriesIntro strong { font-size:13px; }
        .accountGalleriesIntro span { font-size:10px; }
        .accountGalleryList { border:0; overflow:visible; box-shadow:none; }
        .accountGalleryListHead { border-radius:8px; margin-bottom:8px; padding:9px 10px; }
        .accountGalleryCount { display:none; }
        .accountGalleryCard {
                display:grid; grid-template-columns:42px 58px minmax(0,1fr); grid-template-areas:
                'manage thumb main' 'manage thumb link'; gap:8px; margin-bottom:8px; padding:9px;
                border:1px solid #ddd; border-radius:10px; background:#fff !important; box-shadow:0 2px 7px rgba(0,0,0,.07);
        }
        .accountGalleryManage { grid-area:manage; align-self:center; flex-direction:column; }
        .accountGalleryThumb { grid-area:thumb; width:52px; height:52px; align-self:center; }
        .accountGalleryMain { grid-area:main; min-width:0; align-self:end; }
        .accountGalleryName { font-size:12px; }
        .accountGalleryMeta { gap:2px 8px; margin-top:4px; font-size:9px; }
        .accountGalleryLink { grid-area:link; min-width:0; }
        .accountGalleryLink label { display:none; }
        .accountGalleryLink .inputStandard { height:28px; font-size:9px; padding:3px 5px; }
        .accountGalleryEmpty { border:1px solid #ddd; border-radius:10px; }
        .accountGalleriesPagination { margin:10px 0 14px; }
        .accountGalleryEditor { border-radius:9px; }
        .accountGalleryEditorIntro { padding:11px; }
        .accountGalleryEditorIntro p { font-size:10px; }
        .accountGalleryTypes { grid-template-columns:1fr 1fr; gap:6px; }
        .accountGalleryTypes div { padding:7px; }
        .accountGalleryTypes b { font-size:10px; }
        .accountGalleryTypes span { font-size:9px; }
        .accountGalleryFormGrid { grid-template-columns:1fr; gap:10px; padding:11px; }
        .accountGalleryPasswordField { grid-column:auto; }
        .accountGalleryRadioGrid { grid-template-columns:1fr 1fr; }
        .accountGalleryEditorActions { padding:0 11px 11px; }
        .accountGalleryEditorActions input { width:100%; min-width:0; }
}


/* PICTAP 2026 - Account settings */
.accountSettingsSection .contentBox { overflow:hidden; }
.accountSettingsIntro {
        display:flex; align-items:center; gap:14px; margin:14px 14px 10px; padding:14px 16px;
        border:1px solid #d9d9d9; border-radius:12px; background:linear-gradient(135deg,#fafafa,#f1f1f1);
        box-shadow:0 2px 8px rgba(0,0,0,.07);
}
.accountSettingsIntroIcon {
        flex:0 0 48px; width:48px; height:48px; display:flex; align-items:center; justify-content:center;
        border-radius:12px; background:#202528; color:#fff; font-size:25px; box-shadow:0 3px 8px rgba(0,0,0,.18);
}
.accountSettingsIntro strong { display:block; margin-bottom:4px; color:#25282a; font-size:16px; }
.accountSettingsIntro span { display:block; color:#666; font-size:12px; line-height:1.5; }
.accountSettingsMenu { margin:0 14px 12px !important; height:auto !important; background:none !important; border:0; }
.accountSettingsMenu ul { display:flex; flex-wrap:wrap; gap:6px; height:auto !important; padding:0 !important; background:none !important; }
.accountSettingsMenu ul li { float:none !important; list-style:none; }
.accountSettingsMenu ul li a,
.accountSettingsMenu ul li a:hover,
.accountSettingsMenu ul li.active a {
        display:block; height:auto !important; margin:0 !important; padding:9px 12px !important; border-radius:7px !important;
        background:linear-gradient(#383838,#202020) !important; color:#fff !important; font-size:11px !important; line-height:1.2 !important;
        opacity:1 !important; text-shadow:0 1px 1px rgba(0,0,0,.7) !important; box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.accountSettingsMenu ul li.active a { background:linear-gradient(#c9291d,#97110d) !important; box-shadow:0 2px 5px rgba(0,0,0,.18); }
.accountSettingsArea { padding:0 14px 20px; }
.accountSettingsCard { overflow:hidden; margin:0 0 14px; border:1px solid #ddd; border-radius:11px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.07); }
.accountSettingsCardHead { padding:10px 13px; background:linear-gradient(#3a3a3a,#202020); color:#fff; font-size:13px; font-weight:bold; }
.accountSettingsCardBody { padding:14px; }
.accountSettingsDescription { margin:0 0 15px; color:#5e5e5e; font-size:12px; line-height:1.55; text-align:center; }
.accountSettingsForm { margin:0; }
.accountSettingsFields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.accountSettingsField { display:block; min-width:0; }
.accountSettingsField > span { display:block; margin:0 0 6px; color:#4d4444; font-size:12px; font-weight:bold; }
.accountSettingsField .inputStandard,
.accountSettingsField select { width:100%; box-sizing:border-box; }
.accountSettingsField input[type=file] { width:100%; box-sizing:border-box; padding:7px; border:1px solid #ccc; border-radius:6px; background:#fff; }
.accountSettingsStaticField { padding:9px 10px; border:1px solid #e1e1e1; border-radius:7px; background:#f7f7f7; }
.accountSettingsStaticField strong { display:block; color:#9f1312; font-size:12px; word-break:break-word; }
.accountSettingsActions { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:15px; }
.accountSettingsActions input,
.accountSettingsActions button { min-width:130px; margin:0; }
.accountSettingsActionsSingle { justify-content:flex-start; }
.accountSettingsNotice { margin:0 0 13px; padding:11px 12px; border:1px solid #ddd; border-radius:8px; font-size:11px; line-height:1.55; }
.accountSettingsNoticeError { background:#fff3f3; border-color:#e0b1b1; color:#633; }
.accountSettingsNoticeSuccess { background:#f1faf3; border-color:#b9d8bd; color:#35583a; }
.accountSettingsInlineButton { border:0; background:none; padding:0; color:#9f1312; text-decoration:underline; cursor:pointer; font:inherit; }
.accountSettingsDanger { padding:11px 12px; margin-bottom:13px; border:1px solid #e2b7b7; border-radius:8px; background:#fff4f4; color:#633; font-size:11px; line-height:1.55; }
.accountSettingsDanger strong { display:block; margin-bottom:5px; color:#9f1312; font-size:13px; }
.accountSettingsDanger p { margin:5px 0; }
.accountDeleteConfirm { display:flex; align-items:center; gap:9px; padding:11px 12px; border:1px solid #ddd; border-radius:8px; background:#fafafa; color:#555; font-size:12px; cursor:pointer; }
.accountDeleteConfirm input { width:18px; height:18px; flex:0 0 auto; }
.accountWatermarkInfo { margin-bottom:14px; padding:10px 12px; border:1px solid #ddd; border-radius:8px; background:#f8f8f8; color:#555; font-size:11px; line-height:1.5; text-align:center; }
.accountWatermarkInfo img { max-width:100%; max-height:80px; width:auto; height:auto; vertical-align:middle; margin-left:5px; }
.accountWatermarkUpload { display:grid; grid-template-columns:.8fr 1.2fr; gap:15px; padding:13px; border:1px solid #ddd; border-radius:9px; background:#fafafa; }
.accountWatermarkUpload > div { align-self:center; }
.accountWatermarkUpload strong { display:block; margin-bottom:5px; color:#292929; font-size:14px; }
.accountWatermarkUpload > div span { display:block; color:#666; font-size:11px; line-height:1.5; }
.accountWatermarkCurrent { display:grid; grid-template-columns:1fr 1fr; gap:15px; align-items:center; }
.accountWatermarkPreview { min-height:100px; display:flex; align-items:center; justify-content:center; padding:10px; border:1px solid #ddd; border-radius:9px; background:#fafafa; }
.accountWatermarkPreview img { max-width:100%; max-height:120px; width:auto; height:auto; }
.accountWatermarkPosition { min-width:0; }

@media (max-width:700px) {
        .accountSettingsIntro { margin:9px 7px 8px; padding:10px; gap:10px; }
        .accountSettingsIntroIcon { flex-basis:40px; width:40px; height:40px; border-radius:10px; font-size:21px; }
        .accountSettingsIntro strong { font-size:13px; }
        .accountSettingsIntro span { font-size:10px; }
        .accountSettingsMenu { margin:0 7px 9px !important; }
        .accountSettingsMenu ul { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
        .accountSettingsMenu ul:before,
        .accountSettingsMenu ul:after { display:none !important; content:none !important; }
        .accountSettingsMenu ul li { width:auto !important; margin:0 !important; float:none !important; }
        .accountSettingsMenu ul li a,
        .accountSettingsMenu ul li a:hover,
        .accountSettingsMenu ul li.active a { padding:8px 7px !important; text-align:center; font-size:9px !important; }
        .accountSettingsArea { padding:0 7px 14px; }
        .accountSettingsCard { margin-bottom:9px; border-radius:9px; }
        .accountSettingsCardHead { padding:8px 10px; font-size:11px; }
        .accountSettingsCardBody { padding:10px; }
        .accountSettingsDescription { margin-bottom:11px; font-size:10px; }
        .accountSettingsFields { grid-template-columns:1fr; gap:9px; }
        .accountSettingsField > span { margin-bottom:5px; font-size:10px; }
        .accountSettingsActions { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:11px; }
        .accountSettingsActionsSingle { grid-template-columns:1fr; }
        .accountSettingsActions input,
        .accountSettingsActions button { width:100%; min-width:0; box-sizing:border-box; }
        .accountSettingsNotice { padding:9px; font-size:9px; }
        .accountSettingsDanger { padding:9px; font-size:9px; }
        .accountSettingsDanger strong { font-size:11px; }
        .accountDeleteConfirm { padding:9px; font-size:10px; }
        .accountWatermarkUpload,
        .accountWatermarkCurrent { grid-template-columns:1fr; gap:10px; }
        .accountWatermarkUpload { padding:10px; }
        .accountWatermarkUpload strong { font-size:12px; }
        .accountWatermarkUpload > div span { font-size:9px; }
        .accountWatermarkInfo { font-size:9px; }
        .accountWatermarkPreview { min-height:80px; }
        .accountWatermarkPreview img { max-height:90px; }
}


/* PICTAP 2026 - Step 33: upload result / links page */
.uploadResultSection {
    width: 100%;
}

.uploadResultBox {
    overflow: hidden;
}

.uploadResultArea {
    padding: 18px;
}

.uploadGalleryResult .contentMinArea {
    padding: 16px 20px 20px;
}

.uploadGalleryLinks {
    max-width: 980px;
    margin: 0 auto;
}

.uploadLinksPanel {
    max-width: 980px;
    margin: 22px auto 0;
}

.uploadLinksTitle {
    font-size: 20px;
    font-weight: 700;
    color: #202528;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 3px solid #9f1312;
}

.uploadLinkGroup {
    margin: 0 0 16px;
    padding: 14px;
    border: 1px solid #dedede;
    border-radius: 10px;
    background: #fafafa;
}

.uploadLinkGroupTitle {
    margin: 0 0 10px;
    padding: 9px 12px;
    border-radius: 7px;
    background: linear-gradient(to bottom, #333333, #202020);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
}

.uploadLinkRow {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin: 8px 0;
}

.uploadLinkLabel {
    color: #4c3e3e;
    font-size: 14px;
    font-weight: 700;
}

.uploadLinkInput {
    min-width: 0;
    width: 100% !important;
    box-sizing: border-box;
}

.uploadPreview {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 170px;
    margin: 4px auto 20px;
    padding: 18px;
    border: 1px solid #dedede;
    border-radius: 12px;
    background: #f7f7f7;
    box-sizing: border-box;
}

.uploadPreview img {
    display: block;
    max-width: 100%;
    max-height: 360px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 6px;
}

.uploadDuplicateNotice {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 auto 18px;
    max-width: 980px;
    padding: 12px 15px;
    border: 1px solid #e0aaaa;
    border-radius: 8px;
    background: #fff3f3;
    color: #8d1717;
    font-size: 14px;
    font-weight: 700;
    box-sizing: border-box;
}

.uploadDuplicateNotice img {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
}

.uploadDeleteGroup {
    border-color: #e1b6b6;
    background: #fff8f8;
}

.uploadDeleteLabel {
    color: #b01818;
}

.uploadFileInfo {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.uploadFileInfo div {
    padding: 11px 13px;
    border: 1px solid #dedede;
    border-radius: 8px;
    background: #ffffff;
}

.uploadFileInfo span {
    display: block;
    margin-bottom: 4px;
    color: #777777;
    font-size: 12px;
}

.uploadFileInfo b {
    display: block;
    color: #303030;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.uploadTextareaRow {
    align-items: start;
}

.uploadTextareaRow .uploadLinkLabel {
    padding-top: 9px;
}

.uploadTextareaRow textarea.uploadLinkInput {
    min-height: 48px;
    resize: vertical;
}

@media (max-width: 760px) {
    .uploadResultArea {
        padding: 12px 10px;
    }

    .uploadGalleryResult .contentMinArea {
        padding: 10px;
    }

    .uploadLinksPanel {
        margin-top: 14px;
    }

    .uploadLinksTitle {
        font-size: 18px;
    }

    .uploadLinkGroup {
        margin-bottom: 12px;
        padding: 10px;
        border-radius: 9px;
    }

    .uploadLinkGroupTitle {
        font-size: 14px;
        padding: 8px 10px;
    }

    .uploadLinkRow {
        grid-template-columns: 1fr;
        gap: 5px;
        margin: 10px 0 13px;
    }

    .uploadLinkLabel {
        font-size: 13px;
    }

    .uploadLinkInput {
        min-height: 40px;
        font-size: 12px;
    }

    .uploadPreview {
        min-height: 130px;
        margin-bottom: 14px;
        padding: 12px;
    }

    .uploadPreview img {
        max-height: 280px;
    }

    .uploadDuplicateNotice {
        align-items: flex-start;
        font-size: 13px;
    }

    .uploadFileInfo {
        grid-template-columns: 1fr;
    }

    .uploadTextareaRow .uploadLinkLabel {
        padding-top: 0;
    }
}

@media (min-width: 761px) {
    .uploadResultBox .nameHead {
        margin-bottom: 0;
    }
}


/* PICTAP 2026 - komunikaty systemowe */
.alertMessageBox {
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    min-height: 150px;
    padding: 24px 26px;
    box-sizing: border-box;
    border: 1px solid #dfaaaa;
    border-radius: 12px;
    background: #fff3f3;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}

.alertMessageBox.success {
    border-color: #b8dcbf;
    background: #f1fbf3;
}

.alertMessageIcon {
    flex: 0 0 88px;
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alertMessageIcon img {
    display: block;
    max-width: 88px;
    max-height: 88px;
    width: auto;
    height: auto;
}

.alertMessageText {
    flex: 1 1 auto;
    min-width: 0;
    color: #4c3e3e;
    font-size: 18px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.alertMessageBox.error .alertMessageText a,
.alertMessageBox.error .alertMessageText a:visited {
    color: #a11616;
    font-weight: 700;
}

.alertMessageBox.success .alertMessageText a,
.alertMessageBox.success .alertMessageText a:visited {
    color: #26833a;
    font-weight: 700;
}

.alertMessageText b {
    color: #8d1717;
}

.alertMessageBox.success .alertMessageText b {
    color: #237b35;
}

@media (max-width: 760px) {
    .alertMessageBox {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        min-height: 0;
        padding: 20px 16px;
        text-align: center;
        border-radius: 10px;
    }

    .alertMessageIcon {
        flex-basis: auto;
        width: 72px;
        height: 72px;
    }

    .alertMessageIcon img {
        max-width: 72px;
        max-height: 72px;
    }

    .alertMessageText {
        font-size: 16px;
        line-height: 1.45;
    }
}

/* PICTAP 2026 - Step 35 - modern image/file page */
.imagePage .contentBox {
    overflow: hidden;
}

.imagePageBody {
    padding: 20px;
}

.pageTitleBar {
    margin: 0;
    padding: 16px 20px;
    background: linear-gradient(135deg, #25292b, #17191a);
    color: #fff;
    border-radius: 10px 10px 0 0;
    font-size: 20px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.pageTitleBar b {
    color: #fff;
}

.imageNotice {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid #e3b7b7;
    border-radius: 10px;
    background: #fff5f5;
    color: #7d2020;
    line-height: 1.45;
}

.imageNoticeIcon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #9f1312;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}

.imagePreviewCard,
.filePreviewCard {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 18px;
    margin-bottom: 20px;
    border: 1px solid #d9dcde;
    border-radius: 12px;
    background: #fafafa;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.imagePreviewCard a,
.filePreviewCard a {
    display: block;
    max-width: 100%;
    text-align: center;
}

.mainImagePreview,
.filePreviewImage {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 720px;
    margin: 0 auto;
    border-radius: 7px;
}

.imageMetaGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.metaCard {
    min-width: 0;
    padding: 14px 15px;
    border: 1px solid #dfe2e4;
    border-radius: 10px;
    background: #fff;
}

.metaCard span,
.fileInfoGrid span {
    display: block;
    margin-bottom: 5px;
    color: #73787b;
    font-size: 13px;
}

.metaCard strong,
.fileInfoGrid strong {
    display: block;
    color: #272b2d;
    overflow-wrap: anywhere;
}

.imageTypeCard {
    display: flex;
    align-items: center;
    gap: 12px;
}

.imageTypeCard span {
    margin: 0 auto 0 0;
}

.imageTypeCard img {
    display: block;
    max-width: 58px;
    max-height: 58px;
}

.linkPanel {
    margin-bottom: 20px;
    border: 1px solid #dedfe0;
    border-radius: 11px;
    overflow: hidden;
    background: #fff;
}

.panelTitle {
    padding: 12px 15px;
    background: #f0f1f2;
    border-bottom: 1px solid #dedfe0;
    color: #25292b;
    font-weight: 800;
}

.linkRow {
    display: grid;
    grid-template-columns: 31% minmax(0, 69%);
    align-items: center;
    border-bottom: 1px solid #eceeef;
}

.linkRow:last-child {
    border-bottom: 0;
}

.linkLabel {
    padding: 10px 12px;
    color: #42474a;
    font-size: 14px;
}

.linkField {
    min-width: 0;
    padding: 7px 10px;
}

.linkField .input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.linkGroupTitle {
    padding: 10px 14px;
    background: #25292b;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.imageNavigation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.imageNavCard {
    display: block;
    padding: 15px;
    border: 1px solid #dfe2e4;
    border-radius: 11px;
    background: #fff;
    color: #25292b;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.imageNavCard:hover {
    transform: translateY(-1px);
    border-color: #b9bdc0;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}

.imageNavTitle {
    display: block;
    margin-bottom: 4px;
    color: #777d80;
    font-size: 12px;
    text-transform: uppercase;
}

.imageNavCard strong {
    display: block;
    margin-bottom: 10px;
    overflow-wrap: anywhere;
}

.imageNavCard img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 170px;
    margin: 0 auto;
}

.reportLink {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    padding: 11px 13px;
    border: 1px solid #e1b4b4;
    border-radius: 9px;
    background: #fff5f5;
}

.reportLink img {
    width: 24px;
    height: 24px;
}

.reportLink a {
    color: #9f1312;
}

.reportPanel {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #e1b4b4;
    border-radius: 10px;
    background: #fff5f5;
}

.reportPanel label {
    display: block;
    margin-bottom: 8px;
    color: #7d2020;
    font-weight: 700;
}

.reportPanel textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.reportPanel #btzglos {
    width: 100%;
    min-height: 40px;
    border: 0;
    border-radius: 7px;
    background: #9f1312;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.fileInfoGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: #e6e8e9;
}

.fileInfoGrid > div {
    padding: 14px;
    background: #fff;
}

.download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 15px;
    padding: 11px 20px;
    border-radius: 7px;
    background: #55b51a;
    color: #fff !important;
    font-weight: 800;
    text-decoration: none;
}

.download:hover {
    filter: brightness(.94);
}

@media (max-width: 760px) {
    .imagePageBody {
        padding: 12px;
    }

    .pageTitleBar {
        padding: 13px 14px;
        font-size: 17px;
        border-radius: 8px 8px 0 0;
    }

    .imageMetaGrid,
    .fileInfoGrid,
    .imageNavigation {
        grid-template-columns: 1fr;
    }

    .imagePreviewCard,
    .filePreviewCard {
        padding: 8px;
        min-height: 120px;
    }

    .mainImagePreview,
    .filePreviewImage {
        max-height: none;
        max-width: 100%;
    }

    .linkRow {
        grid-template-columns: 1fr;
    }

    .linkLabel {
        padding: 10px 11px 4px;
        font-weight: 700;
    }

    .linkField {
        padding: 4px 10px 10px;
    }

    .imageNotice {
        align-items: flex-start;
        font-size: 14px;
    }

    .imageNoticeIcon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        font-size: 18px;
    }

    .imageTypeCard {
        justify-content: space-between;
    }
}


/* PICTAP 2026 - Step 36: image ready notice + gallery navigation isolation */
.imageReadyNotice {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid #b8c6d8;
    border-radius: 10px;
    background: #eef3f8;
    color: #263f5c;
    line-height: 1.45;
}

.imageReadyIcon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #243f5d;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}

.galleryNavCard {
    display: block;
    position: static;
    width: auto;
    height: auto;
    padding: 15px;
    border: 1px solid #dfe2e4;
    border-radius: 11px;
    background: #fff;
    color: #25292b;
    text-decoration: none;
    line-height: 1.4;
    vertical-align: initial;
    text-align: left;
    z-index: auto;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.galleryNavCard:hover {
    transform: translateY(-1px);
    border-color: #b9bdc0;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}

.galleryNavCard .imageNavTitle {
    display: block;
    margin-bottom: 4px;
    color: #777d80;
    font-size: 12px;
    text-transform: uppercase;
}

.galleryNavCard strong {
    display: block;
    margin-bottom: 10px;
    overflow-wrap: anywhere;
}

.galleryNavCard img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 170px;
    margin: 0 auto;
}

@media (max-width: 760px) {
    .imageReadyNotice {
        align-items: flex-start;
        font-size: 14px;
    }

    .imageReadyIcon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        font-size: 18px;
    }
}


/* PICTAP 2026 - Step 38: account images response + selected images */
.accountImagesResponse {
    margin: 0 0 14px;
}

/* Account images: modern success/error notifications */
.accountImagesResponse .successBox,
.accountImagesResponse .errorBox {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 12px;
    padding: 14px 12px 14px 14px;
    border: 1px solid;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    color: #333;
    text-shadow: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.45;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

.accountImagesResponse .successBox {
    background: #f0faf2;
    border-color: #9fd0a8;
}

.accountImagesResponse .errorBox {
    background: #fff2f2;
    border-color: #e7a3a3;
}

.accountImagesResponse .successMessage,
.accountImagesResponse .errorMessage {
    position: relative;
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    padding-left: 48px;
    padding-right: 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.accountImagesResponse .successMessage:before,
.accountImagesResponse .errorMessage:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 1;
    font-weight: bold;
}

.accountImagesResponse .successMessage:before {
    content: '✓';
    background: #20a957;
}

.accountImagesResponse .errorMessage:before {
    content: '×';
    background: #c52b27;
}

.accountImagesResponse .successBox .successMessage {
    color: #116c31;
}

.accountImagesResponse .errorBox .errorMessage {
    color: #a91f1b;
}

.accountImagesResponse .closeSuccessBox,
.accountImagesResponse .closeErrorBox {
    float: none;
    position: static;
    flex: 0 0 auto;
    width: auto;
    min-width: 78px;
    height: 40px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 10px;
    border: 1px solid;
    border-radius: 10px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 38px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    text-shadow: none;
    white-space: nowrap;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.accountImagesResponse .closeSuccessBox:before,
.accountImagesResponse .closeErrorBox:before {
    content: '×';
    display: inline-block;
    margin-right: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1;
    vertical-align: -2px;
}

.accountImagesResponse .closeSuccessBox {
    background: #f3fff5;
    border-color: #9fd0a8;
    color: #126b31;
    box-shadow: 0 1px 4px rgba(32,169,87,.12);
}

.accountImagesResponse .closeSuccessBox:hover {
    background: #e2f8e7;
    border-color: #75bd83;
}

.accountImagesResponse .closeErrorBox {
    background: #fff8f8;
    border-color: #e7a3a3;
    color: #a91f1b;
    box-shadow: 0 1px 4px rgba(197,43,39,.12);
}

.accountImagesResponse .closeErrorBox:hover {
    background: #ffe8e8;
    border-color: #d77d79;
}

.accountImagesResponse #zaznaczone {
    width: 100%;
    margin: 0 0 14px !important;
    border: 1px solid #ddd;
    border-radius: 11px;
    border-spacing: 0;
    border-collapse: separate;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.07);
}

.accountImagesResponse #zaznaczone tr:first-child td {
    padding: 12px 14px;
    background: linear-gradient(#a51412,#8e0908);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0,.25);
}

.accountImagesResponse #zaznaczone tr:not(:first-child) td {
    padding: 9px 10px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
}

.accountImagesResponse #zaznaczone tr:nth-child(even) td {
    background: #f5f5f5;
}

.accountImagesResponse #zaznaczone tr:last-child td {
    border-bottom: 0;
    background: #fafafa;
}

.accountImagesResponse #zaznaczone img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    object-fit: contain;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.12);
}

.accountImagesResponse #zaznaczone td:nth-child(2) a {
    color: #9f1312;
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.accountImagesResponse #zaznaczone td:nth-child(2) a:hover {
    text-decoration: underline;
}

.accountImagesResponse #zaznaczone .resetButtonNoWidth,
.accountImagesResponse #zaznaczone .resetButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    box-sizing: border-box;
    padding: 7px 16px;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    background: linear-gradient(#fff,#f1f1f1);
    color: #666;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.accountImagesResponse #zaznaczone .resetButtonNoWidth:hover,
.accountImagesResponse #zaznaczone .resetButton:hover {
    background: #fff;
    color: #333;
}

@media (max-width: 760px) {
    .accountImagesResponse { margin-bottom: 10px; }

    .accountImagesResponse .successBox,
    .accountImagesResponse .errorBox {
        padding: 10px;
        gap: 9px;
        font-size: 11px;
        border-radius: 9px;
        min-height: 52px;
    }

    .accountImagesResponse .successMessage,
    .accountImagesResponse .errorMessage {
        padding-left: 39px;
        padding-right: 0;
    }

    .accountImagesResponse .successMessage:before,
    .accountImagesResponse .errorMessage:before {
        width: 32px;
        height: 32px;
        font-size: 21px;
    }

    .accountImagesResponse .closeSuccessBox,
    .accountImagesResponse .closeErrorBox {
        min-width: 70px;
        height: 34px;
        padding: 0 7px;
        border-radius: 8px;
        font-size: 10px;
        line-height: 32px;
    }

    .accountImagesResponse .closeSuccessBox:before,
    .accountImagesResponse .closeErrorBox:before {
        margin-right: 4px;
        font-size: 16px;
        vertical-align: -2px;
    }

    .accountImagesResponse #zaznaczone {
        display: block;
        border-radius: 9px;
    }

    .accountImagesResponse #zaznaczone tbody,
    .accountImagesResponse #zaznaczone tr {
        display: block;
        width: 100%;
    }

    .accountImagesResponse #zaznaczone tr:first-child td {
        display: block;
        padding: 9px 10px;
        font-size: 11px;
    }

    .accountImagesResponse #zaznaczone tr:not(:first-child):not(:last-child) {
        display: grid;
        grid-template-columns: 92px minmax(0,1fr);
        grid-template-areas:
            'preview name'
            'preview action';
        gap: 5px 10px;
        padding: 9px;
        box-sizing: border-box;
    }

    .accountImagesResponse #zaznaczone tr:not(:first-child):not(:last-child) td {
        display: block;
        width: auto !important;
        padding: 0;
        border: 0;
        background: transparent !important;
        text-align: left;
    }

    .accountImagesResponse #zaznaczone tr:not(:first-child):not(:last-child) td:nth-child(1) {
        grid-area: preview;
        align-self: center;
    }

    .accountImagesResponse #zaznaczone tr:not(:first-child):not(:last-child) td:nth-child(2) {
        grid-area: name;
        align-self: end;
    }

    .accountImagesResponse #zaznaczone tr:not(:first-child):not(:last-child) td:nth-child(3) {
        grid-area: action;
        align-self: start;
    }

    .accountImagesResponse #zaznaczone img {
        width: 80px;
        height: 80px;
    }

    .accountImagesResponse #zaznaczone .resetButtonNoWidth {
        min-height: 32px;
        padding: 5px 12px;
        font-size: 10px;
    }

    .accountImagesResponse #zaznaczone tr:last-child td {
        display: block;
        padding: 9px;
        text-align: center;
    }

    .accountImagesResponse #zaznaczone .resetButton {
        width: auto;
        min-width: 150px;
        min-height: 34px;
        font-size: 10px;
    }
}


/* PICTAP 2026 - Admin panel modernization */
.adminSection .contentBox { width:80%; box-sizing:border-box; overflow:hidden; }
.adminArea { padding:0 14px 22px; }
.adminNav {
        display:flex; flex-wrap:wrap; gap:8px; justify-content:center;
        margin:0 0 18px; padding:0;
}
.adminNavButton {
        display:inline-flex; align-items:center; justify-content:center;
        min-height:40px; padding:0 17px; box-sizing:border-box;
        border:1px solid rgba(255,255,255,.18); border-radius:9px;
        background:linear-gradient(#3a3f42,#202528); color:#fff;
        box-shadow:0 2px 6px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
        font-size:13px; font-weight:bold; text-decoration:none;
        transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.adminNavButton:hover, .adminNavButton:focus {
        color:#fff; text-decoration:none; transform:translateY(-1px);
        background:linear-gradient(#4a4f52,#252a2d); box-shadow:0 4px 10px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.1);
}
.adminSectionTitle {
        display:flex; align-items:center; gap:8px; margin:0 0 12px; padding:10px 13px;
        border-radius:10px; background:linear-gradient(#3a3a3a,#202020); color:#fff;
        box-shadow:0 2px 7px rgba(0,0,0,.16); font-size:14px;
}
.adminSectionTitle span { color:#ef3b32; font-size:11px; font-weight:bold; }
.adminSectionTitle strong { font-size:14px; }
.adminSectionTitleSub { margin-top:18px; background:linear-gradient(#4a4a4a,#292929); }
.adminNotice, .adminFilter, .adminSelectionTools {
        margin:0 0 12px; padding:11px 13px; border:1px solid #ddd; border-radius:10px;
        background:linear-gradient(135deg,#fafafa,#f1f1f1); color:#555;
        box-shadow:0 2px 7px rgba(0,0,0,.06); font-size:12px;
}
.adminFilter { text-align:right; }
.adminSelectionTools { display:flex; align-items:center; justify-content:flex-start; gap:9px; }
.adminSelectionTools .checkAll, .adminSelectionTools .uncheckAll {
        color:#9f1312; font-weight:bold; cursor:pointer;
}
.adminSelectionTools .checkAll:hover, .adminSelectionTools .uncheckAll:hover { text-decoration:underline; }
.adminSelectionSep { color:#aaa; }
.adminForm { margin:0 0 14px; }
.adminTableWrap {
        width:100%; box-sizing:border-box; overflow-x:auto; border:1px solid #ddd; border-radius:11px;
        background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.07); margin:0 0 14px;
}
.adminTable {
        width:100%; margin:0; border-collapse:separate; border-spacing:0; table-layout:auto;
}
.adminTable tr:first-child td.logtytul {
        padding:11px 8px; background:linear-gradient(#3a3a3a,#202020); color:#fff;
        border-bottom:1px solid #151515; font-size:11px; font-weight:bold;
}
.adminTable td { padding:9px 8px; vertical-align:middle; border-bottom:1px solid #e5e5e5; color:#444; }
.adminTable tr:last-child td { border-bottom:0; }
.adminTable tr:nth-child(even) td { background:#f6f6f6; }
.adminTable tr:hover td { background:#ededed; }
.adminTable td a { color:#9f1312; font-weight:600; }
.adminTable td img { max-width:100%; height:auto; }
.adminTable input.input, .adminTable input.input2, .adminTable textarea.input, .adminTable textarea.input2,
.adminTable select.input2, .adminTable input[type="text"], .adminTable input[type="password"], .adminTable textarea, .adminTable select {
        max-width:100%; box-sizing:border-box;
}
.adminTable input[type="text"], .adminTable input[type="password"], .adminTable textarea, .adminTable select {
        border:1px solid #ccc; border-radius:7px; background:#fff; padding:7px 9px;
}
.adminTable textarea { width:100%; min-height:90px; resize:vertical; }
.adminTable .submitButton, .adminTable .settingsButton, .adminTable .resetButton { margin:4px; }
.adminCard {
        margin:0 0 16px; padding:15px; border:1px solid #ddd; border-radius:12px;
        background:linear-gradient(135deg,#fafafa,#f1f1f1); box-shadow:0 2px 8px rgba(0,0,0,.07);
        box-sizing:border-box;
}
.adminCard > p { margin:0 0 14px; color:#555; line-height:1.55; }
.adminCard .adminTableWrap { margin-bottom:0; }
.adminStorageAddDetails { margin:0 0 16px; }
.adminStorageAddDetails > summary { list-style:none; cursor:pointer; user-select:none; position:relative; }
.adminStorageAddDetails > summary::-webkit-details-marker { display:none; }
.adminStorageAddDetails > summary::after { content:'+'; float:right; font-size:20px; line-height:1; font-weight:bold; }
.adminStorageAddDetails[open] > summary::after { content:'−'; }
.adminStorageAddHint { float:right; margin-right:28px; font-size:11px; font-weight:normal; opacity:.75; }
.adminBackupList { max-height:300px; overflow:auto; margin-bottom:14px; }
.adminBackupList .adminTableWrap { margin:0; border:0; box-shadow:none; }
.adminInlineForm { display:inline; margin:0; }
.adminTable .adminInlineForm button { border:0; background:none; padding:0; cursor:pointer; }

/* Storage actions: glossy orange Edit and red Delete buttons. */
.storageActionForm { display:inline-block; margin:0; padding:0; }
.storageActionEdit, .storageActionEmpty, .storageActionDelete {
        display:inline-flex; align-items:center; justify-content:center; gap:8px;
        min-width:145px; min-height:44px; box-sizing:border-box;
        margin:4px; padding:8px 22px; border-radius:7px;
        border:1px solid transparent; cursor:pointer;
        color:#fff !important; font-family:Arial,sans-serif; font-size:15px;
        font-weight:bold; line-height:1; text-decoration:none !important;
        text-shadow:0 1px 1px rgba(0,0,0,.35);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 2px 4px rgba(0,0,0,.18);
        vertical-align:middle;
}
.storageActionEdit {
        background:linear-gradient(to bottom,#ffb52e 0%,#f28a08 100%);
        border-color:#df7800;
}
.storageActionEdit:hover {
        background:linear-gradient(to bottom,#ffc14a 0%,#f28a08 100%);
}
.storageActionEmpty {
        background:linear-gradient(to bottom,#4fa9e8 0%,#2474b7 100%);
        border-color:#1d5f96;
}
.storageActionEmpty:hover {
        background:linear-gradient(to bottom,#66b8ee 0%,#2474b7 100%);
}
.storageActionDelete {
        background:linear-gradient(to bottom,#ff3d4d 0%,#e5162b 100%);
        border-color:#bd1021;
}
.storageActionDelete:hover {
        background:linear-gradient(to bottom,#ff5966 0%,#e5162b 100%);
}
.storageActionEdit:active, .storageActionEmpty:active, .storageActionDelete:active {
        position:relative; top:1px;
}
.storageActionEdit img, .storageActionEmpty img, .storageActionDelete img {
        width:22px; height:22px; object-fit:contain; flex:0 0 auto;
        filter:brightness(0) invert(1);
}
.adminTableNews td { vertical-align:middle; }
.adminTableNewsEditor td:first-child { white-space:nowrap; font-weight:bold; }
.adminTableNewsEditor textarea { min-height:320px; }
.adminTableUserEditor td:first-child, .adminTableGalleryEditor td:first-child { color:#555; font-weight:bold; }
.adminTableUserList td, .adminTableBackupList td, .adminTableBanlist td { word-break:break-word; }

@media (max-width:700px) {
        .adminSection .contentBox { width:100%; }
        .adminArea { padding:0 7px 14px; }
        .adminNav { justify-content:stretch; gap:7px; margin-bottom:12px; }
        .adminNavButton { flex:1 1 calc(50% - 7px); min-width:0; min-height:38px; padding:0 8px; font-size:11px; }
        .adminSectionTitle { margin-bottom:9px; padding:9px 11px; font-size:12px; }
        .adminSectionTitle strong { font-size:12px; }
        .adminSectionTitleSub { margin-top:12px; }
        .adminNotice, .adminFilter, .adminSelectionTools { padding:9px 10px; margin-bottom:9px; font-size:10px; }
        .adminFilter { text-align:left; }
        .adminTableWrap { overflow:visible; border:0; box-shadow:none; background:transparent; }
        .adminTable, .adminTable tbody, .adminTable tr, .adminTable td { display:block; width:auto !important; }
        .adminTable thead { display:none; }
        .adminTable > tbody > tr:first-child { display:none; }
        /* Storage forms: keep the first row (ID) visible on mobile. */
        .adminStorageAddForm .adminTable > tbody > tr:first-child { display:block; }
        .adminTable > tbody > tr:not(:first-child) {
                position:relative; margin:0 0 8px; padding:9px;
                border:1px solid #ddd; border-radius:10px; background:#fff !important;
                box-shadow:0 2px 7px rgba(0,0,0,.07);
        }
        .adminTable > tbody > tr:not(:first-child) td {
                display:grid; grid-template-columns:minmax(82px,34%) minmax(0,1fr);
                gap:8px; align-items:center; padding:6px 0; border:0 !important;
                background:transparent !important; text-align:left !important; min-width:0;
                color:#444;
        }
        .adminTable > tbody > tr:not(:first-child) td[data-label]::before {
                content:attr(data-label); color:#888; font-size:9px; font-weight:bold;
        }
        .adminTable > tbody > tr:not(:first-child) td[colspan] { display:block; text-align:center !important; }
        .adminTable > tbody > tr:not(:first-child) td[colspan]::before { display:none; }
        .adminTable > tbody > tr:not(:first-child) td input,
        .adminTable > tbody > tr:not(:first-child) td select,
        .adminTable > tbody > tr:not(:first-child) td textarea { width:100%; max-width:100%; box-sizing:border-box; }
        .adminTableImages > tbody > tr:not(:first-child) td:nth-child(2) { display:grid; grid-template-columns:minmax(82px,34%) minmax(0,1fr); }
        .adminTableImages > tbody > tr:not(:first-child) td:nth-child(2) img { margin:auto; }
        .adminTableBanowanie > tbody > tr:not(:first-child) td[data-label="Obrazek"] img { max-width:80px; margin:auto; }
        .adminTableGalleries > tbody > tr:not(:first-child) td[data-label="Link"] input { min-width:0; }
        .adminTableReports > tbody > tr:not(:first-child) td[data-label="Podgląd"] img { margin:auto; }
        .adminTableUsers > tbody > tr:not(:first-child) td[data-label="#"] { display:none; }
        .adminTableUsers > tbody > tr:not(:first-child) td[data-label="#"]::before { display:none; }
        .adminTableBanlist > tbody > tr:not(:first-child) td[data-label="Podgląd"] img { max-width:90px; margin:auto; }
        .adminTableStats > tbody > tr:not(:first-child) td { grid-template-columns:40% 60%; }
        .adminTableSettings > tbody > tr:not(:first-child) td,
        .adminTableUserEditor > tbody > tr:not(:first-child) td,
        .adminTableGalleryEditor > tbody > tr:not(:first-child) td { grid-template-columns:40% 60%; }
        .adminTableNewsEditor > tbody > tr:not(:first-child) td { grid-template-columns:34% 66%; }
        .adminTableNewsEditor > tbody > tr:not(:first-child) td:first-child { display:block; padding-bottom:4px; }
        .adminTableNewsEditor > tbody > tr:not(:first-child) td:first-child::before { display:none; }
        .adminTableNewsEditor textarea { min-height:220px; }
        .storageActionForm { display:block; margin:3px 0; }
        .storageActionEdit, .storageActionEmpty, .storageActionDelete { width:100%; min-width:0; margin:3px 0; box-sizing:border-box; }
        .adminTable .submitButton, .adminTable .settingsButton, .adminTable .resetButton { width:100%; margin:3px 0; box-sizing:border-box; }
        .adminCard { padding:10px; border-radius:10px; }
        .adminCard .adminTableWrap { margin-bottom:0; }
        .adminBackupList { max-height:none; overflow:visible; }
        .adminSelectionTools { justify-content:center; }
}

/* PICTAP 2026 - Step 45: ujednolicenie panelu uzytkownika */
.userMenu {
        background: linear-gradient(135deg, #a91615 0%, #8f0d0d 100%);
        border-top: 1px solid #5d0808;
        border-bottom: 1px solid #780d0d;
}

.userMenuLeft p {
        color: #f5f5f5;
        font-family: Verdana, Helvetica, sans-serif;
        font-weight: 700;
        text-shadow: 0 2px 3px rgba(0,0,0,.45);
}

/* Zalogowany: wszystkie glowne pozycje maja jedna, wspolna forme. */
.userMenuRight > ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
}

.userMenuRight > ul > li {
        float: none;
        margin: 0;
}

.userMenuRight > ul > li > a,
.userMenuRight > ul > li.logout button {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        min-width: 108px;
        box-sizing: border-box;
        padding: 9px 14px;
        border: 1px solid rgba(255,255,255,.20) !important;
        border-radius: 9px;
        background: linear-gradient(180deg, rgba(194,35,32,.95), rgba(126,10,10,.95)) !important;
        color: #fff;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-decoration: none;
        text-shadow: 0 1px 2px rgba(0,0,0,.55);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 2px 6px rgba(0,0,0,.24);
        transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.userMenuRight > ul > li > a:hover,
.userMenuRight > ul > li > a:focus-visible,
.userMenuRight > ul > li.logout button:hover,
.userMenuRight > ul > li.logout button:focus-visible {
        background: linear-gradient(180deg, #d12c28, #981312) !important;
        border-color: rgba(255,255,255,.38) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 4px 10px rgba(0,0,0,.30);
        transform: translateY(-1px);
}

/* Submenu Ustawienia pozostaje osobnym menu. */
.userMenuRight ul li#ustawienia ul li a {
        min-width: 0;
}

/* Ikony - bez zmian w HTML. */
.userMenuRight > ul > li#ustawienia > a::before { content: '\2699'; }
.userMenuRight > ul > li:nth-child(3) > a::before { content: '\25A6'; }
.userMenuRight > ul > li:nth-child(4) > a::before { content: '\25A3'; }
.userMenuRight > ul > li:nth-child(5) > a::before { content: '\2593'; }
.userMenuRight > ul > li > a::before,
.userMenuRight > ul > li.logout button::before {
        display: inline-block;
        margin-right: 8px;
        font-size: 16px;
        line-height: 1;
        opacity: .95;
}
.userMenuRight > ul > li.logout button::before { content: '\21E5'; }

/* Gosc - pola i akcje w tej samej rodzinie wizualnej. */
.userMenuRight form {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
}

.userMenuRight form .form-field {
        width: 200px;
        min-height: 44px;
        box-sizing: border-box;
        margin: 0;
        padding: 9px 12px;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 9px;
        background: rgba(105,7,7,.72);
        color: #fff;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 14px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.25), 0 2px 5px rgba(0,0,0,.18);
}

.userMenuRight form .form-field:focus {
        background: rgba(194,35,32,.88);
        border-color: rgba(255,255,255,.35);
        outline: none;
}

.userMenuRight form a.userMenuButton,
.userMenuRight form a.przypomnij {
        position: static;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        min-height: 44px;
        border-radius: 9px;
        text-decoration: none;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-shadow: 0 1px 2px rgba(0,0,0,.55);
        transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}

.userMenuRight form a.userMenuButton {
        width: 108px;
        height: auto;
        padding: 9px 14px;
        border: 1px solid #ff5a4f;
        background: linear-gradient(180deg, #ff3024, #ce0f0b);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 3px 8px rgba(0,0,0,.25);
}

.userMenuRight form a.userMenuButton::before {
        content: '\21E5';
        margin-right: 8px;
        font-size: 16px;
}

.userMenuRight form a.przypomnij {
        top: auto;
        right: auto;
        height: auto;
        padding: 9px 14px;
        border: 1px solid rgba(255,255,255,.20);
        background: linear-gradient(180deg, rgba(194,35,32,.95), rgba(126,10,10,.95));
        color: #fff;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.22);
}

.userMenuRight form a.przypomnij::before {
        content: '\2315';
        margin-right: 8px;
        font-size: 16px;
}

.userMenuRight form a.userMenuButton:hover,
.userMenuRight form a.userMenuButton:focus-visible,
.userMenuRight form a.przypomnij:hover,
.userMenuRight form a.przypomnij:focus-visible {
        transform: translateY(-1px);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 4px 10px rgba(0,0,0,.30);
        outline: none;
}

@media (max-width: 760px) {
        .userMenu {
                padding: 16px 0 18px;
        }

        .userMenuPudlo {
                padding: 0 10px;
        }

        .userMenuRight > ul {
                justify-content: flex-start;
                gap: 8px;
        }

        .userMenuRight > ul > li > a,
        .userMenuRight > ul > li.logout button {
                min-width: 0;
                min-height: 46px;
                padding: 9px 13px;
                font-size: 13px;
        }

        .userMenuRight form {
                gap: 8px;
        }

        .userMenuRight form .form-field {
                width: 100%;
                min-height: 46px;
        }

        .userMenuRight form a.userMenuButton,
        .userMenuRight form a.przypomnij {
                min-height: 46px;
                width: auto;
                flex: 0 1 auto;
                padding: 9px 13px;
        }
}

/* PICTAP 2026 - Step 46: dopracowanie logowania i wylogowania */
.userMenuRight form a.userMenuButton {
        min-width: 150px;
        padding: 10px 18px;
        border: 2px solid #ff5148;
        border-radius: 11px;
        background: linear-gradient(180deg, #303538 0%, #171b1d 100%);
        color: #fff;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 3px 9px rgba(0,0,0,.32);
        text-shadow: 0 1px 2px rgba(0,0,0,.75);
}

.userMenuRight form a.userMenuButton::before {
        content: '\21AA';
        margin-right: 9px;
        font-size: 18px;
        font-weight: 700;
}

.userMenuRight form a.userMenuButton:hover,
.userMenuRight form a.userMenuButton:focus-visible {
        background: linear-gradient(180deg, #3b4144 0%, #202527 100%);
        border-color: #ff7068;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 5px 12px rgba(0,0,0,.38);
}

.userMenuRight > ul > li.logout {
        margin-left: 3px;
}

.userMenuRight > ul > li.logout button {
        min-width: 125px;
        min-height: 46px;
        padding: 10px 18px;
        border: 2px solid rgba(255,91,83,.72) !important;
        border-radius: 11px;
        background: linear-gradient(180deg, #2b3032 0%, #171a1b 100%) !important;
        color: #ff6a62;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 3px 9px rgba(0,0,0,.34);
        text-shadow: 0 1px 2px rgba(0,0,0,.8);
}

.userMenuRight > ul > li.logout button::before {
        content: '\21E5';
        margin-right: 9px;
        font-size: 17px;
        color: #ff5b53;
}

.userMenuRight > ul > li.logout button:hover,
.userMenuRight > ul > li.logout button:focus-visible {
        background: linear-gradient(180deg, #343a3c 0%, #1c2021 100%) !important;
        border-color: #ff5148 !important;
        color: #ff8179;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 5px 12px rgba(0,0,0,.40);
}

@media (max-width: 760px) {
        .userMenuRight form a.userMenuButton {
                min-width: 150px;
                padding: 10px 16px;
        }

        .userMenuRight > ul > li.logout {
                margin-left: 0;
        }

        .userMenuRight > ul > li.logout button {
                min-width: 125px;
                padding: 10px 16px;
        }
}


/* PICTAP 2026 - Step 48: finalne odswiezenie stopki */
.footerBox {
        margin-top: 42px;
        padding: 0 0 18px;
        background: linear-gradient(180deg, #1e2427 0%, #171c1e 100%);
        border-top: 1px solid #343b3e;
        box-sizing: border-box;
}

.footerBox section > ul {
        width: min(1024px, calc(100% - 32px));
        height: auto;
        margin: 26px auto 0;
        padding: 0;
        display: grid;
        grid-template-columns: 1.65fr 1fr 1fr;
        gap: 16px;
        list-style: none;
        box-sizing: border-box;
}

.footerBox section > ul > li.box1,
.footerBox section > ul > li.box2,
.footerBox section > ul > li.box3 {
        float: none;
        width: auto;
        height: auto;
        min-height: 226px;
        margin: 0;
        padding: 0 0 10px;
        overflow: hidden;
        background: linear-gradient(180deg, #111719 0%, #0c1113 100%);
        border: 1px solid #2d3437;
        border-top: 3px solid #b31316;
        border-radius: 12px;
        box-shadow: 0 8px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
        box-sizing: border-box;
}

.footerPanelTitle {
        position: relative;
        margin: 0;
        padding: 14px 16px 13px;
        color: #f1f3f4;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.25;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0,0,0,.75);
        border-bottom: 1px solid #292f32;
        box-sizing: border-box;
}

.footerPanelTitle:after {
        content: "";
        display: block;
        width: 42px;
        height: 2px;
        margin-top: 8px;
        background: #d0181b;
        border-radius: 2px;
        box-shadow: 0 0 7px rgba(208,24,27,.35);
}

.footerBox ul li.box1 ul,
.footerBox ul li.box2 ul,
.footerBox ul li.box3 ul {
        width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        padding: 7px 10px 8px;
        position: static;
        box-sizing: border-box;
}

.footerBox ul li.box1 ul li,
.footerBox ul li.box3 ul li {
        width: 100%;
        min-height: 31px;
        margin: 0;
        padding: 7px 4px;
        color: #d8dcde;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 1.35;
        border-bottom: 1px dotted #3b1718;
        box-sizing: border-box;
}

.footerBox ul li.box1 ul li:last-child,
.footerBox ul li.box3 ul li:last-child {
        border-bottom: 0;
}

.footerBox ul li.box1 ul li span,
.footerBox ul li.box3 ul li span {
        position: static;
        float: right;
        max-width: 68%;
        margin-left: 8px;
        text-align: right;
        overflow-wrap: anywhere;
}

.footerBox ul li.box1 ul li span {
        color: #f0f2f3;
        font-weight: 600;
}

.footerBox ul li.box3 ul li span a {
        color: #e5e8e9;
        font-size: 13px;
        text-decoration: none;
        transition: color .15s ease;
}

.footerBox ul li.box3 ul li span a:hover {
        color: #ff4b4f;
}

.footerBox ul li.box2 ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 8px 14px 14px;
}

.footerBox ul li.box2 ul li:first-child {
        height: auto;
        min-height: 118px;
        display: flex;
        align-items: center;
        justify-content: center;
}

.footerBox ul li.box2 ul li img {
        max-width: 150px;
        max-height: 112px;
        width: auto;
        height: auto;
        border-radius: 10px;
        box-shadow: 0 4px 14px rgba(0,0,0,.42);
}

.footerBox ul li.box2 ul li.nazwa {
        width: 100%;
        margin: 0;
        padding: 8px 5px;
        color: #d8dcde;
        font-size: 13px;
        line-height: 1.35;
        text-align: center;
        border-top: 1px dotted #3b1718;
        border-bottom: 0;
        box-sizing: border-box;
        overflow-wrap: anywhere;
}

.footerBox .btmore {
        display: block;
        width: calc(100% - 8px);
        margin: 10px auto 0;
        padding: 9px 12px;
        box-sizing: border-box;
        color: #173000 !important;
        font-size: 13px !important;
        font-weight: 700;
        text-align: center;
        text-decoration: none !important;
        background: linear-gradient(180deg, #78df22 0%, #4fbd12 100%);
        border: 1px solid #a2f15f;
        border-radius: 9px;
        box-shadow: 0 3px 9px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.35);
}

.footerBox .btmore:hover {
        filter: brightness(1.06);
}

.footerBox_copy {
        width: min(1024px, calc(100% - 32px));
        margin: 18px auto 0;
        padding: 16px 18px;
        color: #cfd4d6;
        background: #0d1214;
        border: 1px solid #2b3235;
        border-top: 2px solid #a91215;
        border-radius: 12px;
        box-shadow: 0 8px 20px rgba(0,0,0,.24);
        box-sizing: border-box;
}

.footerCopyright {
        color: #cfd4d6;
        line-height: 1.6;
}

.footerCopyright strong {
        color: #f0f2f3;
}

.footerCopyright a {
        color: #ef3438;
}

.footerTech span {
        border-color: #30383b;
        background: #171d1f;
}

@media (max-width: 760px) {
        .footerBox {
                margin-top: 28px;
                padding-bottom: 12px;
        }

        .footerBox section > ul {
                width: calc(100% - 20px);
                margin-top: 16px;
                grid-template-columns: 1fr;
                gap: 12px;
        }

        .footerBox section > ul > li.box1,
        .footerBox section > ul > li.box2,
        .footerBox section > ul > li.box3 {
                min-height: 0;
        }

        .footerPanelTitle {
                padding: 13px 14px 12px;
                font-size: 15px;
        }

        .footerBox ul li.box1 ul,
        .footerBox ul li.box2 ul,
        .footerBox ul li.box3 ul {
                padding-left: 9px;
                padding-right: 9px;
        }

        .footerBox ul li.box1 ul li,
        .footerBox ul li.box3 ul li {
                font-size: 12px;
        }

        .footerBox ul li.box1 ul li span,
        .footerBox ul li.box3 ul li span {
                max-width: 62%;
        }

        .footerBox_copy {
                width: calc(100% - 20px);
                margin-top: 14px;
                padding: 14px;
        }
}


/* PICTAP 2026 - Step 49: glowne menu w stylu glossy z ikonami. */
.loginFlag {
        height: auto;
        min-height: 74px;
        background: #171c1f;
        border-bottom: 1px solid #30373a;
}

.loginFlagPudlo {
        width: calc(100% - 40px);
        max-width: 1024px;
        min-height: 74px;
        height: auto;
        margin: 0 auto;
        padding: 9px 0 10px;
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        z-index: 1000;
}

.loginFlagPudlo ul.menuLeft,
.loginFlagPudlo ul.menuRight {
        display: contents;
}

.loginFlagPudlo ul.menuLeft li,
.loginFlagPudlo ul.menuRight li {
        float: none;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        height: auto;
        min-width: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
}

.loginFlagPudlo ul.menuLeft li > a,
.loginFlagPudlo ul.menuLeft li > button.menuToggle,
.loginFlagPudlo ul.menuRight li > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        min-height: 58px;
        min-width: 118px;
        padding: 8px 15px;
        box-sizing: border-box;
        border: 1px solid #343c40;
        border-radius: 11px;
        background: linear-gradient(180deg, #252c30 0%, #171c1f 100%);
        color: #f0f2f3;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 15px !important;
        line-height: 18px;
        font-weight: 700;
        text-shadow: 0 1px 2px rgba(0,0,0,.75);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 3px 7px rgba(0,0,0,.38);
        white-space: nowrap;
        text-decoration: none;
        cursor: pointer;
        transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.loginFlagPudlo ul.menuLeft li > a:hover,
.loginFlagPudlo ul.menuLeft li > a:focus-visible,
.loginFlagPudlo ul.menuRight li > a:hover,
.loginFlagPudlo ul.menuRight li > a:focus-visible,
.loginFlagPudlo ul.menuLeft li > button.menuToggle:hover,
.loginFlagPudlo ul.menuLeft li > button.menuToggle:focus-visible {
        background: linear-gradient(180deg, #303a3e 0%, #1b2225 100%);
        border-color: #a92a25;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 4px 10px rgba(0,0,0,.45), 0 0 5px rgba(186,35,28,.22);
        color: #fff;
}

.loginFlagPudlo ul.menuLeft li.navHome > a {
        background: linear-gradient(180deg, #e62a23 0%, #a91410 100%);
        border-color: #f24b45;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 4px 10px rgba(0,0,0,.45), 0 0 7px rgba(222,42,35,.35);
}

.loginFlagPudlo ul.menuLeft li.navHome > a:hover,
.loginFlagPudlo ul.menuLeft li.navHome > a:focus-visible {
        background: linear-gradient(180deg, #f23830 0%, #bd1813 100%);
        border-color: #ff625b;
}

.loginFlagPudlo ul.menuLeft li.register > a {
        background: linear-gradient(180deg, #b82a24 0%, #74100d 100%);
        border-color: #d03c36;
        color: #fff;
}

/* Ikony menu — lekkie, monochromatyczne symbole, bez zewnetrznych bibliotek. */
.loginFlagPudlo ul.menuLeft > li > a > span::before,
.loginFlagPudlo ul.menuRight > li > a > span::before,
.loginFlagPudlo ul.menuLeft > li > button.menuToggle > span::before {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        flex: 0 0 25px;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 25px;
        text-shadow: 0 1px 2px rgba(0,0,0,.7);
}

.navHome > a > span::before { content: "⌂"; }
.navRegister > a > span::before { content: "✓"; }
.navNews > a > span::before { content: "▤"; }
.navTos > a > span::before { content: "◇"; }
.navGallery > button > span::before { content: "▧"; }
.navAdmin > button > span::before { content: "⚙"; font-size: 21px; }
.navSearch > a > span::before { content: "⌕"; font-size: 27px; }
.navFaq > a > span::before { content: "?"; font-weight: 700; border: 2px solid #fff; border-radius: 50%; width: 22px; height: 22px; flex-basis: 22px; line-height: 19px; font-size: 15px; }
.navContact > a > span::before { content: "✉"; font-size: 22px; }

/* Rejestracja nie zmienia charakteru menu, tylko pozostaje czerwonym akcentem. */
.loginFlagPudlo ul.menuLeft li.register:hover > a,
.loginFlagPudlo ul.menuLeft li.register > a:focus-visible {
        background: linear-gradient(180deg, #d93a33 0%, #8c110d 100%);
        border-color: #f05a53;
}

/* Rozwijane menu korzysta z tego samego glossy stylu, ale zachowuje dotychczasowa funkcje. */
.loginFlagPudlo ul.menuLeft li.roz::after {
        content: '';
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 12px;
        z-index: 99999;
}

.loginFlagPudlo ul.menuLeft li.roz:hover::after,
.loginFlagPudlo ul.menuLeft li.roz:focus-within::after {
        display: block;
}

.loginFlagPudlo ul.menuLeft li.roz > ul {
        display: none;
        position: absolute;
        top: calc(100% + 12px);
        left: auto;
        right: 0;
        z-index: 100000;
        width: 220px;
        max-width: calc(100vw - 16px);
        margin: 0;
        padding: 7px;
        list-style: none;
        background: #1b2023;
        border: 1px solid #b72822;
        border-radius: 11px;
        box-shadow: 0 8px 22px rgba(0,0,0,.55), 0 0 8px rgba(186,35,28,.22);
        box-sizing: border-box;
}

.loginFlagPudlo ul.menuLeft li.roz:hover > ul,
.loginFlagPudlo ul.menuLeft li.roz:focus-within > ul {
        display: block;
}

.loginFlagPudlo ul.menuLeft li.roz > ul > li {
        width: 100%;
        margin: 0 0 5px;
        padding: 0;
        box-sizing: border-box;
}

.loginFlagPudlo ul.menuLeft li.roz > ul > li:last-child {
        margin-bottom: 0;
}

.loginFlagPudlo ul.menuLeft li.roz > ul > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 44px;
        padding: 8px 10px;
        box-sizing: border-box;
        border: 1px solid #343c40;
        border-radius: 8px;
        background: linear-gradient(180deg, #252c30 0%, #171c1f 100%);
        color: #f0f2f3;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
        text-shadow: 0 1px 2px rgba(0,0,0,.7);
        white-space: nowrap;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 4px rgba(0,0,0,.3);
}

.loginFlagPudlo ul.menuLeft li.roz > ul > li > a:hover,
.loginFlagPudlo ul.menuLeft li.roz > ul > li > a:focus-visible {
        border-color: #c22e28;
        background: linear-gradient(180deg, #303a3e 0%, #1b2225 100%);
        color: #fff;
}

@media (max-width: 760px) {
        .loginFlag {
                min-height: 0;
        }

        .loginFlagPudlo {
                width: 100%;
                min-height: 0;
                padding: 8px;
                gap: 7px;
        }

        .loginFlagPudlo ul.menuLeft,
        .loginFlagPudlo ul.menuRight {
                display: contents;
        }

        .loginFlagPudlo ul.menuLeft li > a,
        .loginFlagPudlo ul.menuLeft li > button.menuToggle,
        .loginFlagPudlo ul.menuRight li > a {
                min-width: 0;
                min-height: 54px;
                padding: 7px 11px;
                border-radius: 10px;
                font-size: 13px !important;
                line-height: 16px;
        }

        .loginFlagPudlo ul.menuLeft li > a > span::before,
        .loginFlagPudlo ul.menuRight li > a > span::before,
        .loginFlagPudlo ul.menuLeft li > button.menuToggle > span::before {
                width: 23px;
                height: 23px;
                flex-basis: 23px;
                font-size: 20px;
                line-height: 23px;
        }

        .loginFlagPudlo ul.menuLeft li.roz > ul {
                position: fixed;
                top: 69px;
                right: 8px;
                width: 220px;
                max-width: calc(100vw - 16px);
        }
}

.storageActionDeleteLocal { display:none !important; }


/* PICTAP 2026 - modern per-file upload processing list */
.indexPage .uploadFileList {
        width: 100%;
        margin: 0;
        border: 1px solid #dedede;
        border-radius: 14px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 3px 12px rgba(0,0,0,.06);
}
.indexPage .uploadFileRow {
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr) 40px;
        gap: 12px;
        align-items: center;
        min-width: 0;
        padding: 12px 14px;
        border-bottom: 1px solid #ececec;
        background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
        transition: background .2s ease;
}
.indexPage .uploadFileRow:nth-child(even) {
        background: #f8f9fa;
}
.indexPage .uploadFileRow:last-of-type {
        border-bottom: 0;
}
.indexPage .uploadFileType {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 54px;
        height: 54px;
        border: 1px solid #d5d7d9;
        border-radius: 11px;
        background: linear-gradient(145deg, #333 0%, #171717 100%);
        color: #fff;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .3px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 2px 5px rgba(0,0,0,.15);
}
.indexPage .uploadFileMain {
        min-width: 0;
}
.indexPage .uploadFileName {
        overflow: hidden;
        color: #282828;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.indexPage .uploadFileMeta {
        margin-top: 2px;
        color: #777;
        font-size: 12px;
        line-height: 1.25;
}
.indexPage .uploadFileStatus {
        margin-top: 8px;
        min-width: 0;
        text-align: left;
}
.indexPage .uploadStatusText {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.3;
}
.indexPage .uploadStatusText::before {
        content: '';
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-right: 7px;
        flex: 0 0 7px;
        border-radius: 50%;
        background: #999;
        box-shadow: 0 0 0 3px rgba(0,0,0,.04);
}
.indexPage .uploadStatus-waiting { color: #777; }
.indexPage .uploadStatus-processing { color: #a30000; }
.indexPage .uploadStatus-processing::before {
        background: #c40000;
        box-shadow: 0 0 0 3px rgba(196,0,0,.12);
}
.indexPage .uploadStatus-done { color: #16743a; }
.indexPage .uploadStatus-done::before {
        background: #1b8a48;
        box-shadow: 0 0 0 3px rgba(27,138,72,.12);
}
.indexPage .uploadStatus-error { color: #b00000; }
.indexPage .uploadStatus-error::before {
        background: #b00000;
        box-shadow: 0 0 0 3px rgba(176,0,0,.12);
}
.indexPage .uploadMiniProgress {
        width: 100%;
        height: 5px;
        margin-top: 6px;
        overflow: hidden;
        border-radius: 99px;
        background: #e2e2e2;
}
.indexPage .uploadMiniProgress span {
        display: block;
        height: 100%;
        border-radius: 99px;
        background: linear-gradient(90deg, #8d0000 0%, #d51d1d 100%);
        transition: width .2s ease;
}
.indexPage .uploadFileStatus small {
        display: inline-block;
        margin-left: 6px;
        color: #777;
        font-size: 11px;
        font-weight: 700;
}
.indexPage .uploadFileSummary {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 11px 14px;
        border-top: 1px solid #e1e1e1;
        background: #f1f2f3;
        color: #666;
        font-size: 12px;
}
.indexPage .uploadFileSummary b {
        color: #292929;
}
@media (max-width: 700px) {
        .indexPage .uploadFileRow {
                grid-template-columns: 46px minmax(0, 1fr) 40px;
                gap: 10px;
                padding: 11px 10px;
        }
        .indexPage .uploadFileType {
                width: 46px;
                height: 46px;
                border-radius: 9px;
                font-size: 9px;
        }
        .indexPage .uploadFileName {
                font-size: 13px;
        }
        .indexPage .uploadFileMeta,
        .indexPage .uploadStatusText {
                font-size: 11px;
        }
        .indexPage .uploadFileSummary {
                padding: 10px;
                font-size: 11px;
        }
}


/* PICTAP 2026 - Step168: uporzadkowanie menu desktopowego. */
@media (min-width: 761px) {
        /* Rozwijane menu konta: szerokie, jednoliniowe pozycje bez łamania nazw. */
        .userMenuRight > ul > li#ustawienia {
                position: relative;
                z-index: 100000;
        }

        .userMenuRight > ul > li#ustawienia > ul {
                display: none;
                position: absolute;
                top: calc(100% + 10px);
                left: 50%;
                transform: translateX(-50%);
                width: 190px;
                min-width: 190px;
                margin: 0;
                padding: 8px;
                box-sizing: border-box;
                list-style: none;
                background: #9f1312;
                border: 1px solid #c62a25;
                border-radius: 0 0 10px 10px;
                box-shadow: 0 8px 18px rgba(0,0,0,.45);
                z-index: 100001;
        }

        .userMenuRight > ul > li#ustawienia:hover > ul,
        .userMenuRight > ul > li#ustawienia:focus-within > ul {
                display: block;
        }

        .userMenuRight > ul > li#ustawienia::after {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                top: 100%;
                height: 10px;
                z-index: 100000;
        }

        .userMenuRight > ul > li#ustawienia > ul > li {
                float: none;
                width: 100%;
                margin: 0 0 5px;
                padding: 0;
        }

        .userMenuRight > ul > li#ustawienia > ul > li:last-child {
                margin-bottom: 0;
        }

        .userMenuRight > ul > li#ustawienia > ul > li > a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                min-width: 0;
                min-height: 42px;
                padding: 8px 10px;
                box-sizing: border-box;
                white-space: nowrap;
                text-align: center;
                border: 1px solid rgba(255,255,255,.18);
                border-radius: 7px;
                background: linear-gradient(180deg, #b51b18 0%, #8f0d0d 100%);
                color: #fff;
                font-family: Verdana, Helvetica, sans-serif;
                font-size: 13px;
                font-weight: 700;
                line-height: 18px;
                text-decoration: none;
        }

        .userMenuRight > ul > li#ustawienia > ul > li > a:hover,
        .userMenuRight > ul > li#ustawienia > ul > li > a:focus-visible {
                background: linear-gradient(180deg, #d12c28 0%, #9f1312 100%);
                border-color: rgba(255,255,255,.35);
        }
}

@media (min-width: 761px) {
        /* Glowne menu: wszystkie pozycje pozostaja w jednym wierszu takze przy 1920 px. */
        .loginFlagPudlo {
                width: calc(100% - 40px);
                max-width: 1200px;
                flex-wrap: nowrap;
                gap: 10px;
        }

        .loginFlagPudlo ul.menuLeft,
        .loginFlagPudlo ul.menuRight {
                display: flex;
                width: auto;
                position: static;
                top: auto;
                float: none;
                flex-wrap: nowrap;
                gap: 8px;
                margin: 0;
                padding: 0;
        }

        .loginFlagPudlo ul.menuLeft {
                flex: 1 1 auto;
                justify-content: flex-start;
        }

        .loginFlagPudlo ul.menuRight {
                flex: 0 0 auto;
                justify-content: flex-end;
        }

        .loginFlagPudlo ul.menuLeft li,
        .loginFlagPudlo ul.menuRight li {
                flex: 0 0 auto;
        }

        /* Logo zaczyna sie od lewej krawedzi kontenera zamiast byc wycentrowane. */
        .logoMenu .logoMenuPudlo .imglogo {
                margin-left: 0;
                margin-right: auto;
        }

        /* Panel zalogowanego uzytkownika: 5 przyciskow zawsze w jednym wierszu. */
        .userMenuRight {
                width: 630px;
        }

        .userMenuRight > ul {
                width: 100%;
                flex-wrap: nowrap;
                gap: 8px;
                top: 25px;
        }

        .userMenuRight > ul > li {
                flex: 0 0 auto;
        }

        /* Ikony sa przypisane klasami, aby zmiana kolejnosci HTML nie zmieniala ikon. */
        .userMenuRight > ul > li.navStats > a::before { content: '\25A4'; }
        .userMenuRight > ul > li.navImages > a::before { content: '\25A3'; }
        .userMenuRight > ul > li.navGalleries > a::before { content: '\25A6'; }
        .userMenuRight > ul > li.navSettings > a::before { content: '\2699'; }
}


/* PICTAP 2026 - Step170: poprawka struktury menu rozwijanego. */
@media (min-width: 761px) {
        /* Galerie/Admin: wyraźny odstęp od przycisku oraz pełny obszar przejścia kursora. */
        .loginFlagPudlo ul.menuLeft li.roz {
                overflow: visible;
        }

        .loginFlagPudlo ul.menuLeft li.roz::after {
                top: 100%;
                height: 18px;
                display: block;
        }

        .loginFlagPudlo ul.menuLeft li.roz > ul {
                top: calc(100% + 18px);
        }

        /* Ustawienia: podmenu ma dokładnie szerokość kontenera, a każda pozycja
           zajmuje całą szerokość bez rozjechania tekstu. */
        .userMenuRight > ul > li#ustawienia {
                overflow: visible;
        }

        .userMenuRight > ul > li#ustawienia > ul {
                width: 220px;
                min-width: 220px;
                padding: 8px;
        }

        .userMenuRight > ul > li#ustawienia > ul > li {
                display: block;
                width: 100%;
                float: none;
        }

        .userMenuRight > ul > li#ustawienia > ul > li > a {
                display: flex;
                width: 100%;
                min-width: 0;
                white-space: nowrap;
                box-sizing: border-box;
        }
}

/* PICTAP 2026 - Step171: finalne uporzadkowanie menu rozwijanego. */
@media (min-width: 761px) {
        /* Galerie/Admin: faktyczna przerwa pod przyciskiem, z aktywnym obszarem przejscia. */
        .loginFlagPudlo ul.menuLeft li.roz {
                overflow: visible !important;
        }

        .loginFlagPudlo ul.menuLeft li.roz::after {
                content: '';
                display: block !important;
                position: absolute;
                left: 0;
                right: 0;
                top: 100%;
                height: 14px;
                z-index: 100001;
        }

        .loginFlagPudlo ul.menuLeft li.roz > ul {
                top: calc(100% + 14px) !important;
                z-index: 100002;
        }

        /* Ustawienia: zwarty, czytelny panel bez duzego pustego czerwonego pola. */
        .userMenuRight > ul > li#ustawienia > ul {
                width: 204px !important;
                min-width: 204px !important;
                padding: 7px !important;
                background: #171c1f !important;
                border: 1px solid #c22e28 !important;
                border-radius: 10px !important;
                box-shadow: 0 8px 22px rgba(0,0,0,.5), 0 0 8px rgba(194,46,40,.2) !important;
        }

        .userMenuRight > ul > li#ustawienia > ul > li {
                width: 100% !important;
                margin: 0 0 5px !important;
        }

        .userMenuRight > ul > li#ustawienia > ul > li:last-child {
                margin-bottom: 0 !important;
        }

        .userMenuRight > ul > li#ustawienia > ul > li > a {
                width: 100% !important;
                min-height: 42px !important;
                padding: 8px 10px !important;
                box-sizing: border-box !important;
                white-space: nowrap !important;
                border: 1px solid #343c40 !important;
                border-radius: 8px !important;
                background: linear-gradient(180deg, #252c30 0%, #171c1f 100%) !important;
                color: #f0f2f3 !important;
                font-size: 13px !important;
                line-height: 18px !important;
        }

        .userMenuRight > ul > li#ustawienia > ul > li > a:hover,
        .userMenuRight > ul > li#ustawienia > ul > li > a:focus-visible {
                border-color: #c22e28 !important;
                background: linear-gradient(180deg, #303a3e 0%, #1b2225 100%) !important;
                color: #fff !important;
        }
}

/* PICTAP 2026 - Step172: nowy szkielet headera i jednolite menu nawigacyjne. */
.siteHeader {
        position: relative;
        z-index: 10000;
        background: #1e2326;
        border-bottom: 1px solid #282c2f;
        box-shadow: 0 2px 12px rgba(0,0,0,.28);
}

.siteHeaderInner {
        width: min(1200px, calc(100% - 40px));
        min-height: 92px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        gap: 14px;
        box-sizing: border-box;
}

.siteBrand {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        height: 76px;
        padding-right: 16px;
        border-right: 1px solid #3a3f42;
}

.siteBrand img {
        display: block;
        width: auto;
        max-width: 300px;
        height: auto;
        max-height: 70px;
}

.siteNavigation {
        flex: 1 1 auto;
        min-width: 0;
}

.siteNavigationList {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 2px;
        margin: 0;
        padding: 0;
        list-style: none;
}

.siteNavItem {
        position: relative;
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
        list-style: none;
}

.siteNavItem > a,
.siteNavButton {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 62px;
        padding: 8px 13px;
        box-sizing: border-box;
        border: 0;
        border-bottom: 3px solid transparent;
        border-radius: 0;
        background: transparent;
        color: #d6c9c9;
        font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
        font-size: 13px !important;
        font-weight: 700;
        line-height: 18px;
        text-decoration: none;
        text-shadow: 1px 2px 1px #111;
        white-space: nowrap;
        cursor: pointer;
        transition: color .15s ease, background .15s ease, border-color .15s ease;
}

.siteNavItem > a:hover,
.siteNavItem > a:focus-visible,
.siteNavButton:hover,
.siteNavButton:focus-visible,
.siteNavItem.is-open > .siteNavButton {
        color: #fff;
        background: #252b2e;
        border-bottom-color: #ba231c;
        outline: none;
}

.siteNavItem.navHome > a,
.siteNavItem.navRegister > a {
        color: #fff;
}

.siteNavItem.navHome > a {
        border-bottom-color: #ba231c;
}

.siteNavItem.navHome > a:hover,
.siteNavItem.navRegister > a:hover {
        background: #252b2e;
        color: #fff;
}

.siteNavItem > a > span::before,
.siteNavButton > span::before {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        margin-right: 6px;
        color: #e5e5e5;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        vertical-align: middle;
}

.siteNavItem.navHome > a > span::before { content: "⌂"; }
.siteNavItem.navRegister > a > span::before { content: "✓"; }
.siteNavItem.navNews > a > span::before { content: "▤"; }
.siteNavItem.navTos > a > span::before { content: "◇"; }
.siteNavItem.navGallery > .siteNavButton > span::before { content: "▧"; }
.siteNavItem.navAdmin > .siteNavButton > span::before { content: "⚙"; }
.siteNavItem.navSearch > a > span::before { content: "⌕"; font-size: 24px; }
.siteNavItem.navFaq > a > span::before { content: "?"; border: 2px solid #ddd; border-radius: 50%; width: 20px; height: 20px; line-height: 16px; font-size: 13px; }
.siteNavItem.navContact > a > span::before { content: "✉"; font-size: 18px; }
.siteAccountButton > span::before { content: "●"; font-size: 17px; }

.siteNavButton > i,
.siteAccountButton > i,
.siteNavLinks > i {
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-left: 2px;
        border-right: 2px solid #bbb;
        border-bottom: 2px solid #bbb;
        transform: rotate(45deg) translateY(-2px);
}

.siteNavDivider {
        width: 1px;
        height: 42px;
        margin: 0 8px;
        background: #454a4d;
}

.siteAccount {
        margin-left: auto;
}

.siteAccountButton {
        min-width: 184px;
        justify-content: flex-start;
        padding-left: 16px;
        padding-right: 16px;
}

.siteAccountButton > span::before {
        color: #f2f2f2;
        content: "●";
}

.siteDropdown {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        z-index: 10050;
        display: none;
        width: 230px;
        margin: 0;
        padding: 7px;
        box-sizing: border-box;
        list-style: none;
        background: #171b1d;
        border: 1px solid #4a4f52;
        border-top: 2px solid #ba231c;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 8px 20px rgba(0,0,0,.5);
}

.siteNavDropdown:hover > .siteDropdown,
.siteNavDropdown:focus-within > .siteDropdown,
.siteNavDropdown.is-open > .siteDropdown {
        display: block;
}

.siteDropdownWide {
        width: 230px;
}

.siteDropdown li {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
}

.siteDropdown li + li {
        border-top: 1px solid #2c3133;
}

.siteDropdown li > a,
.siteDropdown li > form > button {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 39px;
        padding: 8px 10px;
        box-sizing: border-box;
        border: 0;
        background: transparent;
        color: #d6c9c9;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px !important;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
        text-decoration: none;
        cursor: pointer;
}

.siteDropdown li > a:hover,
.siteDropdown li > a:focus-visible,
.siteDropdown li > form > button:hover,
.siteDropdown li > form > button:focus-visible,
.siteDropdown li.is-open > a {
        background: #272d30;
        color: #fff;
        outline: none;
}

.siteDropdown li > a span::before,
.siteDropdown li > form > button span::before {
        content: "•";
        width: 20px;
        margin-right: 6px;
        color: #ba231c;
        font-size: 16px;
        text-align: center;
}

.siteAccountDropdown {
        left: auto;
        right: 0;
        width: 220px;
}

.siteAccountLinks li.navStats a span::before { content: "▥"; }
.siteAccountLinks li.navImages a span::before { content: "▧"; }
.siteAccountLinks li.navGalleries a span::before { content: "▦"; }
.siteAccountLinks li.navSettings > a span::before { content: "⚙"; }
.siteAccountLinks li.logout > form > button span::before { content: "↪"; }

.siteAccountLinks li.logout {
        margin-top: 5px;
        border-top: 1px solid #454a4d;
}

.siteAccountLinks li.logout > form,
.siteLoginDropdown form {
        margin: 0;
}

.siteAccountLinks li.logout > form > button {
        color: #e44a44;
}

.siteNavItem.siteNavDropdown::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 9px;
        display: block;
}

.siteSubDropdown {
        position: absolute;
        top: -8px;
        left: calc(100% + 7px);
        display: none;
        width: 190px;
        margin: 0;
        padding: 7px;
        list-style: none;
        background: #171b1d;
        border: 1px solid #4a4f52;
        border-left: 2px solid #ba231c;
        border-radius: 7px;
        box-shadow: 0 8px 18px rgba(0,0,0,.45);
}

.siteNavDropdownInner:hover > .siteSubDropdown,
.siteNavDropdownInner:focus-within > .siteSubDropdown,
.siteNavDropdownInner.is-open > .siteSubDropdown {
        display: block;
}

.siteNavDropdownInner > a > i {
        margin-left: auto;
        width: 6px;
        height: 6px;
        border-right: 2px solid #bbb;
        border-bottom: 2px solid #bbb;
        transform: rotate(-45deg);
}

.siteLoginDropdown {
        width: 260px;
        padding: 12px;
}

.siteLoginDropdown form {
        display: block;
}

.siteLoginDropdown label {
        display: block;
        margin-bottom: 9px;
        color: #aaa;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: 700;
}

.siteLoginDropdown .form-field {
        width: 100%;
        min-height: 38px;
        margin: 4px 0 0;
        padding: 8px 10px;
        box-sizing: border-box;
        border: 1px solid #3d4346;
        border-radius: 5px;
        background: #22282b;
        color: #fff;
        box-shadow: inset 0 1px 3px rgba(0,0,0,.4);
}

.siteLoginSubmit,
.siteLoginForgot {
        display: block;
        width: 100%;
        min-height: 37px;
        box-sizing: border-box;
        margin-top: 8px;
        padding: 8px 10px;
        border-radius: 5px;
        text-align: center;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
        cursor: pointer;
}

.siteLoginSubmit {
        border: 1px solid #d13a34;
        background: #9d1715;
        color: #fff;
}

.siteLoginForgot {
        min-height: 0;
        color: #c7c7c7;
}

.siteLoginForgot:hover { color: #fff; }

.siteMenuToggle {
        display: none;
        margin-left: auto;
        width: 46px;
        height: 46px;
        padding: 0;
        border: 1px solid #3d4447;
        border-radius: 6px;
        background: #171b1d;
        color: #fff;
        cursor: pointer;
}

.siteMenuToggleIcon,
.siteMenuToggleIcon::before,
.siteMenuToggleIcon::after {
        display: block;
        width: 22px;
        height: 2px;
        margin: 0 auto;
        background: #d6c9c9;
        border-radius: 2px;
        content: "";
}

.siteMenuToggleIcon::before { transform: translateY(-7px); }
.siteMenuToggleIcon::after { transform: translateY(5px); }
.siteMenuToggleText { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

@media (max-width: 1050px) and (min-width: 761px) {
        .siteHeaderInner { width: calc(100% - 24px); gap: 8px; }
        .siteBrand { padding-right: 9px; }
        .siteBrand img { max-width: 230px; }
        .siteNavItem > a, .siteNavButton { padding-left: 8px; padding-right: 8px; font-size: 11px !important; }
        .siteNavItem > a > span::before, .siteNavButton > span::before { width: 18px; margin-right: 3px; }
        .siteAccountButton { min-width: 155px; }
}

@media (max-width: 760px) {
        .siteHeaderInner {
                width: 100%;
                min-height: 76px;
                padding: 8px 10px;
                gap: 8px;
        }

        .siteBrand {
                height: auto;
                padding: 0;
                border-right: 0;
        }

        .siteBrand img {
                max-width: min(245px, calc(100vw - 80px));
                max-height: 58px;
        }

        .siteMenuToggle {
                display: block;
                flex: 0 0 46px;
                position: relative;
                z-index: 10060;
        }

        .siteNavigation {
                position: absolute;
                left: 0;
                right: 0;
                top: 100%;
                display: none;
                padding: 7px 10px 10px;
                box-sizing: border-box;
                background: #171b1d;
                border-top: 1px solid #3a3f42;
                border-bottom: 2px solid #ba231c;
                box-shadow: 0 8px 18px rgba(0,0,0,.45);
        }

        .siteNavigation.is-open { display: block; }

        .siteNavigationList {
                display: block;
        }

        .siteNavItem,
        .siteAccount {
                display: block;
                width: 100%;
                margin: 0;
        }

        .siteNavItem > a,
        .siteNavButton {
                display: flex;
                width: 100%;
                min-height: 45px;
                justify-content: flex-start;
                padding: 8px 12px;
                border-bottom: 1px solid #2e3437;
                border-radius: 0;
                background: transparent;
                font-size: 13px !important;
        }

        .siteNavItem > a:hover,
        .siteNavItem > a:focus-visible,
        .siteNavButton:hover,
        .siteNavButton:focus-visible,
        .siteNavItem.is-open > .siteNavButton {
                background: #252b2e;
                border-bottom-color: #ba231c;
        }

        .siteNavDivider {
                width: 100%;
                height: 1px;
                margin: 6px 0;
        }

        .siteNavItem.siteNavDropdown::after { display: none; }

        .siteDropdown,
        .siteAccountDropdown,
        .siteSubDropdown {
                position: static;
                display: none;
                width: 100%;
                margin: 0;
                padding: 4px 0 4px 16px;
                box-sizing: border-box;
                border: 0;
                border-left: 2px solid #ba231c;
                border-radius: 0;
                box-shadow: none;
                background: #131719;
        }

        .siteNavDropdown.is-open > .siteDropdown,
        .siteNavDropdown:focus-within > .siteDropdown {
                display: block;
        }

        .siteSubDropdown {
                padding-left: 12px;
        }

        .siteNavDropdownInner.is-open > .siteSubDropdown,
        .siteNavDropdownInner:focus-within > .siteSubDropdown {
                display: block;
        }

        .siteAccountButton {
                min-width: 0;
        }

        .siteAccountDropdown {
                padding: 5px 0 5px 16px;
        }

        .siteLoginDropdown {
                padding: 10px 10px 10px 16px;
        }

        .siteLoginDropdown form {
                max-width: 360px;
        }
}

/* PICTAP 2026 - Step173: odstep pod headerem + poprawione menu Ustawienia + nick uzytkownika. */
.siteHeader {
        margin-bottom: 14px;
}

.siteNavDropdownInner > .siteSubmenuButton {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 38px;
        margin: 0;
        padding: 8px 10px;
        border: 0;
        background: transparent;
        color: #d6c9c9;
        font: inherit;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
        text-decoration: none;
        cursor: pointer;
}

.siteNavDropdownInner > .siteSubmenuButton:hover,
.siteNavDropdownInner > .siteSubmenuButton:focus-visible,
.siteNavDropdownInner.is-open > .siteSubmenuButton {
        background: #252b2e;
        color: #fff;
        outline: none;
}

.siteNavDropdownInner > .siteSubmenuButton > i {
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-left: 10px;
        border-right: 2px solid #bbb;
        border-bottom: 2px solid #bbb;
        transform: rotate(-45deg);
}

.siteNavDropdownInner.is-open > .siteSubmenuButton > i {
        transform: rotate(45deg);
}

@media (max-width: 760px) {
        .siteHeader {
                margin-bottom: 14px;
        }

        .siteNavDropdownInner > .siteSubmenuButton {
                min-height: 45px;
                padding: 8px 12px;
                border-bottom: 1px solid #2e3437;
                border-radius: 0;
                background: transparent;
                font-size: 13px !important;
        }

        .siteNavDropdownInner > .siteSubmenuButton:hover,
        .siteNavDropdownInner > .siteSubmenuButton:focus-visible,
        .siteNavDropdownInner.is-open > .siteSubmenuButton {
                background: #252b2e;
                border-bottom-color: #ba231c;
        }

        .siteSubDropdown {
                margin-left: 0;
        }
}


/* ============================================================
   PICTAP 2026 - Step174
   UPLOAD / REMOTE - minimalistyczny przełącznik z linią aktywnej pozycji
   ============================================================ */
.indexPage .indexUploadMenu {
        overflow: hidden;
        background: linear-gradient(to bottom, #323232 0%, #2a2a2a 50%, #212121 100%);
        border: 1px solid #181b1d;
        border-radius: 8px;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.indexPage .indexUploadMenuRight {
        float: none;
        width: 100%;
        margin: 0;
}

.indexPage .indexUploadMenuRight p {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 0;
}

.indexPage a.boxUploadn {
        position: relative;
        display: flex;
        flex: 1 1 50%;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 50%;
        min-width: 0;
        height: 64px;
        line-height: 1;
        box-sizing: border-box;
        border: 0;
        color: #f3f3f3;
        background: transparent;
        text-decoration: none;
        text-shadow: 1px 2px 1px #151515;
        transition: color 0.18s ease, background-color 0.18s ease;
}

.indexPage a.boxUploadn::before {
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        line-height: 1;
        font-weight: 400;
        color: #e7e7e7;
        transition: color 0.18s ease, transform 0.18s ease;
}

.indexPage #boxUpload::before {
        content: '↑';
}

.indexPage #boxRemote::before {
        content: '↗';
}

.indexPage a.boxUploadn::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 3px;
        border-radius: 3px 3px 0 0;
        background: #ba231c;
        transform: translateX(-50%);
        transition: width 0.22s ease;
}

/* menuNoActivBut oznacza pozycję nieaktywną; brak klasy = aktywna */
.indexPage a.boxUploadn:not(.menuNoActivBut) {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.025);
}

.indexPage a.boxUploadn:not(.menuNoActivBut)::before {
        color: #ffffff;
        transform: translateY(-1px);
}

.indexPage a.boxUploadn:not(.menuNoActivBut)::after,
.indexPage a.boxUploadn:hover::after,
.indexPage a.boxUploadn:focus-visible::after {
        width: 72%;
}

.indexPage a.boxUploadn:hover,
.indexPage a.boxUploadn:focus-visible {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.045);
        outline: none;
}

.indexPage a.boxUploadn:hover::before,
.indexPage a.boxUploadn:focus-visible::before {
        color: #ffffff;
        transform: translateY(-1px);
}

@media (max-width: 760px) {
        .indexPage .indexUploadMenu {
                border-radius: 7px;
        }

        .indexPage a.boxUploadn {
                height: 54px;
                line-height: 1;
                gap: 6px;
                font-size: 13px;
        }

        .indexPage a.boxUploadn::before {
                font-size: 19px;
        }

        .indexPage a.boxUploadn:not(.menuNoActivBut)::after,
        .indexPage a.boxUploadn:hover::after,
        .indexPage a.boxUploadn:focus-visible::after {
                width: 68%;
        }
}

/* PICTAP 2026 - Step176: poprawiona kompaktowa belka Opcji uploadu.
   Uzywa istniejacych obrazkow settings.png oraz ikon zapisu/odczytu cookie.
   Nadpisuje stare reguly #opcje/opcjeLeft/opcjeRight bez zmiany HTML. */
.indexPage #opcje {
        overflow: hidden;
}

.indexPage #opcje .indexOptionsIcon {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        float: none !important;
        width: 46px !important;
        height: 42px !important;
        min-height: 0 !important;
        max-width: none !important;
        padding: 5px !important;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
}

.indexPage #opcje .indexOptionsIcon img {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 !important;
        object-fit: contain;
}

.indexPage #opcje .indexOptionsBody {
        position: relative;
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-width: 0;
        margin: 0 !important;
        padding: 0 8px 8px !important;
        box-sizing: border-box;
}

.indexPage #opcje .indexOptionsHeader {
        position: relative;
        min-height: 42px;
        height: 42px;
        margin: 0 0 8px;
        padding: 0 46px 0 46px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        border: 0;
        border-bottom: 1px solid #d5d8da;
        border-radius: 5px 5px 0 0;
        background: linear-gradient(to bottom, #e9e9e9 0%, #dcdcdc 100%);
}

.indexPage #opcje .indexOptionsHeader > div:first-child {
        min-width: 0;
}

.indexPage #opcje .indexOptionsHeader strong {
        display: block;
        margin: 0;
        color: #3d4144;
        font-size: 12px;
        line-height: 1.1;
        white-space: nowrap;
}

.indexPage #opcje .indexOptionsHeader span {
        display: none;
}

.indexPage #opcje #settings {
        position: absolute;
        z-index: 4;
        top: 5px;
        right: 7px;
        width: 32px;
        height: 32px;
}

.indexPage #opcje .indexSettingsSave img {
        width: 27px;
        height: 27px;
        display: block;
}

@media (max-width: 760px) {
        .indexPage #opcje .indexOptionsIcon {
                width: 40px !important;
                height: 38px !important;
                padding: 4px !important;
        }

        .indexPage #opcje .indexOptionsIcon img {
                width: 27px;
                height: 27px;
        }

        .indexPage #opcje .indexOptionsBody {
                padding: 0 6px 6px !important;
        }

        .indexPage #opcje .indexOptionsHeader {
                min-height: 38px;
                height: 38px;
                margin-bottom: 6px;
                padding-left: 40px;
                padding-right: 40px;
        }

        .indexPage #opcje .indexOptionsHeader strong {
                font-size: 10px;
        }

        .indexPage #opcje #settings {
                top: 3px;
                right: 5px;
                width: 30px;
                height: 30px;
        }

        .indexPage #opcje .indexSettingsSave img {
                width: 25px;
                height: 25px;
        }
}

/* PICTAP 2026 - Step177: dopasowanie belki Opcje uploadu i usuniecie
   zewnetrznych ramek fieldset bez zmiany pol formularza. */
.indexPage #opcje .indexOptionsHeader {
        width: calc(100% + 16px);
        margin-left: -8px;
        margin-right: -8px;
}

.indexPage #opcje fieldset {
        border: 0 !important;
}

@media (max-width: 760px) {
        .indexPage #opcje .indexOptionsHeader {
                width: calc(100% + 12px);
                margin-left: -6px;
                margin-right: -6px;
        }
}

/* PICTAP 2026 - Step178: usuniecie zewnetrznej ramki sekcji Zmiana rozmiaru
   i Maksymalna waga pliku wynikowego. Pozostaja tylko wewnetrzne pola. */
.indexPage .indexDimensions {
        margin-top: 10px;
        padding: 0;
        border: 0 !important;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
}

.indexPage .indexDimensions legend {
        display: block;
        width: auto;
        margin: 0 0 6px;
        padding: 0;
        border: 0;
        background: transparent;
}

@media (max-width: 760px) {
        .indexPage .indexDimensions {
                margin-top: 7px;
                padding: 0;
        }

        .indexPage .indexDimensions legend {
                margin-bottom: 5px;
        }
}

/* PICTAP 2026 - Step 179: wymiary niestandardowe w jednej linii na mobile. */
.indexPage #customDimensions {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
}

.indexPage #customDimensionsHint,
.indexPage #resizeHint {
        grid-column: 1 / -1;
        width: 100%;
        box-sizing: border-box;
}

@media (max-width: 760px) {
        .indexPage #customDimensions {
                grid-column: 1 / -1;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 6px;
        }

        .indexPage #customDimensionsHint,
        .indexPage #resizeHint {
                grid-column: 1 / -1;
                width: 100%;
        }
}

/* PICTAP 2026 - download links for image variants */
.uploadDownloadLink {
    display:inline-block;
    font-weight:700;
    text-decoration:none;
}
.uploadDownloadLink:hover,
.uploadDownloadLink:focus {
    text-decoration:underline;
}