/* OWDEX Business UI v1.7.0 — R85 R3 FINAL R8 R12
 * Login comercial, recorrência da Agenda e linguagem cromática dos ícones inspirada no OWDEX Leads.
 */

/* Login — campanha Business 3 meses */
.nd-auth-promo-r12 h1{max-width:13ch!important;font-size:clamp(40px,4.7vw,64px)!important;letter-spacing:-2.4px!important}
.nd-auth-promo-r12 p{max-width:600px!important}
.nd-auth-promo-cta-r12{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;min-height:52px;padding:0 22px;border-radius:16px;background:linear-gradient(135deg,var(--nd-primary,#1861f1),var(--nd-cyan,#0ac0fe));color:#fff!important;font-size:14px;font-weight:850;text-decoration:none;box-shadow:0 18px 38px color-mix(in srgb,var(--nd-primary,#1861f1) 28%,transparent);transition:transform .18s ease,box-shadow .18s ease}
.nd-auth-promo-cta-r12:hover{transform:translateY(-2px);box-shadow:0 22px 44px color-mix(in srgb,var(--nd-primary,#1861f1) 34%,transparent)}
.nd-auth-promo-cta-r12:focus-visible{outline:3px solid color-mix(in srgb,var(--nd-cyan,#0ac0fe) 45%,transparent);outline-offset:4px}
.nd-auth-promo-cta-r12 span{font-size:21px;line-height:1}
.nd-auth-promo-note-r12{display:block;margin-top:13px;max-width:560px;color:#6b7e98;font-size:12px;line-height:1.55}
.nd-auth-mobile-promo-r12{display:none}
html[data-theme="dark"] .nd-auth-promo-note-r12{color:#9fb0c7}

/* Menu lateral — cores por função, mantendo texto neutro e leitura limpa. */
body.nf-redesign .sidebar-nav [data-tone]{--owdex-menu-tone:#2563eb;--owdex-menu-soft:color-mix(in srgb,var(--owdex-menu-tone) 13%,#fff)}
body.nf-redesign .sidebar-nav [data-tone="blue"]{--owdex-menu-tone:#2563eb}
body.nf-redesign .sidebar-nav [data-tone="cyan"]{--owdex-menu-tone:#0891b2}
body.nf-redesign .sidebar-nav [data-tone="green"]{--owdex-menu-tone:#16a34a}
body.nf-redesign .sidebar-nav [data-tone="indigo"]{--owdex-menu-tone:#4f46e5}
body.nf-redesign .sidebar-nav [data-tone="violet"]{--owdex-menu-tone:#8b5cf6}
body.nf-redesign .sidebar-nav [data-tone="orange"]{--owdex-menu-tone:#f97316}
body.nf-redesign .sidebar-nav [data-tone="slate"]{--owdex-menu-tone:#64748b}
body.nf-redesign .sidebar-nav [data-tone="red"]{--owdex-menu-tone:#dc2626}
body.nf-redesign .sidebar-nav [data-tone="amber"]{--owdex-menu-tone:#d97706}
body.nf-redesign .sidebar-nav [data-tone] .nav-icon{color:var(--owdex-menu-tone)!important;background:var(--owdex-menu-soft)!important;border-radius:10px!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--owdex-menu-tone) 12%,transparent)!important;transition:background .16s ease,color .16s ease,transform .16s ease!important}
body.nf-redesign .sidebar-nav [data-tone]:hover .nav-icon{transform:translateY(-1px);background:color-mix(in srgb,var(--owdex-menu-tone) 18%,#fff)!important}
body.nf-redesign .sidebar-nav [data-tone].is-active{background:color-mix(in srgb,var(--owdex-menu-tone) 9%,#fff)!important;box-shadow:inset 3px 0 0 var(--owdex-menu-tone),inset 0 0 0 1px color-mix(in srgb,var(--owdex-menu-tone) 10%,transparent)!important}
body.nf-redesign .sidebar-nav [data-tone].is-active .nav-icon{color:#fff!important;background:var(--owdex-menu-tone)!important;box-shadow:0 7px 16px color-mix(in srgb,var(--owdex-menu-tone) 22%,transparent)!important}
html[data-theme="dark"] body.nf-redesign .sidebar-nav [data-tone]{--owdex-menu-soft:color-mix(in srgb,var(--owdex-menu-tone) 20%,#111827)}
html[data-theme="dark"] body.nf-redesign .sidebar-nav [data-tone] .nav-icon{background:var(--owdex-menu-soft)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--owdex-menu-tone) 28%,transparent)!important}
html[data-theme="dark"] body.nf-redesign .sidebar-nav [data-tone].is-active{background:color-mix(in srgb,var(--owdex-menu-tone) 18%,#111827)!important}

/* Agenda — recorrência */
.agenda-recurrence-r12{display:grid;gap:12px;padding:14px;border:1px solid var(--nf-border,#dbe5f1);border-radius:18px;background:color-mix(in srgb,var(--nf-surface,#fff) 94%,var(--nf-primary,#1861f1) 6%)}
.agenda-recurrence-r12[hidden],.agenda-recurrence-r12 [hidden]{display:none!important}
.agenda-recurrence-options-r12{display:grid;gap:12px}
.agenda-recurrence-hint-r12{margin:0;color:var(--nf-muted,#64748b);font-size:12px;line-height:1.5}
.agenda-recurrence-options-r12>small{color:var(--nf-muted,#64748b);font-size:11px;line-height:1.45}
.agenda-recurrence-weekdays-r12{margin:0;padding:0;border:0}
.agenda-recurrence-weekdays-r12 legend{margin-bottom:8px;color:var(--nf-muted,#64748b);font-size:12px;font-weight:750}
.agenda-recurrence-weekdays-r12>div{display:flex;flex-wrap:wrap;gap:7px}
.agenda-recurrence-weekdays-r12 label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:43px;min-height:38px;padding:0 10px;border:1px solid var(--nf-border,#dbe5f1);border-radius:12px;background:var(--nf-surface,#fff);cursor:pointer}
.agenda-recurrence-weekdays-r12 input{position:absolute;opacity:0;pointer-events:none}
.agenda-recurrence-weekdays-r12 label:has(input:checked){color:var(--nf-primary,#1861f1);border-color:color-mix(in srgb,var(--nf-primary,#1861f1) 42%,var(--nf-border,#dbe5f1));background:color-mix(in srgb,var(--nf-primary,#1861f1) 10%,var(--nf-surface,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nf-primary,#1861f1) 12%,transparent)}
.agenda-recurrence-weekdays-r12 label span{font-size:12px;font-weight:800}
.agenda-recurrence-edit-note-r12{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:13px;background:color-mix(in srgb,var(--nf-primary,#1861f1) 9%,var(--nf-surface,#fff));color:var(--nf-text,#0f1f3d)}
.agenda-recurrence-edit-note-r12 strong{font-size:12px}.agenda-recurrence-edit-note-r12 span{color:var(--nf-muted,#64748b);font-size:11px;line-height:1.4}

@media (max-width:980px){
  body.nd-auth-body .nd-auth-mobile-promo-r12{display:grid;grid-template-columns:1fr auto;grid-template-areas:"eyebrow arrow" "title arrow";align-items:center;gap:2px 12px;margin:4px 0 18px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--nd-primary,#1861f1) 18%,#dbe5f1);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--nd-primary,#1861f1) 8%,#fff),color-mix(in srgb,var(--nd-cyan,#0ac0fe) 7%,#fff));text-decoration:none!important}
  body.nd-auth-body .nd-auth-mobile-promo-r12 span{grid-area:eyebrow;color:var(--nd-primary,#1861f1);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
  body.nd-auth-body .nd-auth-mobile-promo-r12 strong{grid-area:title;color:#0b1f46;font-size:13px;line-height:1.35}
  body.nd-auth-body .nd-auth-mobile-promo-r12 i{grid-area:arrow;color:var(--nd-primary,#1861f1);font-size:22px;font-style:normal}
  html[data-theme="dark"] body.nd-auth-body .nd-auth-mobile-promo-r12{border-color:#2b4363;background:linear-gradient(135deg,#132846,#102238)}
  html[data-theme="dark"] body.nd-auth-body .nd-auth-mobile-promo-r12 strong{color:#f4f7ff}
  .agenda-recurrence-r12{padding:12px;border-radius:15px}
}


/* R12 — nova identidade OWDEX Business e ícones cromáticos no padrão visual do OWDEX Leads. */
.nd-auth-brand--owdex-r12{width:min(300px,66vw)!important;display:block!important;margin-bottom:clamp(34px,6vh,64px)!important}
.nd-auth-brand--owdex-r12 img{width:min(250px,64vw)!important;height:auto!important;max-height:150px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 14px 28px rgba(24,97,241,.14))}
.nd-auth-form-panel .nd-auth-brand--owdex-r12{width:min(220px,68vw)!important;margin-bottom:24px!important}
.nd-auth-form-panel .nd-auth-brand--owdex-r12 img{width:min(190px,62vw)!important;max-height:118px!important}
body.nf-redesign .sidebar-nav [data-tone] .nav-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important}
body.nf-redesign .sidebar-nav [data-tone] .nav-icon .nf-icon{width:19px!important;height:19px!important}
body.nf-redesign .sidebar-nav [data-tone]{min-height:46px!important;gap:11px!important}
body.nf-redesign .sidebar-nav [data-tone].is-active{border-radius:14px!important}
@media (max-width:980px){
  .nd-auth-showcase .nd-auth-brand--owdex-r12{display:none!important}
  .nd-auth-form-panel .nd-auth-brand--owdex-r12{display:block!important}
}


/* Logo completo oficial no login OWDEX; white-label continua usando sua própria marca. */
body.nd-auth-body .nf-brand-composed.is-owdex-business-full{display:block!important;width:min(300px,68vw)!important}
body.nd-auth-body .nf-brand-composed.is-owdex-business-full img{display:block!important;width:min(250px,64vw)!important;height:auto!important;max-height:150px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 14px 28px rgba(24,97,241,.14))}
body.nd-auth-body .nd-auth-mobile-brand.is-owdex-business-full{width:min(215px,66vw)!important;margin-bottom:20px!important}
body.nd-auth-body .nd-auth-mobile-brand.is-owdex-business-full img{width:min(190px,62vw)!important;max-height:116px!important}


/* OWDEX R85 R3 FINAL R8 R13 — revisão integral pós-R12: indigo da navegação e identidade padrão propagada. */


/* OWDEX R85 R3 FINAL R8 R14 — ícones cromáticos no padrão Leads + exclusão de série recorrente. */
body.nf-redesign .sidebar-nav :is(a,summary)[data-tone] .nav-icon{border-radius:12px!important;box-shadow:none!important}
body.nf-redesign .sidebar-nav :is(a,summary)[data-tone="blue"] .nav-icon{color:#2563eb!important;background:#e8f1ff!important}
body.nf-redesign .sidebar-nav :is(a,summary)[data-tone="cyan"] .nav-icon{color:#0891b2!important;background:#e4f8fc!important}
body.nf-redesign .sidebar-nav :is(a,summary)[data-tone="green"] .nav-icon{color:#0b9f67!important;background:#e5f8f0!important}
body.nf-redesign .sidebar-nav :is(a,summary)[data-tone="violet"] .nav-icon{color:#7c4de2!important;background:#f0eaff!important}
body.nf-redesign .sidebar-nav :is(a,summary)[data-tone="orange"] .nav-icon{color:#e36b19!important;background:#fff0e5!important}
body.nf-redesign .sidebar-nav :is(a,summary)[data-tone="amber"] .nav-icon{color:#c28700!important;background:#fff5dc!important}
body.nf-redesign .sidebar-nav :is(a,summary)[data-tone="red"] .nav-icon{color:#e0444d!important;background:#ffe9ec!important}
body.nf-redesign .sidebar-nav :is(a,summary)[data-tone="slate"] .nav-icon{color:#56677c!important;background:#edf2f7!important}
body.nf-redesign .sidebar-nav :is(a,summary)[data-tone="indigo"] .nav-icon{color:#4f5fdd!important;background:#e9edff!important}
body.nf-redesign .sidebar-nav :is(a.is-active,details[data-nav-current="true"]>summary)[data-tone] .nav-icon{color:#fff!important;background:linear-gradient(135deg,var(--owdex-menu-tone,#2563eb),color-mix(in srgb,var(--owdex-menu-tone,#2563eb) 74%,#6f5cff))!important;box-shadow:0 8px 18px color-mix(in srgb,var(--owdex-menu-tone,#2563eb) 24%,transparent)!important}
html[data-theme="dark"] body.nf-redesign .sidebar-nav :is(a,summary)[data-tone] .nav-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent)!important}
.agenda-detail-actions-r14 form{margin:0}
.agenda-delete-series-modal-r14[hidden]{display:none!important}
.agenda-delete-series-modal-r14{position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;padding:24px}
.agenda-delete-series-backdrop-r14{position:absolute;inset:0;border:0;background:rgba(7,18,38,.58);backdrop-filter:blur(8px)}
.agenda-delete-series-modal-r14>section{position:relative;z-index:1;width:min(560px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 32px));overflow:auto;border:1px solid var(--nf-border,#dbe5f1);border-radius:24px;background:var(--nf-surface,#fff);box-shadow:0 30px 90px rgba(4,20,48,.34);padding:24px}
.agenda-delete-series-modal-r14 header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--nf-border,#dbe5f1)}
.agenda-delete-series-modal-r14 header h2{margin:4px 0 8px}.agenda-delete-series-modal-r14 header p{margin:0;color:var(--nf-muted,#64748b);line-height:1.55}
.agenda-delete-series-actions-r14{display:grid;gap:12px;padding-top:18px}.agenda-delete-series-actions-r14 form{margin:0}
.agenda-delete-series-actions-r14 form .btn{width:100%;min-height:74px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:3px;text-align:left;padding:14px 18px}
.agenda-delete-series-actions-r14 .btn strong{font-size:14px}.agenda-delete-series-actions-r14 .btn span{font-size:11px;font-weight:600;opacity:.78}
body.agenda-delete-modal-open{overflow:hidden!important}
@media(max-width:640px){.agenda-delete-series-modal-r14{padding:12px}.agenda-delete-series-modal-r14>section{width:100%;max-height:calc(100dvh - 24px);border-radius:20px;padding:18px}.agenda-delete-series-actions-r14 form .btn{min-height:78px}}
