.resignation-type-pill{
  display:inline-flex;align-items:center;justify-content:center;
  width:max-content;margin:5px 0 0 8px;padding:4px 8px;border-radius:999px;
  font-size:9px;font-weight:950;letter-spacing:.06em;line-height:1;
  vertical-align:middle;border:1px solid transparent
}
.resignation-type-pill.seven-day{background:#fff0f1;color:#a80014;border-color:#ffcbd1}
.resignation-type-pill.standard{background:#f2ebf9;color:#5d257f;border-color:#dfd0ec}
.resignation-type-cell{min-width:150px;white-space:nowrap}
.resignation-type-cell .resignation-type-pill{margin:0;white-space:nowrap}

.resignation-seven-day-row{box-shadow:inset 4px 0 0 #d70012}
.resignation-seven-day-row:hover{background:#fffafb!important}

.resignation-type-banner{
  display:flex;align-items:stretch;justify-content:space-between;gap:18px;
  margin:14px 0 16px;padding:15px 16px;border-radius:16px;border:1px solid var(--module-line)
}
.resignation-type-banner.seven-day{background:#fff7f7;border-color:#ffcbd1}
.resignation-type-banner.standard{background:#faf7fd;border-color:#e2d7ed}
.resignation-type-main{display:flex;align-items:flex-start;gap:12px;min-width:0}
.resignation-type-main .resignation-type-pill{margin:1px 0 0;flex:0 0 auto}
.resignation-type-main>div{display:grid;gap:4px;min-width:0}
.resignation-type-main strong{font-size:14px;line-height:1.35;color:#19151d}
.resignation-type-main span:not(.resignation-type-pill){font-size:11px;line-height:1.45;color:#6f6377}
.resignation-type-date{
  display:grid;gap:3px;align-content:center;min-width:170px;padding-left:16px;
  border-left:1px solid rgba(126,86,151,.18)
}
.resignation-type-date span{font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#7b6b84}
.resignation-type-date strong{font-size:13px;color:#2a202f}

.workflow-owner-note{
  display:grid;gap:3px;margin:10px 0 14px;padding:11px 12px;border-radius:13px;
  border:1px solid #cfead7;background:#f3fbf5;color:#225f34
}
.workflow-owner-note strong{font-size:12px}.workflow-owner-note span{font-size:11px;line-height:1.45}
.workflow-owner-note.warn{border-color:#ffd6aa;background:#fff8ee;color:#8a4c06}
.workflow-owner-note.neutral{border-color:#e1d6ea;background:#faf7fc;color:#5e476b}

.worker-workflow-guide{
  display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(420px,2fr) auto;
  align-items:center;gap:18px;margin:0 0 14px;padding:16px 18px;
  border:1px solid #e2d7ed;border-radius:18px;background:linear-gradient(135deg,#fbf8fe 0%,#f4ecfb 100%);
  box-shadow:0 8px 24px rgba(74,36,99,.05)
}
.worker-guide-copy{display:grid;gap:4px;min-width:0}
.worker-guide-kicker{font-size:9px;font-weight:950;letter-spacing:.09em;color:#6b2ca6}
.worker-guide-copy strong{font-size:15px;color:#251b2b}
.worker-guide-copy>span:last-child{font-size:11px;line-height:1.45;color:#6f6377}
.worker-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.worker-guide-steps span{
  display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #e5d9ee;
  border-radius:12px;background:#fff;font-size:10px;font-weight:850;color:#4e4057
}
.worker-guide-steps b{
  display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;
  background:#6b2ca6;color:#fff;font-size:10px
}
.worker-guide-mail{
  justify-self:end;padding:8px 10px;border-radius:999px;background:#fff;color:#6b2ca6;
  border:1px solid #dfd0ec;font-size:9px;font-weight:950;white-space:nowrap
}

.queue-live-alert{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;
  padding:13px 15px;border-radius:15px;border:1px solid #d9c6e8;background:#f6effc;
  box-shadow:0 8px 20px rgba(107,44,166,.08)
}
.queue-live-alert>div{display:grid;gap:3px}
.queue-live-alert strong{font-size:12px;color:#4b2367}
.queue-live-alert span{font-size:10px;line-height:1.4;color:#735c80}
.queue-live-alert .btn{flex:0 0 auto}

.call-auto-log-note{
  margin-top:9px;padding:9px 11px;border-radius:11px;background:#f8f4fb;color:#705b7c;
  font-size:10px;line-height:1.45;border:1px dashed #decfe9
}
.workflow-call.is-busy{opacity:.72;pointer-events:none}
.workflow-action-note{
  margin-top:8px;padding:9px 11px;border-radius:11px;background:#f3fbf5;color:#225f34;
  border:1px solid #cfead7;font-size:10px;font-weight:750
}
.workflow-action-note.warn{background:#fff8ee;color:#8a4c06;border-color:#ffd6aa}

.smart-status-hint{
  margin-top:7px;padding:7px 9px;border-radius:9px;background:#f3fbf5;color:#225f34;
  border:1px solid #cfead7;font-size:9px;font-weight:800;line-height:1.4
}

@media(max-width:1180px){
  .worker-workflow-guide{grid-template-columns:1fr}
  .worker-guide-mail{justify-self:start}
}
@media(max-width:760px){
  .resignation-type-banner{display:grid}
  .resignation-type-date{padding-left:0;padding-top:10px;border-left:0;border-top:1px solid rgba(126,86,151,.18)}
  .resignation-type-pill{margin-left:6px}
  .worker-guide-steps{grid-template-columns:1fr}
  .queue-live-alert{align-items:flex-start;flex-direction:column}
}