/* v1.15 refined analog clock / high-clarity meeting planner. Additive and scoped. */
.mi-time-hub{padding:12px;border-radius:19px;box-shadow:0 16px 30px rgba(29,75,144,.10)}
.mi-time-heading{gap:9px;margin-bottom:12px}.mi-time-heading-icon{flex:0 0 31px;height:31px;border-radius:10px}.mi-time-heading-label strong{font-size:11.5px}
.mi-time-hero{padding:12px 11px 13px;border-radius:15px;background:linear-gradient(155deg,#10295b 0%,#1356b6 62%,#107ce7 100%)}
.mi-time-hero.is-night{background:linear-gradient(155deg,#091a3d 0%,#0c3268 68%,#174b9e 100%)}
.mi-time-face-row{display:flex;align-items:center;gap:8px;margin:12px 0 11px;min-width:0;justify-content:space-between}
.mi-time-analog{position:relative;flex:0 0 78px;width:78px;height:78px;isolation:isolate;background:radial-gradient(circle at 50% 41%,rgba(155,213,255,.13) 0%,rgba(16,48,113,.19) 75%);border-radius:50%;box-shadow:0 0 0 3px rgba(235,249,255,.12),inset 0 2px 10px rgba(0,23,62,.16),0 8px 18px rgba(0,28,94,.16)}
.mi-time-dial-svg{position:absolute;inset:0;height:100%;width:100%;color:#fff;opacity:.97}
.mi-time-dial-svg text{font-size:10px;font-family:Arial,sans-serif;font-weight:800;fill:rgba(255,255,255,.88)}
.mi-clock-hand{position:absolute;display:block;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:100px;z-index:2;transition:transform .22s ease-out}
.mi-clock-hour{height:23%;width:4.2px;left:calc(50% - 2.1px);background:#fff;box-shadow:0 0 3px rgba(255,255,255,.3)}
.mi-clock-minute{height:32%;width:2.5px;left:calc(50% - 1.25px);background:#b6eaff}
.mi-clock-second{height:35%;width:1.5px;left:calc(50% - .75px);background:#ffb4b4;box-shadow:0 0 5px rgba(255,193,193,.45)}
.mi-clock-center{position:absolute;z-index:4;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 2px #197bd5}
.mi-time-face-info{flex:1;min-width:0;padding-left:1px}.mi-time-clock{gap:5px;padding:0;margin:0;justify-content:flex-start}.mi-time-clock>time{font-size:clamp(19px,1.5vw,26px);letter-spacing:-.058em;white-space:nowrap}.mi-time-clock-side{font-size:8px;gap:3px;align-self:flex-end}.mi-time-clock-side b{font-size:11px}
.mi-time-date{font-size:9px;white-space:normal;line-height:1.4;margin:9px 0 7px}.mi-time-clock-caption{display:block;color:#badfff;font-weight:900;font-size:7.4px;letter-spacing:.08em;white-space:nowrap}.mi-time-day-track{height:3px}
.mi-time-actions{margin-top:11px;padding-top:11px}.mi-time-compare-toggle{justify-content:flex-start;min-height:53px;border-radius:12px;gap:9px;padding:8px;background:linear-gradient(100deg,#edf5ff,#e2efff);box-shadow:0 5px 13px rgba(22,90,185,.055);border-color:#c9dcf6;text-align:left}
.mi-time-compare-toggle-icon{flex:0 0 31px;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#277cf4,#1454d2);box-shadow:0 6px 13px rgba(34,91,195,.2);color:white}.mi-time-compare-toggle-icon svg{width:16px;height:16px}
.mi-time-compare-toggle-title{display:flex;flex-direction:column;flex:1;min-width:0;gap:3px;line-height:1.2}.mi-time-compare-toggle-title b{font-size:11px;font-weight:900;color:#123f82}.mi-time-compare-toggle-title small{font-size:8px;color:#6e8eb9;font-weight:760}.mi-time-toggle-caret{flex:none;font-size:17px;margin-left:1px;margin-right:5px}
.mi-time-compare{padding:13px 0 0;animation:miTimePanelReveal .32s ease-out}.mi-time-compare-intro{display:flex;flex-direction:column;gap:4px;padding:0 2px 11px}.mi-time-compare-intro b{font-size:11px;color:#143c78;font-weight:930}.mi-time-compare-intro small{font-size:8.5px;line-height:1.5;color:#7994b5}
.mi-time-form-grid{display:grid;grid-template-columns:1fr;gap:8px}.mi-time-field{display:flex!important;flex-direction:column;gap:5px;margin:0!important;font-size:9px;font-weight:850;color:#46698f}.mi-time-field span{display:block;font-size:9px;color:#607da5}.mi-time-meeting-input{box-sizing:border-box;display:block;width:100%;min-width:0;height:35px;background:#f8fbff;border:1px solid #d0e1f8;border-radius:9px;padding:6px 9px;color:#183f76;font-size:11px;font-weight:800;box-shadow:inset 0 1px 2px rgba(17,62,132,.025)}
.mi-time-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%234c7aaa' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}
.mi-time-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:9px 0 13px}.mi-time-presets button{padding:8px 2px;min-width:0;border-radius:8px;border:1px solid #cfe2fa;background:#f5faff;color:#416b9d;font-size:10px;font-weight:830;cursor:pointer;transition:background .18s,color .18s,transform .18s}.mi-time-presets button:hover{background:#e7f2ff;transform:translateY(-1px)}.mi-time-presets button.is-selected{background:#1667e4;color:white;border-color:#1667e4;box-shadow:0 5px 11px rgba(24,93,208,.17)}
.mi-time-results-head{display:flex;justify-content:space-between;align-items:center;gap:4px;border-top:1px solid #e3edfa;padding:12px 2px 8px;color:#274d82;font-size:10px;font-weight:870}.mi-time-results-symbol{color:#136ad7;font-size:17px}
.mi-time-meeting-results{margin:0;gap:5px}.mi-time-meeting-row{display:flex;align-items:center;gap:5px;padding:8px 7px;min-height:36px;border-radius:9px;border:1px solid #e3edfc;background:linear-gradient(120deg,#f7fbff,#edf5ff);box-sizing:border-box;min-width:0}
.mi-time-meeting-row.is-source{background:linear-gradient(120deg,#e6f1ff,#d8eaff);border-color:#b7d5ff}.mi-time-meeting-left{flex:1;min-width:0;display:flex;align-items:center;gap:5px;color:#416b9c;font-weight:810;font-size:9px}.mi-time-meeting-left>span{white-space:nowrap}.mi-time-meeting-tag{display:grid;place-items:center;flex:0 0 30px;height:20px;background:#e0edff;border-radius:5px;color:#1f60af;font-size:8px;font-weight:950}.mi-time-meeting-right{display:flex;align-items:center;gap:4px;flex:none}.mi-time-meeting-right strong{font-size:10px;color:#0f4caa;font-weight:920;font-variant-numeric:tabular-nums;white-space:nowrap}.mi-time-day-shift{font-size:8px;color:#ad5b30;background:#fff4e7;border-radius:5px;padding:2px 3px;white-space:nowrap}.mi-time-footnote{margin:11px 2px 0!important;font-size:8.2px!important;line-height:1.65!important;color:#8ba2ba!important}
:root[data-theme="dark"] .mi-time-compare-toggle{background:#1b3a64;border-color:#335f96}
:root[data-theme="dark"] .mi-time-compare-toggle-title b,:root[data-theme="dark"] .mi-time-compare-intro b,:root[data-theme="dark"] .mi-time-results-head{color:#e1edff}
:root[data-theme="dark"] .mi-time-field span,:root[data-theme="dark"] .mi-time-compare-toggle-title small{color:#b2c7e2}
:root[data-theme="dark"] .mi-time-meeting-row{background:#1c3b65;border-color:#315982}
:root[data-theme="dark"] .mi-time-meeting-row.is-source{background:#204c86;border-color:#4476b4}
:root[data-theme="dark"] .mi-time-meeting-left,:root[data-theme="dark"] .mi-time-meeting-right strong{color:#d8e8ff}
:root[data-theme="dark"] .mi-time-meeting-tag{background:#285389;color:#cde8ff}
:root[data-theme="dark"] .mi-time-presets button{background:#1c3b64;color:#d9e7fb;border-color:#315982}
:root[data-theme="dark"] .mi-time-presets button.is-selected{background:#1259ce;color:white}
@media(max-width:1400px){.mi-time-analog{flex-basis:71px;width:71px;height:71px}.mi-time-hero{padding:11px 8px}.mi-time-face-row{gap:5px}.mi-time-clock>time{font-size:20px}.mi-time-clock-caption{font-size:6.7px}.mi-time-meeting-left{font-size:8.5px}}
@media(max-width:850px){.mi-time-analog{flex-basis:90px;width:90px;height:90px}.mi-time-face-row{justify-content:flex-start;gap:20px}.mi-time-clock>time{font-size:31px}.mi-time-hero{padding:15px}.mi-time-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mi-time-compare-toggle-title b{font-size:12px}}
@media(max-width:460px){.mi-time-face-row{gap:12px}.mi-time-analog{flex-basis:85px;width:85px;height:85px}.mi-time-clock>time{font-size:28px}.mi-time-form-grid{grid-template-columns:1fr 1fr}.mi-time-field:first-child{grid-column:1/-1}.mi-time-hero{padding:13px}.mi-time-meeting-left{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mi-time-hub .mi-clock-hand,.mi-time-hub .mi-time-presets button{animation:none!important;transition:none!important}}

@media(min-width:851px){.mi-time-face-row{gap:4px}.mi-time-analog{flex-basis:72px;width:72px;height:72px}.mi-time-clock>time{font-size:19px;letter-spacing:-.075em}.mi-time-clock-side{font-size:7px}.mi-time-clock-side b{font-size:10px}.mi-time-clock-caption{font-size:6.2px;letter-spacing:0}}