.cmApp{--cm-ink:#243451;--cm-muted:#66677a;--cm-line:#e5ddd4;--cm-gold:#b99250;box-sizing:border-box;z-index:40;height:100dvh;color:var(--cm-ink);background:#faf7f2;flex-direction:column;font-family:Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.cmApp *{box-sizing:border-box}.cmApp button,.cmApp a,.cmApp input,.cmApp textarea,.cmApp select{-webkit-tap-highlight-color:transparent}.cmApp button,.cmApp a{touch-action:manipulation}.cmApp button{cursor:pointer;font:inherit}.cmApp button:disabled{opacity:.55;cursor:default}.cmApp a{color:inherit;text-underline-offset:3px}.cmApp h1{letter-spacing:-.5px;margin:5px 0 20px;font:500 28px/1.2 Georgia,serif}.cmApp h2{margin:0 0 12px;font:500 21px/1.3 Georgia,serif}.cmApp p{margin:10px 0;font-size:15px;line-height:1.55}.cmApp small{color:var(--cm-muted);font-size:12px;line-height:1.5}.cmApp label{gap:7px;font-size:13px;font-weight:600;display:grid}.cmApp input,.cmApp textarea,.cmApp select{color:var(--cm-ink);background:#fff;border:1px solid #cdc9c4;border-radius:12px;width:100%;min-width:0;padding:12px;font:16px/1.4 Arial,sans-serif}.cmApp :focus-visible{outline-offset:3px;outline:3px solid #9d773d}.cmHeader{min-height:64px;padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid var(--cm-line);background:#fffdf9;flex:none;align-items:center;gap:10px;display:flex}.cmHeader img{border-radius:10px;flex:none}.cmHeader strong{font:24px Georgia,serif}.cmHeader span{color:var(--cm-muted);text-transform:uppercase;letter-spacing:1px;margin-left:auto;font-size:11px}.cmMain{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto}.cmMain.isChat{overflow:hidden}.cmPanel{max-width:700px;margin:auto;padding:26px 18px 36px}.cmEyebrow{letter-spacing:1.7px;text-transform:uppercase;color:#746047;font-size:10px;font-weight:700;display:block}.cmPrimary{background:var(--cm-ink);border:1px solid var(--cm-ink);text-align:center;white-space:normal;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:12px 16px;line-height:1.4;text-decoration:none;display:inline-flex;color:#fff!important;font-size:13px!important;font-weight:600!important}.cmQuiet{min-height:44px;color:var(--cm-ink);text-underline-offset:4px;background:0 0;border:0;padding:9px 5px;text-decoration:underline;font-size:12px!important}.cmCard,.cmNotice,.cmInstall{border:1px solid var(--cm-line);overflow-wrap:anywhere;background:#fffdf9;border-radius:18px;margin:16px 0;padding:20px}.cmNotice{background:#f0eadf;border-color:#e4d6c0}.cmNotice>strong{letter-spacing:.5px;font-size:12px}.cmNotice small{display:block}.cmNotice .cmPrimary{width:100%;margin-top:6px}.cmBooking>small{margin-top:12px;display:block}.cmStatus{color:#355e43;background:#e6eee5;border-radius:20px;padding:5px 10px;font-size:12px;display:inline-block}.cmProduct>div{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.cmProduct>div>strong{font-size:24px}.cmEmail{overflow-wrap:anywhere}.cmCard>.cmPrimary{margin-top:16px;display:flex}.cmBack{text-align:center;margin:25px 0;font-size:13px;display:block}.cmHistory{margin:24px 0}.cmApp summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px;font-weight:600}.cmHistory article{border-bottom:1px solid var(--cm-line);gap:7px;padding:18px 0;font-size:13px;display:grid}.cmTabs{padding:7px max(6px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-top:1px solid var(--cm-line);background:#fffdf9;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cmTabs button{color:#727587;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:54px;padding:5px 0;display:flex;position:relative}.cmTabs button[aria-current]{color:var(--cm-ink);background:#eee9e0}.cmTabs svg{width:21px;height:21px}.cmTabs span{font-size:10px;font-weight:600}.cmTabs i{background:var(--cm-ink);color:#fff;border-radius:15px;min-width:15px;padding:2px;font:10px Arial;position:absolute;top:1px;left:calc(50% + 8px)}.cmChat{flex-direction:column;max-width:800px;height:100%;min-height:0;margin:auto;display:flex}.cmChatTop{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:17px 18px 10px;display:flex}.cmChatTop h1{margin:5px 0;font-size:23px}.cmThreadPicker{padding:0 18px 9px;font-size:11px!important}.cmThreadPicker select{padding:8px 10px;font-size:14px}.cmMessages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 18px 20px;display:flex;overflow:auto}.cmBubble{overflow-wrap:anywhere;background:#fffdf9;border:1px solid #e6dfd7;border-radius:16px 16px 16px 4px;align-self:flex-start;max-width:87%;padding:11px 14px}.cmBubble.customer{color:#fff;background:#263854;border-color:#263854;border-radius:16px 16px 4px;align-self:flex-end}.cmBubble p{white-space:pre-wrap;margin:5px 0;font-size:15px}.cmBubble>small{letter-spacing:.3px;font-size:10px;font-weight:700}.cmBubble.customer>small,.cmBubble.customer time{color:#d8deea}.cmBubble time{color:var(--cm-muted);margin-top:7px;font-size:10px;display:block}.cmAttachment a{padding:7px 0;font-size:13px;display:block}.cmAttachment audio{width:260px;max-width:100%;height:40px}.cmEmpty{text-align:center;color:var(--cm-muted);max-width:400px;padding:24px 10px;margin:auto!important}.cmEmpty strong{font:21px Georgia,serif}.cmOlder{align-self:center}.cmComposer{border-top:1px solid var(--cm-line);background:#fffdf9;flex:none;padding:10px 12px 7px}.cmComposeRow{align-items:flex-end;gap:8px;display:flex}.cmComposer textarea{resize:none;border-radius:15px;min-height:48px;max-height:120px;padding:10px 12px}.cmComposer>small{text-align:center;padding-top:7px;font-size:9px;display:block}.cmSend{background:var(--cm-ink);color:#fff;border:0;border-radius:13px;height:48px;padding:0 15px;font-size:12px!important}.cmAttach{cursor:pointer;flex:none;justify-content:center;align-items:center;width:34px;height:48px;font-size:25px!important;display:flex!important}.cmAttach input{opacity:0;width:1px;height:1px;position:absolute}.cmChosenFile{overflow-wrap:anywhere;align-items:center;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.cmChosenFile button{background:0 0;border:0;font-size:11px;text-decoration:underline}.cmError{color:#822e26;background:#f8e5df;border-radius:9px;flex:none;padding:10px 12px;margin:6px 12px!important;font-size:12px!important}.cmOffline{color:#674820;background:#f3dfbd;flex:none;padding:9px 15px;font-size:12px}.cmDeliveries{border-bottom:1px solid var(--cm-line);flex:none;max-height:32%;margin:0 18px;overflow:auto}.cmDeliveries summary{font-size:12px}.cmDeliveries article{border-top:1px solid var(--cm-line);gap:9px;padding:14px 0;display:grid}.cmDeliveries article audio{width:100%;height:40px}.cmDeliveries a{font-size:12px}.cmLogin{flex:1;min-height:0;padding:36px 22px;overflow:auto}.cmLogin>section{max-width:420px;margin:0 auto}.cmLogin h1{margin:14px 0;font-size:36px}.cmLogin form{gap:16px;margin:26px 0 18px;display:grid}.cmLogin>section>small{display:block}.cmInstall{background:#f1eee8;padding:16px}.cmInstall>strong{font-size:13px}.cmInstall p{font-size:12px}.cmSrOnly{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.cmApp .appointmentBooking{margin-top:18px}.cmApp .appointmentDays{flex-wrap:wrap;gap:7px;display:flex}.cmApp .appointmentDays button,.cmApp .appointmentTimes button{border:1px solid var(--cm-line);background:#fff;border-radius:10px;min-height:44px;padding:10px}.cmApp .appointmentDays button[aria-pressed=true],.cmApp .appointmentTimes button[aria-pressed=true]{background:var(--cm-ink);color:#fff}.cmApp .appointmentTimes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cmApp .appointmentForm{gap:15px;display:grid}.cmApp .appointmentForm button{background:var(--cm-ink);color:#fff;border:0;border-radius:12px;min-height:48px}.cmApp .appointmentCreditChoices{gap:12px;display:grid}.cmApp .appointmentCreditChoices button{text-align:left;border:1px solid var(--cm-line);background:#fff;border-radius:12px;gap:9px;padding:15px;display:grid}.cmApp .appointmentPaid{gap:7px;padding:16px 0;display:grid}.cmApp .appointmentBooking h4{margin:22px 0 12px}@media (width>=800px){.cmHeader{padding-left:calc(50% - 350px);padding-right:calc(50% - 350px)}.cmTabs{padding-left:calc(50% - 300px);padding-right:calc(50% - 300px)}.cmPanel{padding-top:34px}.cmTabs span{font-size:12px}.cmChat{border-left:1px solid var(--cm-line);border-right:1px solid var(--cm-line);width:100%}}@media (height<=520px){.cmHeader{min-height:42px;padding-top:5px;padding-bottom:5px}.cmHeader img{width:28px;height:28px}.cmChatTop{padding-top:6px;padding-bottom:6px}.cmChatTop h1{font-size:19px}.cmChatTop .cmEyebrow,.cmComposer>small{display:none}.cmTabs button{min-height:40px}.cmTabs svg{height:17px}.cmTabs{padding-top:3px}.cmThreadPicker{padding-bottom:4px}}
