/* Sole screen interaction owner for the ten monitoring cards. V2 targets derive
   from 64573f0: hover alpha 15%, blur 18px; relief alpha 9% / 5%.
   V3 adds a radial light layer, a +90% glow alpha from V2 (12 -> 22.8%),
   and a separate neutral elevation shadow. No operational or geometry changes. */
@media screen {
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card {
  --card-inset:0px;--card-elevation:0px;--card-shadow-y:5px;--card-shadow-blur:16px;--card-shadow-alpha:8%;--card-glow-alpha:0%;--card-light:0;--card-neutral-alpha:0;
  transition:transform 280ms ease,box-shadow 280ms ease,border-color 280ms ease;
  transform:translateY(var(--card-elevation));
  box-shadow:inset 0 0 0 var(--card-inset) var(--deadline-color),0 var(--card-shadow-y) var(--card-shadow-blur) color-mix(in srgb,var(--deadline-color) var(--card-shadow-alpha),transparent),0 3px 14px -2px color-mix(in srgb,var(--deadline-color) var(--card-glow-alpha),transparent),0 16px 30px -8px rgb(0 0 0 / var(--card-neutral-alpha));
 }
 /* This isolated decorative plane is above the original background and below
    the complete content. The card's existing clipping contains only this plane;
    the card's own external box-shadow remains outside its border. */
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card::before {
  content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 105% 90% at 50% 28%,color-mix(in srgb,var(--deadline-color) 16%,transparent) 0%,color-mix(in srgb,var(--deadline-color) 7.5%,transparent) 50%,transparent 80%);
  opacity:var(--card-light);transition:opacity 280ms ease;
 }
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card > strong::before {
  box-shadow:0 2px 3px color-mix(in srgb,var(--deadline-color) 16.2%,transparent),inset 0 1px 2px color-mix(in srgb,var(--deadline-color) 9%,transparent);
  transition:box-shadow 280ms ease;
 }
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card .deadline-card-detail {
  box-shadow:0 2px 3px color-mix(in srgb,var(--deadline-color) 15.3%,transparent),inset 0 1px 2px color-mix(in srgb,var(--deadline-color) 8.5%,transparent);
  transition:box-shadow 280ms ease;
 }
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card:is(.selected,[aria-pressed="true"],:focus-visible,:active) {
  --card-shadow-y:8px;--card-shadow-blur:28.8px;--card-shadow-alpha:30%;--card-glow-alpha:22.8%;--card-light:1;--card-neutral-alpha:.18;
 }
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card:focus-visible {outline:2px solid var(--deadline-color);outline-offset:2px}
 /* One integrated lower edge replaces both the old detached indicator and
    the selected four-sided inset. Its overlay never changes the card box. */
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card::after {
  content:"";position:absolute;inset:0;box-sizing:border-box;border:0 solid transparent;border-bottom:5px solid var(--deadline-color);border-radius:inherit;pointer-events:none;
  box-shadow:0 5px 7px -5px color-mix(in srgb,var(--deadline-color) 50%,transparent);opacity:0;transition:opacity 280ms ease;
 }
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card:is(.selected,[aria-pressed="true"],:active)::after {opacity:1}
}
@media screen and (hover:hover) and (pointer:fine) {
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card:hover {
  --card-elevation:-10px;--card-shadow-y:8px;--card-shadow-blur:28.8px;--card-shadow-alpha:30%;--card-glow-alpha:22.8%;--card-light:1;--card-neutral-alpha:.18;
 }
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card:hover::after {opacity:1}
}
/* The unchanged compact grid has an 8–10px gap: 2px touch lift is safe,
   including hybrid tablets. Selection remains in its original grid position. */
@media screen and (any-pointer:coarse) {
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card:active {--card-elevation:-2px}
}
@media screen and (prefers-reduced-motion:reduce) {
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card,
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card::before,
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card::after,
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card > strong::before,
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card .deadline-card-detail {transition:none}
 #content .action-panel:not([data-panel-report-capture]) .action-primary-kpis .deadline-card:is(:hover,:active,:focus-visible,.selected,[aria-pressed="true"]) {--card-elevation:0px}
}