/* Acasa (Views/Home/Index): tile-urile modulelor, grupate (Zilnic, Hotel, Birou, Externe). Peste .a-tile din aplicatie.css.
   Laptop / tableta: tile-uri pe coloane; Birou si Externe alaturate. Telefon (< 600px): fiecare tile e un rand (icon, titlu, sageata). */

.ac-grupuri {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
    gap: 24px 16px;
}
.ac-grup--zilnic, .ac-grup--hotel { grid-column: 1 / -1; }
.ac-grup { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
body.aplicatie .ac-grup__titlu {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--t-cerneala-slaba);
    text-transform: uppercase;
    letter-spacing: .4px;
}
.ac-tile-uri { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.ac-tile { min-height: 0; gap: 8px; }
.ac-tile__cap { display: flex; align-items: center; gap: 14px; }
.ac-tile .ac-tile__sageata { display: none; }
.ac-extern { background: var(--t-gri-fundal); color: var(--t-gri); }

@media (max-width: 599px) {
    .ac-grupuri { gap: 20px; }
    .ac-tile-uri { grid-template-columns: 1fr; gap: 10px; }
    .ac-tile { flex-direction: row; align-items: center; gap: 12px; min-height: 72px; padding: 12px 14px; border-width: 2px; }
    .ac-tile__cap { flex: 1 1 auto; min-width: 0; gap: 12px; }
    .ac-tile .a-tile__icon { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px; font-size: 20px; }
    .ac-tile .a-tile__titlu { min-width: 0; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .ac-tile .a-tile__rezumat { display: none; }
    .ac-tile .ac-tile__sageata { display: inline-block; flex: 0 0 auto; color: var(--t-cerneala-slaba); }
}