/* Kanban — confirmação financeira ao entregar pedido */
.kanban-card.is-delivered-unpaid{
  position:relative;
  border-color:rgba(245,158,11,.55) !important;
  box-shadow:
    0 1px 2px rgba(120,53,15,.08),
    0 10px 26px rgba(245,158,11,.18) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,251,235,.92)) !important;
}
.kanban-card.is-delivered-unpaid::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  border-radius:12px 0 0 12px;
  background:linear-gradient(180deg,#f59e0b,#f97316,#ef4444);
  pointer-events:none;
}
.kanban-card-tag.delivered-unpaid{
  display:inline-flex;
  align-items:center;
  gap:4px;
  width:max-content;
  max-width:100%;
  margin-top:6px;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid rgba(245,158,11,.32);
  background:rgba(245,158,11,.12);
  color:#b45309;
  font-size:9px;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.ag-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(15,23,42,.42);
  backdrop-filter:blur(7px);
  animation:agModalFade .16s ease both;
}
.ag-modal{
  width:min(520px,calc(100vw - 36px));
  border-radius:28px;
  border:1px solid rgba(26,115,232,.18);
  background:
    radial-gradient(circle at 16% 0%,rgba(26,115,232,.12),transparent 34%),
    linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 24px 70px rgba(15,23,42,.24),0 1px 2px rgba(60,64,67,.10);
  overflow:hidden;
  animation:agModalRise .22s cubic-bezier(.2,.8,.2,1) both;
}
.ag-modal-head{
  display:flex;
  align-items:flex-start;
  gap:13px;
  padding:20px 22px 14px;
  border-bottom:1px solid #e8edf6;
}
.ag-modal-icon{
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  flex:none;
  background:#fff4dc;
  color:#b45309;
  box-shadow:inset 0 0 0 1px rgba(245,158,11,.20);
  font-size:21px;
}
.ag-modal-title{
  font-size:18px;
  line-height:1.14;
  font-weight:900;
  letter-spacing:-.035em;
  color:#202124;
}
.ag-modal-sub{
  margin-top:5px;
  font-size:12px;
  line-height:1.55;
  color:#5f6368;
  font-weight:650;
}
.ag-modal-body{
  padding:15px 22px 4px;
  display:grid;
  gap:10px;
}
.ag-modal-fin{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.ag-modal-fin-card{
  padding:12px 13px;
  border-radius:16px;
  border:1px solid #e6edf7;
  background:#fff;
}
.ag-modal-fin-card span{
  display:block;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8a94a3;
}
.ag-modal-fin-card strong{
  display:block;
  margin-top:3px;
  font-size:18px;
  font-weight:950;
  color:#1a73e8;
  font-variant-numeric:tabular-nums;
}
.ag-modal-fin-card.pending strong{color:#d93025}
.ag-modal-note{
  padding:10px 12px;
  border-radius:15px;
  background:#fff8e7;
  border:1px solid rgba(245,158,11,.20);
  color:#7c4a03;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}
.ag-modal-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  padding:17px 22px 20px;
  flex-wrap:wrap;
}
.ag-modal-btn{
  min-height:38px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid #dfe6f2;
  background:#fff;
  color:#3c4043;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease;
}
.ag-modal-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(60,64,67,.10);
}
.ag-modal-btn.primary{
  background:#1a73e8;
  border-color:#1a73e8;
  color:#fff;
  box-shadow:0 10px 22px rgba(26,115,232,.18);
}
.ag-modal-btn.warning{
  background:#fff4dc;
  border-color:rgba(245,158,11,.34);
  color:#b45309;
}
.ag-modal-btn.ghost{
  color:#5f6368;
}
@keyframes agModalFade{from{opacity:0}to{opacity:1}}
@keyframes agModalRise{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
body:not([data-theme="light"]) .ag-modal{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),var(--surface));
  border-color:var(--border);
}
body:not([data-theme="light"]) .ag-modal-title{color:var(--text)}
body:not([data-theme="light"]) .ag-modal-sub{color:var(--muted)}