/* zIndex of important system app parts
 * is gathered here to clearly specify all system-app hierarchy */

/* Reset zIndex */
#screen > *:not([data-z-index-level]) {
  z-index: 0;
}

/* Level 1 */
/**
 * Topest layer, covers all of the screen no matter what's the height
 * of the status bar.
 * System overlay > Sleep menu > Card view
 */

/* Find the same code in system/index.html
#screen > [data-z-index-level="initlogo"] {
  z-index: 65536;
}
*/

#screen > *[data-z-index-level="poweroff-splash"] {
  z-index: 65536;
}

#screen > [data-z-index-level="debug-grid"],
#screen > [data-z-index-level="debug-ttl"] {
  z-index: 65536;
}

#screen > [data-z-index-level="system-notification-banner"] {
  z-index: 65536;
}

#screen > [data-z-index-level="system-overlay"] {
  z-index: 65536;
}

#screen > [data-z-index-level="sleep-menu"] {
  z-index: 65536;
}

/* Promote the transitioning appWindow to this level as the entry and exiting transition
  of the cards view. */
#screen.cards-view > [data-z-index-level="app"] > .appWindow.active,
#screen.cards-view > [data-z-index-level="app"] > .appWindow.opening,
#screen.cards-view > [data-z-index-level="app"] > .appWindow.closing {
  z-index: 65536;
}
#screen.cards-view > [data-z-index-level="cards-view"] {
  z-index: 65535;
}

#screen > [data-z-index-level="keyboard-frame"] {
  z-index: 65536;
}

/* Level 2: Notification toaster */
#screen > [data-z-index-level="notification-toaster"] {
  z-index: 32768;
}

/* Level 3: Attention screen */
#screen > [data-z-index-level="attention-screen"] {
  z-index: 16384;
}

/* Level 4: Activity menu, context menu and value selector */
#screen > [data-z-index-level="list-menu"] {
  z-index: 8192;
}

/* Level 5: Statusbar, Utility-Tray */
#screen > [data-z-index-level="statusbar"] {
  z-index: 4096;
}

#screen > [data-z-index-level="utility-tray"] {
  z-index: 4095;
}

/* Demote level 5 elements to homescreen level if there is an active
   full screen app frame */
#screen.fullscreen-app:not(.locked):not(.attention) > [data-z-index-level="statusbar"],
#screen.fullscreen-app:not(.locked):not(.attention) > [data-z-index-level="utility-tray"] {
  z-index: 0;
}

/* Prompote level 5 elements to attention screen level when
 * there is an active attention screen not minimized in
 * the status bar */
#screen.attention:not(.active-statusbar) > [data-z-index-level="statusbar"] {
  z-index: 16386;
}
#screen.attention:not(.active-statusbar) > [data-z-index-level="utility-tray"] {
  z-index: 16385;
}

/* Level 6: Lock Screen */
#screen > [data-z-index-level="lockscreen"] {
  z-index: 2048;
}

#screen > [data-z-index-level="lockscreen-camera"] {
  z-index: 2047;
}

#screen > [data-z-index-level="simpin-dialog"] {
  z-index: 2046;
}

/* Keep keyboard under lockscreen when locked */
#screen.locked > [data-z-index-level="keyboard-frame"] {
  z-index: 2045;
}

/* Level 7: Dialog Module */
#screen > [data-z-index-level="dialog-overlay"],
#screen > [data-z-index-level="value-selector"],
#screen > [data-z-index-level="permission-screen"],
#screen > [data-z-index-level="app-install-dialog"],
#screen > [data-z-index-level="updates-download-dialog"],
#screen > [data-z-index-level="updates-viaDataConnection-dialog"],
#screen > [data-z-index-level="app"] > .appWindow.inlineActivity {
  z-index: 1024;
}

/* Level 8 */
#screen.switch-app [data-z-index-level="app"] > .appWindow.opening,
#screen.switch-app [data-z-index-level="app"] > .appWindow.closing,
#screen.switch-app [data-z-index-level="app"] > .appWindow:not(.homescreen).active {
  z-index: 6;
}

#screen > [data-z-index-level="app"] {
  /**
   * Should not specify z-index here
   * Keyboard should be kept upon #windows
   * and beneath #windows > .appWindow
   */
}

/*
  Styles during FTU. In this case lockscreen & homescreen should be behind FTU.
  Once FTU is done, we will remove this styles in order to get the structure
  of z-index as usual.
*/

#screen.ftu > [data-z-index-level="statusbar"]{
  z-index: 1;
}

#screen.ftu > [data-z-index-level="lockscreen"]{
  z-index: 1;
}

#screen.ftu > [data-z-index-level="app"] > .appWindow.homescreen,
#screen.ftu > [data-z-index-level="app"] > .appWindow.homescreen.active {
  z-index: 0;
}

/*
 * The below z-index numbers is used to met the following conditions:
 * - active ones must be on top of the inactive ones
 * - keyboard frame must be below the active ones
 * - keyboard frame must be above the inactive ones
 * - app frame must be on top of homescreen frame, inactive or active.
 * - finally, everything else need to be on top of them (hence the lowest nums)
 *
 */
#screen > [data-z-index-level="app"] > #wrapper-footer,
#screen > [data-z-index-level="app"] > #wrapper-activity-indicator {
  z-index: 5;
}

#screen > [data-z-index-level="app"] > .appWindow.active,
#screen > [data-z-index-level="app"] > .appWindow.opening,
#screen > [data-z-index-level="app"] > .appWindow.closing {
  z-index: 4;
}

#screen > [data-z-index-level="app"] > .appWindow.homescreen.active {
  z-index: 3;
}

#screen > [data-z-index-level="app"] > .appWindow {
  z-index: 1;
}

#screen > [data-z-index-level="app"] > .appWindow.homescreen {
  z-index: 0;
}

/* We promotes the following overlays on top of the fullscreen web content. */

#screen:-moz-full-screen-ancestor > [data-z-index-level="app"] > .appWindow.inlineActivity,
#screen:-moz-full-screen-ancestor > [data-z-index-level="sleep-menu"],
#screen:-moz-full-screen-ancestor > [data-z-index-level="list-menu"],
#screen.locked:-moz-full-screen-ancestor > [data-z-index-level="statusbar"],
#screen:-moz-full-screen-ancestor > [data-z-index-level="lockscreen"],
#screen:-moz-full-screen-ancestor > [data-z-index-level="lockscreen-camera"],

#screen:-moz-full-screen-ancestor > [data-z-index-level="value-selector"],
#screen:-moz-full-screen-ancestor > [data-z-index-level="system-overlay"],
#screen:-moz-full-screen-ancestor > [data-z-index-level="dialog-overlay"],

#screen:-moz-full-screen-ancestor > [data-z-index-level="keyboard-frame"],

#screen:-moz-full-screen-ancestor > [data-z-index-level="notification-toaster"],
#screen:-moz-full-screen-ancestor > [data-z-index-level="cards-view"],
#screen:-moz-full-screen-ancestor > [data-z-index-level="attention-screen"],
#screen:-moz-full-screen-ancestor > [data-z-index-level="permission-screen"],
#screen:-moz-full-screen-ancestor > [data-z-index-level="app-install-dialog"] {
  z-index: 2147483647;
}