/* FLUXUS GESTÃO — AGENDA / MOCKUP APROVADO 20261006 */

#fx-agenda{
  width:100%;
  max-width:none;
  margin:0;
  padding:8px 10px 12px;
  box-sizing:border-box;
  color:#153a57;
}

#fx-agenda .fa-shell{
  width:100%;
  min-width:0;
}

#fx-agenda .fa-titlebar{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:7px 10px;
  background:#fff;
  border:1px solid #dce7ea;
  border-bottom:0;
  border-radius:11px 11px 0 0;
}

#fx-agenda .fa-title-icon{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#e8f7f5;
  color:#078c86;
  font-size:18px;
  font-weight:700;
}

#fx-agenda .fa-titlebar h1{
  margin:0;
  color:#082d71;
  font-size:18px;
  font-weight:750;
}

#fx-agenda .fa-toolbar{
  display:grid;
  grid-template-columns:300px 300px 300px;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  min-height:52px;
  padding:7px 10px;
  background:#fff;
  border-left:1px solid #dce7ea;
  border-right:1px solid #dce7ea;
}

#fx-agenda .fa-control{
  display:grid;
  height:34px;
  min-height:34px;
  border:1px solid #cad9df;
  border-radius:7px;
  overflow:hidden;
  background:#fff;
}

#fx-agenda .fa-scope-control{
  grid-template-columns:1fr 1fr;
}

#fx-agenda .fa-period-control{
  grid-template-columns:40px minmax(0,1fr) 82px 40px;
}

#fx-agenda .fa-period-split select{
  min-width:0;
  height:100%;
  border:0;
  border-right:1px solid #d9e4e8;
  border-radius:0;
  background:#fff;
  color:#123d70;
  font:inherit;
  font-size:10.5px;
  font-weight:650;
  text-align:center;
  text-align-last:center;
  padding:0 6px;
  outline:none;
  cursor:pointer;
}

#fx-agenda .fa-period-split select:hover{
  background:#f4faf9;
}

#fx-agenda .fa-period-split select:focus{
  background:#fff;
  box-shadow:inset 0 0 0 1px #83bbb8;
}

#fx-agenda .fa-view-control{
  grid-template-columns:1fr 1fr 1fr;
}

#fx-agenda .fa-control button{
  height:100%;
  min-width:0;
  margin:0;
  padding:0 9px;
  border:0;
  border-right:1px solid #d9e4e8;
  border-radius:0;
  background:#fff;
  color:#123d70;
  font:inherit;
  font-size:10.5px;
  font-weight:650;
  cursor:pointer;
}

#fx-agenda .fa-control button:last-child{
  border-right:0;
}

#fx-agenda .fa-control button:hover{
  background:#f4faf9;
}

#fx-agenda .fa-control button.is-active{
  background:#078f89;
  color:#fff;
}

#fx-agenda .fa-period-label{
  color:#082d71!important;
  font-weight:750!important;
  text-transform:capitalize;
}

#fx-agenda .fa-users{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:7px;
  overflow-x:auto;
  padding:4px 10px 7px;
  background:#fff;
  border-left:1px solid #dce7ea;
  border-right:1px solid #dce7ea;
  border-bottom:1px solid #dce7ea;
  border-radius:0 0 11px 11px;
  scrollbar-width:thin;
}

#fx-agenda .fa-user-chip{
  min-width:120px;
  height:27px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border-radius:7px;
  background:#f6faf9;
  color:#264f75;
  font-size:9.8px;
  font-weight:600;
  white-space:nowrap;
}

#fx-agenda .fa-user-chip i{
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:50%;
}

#fx-agenda .fa-feedback{
  margin:0;
  padding:0;
  height:0;
  overflow:hidden;
}

#fx-agenda .fa-calendar{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:1px;
  background:#dce7eb;
  border:1px solid #dce7eb;
  border-radius:10px;
  overflow:hidden;
}

#fx-agenda .fa-weekday{
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  background:#f3f8fa;
  color:#254f86;
  font-size:9.8px;
  font-weight:700;
}

#fx-agenda .fa-cell{
  min-width:0;
  min-height:102px;
  padding:6px 7px;
  background:#fff;
}

#fx-agenda .fa-cell time{
  min-height:19px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:5px;
  color:#0f4294;
  font-size:10.2px;
  font-weight:650;
}

#fx-agenda .fa-cell time small{
  display:none;
}

#fx-agenda .fa-muted{
  background:#fbfcfd;
}

#fx-agenda .fa-muted time{
  color:#9fb4d0;
}

#fx-agenda .fa-today{
  background:#f1fbfa;
  box-shadow:inset 0 0 0 1px #7dd6d1;
}

#fx-agenda .fa-today time span{
  min-width:25px;
  height:23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:-2px 0 0 -2px;
  border-radius:6px;
  background:#078f89;
  color:#fff;
}

#fx-agenda .fa-day-items{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

#fx-agenda .fa-task{
  width:100%;
  min-height:37px;
  display:grid;
  grid-template-columns:10px minmax(0,1fr);
  align-items:center;
  gap:7px;
  margin:0;
  padding:5px 7px;
  border:0;
  border-radius:7px;
  background:var(--fa-user-soft,#eef7f6);
  color:#17455c;
  text-align:left;
  cursor:pointer;
  overflow:hidden;
}

#fx-agenda .fa-task:hover{
  box-shadow:inset 0 0 0 1px var(--fa-user-color,#078f89);
}

#fx-agenda .fa-task > i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--fa-user-color,#078f89);
}

#fx-agenda .fa-task > span{
  min-width:0;
}

#fx-agenda .fa-task strong,
#fx-agenda .fa-task small{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#fx-agenda .fa-task strong{
  color:inherit;
  font-size:9.3px;
  font-weight:700;
}

#fx-agenda .fa-task small{
  margin-top:1px;
  color:#5b7890;
  font-size:8.3px;
}

#fx-agenda .fa-task.fa-done{
  opacity:.68;
}

#fx-agenda .fa-task.fa-done strong{
  text-decoration:line-through;
}

#fx-agenda .fa-week{
  grid-template-columns:repeat(7,minmax(0,1fr));
}

#fx-agenda .fa-week .fa-cell{
  min-height:520px;
}

#fx-agenda .fa-day{
  grid-template-columns:1fr;
}

#fx-agenda .fa-day .fa-cell{
  min-height:560px;
}

.fa-dialog{
  width:min(600px,85vw);
  border:0;
  border-radius:14px;
  padding:24px;
}

.fa-dialog::backdrop{
  background:#0006;
}

.fa-dialog button{
  padding:8px 12px;
  border:1px solid #cad9df;
  border-radius:7px;
  background:#078f89;
  color:#fff;
  cursor:pointer;
}

.fa-description{
  white-space:pre-wrap;
}

@media(max-width:1000px){
  #fx-agenda .fa-toolbar{
    grid-template-columns:1fr;
  }

  #fx-agenda .fa-control{
    width:100%;
  }
}

@media(max-width:700px){
  #fx-agenda{
    padding:6px;
  }

  #fx-agenda .fa-calendar{
    display:flex;
    flex-direction:column;
  }

  #fx-agenda .fa-weekday{
    display:none;
  }

  #fx-agenda .fa-cell{
    min-height:64px;
  }

  #fx-agenda .fa-cell time small{
    display:inline;
  }
}


/* >>> AGENDA_HEADER_COMPACTO_PROD >>> */
/* Compactação visual do cabeçalho da Agenda */

.fx-agenda-page .fx-page-card,
.fx-agenda-page .fx-card,
.fluxus-agenda-screen .fx-card,
[data-route="gestao.agenda"] .fx-card,
[data-route="gestao.agenda"] .fx-page-card{
  padding-top: 12px !important;
  padding-bottom: 10px !important;
}

.fx-agenda-page .fx-agenda-header,
.fx-agenda-page .fx-agenda-head,
.fluxus-agenda-screen .fx-agenda-header,
.fluxus-agenda-screen .fx-agenda-head,
[data-route="gestao.agenda"] .fx-agenda-header,
[data-route="gestao.agenda"] .fx-agenda-head{
  margin-bottom: 8px !important;
  padding-bottom: 6px !important;
  gap: 10px !important;
  min-height: auto !important;
}

.fx-agenda-page .fx-agenda-header-icon,
.fx-agenda-page .fx-agenda-head-icon,
.fluxus-agenda-screen .fx-agenda-header-icon,
.fluxus-agenda-screen .fx-agenda-head-icon,
[data-route="gestao.agenda"] .fx-agenda-header-icon,
[data-route="gestao.agenda"] .fx-agenda-head-icon{
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 8px !important;
}

.fx-agenda-page .fx-agenda-title,
.fx-agenda-page h1,
.fx-agenda-page h2,
.fluxus-agenda-screen .fx-agenda-title,
.fluxus-agenda-screen h1,
.fluxus-agenda-screen h2,
[data-route="gestao.agenda"] .fx-agenda-title,
[data-route="gestao.agenda"] h1,
[data-route="gestao.agenda"] h2{
  font-size: 14px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.fx-agenda-page .fx-agenda-subtitle,
.fx-agenda-page .fx-subtitle,
.fluxus-agenda-screen .fx-agenda-subtitle,
.fluxus-agenda-screen .fx-subtitle,
[data-route="gestao.agenda"] .fx-agenda-subtitle,
[data-route="gestao.agenda"] .fx-subtitle{
  font-size: 11px !important;
  line-height: 1.2 !important;
  margin-top: 2px !important;
}

.fx-agenda-page .fx-agenda-toolbar,
.fx-agenda-page .fx-toolbar,
.fluxus-agenda-screen .fx-agenda-toolbar,
.fluxus-agenda-screen .fx-toolbar,
[data-route="gestao.agenda"] .fx-agenda-toolbar,
[data-route="gestao.agenda"] .fx-toolbar{
  gap: 8px !important;
  margin-top: 8px !important;
  margin-bottom: 6px !important;
  align-items: center !important;
}

.fx-agenda-page .fx-agenda-toolbar .btn,
.fx-agenda-page .fx-agenda-toolbar button,
.fx-agenda-page .fx-toolbar .btn,
.fx-agenda-page .fx-toolbar button,
.fluxus-agenda-screen .fx-agenda-toolbar .btn,
.fluxus-agenda-screen .fx-agenda-toolbar button,
.fluxus-agenda-screen .fx-toolbar .btn,
.fluxus-agenda-screen .fx-toolbar button,
[data-route="gestao.agenda"] .fx-agenda-toolbar .btn,
[data-route="gestao.agenda"] .fx-agenda-toolbar button,
[data-route="gestao.agenda"] .fx-toolbar .btn,
[data-route="gestao.agenda"] .fx-toolbar button{
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
  border-radius: 7px !important;
}

.fx-agenda-page .fx-agenda-toolbar input,
.fx-agenda-page .fx-agenda-toolbar select,
.fx-agenda-page .fx-toolbar input,
.fx-agenda-page .fx-toolbar select,
.fluxus-agenda-screen .fx-agenda-toolbar input,
.fluxus-agenda-screen .fx-agenda-toolbar select,
.fluxus-agenda-screen .fx-toolbar input,
.fluxus-agenda-screen .fx-toolbar select,
[data-route="gestao.agenda"] .fx-agenda-toolbar input,
[data-route="gestao.agenda"] .fx-agenda-toolbar select,
[data-route="gestao.agenda"] .fx-toolbar input,
[data-route="gestao.agenda"] .fx-toolbar select{
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  border-radius: 7px !important;
}

.fx-agenda-page .fx-agenda-tabs,
.fx-agenda-page .fx-view-tabs,
.fluxus-agenda-screen .fx-agenda-tabs,
.fluxus-agenda-screen .fx-view-tabs,
[data-route="gestao.agenda"] .fx-agenda-tabs,
[data-route="gestao.agenda"] .fx-view-tabs{
  gap: 6px !important;
}

.fx-agenda-page .fx-agenda-tabs .btn,
.fx-agenda-page .fx-view-tabs .btn,
.fluxus-agenda-screen .fx-agenda-tabs .btn,
.fluxus-agenda-screen .fx-view-tabs .btn,
[data-route="gestao.agenda"] .fx-agenda-tabs .btn,
[data-route="gestao.agenda"] .fx-view-tabs .btn{
  min-width: 92px !important;
}

.fx-agenda-page .fx-card + .fx-card,
.fluxus-agenda-screen .fx-card + .fx-card,
[data-route="gestao.agenda"] .fx-card + .fx-card{
  margin-top: 10px !important;
}
/* <<< AGENDA_HEADER_COMPACTO_PROD <<< */


/* >>> FLUXUS_AGENDA_HEADER_MOCKUP_APROVADO_V2 >>> */
/* Cabeçalho compacto aprovado */

#fx-agenda{
  padding-top:4px !important;
}

#fx-agenda .fa-shell{
  border-radius:10px !important;
}

#fx-agenda .fa-titlebar{
  min-height:44px !important;
  padding:5px 10px 3px !important;
  border-radius:10px 10px 0 0 !important;
}

#fx-agenda .fa-title-icon{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  border-radius:8px !important;
  font-size:15px !important;
}

#fx-agenda .fa-titlebar h1{
  font-size:16px !important;
  line-height:1.15 !important;
  margin:0 !important;
}

#fx-agenda .fa-toolbar{
  grid-template-columns:
    minmax(250px,1fr)
    minmax(265px,.95fr)
    minmax(250px,1fr) !important;
  gap:14px !important;
  min-height:43px !important;
  padding:4px 10px 7px !important;
  align-items:center !important;
}

#fx-agenda .fa-control{
  height:31px !important;
  min-height:31px !important;
  border-radius:6px !important;
}

#fx-agenda .fa-control button{
  padding:0 8px !important;
  font-size:10.5px !important;
  line-height:1 !important;
}

#fx-agenda .fa-period-control{
  grid-template-columns:
    36px
    minmax(0,1fr)
    78px
    36px !important;
}

#fx-agenda .fa-period-split select{
  font-size:10.5px !important;
  padding:0 5px !important;
}

#fx-agenda .fa-scope-control button,
#fx-agenda .fa-view-control button{
  font-weight:600 !important;
}

#fx-agenda .fa-users{
  min-height:0 !important;
  padding:0 !important;
  border-top:0 !important;
  border-radius:0 0 10px 10px !important;
}

#fx-agenda .fa-users:empty{
  display:none !important;
}

#fx-agenda .fa-feedback{
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}

#fx-agenda .fa-calendar{
  margin-top:8px !important;
}

@media (max-width:1100px){
  #fx-agenda .fa-toolbar{
    grid-template-columns:
      minmax(220px,1fr)
      minmax(245px,1fr)
      minmax(220px,1fr) !important;
    gap:10px !important;
  }
}
/* <<< FLUXUS_AGENDA_HEADER_MOCKUP_APROVADO_V2 <<< */