/* DESIGN SYSTEM APPLE MODERN */
.modern-dashboard {
    background-color: #f5f5f7 !important;
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* HERO SECTION */
.hero-modern {
    height: 400px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    color: white;
    border-radius: 0 0 40px 40px;
    margin-bottom: -60px;
}
.hero-text h1 { font-size: 48px; font-weight: 700; margin: 10px 0; letter-spacing: -1px; }
.breadcrumb-apple { font-size: 13px; font-weight: 600; color: #0071e3; text-transform: uppercase; }

/* GRID LAYOUT */
.main-content { padding-bottom: 100px; }
.apple-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 25px;
}
.group-title { font-size: 22px; font-weight: 600; color: #1d1d1f; margin-bottom: 25px; }

/* CARTES LOOK APPLE (GLASSMORPHISM) */
.apple-card-modern {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    transition: all 0.3s cubic-bezier(0,0,0.5,1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.apple-card-modern:hover {
    transform: translateY(-8px);
    background: white !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* DETAILS CARTE */
.card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.badge-status { background: #e3f9e5; color: #1f8b24; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; }
.ref-id { font-size: 11px; color: #86868b; font-weight: 600; }

.apple-card-modern h3 { font-size: 20px; font-weight: 600; color: #1d1d1f; margin: 10px 0; }
.card-details { font-size: 14px; color: #424245; line-height: 1.6; }

/* BOUTONS */
.card-action-bar { margin-top: 25px; }
.btn-apple-main {
    display: block; width: 100%; text-align: center;
    background: #0071e3; color: white !important;
    padding: 12px; border-radius: 14px; text-decoration: none !important;
    font-weight: 500; font-size: 14px;
}
.btn-apple-sub {
    display: block; width: 100%; text-align: center;
    background: #f5f5f7; color: #1d1d1f !important;
    padding: 12px; border-radius: 14px; text-decoration: none !important;
    font-weight: 500; font-size: 14px;
}

/* LICENCE ICON */
.licence-icon { font-size: 32px; margin-bottom: 10px; }