/* Android 2.3.6 Dialtacts. hdpi px x 0.575, 1 dp = 0.8625px. */
#viewport>.app-view.gbp{height:100%;display:flex;flex-direction:column;background:#000;color:#fff;font-family:DroidSans,Arial,sans-serif;overflow:hidden}
/* TabWidget with framework tab_indicator.xml: 64 dip tabs, -3 dip side margins, icon on top, 14 sp label at the bottom. */
.gbp-tabs{flex:none;display:flex;height:55.2px;padding:0 2.59px;background:#000;border-bottom:1.73px solid #a3a3a3}
.screen .gbp-tab{position:relative;flex:1;min-width:0;margin:0 -2.59px;border:0 solid transparent;border-image:url('assets/gb-tab_unselected.png') 46 5 49 5 fill / 26.45px 2.88px 28.18px 2.88px stretch;background:none;padding:0;color:#808080;font:400 12.07px DroidSans,Arial,sans-serif;cursor:pointer}
.screen .gbp-tab.selected{border-image-source:url('assets/gb-tab_selected.png');color:#fff;z-index:1}
.screen .gbp-tab:active{border-image-source:url('assets/gb-tab_press.png')}
.gbp-tab img{position:absolute;left:50%;top:3px;width:27.6px;height:27.6px;margin-left:-13.8px}
.gbp-tab span{position:absolute;left:0;right:0;bottom:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gbp-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
/* TwelveKeyDialer. */
.gbp-dialer{flex:1;display:flex;flex-direction:column;align-items:center;min-height:0}
.gbp-digits{flex:none;align-self:stretch;height:57.79px;display:grid;place-items:center;border:0 solid transparent;border-image:url('assets/gb-c-btn_dial_textfield_normal.png') 12 26 12 26 fill / 6.9px 14.95px stretch;padding:0 14px;overflow:hidden}
.gbp-digits output{font:400 28.46px/1 DroidSans,Arial,sans-serif;color:#fff;white-space:nowrap;direction:rtl;max-width:100%;overflow:hidden}
.gbp-pad{flex:none;display:grid;grid-template-columns:repeat(3,75.9px);grid-auto-rows:43.13px;padding:5.18px 6.04px}
.screen .gbp-key{border:0 solid transparent;border-image:url('assets/gb-c-btn_dial_normal.png') 52 17 32 17 fill / 29.9px 9.78px 18.4px 9.78px stretch;background:var(--wht) center/63.83px 35.65px no-repeat;cursor:pointer;padding:0}
.screen .gbp-key:active{border-image-source:url('assets/gb-c-btn_dial_pressed.png');background-image:var(--blk)}
.gbp-actions{flex:none;display:flex;margin-top:5.18px}
.screen .gbp-actions button{height:43.13px;border:0 solid transparent;background:none;padding:0;display:grid;place-items:center;cursor:pointer}
.gbp-actions img{width:auto;height:35.65px;max-width:100%}
.screen .gbp-voicemail{width:75.04px;border-image:url('assets/gb-c-btn_dial_action_left_normal.png') 42 4 42 67 fill / 24.15px 2.3px 24.15px 38.53px stretch}
.screen .gbp-voicemail:active{border-image-source:url('assets/gb-c-btn_dial_action_left_pressed.png')}
.screen .gbp-dial{width:100.05px;border-image:url('assets/gb-c-btn_dial_action_middle_normal.png') 42 12 42 11 fill / 24.15px 6.9px 24.15px 6.33px stretch}
.screen .gbp-dial:active{border-image-source:url('assets/gb-c-btn_dial_action_middle_pressed.png')}
.screen .gbp-delete{width:75.04px;border-image:url('assets/gb-c-btn_dial_action_right_normal.png') 42 67 42 4 fill / 24.15px 38.53px 24.15px 2.3px stretch}
.screen .gbp-delete:active{border-image-source:url('assets/gb-c-btn_dial_action_right_pressed.png')}
/* Lists: call log, contacts and favorites (64 dip rows, 22 sp names, 14 sp details). */
.gbp-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}
.gbp-list::-webkit-scrollbar{display:none}
.gbp-empty{margin:24px 14px;color:#bebebe;font-size:15.53px;text-align:center;line-height:1.35}
.gbp-log{display:flex;align-items:stretch;min-height:55.2px;border-bottom:1px solid #ffffff1f}
.screen .gbp-log-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:4px 6px 4px 9.5px;border:0;background:none;color:#fff;text-align:left;cursor:pointer}
.gbp-log-name{font-size:18.98px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gbp-log-meta{display:flex;align-items:center;gap:4px;font-size:12.07px;color:#bebebe;white-space:nowrap}
.gbp-log-meta img{width:auto;height:15px}
.gbp-log-meta b{color:#bebebe}
.gbp-divider{width:1px;margin:8px 0;background:#ffffff30}
.screen .gbp-log-call{flex:none;width:55px;border:0;background:none;display:grid;place-items:center;cursor:pointer}
.gbp-log-call img{width:25.88px;height:25.88px}
.screen .gbp-log-main:active,.screen .gbp-log-call:active,.screen .gbp-contact:active,.screen .gbp-data:active{border-image:url('assets/gb-list_selector_background_pressed.png') 37 fill / 21.28px stretch}
.gbp-section{height:21.56px;line-height:21.56px;padding-left:8px;background:url('assets/gb-dark_header.png') 0 0/100% 100%;color:#bebebe;font-size:12.07px;font-weight:700}
.screen .gbp-contact{display:flex;align-items:center;gap:8.63px;width:100%;min-height:55.2px;padding:0 8px 0 5.18px;border:0;border-bottom:1px solid #ffffff1f;background:none;color:#fff;text-align:left;font:400 18.98px DroidSans,Arial,sans-serif;cursor:pointer}
.gbp-contact img{width:41.4px;height:41.4px;flex:none}
.gbp-contact span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ViewContactActivity. */
.gbp-detail{flex:1;min-height:0;display:flex;flex-direction:column}
.gbp-header{flex:none;display:flex;align-items:center;gap:8.63px;padding:6px 6px 6px 8px;background:linear-gradient(#3a3a3a,#1c1c1c);border-bottom:1px solid #000}
.gbp-header>img{width:55.2px;height:55.2px}
.gbp-header span{flex:1;min-width:0;font-size:18.98px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen .gbp-header button{border:0;background:none;padding:0}
.gbp-header button img{width:41.4px;height:41.4px}
.screen .gbp-data{display:flex;align-items:center;width:100%;min-height:55.2px;padding:0 6px 0 12.94px;border:0;border-bottom:1px solid #ffffff1f;background:none;color:#fff;text-align:left;cursor:pointer}
.gbp-data img{width:27.6px;height:27.6px;flex:none}
/* TwelveKeyDialer dialpad chooser while a call is in progress (dialpad_chooser_list_item.xml: 64 dp icon, 18 sp text). */
.screen .gbp-choice{display:flex;align-items:center;width:100%;min-height:55.2px;padding:0 8px 0 0;border:0;border-bottom:1px solid #ffffff1f;background:none;color:#fff;text-align:left;font:400 15.53px DroidSans,Arial,sans-serif;cursor:pointer}
.screen .gbp-choice:active{border-image:url('assets/gb-list_selector_background_pressed.png') 37 fill / 21.28px stretch}
.gbp-choice img{flex:none;width:27.6px;height:27.6px;margin:0 13.8px}
/* InCallScreen: mainFrame (10 dip top, 6 dip side padding) with bg_in_call_gradient_* (210 px gradient, then the
   stretched last row), CallCard and the full-width InCallTouchUi. */
#viewport>.app-view.gbic{position:relative;height:100%;overflow:hidden;color:#fff;font-family:DroidSans,Arial,sans-serif;background:#000;border:0 solid transparent;border-image:url('assets/gb-p-bg_in_call_gradient_unidentified.png') 210 0 0 0 fill / 120.75px 0 0 0 stretch}
#viewport>.gbic-connected{border-image-source:url('assets/gb-p-bg_in_call_gradient_connected.png')}
#viewport>.gbic-ended{border-image-source:url('assets/gb-p-bg_in_call_gradient_ended.png')}
#viewport>.gbic-on_hold{border-image-source:url('assets/gb-p-bg_in_call_gradient_on_hold.png')}
#viewport>.gbic-bluetooth{border-image-source:url('assets/gb-p-bg_in_call_gradient_bluetooth.png')}
.gbic-card{position:absolute;left:5.18px;right:5.18px;top:8.63px;padding-top:15.53px;display:flex;flex-direction:column;align-items:center}
.gbic-title{min-height:31.9px;margin-bottom:8.63px;font-size:24.15px;line-height:31.9px;text-align:center}
.gbic-ended .gbic-title{color:#ff6072}
.gbic-photo-row{position:relative;align-self:stretch;height:148.35px}
.gbic-photo{position:absolute;left:50%;top:0;width:148.35px;height:143.18px;margin-left:-74.18px;box-sizing:border-box;padding:17.25px 19.55px 16.1px;object-fit:contain;border:0 solid transparent;border-image:url('assets/gb-p-incall_photo_border_lg.png') 78 82 76 82 fill / 44.85px 47.15px 43.7px 47.15px stretch}
.gbic-elapsed{position:absolute;left:calc(50% + 62.11px);bottom:16.39px;font-size:12.94px;font-weight:700;white-space:nowrap;color:#99ce3f}
.gbic-bluetooth .gbic-elapsed{color:#54c1ff}
.gbic-ended .gbic-elapsed{color:#ff6072}
.gbic-on_hold .gbic-elapsed{color:#ff9524}
.gbic-name{max-width:100%;margin-top:-18.98px;padding:0 3.45px 3.45px;font-size:24.15px;line-height:31.9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gbic-number{display:flex;margin-top:-5.18px;color:#bebebe;font-size:15.53px;white-space:nowrap}
.gbic-number span:first-child{padding-right:5.18px}
.gbic-touch{position:absolute;inset:0}
/* Round Hold / Unhold button (incall_round_button) with its 14 sp label, 10 dip from the upper left corner. */
.gbic-hold{position:absolute;left:8.63px;top:8.63px;display:flex;align-items:center}
.screen .gbic-hold button{width:43.13px;height:43.7px;padding:0;border:0;background:url('assets/gb-p-btn_in_call_round_normal.png') 0 0/100% 100% no-repeat;cursor:pointer}
.screen .gbic-hold button:active{background-image:url('assets/gb-p-btn_in_call_round_pressed.png')}
.gbic-hold img{width:43.13px;height:43.13px;display:block}
.gbic-hold span{margin:0 4.31px;font-size:12.07px}
.gbic-bottom{position:absolute;left:0;right:0;bottom:0;padding:0 3.45px 3.45px}
.gbic-row{display:flex}
/* InCallTouchButton: incall_button 9-patch, 8 dip margins, compound icon on top, textAppearanceSmall label. */
.screen .gbic-btn{flex:1;min-width:0;min-height:77.05px;margin:6.9px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.88px 5.75px 4.03px;border:0 solid transparent;border-image:url('assets/gb-p-btn_in_call_main_normal.png') 4 4 6 3 fill / 2.3px 2.3px 3.45px 1.73px stretch;background:none;color:#fff;font:400 12.07px DroidSans,Arial,sans-serif;cursor:pointer}
.screen .gbic-btn:active:not(:disabled){border-image:url('assets/gb-p-btn_in_call_main_pressed.png') 83 13 50 13 fill / 47.73px 7.48px 28.75px 7.48px stretch}
.screen .gbic-btn:disabled{border-image:url('assets/gb-p-btn_in_call_main_disable.png') 4 13 6 13 fill / 2.3px 7.48px 3.45px 7.48px stretch;color:#ffffff80;cursor:default}
.gbic-btn img{width:63.83px;height:51.75px;flex:none}
.gbic-btn span,.gbic-toggle span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen .gbic-end{color:#ff6072}
/* InCallTouchToggleButton: incall_toggle_button with the green indicator light under the label. */
.screen .gbic-toggle{flex:1;min-width:0;min-height:43.13px;margin:6.9px;display:flex;align-items:center;justify-content:center;padding:2.88px 5.75px 13.23px;border:0 solid transparent;border-image:url('assets/gb-p-btn_in_call_switch_off_normal.png') 47 17 27 17 fill / 27.03px 9.78px 15.53px 9.78px stretch;background:none;color:#fff;font:400 12.07px DroidSans,Arial,sans-serif;cursor:pointer}
.screen .gbic-toggle:active:not(:disabled){border-image-source:url('assets/gb-p-btn_in_call_switch_off_pressed.png')}
.screen .gbic-toggle[aria-pressed="true"]{border-image-source:url('assets/gb-p-btn_in_call_switch_on_normal.png')}
.screen .gbic-toggle[aria-pressed="true"]:active{border-image-source:url('assets/gb-p-btn_in_call_switch_on_pressed.png')}
.screen .gbic-toggle:disabled{border-image-source:url('assets/gb-p-btn_in_call_switch_off_disable.png');color:#ffffff80;cursor:default}
/* non_drawer_dialpad (layout-long-finger): 32 dp DTMF field (24 sp), then 88 x 58 dp keys on btn_dial_green. */
.gbic-dtmf{position:absolute;left:0;right:0;top:.86px;display:flex;flex-direction:column;align-items:center}
.gbic-dtmf output{align-self:stretch;height:27.6px;margin:8.63px 27.6px 4.31px;padding:0 13.8px;font-size:20.7px;line-height:27.6px;text-align:center;white-space:nowrap;overflow:hidden;direction:rtl}
.gbic-pad{display:grid;grid-template-columns:repeat(3,75.9px);grid-auto-rows:50.03px;padding:5.18px 6.04px}
.screen .gbic-key{border:0 solid transparent;border-image:url('assets/gb-p-btn_dial_normal_green.png') 52 17 32 17 fill / 29.9px 9.78px 18.4px 9.78px stretch;background:var(--wht) center/63.83px 35.65px no-repeat;cursor:pointer;padding:0}
.screen .gbic-key:active{border-image-source:url('assets/gb-c-btn_dial_pressed.png');background-image:var(--blk)}

/* ContactEditorActivity (dark theme): 64 dip header with the 4 dip #666666 bar and the 24 sp account type, 76 dip photo on
   contact_picture_border, kind sections (14 dip indent, 18 sp titles) with btn_circle plus / minus / more / less, 100 dip
   label buttons, EditTexts and the ButtonBar. */
.gbce{display:flex;flex-direction:column;height:100%;background:#000;color:#fff;font-family:DroidSans,Arial,sans-serif}
.gbce button{font-family:inherit}
.gbce-scroll{flex:1;min-height:0;overflow:auto}
.gbce-header{position:relative;display:flex;align-items:center;height:55.2px;padding-top:3.45px;box-sizing:border-box}
.gbce-colorbar{position:absolute;left:0;right:0;top:0;height:3.45px;background:#666}
.gbce-header img{width:34.5px;height:34.5px;margin:0 6.04px}
.gbce-header b{font-size:17px;font-weight:400;line-height:1.15}
.gbce-divider{display:block;height:1px;background:url('assets/gb-divider_horizontal_dark.png') 0 0/100% 100%}
.gbce-photo-row{padding:8.63px 0 0 10.35px}
.screen .gbce-photo{width:65.55px;height:65.55px;padding:0;border:0 solid transparent;border-image:url('assets/gb-ce-contact_picture_border_normal.png') 52 16 38 16 fill / 29.9px 9.2px 21.85px 9.2px stretch;background:none;position:relative;cursor:pointer}
.gbce-photo::after{content:"";position:absolute;inset:0;background:url('assets/gb-ce-ic_menu_add_picture.png') center/41.4px 41.4px no-repeat}
.gbce-photo.has-photo::after{display:none}
.gbce-photo img{position:absolute;inset:5.18px 5.18px 9.49px;width:calc(100% - 10.35px);height:calc(100% - 14.67px);object-fit:cover}
.screen .gbce-photo:active{border-image-source:url('assets/gb-ce-contact_picture_border_pressed.png')}
.gbce-name{display:flex;align-items:flex-start;gap:2px;margin:5.18px 0 3.45px;padding:0 0 0 5.18px}
.gbce-name-fields{flex:1;min-width:0}
.gbce-field{display:block;width:100%;box-sizing:border-box;min-height:41.4px;margin:0 0 1px;border:0 solid transparent;border-image:url('assets/gb-textfield_default.png') 32 16 39 16 fill / 18.4px 9.2px 22.43px 9.2px stretch;padding:5.75px 9.2px 9.78px;background:none;color:#000;font:400 15.53px DroidSans,Arial,sans-serif;outline:0}
.gbce-field:focus{border-image-source:url('assets/gb-textfield_selected.png')}
.screen .gbce-round{flex:none;width:32.78px;height:41.4px;padding:0;border:0;background:url('assets/gb-ce-ic_btn_round_plus.png') 0 0/100% 100%,url('assets/gb-ce-btn_circle_normal.png') 0 0/100% 100%;cursor:pointer}
.screen .gbce-round.minus{background-image:url('assets/gb-ce-ic_btn_round_minus.png'),url('assets/gb-ce-btn_circle_normal.png')}
.screen .gbce-round.more{background-image:url('assets/gb-ce-ic_btn_round_more.png'),url('assets/gb-ce-btn_circle_normal.png')}
.screen .gbce-round.less{background-image:url('assets/gb-ce-ic_btn_round_less.png'),url('assets/gb-ce-btn_circle_normal.png')}
.screen .gbce-round.plus:active{background-image:url('assets/gb-ce-ic_btn_round_plus.png'),url('assets/gb-ce-btn_circle_pressed.png')}
.screen .gbce-round.minus:active{background-image:url('assets/gb-ce-ic_btn_round_minus.png'),url('assets/gb-ce-btn_circle_pressed.png')}
.screen .gbce-round.more:active{background-image:url('assets/gb-ce-ic_btn_round_more.png'),url('assets/gb-ce-btn_circle_pressed.png')}
.screen .gbce-round.less:active{background-image:url('assets/gb-ce-ic_btn_round_less.png'),url('assets/gb-ce-btn_circle_pressed.png')}
.gbce-kind{min-height:55.2px}
.gbce-kind-head{display:flex;align-items:center;min-height:43px;margin:1.73px 3.45px 1.73px 12.08px;font-size:15.53px;color:#fff}
.gbce-kind-head span{flex:1;min-width:0}
.gbce-kind-rows{padding:0 0 5.18px}
.gbce-row{display:flex;align-items:center;gap:3.45px;padding:0 3.45px 0 5.18px}
.gbce-row .gbce-field{flex:1;min-width:0}
.screen .gbce-label{flex:none;width:86.25px;min-height:41.4px;padding:5.75px 9.2px 9.78px;border:0 solid transparent;border-image:url('assets/gb-btn_default_normal.png') 5 7 12 7 fill / 2.88px 4.03px 6.9px stretch;background:none;color:#000;font:400 13.8px DroidSans,Arial,sans-serif;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.screen .gbce-label:active{border-image:url('assets/gb-btn_default_pressed.png') 10 8 17 8 fill / 5.75px 4.6px 9.78px stretch}
.screen .gbce-secondary{display:flex;align-items:center;width:100%;min-height:55.2px;padding:0 12.08px;border:0;background:none;color:#fff;font-size:15.53px;text-align:left;cursor:pointer}
.gbce-secondary::after{content:"";margin-left:auto;width:20.7px;height:20.7px;background:url('assets/gb-expander_ic_minimized.png') center/contain no-repeat}
.gbce-secondary.open::after{background-image:url('assets/gb-expander_ic_maximized.png')}
.screen .gbce-secondary:active{border-image:url('assets/gb-list_selector_background_pressed.png') 37 fill / 21.28px stretch}
.gbce-buttonbar{flex:none;display:flex;padding:4.31px 3.45px .86px;background:url('assets/gb-bottom_bar.png') 0 0/100% 100%}
.screen .gbce-buttonbar button{flex:1;min-width:0;min-height:41.4px;padding:5.75px 4px 9.78px;border:0 solid transparent;border-image:url('assets/gb-btn_default_normal.png') 5 7 12 7 fill / 2.88px 4.03px 6.9px stretch;background:none;color:#000;font:400 12.07px DroidSans,Arial,sans-serif;cursor:pointer}
.screen .gbce-buttonbar button:active{border-image:url('assets/gb-btn_default_pressed.png') 10 8 17 8 fill / 5.75px 4.6px 9.78px stretch}
/* CallDetailActivity (call_detail.xml; 1 dp = 0.8625 px): the title_bar_tall header (9 dip in, 5 dip out, the 32 dip type
   icon), then call_detail_list_item rows: listPreferredItemHeight, 9 dip in, the Large title over the bold label and the
   number, the 32 dip action icon on the right; title_bar_shadow over the list. */
.gbp-calldetail{flex:1;min-height:0;display:flex;flex-direction:column;background:#000}
.gbp-cd-head{flex:none;display:flex;align-items:center;padding:4.31px 4.31px 4.31px 7.76px;background:url('assets/gb-title_bar_tall.png') 0 0/100% 100%}
.gbp-cd-head>img{width:27.6px;height:27.6px;margin-right:8.63px}
.gbp-cd-head span{display:flex;flex-direction:column}
.gbp-cd-head strong{font-size:18.98px;font-weight:400;color:#fff}
.gbp-cd-head small{font-size:12.07px;color:#bebebe}
.gbp-cd-list{flex:1;min-height:0;overflow:auto;background:url('assets/gb-title_bar_shadow.png') 0 0/100% auto no-repeat}
.screen .gbp-cd-action{display:flex;align-items:center;width:100%;min-height:55.2px;padding:4.31px 4.31px 6.04px 7.76px;border:0;border-bottom:1px solid #ffffff1f;background:none;color:#fff;text-align:left;cursor:pointer}
.gbp-cd-copy{flex:1;min-width:0;display:flex;flex-direction:column;margin-right:4.31px}
.gbp-cd-copy span{font-size:18.98px}
.gbp-cd-copy small{font-size:12.07px;color:#bebebe}
.gbp-cd-copy small b{margin-right:4.31px}
.gbp-cd-action img{flex:none;width:27.6px;height:27.6px;margin-left:4.31px}
.screen .gbp-cd-action:active{border-image:url('assets/gb-list_selector_background_pressed.png') 37 fill / 21.28px stretch}
