/* Ottoni Habitat 1.4.5 — dialogs claros, operacionais, canceláveis e com ações persistentes fora do formulário. */
:root{
  --ottoni-dialog-paper:var(--otw-paper,var(--ottoni-paper,#fffaf4));
  --ottoni-dialog-soft:var(--otw-paper-soft,var(--ottoni-canvas,#f4efe8));
  --ottoni-dialog-ink:var(--otw-ink,var(--ottoni-ink,#342d27));
  --ottoni-dialog-muted:var(--otw-muted,var(--ottoni-ink-soft,#766b62));
  --ottoni-dialog-line:var(--otw-line-strong,var(--ottoni-line,rgba(91,76,64,.18)));
  --ottoni-dialog-primary:#75584a;
  --ottoni-dialog-primary-hover:#684b3f;
  --ottoni-dialog-focus:var(--ottoni-focus,#9c6b5a);
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]){
  width:min(640px,calc(100vw - 32px))!important;
  max-width:640px!important;
  max-height:min(88dvh,780px)!important;
  margin:auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--ottoni-dialog-line)!important;
  border-radius:24px!important;
  background:var(--ottoni-dialog-paper)!important;
  color:var(--ottoni-dialog-ink)!important;
  box-shadow:0 32px 100px rgba(63,49,40,.22)!important;
  color-scheme:light!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible])::backdrop{
  background:rgba(57,49,43,.38)!important;
  backdrop-filter:blur(6px)!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) form{
  position:relative!important;
  display:grid!important;
  gap:17px!important;
  max-height:min(88dvh,780px)!important;
  margin:0!important;
  padding:32px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  background:linear-gradient(145deg,rgba(234,216,209,.2),transparent 34%),var(--ottoni-dialog-paper)!important;
  color:var(--ottoni-dialog-ink)!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) :is(h1,h2,h3){
  max-width:calc(100% - 50px);
  margin:0 0 4px!important;
  color:var(--ottoni-dialog-ink)!important;
  font-family:var(--ottoni-font-display,Georgia,"Times New Roman",serif)!important;
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) h2{
  font-size:clamp(2rem,5vw,3.1rem)!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) :is(p,.description){
  color:var(--ottoni-dialog-muted)!important;
  line-height:1.55!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) label{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
  color:var(--ottoni-dialog-muted)!important;
  font-size:.78rem!important;
  font-weight:650!important;
  line-height:1.35!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  width:100%!important;
  min-height:46px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid var(--ottoni-dialog-line)!important;
  border-radius:12px!important;
  background:#fffdf9!important;
  color:var(--ottoni-dialog-ink)!important;
  box-shadow:none!important;
  outline:0!important;
  font:inherit!important;
  line-height:1.4!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) textarea{
  min-height:104px!important;
  resize:vertical!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) :is(input,select,textarea)::placeholder{
  color:#9a9189!important;
  opacity:1!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) :is(input,select,textarea):focus-visible{
  border-color:var(--ottoni-dialog-focus)!important;
  box-shadow:0 0 0 3px rgba(156,107,90,.15)!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-close{
  position:absolute!important;
  z-index:4!important;
  top:17px!important;
  right:17px!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--ottoni-dialog-muted)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font-size:1.25rem!important;
  line-height:1!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-close:hover,
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-close:focus-visible{
  border-color:var(--ottoni-dialog-line)!important;
  background:var(--ottoni-dialog-soft)!important;
  color:var(--ottoni-dialog-ink)!important;
  outline:2px solid transparent!important;
}

.ottoni-dialog-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:5px!important;
  padding-top:18px!important;
  border-top:1px solid var(--ottoni-dialog-line)!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions :is(button,input[type=submit]){
  width:auto!important;
  min-width:132px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:.78rem!important;
  font-weight:750!important;
  line-height:1!important;
  cursor:pointer!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions :is(button[type=submit],input[type=submit]){
  border:1px solid var(--ottoni-dialog-primary)!important;
  background:var(--ottoni-dialog-primary)!important;
  color:#fffaf4!important;
  box-shadow:none!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions :is(button[type=submit],input[type=submit]):hover{
  border-color:var(--ottoni-dialog-primary-hover)!important;
  background:var(--ottoni-dialog-primary-hover)!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-cancel{
  border:1px solid var(--ottoni-dialog-line)!important;
  background:transparent!important;
  color:var(--ottoni-dialog-ink)!important;
  box-shadow:none!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-cancel:hover{
  background:var(--ottoni-dialog-soft)!important;
}

:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) :is(button,input,select,textarea):focus-visible{
  outline:2px solid var(--ottoni-dialog-focus)!important;
  outline-offset:2px!important;
}

@media(max-width:620px){
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]){
    width:100%!important;
    max-width:none!important;
    max-height:min(92dvh,840px)!important;
    margin:auto 0 0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    border-radius:24px 24px 0 0!important;
  }
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) form{
    max-height:min(92dvh,840px)!important;
    padding:27px 18px calc(22px + env(safe-area-inset-bottom))!important;
  }
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) h2{
    font-size:clamp(2rem,11vw,2.8rem)!important;
  }
  .ottoni-dialog-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions :is(button,input[type=submit]){
    width:100%!important;
  }
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions :is(button[type=submit],input[type=submit]){
    order:-1;
  }
}

@media(prefers-reduced-motion:reduce){
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) *{
    scroll-behavior:auto!important;
  }
}


/* P8.3 — normalização operacional do diálogo de decisão e de seus controles. */
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) form{
  scrollbar-gutter:stable;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) [data-ottoni-dialog-obsolete-control]{
  display:none!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-close{
  isolation:isolate!important;
  overflow:hidden!important;
  text-indent:0!important;
  font-family:Arial,sans-serif!important;
  font-size:1.55rem!important;
  font-weight:300!important;
  -webkit-text-fill-color:currentColor!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-close>*{display:none!important}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-close::before,
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-close::after{content:none!important;display:none!important}
.ottoni-dialog-actions{
  position:sticky!important;
  z-index:6!important;
  bottom:-1px!important;
  margin:8px -4px -8px!important;
  padding:18px 4px 8px!important;
  background:linear-gradient(to bottom,rgba(255,250,244,0),var(--ottoni-dialog-paper) 24%,var(--ottoni-dialog-paper))!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-submit{
  border:1px solid #a95e47!important;
  background:linear-gradient(120deg,#a95e47,#bf7559)!important;
  color:#fffaf4!important;
  -webkit-text-fill-color:#fffaf4!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) input[type="range"]{
  min-height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  accent-color:#b76b52!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) input[type="range"]::-webkit-slider-runnable-track{
  height:6px;border-radius:999px;background:linear-gradient(90deg,#b76b52,#d8b5a6)!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) input[type="range"]::-webkit-slider-thumb{
  width:22px;height:22px;margin-top:-8px;border:3px solid #fffaf4;border-radius:50%;background:#a95e47;box-shadow:0 3px 12px rgba(80,52,40,.24);-webkit-appearance:none!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) input[type="range"]::-moz-range-track{
  height:6px;border:0;border-radius:999px;background:#d8b5a6!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) input[type="range"]::-moz-range-progress{
  height:6px;border-radius:999px;background:#b76b52!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) input[type="range"]::-moz-range-thumb{
  width:18px;height:18px;border:3px solid #fffaf4;border-radius:50%;background:#a95e47;box-shadow:0 3px 12px rgba(80,52,40,.24);
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) output{
  justify-self:end!important;
  min-width:56px!important;
  padding:4px 10px!important;
  border:1px solid var(--ottoni-dialog-line)!important;
  border-radius:999px!important;
  background:var(--ottoni-dialog-soft)!important;
  color:var(--ottoni-dialog-ink)!important;
  font-family:var(--ottoni-font-display,Georgia,"Times New Roman",serif)!important;
  font-size:1.15rem!important;
  line-height:1!important;
}
@media(max-width:620px){
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) form{
    padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;
  }
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) h2{
    font-size:clamp(1.9rem,9.5vw,2.55rem)!important;
  }
  .ottoni-dialog-actions{
    bottom:calc(-1px - env(safe-area-inset-bottom))!important;
    margin:10px -2px calc(-2px - env(safe-area-inset-bottom))!important;
    padding:18px 2px calc(12px + env(safe-area-inset-bottom))!important;
  }
}

/* P8.4 — rodapé canônico independente dos controles visuais legados do módulo. */
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-native-submit{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  min-width:0!important;
  min-height:0!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions[data-ottoni-actions-ready="true"]{
  display:flex!important;
  min-height:72px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  isolation:isolate!important;
  visibility:visible!important;
  opacity:1!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions .ottoni-dialog-submit-proxy,
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions .ottoni-dialog-cancel{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:148px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 20px!important;
  overflow:visible!important;
  text-indent:0!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
  font-family:var(--ottoni-font-ui,Inter,system-ui,sans-serif)!important;
  font-size:.82rem!important;
  font-weight:760!important;
  line-height:1!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  -webkit-text-fill-color:currentColor!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions .ottoni-dialog-submit-proxy{
  order:2!important;
  border:1px solid #a95e47!important;
  background:linear-gradient(120deg,#a95e47,#bf7559)!important;
  color:#fffaf4!important;
  -webkit-text-fill-color:#fffaf4!important;
  box-shadow:0 10px 26px rgba(124,77,59,.16)!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions .ottoni-dialog-cancel{
  order:1!important;
  border:1px solid var(--ottoni-dialog-line)!important;
  background:#fffdf9!important;
  color:var(--ottoni-dialog-ink)!important;
  -webkit-text-fill-color:var(--ottoni-dialog-ink)!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions .ottoni-dialog-submit-proxy:hover{
  border-color:#8e4e3b!important;
  background:linear-gradient(120deg,#96523f,#ad674e)!important;
}
@media(max-width:620px){
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions[data-ottoni-actions-ready="true"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:126px!important;
  }
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions .ottoni-dialog-submit-proxy,
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions .ottoni-dialog-cancel{
    width:100%!important;
    min-width:0!important;
  }
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions .ottoni-dialog-submit-proxy{order:1!important}
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions .ottoni-dialog-cancel{order:2!important}
}

/* P8.5 — barra de ações persistente fora do formulário e resistente a rerenderizações do módulo. */
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible])[open][data-ottoni-actions-mounted="true"]{
  display:flex!important;
  flex-direction:column!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible])[open][data-ottoni-actions-mounted="true"] > form[data-ottoni-dialog-form="true"]{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:calc(min(88dvh,780px) - 82px)!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) > .ottoni-dialog-actions[data-ottoni-dialog-actions-portal]{
  position:relative!important;
  z-index:12!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:82px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:16px 24px!important;
  border-top:1px solid var(--ottoni-dialog-line)!important;
  background:rgba(255,250,244,.98)!important;
  box-shadow:0 -12px 32px rgba(72,54,43,.08)!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) [data-ottoni-native-submit-wrapper="true"]{
  display:none!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) > .ottoni-dialog-actions[data-ottoni-dialog-actions-portal] .ottoni-dialog-submit-proxy,
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) > .ottoni-dialog-actions[data-ottoni-dialog-actions-portal] .ottoni-dialog-cancel{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:620px){
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible])[open][data-ottoni-actions-mounted="true"] > form[data-ottoni-dialog-form="true"]{
    max-height:calc(min(92dvh,840px) - 142px)!important;
  }
  :is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) > .ottoni-dialog-actions[data-ottoni-dialog-actions-portal]{
    min-height:142px!important;
    padding:14px 18px calc(14px + env(safe-area-inset-bottom))!important;
  }
}

/* P8.6 — confirmação transacional explícita; nenhuma ação termina em silêncio. */
.ottoni-transaction-feedback{
  position:relative;
  z-index:10040;
  display:none;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:min(100%,1240px);
  margin:0 auto 14px;
  padding:12px 14px;
  border:1px solid rgba(117,105,92,.22);
  border-radius:14px;
  background:rgba(255,252,247,.97);
  box-shadow:0 14px 40px rgba(54,42,34,.09);
  color:#302a25;
}
.ottoni-transaction-feedback.is-visible{display:grid}
.ottoni-transaction-feedback>i{
  width:11px;height:11px;border-radius:50%;background:#9b8f82;
  box-shadow:0 0 0 6px rgba(155,143,130,.12);
}
.ottoni-transaction-feedback[data-state="pending"]>i{background:#b76b52;animation:ottoni-transaction-pulse 1.1s ease-in-out infinite}
.ottoni-transaction-feedback[data-state="success"]{border-color:rgba(96,121,102,.34);background:#f4f8f2}
.ottoni-transaction-feedback[data-state="success"]>i{background:#607966;box-shadow:0 0 0 6px rgba(96,121,102,.12)}
.ottoni-transaction-feedback[data-state="warning"]{border-color:rgba(168,135,85,.38);background:#fbf5e9}
.ottoni-transaction-feedback[data-state="warning"]>i{background:#a88755;box-shadow:0 0 0 6px rgba(168,135,85,.12)}
.ottoni-transaction-feedback[data-state="error"]{border-color:rgba(164,95,85,.38);background:#fbefec}
.ottoni-transaction-feedback[data-state="error"]>i{background:#a45f55;box-shadow:0 0 0 6px rgba(164,95,85,.12)}
.ottoni-transaction-feedback>div{display:grid;gap:2px;min-width:0}
.ottoni-transaction-feedback span{font:800 .52rem/1.2 var(--ottoni-font-ui,Inter,system-ui,sans-serif);letter-spacing:.13em;color:#9b5d48}
.ottoni-transaction-feedback strong{font:750 .78rem/1.35 var(--ottoni-font-ui,Inter,system-ui,sans-serif);color:#302a25}
.ottoni-transaction-feedback small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .64rem/1.4 var(--ottoni-font-ui,Inter,system-ui,sans-serif);color:#756b62}
.ottoni-transaction-feedback>button{width:36px;height:36px;min-width:36px;border:1px solid rgba(117,105,92,.24);border-radius:50%;background:#fffdf9;color:#4a423b;font-size:1.15rem;line-height:1;cursor:pointer}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions[data-transaction-state="pending"] .ottoni-dialog-submit-proxy{
  cursor:progress!important;opacity:.78!important;box-shadow:none!important;
}
:is(dialog.ottoni-studio-dialog,dialog.ottoni-ui-modal,dialog[data-ottoni-dismissible]) .ottoni-dialog-actions[data-transaction-state="pending"] .ottoni-dialog-cancel{
  opacity:.68!important;
}
@keyframes ottoni-transaction-pulse{0%,100%{transform:scale(.88);opacity:.65}50%{transform:scale(1.08);opacity:1}}
@media(max-width:680px){
  .ottoni-transaction-feedback{position:sticky;top:8px;width:calc(100% - 20px);margin:0 10px 12px;padding:11px 12px;border-radius:12px}
  .ottoni-transaction-feedback small{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.ottoni-transaction-feedback[data-state="pending"]>i{animation:none}}