.main .header {
    
    grid-column:1 ;
    display:grid; grid-template-columns:64px auto; gap:4px}
.main .header .title {font-size:28px; font-weight:bold}
.main .header .subtitle {font-size:12px;}
.main .header img {width:55px; height:55px;}

.header, .footer {
    padding:4px;
    align-content: center;
    align-items:center;
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0  100%);
}

.dialog-title {
    background-image: linear-gradient(to top, #cfd9df 50%, #e2ebf0 50%);
    
    font-weight:bold;
    color:#000000;
}