/* Proposal and invoice archive/delete actions — shared dark CRM pattern */

.premium-app .proposal-reference-row,
.premium-app .invoice-reference-row,
.premium-app .proposal-reference-actions,
.premium-app .invoice-reference-row-actions,
.premium-app .proposal-workflow-actions,
.premium-app .invoice-detail-actions{
  overflow:visible!important;
}

.premium-app .record-management-menu{
  position:relative;
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  z-index:8;
}

.premium-app .record-management-trigger{
  min-width:38px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 10px;
  border:1px solid #34495b;
  border-radius:9px;
  background:#111d28;
  color:#dce7ef;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.premium-app .record-management-trigger:hover,
.premium-app .record-management-trigger:focus-visible,
.premium-app .record-management-menu.open>.record-management-trigger{
  border-color:#ff7a00;
  color:#ff9b3d;
  background:#20150c;
  outline:0;
}

.premium-app .record-management-trigger svg{
  width:18px;
  height:18px;
}

.premium-app .record-management-popover{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:80;
  width:min(280px,calc(100vw - 32px));
  display:grid;
  gap:6px;
  padding:8px;
  border:1px solid #3a5265;
  border-radius:12px;
  background:#07131d;
  box-shadow:0 18px 44px rgba(0,0,0,.55);
}

.premium-app .record-management-popover>button{
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid transparent;
  border-radius:9px;
  background:#0c1a25;
  color:#eaf1f6;
  text-align:left;
  cursor:pointer;
}

.premium-app .record-management-popover>button:hover,
.premium-app .record-management-popover>button:focus-visible{
  border-color:#ff7a00;
  background:#1f160e;
  outline:0;
}

.premium-app .record-management-popover>button>svg{
  width:22px;
  height:22px;
  color:#ff941f;
}

.premium-app .record-management-popover>button>span{
  min-width:0;
  display:grid;
  gap:2px;
}

.premium-app .record-management-popover strong{
  font-size:13px;
  line-height:17px;
}

.premium-app .record-management-popover small{
  color:#9fb0bc;
  font-size:11px;
  line-height:15px;
}

.premium-app .record-management-popover>button.danger{
  color:#ffb2b2;
}

.premium-app .record-management-popover>button.danger>svg{
  color:#ff5d68;
}

.premium-app .record-management-popover>button.danger:hover,
.premium-app .record-management-popover>button.danger:focus-visible{
  border-color:#8b3039;
  background:#261014;
}

.premium-app .record-management-menu.detail>.record-management-trigger{
  min-height:42px;
}

.premium-app .invoice-reference-status.archived,
.premium-app .proposal-reference-status.neutral{
  color:#aab8c3;
}

.premium-app .invoice-reference-status.archived>i{
  background:#7c8c99;
}

@media(max-width:760px){
  .premium-app .record-management-popover{
    position:fixed;
    left:16px;
    right:16px;
    top:auto;
    bottom:calc(86px + env(safe-area-inset-bottom,0px));
    width:auto;
  }

  .premium-app .record-management-menu.detail>.record-management-trigger{
    width:100%;
  }
}