@import url('./responsive-panels.css');
.morning-intro{max-width:65ch;color:var(--muted)}.morning-step{display:grid;grid-template-columns:40px minmax(0,1fr) 76px 44px 44px;gap:6px;align-items:center;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.morning-step input:not([type=checkbox]){margin:0!important;min-width:0}.morning-step button{padding:6px!important;min-height:44px}.morning-timeline{list-style:none;padding:0}.morning-timeline li{padding:10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.morning-actions{display:flex;flex-wrap:wrap;gap:10px}.morning-actions button{min-height:48px}.morning-tip{border-left:3px solid var(--accent);padding:12px;background:var(--panel);background:color-mix(in srgb,var(--accent) 7%,var(--panel));border-radius:10px}.connect-app{box-sizing:border-box;inline-size:100%;min-inline-size:0}.connect-app :where(section,fieldset,form,details,.connect-item,.connect-row,label){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}.connect-app input,.connect-app textarea,.connect-app select{min-inline-size:0;max-inline-size:100%}.connect-app p,.connect-app legend,.connect-app summary{overflow-wrap:anywhere}.connect-app fieldset{min-width:0}.connect-app pre{white-space:pre-wrap;overflow-wrap:anywhere}.connect-app .connect-nav{max-inline-size:100%;box-sizing:border-box}@media(max-width:640px){.connect-app{padding-inline:14px}.connect-app .connect-item{display:flex;flex-wrap:wrap;gap:10px}.connect-app .connect-item>span,.connect-app .connect-item>label{flex:1 1 100%;min-width:0}.connect-app .connect-item>button{flex:1 1 auto}.connect-app input,.connect-app textarea,.connect-app select{font-size:16px}.connect-app .connect-nav{margin-inline:0;padding-inline:0}.connect-app .connect-actions,.connect-app .morning-actions{gap:10px}.connect-app .connect-actions>*,.connect-app .morning-actions>button{box-sizing:border-box;flex:1 1 100%;max-width:100%}}@media(max-width:560px){.connect-app .morning-step{grid-template-columns:32px minmax(0,1fr) 44px 44px;padding:8px;gap:6px}.morning-step>:nth-child(1){grid-column:1;grid-row:1;justify-self:center}.morning-step>:nth-child(2){grid-column:2/-1;grid-row:1}.morning-step>:nth-child(3){grid-column:2;grid-row:2}.morning-step>:nth-child(4){grid-column:3;grid-row:2}.morning-step>:nth-child(5){grid-column:4;grid-row:2}.morning-step input:not([type=checkbox]){padding:8px!important;width:100%;box-sizing:border-box}.morning-step button{padding:4px!important;min-width:44px;min-height:44px}.connect-app section,.connect-app .quick-capture{padding:16px}.connect-app fieldset{padding:12px}}