
/* Nowa zakładka 20mm - modyfikacje layoutu */
.sheet{
width:calc(163mm * var(--px-per-mm)) !important;
}
.sheet-wrapper{
min-width:calc(163mm * var(--px-per-mm)) !important;
}

/* Nowa zakładka */
.zone-tab{
left:0;
top:0;
width:calc(15mm * var(--px-per-mm));
height:calc(105mm * var(--px-per-mm));
background:rgba(255,100,255,.05);
position:absolute;
outline:1px dashed rgba(99,208,255,.3);
z-index:2;
}

/* Przesunięte pozycje dla spine */
.zone-spine{
left:calc(15mm * var(--px-per-mm)) !important;
}
.spine-text{
left:calc(22mm * var(--px-per-mm)) !important;
}
.spine-logo{
left:calc(22mm * var(--px-per-mm)) !important;
}
.spine-set-number{
left:calc(22mm * var(--px-per-mm)) !important;
}
.spine-set-number-label{
left:calc(22mm * var(--px-per-mm)) !important;
}
.safe-spine{
left:calc(16.5mm * var(--px-per-mm)) !important;
}

/* Przesunięte pozycje dla front */
.zone-front{
left:calc(29mm * var(--px-per-mm)) !important;
}
.front-title{
left:calc(31mm * var(--px-per-mm)) !important;
}
.front-side{
left:calc(31mm * var(--px-per-mm)) !important;
}
.front-table{
left:calc(31mm * var(--px-per-mm)) !important;
}
.safe-front{
left:calc(30.5mm * var(--px-per-mm)) !important;
}

/* Przesunięte pozycje dla back */
.zone-back{
left:calc(96mm * var(--px-per-mm)) !important;
}
.back-side{
left:calc(98mm * var(--px-per-mm)) !important;
}
.back-table{
left:calc(98mm * var(--px-per-mm)) !important;
}
.safe-back{
left:calc(97.5mm * var(--px-per-mm)) !important;
}

/* Linia oddzielająca zakładkę */
.tab-separator{
position:absolute;
left:calc(15mm * var(--px-per-mm));
top:0;
width:1px;
height:calc(105mm * var(--px-per-mm));
border-left:calc(0.3mm * var(--px-per-mm)) dashed #000;
z-index:5;
}

/* Aktualizacja dla print media */
@media print{
.sheet{
width:163mm !important;
}
}
