#nativeDialer[hidden],.nd-sidebar-entry[hidden],#nativeDialerSettings[hidden],#nativeDialer [hidden]{display:none!important}
#accountModal .account-tab[data-tab=calls][hidden]{display:none!important}
html[data-native-dialer=true] body>#app,html[data-native-dialer=true] #mobileFlowNav,html[data-native-dialer=true] #mobileFlowListHeader,html[data-native-dialer=true] #callReturnButton{display:none!important}
html[data-native-dialer=true] body{overflow:hidden!important}
#nativeDialer{position:fixed;inset:0;z-index:1100;display:flex;flex-direction:column;background:var(--mf-bg,var(--paper,#f3faf8));color:var(--mf-ink,var(--ink,#18352f));direction:rtl;font-family:inherit;isolation:isolate}
#nativeDialer *{box-sizing:border-box}
#nativeDialer header{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid var(--line,#819a9433);flex-shrink:0}
#nativeDialer h1{font-size:19px;margin:2px 0;line-height:1.6}#nativeDialer header small{font-size:11px;opacity:.65}
#nativeDialer button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line,#819a9455);background:transparent;border-radius:14px;min-height:48px;touch-action:manipulation}
#nativeDialer button:focus-visible,#nativeDialer input:focus-visible{outline:2px solid var(--brand,#238b73);outline-offset:3px}
#nativeDialer button:disabled{opacity:.55;cursor:wait}
#nativeDialer svg,.nd-sidebar-entry svg{width:22px;height:22px;flex-shrink:0}#nativeDialer .nd-close{display:grid;place-items:center;width:46px;min-width:46px;padding:8px;border:0}
#nativeDialer .nd-brand{margin-inline-start:auto;color:var(--brand,#238b73)}
#nativeDialer .nd-content{width:100%;max-width:540px;margin:0 auto;padding:24px 20px calc(24px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;min-height:0}
#nativeDialer .nd-intro{font-size:14px;line-height:1.9;margin:0 0 22px;opacity:.8}
#nativeDialer .nd-number-card{padding:18px;border:1px solid var(--line,#819a9455);border-radius:22px;background:var(--mf-surface,var(--paper,#fff));display:grid;gap:14px}
#nativeDialer label{font-size:12px;opacity:.8}
#nativeDialer input{width:100%;min-height:66px;font:inherit;font-size:30px;text-align:center;letter-spacing:1px;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--line,#819a9455);border-radius:0;padding:8px 0}
#nativeDialer .nd-contacts{border:0;color:var(--brand,#238b73);font-size:13px}
#nativeDialer .nd-status{font-size:13px;line-height:1.9;min-height:50px;margin:18px 0;color:inherit}
#nativeDialer .nd-status[data-kind=error]{color:var(--mf-danger,#bd384e)}
#nativeDialer .nd-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#nativeDialer .nd-methods button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:74px;padding:12px 8px}
#nativeDialer .nd-methods span{display:grid;gap:4px;font-size:14px;font-weight:700}
#nativeDialer .nd-methods small{font-size:10px;font-weight:400;opacity:.8}
#nativeDialer .nd-methods .nd-call{background:var(--brand,#238b73);color:var(--mf-on-accent,#fff);border-color:transparent}
#nativeDialer .nd-hint{font-size:11px;line-height:1.9;opacity:.7;margin:18px 0}
#nativeDialer .nd-pin{width:100%;font-size:12px;border:0}
#nativeDialerSettings{margin:16px;padding:16px;border:1px solid var(--line,#819a9455);border-radius:16px;display:grid;gap:12px}
#nativeDialerSettings h3{font-size:15px;margin:0}#nativeDialerSettings p{font-size:12px;line-height:1.9;margin:0;opacity:.8}
#nativeDialerSettings label{display:flex;align-items:center;gap:8px;font-size:13px}#nativeDialerSettings input{width:20px;height:20px;accent-color:var(--brand,#238b73)}
#nativeDialerSettings button{min-height:44px;font:inherit;font-size:13px}
#nativeCallLogs{margin:16px;padding:16px;border:1px solid var(--line,#819a9455);border-radius:18px;background:color-mix(in srgb,var(--paper,#fff) 78%,transparent);display:grid;gap:12px}
.nd-call-log-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.nd-call-log-heading h3{margin:0;font-size:15px}.nd-call-log-heading p{margin:4px 0 0;font-size:11px;opacity:.68}.nd-call-log-refresh{width:40px;min-height:40px!important;border-radius:12px!important;font-size:22px!important}.nd-call-log-list{display:grid;gap:8px}.nd-call-log-row{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--mf-bg,#f3faf8) 70%,transparent);border:1px solid var(--line,#819a9433)}.nd-call-log-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#238b7320;color:#238b73;font-size:18px}.nd-call-log-icon.missed{background:#c94b4b1c;color:#c94b4b}.nd-call-log-body{min-width:0;display:grid;gap:2px}.nd-call-log-body strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nd-call-log-body small{font-size:11px;opacity:.72}.nd-call-log-body time{font-size:10px;opacity:.55;direction:ltr;text-align:right}.nd-call-log-empty{margin:4px 0;font-size:12px;opacity:.65;text-align:center}
#sidebar .nd-sidebar-entry{display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:12px;min-height:48px;width:100%;color:inherit}
#workspaceCategoryRail>.nd-sidebar-entry{flex-direction:column;font-size:10px}
html body #app #sidebar #workspaceCategoryRail>.nd-sidebar-entry[hidden]{display:none!important}
html[data-native-dialer=true] #callModal{z-index:2400!important}html[data-native-dialer=true] #phoneContactsModal{z-index:2300!important}html[data-native-dialer=true] #toast{z-index:2700!important}
#nativeDialer{--mf-bg:#111c27;--mf-surface:#172532;--mf-ink:#edf3fa;--mf-accent:#91c3ff;--mf-on-accent:#102a47;--mf-danger:#ffabb8;--line:#304353;--nd-accent:var(--mf-accent);--nd-line:var(--line);background:var(--mf-bg);color:var(--mf-ink)}
html[data-theme=slate-mint] #nativeDialer{--mf-bg:#f0f7f5;--mf-surface:#fcfefd;--mf-ink:#183c39;--mf-accent:#147b67;--mf-on-accent:#fff;--mf-danger:#b63852;--line:#cfe0db}
html[data-theme=light] #nativeDialer{--mf-bg:#f5f7f9;--mf-surface:#fff;--mf-ink:#202d3a;--mf-accent:#245f9e;--mf-on-accent:#fff;--mf-danger:#b63852;--line:#dce3ea}
html[data-theme=classic] #nativeDialer{--mf-bg:#241c15;--mf-surface:#33271d;--mf-ink:#f3e6d0;--mf-accent:#e3bc78;--mf-on-accent:#322414;--line:#675039}
#nativeDialer header{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;gap:8px;border:0}
#nativeDialer h1{font-size:18px;font-weight:700}
#nativeDialer .nd-brand-logo{width:44px;height:44px;object-fit:cover;border-radius:14px;margin-inline-start:auto}
#nativeDialer .nd-tabs,#nativeDialer .nd-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-shrink:0;gap:0;border-bottom:1px solid var(--nd-line);padding:0 12px}
#nativeDialer .nd-tabs button,#nativeDialer .nd-bottom button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;border:0;border-radius:0;position:relative;opacity:.65;font-size:13px}
#nativeDialer .nd-tabs button[aria-selected=true],#nativeDialer .nd-bottom button[aria-selected=true]{color:var(--nd-accent);opacity:1;font-weight:700}
#nativeDialer .nd-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;inset-inline:16px;height:3px;border-radius:3px;background:currentColor}
#nativeDialer .nd-bottom{border-top:1px solid var(--nd-line);border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}
#nativeDialer .nd-bottom button{flex-direction:column;gap:3px;min-height:64px;font-size:11px}
#nativeDialer .nd-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#nativeDialer .nd-content{max-width:680px;padding:8px 16px 20px;overflow:visible;display:flex;flex-direction:column;gap:14px}
#nativeDialer h2{margin:0;font-size:14px;font-weight:600}
#nativeDialer .nd-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0}
#nativeDialer .nd-section-heading button{min-height:44px;padding:8px;border:0;font-size:12px;color:var(--nd-accent)}
#nativeDialer .nd-recent-list,#nativeDialer .nd-people{display:grid}
#nativeDialer .nd-history-row,#nativeDialer .nd-person{display:flex;align-items:center;gap:10px;min-width:0;border-bottom:1px solid var(--nd-line);padding:5px 0}
#nativeDialer .nd-person-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:start;border:0;border-radius:10px;padding:10px 2px;background:none}
#nativeDialer .nd-avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--nd-accent) 13%,transparent);color:var(--nd-accent);font-size:19px;position:relative}
#nativeDialer .nd-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:absolute;inset:0}
#nativeDialer .nd-avatar[data-online=true]:after{content:'';position:absolute;bottom:0;inset-inline-end:0;width:9px;height:9px;background:#27b887;border:2px solid var(--mf-bg,var(--paper,#fff));border-radius:50%}
#nativeDialer .nd-person-body{min-width:0;display:grid;gap:5px}
#nativeDialer .nd-person-body strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
#nativeDialer .nd-person-body small{font-size:11px;opacity:.65;line-height:1.6}
#nativeDialer .nd-history-meta{display:flex;align-items:center;gap:12px;flex-shrink:0;max-width:44%}
#nativeDialer .nd-history-meta time{font-size:11px;opacity:.6;line-height:1.8}
#nativeDialer .nd-direction{color:var(--nd-accent);display:flex}
#nativeDialer .nd-direction[data-missed=true]{color:var(--mf-danger,#c64d62)}
#nativeDialer .nd-number-card{padding:14px 16px;gap:6px;border-radius:24px;background:color-mix(in srgb,var(--mf-surface,var(--paper,#fff)) 88%,transparent)}
#nativeDialer .nd-number-card input{font-size:26px;min-height:58px;letter-spacing:1px}
#nativeDialer .nd-number-card input::placeholder{font-size:16px;letter-spacing:0}
#nativeDialer .nd-selected-name:empty{display:none}
#nativeDialer .nd-selected-name{text-align:center;font-size:14px}
#nativeDialer .nd-number-card .nd-contacts{min-height:44px;color:var(--nd-accent)}
html body #nativeDialer .nd-number-card input{border:0!important;border-bottom:1px solid var(--nd-line)!important;background:transparent!important;color:var(--mf-ink)!important;box-shadow:none!important}
#nativeDialer .nd-status{min-height:24px;margin:8px 0;font-size:12px}
#nativeDialer .nd-methods{gap:10px}
#nativeDialer .nd-methods button{min-height:64px;border-radius:20px}
#nativeDialer .nd-methods .nd-call{background:var(--nd-accent)}
#nativeDialer .nd-hint{margin:10px 0 0;font-size:10px}
#nativeDialer .nd-favorite{width:44px;flex:0 0 44px;border:0;padding:10px;color:var(--nd-accent);display:grid;place-items:center}
#nativeDialer .nd-favorite[aria-pressed=true] svg{fill:color-mix(in srgb,var(--nd-accent) 30%,transparent)}
#nativeDialer .nd-search-label{display:grid;gap:7px;opacity:1;font-size:12px;padding:8px 0}
#nativeDialer .nd-search{font-size:16px;letter-spacing:0;text-align:start;border:1px solid var(--nd-line);border-radius:14px;padding:10px 12px;min-height:46px;background:var(--mf-surface,var(--paper,#fff))}
#nativeDialer .nd-empty{font-size:12px;opacity:.7;line-height:2;padding:22px 8px;text-align:center;margin:0}
#nativeDialer .nd-dialer-settings{display:grid;gap:16px;padding:16px 0}
#nativeDialer .nd-dialer-settings p{font-size:13px;line-height:2;margin:0;opacity:.75}
#nativeDialer .nd-dialer-settings label{display:flex;align-items:center;gap:10px;font-size:14px;opacity:1}
#nativeDialer .nd-entry-toggle{width:22px;min-height:22px;height:22px;margin:0;accent-color:var(--nd-accent);flex-shrink:0}
#nativeDialer .nd-directory-more{width:100%;margin-top:12px}
@media(min-width:800px){#nativeDialer header,#nativeDialer .nd-tabs,#nativeDialer .nd-bottom{padding-inline:max(20px,calc((100vw - 648px)/2))}#nativeDialer .nd-history-row{padding-block:8px}}
@media(max-width:360px){#nativeDialer h1{font-size:16px}#nativeDialer .nd-content{padding-inline:12px}#nativeDialer .nd-history-meta{gap:5px;max-width:36%}#nativeDialer .nd-tabs button{gap:5px;font-size:12px}#nativeDialer .nd-person-body strong{font-size:13px}}
#nativeDialer .nd-number-card{gap:2px;padding:8px 14px 14px;border-radius:28px}
#nativeDialer .nd-number-card>label,#nativeDialer .nd-route>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#nativeDialer .nd-number-line{display:flex;align-items:center;gap:4px;min-width:0}
html body #nativeDialer .nd-number-line input{flex:1;min-width:0;min-height:44px;height:44px;font-size:26px;border:0!important;cursor:text}
#nativeDialer .nd-number-line .nd-contacts{width:44px;flex:0 0 44px;padding:8px;display:grid;place-items:center}
#nativeDialer .nd-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 6px;user-select:none;-webkit-user-select:none}
#nativeDialer .nd-keypad button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:0;border-radius:22px;min-height:66px;padding:4px;background:none;line-height:1.15;-webkit-touch-callout:none}
#nativeDialer .nd-keypad button span{font-size:36px;font-weight:400;font-family:Arial,sans-serif;line-height:1.1}
#nativeDialer .nd-keypad button small{font-size:10px;font-family:Arial,sans-serif;letter-spacing:1px;line-height:1.5;min-height:15px;opacity:.65}
#nativeDialer .nd-keypad button:active{background:color-mix(in srgb,var(--nd-accent) 15%,transparent);transform:scale(.95)}
#nativeDialer .nd-methods{display:grid;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);direction:ltr;align-items:center;gap:8px;margin-top:6px}
#nativeDialer .nd-methods .nd-call{width:68px;height:68px;min-height:68px;border-radius:50%;padding:18px;display:grid;place-items:center;justify-self:center;color:var(--mf-on-accent)}
#nativeDialer .nd-call svg{width:30px;height:30px}
#nativeDialer .nd-route{direction:rtl;opacity:1;min-width:0}
#nativeDialer .nd-route select{width:100%;min-height:44px;font:inherit;font-size:12px;padding:8px 4px;border:1px solid var(--nd-line);border-radius:24px;background:var(--mf-surface);color:var(--mf-ink)}
#nativeDialer .nd-route select:focus-visible{outline:2px solid var(--nd-accent);outline-offset:2px}
#nativeDialer .nd-methods .nd-erase{width:48px;min-height:48px;padding:12px;justify-self:end;border:0}
#nativeDialer .nd-status:empty{display:none}
#nativeDialer .nd-status{font-size:11px;text-align:center;line-height:1.7;min-height:0}
#nativeDialer .nd-history-more{width:100%;min-height:44px;border:0;color:var(--nd-accent);font-size:12px}
#nativeDialer .nd-history-row{padding-block:1px}
#nativeDialer .nd-history-row .nd-person-main{padding-block:5px}
@media(max-height:740px){#nativeDialer .nd-keypad button{min-height:54px}#nativeDialer .nd-keypad button span{font-size:31px}#nativeDialer .nd-keypad button small{font-size:9px}#nativeDialer .nd-methods .nd-call{width:60px;height:60px;min-height:60px;padding:15px}}
#nativeDialer{height:100%;height:100dvh;max-height:100dvh;overflow:hidden}
#nativeDialer>.nd-number-panel{width:100%;max-width:680px;margin:0 auto;flex:0 0 auto;padding:6px 16px 8px;min-height:0}
#nativeDialer .nd-number-card{display:flex;flex-direction:column;min-height:0;gap:0;padding:6px 12px 10px;border-radius:24px}
#nativeDialer .nd-keypad{flex:1;min-height:0;grid-template-rows:repeat(4,minmax(44px,1fr))}
#nativeDialer .nd-keypad button{min-height:44px;height:clamp(44px,7.3dvh,66px);padding:2px}
#nativeDialer .nd-status{margin:4px 0 0;font-size:10px;line-height:1.5;max-height:42px;overflow:auto}
#nativeDialer .nd-scroll{overflow-anchor:none;touch-action:pan-y}
#nativeDialer[data-page=recent] .nd-content{padding-block:0 6px;gap:0}
#nativeDialer[data-page=number]>.nd-number-panel{flex:1;display:flex;flex-direction:column}
#nativeDialer[data-page=number] .nd-number-card{flex:1}
#nativeDialer[data-page=number] .nd-keypad button{height:auto}
#nativeDialer .nd-show-keypad{align-self:center;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:6px 12px;padding:8px 20px;background:var(--nd-accent);color:var(--mf-on-accent);border:0;border-radius:24px;flex-shrink:0}
@media(orientation:landscape) and (max-height:500px){#nativeDialer .nd-number-card{padding:4px 8px}#nativeDialer .nd-methods{margin-top:0}#nativeDialer .nd-methods .nd-call{width:44px;height:44px;min-height:44px;padding:8px}#nativeDialer .nd-methods .nd-erase{height:44px;min-height:44px;padding:10px}#nativeDialer .nd-status[data-kind=""]{display:none}}
@media(max-height:740px) and (orientation:portrait){#nativeDialer header{padding-block:6px}#nativeDialer .nd-tabs button{min-height:46px}#nativeDialer .nd-bottom button{min-height:52px}#nativeDialer .nd-keypad button span{font-size:29px}#nativeDialer .nd-keypad button small{font-size:9px;min-height:12px}#nativeDialer .nd-methods{margin-top:2px}#nativeDialer .nd-methods .nd-call{width:52px;height:52px;min-height:52px;padding:12px}}
@media(orientation:landscape) and (max-height:500px){#nativeDialer header{display:none}#nativeDialer .nd-tabs button{min-height:44px}#nativeDialer .nd-bottom button{min-height:44px;flex-direction:row}#nativeDialer>.nd-number-panel{position:absolute;inset-inline-start:0;top:44px;bottom:44px;width:55%;padding:4px 10px;overflow:auto}#nativeDialer .nd-scroll{width:45%;align-self:flex-end}#nativeDialer[data-page=number]>.nd-number-panel{position:static;width:100%;overflow:auto}#nativeDialer .nd-keypad button{height:44px}#nativeDialer .nd-keypad button span{font-size:24px}#nativeDialer .nd-keypad button small{font-size:8px;min-height:10px}#nativeDialer[data-page=contacts] .nd-scroll,#nativeDialer[data-page=favorites] .nd-scroll,#nativeDialer[data-page=settings] .nd-scroll{width:100%}#nativeDialer:has(.nd-number-panel[hidden]) .nd-scroll{width:100%}}
