/* Mobile customer editing uses a scrolling body and original persistent actions. */
body.mobile-ui-active #clientCreatePanel.client-create-dialog {z-index:140;inset:auto 0;top:var(--mcl-visible-top,0px);height:var(--mcl-visible-height,100dvh);padding:8px;}
body.mobile-ui-active #clientCreatePanel .client-create-dialog-card {max-height:100%;min-height:0;}
body.mobile-ui-active #clientCreatePanel .client-create-dialog-head {justify-content:flex-start;gap:8px;}
body.mobile-ui-active #clientCreatePanel .client-create-dialog-head h3 {flex:1;min-width:0;margin:0;}
body.mobile-ui-active #clientCreatePanel .client-create-dialog-head > .client-create-dialog-close {order:-1;flex:none;min-width:0;width:auto;margin:0;}
body.mobile-ui-active .mobile-client-form-modal { inset:auto 0;top:var(--mcl-visible-top,0px);height:var(--mcl-visible-height,100dvh);box-sizing:border-box;padding:0!important; align-items:stretch; }
body.mobile-ui-active .mobile-client-form-modal > .mobile-client-form-card { display:flex; flex-direction:column; width:100%!important; max-width:100%!important; height:100%!important; max-height:100%!important; min-height:0; margin:0!important; padding:0!important; overflow:hidden!important; border:0; border-radius:0; box-sizing:border-box; background:#fff; }
body.mobile-ui-active .mobile-client-form-card > :is(.mobile-client-form-header,.system-dialog-header,.client-survey-modal-head,.client-detail-compose-head) { display:flex; flex:none; align-items:center; justify-content:space-between; gap:8px; padding:9px 10px; margin:0; border-bottom:1px solid #e3eaf2; }
body.mobile-ui-active .mobile-client-form-card > :is(.system-dialog-header,.client-survey-modal-head) > div { flex:1; min-width:0; }
body.mobile-ui-active .mobile-client-form-card :is(h3,h4) { font-size:14px; line-height:1.4; margin:0; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-client-form-card > :is(.mobile-client-form-header,.system-dialog-header,.client-survey-modal-head,.client-detail-compose-head) > :is(button,.preview-modal-close) { position:static!important; flex:none; width:auto; min-width:46px; min-height:32px!important; height:32px; margin:0!important; padding:4px 9px; font-size:12px; color:#335c85; background:white; border:1px solid #dae4ef; }
body.mobile-ui-active .mobile-client-form-card > :is(.mobile-client-form-header,.system-dialog-header,.client-survey-modal-head,.client-detail-compose-head) {justify-content:flex-start;}
body.mobile-ui-active .mobile-client-form-card > :is(.mobile-client-form-header,.system-dialog-header,.client-survey-modal-head,.client-detail-compose-head) > :is(h3,h4) {flex:1;min-width:0;}
body.mobile-ui-active .mobile-client-form-card > :is(.mobile-client-form-header,.system-dialog-header,.client-survey-modal-head,.client-detail-compose-head) > :is(button,.preview-modal-close) {order:-1;}
body.mobile-ui-active .mobile-client-form-card :is(.system-dialog-message,#clientSurveyContext) { font-size:11px; line-height:1.45; margin:3px 0 0; max-height:48px; overflow:auto; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-client-form-card > form.mobile-client-managed-form { display:flex!important; flex:1; flex-direction:column!important; align-items:stretch; width:100%; min-width:0; min-height:0; margin:0; padding:0; gap:0; overflow:hidden; }
body.mobile-ui-active .mobile-client-managed-form > .mobile-client-form-scroll { display:block; flex:1; min-height:0; width:100%; padding:10px; overflow:auto; overscroll-behavior:contain; box-sizing:border-box; }
body.mobile-ui-active .mobile-client-form-scroll > .mobile-client-form-group { display:block; margin:0 0 10px; padding:0; border:0; background:transparent; }
body.mobile-ui-active .mobile-client-form-group > h4 { margin:0 0 7px; font-size:12px; color:#395776; }
body.mobile-ui-active .mobile-client-form-group > .mobile-client-form-fields { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:start; gap:9px 8px; min-width:0; }
body.mobile-ui-active .mobile-client-form-group .mobile-client-form-field { display:flex; flex-direction:column; gap:4px; margin:0; min-width:0; grid-column:auto; }
body.mobile-ui-active .mobile-client-form-group .mobile-client-form-wide { grid-column:1/-1; }
body.mobile-ui-active .mobile-client-form-group :is(label > span,small) { margin:0; font-size:12px; line-height:1.45; font-weight:400; color:#546b83; }
body.mobile-ui-active .mobile-client-form-group small { font-size:11px; }
body.mobile-ui-active .mobile-client-form-group :is(input:not([type=hidden]),select) { width:100%; min-width:0; min-height:36px!important; height:36px; margin:0; padding:6px 7px; font-size:14px!important; font-weight:400; line-height:22px; box-sizing:border-box; border-radius:5px; }
body.mobile-ui-active .mobile-client-form-group textarea { width:100%; min-width:0; min-height:72px!important; height:72px; margin:0; padding:7px; font-size:14px!important; font-weight:400; line-height:1.5; resize:vertical; box-sizing:border-box; border-radius:5px; }
body.mobile-ui-active .mobile-client-form-scroll > details.mobile-client-form-group { border:1px solid #e2eaf2; border-radius:6px; background:#f9fbfd; }
body.mobile-ui-active .mobile-client-form-group > summary { display:flex; align-items:center; justify-content:space-between; min-height:36px!important; padding:7px 9px; margin:0; list-style:none; font-size:12px; line-height:1.5; color:#395776; cursor:pointer; box-sizing:border-box; }
body.mobile-ui-active .mobile-client-form-group > summary::-webkit-details-marker { display:none; }
body.mobile-ui-active .mobile-client-form-group > summary::after { content:'⌄'; margin-left:8px; }
body.mobile-ui-active .mobile-client-form-group[open] > summary::after { content:'⌃'; }
body.mobile-ui-active details.mobile-client-form-group > .mobile-client-form-fields { padding:0 9px 9px; }
body.mobile-ui-active .mobile-client-form-group :is(.client-follow-project-guide,.client-survey-guide,#clientFollowProjectEditHistory,[data-client-draft-tools]) { grid-column:1/-1; margin:0; padding:0; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-client-managed-form > .mobile-client-form-actions { display:flex!important; flex:none!important; flex-direction:row!important; justify-content:flex-end; align-items:center; gap:8px; width:100%; margin:0!important; padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important; border-top:1px solid #e0e8f1; background:#fff; box-sizing:border-box; }
body.mobile-ui-active .mobile-client-managed-form > .mobile-client-form-actions > button { flex:1 1 0!important; width:auto!important; min-width:0; min-height:40px!important; height:40px!important; max-height:40px; margin:0!important; padding:7px 10px; font-size:13px; line-height:20px; box-sizing:border-box; }
body.mobile-ui-active .mobile-client-managed-form > .mobile-client-form-actions > button[type=submit] { order:2; }
body.mobile-ui-active .mobile-client-managed-form > .mobile-client-form-actions > button:not([type=submit]) { flex:0 0 30%!important; order:1; }
body.mobile-ui-active .mobile-client-managed-form [data-client-draft-tools] { display:flex; flex-wrap:wrap; gap:5px; align-items:center; }
body.mobile-ui-active .mobile-client-managed-form [data-client-draft-tools] button { flex:0 1 auto; width:auto; min-height:32px!important; height:auto; margin:0; padding:5px 7px; font-size:11px; line-height:1.4; border:1px solid #d9e3ee; background:#fff; color:#395776; }
body.mobile-ui-active .mobile-client-managed-form [data-client-draft-tools] :is([data-client-discard-confirm],[data-client-latest]) { flex-basis:100%; font-size:11px; }
body.mobile-ui-active .mobile-client-managed-form :is([data-client-draft-status],.client-form-error,.system-dialog-error) { margin:0 0 8px; font-size:11px; line-height:1.5; }
body.mobile-ui-active .mobile-client-managed-form :is([data-client-cooperation-summary],[hidden],.hidden) { display:none!important; }
@media(max-height:480px) {
  body.mobile-ui-active .mobile-client-form-card > :is(.mobile-client-form-header,.system-dialog-header,.client-survey-modal-head,.client-detail-compose-head) { padding:5px 8px; }
  body.mobile-ui-active .mobile-client-form-card :is(h3,h4) { font-size:13px; }
  body.mobile-ui-active .mobile-client-form-card :is(.system-dialog-message,#clientSurveyContext) { max-height:30px; }
  body.mobile-ui-active .mobile-client-managed-form > .mobile-client-form-actions { padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important; }
  body.mobile-ui-active .mobile-client-managed-form > .mobile-client-form-scroll { padding:8px; }
}