/* Secondary actions follow CPM's existing field-desk palette and type. */
.action-menu{position:relative;display:inline-block;flex:0 0 auto;max-width:100%;color:var(--navy)}
.action-menu > summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:10px;
  padding:9px 13px;background:#eef2f6;color:var(--navy);font:inherit;
  font-size:.86rem;font-weight:600;min-height:40px;user-select:none;
}
.action-menu > summary::-webkit-details-marker{display:none}
.action-menu > summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;flex:0 0 auto}
.action-menu[open] > summary::after{transform:rotate(225deg);margin-top:4px}
.action-menu[open] > summary,.action-menu > summary:hover{background:#e2e9f0;border-color:#9cabbc}
.action-menu > .action-menu-panel{
  position:fixed;z-index:75;width:280px;max-width:calc(100vw - 24px);
  overflow:auto;overscroll-behavior:contain;padding:6px;background:var(--card);
  border:1px solid var(--line);border-radius:12px;
  box-shadow:0 10px 28px rgba(16,32,57,.2);
}
.action-menu:not([open]) > .action-menu-panel{display:none}
.action-menu-panel > button{
  display:block;width:100%;min-height:44px;margin:0;border:0;border-radius:7px;
  padding:10px 12px;text-align:left;white-space:normal;overflow-wrap:anywhere;
  background:transparent;color:var(--navy);font:inherit;font-size:.86rem;
  font-weight:500;cursor:pointer;
}
.action-menu-panel > button:hover{background:#eef2f6}
.action-menu > summary:focus-visible,.action-menu-panel > button:focus-visible,
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #c9a227;outline-offset:2px;
}
.action-menu-panel > button:disabled{opacity:.55;cursor:not-allowed}
body.role-viewer .action-menu[data-edit]{display:none !important}
body.role-canvasser .pay-sub [data-payview="backup"]{display:none !important}
.action-menu-panel > [hidden]{display:none !important}
.login-card select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--card);color:var(--ink)}
@media(max-width:640px){
  .toolbar > input,.toolbar > select{max-width:100%;min-width:0 !important}
  .toolbar > input{flex-basis:180px}
  .rowbtns > .action-menu{max-width:100%}
}
@media print{
  .action-menu{display:none !important}
}