/* csak appban töltődik be (index.php, $appToken !== null), a style.css után */
/* értékek: iOS 1.4.0 dizájn — piros #CF112D, lista háttér #F2F2F7, oldalt 16px */

/* Zustell étlap banner (pages/menu.php): lekerekítve, mint a Neu kártyák */
#menubanner img{
    border-radius: 22px;
}

/* Mein Konto (pages/kunde.php): csoportos lista, mint az app Info menüje */
.konto{
    background-color: #F2F2F7;
    min-height: 100vh;
    padding: 16px 16px calc(24px + env(safe-area-inset-bottom));
    font-family: "nimbus-sans",texgyreheros,Helvetica,Arial,sans-serif;
}
.konto-name{
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #000;
    margin: 4px 16px 0;
}
.konto-group-title{
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #6D6D72;
    margin: 22px 16px 6px;
}
.konto-group{
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
}
.konto-group-last{
    margin-top: 32px;
}
.konto-row,
.konto-row:hover,
.konto-row:focus,
.konto-row:visited{
    position: relative;
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0 12px 0 16px;
    font-size: 17px;
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
.konto-row:active{
    background-color: #E5E5EA;
}
/* belső elválasztó, az ikon után kezdődik */
.konto-row + .konto-row::before{
    content: "";
    position: absolute;
    top: 0;
    left: 52px;
    right: 0;
    border-top: 0.5px solid #C6C6C8;
}
.konto-icon{
    flex: none;
    width: 22px;
    height: 22px;
    margin-right: 14px;
    fill: #CF112D;
}
.konto-label{
    flex: 1;
    min-width: 0;
}
.konto-chevron{
    flex: none;
    width: 20px;
    height: 20px;
    fill: #C4C4C7;
}
.konto-row-danger,
.konto-row-danger:hover,
.konto-row-danger:focus,
.konto-row-danger:visited{
    color: #CF112D;
}

/* az általános a:link{color:Black} (style.css) ellen */
.konto a.konto-row-danger:link,.konto a.konto-row-danger:visited,.konto a.konto-row-danger:focus,.konto a.konto-row-danger:active{
    color: #CF112D;
}

/* .kk oldalak (Kundenkarte, Help, Lokale): appban lekerekített, mint az app natív képernyői
   (a style.css-ben a webes, sarkos-árnyékos alapértékek vannak) */
.kk{
    --kk-bg: #F2F2F7;
    --kk-r-xl: 22px;
    --kk-r-lg: 18px;
    --kk-r-md: 12px;
    --kk-shadow: none;
    --kk-shadow-list: 0 2px 8px rgba(0,0,0,0.08);
}