/* Mon Espace (frontend) — v1.8.0 */
.dar-mon-espace{max-width:1100px;margin:24px auto;padding:0 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a}
.dar-mon-espace__header{margin-bottom:14px}
.dar-mon-espace__title{font-size:22px;font-weight:800;letter-spacing:-0.02em}
.dar-mon-espace__hello{font-size:14px;color:#475569;margin-top:2px}
.dar-mon-espace__nav{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px;margin-bottom:16px}
.dar-mon-espace__nav a{display:inline-flex;text-decoration:none;color:#0f172a;font-weight:800;font-size:13px;padding:10px 12px;border-radius:12px;border:1px solid transparent}
.dar-mon-espace__nav a:hover{background:#f8fafc;border-color:#e2e8f0}
.dar-mon-espace__nav a.is-active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}
.dar-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.dar-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}
.dar-card__label{font-size:12px;color:#64748b;font-weight:800}
.dar-card__value{font-size:22px;font-weight:900;margin-top:6px}
.dar-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}
.dar-panel__title{font-size:16px;font-weight:900;margin-bottom:10px}
.dar-panel__row{display:flex;gap:12px;align-items:center;justify-content:space-between}
.dar-panel__pct{font-weight:900}
.dar-panel__actions{margin-top:14px}
.dar-panel__actions--top{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.dar-progress{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.dar-progress__bar{height:100%;background:#0ea5e9;border-radius:999px}
.dar-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 12px;border:1px solid #0ea5e9;background:#0ea5e9;color:#fff;text-decoration:none;font-weight:900;font-size:13px}
.dar-btn--ghost{background:#fff;color:#0f172a;border-color:#e2e8f0}
.dar-btn--wa{background:#25D366;border-color:#25D366}
.dar-btn--wa-empty{background:#fff;color:#16a34a;border-color:#86efac}
.dar-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:18px;color:#475569;font-weight:800}

.dar-task-cards{display:grid;grid-template-columns:1fr;gap:12px}
.dar-task-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}
.dar-task-card__top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.dar-task-card__uid{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:900}
.dar-task-card__title{font-weight:900;font-size:15px;margin-bottom:10px}
.dar-task-card__meta{display:grid;gap:6px;font-size:13px}
.dar-task-card__meta span{color:#64748b;font-weight:800;margin-right:6px}
.dar-task-card__progress{display:flex;align-items:center;gap:10px;margin-top:12px}
.dar-task-card__pct{font-weight:900;min-width:44px;text-align:right}
.dar-task-card__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

.dar-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;border:1px solid #e2e8f0}
.dar-badge--neutral{background:#f8fafc;color:#334155}
.dar-badge--blue{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}
.dar-badge--amber{background:#fffbeb;color:#92400e;border-color:#fde68a}
.dar-badge--green{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}

.dar-task-single__top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.dar-task-single__uid{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:900}
.dar-task-single__title{margin:6px 0 14px 0;font-size:18px;font-weight:900}
.dar-task-single__grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px}
.dar-task-single__grid span{color:#64748b;font-weight:800}
.dar-task-single__grid strong{display:block;margin-top:2px}
.dar-task-single__desc{margin-top:12px}
.dar-task-single__label{font-weight:900;margin-bottom:6px}

.dar-profile{display:grid;gap:10px;margin-bottom:14px}
.dar-profile__row{display:flex;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;border-radius:14px;padding:12px}
.dar-profile__label{color:#64748b;font-weight:900;font-size:13px}
.dar-profile__value{font-weight:900;font-size:13px}
.dar-form__label{display:block;font-weight:900;margin:8px 0 6px 0}
.dar-form__input{width:100%;max-width:420px;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;font-size:14px}
.dar-form__help{font-size:12px;color:#64748b;margin:6px 0 12px 0;font-weight:800}
.dar-section-title{margin:16px 0 10px 0;font-size:14px;font-weight:900}
.dar-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dar-gallery__item{display:block;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}
.dar-gallery__item img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:1/1}
.dar-files{margin:0;padding-left:18px}
.dar-files li{margin:6px 0}
.dar-files a{font-weight:900;color:#0ea5e9;text-decoration:none}
.dar-files a:hover{text-decoration:underline}

@media (min-width: 768px){
  .dar-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dar-task-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dar-task-single__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dar-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* Connexion (frontend) */
.dar-login{max-width:520px;margin:24px auto;padding:16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.dar-login__title{margin:0 0 12px 0;font-size:18px;font-weight:900}
.dar-login__error{margin:0 0 12px 0;padding:10px 12px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-weight:800}
.dar-login__label{display:block;font-weight:900;margin:10px 0 6px 0}
.dar-login__input{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;font-size:14px}
.dar-login__btn{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 12px;border:1px solid #0ea5e9;background:#0ea5e9;color:#fff;text-decoration:none;font-weight:900;font-size:13px;cursor:pointer}


.dar-user-note{border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;margin:10px 0;background:#f8fafc}
.dar-user-note__date{font-size:12px;color:#64748b;font-weight:900;margin-bottom:6px}
.dar-user-note__text{font-size:13px;font-weight:700;color:#0f172a}


/* App shell (router) */
.dar-gdt-app{background:#f4f6f9;margin:0}
.dar-gdt-app__wrap{max-width:1100px;margin:0 auto;padding:16px}

.dar-task-card__unread{margin:6px 0 0 0;font-size:12px;display:flex;align-items:center;gap:6px}


/* Lang switch (desktop only) */
.dar-mon-espace__nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dar-lang__btn{display:inline-block;padding:6px 10px;border:1px solid #d0d7de;border-radius:999px;text-decoration:none;font-weight:600;font-size:12px;line-height:1}
.dar-lang__btn:hover{background:#f6f8fa}
.dar-lang__btn.is-active{background:#0b5fff;color:#fff;border-color:#0b5fff}

/* RTL support when lang=ar */
.dar-lang-ar{direction:rtl}
.dar-lang-ar .dar-mon-espace__nav{direction:ltr} /* keep nav layout stable */
.dar-lang-ar .dar-task-single__grid{direction:rtl}



/* Task types badges */
.dar-task-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dar-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0}
.dar-lang-ar .dar-task-types{justify-content:flex-end}

.dar-task-types__label{font-size:12px;font-weight:900;color:#64748b;margin-right:4px}
.dar-lang-ar .dar-task-types__label{margin-right:0;margin-left:4px}