.ui-v12-action {
  --action-navy: #1b3156;
  --action-orange: #b65b28;
  color: var(--action-navy);
  background: #fffefb;
  border: 1px solid #ebdfd0;
  border-radius: 22px;
  padding: clamp(16px, 4vw, 26px);
  margin: 14px 0;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  box-shadow: 0 5px 20px rgb(66 48 27 / 4%);
  overflow-wrap: anywhere;
}
.ui-v12-action *, .ui-v12-action-confirm * { box-sizing: border-box; }
.ui-v12-action-header { display: flex; align-items: center; gap: 13px; margin-bottom: 17px; }
.ui-v12-action-header h3 { color: var(--action-navy); font-size: clamp(21px, 5vw, 27px); line-height: 1.45; margin: 0; }
.ui-v12-action-header p { margin: 4px 0 0; color: #667087; font-size: 14px; line-height: 1.6; }
.ui-v12-action-icon { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: #fcf0e3; color: #af5321; display: flex; align-items: center; justify-content: center; font-size: 25px; line-height: 1; }
.ui-v12-action-header > .ui-v12-action-icon { width: 52px; height: 52px; flex-basis: 52px; border-radius: 18px; }
.ui-v12-action-sections { display: grid; gap: 10px; min-width: 0; }
.ui-v12-action-section { display: flex; align-items: flex-start; gap: 10px; border: 1px solid #ede7df; border-radius: 15px; padding: 13px 12px; background: #fff; min-width: 0; }
.ui-v12-action-section > div { flex: 1; min-width: 0; }
.ui-v12-action-section h4 { color: var(--action-navy); font-size: 16px; line-height: 1.5; margin: 0 0 8px; }
.ui-v12-action-section p, .ui-v12-action-section ol { padding: 9px 11px; margin: 0; background: #f8f7f4; border-radius: 10px; color: #35435e; font-size: 15px; line-height: 1.75; }
.ui-v12-action-section ol { padding-left: 29px; }
.ui-v12-action-section li { padding-left: 1px; }
.ui-v12-action-section li + li { margin-top: 5px; }
.ui-v12-action-section li::marker { color: var(--action-orange); }
.ui-v12-action-section small { display: block; color: #717785; font-size: 12px; line-height: 1.7; margin: 7px 0 0; }
.ui-v12-date-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-bottom: 8px; }
.ui-v12-date-options button { border: 1px solid #dfdfdf; border-radius: 999px; background: #faf9f6; color: #58627a; min-height: 42px; min-width: 0; padding: 6px 2px; font-size: 13px; white-space: nowrap; }
.ui-v12-date-options button[aria-pressed="true"] { border-color: #c8713d; background: #fff3e6; color: #9f481d; font-weight: 650; }
.ui-v12-custom-date { display: grid; gap: 6px; color: #59657a; font-size: 13px; margin: 9px 0; }
.ui-v12-custom-date[hidden] { display: none; }
.ui-v12-custom-date input { width: 100%; max-width: 100%; min-width: 0; min-height: 44px; border: 1px solid #dcd3c8; border-radius: 10px; padding: 8px; background: #fff; color: #243654; font-size: 16px; }
.ui-v12-action-section p.ui-v12-action-date { padding: 0; background: none; color: #6b7180; font-size: 12px; }
.ui-v12-action-controls { display: grid; grid-template-columns: 1.2fr 1fr; gap: 10px; padding-top: 15px; margin-top: 15px; border-top: 1px solid #eedfce; }
.ui-v12-action button, .ui-v12-action-confirm button { cursor: pointer; touch-action: manipulation; font-family: inherit; }
.ui-v12-action-controls button, .ui-v12-action-primary, .ui-v12-action-secondary { min-height: 46px; border-radius: 14px; padding: 10px 12px; line-height: 1.5; font-size: 15px; font-weight: 550; }
.ui-v12-action-primary { color: #fff; background: #b76532; border: 1px solid #b76532; }
.ui-v12-action-secondary { color: #a65325; background: #fffdf9; border: 1px solid #c58358; }
.ui-v12-action button:disabled, .ui-v12-action-confirm button:disabled { opacity: .5; cursor: default; }
.ui-v12-action button:focus-visible, .ui-v12-action summary:focus-visible, .ui-v12-action-confirm button:focus-visible { outline: 3px solid #e7b586; outline-offset: 3px; }
.ui-v12-plan-preserved { color: #7c6348; background: #fcf5eb; border-radius: 10px; padding: 10px 12px; font-size: 13px; line-height: 1.7; }
.ui-v12-saved-plan > summary, .ui-v12-action-history > summary { cursor: pointer; font-size: 16px; line-height: 1.6; color: #263b5e; padding: 5px 0 12px; }
.ui-v12-saved-plan > summary span { font-weight: 600; }
.ui-v12-saved-plan > summary small { display: block; font-size: 12px; color: #747a87; margin-top: 5px; }
.ui-v12-saved-plan[open] > summary { margin-bottom: 10px; }
.ui-v12-feedback-controls { grid-template-columns: 1.8fr repeat(3, 1fr); gap: 7px; }
.ui-v12-feedback-controls button { background: #fff; color: #25395b; border: 1px solid #e6ded3; padding: 10px 5px; font-size: 13px; min-width: 0; }
.ui-v12-feedback-controls button:first-child { background: #fff5e9; border-color: #e3bc94; color: #94502c; }
.ui-v12-feedback-shortcut { display: block; margin: 14px 0 0 auto; border: 0; background: none; color: #6f7785; min-height: 36px; padding: 5px 2px; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.ui-v12-action-error { color: #9f3f2e; background: #fff1ec; padding: 9px 11px; border-radius: 9px; font-size: 13px; line-height: 1.6; }
.ui-v12-action-error[hidden] { display: none; }
.ui-v12-action-confirm { color: #243654; background: #fffdf8; border: 1px solid #e8decd; border-radius: 20px; max-width: min(440px, calc(100vw - 30px)); padding: 0; }
.ui-v12-action-confirm .rc-action-dialog-card { padding: 24px; line-height: 1.75; }
.ui-v12-action-confirm h2 { font-size: 20px; margin: 0 0 12px; }
.ui-v12-confirm-title { background: #f7f3ec; border-radius: 10px; padding: 10px 12px; font-weight: 600; }
.ui-v12-action-confirm .rc-dialog-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
@media (max-width: 390px) {
  .ui-v12-action { padding: 15px 12px; border-radius: 18px; }
  .ui-v12-action-section { padding: 12px 9px; gap: 8px; }
  .ui-v12-action-section .ui-v12-action-icon { flex-basis: 30px; width: 30px; height: 30px; font-size: 21px; }
  .ui-v12-action-controls { gap: 7px; }
  .ui-v12-action-controls button { font-size: 13px; padding-left: 5px; padding-right: 5px; }
}