/* C3 shared, app-owned date/time fields. Business values remain ISO local values. */
.mv-temporal-source{display:none!important}
.mv-temporal-controls{display:block;min-width:0;width:100%}
.mv-temporal-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.mv-temporal-controls .mv-temporal-trigger{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:36px;padding:6px 8px;border:1px solid var(--mv-page-border,#a8bdd0);border-radius:var(--mv-page-radius,2px);background:#fff;color:var(--mv-page-ink,#19354d);font:inherit;font-weight:400;text-align:left;line-height:1.4;white-space:nowrap;cursor:pointer}
.mv-temporal-trigger span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.mv-temporal-trigger svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.5}.mv-temporal-clock{font-size:20px;line-height:1}
.mv-temporal-trigger:disabled{opacity:.65;cursor:default}
.mv-temporal-popover{position:absolute;z-index:1200;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--mv-page-border,#a8bdd0);border-radius:var(--mv-page-radius,2px);background:#fff;color:var(--mv-page-ink,#19354d);box-shadow:0 4px 12px #102a4330;font:13px/1.4 "Segoe UI",Arial,sans-serif;text-align:left;isolation:isolate}
.mv-temporal-popover *{box-sizing:border-box}.mv-temporal-popover button{appearance:none;-webkit-appearance:none;min-width:0;min-height:36px;padding:5px 8px;border:1px solid #adc1d3;border-radius:var(--mv-page-radius,2px);background:#f5f9fc;color:#19354d;font:inherit;line-height:1.2;cursor:pointer}
.mv-temporal-popover button:hover{background:#e2eef8}.mv-temporal-popover button:disabled{opacity:.45;cursor:default}
.mv-temporal-controls button:focus-visible,.mv-temporal-popover button:focus-visible,.mv-temporal-popover input:focus-visible{outline:2px solid #12659c;outline-offset:1px}
.mv-temporal-calendar-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;text-align:center;background:var(--mv-page-header-bg,#d5e5f1);border-bottom:1px solid #adc1d3}
.mv-temporal-calendar-head button{border:0;background:transparent;font-size:24px}.mv-temporal-calendar-head strong{font-weight:600}
.mv-temporal-calendar-grid{padding:3px}.mv-temporal-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.mv-temporal-calendar-week>span{min-width:0}.mv-temporal-calendar-week:first-child>span{font-size:11px;padding:4px 0}
.mv-temporal-calendar-week button{width:100%;padding:4px 0;border:0;background:#fff}.mv-temporal-calendar-week [aria-selected=true]>button{background:#0f4c81;color:#fff}.mv-temporal-calendar-week button[aria-current=date]{box-shadow:inset 0 0 0 1px #0f4c81}.mv-temporal-calendar-week .mv-temporal-outside{opacity:.55}
.mv-temporal-footer{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;padding:8px;border-top:1px solid #cbdce8;background:#f5f9fc}.mv-temporal-footer .mv-temporal-close{background:#a94d00;border-color:#833b00;color:#fff}.mv-temporal-footer .mv-temporal-apply{background:#00815f;border-color:#00674d;color:#fff}
.mv-temporal-time-title{display:block;padding:9px 11px;background:#d5e5f1;font-weight:600}.mv-temporal-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}.mv-temporal-time-fields label{display:block;margin:0;font:inherit;line-height:1.4}.mv-temporal-popover .mv-temporal-time-fields input{display:block;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-width:0;min-height:36px;margin:4px 0 0;padding:7px 8px;border:1px solid #a8bdd0;border-radius:var(--mv-page-radius,2px);background:#fff;color:#19354d;font:inherit;font-size:16px}
.mv-temporal-periods{display:flex;gap:8px;padding:0 10px 8px}.mv-temporal-periods button{flex:1}.mv-temporal-periods button[aria-pressed=true]{background:#0f4c81;color:#fff}.mv-temporal-error{margin:0;padding:0 10px 8px;color:#a32920;white-space:normal}.mv-temporal-error:empty{display:none}
@media(any-pointer:coarse),(pointer:coarse),(max-width:600px){.mv-temporal-controls .mv-temporal-trigger,.mv-temporal-popover button,.mv-temporal-popover .mv-temporal-time-fields input{min-height:44px;font-size:16px}.mv-temporal-calendar-week button{font-size:14px}.mv-temporal-calendar-head strong{font-size:14px}}
@media(max-width:420px){.mv-temporal-pair{grid-template-columns:minmax(0,1fr)}}
@media(forced-colors:active){.mv-temporal-popover,.mv-temporal-controls .mv-temporal-trigger{border-color:CanvasText}.mv-temporal-calendar-week [aria-selected=true]>button,.mv-temporal-periods button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-2px}}

@media(any-pointer:coarse),(pointer:coarse),(max-width:600px){.mv-temporal-calendar-grid{min-width:314px}.mv-temporal-calendar-week{grid-template-columns:repeat(7,minmax(44px,1fr))}.mv-temporal-popover button{min-width:44px}}

/* C3.C1: explicit confirmation and readable desktop hover/focus states. */
.mv-temporal-popover .mv-temporal-footer button:not(:disabled):hover,
.mv-temporal-popover .mv-temporal-footer button:not(:disabled):focus-visible{background:#e2eef8!important;color:#000!important;-webkit-text-fill-color:currentColor!important}
.mv-temporal-popover .mv-temporal-select-options{max-height:240px;overflow:auto;overscroll-behavior:contain;padding:5px}
.mv-temporal-popover .mv-temporal-select-options button{display:block;width:100%;min-height:44px;text-align:left;white-space:normal;margin:2px 0}
.mv-temporal-popover .mv-temporal-select-options button[aria-checked=true]{background:#0f4c81;color:#fff}
.mv-temporal-popover .mv-temporal-select-options button[aria-checked=true]:hover{background:#e2eef8!important;color:#000!important;-webkit-text-fill-color:currentColor!important}
.mv-temporal-popover .mv-temporal-footer{position:sticky;bottom:0;z-index:1}

.mv-alert-completion-notice,[data-popup-status]:not(:empty){padding:8px;border:1px solid #adc1d3;border-radius:2px;background:#e5eff7;color:#19354d;white-space:normal}

/* C4: optional search on the existing single-choice selector. */
.mv-temporal-popover .mv-temporal-select-search{width:100%;box-sizing:border-box;min-height:44px;font:inherit;font-size:16px;color:#163a57;background:#fff;border:1px solid #9fbdd6;border-radius:2px;padding:6px 9px;margin:0 0 6px}
.mv-temporal-popover .mv-temporal-search-empty{display:block;padding:8px 10px;color:#163a57;font-size:13px}.mv-temporal-popover [hidden]{display:none!important}

/* C5.C5: direct month/year choices and manual year entry within the picker. */
.mv-temporal-calendar-selectors{display:flex;min-width:0;justify-content:center;gap:2px}
.mv-temporal-calendar-head .mv-temporal-calendar-selectors button{font-size:14px;font-weight:600;padding:5px 4px;white-space:nowrap}
.mv-temporal-calendar-head .mv-temporal-back{font-size:13px}
.mv-temporal-calendar-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px}
.mv-temporal-calendar-choices button{min-height:44px;padding:6px 3px}
.mv-temporal-calendar-choices [aria-pressed=true]{background:#0f4c81;color:#fff}
.mv-temporal-year-fields{display:flex;align-items:flex-end;gap:8px;padding:10px}
.mv-temporal-year-fields label{flex:1;min-width:0;font:inherit}
.mv-temporal-popover .mv-temporal-year-input{display:block;width:100%;min-width:0;min-height:44px;margin-top:4px;padding:6px 8px;border:1px solid #a8bdd0;border-radius:2px;background:#fff;color:#19354d;font:16px/1.4 "Segoe UI",Arial,sans-serif}
.mv-temporal-year-fields button{min-height:44px}
