/* ==========================================================================\n   STY SPORTS - Modal Light Standard V1.86\n   Camada estritamente visual. Nao altera display, posicionamento, eventos,\n   IDs, atributos, submits ou qualquer comportamento funcional dos modais.\n   ========================================================================== */
:root{
  --sty-modal-bg:#ffffff;
  --sty-modal-soft:#f7f7f8;
  --sty-modal-text:#111111;
  --sty-modal-muted:#5f6368;
  --sty-modal-line:rgba(17,17,17,.10);
  --sty-modal-yellow:#F0C609;
  --sty-modal-yellow-soft:#FFE98A;
  --sty-modal-yellow-dark:#C99B00;
  --sty-modal-shadow:0 28px 80px rgba(15,23,42,.22);
  --sty-modal-btn-shadow:0 9px 20px rgba(240,198,9,.24),0 2px 0 rgba(0,0,0,.10);
}

/* Backdrops: apenas contraste externo; nao interfere no mecanismo show/hide. */
body :is(#sty-modal-v186,
  .modal-back,
  .modal-backdrop,
  .batch-modal-back,
  .sales-modal-backdrop,
  .sales-fiscal-modal-backdrop,
  .design-notif-overlay,
  .sty-floor-modal,
  .sty-bug-modal__backdrop,
  .modal__backdrop,
  .dr-sheet-backdrop,
  .ios-modal-backdrop,
  .ioslike-modal-backdrop
){
  background:rgba(15,15,17,.42)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Superficies reais de dialogo. A lista evita pintar wrappers fullscreen. */
body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal-dialog > .modal-content,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sales-fiscal-modal-backdrop > .sales-fiscal-preview-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog,
  .ios-modal,
  .ioslike-modal
){
  background:var(--sty-modal-bg)!important;
  background-image:none!important;
  color:var(--sty-modal-text)!important;
  border-color:var(--sty-modal-line)!important;
  box-shadow:var(--sty-modal-shadow)!important;
  color-scheme:light!important;
  text-shadow:none!important;
}

/* Cabecalhos, rodapes e corpos escuros passam ao mesmo padrao claro. */
body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal-dialog > .modal-content,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sales-fiscal-modal-backdrop > .sales-fiscal-preview-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog,
  .ios-modal,
  .ioslike-modal
) :where(
  .modal-header,.modal-content,.modal-body,.modal-actions,
  .batch-modal-head,.batch-modal-body,.batch-modal-foot,
  .sales-modal-head,.sales-modal-body,.sales-modal-actions,
  .sales-fiscal-modal-head,.sales-fiscal-modal-body,.sales-fiscal-modal-actions,
  .sales-fiscal-preview-modal-head,.sales-fiscal-preview-modal-actions,
  .sty-bug-modal__head,.sty-bug-modal__actions,
  .design-notif-head,.design-notif-list,
  .dr-sheet-head,.dr-sheet-foot,.dr-sheet-body,.dr-sheet-steps,
  .ioslike-modal-header,.ioslike-modal-body,.ioslike-modal-footer
){
  background:var(--sty-modal-bg)!important;
  background-image:none!important;
  color:var(--sty-modal-text)!important;
  border-color:var(--sty-modal-line)!important;
  text-shadow:none!important;
}

/* Tipografia: contraste preto constante inclusive em temas escuros. */
body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sales-fiscal-modal-backdrop > .sales-fiscal-preview-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog,
  .ios-modal,
  .ioslike-modal
) :where(
  h1,h2,h3,h4,h5,h6,
  .modal-title,.modal-text,.modal-sub,
  .batch-modal-title,.batch-modal-sub,.batch-row-id,.batch-row-client,.batch-row-sub,
  .sales-modal-head h2,.sales-fiscal-modal-head strong,.sales-fiscal-preview-modal-head strong,
  .sty-bug-modal__head h2,.sty-bug-modal__head p,.sty-bug-modal__eyebrow,
  .design-notif-title,.design-notif-sub,.design-notif-row,.design-notif-body,
  .dr-sheet-title-block strong,.dr-sheet-title-block span,.dr-sheet-panel-title,.dr-sheet-helper,
  label,legend,p,small,strong,span,a
){
  color:var(--sty-modal-text)!important;
  -webkit-text-fill-color:var(--sty-modal-text)!important;
  text-shadow:none!important;
}

/* Textos auxiliares ficam cinza escuro, nunca cinza claro sobre branco. */
body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sales-fiscal-modal-backdrop > .sales-fiscal-preview-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog
) :where(.muted,.text-muted,[class*="-sub"],[class*="-helper"],[class*="-hint"]){
  color:var(--sty-modal-muted)!important;
  -webkit-text-fill-color:var(--sty-modal-muted)!important;
}

/* Campos de formulario claros e legiveis. */
body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog,
  .ios-modal,
  .ioslike-modal
) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,textarea
){
  background:#ffffff!important;
  background-image:none!important;
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  border-color:rgba(17,17,17,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px rgba(15,23,42,.04)!important;
  color-scheme:light!important;
  text-shadow:none!important;
}

body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog
) :where(input,textarea)::placeholder{
  color:#777b80!important;
  -webkit-text-fill-color:#777b80!important;
  opacity:1!important;
}

body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog
) :where(input[type="checkbox"],input[type="radio"]){accent-color:var(--sty-modal-yellow)!important;}

/* Blocos internos que ainda eram escuros em modais especificos. */
body .batch-modal :where(.batch-row,.batch-pill,.batch-mini),
body .design-notif-modal :where(.design-notif-item),
body .sales-fiscal-modal :where(.sales-fiscal-modal-intro,.sales-fiscal-certificate-current),
body .dr-sheet-dialog :where(
  .dr-sheet-groups,.dr-sheet-main,.dr-sheet-summary,.dr-sheet-current-card,
  .dr-sheet-tools-row,.dr-sheet-step,.dr-sheet-list,.dr-sheet-row,.dr-rep-preview,
  .dr-final-check-card
){
  background:var(--sty-modal-soft)!important;
  background-image:none!important;
  color:var(--sty-modal-text)!important;
  border-color:var(--sty-modal-line)!important;
  text-shadow:none!important;
}
body .batch-modal :where(.batch-row,.batch-pill,.batch-mini) *,
body .design-notif-modal .design-notif-item *,
body .dr-sheet-dialog :where(.dr-sheet-groups,.dr-sheet-main,.dr-sheet-summary,.dr-sheet-current-card,.dr-sheet-tools-row,.dr-sheet-step) *{
  color:var(--sty-modal-text)!important;
  -webkit-text-fill-color:var(--sty-modal-text)!important;
  text-shadow:none!important;
}

/* Todos os botoes visiveis dentro de modal seguem amarelo STY + texto preto. */
body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sales-fiscal-modal-backdrop > .sales-fiscal-preview-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog,
  .ios-modal,
  .ioslike-modal
) :where(
  button,
  a.btn,.btn,.ui-btn,.sales-btn,.sty-ds-btn,.sty-bug-btn,.modal-btn,
  .design-notif-btn,.sales-icon-button,.sales-icon-btn,.batch-modal-close,.batch-remove,.sty-floor-modal-x
){
  background:linear-gradient(135deg,var(--sty-modal-yellow-soft) 0%,var(--sty-modal-yellow) 52%,var(--sty-modal-yellow-dark) 100%)!important;
  background-image:linear-gradient(135deg,var(--sty-modal-yellow-soft) 0%,var(--sty-modal-yellow) 52%,var(--sty-modal-yellow-dark) 100%)!important;
  color:#080808!important;
  -webkit-text-fill-color:#080808!important;
  border-color:rgba(0,0,0,.22)!important;
  box-shadow:var(--sty-modal-btn-shadow)!important;
  text-shadow:none!important;
  font-weight:850!important;
  filter:none!important;
}

body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sales-fiscal-modal-backdrop > .sales-fiscal-preview-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog,
  .ios-modal,
  .ioslike-modal
) :where(button,a.btn,.btn,.ui-btn,.sales-btn,.sty-ds-btn,.sty-bug-btn,.modal-btn,.design-notif-btn,.sales-icon-button,.sales-icon-btn,.batch-modal-close,.batch-remove,.sty-floor-modal-x) :where(i,svg,span,strong,small){
  color:#080808!important;
  -webkit-text-fill-color:#080808!important;
  fill:currentColor;
  stroke:currentColor;
  text-shadow:none!important;
}

body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sales-fiscal-modal-backdrop > .sales-fiscal-preview-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog
) :where(button,a.btn,.btn,.ui-btn,.sales-btn,.sty-ds-btn,.sty-bug-btn,.modal-btn,.design-notif-btn,.sales-icon-button,.sales-icon-btn,.batch-modal-close,.batch-remove,.sty-floor-modal-x):hover{
  background:linear-gradient(135deg,#fff0a8 0%,#f4cf16 50%,#b88900 100%)!important;
  background-image:linear-gradient(135deg,#fff0a8 0%,#f4cf16 50%,#b88900 100%)!important;
  color:#000!important;
  -webkit-text-fill-color:#000!important;
  border-color:rgba(0,0,0,.32)!important;
  box-shadow:0 12px 26px rgba(240,198,9,.34),0 2px 0 rgba(0,0,0,.12)!important;
  filter:none!important;
}

body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog
) :where(button,a.btn,.btn,.ui-btn,.sales-btn,.sty-ds-btn,.sty-bug-btn,.modal-btn,.design-notif-btn,.sales-icon-button,.sales-icon-btn,.batch-modal-close,.batch-remove,.sty-floor-modal-x):focus-visible{
  outline:3px solid rgba(240,198,9,.42)!important;
  outline-offset:2px!important;
}

/* Botao desabilitado continua legivel sem perder o estado. */
body :is(#sty-modal-v186,
  .modal-back > .modal,
  .modal > .modal-box,
  .modal-backdrop > .modal-dialog,
  .modal-backdrop .modal-card,
  .modal > .modal__card,
  .batch-modal-back > .batch-modal,
  .sales-modal > .sales-modal-dialog,
  .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
  .sty-bug-modal > .sty-bug-modal__panel,
  .sty-floor-modal > .sty-floor-modal-card,
  .design-notif-modal,
  .dr-sheet-modal > .dr-sheet-dialog
) :where(button:disabled,.btn:disabled,.ui-btn:disabled,.sales-btn:disabled,.sty-ds-btn:disabled,.sty-bug-btn:disabled){
  background:#eadb91!important;
  background-image:none!important;
  color:#5a5233!important;
  -webkit-text-fill-color:#5a5233!important;
  box-shadow:none!important;
  opacity:.68!important;
  cursor:not-allowed!important;
}

/* A area de preview DANFE permanece neutra para nao alterar o documento embutido. */
body .sales-fiscal-preview-modal-body{color-scheme:light!important;}

@media (max-width:680px){
  body :is(#sty-modal-v186,
    .modal-back > .modal,
    .modal-backdrop > .modal-dialog,
    .modal-backdrop .modal-card,
    .modal > .modal__card,
    .batch-modal-back > .batch-modal,
    .sales-modal > .sales-modal-dialog,
    .sales-fiscal-modal-backdrop > .sales-fiscal-modal,
    .sty-bug-modal > .sty-bug-modal__panel,
    .sty-floor-modal > .sty-floor-modal-card,
    .design-notif-modal
  ){
    border-color:rgba(0,0,0,.08)!important;
  }
}