/* alpha.PAED · glass header/app icons 024
   - opened app banner icons in app-banner.css
   - desk header shortcut icons + small alert icons here */

body#alphaDesktop.alpha-desktop .alpha-header-action{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-width:auto!important;
  min-height:auto!important;
  overflow:visible!important;
}
body#alphaDesktop.alpha-desktop .alpha-header-action .alpha-action-icon{
  --alpha-header-icon-ci:#70858a;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  width:42px;
  height:42px;
  border-radius:14px;
  color:color-mix(in srgb,var(--alpha-header-icon-ci) 82%,#1e3137 18%);
  border:1px solid color-mix(in srgb,var(--alpha-header-icon-ci) 18%,rgba(255,255,255,.88) 82%);
  background:
    linear-gradient(150deg,
      color-mix(in srgb,var(--alpha-header-icon-ci) 16%,rgba(255,255,255,.52) 84%) 0%,
      color-mix(in srgb,var(--alpha-header-icon-ci) 31%,rgba(255,255,255,.25) 69%) 48%,
      color-mix(in srgb,var(--alpha-header-icon-ci) 48%,rgba(255,255,255,.10) 52%) 100%);
  box-shadow:
    0 10px 18px rgba(20,34,39,.11),
    0 3px 6px rgba(20,34,39,.055),
    inset 0 2px 1px rgba(255,255,255,.80),
    inset 2px 0 2px rgba(255,255,255,.28),
    inset -2px 0 4px rgba(35,50,55,.07),
    inset 0 -5px 8px color-mix(in srgb,var(--alpha-header-icon-ci) 20%,rgba(22,34,38,.12) 80%);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body#alphaDesktop.alpha-desktop .alpha-header-action .alpha-action-icon::before{
  content:"";
  position:absolute;
  pointer-events:none;
  left:5px; right:5px; top:3px; height:34%;
  border-radius:12px 12px 52% 52%;
  background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,255,255,.18) 70%,transparent);
  opacity:.95;
}
body#alphaDesktop.alpha-desktop .alpha-header-action .alpha-action-icon::after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(100% 75% at 8% 7%,rgba(255,255,255,.18),transparent 36%),
    radial-gradient(100% 75% at 92% 94%,rgba(20,35,40,.065),transparent 31%);
}
body#alphaDesktop.alpha-desktop .alpha-header-action .alpha-action-icon svg{
  position:relative;
  z-index:2;
  width:53%;
  height:53%;
  stroke:currentColor;
  fill:none;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.34));
}
body#alphaDesktop.alpha-desktop .alpha-header-action .alpha-action-icon:not(:has(svg)){
  font:700 20px/1 Georgia,serif;
}
body#alphaDesktop.alpha-desktop .alpha-header-action:hover .alpha-action-icon,
body#alphaDesktop.alpha-desktop .alpha-header-action:focus-visible .alpha-action-icon{
  transform:translateY(-3px);
  filter:saturate(1.08);
  box-shadow:
    0 14px 24px rgba(20,34,39,.15),
    0 5px 8px rgba(20,34,39,.07),
    inset 0 2px 1px rgba(255,255,255,.82),
    inset 2px 0 2px rgba(255,255,255,.30),
    inset -2px 0 4px rgba(35,50,55,.07),
    inset 0 -5px 10px color-mix(in srgb,var(--alpha-header-icon-ci) 22%,rgba(22,34,38,.12) 78%);
}
body#alphaDesktop.alpha-desktop .alpha-header-action:active .alpha-action-icon{transform:translateY(-1px) scale(.985)}

/* Header palette */
body#alphaDesktop.alpha-desktop #taskShortcut .alpha-action-icon{--alpha-header-icon-ci:#4E8C69}
body#alphaDesktop.alpha-desktop #createShortcut .alpha-action-icon{--alpha-header-icon-ci:#2F7C78}
body#alphaDesktop.alpha-desktop #schulzShortcut .alpha-action-icon,
body#alphaDesktop.alpha-desktop #schulzTimeoutShortcut .alpha-action-icon{--alpha-header-icon-ci:#7656A6}
body#alphaDesktop.alpha-desktop #flashShortcut .alpha-action-icon{--alpha-header-icon-ci:#D9962F}
body#alphaDesktop.alpha-desktop #infoShortcut .alpha-action-icon{--alpha-header-icon-ci:#5E7E95}
body#alphaDesktop.alpha-desktop #contactShortcut .alpha-action-icon{--alpha-header-icon-ci:#D9962F}
body#alphaDesktop.alpha-desktop #themesShortcut .alpha-action-icon{--alpha-header-icon-ci:#82679B}
body#alphaDesktop.alpha-desktop #desklockShortcut .alpha-action-icon{--alpha-header-icon-ci:#647A7B}
body#alphaDesktop.alpha-desktop #burger .alpha-action-icon{--alpha-header-icon-ci:#6B746F}
body#alphaDesktop.alpha-desktop #holoToggle .alpha-action-icon,
body#alphaDesktop.alpha-desktop #holoAdvance .alpha-action-icon{--alpha-header-icon-ci:#55A891}
body#alphaDesktop.alpha-desktop #holoAdvance .alpha-action-icon{font:700 22px/1 Georgia,serif}

/* Small alert/process buttons adopt the same glass mini-icon language. */
body#alphaDesktop.alpha-desktop .alpha-schulz-process-hand,
body#alphaDesktop.alpha-desktop .alpha-alert-open{
  display:grid;
  place-items:center;
  position:relative;
  width:38px;
  height:38px;
  padding:0;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.75)!important;
  background:
    linear-gradient(150deg,
      rgba(255,255,255,.52) 0%,
      rgba(255,255,255,.25) 48%,
      rgba(255,255,255,.10) 100%)!important;
  box-shadow:
    0 10px 18px rgba(20,34,39,.10),
    0 3px 6px rgba(20,34,39,.05),
    inset 0 2px 1px rgba(255,255,255,.80),
    inset 2px 0 2px rgba(255,255,255,.28),
    inset -2px 0 4px rgba(35,50,55,.07),
    inset 0 -5px 8px rgba(22,34,38,.10)!important;
  overflow:hidden;
}
body#alphaDesktop.alpha-desktop .alpha-schulz-process-hand::before,
body#alphaDesktop.alpha-desktop .alpha-alert-open::before{
  content:"";
  position:absolute;
  left:5px; right:5px; top:3px; height:34%;
  border-radius:11px 11px 52% 52%;
  background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,255,255,.18) 70%,transparent);
  opacity:.95;
  pointer-events:none;
}
body#alphaDesktop.alpha-desktop .alpha-schulz-process-hand::after,
body#alphaDesktop.alpha-desktop .alpha-alert-open::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(100% 75% at 8% 7%,rgba(255,255,255,.18),transparent 36%),
    radial-gradient(100% 75% at 92% 94%,rgba(20,35,40,.065),transparent 31%);
  pointer-events:none;
}
body#alphaDesktop.alpha-desktop .alpha-alert-hand,
body#alphaDesktop.alpha-desktop .alpha-task-alert-mark{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  color:#516068;
  font:700 14px/1 Georgia,serif;
}
body#alphaDesktop.alpha-desktop .alpha-alert-hand svg{
  width:100%;
  height:100%;
  stroke:currentColor;
  fill:none;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.34));
}
body#alphaDesktop.alpha-desktop .alpha-alert-hand.yellow{color:#a77b1f}
body#alphaDesktop.alpha-desktop .alpha-alert-hand.green,
body#alphaDesktop.alpha-desktop .alpha-task-alert-mark.green{color:#4E8C69}
body#alphaDesktop.alpha-desktop .alpha-alert-hand.red,
body#alphaDesktop.alpha-desktop .alpha-task-alert-mark.orange{color:#B96845}

body#alphaDesktop.alpha-desktop .alpha-schulz-process-hand:hover,
body#alphaDesktop.alpha-desktop .alpha-alert-open:hover{
  transform:translateY(-2px);
}

/* Tiny marker strip remains readable above the glass button. */
body#alphaDesktop.alpha-desktop .alpha-schulz-process-markers,
body#alphaDesktop.alpha-desktop .alpha-schulz-process-urgent{
  position:relative;
  z-index:3;
}

@media(max-width:700px){
  body#alphaDesktop.alpha-desktop .alpha-header-action .alpha-action-icon{
    width:38px;height:38px;border-radius:12px;
  }
}