.mission-card{background:#152f37;color:#fff;padding:30px;border-radius:20px;margin-bottom:24px}.mission-card .sub,.mission-card .eyebrow{color:#bfd5d8}.mission-card h2{font-size:27px}.mission-card .secondary{background:#ffffff12;border-color:#ffffff30;color:#fff}.mission-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.daily-readings{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:23px}.reading-card{padding:20px}.reading-card h3{margin:8px 0}.reading-value{font-size:25px;font-weight:600}.data-audit{max-height:480px;overflow:auto}.mobile-bar{display:none}.install-steps{padding-left:20px}.install-steps li{margin:12px 0}.mission-disclosure{font-size:13px;color:#60747a}.all-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.all-sections button{min-height:52px;text-align:left}button:disabled{cursor:not-allowed}button,input,select{min-height:44px}
@media(max-width:740px){aside nav{display:none}aside{padding:12px 18px}.brand{font-size:25px}main{padding-bottom:90px}header{min-height:62px}.header-actions{gap:6px}.header-actions button{font-size:12px;padding:9px}.page-title{display:block}.page-title .date-input{margin-top:16px;max-width:none;width:100%}.daily-readings{grid-template-columns:1fr}.mission-card{padding:22px}.mission-card h2{font-size:23px}.mission-actions .secondary{flex:1}.mobile-bar{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #dce5e7;padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:20}.mobile-bar button{border:0;background:none;color:#60747a;border-radius:10px;min-height:48px;font-size:13px}.mobile-bar button.active{background:#e7f4f0;color:#174f42;font-weight:600}.form-grid{grid-template-columns:1fr}.hero-card{grid-template-columns:1fr}.hero-card .ring{justify-self:center}.context-tabs{flex-wrap:wrap}.heart-top{flex-wrap:wrap}input,select,textarea{font-size:16px}h1{font-size:30px}.mission-disclosure{font-size:14px}}

.daily-three{margin:24px 0}.daily-ring-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:center}.daily-ring-item .ring{margin:12px auto;background:#152f37;border-radius:50%;width:150px;height:150px}.daily-ring-item .ring-number{color:white}.daily-ring-item h3{margin:10px 0}.daily-three details{padding:16px 0;border-top:1px solid #e5ecef}.daily-three summary{cursor:pointer;font-weight:600}.daily-three input{max-width:220px}@media(max-width:600px){.daily-ring-grid{gap:6px}.daily-ring-item .ring{width:90px;height:90px}.daily-ring-item .ring-number strong{font-size:24px}.daily-ring-item .ring-number small{font-size:10px}.daily-ring-item h3{font-size:14px}.daily-ring-item p,.daily-ring-item a{font-size:12px}}

.account-dialog {width:min(620px,calc(100vw - 24px));max-height:85dvh;overflow:auto;box-sizing:border-box}.account-dialog form{display:grid;gap:12px;margin:20px 0}.account-dialog input{max-width:100%;box-sizing:border-box}.account-dialog .table-scroll{overflow:auto}.account-dialog td,.account-dialog th{padding:10px;text-align:left;white-space:nowrap}.account-dialog hr{border:0;border-top:1px solid #dce5e7;margin:24px 0}@media(max-width:420px){.header-actions{flex-wrap:wrap}.welcome-panel{box-sizing:border-box;max-width:100%}.account-dialog button{white-space:normal}}

.account-dialog{background:#fff;color:#152f37;opacity:1;border:1px solid #dce5e7;box-shadow:0 16px 70px #152f3740}.account-dialog::backdrop{background:#152f3759}.account-dialog table{width:100%;border-collapse:collapse}.account-dialog td,.account-dialog th{border-bottom:1px solid #e3ebed}.account-dialog h2{margin-top:0}

@media(max-width:740px){header{display:block;padding:10px 0;min-height:0}.header-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px}.header-actions button{min-height:40px;padding:7px 4px}.demo-banner{margin:0 0 8px;padding:6px 8px;font-size:11px}.daily-three{padding:16px 10px}.daily-ring-grid{gap:4px}.daily-ring-item .ring{width:clamp(68px,22vw,90px);height:clamp(68px,22vw,90px)}.daily-ring-item .ring-number strong{font-size:22px}.daily-ring-item strong{font-size:12px}.daily-ring-item a{display:block}.mission-card{margin-top:20px}.chart-head h2{font-size:18px}.welcome-screen{padding:12px}}
@media(min-width:741px){header{flex-wrap:wrap;gap:8px;padding:14px 0}.demo-banner{flex-basis:100%;margin:0;padding:6px 10px}.header-actions{flex-wrap:wrap;gap:8px}.header-actions button{white-space:nowrap}#breadcrumb{flex:1;min-width:130px}}
