/* Seletor de datas padrao do CRM (datas.js + vendor/air-datepicker). Cores do app;
   dia escolhido e hoje se distinguem por forma e peso, nao so por cor. */
.fgh-data-original{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0);overflow:hidden}
input.fgh-data{font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);min-width:0;width:15ch;cursor:pointer;
 background:var(--sur) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236A6F6C' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='2.5' y='3.5' width='11' height='10' rx='1.5'/%3E%3Cpath d='M2.5 6.5h11M5.5 2v3M10.5 2v3'/%3E%3C/svg%3E") no-repeat right 9px center;
 padding:.4375rem 1.875rem .4375rem .625rem;border:1px solid var(--line);border-radius:.5rem;box-sizing:border-box}
input.fgh-data.fgh-data-hora{width:21ch}
input.fgh-data.fgh-data-mes{width:12ch}
input.fgh-data:focus{outline:2px solid var(--acc);outline-offset:1px;border-color:var(--acc)}
input.fgh-data:disabled{opacity:.55;cursor:not-allowed}
input.fgh-data.fgh-data-erro{border:2px solid var(--crit,#B23A2E);background-color:var(--crit-soft,#F6E2DF)}
input.fgh-data::placeholder{color:var(--mut);opacity:1}
label input.fgh-data,.comment-compose input.fgh-data,.direto-dialog input.fgh-data{width:100%;max-width:22ch}
.agenda-periodo input.fgh-data{position:absolute;inset:0;width:100%;max-width:none;opacity:0;padding:0;background:none}
.hw-busca.fgh-data,.hw-data-curta.fgh-data{width:15ch}

/* Calendario */
.air-datepicker{
 --adp-font-family:var(--sans);--adp-font-size:.875rem;--adp-width:17rem;--adp-z-index:2147483000;
 --adp-padding:.375rem;--adp-color:var(--ink);--adp-color-secondary:var(--mut);--adp-color-other-month:#A9ADAA;
 --adp-accent-color:var(--acc);--adp-background-color:var(--sur);--adp-background-color-hover:var(--sur2);
 --adp-background-color-active:var(--sur2);--adp-color-current-date:var(--ink);
 --adp-cell-background-color-selected:var(--acc);--adp-cell-background-color-selected-hover:#103352;
 --adp-cell-border-radius:.5rem;--adp-border-color:var(--line);--adp-border-color-inner:var(--line);
 --adp-border-radius:.625rem;--adp-day-name-color:var(--mut);--adp-nav-arrow-color:var(--ink);
 --adp-nav-color-secondary:var(--mut);--adp-btn-color:var(--acc);--adp-btn-color-hover:var(--acc);
 --adp-btn-background-color-hover:var(--acc-soft);--adp-day-cell-height:2.125rem;
 --adp-time-track-color:var(--line);--adp-time-thumb-size:1rem;--adp-time-track-height:2px;
 box-shadow:0 8px 28px rgba(27,31,30,.16);font-variant-numeric:tabular-nums
}
.air-datepicker-nav--title{font-weight:600;font-size:.875rem}
.air-datepicker-nav--title i{color:var(--mut);font-style:normal}
.air-datepicker-body--day-name{font-weight:600;font-size:.6875rem;letter-spacing:.06em}
.air-datepicker-cell.-current-{font-weight:700;box-shadow:inset 0 0 0 2px var(--ink)}
.air-datepicker-cell.-selected-,.air-datepicker-cell.-selected-.-current-{background:var(--acc);color:#fff;font-weight:700;box-shadow:none}
.air-datepicker-cell.-selected-.-focus-{background:#103352}
.air-datepicker-cell.-disabled-{color:#C5C8C5;text-decoration:line-through;cursor:not-allowed}
.air-datepicker-cell.-weekend-{color:inherit}
.air-datepicker-buttons{grid-auto-columns:1fr}
.air-datepicker-button{font-weight:600;height:2.125rem}
.air-datepicker-time--current{font-size:.9375rem;font-weight:600}
.air-datepicker-time--current-colon{color:var(--ink)}
.air-datepicker--pointer{display:none}
.air-datepicker-overlay{--adp-overlay-background-color:rgba(27,31,30,.35)}

/* Barra de período: atalhos emendados num grupo só e nome do período clicável (datas.js). */
.fgh-seg{display:inline-flex;align-items:stretch;flex:0 0 auto}
.fgh-seg>.hw-rapido{border-radius:0;margin:0;position:relative}
.fgh-seg>.hw-rapido+.hw-rapido{margin-left:-1px}
.fgh-seg>.hw-rapido:first-child{border-radius:.5rem 0 0 .5rem}
.fgh-seg>.hw-rapido:last-child{border-radius:0 .5rem .5rem 0}
.fgh-seg>.hw-rapido:hover{z-index:1}
.fgh-seg>.hw-rapido.on{background:var(--acc,#1D5B92);border-color:var(--acc,#1D5B92);color:#fff;z-index:2}
.fgh-per-nome{cursor:pointer;border-radius:.5rem;padding:.375rem .625rem;display:inline-flex;align-items:center;justify-content:center;gap:.375rem}
.fgh-per-nome::after{content:"";width:.4375rem;height:.4375rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.55}
.fgh-per-nome:hover,.fgh-per-nome:focus-visible{background:color-mix(in srgb,var(--acc,#1D5B92) 10%,transparent);color:var(--acc,#1D5B92);outline:none}
.fgh-per-pop{position:absolute;z-index:1000;box-shadow:0 8px 28px rgba(20,31,40,.18);border-radius:.625rem}
.fgh-per-pop .air-datepicker{border-radius:.625rem}

/* Pilula do periodo (padrao 15/10): ‹ nome › ou ‹ data a data ›, tudo dentro de uma borda so. */
.fgh-per{display:inline-flex;align-items:stretch;flex:0 0 auto;min-height:2.125rem;border:1px solid var(--line);border-radius:.5rem;background:var(--sur,#fff);box-sizing:border-box}
.fgh-per>.hw-seta{border:0!important;background:transparent!important;border-radius:0!important;margin:0!important;padding:0 .625rem!important;min-width:2rem;color:var(--mut);font-size:.9375rem;line-height:1}
.fgh-per>.hw-seta:first-child{border-radius:.5rem 0 0 .5rem!important}
.fgh-per>.hw-seta:last-child{border-radius:0 .5rem .5rem 0!important}
.fgh-per>.hw-seta:not(:disabled):hover{background:var(--sur2,#F4F3EF)!important;color:var(--ink)}
.fgh-per>.hw-periodo-nome,.fgh-per>.fgh-per-datas{border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;margin:0}
.fgh-per>.hw-periodo-nome{min-width:9.375rem;padding:0 .75rem;white-space:nowrap;font-size:.875rem}
.fgh-per-datas{display:none;align-items:center;gap:.3125rem;padding:0 .375rem}
.fgh-per.fgh-per-livre>.hw-periodo-nome{display:none}
.fgh-per.fgh-per-livre>.fgh-per-datas{display:inline-flex}
.fgh-per-datas input.fgh-data,.fgh-per-datas input[type="date"]:not(.fgh-data-original){width:9.5ch;max-width:none;padding:.1875rem .375rem;margin:0;height:1.625rem;background-image:none;border-radius:.375rem;font-size:.7812rem;font-weight:600;text-align:center}
.fgh-per-a{color:var(--mut);font-size:.7812rem}

/* Filtro unico (16/10): Dia/Semana/Mes/Ano/Tudo saem da barra e ficam no menu da pilula. */
.fgh-per-oculto{display:none!important}
.fgh-per-abre{border:0;background:transparent;cursor:pointer;width:1.375rem;height:1.625rem;padding:0;margin-left:2px;border-radius:.375rem;display:inline-flex;align-items:center;justify-content:center;color:var(--mut)}
.fgh-per-abre::after{content:"";width:.4375rem;height:.4375rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.fgh-per-abre:hover{background:var(--sur2,#F4F3EF);color:var(--ink)}
.fgh-per-pop-menu{background:var(--sur,#fff);border:1px solid var(--line,#DDDBD3);padding:.5rem;min-width:15.625rem;box-sizing:border-box}
.fgh-per-pop-menu .air-datepicker{border:0;box-shadow:none;margin-top:.375rem}
.fgh-per-escalas{display:flex;gap:.25rem;background:var(--sur2,#F4F3EF);border-radius:.5rem;padding:.1875rem}
.fgh-per-escalas button{flex:1;border:0;background:transparent;font:inherit;font-size:.8125rem;font-weight:500;color:var(--ink,#1B1F1E);padding:.375rem .5rem;border-radius:.375rem;cursor:pointer;white-space:nowrap}
.fgh-per-escalas button:hover{background:var(--sur,#fff)}
.fgh-per-ultimos{margin-top:.375rem}
.fgh-per-escalas button.on{background:var(--acc,#1D5B92);color:#fff;font-weight:600}

/* Hora (22/10): campo hh:mm digitavel + colunas de hora e minuto, no lugar dos sliders do Air. */
.fgh-hora{display:grid;grid-template-columns:1fr 4rem 4rem;gap:.375rem;align-items:start;padding:.5rem .375rem .375rem;border-top:1px solid var(--line)}
.fgh-hora-campo{display:flex;flex-direction:column;gap:.25rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.fgh-hora-campo input{font:inherit;font-size:1.375rem;font-weight:600;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;color:var(--ink);width:100%;box-sizing:border-box;padding:.5rem .375rem;border:1px solid var(--line);border-radius:.5rem;background:var(--sur);text-align:center}
.fgh-hora-campo input:focus{outline:2px solid var(--acc);outline-offset:1px;border-color:var(--acc)}
.fgh-hora-campo input.erro{border:2px solid var(--crit,#B23A2E);background:var(--crit-soft,#F6E2DF)}
.fgh-hora-col{position:relative;height:8.25rem;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:.5rem;padding:.1875rem;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.fgh-hora-col button{flex:0 0 auto;border:0;background:transparent;font:inherit;font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--ink);height:1.75rem;border-radius:.375rem;cursor:pointer}
.fgh-hora-col button:hover{background:var(--sur2)}
.fgh-hora-col button.on{background:var(--acc);color:#fff;font-weight:700}
/* Hora sozinha (input type=time, 27/10): relogio no lugar do calendario e o painel de colunas solto. */
input.fgh-data.fgh-data-hh{width:11ch;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236A6F6C' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M8 4.8V8l2.2 1.4'/%3E%3C/svg%3E")}
label input.fgh-data.fgh-data-hh{max-width:12ch}
.air-datepicker.fgh-hora-pop{opacity:1;transform:none;width:16.25rem;padding:var(--adp-padding);z-index:2147483000}
.fgh-hora-pop .fgh-hora{border-top:0}