.app-message-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 18px 0}.app-message-modes button{position:relative;text-align:left;display:grid;gap:5px;border:1px solid #dce5f1;border-radius:13px;background:white;padding:13px 30px 13px 12px;color:#173456}.app-message-modes small{font-size:11px;color:#7588a2}.app-message-modes button[aria-selected=true]{border:2px solid #4285ff;background:#edf4ff;padding:12px 29px 12px 11px}.app-message-modes button::after{content:'';position:absolute;right:12px;top:14px;width:17px;height:17px;border:1px solid #a5bad6;border-radius:50%}.app-message-modes button[aria-selected=true]::after{content:'✓';background:#286bd7;border-color:#286bd7;color:#fff;font-size:12px;text-align:center}
.app-message-compose{display:grid;gap:16px;padding:20px 18px;color:#243b58;font-size:13px}.app-message-compose[hidden],#customerSmsModal [hidden],#smsSendModal [hidden]{display:none!important}.app-message-compose>label{display:grid;gap:7px;font-weight:800}.app-message-compose output{padding:13px;border:1px solid #dce6f2;background:#f4f8ff;border-radius:12px;overflow-wrap:anywhere}.app-message-compose fieldset{display:flex;gap:18px;border:1px solid #dce6f2;border-radius:12px;padding:13px}.app-message-compose fieldset label{display:flex;align-items:center;gap:7px}.app-message-compose input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0;accent-color:#2478ee}.app-message-compose input:not([type=checkbox]):not([type=file]),.app-message-compose textarea,.app-message-compose select{width:100%;padding:12px;border:1px solid #cfdded;border-radius:12px;font:inherit;background:#fff;color:#233b56}.app-message-compose textarea{resize:vertical;min-height:120px}.app-photo-controls{display:flex;gap:8px;margin:10px 0}.app-photo-pick{position:relative;overflow:hidden;padding:10px 14px;border:1px solid #bdd2ee;border-radius:9px;background:#edf5ff;font-weight:700;cursor:pointer}.app-photo-pick input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.app-photo-previews,.app-message-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin-top:10px;max-width:520px}.app-photo-previews>span{position:relative}.app-photo-previews img,.app-message-photos img{display:block;width:100%;height:100px;object-fit:cover;border:1px solid #d4e3f3;border-radius:10px}.app-photo-previews button{position:absolute;right:3px;top:3px;padding:1px 7px;border-radius:50%;border:0;background:#123657;color:white;font-size:20px}.app-message-photos a{min-width:0}.app-message-text{white-space:normal;overflow-wrap:anywhere}.app-message-compose footer{display:grid;grid-template-columns:1fr 1.7fr;gap:9px}.app-message-compose footer button{min-height:46px;border:1px solid #cedded;border-radius:12px;color:#324965;background:white;font-weight:800}.app-message-compose [data-submit]{color:white;background:#1c73ea;border:0}.app-message-compose [data-status]{margin:0;color:#16815b}.app-message-compose [data-status].error{color:#bd3232}.app-message-compose button:disabled{opacity:.5}.app-message-compose [data-count]{color:#7588a2}.app-photo-pick:focus-within{outline:2px solid #257bf0;outline-offset:2px}
.app-photo-layer{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:rgba(4,14,29,.88);backdrop-filter:blur(5px)}.app-photo-layer section{position:relative;max-width:100%;max-height:100%;display:grid;place-items:center}.app-photo-layer img{display:block;max-width:calc(100vw - 48px);max-height:calc(100dvh - 80px);width:auto;height:auto;object-fit:contain;border-radius:12px;background:#fff}.app-photo-layer button{position:absolute;z-index:1;right:8px;top:8px;width:42px;height:42px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#102e50;color:#fff;font-size:28px;cursor:pointer}
.app-history-layer{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:#081a32b3;backdrop-filter:blur(5px)}.app-history-dialog{width:min(880px,100%);max-height:calc(100dvh - 40px);overflow:auto;border-radius:20px;background:#f3f7fc;color:#17324e;box-shadow:0 24px 70px #03142c55}.app-history-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(110deg,#0a213b,#195b8c);color:#fff}.app-history-dialog h2{margin:4px 0 0;font-size:22px;color:#fff}.app-history-dialog header small{font-size:10px;letter-spacing:2px;color:#79c4fb;font-weight:900}.app-history-dialog header button{border:1px solid #7599b8;background:#ffffff12;color:#fff;padding:9px 14px;border-radius:10px}.app-history-dialog>nav{display:flex;gap:8px;padding:18px 20px 0}.app-history-dialog>nav button{padding:9px 14px;border:1px solid #d1e0f2;border-radius:999px;background:#fff;color:#3c5a7b;font-weight:800}.app-history-dialog>nav button[aria-pressed=true]{background:#1f76e9;color:#fff;border-color:#1f76e9}.app-history-status{margin:12px 20px;color:#687e98;font-size:12px}.app-history-list{display:grid;gap:10px;padding:0 20px 20px}.app-history-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px;border:1px solid #dbe6f3;border-radius:15px;background:white}.app-history-direction{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e5f1ff;color:#1b70d8;font-size:24px;font-weight:900}.app-history-row.sent .app-history-direction{background:#e4f7ef;color:#07865f}.app-history-row summary{cursor:pointer;list-style:none}.app-history-row summary::-webkit-details-marker{display:none}.app-history-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:8px;font-size:11px;color:#71849c}.app-history-meta b{color:#466684}.app-history-row summary>strong{display:block;color:#172f4a;font-size:14px;margin-bottom:5px;overflow-wrap:anywhere}.app-history-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#71849c}.app-history-delete{border:1px solid #f0cfd0;border-radius:8px;background:#fff6f6;color:#b13d45;font-size:12px;padding:7px 10px}.app-history-content{margin-top:14px;border-top:1px solid #e3edf7;padding-top:14px;font-size:13px;line-height:1.65}.app-history-content>small{display:block;color:#7990a9;margin-top:12px}.app-history-row details[open] .app-history-preview{display:none}.app-history-layer button{cursor:pointer}.app-history-layer button:disabled{opacity:.5}.app-history-layer :focus-visible{outline:2px solid #2b80f4;outline-offset:3px}@media(max-width:520px){.app-history-layer{padding:10px}.app-history-dialog{max-height:calc(100dvh - 20px)}.app-history-dialog>header{padding:16px}.app-history-dialog>nav{padding:14px 12px 0;gap:5px}.app-history-dialog>nav button{padding:8px 10px;font-size:12px}.app-history-list{padding:0 10px 12px}.app-history-row{grid-template-columns:30px minmax(0,1fr) auto;padding:12px 10px;gap:8px}.app-history-direction{width:30px;height:32px;font-size:21px}.app-history-delete{padding:7px}.app-photo-layer{padding:10px}.app-photo-layer img{max-width:calc(100vw - 20px)}}
#appScreen.menu-open .bottom-nav:has(#appMessageHistoryButton){max-height:calc(100dvh - 86px);overflow-y:auto;overscroll-behavior:contain}

#customerSmsModal .customer-sms-close-button,#smsSendModal .sms-close-button{width:72px;flex-basis:72px;min-width:72px;padding:0 10px;font-size:12px;font-weight:800;white-space:nowrap}