@import url('./device-dashboard.css');
@import url('./attention.css?v=20261015attentionfit');
:root{color-scheme:dark;font-family:Arial,sans-serif;background:#04172b;color:#f5f8fc;font-size:16px;--cyan:#43cffa;--green:#20ddb0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#073c50,transparent 65%)}main{max-width:760px;margin:auto;padding:20px 16px 40px;min-height:100vh}a{color:var(--cyan)}header,.row,.actions,.summary{display:flex;align-items:center;gap:12px;justify-content:space-between}header{flex-wrap:wrap;margin-bottom:20px}header strong{font-size:1.35rem}h1{font-size:2rem;margin:8px 0 16px}h2{font-size:1.4rem;margin:0 0 18px}h3{margin:0 0 10px}p{line-height:1.5;color:#b5cddd}.muted,small{color:#a6c3d6}.badge{font-size:.8rem;color:#8ce4ee}.panel,.food{border:1px solid #2c617a;background:#071f36;border-radius:22px;padding:20px;margin-bottom:16px}.panel{box-shadow:0 0 22px #00dfff0c}button,input,select,textarea{font:inherit}button{border:1px solid #56b9da;border-radius:12px;background:#0d304a;color:#f4fbff;padding:12px 16px;cursor:pointer;min-height:44px}button:hover{background:#145272}button:disabled{opacity:.45;cursor:default}.primary{background:linear-gradient(120deg,#30dfef,#39bcf5);color:#001e32;font-weight:bold}.green{background:#1bd8aa;color:#03261f;font-weight:bold}.actions{flex-wrap:wrap;margin-top:18px}.actions button{flex:1}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tabs button{padding:10px 12px}.active{border-color:var(--green);background:#0d5a55}input,select,textarea{background:#04182c;color:white;border:1px solid #63b3d3;border-radius:8px;padding:9px;min-height:44px}input.number{width:5.2ch;box-sizing:content-box;text-align:center}input.amount{width:6ch;box-sizing:content-box;text-align:center}input[type=checkbox]{min-height:auto;accent-color:var(--green);width:22px;height:22px}input[type=time]{max-width:160px}label{display:inline-flex;gap:8px;align-items:center}.field{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.field>span{min-width:120px}.food{padding:16px;border-radius:16px}.food-head{display:flex;align-items:center;gap:12px}.food-head h3{margin:0 0 5px}.thumb{width:70px;height:70px;display:grid;place-items:center;font-size:2.7rem;background:#12344a;border-radius:14px;flex-shrink:0}.food-head>div:nth-child(2){flex:1;min-width:0}.carbs{color:white;font-weight:bold;white-space:nowrap}.portions{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 0}.portions label{display:flex;flex-direction:column;align-items:flex-start;font-size:.85rem}.unit-field{display:flex;align-items:center;gap:7px}.summary{flex-wrap:wrap}.budget{flex:1;min-width:120px}progress{width:100%;height:8px;accent-color:var(--green)}.total{font-size:2.3rem;font-weight:bold;color:var(--green)}textarea{width:100%;resize:vertical}.warning{color:#ffce82}.empty{text-align:center;padding:22px}dialog{color:#f4fbff;border:1px solid var(--cyan);border-radius:24px;background:#071e34;width:min(540px,calc(100% - 24px));max-height:90dvh;padding:0;box-shadow:0 0 40px #13c5ed22}dialog::backdrop{background:#00101bd9}.dialog-head,.dialog-foot{padding:18px;position:sticky;background:#071e34;z-index:1}.dialog-head{top:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #24465b}.dialog-head h2{margin:0}.dialog-body{padding:18px;overflow:auto}.dialog-foot{bottom:0;border-top:1px solid #24465b}.dialog-head button{padding:8px 13px}.library-item{margin:12px 0;padding:14px;border:1px solid #325670;border-radius:14px}.library-item h3{margin:0}.order-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.order-row>span{flex:1}.order-row button{padding:8px 12px}.steps{color:#aacbdd;font-size:.9rem;line-height:1.6}.sample{border:1px solid #47617a;border-radius:12px;padding:10px;font-size:.8rem}.saved-mark{text-align:center;font-size:3rem;color:var(--green)}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#194860;color:white;border:1px solid #45d7ff;border-radius:12px;padding:12px 20px;z-index:50;max-width:90%;display:none;align-items:center;gap:14px}#notice[data-sticky="true"]{background:#562a3a;border:2px solid #ff8795;box-shadow:0 0 0 3px #ff879533}#notice button{flex:none;padding:6px 10px;border:1px solid #c8f4ff;border-radius:8px;color:white;background:#193f67;font-size:.9rem}.glucose-reading-row{display:flex;align-items:flex-end;gap:10px}.glucose-reading-row>.field{flex:1;min-width:150px}.bt-meter-field{max-width:220px;min-height:40px;padding:6px 9px;font-size:.78rem;line-height:1.2;white-space:normal}.bt-meter-field svg{width:18px;height:18px;flex:none}.bt-meter-field span{text-align:left}@media(max-width:480px){.glucose-reading-row{align-items:stretch;flex-wrap:wrap}.glucose-reading-row>.field{flex-basis:100%}.bt-meter-field{max-width:100%}}.size-small{font-size:14px}.size-large{font-size:19px}.size-large .thumb{width:85px;height:85px}.size-small .thumb{width:58px;height:58px}.size-example{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px;background:#102d42;border-radius:12px}.history-row{padding:14px 0;border-bottom:1px solid #28495e}@media(max-width:480px){main{padding:16px 12px}header button{padding:10px}.panel{padding:16px}.food-head{flex-wrap:wrap}.carbs{margin-left:auto}.portions{gap:12px}.thumb{width:58px;height:58px}.actions button{min-width:110px}.dialog-body{padding:14px}.size-large .food-head .carbs{width:100%;text-align:right}}
[hidden]{display:none!important}.thumb.photo{background-image:url('../assets/meal-entry/sample-foods.webp');background-size:200% 200%;background-repeat:no-repeat}.photo-oats{background-position:left top}.photo-milk{background-position:right top}.photo-nuggets{background-position:left bottom}.photo-ketchup{background-position:right bottom}

.size-small button,.size-small input,.size-small select,.size-small textarea{font-size:14px}.size-large button,.size-large input,.size-large select,.size-large textarea{font-size:19px}.size-small h2{font-size:20px}.size-large h2{font-size:26px}

/* Approved Rowan test update: centered theme, concise help, food/site selectors. */
#app{text-align:center}button{text-align:center;background:transparent}.primary,.green{background:transparent;color:var(--cyan)}.green{color:var(--green);border-color:var(--green)}.active{background:#0d5a5533;border-color:var(--green)}button:focus-visible,[role=button]:focus-visible{outline:3px solid #ffd976;outline-offset:3px}.tracker-header{justify-content:center;flex-direction:column}.tracker-header nav{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.tracker-logo{width:clamp(110px,16vw,170px);height:auto;filter:url(#remove-white)}.test-label{font-size:.8rem;color:#92b5cd;margin:10px 0}.help{border-radius:50%;width:28px;min-height:28px;height:28px;padding:0;display:inline-grid;place-items:center;vertical-align:middle;font-size:16px;font-weight:bold;flex:none;color:var(--cyan)}.help::before{content:'';position:absolute;width:44px;height:44px}.filter-defs{position:absolute}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.dialog-body{text-align:center}.dialog-head h2{flex:1;text-align:center}.field,.portions,.actions,.summary{justify-content:center}.portions label{align-items:center}.food-head{justify-content:center;flex-wrap:wrap}.food-head>div:nth-child(2){flex:initial}.thumb{background:transparent}.compact-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #2c617a;border-bottom:1px solid #2c617a;padding:16px 0;margin:18px 0}.compact-summary>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px}.compact-summary span{color:#b5cddd;font-size:.85em}.compact-summary strong{font-size:clamp(.9rem,2vw,1.2rem);overflow-wrap:anywhere}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-choice{border:0;padding:0;display:flex;justify-content:center;background:transparent!important}.category-art{display:block;width:100%;aspect-ratio:1.06;background-image:url('../assets/meal-entry/food-categories.webp');background-repeat:no-repeat;background-size:300% 204%;border-radius:22%;}.category-0{background-position:24.5% 0}.category-1{background-position:79% 0}.category-2{background-position:24.5% 99%}.category-3{background-position:79% 99%}.shot-popup{width:min(980px,calc(100% - 24px))}.shot-workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.site-selector{border-right:1px solid #2c617a;padding-right:22px}.view-toggle{display:flex;justify-content:center;gap:8px}.view-toggle button{min-width:95px}.site-body{display:block;width:auto;height:clamp(300px,47dvh,440px);max-width:100%;margin:10px auto;overflow:hidden}.site-region{cursor:pointer}.site-hit{fill:transparent;stroke:transparent;pointer-events:all}.site-outline{fill:#43cffa16;stroke:var(--cyan);stroke-width:3;pointer-events:none}.site-region:hover .site-outline,.site-region:focus .site-outline,.site-region.selected .site-outline{stroke:var(--green);fill:#20ddb03b;stroke-width:5}.site-point{fill:#ffd976;stroke:#04172b;stroke-width:2;pointer-events:none}.site-preview{display:block;width:100px;height:115px;max-width:100%;overflow:hidden;cursor:crosshair;border-radius:14px}.selected-site{display:flex;justify-content:center;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #2c617a;border-bottom:1px solid #2c617a}.selected-site small{display:block;margin-top:7px}.selected-site>div{min-width:0}.dose-review{margin:18px 0}.site-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.site-names button{font-size:.8em;padding:8px 5px;min-height:44px}.shot-review .actions button{padding:10px 8px;font-size:.9em}.shot-review label.field{display:flex}.shot-review .compact-summary{gap:6px}.shot-review .compact-summary strong{font-size:1em}.entry-settings-link{margin-inline:auto}.order-row>span{text-align:center}.size-example{justify-content:center}.size-example span{background:none}.panel .total{font-size:1.5em}.warning{color:#ffd976}
@media(max-width:600px){.shot-workspace{grid-template-columns:1fr;gap:18px}.site-selector{border-right:0;border-bottom:1px solid #2c617a;padding:0 0 18px}.site-body{height:330px}.shot-popup .dialog-head{padding:12px}.site-selector h3{margin-bottom:10px}.site-names{grid-template-columns:repeat(2,minmax(0,1fr))}.shot-review h3{margin-top:0}.compact-summary{gap:6px}.compact-summary strong{font-size:.95rem}.selected-site{gap:12px}.category-grid{gap:8px}.help{width:26px;height:26px;min-height:26px}.shot-popup{max-height:94dvh}.dialog-body{padding:14px}.field>span{min-width:0}}

.category-picture{display:block;width:100%;height:auto;aspect-ratio:535 / 490;overflow:hidden}.site-hit{stroke-width:30}
/* Approved standalone avatar and site-state integration. */
.site-outline{stroke:var(--green);fill:#20ddb018;stroke-width:6}.site-region.status-used .site-outline{stroke:#ff6262;fill:#ff626225}.site-region.status-caution .site-outline{stroke:#ffab46;fill:#ffab462c}.site-region.selected .site-outline{stroke-width:8}.site-region.status-used:hover .site-outline,.site-region.status-used:focus .site-outline{stroke:#ff6262}.site-region.status-caution:hover .site-outline,.site-region.status-caution:focus .site-outline{stroke:#ffab46}.site-point{fill:#fff;stroke:var(--green);stroke-width:5}.site-preview{width:100px;height:150px;border-radius:0}.site-tools{display:flex;justify-content:flex-end;margin:0 0 8px}.site-gear{width:44px;height:44px;padding:9px;border:0;min-height:44px}.site-gear svg{width:24px;height:24px;fill:none;stroke:var(--cyan);stroke-width:1.8}.site-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:.75rem;margin:12px 0}.open{color:var(--green)}.used{color:#ff6262}.caution{color:#ffab46}.site-button-row{border:1px solid #29546a;border-radius:12px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:5px}.site-button-row>button:first-child{width:100%;color:var(--green);border-color:var(--green)}.site-button-row.status-used>button:first-child{color:#ff6262;border-color:#ff6262}.site-button-row.status-caution>button:first-child{color:#ffab46;border-color:#ffab46}.site-warning{font-size:.75rem;min-height:44px;justify-content:center}.site-warning input{width:18px;height:18px}.site-button-row .warning-note-link{border:0;font-size:.75rem;padding:5px}.rotation-next{font-size:.8rem}.avatar-options{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.avatar-options label{display:flex;flex-direction:column;max-width:100%}.avatar-options select{max-width:100%}.settings-avatar{display:block;object-fit:contain;width:100%;height:240px;margin:16px auto}.site-settings-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.site-setting{border:1px solid #29546a;border-radius:14px;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.site-setting h3{width:100%;font-size:1rem}.site-setting.status-used h3{color:#ff6262}.site-setting.status-caution h3{color:#ffab46}.warning-note-field{display:flex;flex-direction:column;align-items:center}.warning-note-field textarea{min-width:0;width:100%}@media(max-width:480px){.site-settings-list{grid-template-columns:1fr}.site-body{height:330px}.site-legend{gap:7px}}

/* Doctor order editor and shot-only calculation controls. */
.orders-panel{min-width:0}.orders-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.orders-panel input,.orders-panel select{width:min(100%,320px);min-width:0;text-align:center}.orders-ranges{display:flex;flex-direction:column;gap:10px}.orders-range{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;gap:6px;align-items:end}.orders-range label{display:flex;flex-direction:column;gap:6px;min-width:0}.orders-range input{width:100%;padding:8px 2px}.orders-table{margin:15px auto;border-collapse:collapse;width:100%;max-width:400px}.orders-table th,.orders-table td{padding:9px;border-bottom:1px solid #2c617a}.orders-summary p{margin:8px}.orders-session{font-size:.8rem;color:#ffc35a}.orders-formula p{font-size:.85rem;overflow-wrap:anywhere}.dose-review label{justify-content:center;flex-wrap:wrap;gap:8px}.dose-review strong{color:var(--green)}.orders-help{width:44px;height:44px;max-width:44px;min-width:44px;justify-self:center;border-radius:50%;padding:0!important}
@media(max-width:600px){.orders-fields{grid-template-columns:1fr}.orders-range{grid-template-columns:repeat(3,minmax(0,1fr)) 34px;gap:4px}.orders-range label{font-size:.75rem}.orders-range button{padding:3px;min-width:0}.orders-range input{font-size:.85rem}.orders-formula p{font-size:.8rem}}

/* Health Checks and Sick Day only. */
.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.health-card{border:1px solid #2c617a;border-radius:14px;padding:14px;margin:10px 0;text-align:center;overflow-wrap:anywhere}.health-card h3{color:#55dfc4}.health-card p{white-space:pre-wrap}.health-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}.health-form{display:grid;gap:12px;max-width:520px;margin:auto;text-align:center}.health-field{display:grid;gap:6px;min-width:0}.health-field input,.health-field select,.health-field textarea{width:100%;max-width:100%;box-sizing:border-box;text-align:center}.health-field textarea{min-height:100px}.health-document{display:block;width:100%;height:60vh;object-fit:contain;border:0}.health-tools [aria-selected="true"]{border-color:#33dfb7;color:#55dfc4}@media(max-width:600px){.health-grid{grid-template-columns:1fr}.health-card button{margin:4px;max-width:100%}}

/* Medicines & Supplies: scoped, no shared card overrides. */
.inv-main{text-align:center}.inv-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0}.inv-tools [aria-selected="true"]{color:#55dfc4;border-color:#33dfb7}.inv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inv-card{border:1px solid #2c617a;border-radius:18px;background:#0a2942;padding:16px;text-align:center;min-width:0;overflow-wrap:anywhere;margin:8px 0}.inv-card h2,.inv-card h3{color:#55dfc4}.inv-card p,.inv-detail p{white-space:pre-wrap}.inv-picture{width:clamp(70px,12vw,130px);height:clamp(70px,12vw,130px);display:block;margin:8px auto;object-fit:contain;background:transparent;clip-path:none}.inv-card button{margin:5px;max-width:100%}.inv-count{font-size:1.35em;font-weight:bold;color:#55dfc4}.inv-warning{display:inline-block;border:1px solid #ffbb54;color:#ffca76;padding:5px 10px;border-radius:12px;margin:5px}.inv-form{display:grid;gap:12px;text-align:center;max-width:550px;margin:auto}.inv-field{display:grid;gap:5px;min-width:0}.inv-field input,.inv-field select,.inv-field textarea{width:100%;max-width:100%;box-sizing:border-box;text-align:center}.inv-field textarea{min-height:90px}.inv-form details{border:1px solid #2c617a;border-radius:12px;padding:12px}.inv-form details[open] .inv-field{margin-top:12px}.inv-small{font-size:.8em}.inv-detail{text-align:center}.inv-meta>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-bottom:1px solid #2c617a;padding:8px}.inv-meta dd{margin:0;overflow-wrap:anywhere}.inv-scan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inv-scan-slot{display:flex;gap:7px;align-items:center;min-width:0;border:1px solid #2c617a;border-radius:10px;padding:7px}.inv-scan-slot input{min-width:0;width:100%;text-align:center}.inv-scan-slot:focus-within{border:2px solid #33dfb7}.inv-add-shortcut{display:inline-flex;flex-direction:column;align-items:center;border:0;background:transparent;padding:4px;gap:3px}.inv-add-shortcut span{display:grid;place-items:center;border:2px solid #55dfc4;border-radius:50%;height:34px;width:34px;line-height:1;font-size:28px;color:#55dfc4}.inv-add-shortcut small{font-size:10px}.hh-menu-wrap>.inv-add-shortcut{margin-left:10px}.inv-history{max-width:720px;margin:auto}@media(max-width:600px){.inv-grid{grid-template-columns:1fr}.inv-card{padding:12px}.inv-picture{width:90px;height:90px}.inv-tools{gap:7px}.inv-tools button{font-size:.9em}.inv-meta>div{grid-template-columns:1fr}.inv-scan-slot{padding:5px;gap:4px}.inv-scan-slot input{font-size:.8em}.inv-add-shortcut small{font-size:9px}}
:root .picture-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:720px;margin:auto}
.picture-menu .picture-menu-button{border:0;background:transparent;padding:0;min-width:0;border-radius:20px;line-height:0}
.picture-menu-button img{display:block;width:100%;height:auto}
.picture-menu-button:focus-visible{outline:3px solid #55dfc4;outline-offset:2px}
.picture-menu-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.home-device-button{display:flex;justify-content:flex-end;max-width:1280px;margin:0 auto 12px}

/* Available injection sites: visible borders at phone and desktop sizes. */
.site-region.status-open .site-outline,.site-preview .site-outline{stroke:#66e7ff;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px #001421) drop-shadow(0 0 1px #001421)}
.site-region.status-open.selected .site-outline{stroke-width:4}


/* Keep reading/save notices above modal dialogs, including on narrow screens. */
#notice[popover]{top:auto;right:auto;margin:0;width:max-content;max-width:min(90vw,700px);max-height:40dvh;overflow:auto;overflow-wrap:anywhere}
#notice[popover]::backdrop{background:transparent;pointer-events:none}

/* Approved Served and Eaten weighing layout; scoped to weighing only. */
#fw-workspace{max-width:520px;margin:auto;text-align:center}#fw-workspace h3{margin:0 0 14px}#fw-workspace .fw-reference{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;background:#091e36;border-radius:12px;padding:14px;margin-bottom:16px}#fw-workspace .fw-reference>span:first-child{flex-basis:100%;color:#b4d6e8}#fw-workspace .fw-served-eaten{display:grid;grid-template-columns:1fr 1fr;gap:12px}#fw-workspace .fw-served-eaten section{background:#0b2946;border-radius:12px;padding:16px 8px}#fw-workspace .fw-served-eaten strong{display:block;margin:10px 0;overflow-wrap:anywhere}#fw-workspace .fw-served-eaten button{font-size:.9em;min-height:44px;padding:8px}#fw-workspace .fw-connection{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:16px 0}#fw-workspace .fw-live{display:grid;gap:12px;padding:18px 0}#fw-workspace .fw-live strong{font-size:2.1em;font-weight:600}#fw-workspace .fw-live small{font-size:.5em;color:#b4d6e8;white-space:nowrap}#fw-workspace .fw-container-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#fw-workspace button.fw-container{background:#742b36;border:1px solid #ea8a96;color:#fff;min-height:56px;padding:10px;overflow-wrap:anywhere}#fw-workspace button.fw-container.chosen{background:#166258;border-color:#67e3b5}#fw-workspace .fw-container small{display:block}#fw-workspace .fw-mode{display:flex;justify-content:center;gap:10px;margin:16px 0}#fw-workspace .fw-mode button[aria-pressed=true]{background:#166258;border-color:#67e3b5}#fw-workspace .fw-nutrients{font-size:1.25em;color:#91efcc;margin:18px 0}#fw-workspace .fw-settings{background:transparent;min-height:44px}#fw-workspace #fw-message:empty{display:none}.fw-meal-summary>div{display:grid;gap:8px}.fw-meal-summary strong{font-size:1em;overflow-wrap:anywhere}@media(max-width:380px){#fw-workspace .fw-live strong{font-size:1.8em}#fw-workspace .fw-served-eaten{gap:8px}}
/* Device hub controls; existing Home connection indicators are unchanged. */
#device-hub{max-width:650px;margin:auto;text-align:center}.dh-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.dh-tabs button{min-height:48px;padding:10px 6px}.dh-tabs button[aria-selected=true]{background:#166258;border-color:#67e3b5}.dh-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dh-devices section{display:grid;justify-items:center;align-content:start;gap:12px;padding:18px 12px;background:#0b2946;border:1px solid #3383a7;border-radius:16px}.dh-devices h3{margin:0}.dh-devices button{min-height:48px;width:100%}.dh-devices .dc-art{width:110px;height:100px;max-width:100%}.dt-test-label{color:#ffdf88;background:#3d3214;border:1px solid #9f8740;border-radius:10px;text-align:center;padding:9px;margin-bottom:14px;font-weight:600}#device-hub details{margin-top:20px}#device-hub details button{margin:8px;min-height:44px}#device-hub summary{padding:12px}#dh-message:empty{display:none}@media(max-width:380px){.dh-devices{gap:8px}.dh-devices section{padding:14px 8px}.dh-tabs button{font-size:.9em}}

/* Approved Breakfast/Lunch/Dinner meal layout only. */
.split-meal-page .split-meal-header{flex-direction:row;align-items:center;justify-content:center;gap:20px;margin-bottom:4px}
.split-meal-header .sg-home-button{width:76px;height:76px;min-height:76px;padding:0;flex:0 0 76px}
.split-meal-header .sg-home-button img{width:76px;height:76px;max-width:none;object-fit:contain}
.split-meal-header .split-meal-title{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:700;font-size:46px;line-height:1.1;margin:0;letter-spacing:.3px}
.split-meal-page .split-food{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;overflow:hidden;text-align:center}
.split-left,.split-right{min-width:0;padding:56px 26px 30px}
.split-left{border-right:1px solid #2c617a}.split-left h3{text-align:center;margin:0 0 16px}
.split-picture{width:230px;height:230px;max-width:100%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}
.split-picture img,.split-picture .thumb{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border:0;background-color:transparent;border-radius:0}
.split-star,.split-remove{position:absolute;top:12px;width:38px;min-height:38px;height:38px;padding:0;border-radius:10px}.split-star{left:12px}.split-remove{right:12px}
.split-reference{display:block;white-space:nowrap;font-size:14px;color:#a6c3d6}.split-reference strong{display:inline;color:#f5f8fc}
.split-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:26px;text-align:center}
.split-right label{display:block;width:100%;margin-bottom:10px;text-align:center}
.split-stepper{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:26px;width:100%}
.split-stepper button{width:42px;height:48px;padding:0;flex-shrink:0;font-size:24px}
.split-stepper input{width:68px;min-width:0;text-align:center;height:48px;padding:8px}
.split-stepper span{font-size:14px;color:#a6c3d6}
.split-carbs{border-top:1px solid #2c617a;padding-top:18px;margin-top:4px;width:100%}.split-carbs small,.split-carbs strong{display:block}.split-carbs strong{font-size:24px;color:#f5f8fc;margin-top:8px}
.split-meal-page .compact-summary .split-glucose-summary{border:0;border-radius:0;background:none;padding:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit}.split-glucose-summary span{color:#a6c3d6;font-size:.85rem}.split-glucose-summary strong{font-size:1.2rem}.split-weigh-actions{flex-wrap:wrap;margin-bottom:16px}
@media(max-width:580px){.split-left,.split-right{padding:54px 12px 18px}.split-picture{width:100%;height:160px}.split-reference{white-space:normal;font-size:12px}.split-stepper{gap:3px;flex-wrap:wrap}.split-stepper button{width:32px}.split-stepper input{width:49px}.split-stepper span{width:100%}.split-meal-header .split-meal-title{font-size:36px}.split-meal-page .split-meal-header{gap:12px}}

.split-left .split-connected-link{display:inline-block;border:0;border-radius:0;background:none;box-shadow:none;padding:6px 0;margin-top:4px;min-height:32px;color:var(--cyan)}
.split-left .split-connected-link:hover{background:none;text-decoration:underline}