/* Current record and interval forms. */
.record-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:none;padding:12px 0;min-height:44px;border-radius:0;font-size:12px;color:#727272}
.record-tabs button.active{border-bottom-color:#232323;color:#232323}
.sheet h2.record-title{font:400 clamp(38px,10vw,58px)/1.13 'Chakra Petch','Noto Sans Thai',sans-serif;margin:25px 0 12px;letter-spacing:-.025em}.record-baseline{font:13px/1.5 'Chakra Petch',sans-serif;color:#646464;margin-bottom:26px}.sheet .field label{font-size:12px;margin-top:15px}.sheet input,.sheet select,.sheet textarea{border:1px solid #c5c5c5;background:#ffffff;border-radius:12px;min-height:48px;width:100%;padding:13px;font-size:16px}.sheet textarea{min-height:90px;resize:vertical}.sheet input[type=number]{font:400 26px 'Chakra Petch',sans-serif}.sheet input:disabled{opacity:.4}.record-measures{display:grid;grid-template-columns:1fr;gap:0}.service-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;padding:0;margin:20px 0 0}.service-choices legend{font-size:12px;margin-bottom:10px}.service-choices label{position:relative;margin:0!important;min-height:46px;display:flex;align-items:center;gap:7px;padding:9px;border:1px solid #c9c9c9;border-radius:13px;font-size:12px}.service-choices input{accent-color:#262626;width:16px!important;min-height:16px;height:16px;flex:0 0 16px;padding:0}.service-choices label:has(input:checked){background:#262626;color:#ffffff;border-color:#262626}.service-choices label:has(input:disabled){opacity:.65}
.check-label{display:flex!important;align-items:center;gap:9px;min-height:44px}.check-label input{width:18px!important;min-height:18px;flex:0 0 18px;height:18px;accent-color:#262626}.unknown-fields{display:flex;gap:12px;flex-wrap:wrap}.unknown-fields label{font-size:11px;margin:8px 0}.record-extras{margin:20px 0;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:10px 0}.record-extras summary{min-height:44px;display:flex;align-items:center;font-size:13px;cursor:pointer}.save-bar{position:sticky;bottom:-27px;background:linear-gradient(#ffffff00,#ffffff 20%);padding:16px 0 14px;z-index:4}.save-bar .action{margin:0}.draft-status{font-size:10px;min-height:18px}.undo-button{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;min-height:44px;padding:0 9px;white-space:nowrap}.toast{bottom:calc(var(--dock-space) + 10px);border:1px solid #fff3;display:flex;align-items:center;gap:8px;max-width:calc(100% - 28px);width:max-content;border-radius:20px;box-shadow:0 7px 35px #0004}
.plan-row{border-top:1px solid #c5c5c5;padding:21px 0}.plan-row-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.plan-row h3{font:400 26px/1.2 'Chakra Petch',sans-serif;margin:0}.plan-state{font-size:8px;letter-spacing:.06em;text-align:right;max-width:38%;color:#757575}.plan-row[data-status=overdue] .plan-state,.plan-row[data-status=due] .plan-state{color:#595959}.plan-baseline{font:13px/1.5 'Chakra Petch',sans-serif;margin:12px 0 4px;color:#656565}.plan-result{font-size:12px;line-height:1.65;margin:4px 0}.plan-row-actions{display:flex;gap:23px}.plan-row-actions button{font-size:11px;min-height:44px;margin-top:1px}.plan-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.interval-preview .date-target{font:400 30px 'Chakra Petch',sans-serif;letter-spacing:0}.interval-form{scroll-margin-top:74px}.companion-sheet .subhead{font-weight:400!important}
#photoDialog .review-row{padding:16px 0 26px;border-top:1px solid #c8c8c8}.review-image{border-radius:16px;background:#dcdcdc}.review-file{font-size:10px;overflow-wrap:anywhere;margin:12px 0}#photoStatus{font-size:13px;line-height:1.6;margin:18px 0}.upload-button{display:block;border:1px dashed #888888;border-radius:18px;padding:20px;text-align:center;margin:20px 0!important;cursor:pointer}#photoFiles{font-size:12px}.photo-done{display:block;width:100%;min-height:44px;background:none;border:0;margin:12px 0 0;font-size:14px;color:inherit}#photoDialog .unclear{font-size:12px;line-height:1.7;padding-left:12px;border-left:2px solid #7d7d7d}.companion-sheet .sheet-top{background:#ffffff}.companion-sheet{background:#ffffff}
@media(min-width:700px){dialog:where(:not(#collection,#community,#entryFlow,.context-panel)){margin:auto;border-radius:28px}.record-measures{grid-template-columns:1fr 1fr;gap:12px}}
.companion-sheet .desc{font-size:12px;line-height:1.75}
.plan-row{border:0;border-top:1px solid #23232333;padding:25px 0;margin-top:25px}
.plan-row h3{font:400 clamp(30px,9vw,44px)/1.2 'Chakra Petch',sans-serif}
.plan-state{font:11px/1.5 'Chakra Petch',sans-serif;max-width:35%;letter-spacing:0}
.plan-baseline{margin:20px 0 6px}
.baseline-label,.baseline-date{display:block;font:11px/1.6 'Chakra Petch',sans-serif;color:#727272}
.baseline-reading{display:flex;align-items:baseline;gap:8px;margin:7px 0 6px}
.baseline-reading strong{font:400 clamp(35px,11vw,64px)/1.2 'Michroma',sans-serif;letter-spacing:-.08em;color:#232323}
.baseline-reading small{font:11px 'Chakra Petch',sans-serif}
.baseline-unknown{font:400 30px/1.3 'Chakra Petch',sans-serif;margin:7px 0}
.companion-sheet{scrollbar-width:thin}
.companion-sheet .subhead{font:500 20px/1.4 'Chakra Petch';margin:24px 0 12px}
.giant-sheet-title{white-space:pre-line;overflow-wrap:anywhere}
.interval-preview strong{font:400 32px/1.3 Michroma;letter-spacing:-2px;display:block}
.interval-preview span{display:block;font-size:14px;margin-top:8px}
.interval-form{border-top:1px solid var(--line);margin:20px 0;padding-bottom:20px}
.source-note{border-top:1px solid var(--line);padding:16px 0}
.source-note summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.source-note a{font-size:14px;color:inherit}
.service-summary{font-size:14px;line-height:1.7;margin:9px 0}
.plan-row-actions{display:flex;gap:20px}.plan-row-actions button{min-height:44px}
.plan-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.save-bar{position:sticky;bottom:0;background:#fff;padding:12px 0;z-index:4}.save-bar .action{margin:0}
.draft-status{font-size:13px;min-height:18px}

.record-tabs{display:flex;gap:14px;border-bottom:1px solid #aaa5;margin:14px 0}
