/* Mimone Health 0.9.5: genuine Mimone base UI tokens and component rules.
   Source: supplied Mimone index.html, adapted to Health DOM. This stylesheet
   intentionally loads last to override older Health pastel themes. */
:root{--green:#176b55;--green2:#e7f4ef;--ink:#17221f;--muted:#6c7975;--line:#e2e9e6;--bg:#f4f7f5;--white:#fff;--orange:#fff1df;--red:#b53d3d;--blue:#eaf1ff;--card:var(--white);--accent:var(--green)}
html body{margin:0!important;background:var(--bg)!important;color:var(--ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif!important;line-height:1.5!important}
/* Exact Mimone base header treatment, Health-specific copy retained. */
body>header.m3-header{display:block!important;background:linear-gradient(135deg,#176b55,#2d8a70)!important;color:#fff!important;padding:22px 16px 25px!important;border-radius:0 0 22px 22px!important;max-width:none!important;margin:0!important;box-shadow:none!important;border:0!important}
body>header.m3-header .wrap{max-width:900px;margin:auto}
body>header.m3-header .eyebrow{font-size:11px;opacity:.85;letter-spacing:.08em;color:#fff}
body>header.m3-header h1{font-size:23px!important;font-weight:800!important;line-height:1.4;margin:4px 0!important;color:#fff!important}
body>header.m3-header .mh-brand-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
body>header.m3-header p{margin:0;font-size:12px;opacity:.92;color:#fff!important}
body>header.m3-header .m3-version{font-size:11px!important;background:#ffffff24!important;border:1px solid #ffffff70!important;color:white!important;padding:5px 9px!important;border-radius:999px!important;white-space:nowrap}
body>main{max-width:900px!important;margin:auto!important;padding:14px 12px 108px!important}
/* Mimone .card / .panel and section title */
body main .card,body main .panel,body main .m3-greeting,body main .mh-welcome{background:var(--white)!important;border:1px solid var(--line)!important;border-radius:15px!important;padding:13px!important;box-shadow:0 3px 12px #183c2d08!important;color:var(--ink)!important}
body main .card{margin-bottom:11px!important}
body main .mh-welcome{margin-bottom:12px!important;background:#fff!important}
body main .mh-welcome .kicker{font-size:12px;color:var(--muted)}
body main .mh-welcome h2{font-size:20px!important;margin:3px 0 0!important;color:var(--ink)!important}
body main .mh-welcome .sub{font-size:12px!important;color:var(--muted)!important;margin:4px 0 0!important}
body main h2{color:var(--ink)!important;font-size:16px!important;font-weight:800!important}
body main .m3-section-heading{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;margin:18px 2px 9px!important;border:0!important;background:none!important;padding:0!important}
body main .m3-section-heading h2{font-size:16px!important;font-weight:800!important;margin:0!important}
body main .m3-section-heading>span{font-size:10px!important;letter-spacing:.05em!important;color:var(--muted)!important}
body main .m3-shortcuts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 16px!important}
body main .m3-shortcuts button{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:15px!important;padding:11px 5px!important;min-height:90px!important;box-shadow:0 3px 12px #183c2d08!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important}
body main .m3-shortcuts button .m3-short-icon{background:var(--green2)!important;color:var(--green)!important;border-radius:11px!important;display:grid!important;place-items:center!important;width:35px!important;height:35px!important;font-size:19px!important}
body main .m3-shortcuts strong{font-size:12px!important;color:var(--ink)!important}body main .m3-shortcuts small{font-size:10px!important;color:var(--muted)!important}
body main .metric,body main .m3-stats .metric{background:#f7faf8!important;border:1px solid var(--line)!important;border-radius:11px!important;padding:10px!important;color:var(--ink)!important}
body main .metric b{font-size:17px!important;color:var(--ink)!important}
/* Mimone base form design, scoped to avoid altering JS or native controls */
body main .field{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;margin:10px 0!important}
body main label,body main .field label{font-size:12px!important;color:#52615c!important;font-weight:700!important}
body main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),body main select,body main textarea,#mhHealthAI textarea,#mhHealthAI select{width:100%!important;min-width:0!important;border:1px solid #d6e0db!important;border-radius:10px!important;background:#fff!important;padding:11px!important;font:inherit!important;font-size:16px!important;color:var(--ink)!important;outline:none!important;box-shadow:none!important}
body main input:focus:not([type=checkbox]):not([type=radio]),body main select:focus,body main textarea:focus{border-color:var(--green)!important;box-shadow:0 0 0 3px #176b5518!important}
body button.btn,body main button.primary,body main .mh-mimone-open{font:inherit!important;cursor:pointer!important;border:0!important;border-radius:10px!important;padding:10px 12px!important;font-weight:750!important;background:var(--green)!important;color:#fff!important;box-shadow:none!important;text-decoration:none!important}
body button.btn.secondary,body main button.secondary{background:var(--green2)!important;color:var(--green)!important;border:0!important}
body button.btn.danger,body main button.danger{background:#fff0f0!important;color:var(--red)!important}
body main .mh-account-entry{background:var(--green2)!important;color:var(--green)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important}
body main .mh-mimone-link-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:15px!important;padding:13px!important;box-shadow:0 3px 12px #183c2d08!important}
body main .mh-mimone-link-card h3{color:var(--ink)!important}
body main .mh-mimone-link-card p{color:var(--muted)!important}
/* Mimone fixed tab navigation */
body>nav.tabs.m3-tabs{position:fixed!important;bottom:0!important;left:0!important;right:0!important;display:flex!important;justify-content:center!important;gap:1px!important;background:#ffffffed!important;backdrop-filter:blur(12px)!important;border-top:1px solid var(--line)!important;padding:7px 5px calc(7px + env(safe-area-inset-bottom))!important;z-index:10!important;box-shadow:none!important}
body>nav.tabs.m3-tabs button{background:transparent!important;color:var(--muted)!important;font-size:11px!important;flex:1!important;min-width:0!important;max-width:140px!important;border:0!important;border-radius:10px!important;padding:8px 2px!important;white-space:nowrap!important}
body>nav.tabs.m3-tabs button.active{background:var(--green2)!important;color:var(--green)!important}
body>nav.tabs.m3-tabs .m3-nav-icon{display:block!important;color:inherit!important;font-size:20px!important;line-height:1.2!important}
body>nav.tabs.m3-tabs .m3-nav-label{display:block!important;color:inherit!important;font-size:11px!important}
/* Health AI uses the same Mimone card and input vocabulary. */
#mhHealthAI .mhai-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:15px!important;padding:13px!important;box-shadow:0 3px 12px #183c2d08!important}
#mhHealthAI .mhai-logo{background:var(--green2)!important;color:var(--green)!important;border-radius:11px!important}
#mhHealthAI h2{color:var(--ink)!important}
#mhHealthAI .mhai-messages{background:#f7faf8!important;border-color:var(--line)!important;border-radius:11px!important}
#mhHealthAI .mhai-user{background:var(--green2)!important;color:var(--green)!important}
#mhHealthAI .mhai-assistant{border-color:var(--line)!important;color:var(--ink)!important}
@media(max-width:380px){body main .m3-shortcuts{gap:5px!important}body main .m3-shortcuts strong{font-size:11px!important}body>header.m3-header .mh-brand-bottom{align-items:flex-start}}