/* head-usage-pilot-v1: only rendered by the exact Peter gate. */
.ghu-section{margin:0 0 16px;border:1px solid var(--line,#e5e5ea);border-radius:12px;background:#fff;overflow:hidden;font:14px/1.5 var(--font-sans,sans-serif)}
.ghu-section>.ghu-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line,#e5e5ea);min-height:48px}
.ghu-summary{padding:16px}.ghu-meta{color:var(--ink-soft,#6e6e73);margin-bottom:10px;font-size:13px}.ghu-item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:6px 0}.ghu-item span{white-space:pre-wrap;overflow-wrap:anywhere}
.ghu-form{font:14px/1.5 var(--font-sans,sans-serif);color:var(--ink,#1d1d1f)}
#gcHeadUsageForm{margin:0 20px 20px;padding-top:16px;border-top:1px solid var(--line,#e5e5ea)}
.ghu-size{display:flex;align-items:center;gap:16px;margin-bottom:16px}.ghu-size input{width:140px!important}.ghu-label{font-weight:600;margin-bottom:8px}
.ghu-row{display:grid;grid-template-columns:110px minmax(0,1fr) 50px;gap:8px;align-items:start;margin-bottom:10px}
.ghu-form :is(input,select,textarea){box-sizing:border-box;min-width:0;width:100%;font:inherit;padding:8px 10px;border:1px solid var(--line,#d8d8de);border-radius:8px;background:#fff;color:inherit;min-height:36px}.ghu-form textarea{resize:none;min-height:36px}
.ghu-form button,.ghu-section button,.ghu-dialog footer button{font:inherit;border:1px solid var(--line,#d8d8de);border-radius:8px;background:#fff;color:var(--blue,#007aff);min-height:36px;padding:6px 12px;cursor:pointer}.ghu-row [data-remove]{border:0;color:var(--ink-soft,#6e6e73);padding-inline:0}.ghu-message{color:#b34400;white-space:pre-wrap}.ghu-message:empty{display:none}
.ghu-dialog{position:fixed;inset:0;margin:auto;transform:none;width:480px;max-width:calc(100vw - 32px);max-height:86dvh;padding:0;border:1px solid var(--line,#e5e5ea);border-radius:16px;overflow:hidden;background:#fff;color:var(--ink,#1d1d1f)}.ghu-dialog[open]{display:flex;flex-direction:column}.ghu-dialog::backdrop{background:rgba(0,0,0,.35)}.ghu-dialog>header{display:flex;position:static;flex:0 0 auto;min-height:56px;padding:16px 20px;border-bottom:1px solid var(--line,#e5e5ea)}.ghu-dialog h2{font:600 17px/1.4 var(--font-sans,sans-serif);margin:0}.ghu-editor{padding:20px;overflow:auto;min-height:0}.ghu-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--line,#e5e5ea)}.ghu-dialog [data-save]{background:#007aff;color:#fff;border-color:#007aff}
@media(max-width:720px){.ghu-row{grid-template-columns:90px minmax(0,1fr) 40px;gap:6px}.ghu-form button,.ghu-dialog footer button,.ghu-section button{min-height:44px}.ghu-editor{padding:16px}.ghu-item{grid-template-columns:70px minmax(0,1fr)}}

/* head-usage-layout-v2: same white record surface as adjacent drawer sections. */
.ghu-section,.ghu-section>.ghu-head,.ghu-summary{background:#fff!important;box-shadow:none!important}
.ghu-section>.ghu-head{position:static;border:0;border-bottom:1px solid var(--line,#e5e5ea);min-height:48px;padding:8px 16px}
.ghu-section:not(:has(.ghu-summary:not(:empty)))>.ghu-head{border-bottom:0}
.ghu-summary:empty{display:none}.ghu-head strong{font-size:14px;font-weight:600}
html body #updateBackdrop.gc-form-dialog-frame:has(#gcHeadUsageForm)>.modal{width:480px!important;max-width:calc(100vw - 32px)!important;height:auto!important;min-height:0!important;max-height:86dvh!important;background:#fff!important}
html body #updateBackdrop.gc-form-dialog-frame:has(#gcHeadUsageForm)>.modal>.modal-body{padding:16px!important;background:#fff!important;min-height:0!important;overflow-y:auto!important}
html body #updateBackdrop.gc-form-dialog-frame:has(#gcHeadUsageForm)>.modal>.modal-header,html body #updateBackdrop.gc-form-dialog-frame:has(#gcHeadUsageForm)>.modal>.modal-footer{min-height:48px!important;padding:10px 16px!important;background:#fff!important}
html body #updateBackdrop #gcHeadUsageForm{margin:0;padding:0;border:0}
.ghu-basics{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:16px;align-items:start;margin-bottom:16px}
.ghu-basics .ghu-date,.ghu-basics .ghu-size{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;margin:0!important;min-width:0}
.ghu-basics label,.ghu-basics .ghu-date>label{font-size:13px!important;font-weight:500!important;margin:0!important}
html body #updateBackdrop #gcHeadUsageForm :is(input,select){height:36px!important;min-height:36px!important;width:100%!important;font:inherit!important;padding:6px 10px!important;box-shadow:none!important}
.ghu-row{grid-template-columns:100px minmax(0,1fr) 40px;gap:8px}.ghu-form textarea{line-height:20px;padding:7px 10px}
@media(max-width:720px){.ghu-basics{grid-template-columns:minmax(0,1fr) 100px;gap:12px}html body #updateBackdrop #gcHeadUsageForm :is(input,select){height:44px!important;min-height:44px!important}.ghu-row{grid-template-columns:90px minmax(0,1fr) 36px}.ghu-form textarea{padding-top:11px;padding-bottom:11px}}

/* Fixed meter suffix shares the compact input row. */
.ghu-amount{position:relative;min-width:0}.ghu-amount textarea{display:block}
html body .ghu-amount textarea.gc-auto-textarea.gc-auto-textarea.gc-auto-textarea{padding-right:32px!important}
.ghu-unit{position:absolute;right:10px;top:8px;line-height:20px;color:var(--ink-soft,#6e6e73);pointer-events:none}.ghu-unit[hidden]{display:none!important}
@media(max-width:720px){.ghu-unit{top:12px}}

.ghu-actions{display:flex;gap:8px;align-items:center}.ghu-actions [hidden]{display:none!important}.ghu-actions [data-head-delete]{color:var(--danger,#c62828)}

.ghu-actions[hidden]{display:none!important}