/* The premium card language is the base action layout.  It must not depend on
   a later JavaScript enhancement because restored iOS/PWA pages can miss it. */
.workflow-hub .workflow-action-buttons,.workflow-hub .admin-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:18px 0 0!important;align-items:stretch}
.workflow-hub .workflow-action-buttons>.workflow-action-button,.workflow-hub .admin-card-grid>.workflow-action-button{position:relative;display:flex!important;width:100%!important;min-height:108px;margin:0;padding:15px 14px;align-items:flex-start;justify-content:flex-end;flex-direction:column;border:1px solid #34454a!important;border-radius:16px!important;background:radial-gradient(circle at 82% 0,#435553 0,transparent 72%),linear-gradient(135deg,#111b20,#273536)!important;color:#fff!important;box-shadow:0 12px 28px rgba(21,34,38,.16),inset 0 1px rgba(255,255,255,.07);font-size:.86rem!important;font-weight:700!important;line-height:1.2!important;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.workflow-hub .workflow-action-buttons>.workflow-action-button::before,.workflow-hub .admin-card-grid>.workflow-action-button::before{content:"";position:absolute;top:0;left:14px;right:14px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#bd8d4d,#f0d69f)}
.workflow-hub .workflow-action-buttons>.workflow-action-button::after,.workflow-hub .admin-card-grid>.workflow-action-button::after{content:"→";margin-top:10px;color:#f0d69f;font-size:1rem;font-weight:700;line-height:1}
.workflow-hub .workflow-action-buttons>.workflow-action-button:hover,.workflow-hub .admin-card-grid>.workflow-action-button:hover{transform:translateY(-4px);border-color:rgba(225,189,118,.58)!important;background:radial-gradient(circle at 82% 0,#526967 0,transparent 72%),linear-gradient(135deg,#17252b,#314344)!important;box-shadow:0 17px 32px rgba(21,34,38,.22),inset 0 1px rgba(255,255,255,.1)}
.workflow-hub .workflow-action-buttons>.workflow-action-button:focus-visible,.workflow-hub .admin-card-grid>.workflow-action-button:focus-visible{outline:3px solid #f0d69f;outline-offset:3px}
.admin-more-actions{grid-column:1/-1;margin:0;border:1px solid #34454a;border-radius:16px;background:radial-gradient(circle at 82% 0,#435553 0,transparent 72%),linear-gradient(135deg,#111b20,#273536);box-shadow:0 12px 28px rgba(21,34,38,.16);overflow:hidden}
.admin-more-actions summary{display:flex;align-items:center;min-height:50px;padding:12px 14px;cursor:pointer;color:#fff;font-size:.82rem;font-weight:700;list-style:none}
.admin-more-actions summary::-webkit-details-marker{display:none}
.admin-more-actions summary::after{content:"+";margin-left:auto;color:#f0d69f;font-size:1.1rem;line-height:1}
.admin-more-actions[open] summary{border-bottom:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07)}
.admin-more-actions[open] summary::after{content:"−"}
.admin-more-action-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px}
.admin-more-action-list .workflow-action-button{position:relative;display:flex!important;width:100%!important;min-height:76px;margin:0;padding:12px;align-items:flex-start;justify-content:flex-end;flex-direction:column;border:1px solid rgba(255,255,255,.17)!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-align:left}
.admin-more-action-list .workflow-action-button::before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#bd8d4d,#f0d69f)}

@media(max-width:720px){
  .workflow-hub .workflow-action-buttons,.workflow-hub .admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:14px!important}
  .workflow-hub .workflow-action-buttons>.workflow-action-button,.workflow-hub .admin-card-grid>.workflow-action-button{min-height:96px;padding:13px 12px;font-size:.78rem!important}
  .admin-more-action-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}
  .admin-more-actions summary{min-height:46px;font-size:.78rem}

  /* Match the compact button grid already used by the main action centre. */
  .role-command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
  .role-command{min-height:104px;padding:13px 12px;border-radius:12px}
  .role-command::before{left:12px;right:12px}
  .role-command .command-kicker{font-size:.56rem;letter-spacing:.055em}
  .role-command strong{margin:8px 0 0;font-size:.84rem;line-height:1.15}
  .role-command small{display:none}
  .role-command em{margin-top:auto;padding-top:7px;font-size:.68rem}
  .role-command-centre,.role-detail-card{padding:18px!important}
  .role-command-centre .workflow-stage>.workflow-card::before,.role-detail-card::before{left:18px;right:18px}

  .role-counters article{min-height:96px;padding:14px}
  .role-counters b{font-size:2rem}
  .role-counters span{padding-top:9px;font-size:.68rem;letter-spacing:.035em}
}

@media(max-width:560px){
  header{gap:9px}
  header>a:first-child:after{font-size:.88rem}
  .portal-header-actions{gap:6px;justify-content:flex-end;flex-wrap:wrap}
  .portal-header-actions .quiet{margin-left:0;font-size:.74rem}
}

@media(max-width:380px){
  .workflow-hub .workflow-action-buttons,.workflow-hub .admin-card-grid,.admin-more-action-list,.role-command-grid{grid-template-columns:1fr!important}
  .workflow-hub .workflow-action-buttons>.workflow-action-button,.workflow-hub .admin-card-grid>.workflow-action-button{min-height:84px}
  .role-command{min-height:92px}
}