/* Nexus 4 extras (ics-extra-apps.js): the KitKat simulator's kk-extra-apps.css at 1 dp = 0.8516 px, plus tiles and tabs. */
.kkx-app{display:flex;flex-direction:column;background:#f2f2f2;color:#222;font-family:Roboto,RobotoICS,sans-serif}
.kkx-bar{flex:none;display:flex;align-items:center;height:40.8px;padding:0 3.39px 0 0;background:#f2f2f2;color:#333;border-bottom:1.7px solid #33b5e5}
.kkx-bar.dark{background:#000;color:#fff;border-bottom:0}
.kkx-home{display:flex;align-items:center;height:100%;padding:0 6.8px 0 0;border:0;background:none;color:inherit;cursor:pointer}
.kkx-drawer{width:10.2px;height:100%;display:grid;place-items:center;opacity:.7}
.kkx-drawer svg{width:10.2px;height:10.2px}
.kkx-home img{width:27.2px;height:27.2px;margin-left:1.7px}
.kkx-bar h2{flex:1;min-width:0;margin:0;font:400 15.3px Roboto,RobotoICS,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kkx-btn{width:40.8px;height:40.8px;border:0;background:none;color:inherit;display:grid;place-items:center;cursor:pointer}
.kkx-btn svg{width:20.39px;height:20.39px}
.kkx-btn:active,.kkx-home:active,.kkx-file:active,.kkx-tile:active{background:#33b5e566}
.kkx-list{flex:1;min-height:0;overflow-y:auto;padding:0 0 13.6px;scrollbar-width:none}
.kkx-list::-webkit-scrollbar{display:none}
.kkx-section{margin:13.6px 13.6px 0;padding:0 0 3.39px;border-bottom:1.7px solid #33b5e5;font:700 11.9px Roboto,RobotoICS,sans-serif;color:#33b5e5;text-transform:uppercase}
.kkx-file{display:flex;align-items:center;gap:13.6px;width:100%;min-height:54.4px;padding:0 13.6px;border:0;border-bottom:.850px solid #dadada;background:none;color:inherit;text-align:left;cursor:pointer}
.kkx-file-icon{flex:none;width:27.2px;height:27.2px;color:#777}
.kkx-file-icon svg{width:100%;height:100%}
.kkx-file-copy{min-width:0;display:flex;flex-direction:column}
.kkx-file-copy strong{font:400 15.3px Roboto,RobotoICS,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kkx-file-copy small{font:400 11.9px Roboto,RobotoICS,sans-serif;color:#777}
/* Newsstand: Read Now cards on the light shelf, the headline over the card colour. */
.kkx-newsstand{background:#e5e5e5}
.kkx-cards{padding:6.8px}
.kkx-story{margin:0 0 6.8px;background:#fff;box-shadow:0 .850px 1.7px #0000002e}
.kkx-story-art{height:136px;display:flex;align-items:flex-end;padding:10.2px;color:#fff}
.kkx-story-art b{font:300 20.39px/1.2 Roboto,RobotoICS,sans-serif}
.kkx-story-copy{padding:6.8px 10.2px}
.kkx-story-copy small{font:400 11.9px Roboto,RobotoICS,sans-serif;color:#333}
/* Quickoffice: the white home screen with its three source tiles. */
.kkx-quickoffice{background:#fff}
.kkx-tiles{display:flex;gap:6.8px;margin:10.2px 13.6px 0}
.kkx-tile{flex:1;display:flex;flex-direction:column;align-items:center;gap:5.1px;padding:10.2px 3.39px;border:.850px solid #dadada;background:#fafafa;color:#222;font:400 11.9px Roboto,RobotoICS,sans-serif;cursor:pointer}
.kkx-tile span{width:27.2px;height:27.2px;color:#33b5e5}
.kkx-tile svg{width:100%;height:100%}
.kkx-page{flex:1;min-height:0;overflow:auto;background:#d9d9d9;padding:10.2px}
.kkx-paper{background:#fff;padding:20.39px 17px;box-shadow:0 .850px 2.56px #00000040;font:400 12.75px/1.5 Roboto,RobotoICS,sans-serif}
.kkx-paper p{margin:0 0 6.8px}
/* Wallet: the balance tile in the Holo blue. */
.kkx-balance{margin:13.6px 13.6px 0;padding:13.6px;background:#fff;border-left:5.1px solid #33b5e5;box-shadow:0 .850px 1.7px #0000002e;display:flex;flex-direction:column;gap:3.39px}
.kkx-balance small{font:400 11.9px Roboto,RobotoICS,sans-serif;color:#777}
.kkx-wallet .kkx-file-copy strong{white-space:normal}
.kkx-balance b{font:300 27.2px Roboto,RobotoICS,sans-serif;color:#222}

.jbx-grid{display:grid;grid-template-columns:1fr 1fr;gap:7.98px;padding:7.98px}
.jbx-tile{display:flex;flex-direction:column;align-items:stretch;padding:0 0 7.98px;border:0;background:#fff;box-shadow:0 1px 2px #0003;text-align:left;color:#222;font:400 12.98px Roboto,RobotoICS,sans-serif}
.jbx-tile-art{display:grid;place-items:center;height:95.82px;margin-bottom:5.99px;background:var(--tile,#33b5e5);color:#fff;font:300 39.92px Roboto,RobotoICS,sans-serif}
.jbx-tile-art svg{width:39.92px;height:39.92px}
.jbx-tile strong{padding:0 7.98px;font-weight:400;font-size:13.97px}
.jbx-tile small{padding:0 7.98px;color:#777}
.jbx-grid.dark .jbx-tile{background:#2b2b2b;color:#eee}
.jbx-currents .kkx-list,.jbx-studio .kkx-list{background:#111}
.jbx-new .jbx-tile-art{background:#333}
.jbx-tabs{flex:none;display:flex;background:#f2f2f2;border-bottom:1px solid #ccc}
.jbx-tabs button{flex:1;height:39.92px;border:0;background:none;color:#555;font:500 12.98px Roboto,RobotoICS,sans-serif;text-transform:uppercase}
.jbx-tabs button.on{color:#222;box-shadow:inset 0 -2.99px #33b5e5}

/* Navigation (Maps 6.4, audit step 4): Theme.Holo's black, the da_actionBar (47 dp, da_action_bar_background: #f3f3f3
   to #dcdcdc between #d5d5d5 and #ababab lines), the tiles (da_action_button_normal, 320 dpi x .4258). */
.nav64{background:#000;display:flex;flex-direction:column}
.nav-head{flex:none;display:flex;align-items:center;height:40.03px;background:linear-gradient(#f3f3f3,#dcdcdc);border-top:.85px solid #d5d5d5;border-bottom:.85px solid #ababab}
.nav-switch{display:flex;align-items:center;padding:0 0 0 1.7px}
.nav-switch img:first-child{width:36.19px;height:36.19px}
.nav-switch img+img{width:11.5px;height:6.81px;margin-right:3.41px}
.nav-head i{flex:none;width:.85px;height:100%;background:#fff;box-shadow:-.85px 0 #0000001f}
.nav-head b{flex:1;padding-left:10.22px;font:700 13.63px Roboto,sans-serif;color:#000}
.screen .nav-head button{display:flex;align-items:center;height:100%;padding:0 5.11px 0 3.41px;border:0;background:none;font:700 13.63px Roboto,sans-serif;color:#000}
.nav-head button img{width:28.1px;height:28.1px;margin-right:1.7px}
.nav-tiles{display:grid;grid-template-columns:1fr 1fr;gap:1.7px;padding:1.7px}
.screen .nav-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.41px;height:85.16px;padding:0;border-style:solid;border-width:8.94px 8.52px 8.94px 9.37px;border-image:url('assets/nav-da_action_button_normal.png') 21 20 21 22 fill/8.94px 8.52px 8.94px 9.37px;background:none;font:400 11.07px Roboto,sans-serif;color:#ccc}
.nav-tile img{width:25.55px;height:25.55px}
.screen .nav-tile:active{filter:brightness(1.3)}

/* Places (Maps 6.4, audit step 4): 240 dpi drawables x .5677, 320 dpi x .4258; the textures tile at 320 dpi. */
.loc64{display:flex;flex-direction:column;background:#fafcfe url('assets/loc-primary_background_texture.png') 0 0/8.94px}
.loc-bar{flex:none;display:flex;align-items:center;height:38.32px;background:url('assets/loc-actionbar_background.png') 0 0/100% 100%}
.loc-switch{display:flex;align-items:center;padding:0 3.41px}
.loc-switch img:first-child{width:36.19px;height:36.19px}
.loc-switch img+img{width:11.5px;height:6.81px}
.loc-bar i{flex:none;width:1.14px;height:100%;background:url('assets/loc-actionbar_seperator.png') 0 0/100% 100%}
.loc-bar b{flex:1;padding-left:4.26px;font:400 18.73px Roboto,sans-serif;color:#000}
.screen .loc-bar button{width:37.47px;height:37.47px;padding:0;border:0;background:none}
.loc-bar button img{width:37.47px;height:37.47px}
.loc-where{flex:none;display:flex;align-items:center;gap:6.81px;height:40.88px;padding:0 8.52px;background:#748389 url('assets/loc-secondary_background_texture.png') 0 0/8.94px;font:400 13.63px Roboto,sans-serif;color:#fff}
.loc-where img:first-child{width:9.08px;height:9.08px}
.loc-where span{flex:1}
.loc-where img:last-child{width:6.81px;height:6.81px}
.loc-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:0 6.81px;padding:10.22px 6.81px 11.92px}
.screen .loc-cats button{display:flex;flex-direction:column;align-items:center;gap:1.7px;margin-bottom:3.41px;padding:0;border:0;background:none;font:400 10.22px Roboto,sans-serif;color:#000;white-space:nowrap;overflow:hidden}
.loc-cats img{width:45.99px;height:45.99px}
.loc-cats span{max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* Movie Studio (AOSP VideoEditor 4.0.4, audit step 4). */
.ms43{position:relative;background:#040505 url('assets/ms-activity_background.png') center/cover no-repeat}
.ms-bar{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;height:40.88px;padding-left:6.81px;background:#222;border-top:.85px solid #2d2d2d;z-index:2}
.ms-bar img{width:27.25px;height:27.25px}
.ms-grid{display:flex;flex-direction:column;align-items:center;padding-top:55.36px}
.screen .ms-item{display:block;padding:14.48px 7.66px;border:0;background:none}
.ms-thumb{position:relative;display:grid;place-items:center;width:255.48px;height:127.74px;background:#000}
.ms-thumb img{width:54.5px;height:54.5px}
.ms-thumb b{position:absolute;left:0;right:0;bottom:0;height:23.84px;padding:3.41px 0 0 17.03px;background:#00000080;text-align:left;font:400 11.92px Roboto,sans-serif;color:#fff}

/* Messenger (Google+ 2.4, audit step 4): the #292929 EsActionBar and the conversation rows on Holo light. */
.msg24{display:flex;flex-direction:column;background:#f3f3f3}
.msg24-bar{flex:none;display:flex;align-items:center;height:40.88px;background:#292929}
.screen .msg24-bar>button:first-child{display:flex;align-items:center;height:100%;padding:0 6.81px 0 0;border:0;background:none}
.msg24-bar img.up{width:13.63px;height:13.63px}
.msg24-bar>button:first-child img+img{width:27.25px;height:27.25px;margin-left:2.55px}
.msg24-bar b{flex:1;min-width:0;font:400 15.33px Roboto,sans-serif;color:#fff;text-shadow:0 1.06px 0 #000000bb}
.screen .msg24-act{flex:none;width:47.69px;height:100%;padding:0;border:0;background:none;display:grid;place-items:center}
.msg24-act img{width:27.25px;height:27.25px}
.msg24-list{flex:1;overflow-y:auto}
.screen .msg24-row{position:relative;display:flex;align-items:flex-start;width:100%;min-height:54.5px;padding:0;border:0;border-bottom:.85px solid #0000001a;background:none;text-align:left}
.msg24-row img{flex:none;width:54.5px;height:54.5px}
.msg24-row span{flex:1;min-width:0;display:flex;flex-direction:column;padding:8.52px 47.69px 8.52px 6.81px}
.msg24-row b{font:700 15.33px Roboto,sans-serif;color:#303030;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg24-row small{padding-top:1.7px;font:400 11.92px Roboto,sans-serif;color:#707070;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg24-row time{position:absolute;right:13.63px;top:12.77px;font:400 10.22px Roboto,sans-serif;color:#c0c0c0}