/* Invoice editing uses light rows and optional sections on the mobile client page. */
body.mobile-ui-active:has(#content .client-page-panel) .cip-modal.cip-modal-compact {inset:auto 0;top:var(--mcl-visible-top,0px);height:var(--mcl-visible-height,100dvh);box-sizing:border-box;}
body.mobile-ui-active:has(#content .client-page-panel) .cip-modal.cip-modal-compact .cip-dialog {max-height:100%;min-height:0;}
body.mobile-ui-active:has(#content .client-page-panel) .cip-modal.cip-modal-compact .cip-heading {justify-content:flex-start;}
body.mobile-ui-active:has(#content .client-page-panel) .cip-modal.cip-modal-compact .cip-heading > div {flex:1;min-width:0;}
body.mobile-ui-active:has(#content .client-page-panel) .cip-modal.cip-modal-compact .cip-heading > button {order:-1;flex:none;margin:0;}
body.mobile-ui-active .cip-modal.cip-modal-compact { padding:8px; height:var(--mobile-visible-height,100dvh); }
body.mobile-ui-active .cip-modal.cip-modal-compact .cip-dialog { width:100%; max-height:calc(var(--mobile-visible-height,100dvh) - 16px); }
body.mobile-ui-active .cip-modal.cip-modal-compact .cip-heading { padding:10px 12px; gap:8px; }
body.mobile-ui-active .cip-modal.cip-modal-compact .cip-heading h3 { font-size:14px; line-height:1.5; }
body.mobile-ui-active .cip-modal.cip-modal-compact [data-cip-client] { font-size:11px; }
body.mobile-ui-active .cip-modal.cip-modal-compact .cip-heading button { min-height:32px!important; height:32px; padding:4px 9px; }
body.mobile-ui-active .cip-modal.cip-modal-compact .cip-content { padding:3px 12px 8px; overscroll-behavior:contain; }
body.mobile-ui-active .cip-modal .cip-form.cip-form-compact { display:block; margin:0; }
body.mobile-ui-active .cip-modal .cip-form.cip-form-compact label { display:grid; grid-template-columns:76px minmax(0,1fr); align-items:center; gap:8px; min-height:48px; padding:3px 0; border:0; border-bottom:1px solid #edf0f4; background:transparent; box-sizing:border-box; }
body.mobile-ui-active .cip-modal .cip-form.cip-form-compact label>span { font-size:12px; line-height:18px; font-weight:400; color:#536b82; }
body.mobile-ui-active .cip-modal .cip-form.cip-form-compact input { min-height:38px!important; height:38px; padding:6px 3px; border:0; border-radius:0; background:transparent; box-shadow:none; font-size:16px; }
body.mobile-ui-active .cip-modal .cip-form.cip-form-compact input::placeholder { color:#a0adba; font-size:13px; }
body.mobile-ui-active .cip-modal .cip-form.cip-form-compact input:focus { border:0; outline:0; box-shadow:inset 0 -2px #138695; background:#f5fbfc; }
body.mobile-ui-active .cip-modal .cip-form.cip-form-compact input:disabled { color:#8292a2; }
body.mobile-ui-active .cip-modal .cip-field-group { margin:0; padding:0; border:0; border-bottom:1px solid #e3eaf0; border-radius:0; background:transparent; }
body.mobile-ui-active .cip-modal .cip-field-group>summary { display:flex; align-items:center; gap:8px; min-height:44px!important; margin:0; padding:8px 0; list-style:none; box-sizing:border-box; cursor:pointer; }
body.mobile-ui-active .cip-modal .cip-field-group>summary::-webkit-details-marker { display:none; }
body.mobile-ui-active .cip-modal .cip-field-group>summary>strong { flex:1; font-size:12px; font-weight:600; color:#31536b; }
body.mobile-ui-active .cip-modal .cip-field-group>summary>[data-cip-group-state] { font-size:11px; color:#7c8fa0; }
body.mobile-ui-active .cip-modal .cip-field-group>summary>i { width:6px; height:6px; margin:0 3px 3px; border:solid #7891a5; border-width:0 1px 1px 0; transform:rotate(45deg); }
body.mobile-ui-active .cip-modal .cip-field-group[open]>summary>i { transform:rotate(225deg); margin-bottom:0; }
body.mobile-ui-active .cip-modal .cip-form.cip-form-compact .cip-group-fields { padding-bottom:7px; }
body.mobile-ui-active .cip-modal .cip-form.cip-form-compact .cip-group-fields label:last-child { border-bottom:0; }
body.mobile-ui-active .cip-modal.cip-modal-compact .cip-footer { gap:8px; padding:8px 12px calc(8px + env(safe-area-inset-bottom)); }
body.mobile-ui-active .cip-modal.cip-modal-compact .cip-footer>button { min-height:38px!important; height:38px; padding:6px 12px; }
body.mobile-ui-active .cip-modal.cip-modal-compact .cip-status:empty { display:none; }
body.mobile-ui-active .cip-modal.cip-modal-compact .cip-status { font-size:11px; }
@media(max-height:480px) {
  body.mobile-ui-active .cip-modal.cip-modal-compact .cip-heading { padding:6px 10px; }
  body.mobile-ui-active .cip-modal.cip-modal-compact .cip-footer { padding:6px 10px; }
}