/* * ============================================================ * SIGOS APP · M6 * SIGOS_M6_FINAL_UI_SYNC_V1 * * ÚNICAMENTE M6 móvil. * ============================================================ */ @media (max-width: 768px) { /* * OPERACIÓN · RANGO DE FECHAS * * Aspecto equivalente al lenguaje visual * de Desempeño: compacto, limpio y simétrico. */ #dailyReportModule .m6FilterDatesHf2, #dailyReportModule .m6FilterDatesHf2.sigos-m6-date-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 0 !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid #CBD9E6 !important; border-radius: 17px !important; background: #FFFFFF !important; box-shadow: 0 1px 3px rgba(27, 63, 98, .055) !important; } #dailyReportModule .m6FilterDatesHf2 > .m6FieldHf2 { display: flex !important; flex-direction: column !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: 66px !important; min-height: 66px !important; max-height: 66px !important; margin: 0 !important; padding: 9px 12px 7px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } #dailyReportModule .m6FilterDatesHf2 > .m6FieldHf2 + .m6FieldHf2 { border-left: 1px solid #D7E2EC !important; } #dailyReportModule .m6FilterDatesHf2 > .m6FieldHf2 > span { display: block !important; margin: 0 0 5px !important; padding: 0 !important; color: #647D94 !important; font-size: 10.5px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .025em !important; text-align: left !important; white-space: nowrap !important; } #dailyReportModule #m6FromDate, #dailyReportModule #m6ToDate { display: block !important; width: 100% !important; min-width: 0 !important; height: 28px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #173A60 !important; -webkit-text-fill-color: #173A60 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 28px !important; text-align: center !important; -webkit-appearance: none !important; appearance: none !important; color-scheme: light; touch-action: manipulation; } #dailyReportModule #m6FromDate::-webkit-date-and-time-value, #dailyReportModule #m6ToDate::-webkit-date-and-time-value { text-align: center !important; } } @media (max-width: 420px) { #dailyReportModule .m6FilterDatesHf2 > .m6FieldHf2 { height: 62px !important; min-height: 62px !important; max-height: 62px !important; padding: 8px 10px 6px !important; } #dailyReportModule #m6FromDate, #dailyReportModule #m6ToDate { font-size: 14px !important; } } /* ============================================================ * SIGOS_M6_DATES_NATIVE_V4 * * Una sola pieza visual: * * DESDE HASTA * 14/09/26 │ 14/09/26 * * Sin tarjetas individuales. * Sin doble borde. * Compacto y consistente. * ============================================================ */ @media (max-width:768px){ /* ========================================================== * CONTENEDOR ÚNICO · OPERACIÓN + DESEMPEÑO * ========================================================== */ #dailyReportModule .m6FilterDatesHf2, #dailyReportModule .m6PerfDatesV1{ display:grid!important; grid-template-columns: minmax(0,1fr) minmax(0,1fr)!important; gap:0!important; width:100%!important; min-width:0!important; box-sizing:border-box!important; margin:0!important; padding:0!important; overflow:hidden!important; background: rgba(255,255,255,.96)!important; border: 1px solid rgba(40,72,103,.16)!important; border-radius:14px!important; box-shadow: 0 1px 2px rgba(25,53,80,.035)!important; } #dailyReportModule .m6PerfDatesV1{ margin-top:9px!important; } /* ========================================================== * CADA MITAD · SIN TARJETA PROPIA * ========================================================== */ #dailyReportModule .m6FilterDatesHf2 > .m6FieldHf2, #dailyReportModule .m6PerfDatesV1 > .m6PerfFieldV1{ display:flex!important; flex-direction:column!important; justify-content:center!important; min-width:0!important; width:100%!important; box-sizing:border-box!important; margin:0!important; padding: 9px 12px 8px!important; border:0!important; border-radius:0!important; background: transparent!important; box-shadow:none!important; } #dailyReportModule .m6FilterDatesHf2 > .m6FieldHf2 + .m6FieldHf2, #dailyReportModule .m6PerfDatesV1 > .m6PerfFieldV1 + .m6PerfFieldV1{ border-left: 1px solid rgba(40,72,103,.13)!important; } /* ========================================================== * LABEL * ========================================================== */ #dailyReportModule .m6FilterDatesHf2 > .m6FieldHf2 > span, #dailyReportModule .m6PerfDatesV1 > .m6PerfFieldV1 > span{ display:block!important; margin:0 0 3px!important; padding:0!important; color:#75889b!important; font-family:inherit!important; font-size:9px!important; line-height:1.05!important; font-weight:800!important; letter-spacing:.085em!important; text-transform:uppercase!important; white-space:nowrap!important; } /* ========================================================== * FECHA * 16px evita zoom automático de Safari. * ========================================================== */ #dailyReportModule #m6FromDate, #dailyReportModule #m6ToDate, #dailyReportModule #m6PerfFromV1, #dailyReportModule #m6PerfToV1{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; height:27px!important; min-height:27px!important; box-sizing:border-box!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; outline:0!important; background: transparent!important; box-shadow:none!important; color:#173a5c!important; font-family:inherit!important; font-size:16px!important; line-height:27px!important; font-weight:750!important; text-align:left!important; -webkit-text-fill-color: #173a5c!important; appearance:none!important; -webkit-appearance:none!important; } #dailyReportModule #m6FromDate::-webkit-date-and-time-value, #dailyReportModule #m6ToDate::-webkit-date-and-time-value, #dailyReportModule #m6PerfFromV1::-webkit-date-and-time-value, #dailyReportModule #m6PerfToV1::-webkit-date-and-time-value{ margin:0!important; padding:0!important; text-align:left!important; } #dailyReportModule input[type="date"] ::-webkit-calendar-picker-indicator{ margin:0!important; } #dailyReportModule #m6FromDate::-webkit-calendar-picker-indicator, #dailyReportModule #m6ToDate::-webkit-calendar-picker-indicator, #dailyReportModule #m6PerfFromV1::-webkit-calendar-picker-indicator, #dailyReportModule #m6PerfToV1::-webkit-calendar-picker-indicator{ width:15px!important; height:15px!important; margin:0!important; opacity:.46!important; } /* ========================================================== * DESEMPEÑO * Fechas normales = visualmente suaves. * Personalizado = activas. * ========================================================== */ #dailyReportModule #m6PerfFromV1:read-only, #dailyReportModule #m6PerfToV1:read-only{ opacity:.72!important; } #dailyReportModule #m6PerfFromV1.sigosM6NativeCustomEditableV3, #dailyReportModule #m6PerfToV1.sigosM6NativeCustomEditableV3{ opacity:1!important; } /* Retirar cualquier resto estructural de V2 */ #dailyReportModule .m6UnifiedDatePairV2, #dailyReportModule .m6PerformanceCustomRangeUnifiedV2{ display:none!important; } } @media (max-width:420px){ #dailyReportModule .m6FilterDatesHf2 > .m6FieldHf2, #dailyReportModule .m6PerfDatesV1 > .m6PerfFieldV1{ padding-left:10px!important; padding-right:10px!important; } }