.customer-sheet-toggle,.customer-sheet-backdrop,.mobile-label-toggle{display:none}
@media(max-width:760px){
 .inbox.information-open .inbox-information{position:absolute;inset:auto 0 0;width:100%;height:82%;max-height:100%;padding:0 16px 20px;border:0;border-radius:20px 20px 0 0;z-index:32;box-shadow:0 -8px 35px #183b2930;overscroll-behavior:contain;box-sizing:border-box;overflow:auto}
 .inbox.information-open .inbox-information.sheet-expanded{height:100%;border-radius:0}
 .inbox.information-open .customer-sheet-backdrop{display:block;position:absolute;inset:0;z-index:31;border:0;border-radius:0;background:#183b2945;width:100%;height:100%;padding:0}
 .inbox-information .information-heading{position:sticky;top:0;background:white;z-index:2;padding:12px 0 8px;margin:0;gap:8px;border-bottom:1px solid #edf2ef}
 .information-heading h2{font-size:17px;flex:1}
 .customer-sheet-toggle{display:block;min-height:44px;padding:8px;font-size:12px}
 .information-close{min-width:44px;min-height:44px}
 .inbox-information .information-person{display:grid;grid-template-columns:44px 1fr;gap:3px 12px;text-align:left;padding:16px 0;border:0;align-items:center}
 .inbox-information .information-person .avatar{grid-row:1/3;width:44px;height:44px;margin:0}
 .inbox-information .information-person h3{margin:0}
 .mobile-profile-details{padding:14px 0;border-top:1px solid #e6eeea}.mobile-profile-details>summary{font-size:14px;min-height:36px}.mobile-profile-details .information-details{min-height:44px}
 .inbox-information .customer-summary{margin-top:0;display:flex;flex-direction:column}
 .customer-summary details{padding:14px 0}
 .customer-summary details:nth-child(2){order:-1}
 .customer-summary summary{font-size:14px;min-height:28px}
 .customer-summary button{min-height:44px;font-size:14px;padding:9px 12px}
 .customer-summary .summary-labels{gap:7px}
 .customer-summary .summary-labels button{min-height:36px;border-radius:18px}
 .mobile-label-toggle{display:block;margin-top:10px;color:#217c63}
 .customer-summary .label-form:not(.mobile-label-open){display:none}
 .customer-summary .label-form{flex-wrap:wrap;padding:12px;background:#f5f8f6;border-radius:12px}
 .label-form input{flex:1;min-width:140px}
 .label-suggestions{display:flex;flex-wrap:wrap;gap:6px;width:100%}
 .label-suggestions:empty{display:none}
 .label-suggestions button{border-radius:18px;background:white;min-height:36px}
 .summary-records strong{font-size:14px}.summary-records small{font-size:12px}
 .customer-record-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:var(--mobile-viewport-height,90dvh);border-radius:20px 20px 0 0;padding:20px 16px;box-sizing:border-box}
 .customer-record-dialog .record-form{display:flex;flex-direction:column;gap:12px}
 .record-form>label{order:0}.record-form>details{order:1}.record-form>.primary{order:2}.record-form>.record-feedback{order:3}
 .record-more{border-top:1px solid #e6eeea;padding-top:12px}
 .record-more summary{font-size:14px;min-height:36px;cursor:pointer}
 .record-more label{margin:10px 0!important}
 .customer-record-dialog .record-form input,.customer-record-dialog .record-form select{height:44px}
 .customer-record-dialog .record-form>.primary{position:sticky;bottom:0;min-height:48px;box-shadow:0 0 0 8px white;font-size:15px;z-index:2}
 .customer-record-dialog .record-list{max-height:120px}
 .customer-record-dialog .record-policy-row{font-size:12px}
}