/* =====================================================================
   GaliVue V5.1.156 — UNIFIED LEAVE-PROJECT DIALOG

   Presentation owner for the shared New Project / Current Project leave
   confirmation.  One geometry for EN / FR / ES / DE, one action hierarchy,
   no language-specific half-width action.  Runtime/business logic unchanged.
   ===================================================================== */

/* Programmatic dialog focus belongs to the panel, not an action button.
   The panel itself is intentionally not painted as a selected control. */
#confirmDialog.gv3917-leave-dialog .confirm-panel:focus{
  outline:none!important;
  box-shadow:0 34px 90px rgba(22,20,15,.24)!important;
}

/* One shared content geometry on desktop for every supported language. */
@media (min-width:1101px){
  html[data-language] #confirmDialog.gv3917-leave-dialog .confirm-panel,
  #confirmDialog.gv3917-leave-dialog .confirm-panel{
    width:min(720px,94vw)!important;
  }
}

/* Tablet keeps a deliberate compact panel, identical across languages. */
@media (min-width:701px) and (max-width:1100px){
  html[data-language] #confirmDialog.gv3917-leave-dialog .confirm-panel,
  #confirmDialog.gv3917-leave-dialog .confirm-panel{
    width:min(680px,calc(100vw - 32px))!important;
  }
}

/* Natural title fitting for EN / FR / ES / DE.  Do not force word breaking
   just because one translation is longer than another. */
html[data-language] #confirmDialog.gv3917-leave-dialog .dialog-head h2,
#confirmDialog.gv3917-leave-dialog .dialog-head h2{
  max-width:calc(100% - 64px)!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  text-wrap:balance!important;
}

/* Shared action component: every actual decision gets the full content width.
   Continue working remains the calm centered text action below. */
html[data-language] #confirmDialog.gv3917-leave-dialog .confirm-actions,
#confirmDialog.gv3917-leave-dialog .confirm-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  gap:10px!important;
  width:100%!important;
  align-items:stretch!important;
}

html[data-language] #confirmDialog.gv3917-leave-dialog .confirm-actions > button:not(.hidden),
#confirmDialog.gv3917-leave-dialog .confirm-actions > button:not(.hidden){
  grid-column:auto!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

#confirmDialog.gv3917-leave-dialog #confirmAccept:not(.hidden){
  order:1!important;
  width:100%!important;
  justify-self:stretch!important;
}
#confirmDialog.gv3917-leave-dialog #confirmDangerChoice:not(.hidden){
  order:2!important;
  width:100%!important;
  justify-self:stretch!important;
}
#confirmDialog.gv3917-leave-dialog #confirmCancel:not(.hidden){
  order:3!important;
  width:auto!important;
  max-width:100%!important;
  min-height:38px!important;
  padding:7px 16px!important;
  justify-self:center!important;
  grid-column:auto!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  text-decoration:underline!important;
}

/* Unsaved setup: Save is hidden.  The destructive choice still owns the full
   line; there is never a phantom second column or half-width button. */
#confirmDialog.gv3917-leave-dialog .confirm-actions:has(#confirmAccept.hidden) #confirmDangerChoice:not(.hidden){
  order:1!important;
  width:100%!important;
  justify-self:stretch!important;
}
#confirmDialog.gv3917-leave-dialog .confirm-actions:has(#confirmAccept.hidden) #confirmCancel:not(.hidden){
  order:2!important;
}

/* Keep the already-approved phone panel geometry. Only the action width rule
   above is shared with mobile. */
@media (max-width:700px){
  #confirmDialog.gv3917-leave-dialog .dialog-head h2{
    max-width:calc(100% - 54px)!important;
  }
}