dialog.contact-journey-dialog{width:800px;max-width:calc(100vw - 24px);height:min(890px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0;border-radius:17px;overflow:visible;background:#1a1d1f;border:1px solid #3c444d;color:#c8cdd6}.contact-dialog-shell{height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:17px}.contact-dialog-header{display:flex;align-items:center;gap:10px;min-height:61px;padding:14px 24px}.contact-dialog-header h2{font-size:16px;font-weight:700;line-height:24px;margin:0;letter-spacing:-.25px}.contact-dialog-header>button:last-child{margin-left:auto}.contact-picker-toolbar{display:flex;align-items:center;gap:8px;padding:22px 24px 25px}.contact-query,.contact-label-search{display:flex;align-items:center;gap:14px;padding:7px 12px;border:2px solid #3c424a;border-radius:17px;min-width:0;height:40px}.contact-query{flex:1}.contact-query:focus-within,.contact-label-search:focus-within{border-color:#5a7dff}.contact-query input,.contact-label-search input{outline:none;border:0;background:none;min-width:0;width:100%;color:var(--text);font:15px var(--font);margin:0;padding:0}.contact-query svg,.contact-label-search svg{width:15px;height:15px}.contact-query input::placeholder,.contact-label-search input::placeholder{color:#8e96a3}#contact-label-filter,#contact-sort-button{display:flex;align-items:center;justify-content:space-between;border:2px solid #3c424a;border-radius:17px;padding:7px 12px;height:40px;color:#d2ddeb;font-size:13px;gap:13px}#contact-label-filter{width:185px}#contact-sort-button{width:68px}#contact-sort-button svg{width:15px;height:15px}#contact-label-filter[aria-expanded=true],#contact-sort-button[aria-expanded=true]{border-color:#6788ff}.contact-picker-list{flex:1;min-height:0;overflow:auto}.contact-picker-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:19px 24px;width:100%;min-height:82px;border-bottom:1px solid #2a2e32;text-align:left}.contact-picker-row:hover{background:#ffffff04}.contact-picker-avatar{width:48px;height:48px;border-radius:50%;background:#4b5363;display:grid;place-items:center;flex-shrink:0;font-size:15px;color:#e1e6f0}.contact-picker-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.contact-picker-row>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.contact-picker-row strong{font-size:14px;line-height:21px;font-weight:700;max-width:330px}.contact-picker-row small{font-size:13px;color:#8e939c}.contact-picker-row>svg{margin-left:auto;width:18px;height:18px;color:#858c96}.contact-picker-empty{text-align:center;padding:25px;color:#939ba6;font-size:13px}.contact-picker-empty small{display:block;font-size:11px;line-height:1.7;margin-top:8px}.contact-picker-results{padding:10px 24px;font-size:10px;color:#6e7784}
.contact-picker-popover{position:fixed;z-index:8;width:405px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;margin:0;background:#202326;border:1px solid #3c444c;border-radius:17px;box-shadow:0 0 22px #0008;padding:12px}.contact-picker-popover header{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding:0 4px}.contact-picker-popover h3{font-size:14px;font-weight:600;margin:0}.contact-label-search{width:100%;margin-bottom:13px}.contact-label-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#91969e;font-size:12px}.contact-label-toolbar button{font-size:12px;white-space:nowrap}.contact-label-toolbar button:hover{color:#a6bfff}.contact-label-hint{font-size:12px;color:#969ba2;border-bottom:1px solid #4a5058;padding-bottom:9px;margin:12px 0 3px}#contact-label-options{max-height:230px;overflow:auto}#contact-label-options>label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:10px 8px;font-size:13px;cursor:pointer}#contact-label-options input{width:16px;height:16px;accent-color:var(--accent);margin:0}.contact-sort-popover{width:255px;padding:9px}.picker-sort-order{display:flex;padding:7px 8px 12px;border-bottom:1px solid #454b53;gap:2px}.picker-sort-order button{flex:1;font-size:11px;padding:9px 6px;border-radius:99px;gap:6px;display:flex;align-items:center;white-space:nowrap}.picker-sort-order svg{width:13px;height:13px}.picker-sort-order button[aria-pressed=true]{background:var(--accent);color:white}.picker-sort-fields{padding-top:5px;display:flex;flex-direction:column;gap:3px}.picker-sort-fields button{padding:9px 12px;border-radius:12px;text-align:left;font-size:13px;display:flex;justify-content:space-between}.picker-sort-fields button[aria-pressed=true]{background:#41454b}.picker-sort-fields button>span{color:#6689e9}.picker-sort-fields button:hover{background:#ffffff08}
dialog.contact-form-mode{height:min(624px,calc(100dvh - 24px))}.contact-form-mode .contact-dialog-header{background:#141619;border-bottom:1px solid #20262a;padding:13px 24px}.contact-form-mode .contact-dialog-header h2{font-weight:700}.contact-form-mode #new-contact-journey-form{display:flex;flex-direction:column;min-height:0;flex:1}.new-contact-scroll{min-height:0;overflow:auto;padding:0 24px 10px}.contact-photo{position:relative;width:96px;height:96px;margin:0 auto 24px}.contact-photo>span{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:#6382ef;border-radius:50%;color:#d9e5ff}.contact-photo>span>svg{width:58px;height:58px;stroke-width:1.3}.contact-photo>span>img{width:100%;height:100%;border-radius:50%;object-fit:cover}#upload-contact-photo{position:absolute;right:0;bottom:0;background:#3d4349!important;border:1px solid #6e7886!important}.contact-basic-heading{font-size:16px;font-weight:700;display:flex;align-items:center;gap:16px;margin:0 0 20px}.contact-basic-heading:after{content:'';height:1px;background:#2c3136;flex:1}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.contact-form-grid label{display:block;margin:0;color:#c9cfd9;font-size:14px;line-height:21px}.contact-form-grid input,.contact-form-grid select{width:100%;min-width:0;display:block;margin:8px 0 0;padding:7px 13px;height:40px;border:2px solid #3d434b;border-radius:17px;outline:none;background:transparent;color:#d2d8e3;font:15px var(--font)}.contact-form-grid input::placeholder{color:#89929f}.contact-form-grid input:focus,.contact-form-grid select:focus{border-color:#607ce2}.contact-form-grid input[readonly]{color:#6d7888}.contact-form-grid label>b{font-weight:400;color:#e9714a}.phone-input{display:flex;align-items:center;border:2px solid #3d434b;border-radius:17px;height:40px;margin-top:8px;overflow:hidden}.phone-input:focus-within{border-color:#607ce2}.phone-input select{margin:0;width:95px;min-width:95px;height:36px;border:0;border-radius:0;padding:4px 7px;font-size:12px}.phone-input input{border:0;border-radius:0;margin:0;height:36px;padding:5px 7px;flex:1}.contact-complementary-toggle{display:block;color:#6385ef;font-size:15px;font-weight:600;line-height:22px;padding:12px 0 15px;margin:21px 0 20px;border-bottom:2px solid #6385ef}.contact-full-row{grid-column:1/-1}.contact-form-grid.complementary-fields{padding-bottom:16px}.new-contact-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:85px;padding:18px 33px;background:#202326;border-top:1px solid #2b3035;flex-shrink:0}.new-contact-footer #cancel-new-contact{font-size:12px;color:#6385ef;margin-left:auto;margin-right:auto}.new-contact-footer .primary{font-size:12px;padding:12px 20px}.new-contact-error{font-size:12px!important;line-height:1.6!important;color:#f9a29f!important;margin:0!important;padding:0 24px;background:#202326}.new-contact-error:empty{display:none}.contact-photo-thumb{width:100%;height:100%;border-radius:50%;object-fit:cover}
@media(max-width:650px){.contact-picker-toolbar{padding:16px;gap:7px;flex-wrap:wrap}.contact-query{flex-basis:100%}#contact-label-filter{flex:1}.contact-dialog-header{padding:12px 16px}.contact-picker-row{padding:16px}.contact-picker-row strong{font-size:13px}.contact-picker-avatar{width:42px;height:42px}.contact-form-grid{grid-template-columns:1fr;gap:20px}.contact-full-row{grid-column:auto}.new-contact-scroll{padding-inline:18px}.new-contact-footer{padding:16px 22px}.contact-form-mode .contact-dialog-header{padding-inline:16px}}
.duplicate-contact-warning{display:flex;gap:18px;padding:21px 24px;margin-bottom:10px;border-radius:16px;background:#493719;color:#cbd0d8;font-size:12px}.duplicate-contact-warning[hidden]{display:none}.duplicate-contact-warning strong{font-size:15px;font-weight:700}.duplicate-contact-warning p{margin:5px 0 8px;line-height:1.6}.duplicate-contact-warning button{display:inline;padding:0;color:#6687ef;font-size:12px;text-decoration:underline}.duplicate-warning-icon{display:grid;place-items:center;border-radius:50%;width:21px;height:21px;flex-shrink:0;background:#ffcb3d;color:#805400;font-weight:700}.duplicate-contact-person{display:flex;gap:14px;align-items:center}.duplicate-contact-person .contact-picker-avatar{width:32px;height:32px;font-size:12px}.phone-input #contact-country-button{display:flex;align-items:center;gap:5px;padding:0 8px;flex-shrink:0;font-size:15px;height:36px}.phone-input #contact-country-button span{font-size:10px;color:#7b818a}.phone-input input[type=hidden]{display:none}.country-picker-popover{width:360px;padding:9px}.country-picker-popover #country-options{max-height:190px;overflow:auto}.country-picker-popover #country-options button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 12px;border-radius:5px;font-size:13px}.country-picker-popover #country-options button:hover{background:#303336}.country-picker-popover small{font-size:13px;color:#92969d}.new-contact-footer button:disabled{opacity:.45;cursor:not-allowed}.conversation-notices{position:fixed;right:10px;bottom:10px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.conversation-notice{pointer-events:auto;display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-radius:17px;font-size:13px;color:#cdd1dc;box-shadow:0 4px 16px #0002;max-width:calc(100vw - 20px)}.conversation-notice.info{background:#272947;width:342px}.conversation-notice strong{font-size:15px;font-weight:700}.conversation-notice p{margin:6px 0 12px;font-size:13px}.conversation-notice button{margin-left:auto;padding:0;color:inherit;font-size:20px;line-height:20px}.notice-symbol{border-radius:50%;background:#5479f4;color:#252941;width:20px;height:20px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.conversation-notice.success{background:#233126;padding:12px 17px;align-items:center}.success .notice-symbol{background:#4da500;color:#173000;width:13px;height:13px;font-size:10px}.conversation-start-event{text-align:center;color:#8e98a6;font-size:12px;padding:12px 0 24px}.conversation-start-event .date{display:table;margin:0 auto 25px}.conversation-start-event p{margin:0}.conversation-start-event strong{font-weight:600}

#contact-label-filter .contact-dropdown-arrow,#contact-sort-button .contact-dropdown-arrow,#contact-country-button .contact-dropdown-arrow{width:18px;height:18px;min-width:18px;flex-shrink:0;color:#929ba5;transition:transform .15s ease}#contact-label-filter[aria-expanded=true] .contact-dropdown-arrow,#contact-sort-button[aria-expanded=true] .contact-dropdown-arrow,#contact-country-button[aria-expanded=true] .contact-dropdown-arrow{transform:rotate(180deg)}#contact-sort-button{gap:8px;padding-inline:10px}