/* Centrl v1.0.34 — MOBILE TACTICAL ARMOR
 * Responsive structural depth without the Android compositor triggers.
 * No filter, drop-shadow, blur, backdrop-filter, transform, clip-path, masking,
 * sticky layers or animations. Small static CSS gradients and crisp borders only.
 * Desktop and all non-Tactical themes retain their existing styling.
 */
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"]{
  --armor-outer:#030917;
  --armor-face:#0a1931;
  --armor-face-deep:#040d1f;
  --armor-top:#1a426a;
  --armor-metal:#6edfff;
  --armor-low:#214a94;
  --armor-second:#af62ff;
  --armor-grid:rgba(46,119,210,.044);
  --armor-label:#adcced;
  --armor-chamfer:12px;
  background:var(--armor-outer)!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme="tactical-green"]{
  --armor-outer:#0e1510;--armor-face:#202c20;--armor-face-deep:#101b13;
  --armor-top:#485b3b;--armor-metal:#bfd591;--armor-low:#4b6954;
  --armor-second:#dfc184;--armor-grid:rgba(168,193,135,.04);--armor-label:#c5d5b7;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme="tactical-black"]{
  --armor-outer:#050910;--armor-face:#172331;--armor-face-deep:#0a121c;
  --armor-top:#3d566a;--armor-metal:#c0e5ff;--armor-low:#476e94;
  --armor-second:#839ab6;--armor-grid:rgba(146,188,228,.04);--armor-label:#bdcede;
}
/* The physical chassis stays GPU-safe: hard gradients with no soft shadows. */
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .centrl-pda-device{
  border:1px solid var(--armor-low)!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,transparent 0,rgba(137,225,255,.08) 50%,transparent 100%) center top/100% 2px no-repeat,
    linear-gradient(160deg,var(--armor-face-deep) 0%,var(--armor-outer) 64%)!important;
  padding:9px!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .centrl-pda-brandbar{
  background:linear-gradient(100deg,var(--armor-face),var(--armor-outer) 80%)!important;
  border-bottom:2px solid var(--armor-low)!important;
  padding:6px 5px 12px!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .centrl-pda-brandmark{
  border-left:3px solid var(--armor-metal)!important;
  padding-left:7px!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .centrl-electric-emblem{
  background:radial-gradient(circle at 50% 50%,rgba(67,180,255,.29) 0%,transparent 70%)!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme="tactical-green"] .centrl-electric-emblem,
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme="tactical-black"] .centrl-electric-emblem{
  background:radial-gradient(circle at 50% 50%,rgba(139,171,191,.21),transparent 70%)!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .centrl-pda-theme-trigger{
  border:2px solid var(--armor-low)!important;
  border-radius:3px!important;
  color:#effaff!important;
  font-weight:750!important;
  background:linear-gradient(160deg,var(--armor-top) 0%,var(--armor-face-deep) 58%,var(--armor-outer) 100%)!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-tactical-sysline{
  color:var(--armor-metal)!important;
  font-size:9px!important;font-weight:800!important;
  letter-spacing:.12em!important;
  background:
    repeating-linear-gradient(90deg,var(--armor-low) 0 5px,transparent 5px 9px) bottom left/100% 1px no-repeat!important;
  padding:11px 3px 10px!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-sys-ping{
  color:var(--armor-label)!important;
}
/* Bevelled four corners are drawn as opaque triangular corners, not clipping.
 * Browser paints the frame as one rectangular image (no new compositor layer). */
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-command-frame{
  border:0!important;border-radius:0!important;
  padding:3px!important;margin-bottom:8px!important;
  background:
    linear-gradient(135deg,var(--armor-outer) 11px,transparent 11.5px) top left/17px 17px no-repeat,
    linear-gradient(225deg,var(--armor-outer) 11px,transparent 11.5px) top right/17px 17px no-repeat,
    linear-gradient(45deg,var(--armor-outer) 11px,transparent 11.5px) bottom left/17px 17px no-repeat,
    linear-gradient(315deg,var(--armor-outer) 11px,transparent 11.5px) bottom right/17px 17px no-repeat,
    linear-gradient(135deg,var(--armor-metal) 0%,var(--armor-low) 39%,var(--armor-second) 77%,var(--armor-metal) 100%)!important;
  /* v1.0.33's essential Android safety settings remain active. */
  clip-path:none!important;-webkit-clip-path:none!important;filter:none!important;
  box-shadow:none!important;transform:none!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-command-frame.frame-hero{
  padding:3px!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] :is(.centrl-pda-header,.centrl-pda-content){
  background:
    linear-gradient(135deg,var(--armor-outer) 8px,transparent 8.5px) top left/15px 15px no-repeat,
    linear-gradient(225deg,var(--armor-outer) 8px,transparent 8.5px) top right/15px 15px no-repeat,
    linear-gradient(45deg,var(--armor-outer) 8px,transparent 8.5px) bottom left/15px 15px no-repeat,
    linear-gradient(315deg,var(--armor-outer) 8px,transparent 8.5px) bottom right/15px 15px no-repeat,
    linear-gradient(100deg,rgba(255,255,255,.065),transparent 38%) top left/100% 3px no-repeat,
    linear-gradient(160deg,var(--armor-face) 0%,var(--armor-face-deep) 56%,var(--armor-outer) 100%)!important;
  border:0!important;border-radius:0!important;
  /* Keep the previous stability fix: no inset GPU compositing layers. */
  box-shadow:none!important;clip-path:none!important;filter:none!important;
}
/* Technical inserts and joints: always crisp 1px ornaments, not blurred glows. */
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .centrl-pda-header::after,
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .centrl-pda-content::after{
  display:block!important;content:""!important;
  position:absolute!important;pointer-events:none!important;z-index:2!important;
  inset:10px!important;width:auto!important;height:auto!important;
  background:
    linear-gradient(var(--armor-metal),var(--armor-metal)) left top/24px 2px no-repeat,
    linear-gradient(var(--armor-metal),var(--armor-metal)) left top/2px 21px no-repeat,
    linear-gradient(var(--armor-second),var(--armor-second)) right bottom/25px 2px no-repeat,
    linear-gradient(var(--armor-second),var(--armor-second)) right bottom/2px 21px no-repeat!important;
  border:0!important;border-radius:0!important;
  opacity:1!important;
  box-shadow:none!important;filter:none!important;clip-path:none!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] :is(.centrl-pda-header,.centrl-pda-content)::before{
  display:block!important;content:""!important;
  position:absolute!important;pointer-events:none!important;z-index:0!important;
  inset:0!important;width:auto!important;height:auto!important;
  opacity:1!important;
  border:0!important;box-shadow:none!important;filter:none!important;
  background:
    linear-gradient(90deg,var(--armor-grid) 1px,transparent 1px) 0 0/27px 27px,
    linear-gradient(0deg,var(--armor-grid) 1px,transparent 1px) 0 0/27px 27px!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] :is(.centrl-pda-header,.centrl-pda-content)>*{
  position:relative;z-index:1;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-hud-head,
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-hud-foot{
  border-color:var(--armor-low)!important;color:var(--armor-metal)!important;
  font-weight:800!important;letter-spacing:.1em!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-word{
  color:#f6fbff!important;
  font-weight:900!important;
  letter-spacing:-.055em!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-word-stack{
  color:var(--armor-metal)!important;font-weight:800!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-unit-block{
  border-left:3px solid var(--armor-metal)!important;
  background:linear-gradient(90deg,rgba(54,146,241,.12),transparent 70%)!important;
  padding-left:10px!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-team{
  color:#fff!important;font-weight:850!important;
}
/* Deep hard-surface buttons with chamfered corners; keep the SVG sharp at native size. */
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .centrl-pda-apps{
  padding:12px 0 16px!important;gap:3px!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app{
  font-weight:850!important;min-height:89px!important;gap:7px!important;
  background:transparent!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app>span:last-child{
  color:#e5f4ff!important;font-weight:850!important;
  text-transform:uppercase!important;letter-spacing:.055em!important;
  font-size:clamp(8px,2.45vw,10px)!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-visual{
  isolation:auto!important;overflow:visible!important;position:relative!important;
  width:100%!important;height:70px!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon{
  --armor-button:#42d8ff;--armor-button-low:rgba(52,166,247,.24);
  width:clamp(51px,15vw,65px)!important;
  height:clamp(51px,15vw,65px)!important;
  max-width:calc(100% - 3px)!important;
  border:2px solid var(--armor-button)!important;
  border-radius:0!important;
  --armor-icon-surface:
    linear-gradient(135deg,var(--armor-outer) 7px,transparent 7.5px) top left/11px 11px no-repeat,
    linear-gradient(225deg,var(--armor-outer) 7px,transparent 7.5px) top right/11px 11px no-repeat,
    linear-gradient(45deg,var(--armor-outer) 7px,transparent 7.5px) bottom left/11px 11px no-repeat,
    linear-gradient(315deg,var(--armor-outer) 7px,transparent 7.5px) bottom right/11px 11px no-repeat,
    linear-gradient(90deg,rgba(255,255,255,.11),transparent 50%) top/100% 2px no-repeat,
    linear-gradient(155deg,var(--armor-top),#080e20 47%,var(--armor-face) 100%);
  background:var(--armor-icon-surface)!important;
  color:var(--armor-button)!important;
  overflow:visible!important;filter:none!important;
  /* no rounded flat button or blurred shadow on Android */
  box-shadow:none!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon::before{
  display:block!important;content:""!important;
  position:absolute!important;pointer-events:none!important;
  z-index:0!important;inset:4px!important;
  border:1px solid var(--armor-button)!important;
  border-radius:0!important;
  background:
    linear-gradient(170deg,var(--armor-button-low),transparent 65%)!important;
  opacity:1!important;
  box-shadow:none!important;clip-path:none!important;filter:none!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon::after{
  display:block!important;content:""!important;
  position:absolute!important;pointer-events:none!important;
  z-index:3!important;inset:-2px!important;
  border:0!important;opacity:1!important;
  background:
    linear-gradient(135deg,var(--armor-outer) 8px,transparent 8.5px) top left/12px 12px no-repeat,
    linear-gradient(225deg,var(--armor-outer) 8px,transparent 8.5px) top right/12px 12px no-repeat,
    linear-gradient(45deg,var(--armor-outer) 8px,transparent 8.5px) bottom left/12px 12px no-repeat,
    linear-gradient(315deg,var(--armor-outer) 8px,transparent 8.5px) bottom right/12px 12px no-repeat!important;
  box-shadow:none!important;clip-path:none!important;filter:none!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon>svg:not(.pda-tactical-rail){
  width:29px!important;height:29px!important;
  z-index:2!important;position:relative!important;
  color:inherit!important;fill:currentColor!important;stroke:none!important;
  stroke-width:0!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  opacity:1!important;filter:none!important;transform:none!important;
}
/* Notes is an outlined icon; the other application glyphs are filled paths. */
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon.notes>svg:not(.pda-tactical-rail){fill:none!important;stroke:currentColor!important;stroke-width:2!important;}
/* Maintain the SVG's custom filled paths for the app symbols that require them. */
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon.alarms{--armor-button:#ff647d;--armor-button-low:rgba(255,54,99,.28);--armor-top:#522335;}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon.chat{--armor-button:#35dfff;--armor-button-low:rgba(36,204,255,.30);--armor-top:#153d62;}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon.location{--armor-button:#be83ff;--armor-button-low:rgba(184,93,255,.30);--armor-top:#3d2c5d;}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon.status{--armor-button:#4bf4b6;--armor-button-low:rgba(43,226,168,.29);--armor-top:#17473b;}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon.notes{--armor-button:#ffd17d;--armor-button-low:rgba(255,173,64,.29);--armor-top:#51402c;}
/* More specific v1.0.33 per-app color rules must not erase the layered armor face. */
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] :is(.pda-app-icon.alarms,.pda-app-icon.chat,.pda-app-icon.location,.pda-app-icon.status,.pda-app-icon.notes){background:var(--armor-icon-surface)!important;}

#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app.active .pda-app-icon{
  outline:2px solid var(--armor-button)!important;outline-offset:3px!important;
  background-color:var(--armor-face)!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-badge{
  top:-5px!important;right:-2px!important;z-index:8!important;
  border:2px solid #fff!important;
  background:#ed314f!important;color:#fff!important;
  box-shadow:none!important;
}
/* Matching hard-edged modules within the content view. */
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] :is(
 .pda-note-tile,.pda-note-editor input,.pda-note-editor textarea,
 .pda-note-media-actions button,.pda-msg,.pda-panel,.pda-card
){
  border-radius:2px!important;border-color:var(--armor-low)!important;
  box-shadow:none!important;filter:none!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-note-tile{
  border-left:3px solid var(--armor-metal)!important;
  background:linear-gradient(140deg,var(--armor-face),var(--armor-face-deep))!important;
}
#centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .centrl-pda-theme-dialog{
  border:2px solid var(--armor-metal)!important;border-radius:3px!important;
  background:linear-gradient(160deg,var(--armor-face),var(--armor-outer))!important;
  box-shadow:none!important;filter:none!important;
}
@media(max-width:360px){
  #centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon{
    width:clamp(43px,15vw,54px)!important;height:clamp(43px,15vw,54px)!important;
  }
  #centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-visual{height:61px!important;}
  #centrl-pda .centrl-pda-shell.centrl-android-safe[data-pda-theme^="tactical-"] .pda-app-icon>svg:not(.pda-tactical-rail){width:25px!important;height:25px!important;}
}