/* Portada Mi Dasaqi. No modifica formularios ni estados de autenticación. */
.dash-profile-status { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:24px 0 34px; padding:25px; border:1px solid var(--du-border); border-radius:20px; background:var(--du-surface); }
.dash-profile-status h2 { font-size:21px; color:var(--du-text); margin:8px 0; }
.dash-profile-status p { font-size:14px; color:var(--du-muted); line-height:1.6; margin:0 0 12px; }
.dash-profile-status small { display:block; max-width:620px; color:var(--du-muted); font-size:11px; line-height:1.6; }
.dash-profile-status .dash-button { flex-shrink:0; }
.dash-profile-checks { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0 0 12px; }
.dash-profile-checks li { border:1px solid var(--du-border); border-radius:20px; padding:5px 10px; font-size:11px; color:var(--du-muted); }
.dash-profile-checks .is-complete { color:#bee6cc; border-color:#8acc9f55; }
.dash-available-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.dash-available-grid .dash-link-card { display:flex; flex-direction:column; }
.dash-state { font-size:10px; color:var(--du-gold-light); border:1px solid #d6a12a44; border-radius:14px; padding:4px 8px; }
.dash-card-action { display:block; font-size:12px; color:var(--du-gold-light); margin-top:auto; padding-top:18px; }
.dash-directory-link { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 25px; margin:20px 0 36px; border:1px solid #24c4f433; border-radius:18px; background:#24c4f408; color:var(--du-text)!important; }
.dash-directory-link small { display:block; color:var(--du-muted); padding-top:5px; }
.dash-upcoming-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.dash-upcoming-grid a { padding:18px 20px; border:1px solid var(--du-border); border-radius:16px; color:var(--du-text); }
.dash-upcoming-grid a:hover { border-color:var(--du-gold); }
.dash-upcoming-grid strong,.dash-upcoming-grid span,.dash-upcoming-grid small { display:block; }
.dash-upcoming-grid span { font-size:12px; color:var(--du-muted); margin:5px 0 10px; }
.dash-upcoming-grid small { font-size:10px; color:var(--du-gold-light); }
@media(max-width:1180px) { .dash-available-grid { grid-template-columns:1fr; } }
@media(max-width:600px) { .dash-profile-status { align-items:flex-start; flex-direction:column; padding:20px; } .dash-profile-status .dash-button { width:100%; justify-content:center; } .dash-upcoming-grid { grid-template-columns:1fr; } .dash-profile-checks { flex-direction:column; align-items:flex-start; } }