/* RenfortPro v89.12 — finitions mission du jour / gestion mission / workflow */

/* ------------------------------------------------------------------
   Tableau de bord — « Ma mission du jour » : hiérarchie simple et centrée.
   ------------------------------------------------------------------ */
#dashboardPremium #rpDashToday .rpDashMissionCopy{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  padding:21px 24px 20px!important;
}
#dashboardPremium #rpDashToday .rpDashMissionHead{
  flex:0 0 auto;
  align-items:center!important;
  min-height:32px;
}
#dashboardPremium #rpDashToday .rpDashMissionHead h2{
  font-size:19px!important;
  line-height:1.15!important;
  letter-spacing:-.015em;
}
#dashboardPremium #rpDashToday .rpDashMissionHead>span{
  min-height:29px;
  display:inline-flex;
  align-items:center;
  padding:0 12px!important;
  font-size:9px!important;
}
#dashboardPremium #rpDashToday .rpDashMissionMain8912{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:14px 0 60px;
  max-width:72%;
}
#dashboardPremium #rpDashToday .rpDashMissionMain8912 h3{
  margin:0 0 11px!important;
  font-size:28px!important;
  line-height:1.04!important;
  letter-spacing:-.025em;
  color:#fff!important;
  text-shadow:0 3px 16px rgba(0,25,55,.22);
}
#dashboardPremium #rpDashToday .rpDashMissionMeta8912{
  display:flex;
  flex-wrap:wrap;
  gap:7px 13px;
  align-items:center;
  color:rgba(240,248,255,.92);
}
#dashboardPremium #rpDashToday .rpDashMissionMeta8912 span{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
}
#dashboardPremium #rpDashToday .rpDashMissionActions{
  left:24px!important;
  right:22px!important;
  bottom:20px!important;
}

/* ------------------------------------------------------------------
   « Gérer la mission » — vrai panneau premium RenfortPro.
   ------------------------------------------------------------------ */
#rpMissionManageModal8888 .rpMissionManageModal8883{
  width:min(650px,calc(100vw - 28px))!important;
  max-height:min(88vh,760px)!important;
  overflow:auto!important;
  border:1px solid rgba(116,164,203,.25)!important;
  border-radius:24px!important;
  background:#f8fcff!important;
  box-shadow:0 30px 90px rgba(11,48,83,.28)!important;
}
#rpMissionManageModal8888 .modalHead{
  position:relative;
  margin:0!important;
  padding:24px 26px 21px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 92% -15%,rgba(255,153,84,.34),transparent 42%),
    linear-gradient(135deg,#07386d 0%,#0a568e 100%)!important;
  border:0!important;
}
#rpMissionManageModal8888 .modalHead .kicker{color:#a9d8f7!important}
#rpMissionManageModal8888 .modalHead h2{margin:5px 0 5px!important;color:#fff!important;font-size:28px!important;letter-spacing:-.025em}
#rpMissionManageModal8888 .modalHead p{margin:0!important;color:rgba(239,248,255,.78)!important;font-size:11px!important}
#rpMissionManageModal8888 .modalHead .close{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.25)!important;
  background:rgba(255,255,255,.10)!important;
  border-radius:50%!important;
}
#rpMissionManageBody8888{padding:19px!important}
.rpManageHero8912{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  padding:17px;
  border:1px solid #dbe9f5;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f1f8fe);
  box-shadow:0 10px 30px rgba(38,93,142,.07);
}
.rpManageHeroMark8912{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  color:#fff;font-size:12px;font-weight:900;letter-spacing:.03em;
  background:linear-gradient(145deg,#0b5c9d,#07386d);
  box-shadow:0 8px 18px rgba(7,56,109,.20);
}
.rpManageHero8912 small,.rpManageState8912 small{display:block;color:#66839e;font-size:8px;font-weight:900;letter-spacing:.13em}
.rpManageHero8912 h3{margin:3px 0 4px!important;color:#143c63;font-size:19px!important;line-height:1.15}
.rpManageHero8912 p{margin:0!important;color:#74889b!important;font-size:9px!important;line-height:1.4}
.rpManageStatus8912{
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  min-height:30px;padding:0 11px;border-radius:999px;
  background:#fff0e7;color:#cc5c1b;border:1px solid #ffd2ba;
  font-size:9px;font-weight:900;
}
.rpManageState8912{
  display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;
  margin-top:12px;padding:13px 15px;border-radius:14px;background:#eaf5fd;border:1px solid #d5e8f6;
}
.rpManageState8912 small{grid-column:1/-1}
.rpManageState8912 b{font-size:12px;color:#123f68}
.rpManageState8912 span{font-size:9px;color:#678098;font-weight:700}
.rpManageNotice8912{
  display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;
  margin-top:12px;padding:13px 14px;border-radius:14px;
  background:#fff7f0;border:1px solid #ffe0ca;
}
.rpManageNotice8912>span{width:28px;height:28px;border-radius:9px;background:#ff7a2f;color:#fff;display:grid;place-items:center;font-weight:900}
.rpManageNotice8912 b{display:block;color:#613216;font-size:10px;margin:1px 0 3px}
.rpManageNotice8912 p{margin:0!important;color:#8a624b!important;font-size:9px!important;line-height:1.45!important}
#rpMissionManageModal8888 .rpManageActions8912{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:9px!important;
  margin-top:14px!important;
}
#rpMissionManageModal8888 .rpManageActions8912 button{
  min-height:46px!important;
  width:100%!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:0 14px!important;border-radius:13px!important;
  border:1px solid #d8e5f0!important;background:#fff!important;color:#244c71!important;
  font-size:10px!important;font-weight:850!important;box-shadow:0 5px 16px rgba(42,82,120,.05)!important;
}
#rpMissionManageModal8888 .rpManageActions8912 button i{font-style:normal;font-size:15px;opacity:.75}
#rpMissionManageModal8888 .rpManageActions8912 .rpManagePrimary8912{
  grid-column:1/-1;
  background:linear-gradient(135deg,#07386d,#176ca9)!important;color:#fff!important;border-color:transparent!important;
  box-shadow:0 11px 25px rgba(7,56,109,.20)!important;
}
#rpMissionManageModal8888 .rpManageActions8912 button.danger{
  color:#a8462c!important;background:#fff8f5!important;border-color:#f4d6ca!important;
}

/* Messagerie : l'action de remplacement doit être lisible sans devenir agressive. */
#messages .missionOpsActions888 .rpReleaseProfessional8912{
  border-color:#f3bca8!important;
  color:#b94c29!important;
  background:#fff8f5!important;
}

@media(max-width:700px){
  #dashboardPremium #rpDashToday .rpDashMissionMain8912{max-width:86%;padding-bottom:72px}
  #dashboardPremium #rpDashToday .rpDashMissionMain8912 h3{font-size:23px!important}
  #rpMissionManageModal8888 .rpManageActions8912{grid-template-columns:1fr}
  #rpMissionManageModal8888 .rpManageActions8912 .rpManagePrimary8912{grid-column:auto}
  .rpManageHero8912{grid-template-columns:40px minmax(0,1fr)}
  .rpManageStatus8912{grid-column:1/-1;justify-self:start}
}