/* Percentages preserve the browser's user-selected default. Text uses rem units. */
html{font-size:calc(100% * var(--gc-font-scale,1))}
button,input,select,textarea{font-family:inherit;font-size:inherit}
[data-font-preference]{display:grid;gap:.75rem;margin:1.25rem 0;max-width:38rem;padding:1rem;border:1px solid var(--border,#dbe4ef);border-radius:1rem;background:var(--card,#fff);color:var(--text,#172033)}
[data-font-preference] label{font-size:1rem;font-weight:700;color:inherit;margin:0}
[data-font-preference] output{font-size:.9375rem;font-weight:700;overflow-wrap:anywhere}
[data-font-preference] p{font-size:.875rem;color:var(--muted,#526279);line-height:1.5;margin:0}
[data-font-preference] input[type="range"]{width:100%;height:max(44px,2.75rem);min-height:44px;padding:0;border:0!important;box-shadow:none!important;accent-color:#1565c0;cursor:pointer;background:transparent!important}
.font-scale-labels{display:flex;justify-content:space-between;gap:1rem;font-size:.8125rem;color:var(--muted,#526279)}
[data-font-reset]{justify-self:start;max-width:100%;min-height:max(44px,2.75rem);padding:.625rem .875rem;white-space:normal;border:1px solid var(--border,#dbe4ef);border-radius:.75rem;background:var(--card,#fff);color:var(--text,#172033);cursor:pointer}
[data-font-preference] :focus-visible{outline:3px solid #1565c0;outline-offset:4px}
/* Text may grow vertically; measurements, charts and exports keep their data. */
button,summary{overflow-wrap:normal}
#btnInstall,#btnLogin{white-space:nowrap}
header .auth-box{flex-shrink:0}
#chat .meal-type-option{height:auto;min-height:2.8rem}
#chat .chat-skin-context{min-height:3.625rem}
#chat .chat-skin-context .glucose-flow-grid{min-height:2.25rem}
#chat .chat-skin-context .glucose-card{padding-right:2rem}
#chat .chat-skin-context #glicemia{width:2.625rem;max-width:2.625rem;min-height:1.4375rem;line-height:1.4375rem}
#chat .chat-skin-context .glucose-input-wrap{min-height:1.4375rem}
#chat #chatMealLabel{white-space:normal;line-height:1.2}
#chat #chatMealTarget,#chat #chatMealTarget .chat-target-cho{white-space:normal;line-height:1.2}
#chat #chatMealTarget .chat-target-kcal{line-height:1.2}
#chat .chat-context-details>summary{top:.875rem}
#chat .chat-skin-context .glucose-unit{line-height:1.2}
#chat .chat-skin-context .glucose-card label{line-height:1.2}
#chat .chat-skin-context .glucose-override-btn{width:1.875rem;height:1.875rem;min-height:1.875rem}
#chat .chat-context-details>summary{width:1.875rem;height:1.875rem;min-height:1.875rem}
.drawer-head,.drawer-footer,.bottom-nav button{height:auto;line-height:1.35}
.bottom-nav{min-height:3.5rem;align-items:stretch}
.bottom-nav button{white-space:normal;min-height:3rem}
.messages-page{top:var(--gc-header-height,3.25rem)}
.clinical-card h3,.clinical-heading h2{overflow-wrap:anywhere}
.clinical-table-scroll{max-width:100%;overflow-x:auto}
.connection-table-wrap{max-width:100%;overflow-x:auto}
#settingsTheme{display:block;max-width:100%;white-space:normal}
#settingsTheme+.section-note{display:block;margin-top:.5rem}
@media(max-width:600px){
 body{padding-bottom:max(72px,5rem)}
 .header-inner{gap:.75rem;flex-wrap:wrap}
 .topbar,.top-actions{flex-wrap:wrap}
 #chat .chat-skin-context{column-gap:.5rem;padding-inline:.5rem}
 #chat .chat-skin-context .glucose-flow-grid{padding-right:.4rem}
 #chat .chat-skin-context .glucose-input-wrap{flex-wrap:wrap;gap:.125rem}
 #chat .chat-skin-context .chat-target-primary{padding-right:1.75rem}
 #chat .chat-context-details>summary{right:.5rem}
 #chat .chat-skin-context .glucose-card{padding-right:1.75rem}
 header .brand-name{min-width:0}
 [data-font-preference]{padding:.875rem}
 .header .brand h1{overflow-wrap:anywhere}
}