:root{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}svg{width:1rem;height:1rem;stroke-width:2}
.logout-button,.logout-button:hover{border-color:#fde68a!important;background:#fffbeb!important;color:#b45309!important}
.hero-image{transition:transform .7s ease}.hero:hover .hero-image{transform:scale(1.015)}.hero-image-editable{cursor:pointer}.hero-image-editable:focus-visible{outline:3px solid #14b8a6;outline-offset:-4px}
.session-badge,.store-cnpj-badge{display:inline-flex;align-items:center;min-height:2.25rem;border:1px solid #e4e4e7;border-radius:.5rem;background:#fafafa;padding:0 .75rem;color:#52525b;font-size:.75rem;font-weight:600}
.store-cnpj-badge{border-color:#fde68a;background:#fffbeb;color:#b45309}
.logout-button,.admin-toggle,.admin-list-actions button{display:inline-flex;min-height:2.25rem;align-items:center;justify-content:center;gap:.5rem;border:1px solid #e4e4e7;border-radius:.5rem;background:#fff;padding:0 .875rem;color:#18181b;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.logout-button:hover,.admin-toggle:hover,.button-outline:hover{background:#f4f4f5}.logout-button:active,.admin-toggle:active,.admin-list-actions button:active{transform:translateY(1px)}
.access-button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;border:1px solid #e4e4e7;border-radius:.55rem;background:#fff;padding:0 1rem;color:#3f3f46;font-size:.8125rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.access-button:hover{border-color:#a1a1aa;background:#fafafa;color:#09090b}.access-button.selected{border-color:#0f766e;background:#0f766e;color:#fff;box-shadow:0 1px 2px rgba(15,118,110,.25)}body.admin-session .access-button:not(.manager):hover{border-color:#0f766e;background:#0f766e;color:#fff;box-shadow:0 1px 2px rgba(15,118,110,.25)}.access-button.manager:not(.selected){border-style:dashed}
.module-card{position:relative;display:grid;min-height:190px;grid-template-rows:auto auto auto 1fr;overflow:hidden;border:1px solid #e4e4e7;border-radius:1rem;background:#fff;padding:1.25rem;color:#18181b;text-align:left;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:transform .2s,border-color .2s,box-shadow .2s}.module-card:hover{transform:translateY(-3px);border-color:#d4d4d8;box-shadow:0 12px 30px rgba(24,24,27,.08)}button.module-card{font:inherit;cursor:pointer}.module-icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.7rem;background:#f4f4f5;color:#3f3f46}.module-icon svg{width:1.2rem;height:1.2rem}.module-code{margin-top:1rem;color:#71717a;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.module-card strong{margin-top:.35rem;padding-right:1.5rem;font-size:1rem;font-weight:600;letter-spacing:-.015em}.module-card small{align-self:end;margin-top:.75rem;color:#71717a;font-size:.78rem;line-height:1.4}.module-arrow{position:absolute;top:1.25rem;right:1.25rem;color:#a1a1aa;transition:color .2s,transform .2s}.module-card:hover .module-arrow{color:#0f766e;transform:translate(2px,-2px)}.module-group-card{min-height:170px;border-width:2px;background:linear-gradient(180deg,#fff,#fafafa)}.module-group-card.active{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12),0 12px 30px rgba(24,24,27,.08)}.module-group-card.active .module-arrow{color:#0f766e;transform:rotate(180deg)}.module-member{animation:moduleReveal .18s ease-out}@keyframes moduleReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.category-operations .module-icon{background:#ecfdf5;color:#047857}.category-people .module-icon{background:#eff6ff;color:#1d4ed8}.category-performance .module-icon{background:#fffbeb;color:#b45309}.category-finance .module-icon{background:#faf5ff;color:#7e22ce}.module-member.category-operations:not(.has-pending){border-color:#bbf7d0;background:linear-gradient(145deg,#f0fdf4,#dcfce7)}.module-member.category-people:not(.has-pending){border-color:#bfdbfe;background:linear-gradient(145deg,#eff6ff,#dbeafe)}.module-member.category-performance:not(.has-pending){border-color:#fde68a;background:linear-gradient(145deg,#fffbeb,#fef3c7)}.module-member.category-finance:not(.has-pending){border-color:#e9d5ff;background:linear-gradient(145deg,#faf5ff,#f3e8ff)}.module-member.category-operations:not(.has-pending):hover{border-color:#86efac;box-shadow:0 12px 30px rgba(22,101,52,.1)}.module-member.category-people:not(.has-pending):hover{border-color:#93c5fd;box-shadow:0 12px 30px rgba(29,78,216,.1)}.module-member.category-performance:not(.has-pending):hover{border-color:#fcd34d;box-shadow:0 12px 30px rgba(180,83,9,.1)}.module-member.category-finance:not(.has-pending):hover{border-color:#d8b4fe;box-shadow:0 12px 30px rgba(126,34,206,.1)}.module-legend span{border-radius:999px;padding:.3rem .65rem;font-size:.68rem;font-weight:600}.module-legend .operations{background:#ecfdf5;color:#047857}.module-legend .people{background:#eff6ff;color:#1d4ed8}.module-legend .performance{background:#fffbeb;color:#b45309}.module-legend .finance{background:#faf5ff;color:#7e22ce}
.admin-user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.admin-user-card{border:1px solid #e4e4e7;border-radius:.75rem;padding:1rem;background:#fafafa}.admin-list-actions{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(220px,1.2fr) minmax(150px,.7fr) minmax(150px,.7fr) auto auto;gap:.625rem}.admin-list-actions input,.admin-list-actions select,.admin-user-card input,.employee-profile-grid input{width:100%;min-height:2.5rem;border:1px solid #d4d4d8;border-radius:.5rem;background:#fff;padding:0 .75rem;color:#18181b;font-size:.875rem;outline:none}.admin-list-actions input:focus,.admin-list-actions select:focus,.admin-user-card input:focus,.employee-profile-grid input:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(13,148,136,.12)}.admin-list-actions button:not(.button-outline){border-color:#18181b;background:#18181b;color:#fff}#collaboratorList{display:grid;gap:.75rem}#collaboratorList>*{border:1px solid #e4e4e7;border-radius:.65rem;background:#fafafa;padding:.75rem}
.admin-list-actions,body .admin-list-actions{align-items:end}.admin-list-field{display:grid;gap:.25rem;color:#71717a;font-size:.7rem;font-weight:600;letter-spacing:.06em}.admin-list-field span{text-transform:uppercase}.admin-list-field input{letter-spacing:0;text-transform:none}
body .admin-panel{margin-top:1.5rem;border-color:#e4e4e7;border-radius:1rem;background:#fff;padding:1.5rem}body .admin-actions{margin:0}body .admin-toggle{border:1px solid #e4e4e7;border-radius:.5rem;background:#fff;padding:0 .875rem;color:#18181b}body .admin-panel-content{margin-top:1.25rem}body .admin-user-card{border-color:#e4e4e7;border-radius:.75rem;background:#fafafa;padding:1rem}body .admin-user-card span{color:#71717a;font-size:.75rem}body .admin-user-card input{border-color:#d4d4d8;border-radius:.5rem}body .admin-user-card button{border-radius:.5rem;background:#18181b}body .admin-list-row{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(340px,2fr) auto;gap:.75rem;align-items:center;border-color:#e4e4e7;border-radius:.65rem;background:#fafafa}body .admin-list-row button{border-radius:.5rem;background:#18181b}body .admin-list-row button.danger{background:#dc2626}body .admin-list-actions{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(220px,1.2fr) minmax(150px,.7fr) minmax(150px,.7fr) auto auto;gap:.625rem}body .admin-list-actions button{border:1px solid #18181b;border-radius:.5rem;background:#18181b}.employee-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:.625rem}.employee-profile-grid label{display:grid;gap:.25rem;color:#71717a;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.employee-profile-grid strong{display:flex;min-height:2.5rem;align-items:center;border:1px solid #bbf7d0;border-radius:.5rem;background:#ecfdf5;padding:0 .75rem;color:#166534;font-size:.8125rem;font-weight:600}.admin-alert-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.admin-alert-card{border:1px solid #bae6fd;border-radius:.75rem;background:#f0f9ff;padding:1rem}.admin-alert-card.birthday{border-color:#e9d5ff;background:#faf5ff}.admin-alert-card header{display:flex;align-items:start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.admin-alert-card h3{margin:0;font-size:.9rem;font-weight:700}.admin-alert-card p{margin:.2rem 0 0;color:#71717a;font-size:.78rem}.admin-alert-list{display:grid;gap:.5rem}.admin-alert-item{border:1px solid rgba(24,24,27,.08);border-radius:.5rem;background:rgba(255,255,255,.72);padding:.65rem}.admin-alert-item strong{display:block;font-size:.82rem;font-weight:700}.admin-alert-item span,.admin-alert-item small{display:block;margin-top:.25rem;color:#52525b;font-size:.75rem}.admin-alert-pill{display:inline-flex;min-height:1.6rem;align-items:center;border:1px solid #e4e4e7;border-radius:999px;background:#fff;padding:0 .55rem;color:#52525b;font-size:.7rem;font-weight:700;white-space:nowrap}.employee-empty-note{margin:0;color:#71717a;font-size:.85rem}
@media(max-width:1000px){body .admin-list-actions,body .admin-list-row,.admin-alert-panel{grid-template-columns:1fr}.employee-profile-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.admin-list-actions,body .admin-list-actions,.employee-profile-grid{grid-template-columns:1fr}.access-button{flex:1 1 calc(50% - .5rem)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Ajuste isolado para teste: categorias maiores. */
.module-code{font-size:.8125rem;letter-spacing:.1em}
.module-legend span{padding:.4rem .75rem;font-size:.82rem}

.module-notification{position:absolute;top:1rem;right:3rem;display:inline-flex;min-height:1.55rem;align-items:center;border:1px solid #fbbf24;border-radius:999px;background:#fffbeb;padding:0 .55rem;color:#b45309;font-size:.65rem;font-weight:700;box-shadow:0 2px 8px rgba(180,83,9,.12)}.module-notification[hidden]{display:none!important}.module-card.has-pending{box-shadow:0 0 0 2px rgba(245,158,11,.2),0 8px 24px rgba(180,83,9,.08)}

#announcementsModule.has-pending,.module-group-card.has-pending{border-color:#f59e0b;background:linear-gradient(145deg,#fffbeb,#fef3c7);box-shadow:0 0 0 2px rgba(245,158,11,.18),0 12px 28px rgba(180,83,9,.14)}#announcementsModule.has-pending:hover,.module-group-card.has-pending:hover{border-color:#d97706;box-shadow:0 0 0 2px rgba(245,158,11,.24),0 16px 34px rgba(180,83,9,.18)}#announcementsModule.has-pending .module-icon,.module-group-card.has-pending .module-icon{background:#f59e0b;color:#fff}#announcementsModule.has-pending .module-code,.module-group-card.has-pending .module-code{color:#b45309}#announcementsModule.has-pending .module-arrow,.module-group-card.has-pending .module-arrow{color:#b45309}.module-notification::before{content:"";width:.42rem;height:.42rem;flex:0 0 auto;border-radius:50%;background:#f59e0b;margin-right:.32rem;box-shadow:0 0 0 3px rgba(245,158,11,.16)}

body.unit-session #announcementsModule.has-pending,body.unit-session #announcementsModule:has(#announcementsBadge:not([hidden])){border-color:#f59e0b!important;background:linear-gradient(145deg,#fffbeb,#fef3c7)!important;box-shadow:0 0 0 2px rgba(245,158,11,.2),0 12px 28px rgba(180,83,9,.16)!important}body.unit-session #announcementsModule.has-pending .module-icon,body.unit-session #announcementsModule:has(#announcementsBadge:not([hidden])) .module-icon{background:#f59e0b!important;color:#fff!important}body.unit-session #announcementsModule.has-pending .module-code,body.unit-session #announcementsModule:has(#announcementsBadge:not([hidden])) .module-code{color:#b45309!important}

.access-panel > .access-actions-left{grid-row:2}
.admin-home-alerts{grid-column:1/-1;grid-row:3;margin-top:.5rem}

@media(max-width:720px){
  body.home-page{background:#f6f7f4}
  body.home-page header{position:sticky;top:0;border-color:rgba(228,228,231,.9);background:rgba(255,255,255,.94)}
  body.home-page header>div{height:4rem;padding-inline:1rem}
  body.home-page header a[aria-label]{min-width:0}
  body.home-page header a[aria-label]>span:last-child{min-width:0}
  body.home-page header a[aria-label] strong,body.home-page header a[aria-label] small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.home-page main{padding:1rem .875rem 1.5rem}
  body.home-page footer{display:none}
  #dashboardHero.hero{min-height:10.25rem;border-radius:1.125rem}
  #dashboardHero .hero-copy{min-height:10.25rem;justify-content:flex-end;padding:1rem}
  #dashboardHero .hero-copy span{margin-bottom:.625rem;border-radius:999px;padding:.3rem .55rem;font-size:.62rem;letter-spacing:.12em}
  #dashboardHero .hero-copy h1{font-size:1.75rem;line-height:1.06;letter-spacing:0}
  #dashboardHero .hero-copy p{margin-top:.5rem;max-width:16rem;font-size:.8125rem;line-height:1.45}
  .access-panel{margin-top:.875rem!important;border-radius:.875rem!important;padding:.875rem!important;box-shadow:0 1px 2px rgba(24,24,27,.04)!important}
  .access-panel>div:first-child{gap:.35rem}
  .access-panel h2{font-size:1.05rem;line-height:1.2;letter-spacing:0}
  .access-panel p{font-size:.78rem;line-height:1.45}
  .access-panel .store-cnpj-badge{min-height:1.8rem;border-radius:999px;padding:0 .6rem;font-size:.68rem}
  .access-actions{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(4.4rem,1fr);gap:.45rem;overflow-x:auto;padding-bottom:.15rem;scroll-snap-type:x proximity;scrollbar-width:none}
  .access-actions::-webkit-scrollbar{display:none}
  .access-button{min-height:2.35rem;flex:0 0 auto;border-radius:.625rem;padding:0 .75rem;font-size:.72rem;font-weight:800;scroll-snap-align:start;white-space:nowrap}
  body.home-page main>section[aria-labelledby="modulesTitle"]{margin-top:1.15rem}
  body.home-page main>section[aria-labelledby="modulesTitle"]>div:first-child{gap:.65rem}
  #modulesTitle{font-size:1.2rem;line-height:1.2;letter-spacing:0}
  .module-legend{display:none!important}
  .modules{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important;margin-top:.75rem!important}
  .module-group-card{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;grid-template-rows:auto auto;min-height:4rem;border-width:1px;border-radius:.875rem;padding:.7rem .75rem}
  .module-group-card .module-icon{grid-row:1/3;width:2rem;height:2rem;border-radius:.6rem}
  .module-group-card .module-icon svg{width:1rem;height:1rem}
  .module-group-card .module-code{grid-column:2;margin:0;font-size:.63rem;letter-spacing:.1em}
  .module-group-card strong{grid-column:2;margin:.1rem 0 0;padding-right:0;font-size:.82rem;line-height:1.2;letter-spacing:0}
  .module-group-card small{display:none}
  .module-group-card .module-arrow{position:static;grid-column:3;grid-row:1/3;align-self:center;justify-self:end}
  .module-group-card:hover{transform:none}
  .module-group-card.active{border-color:#0f766e;background:#ecfdf5;box-shadow:0 0 0 2px rgba(15,118,110,.12)}
  .module-member{display:grid;grid-template-columns:2.625rem minmax(0,1fr) auto;grid-template-rows:auto auto;min-height:4.625rem;align-items:center;border-radius:.875rem;padding:.65rem .7rem;box-shadow:0 1px 2px rgba(24,24,27,.03)}
  .module-member .module-icon{grid-row:1/3;width:2.625rem;height:2.625rem;border-radius:.7rem}
  .module-member .module-icon svg{width:1.15rem;height:1.15rem}
  .module-member .module-code{grid-column:2;margin:0;font-size:.62rem;letter-spacing:.08em}
  .module-member strong{grid-column:2;overflow:hidden;margin:.1rem 0 0;padding-right:.25rem;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;line-height:1.2;letter-spacing:0}
  .module-member small{grid-column:2;overflow:hidden;align-self:start;margin:.25rem 0 0;color:#71717a;font-size:.72rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
  .module-member .module-arrow{position:static;grid-column:3;grid-row:1/3;align-self:center;justify-self:end;width:1.8rem;height:1.8rem;border-radius:.55rem;background:#fafafa;padding:.35rem;color:#71717a}
  .module-member:hover{transform:none}
  .module-notification{top:.45rem;right:2.6rem;min-height:1.25rem;padding:0 .45rem;font-size:.58rem}
  .module-notification::before{width:.32rem;height:.32rem;margin-right:.24rem}
  body .admin-panel{border-radius:.875rem;padding:1rem}
  body .admin-actions{display:grid!important;grid-template-columns:1fr;gap:.5rem}
  body .admin-toggle{width:100%;min-height:2.5rem}
  body .admin-list-row{padding:.75rem}
  .admin-alert-card{padding:.875rem}
  .auth-overlay{display:block!important;padding:.75rem!important;background:#f6f7f4!important}
  .auth-shell{display:grid!important;width:100%!important;min-height:auto!important;border:1px solid #e4e4e7!important;border-radius:1rem!important;background:#fff!important;box-shadow:0 1px 2px rgba(24,24,27,.04),0 18px 42px rgba(24,24,27,.08)!important;overflow:hidden!important}
  .auth-aside{display:block!important;padding:1rem!important;background:#061829!important;color:#f8fafc!important}
  .auth-title{max-width:none!important;font-size:1.55rem!important;line-height:1.08!important;letter-spacing:0!important}
  .auth-feature-list{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important;margin-top:.85rem!important}
  .auth-feature{grid-template-columns:2.25rem minmax(0,1fr)!important;gap:.7rem!important;padding:.65rem!important;border-radius:.75rem!important}
  .auth-feature-icon{width:2.25rem!important;height:2.25rem!important;border-radius:.65rem!important}
  .auth-feature-icon svg{width:1.05rem!important;height:1.05rem!important}
  .auth-feature strong{margin:0!important;font-size:.82rem!important;line-height:1.2!important}
  .auth-feature span{margin-top:.15rem!important;font-size:.72rem!important;line-height:1.35!important}
  .auth-card{display:block!important;padding:1rem!important;background:#fff!important}
  .auth-panel{width:100%!important;padding:0!important}
  .auth-card h2{font-size:1rem!important;font-weight:700!important;letter-spacing:0!important}
  .auth-card p{margin:.55rem 0 0!important;font-size:.82rem!important;line-height:1.45!important}
  .auth-grid{gap:.75rem!important;margin-top:1rem!important}
  .auth-grid label{gap:.4rem!important;font-size:.78rem!important}
  .auth-grid input,.auth-grid select{min-height:3rem!important;border-radius:.75rem!important;padding:0 .85rem!important;font-size:.9rem!important}
  .auth-actions{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important;margin-top:.25rem!important}
  .auth-actions button{width:100%!important;min-height:3rem!important;border-radius:.75rem!important}
}

.admin-alert-panel{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-alert-card.experience{border-color:#e4e4e7;background:#f4f4f5}
.admin-alert-pill.has-alert{border-color:#facc15;background:#fef3c7;color:#854d0e}
@media(max-width:1000px){.admin-alert-panel{grid-template-columns:1fr}}

.admin-dialog {
  width: min(1120px, calc(100vw - 32px));
  max-height: min(760px, calc(100vh - 32px));
  overflow: auto;
  border: 1px solid #e4e4e7;
  border-radius: 1rem;
  background: #fff;
  color: #18181b;
  box-shadow: 0 28px 70px rgba(24, 24, 27, .22);
  padding: 1.25rem;
}

.admin-dialog::backdrop {
  background: rgba(24, 24, 27, .45);
  backdrop-filter: blur(3px);
}

.admin-dialog-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}

.admin-dialog-header h3 {
  margin: .25rem 0 0;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0;
}

.admin-dialog-close {
  display: inline-grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border: 1px solid #e4e4e7;
  border-radius: .5rem;
  background: #fff;
  color: #18181b;
  cursor: pointer;
}

.admin-dialog-close:hover {
  background: #f4f4f5;
}

.admin-dialog-close svg {
  width: 1rem;
  height: 1rem;
}

.admin-dialog .admin-list-actions button,
.admin-dialog .admin-row-actions button {
  min-height: 2.55rem;
  border-radius: .65rem;
  padding: 0 .95rem;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: 0;
  box-shadow: 0 1px 2px rgba(24, 24, 27, .06);
  transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.admin-dialog .admin-list-actions button:hover,
.admin-dialog .admin-row-actions button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(24, 24, 27, .10);
}

.admin-dialog .admin-list-actions button:active,
.admin-dialog .admin-row-actions button:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(24, 24, 27, .06);
}

.admin-dialog .admin-list-actions button:not(.button-outline),
.admin-dialog .admin-row-actions button[data-save-profile-store] {
  border-color: #0f766e;
  background: #0f766e;
  color: #fff;
}

.admin-dialog .admin-list-actions button:not(.button-outline):hover,
.admin-dialog .admin-row-actions button[data-save-profile-store]:hover {
  border-color: #115e59;
  background: #115e59;
}

.admin-dialog .admin-list-actions .button-outline,
.admin-dialog .admin-row-actions button[data-edit-collab-store] {
  border-color: #fcd34d;
  background: #fffbeb;
  color: #92400e;
}

.admin-dialog .admin-list-actions .button-outline:hover,
.admin-dialog .admin-row-actions button[data-edit-collab-store]:hover {
  border-color: #f59e0b;
  background: #f59e0b;
  color: #fff;
}

.admin-dialog .admin-row-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .5rem;
}

.admin-dialog .admin-row-actions button.danger {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.admin-dialog .admin-row-actions button.danger:hover {
  border-color: #ef4444;
  background: #ef4444;
  color: #fff;
}

body .feedback-dialog {
  width: min(520px, calc(100vw - 32px)) !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 1rem !important;
  background: #fff !important;
  color: #18181b !important;
  box-shadow: 0 28px 70px rgba(24, 24, 27, .22) !important;
  padding: 1.25rem !important;
  font-family: Inter, Arial, sans-serif !important;
}

body .feedback-dialog::backdrop {
  background: rgba(24, 24, 27, .45) !important;
  backdrop-filter: blur(3px) !important;
}

body .feedback-dialog strong {
  display: block !important;
  margin: 0 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body .feedback-dialog p {
  margin: .4rem 0 1rem !important;
  color: #71717a !important;
  font-size: .88rem !important;
  line-height: 1.5 !important;
}

body .feedback-dialog label {
  display: grid !important;
  gap: .4rem !important;
}

body .feedback-dialog span {
  color: #0f766e !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body .feedback-dialog input {
  width: 100% !important;
  min-height: 2.75rem !important;
  border: 1px solid #d4d4d8 !important;
  border-radius: .65rem !important;
  background: #fff !important;
  padding: 0 .85rem !important;
  color: #18181b !important;
  font: inherit !important;
  font-size: .92rem !important;
  outline: none !important;
}

body .feedback-dialog input:focus {
  border-color: #0f766e !important;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12) !important;
}

body .feedback-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: .5rem !important;
  margin-top: 1rem !important;
}

body .feedback-actions button {
  min-height: 2.5rem !important;
  border: 1px solid #0f766e !important;
  border-radius: .65rem !important;
  background: #0f766e !important;
  padding: 0 .95rem !important;
  color: #fff !important;
  font: inherit !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 1px 2px rgba(24, 24, 27, .06) !important;
}

body .feedback-actions button:hover {
  border-color: #115e59 !important;
  background: #115e59 !important;
}

body .feedback-actions .quiet {
  border-color: #d4d4d8 !important;
  background: #fff !important;
  color: #18181b !important;
}

body .feedback-actions .quiet:hover {
  border-color: #a1a1aa !important;
  background: #f4f4f5 !important;
}

#dashboardHero.smart-banner-hero {
  border-color: #fcd34d !important;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, .18), 0 18px 42px rgba(180, 83, 9, .14) !important;
}

#dashboardHero.smart-banner-hero .hero-image {
  display: block;
  opacity: 1;
}

#dashboardHero.smart-banner-hero::before {
  content: none;
}

#dashboardHero.smart-banner-hero > div.absolute {
  display: none;
}

#dashboardHero.smart-banner-hero .hero-copy {
  position: relative;
  z-index: 2;
  justify-content: flex-start !important;
  padding-top: clamp(1.35rem, 3vw, 2rem) !important;
  color: #134e4a !important;
  text-shadow: none;
}

#dashboardHero.smart-banner-hero .hero-copy > span {
  border-color: #fcd34d !important;
  background: #fffbeb !important;
  color: #b45309 !important;
}

#dashboardHero.smart-banner-hero .hero-copy h1 {
  max-width: min(820px, 72%);
  color: #0f766e !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  line-height: 1.02 !important;
  white-space: normal;
}

#dashboardHero.smart-banner-birthday .smart-banner-name {
  display: inline-block;
  color: inherit !important;
  white-space: nowrap;
}

#dashboardHero.smart-banner-work .hero-copy h1 {
  max-width: min(640px, 56%);
  font-size: clamp(1.65rem, 3.35vw, 2.75rem) !important;
  line-height: 1.02 !important;
  white-space: nowrap;
}

#dashboardHero.smart-banner-work .smart-banner-work-name {
  display: inline-block;
  color: inherit !important;
  white-space: nowrap;
}

#dashboardHero.smart-banner-hero .hero-copy p {
  color: #52525b !important;
}

#dashboardHero.smart-banner-tip .hero-copy p {
  white-space: pre-line;
}

#dashboardHero.smart-banner-tip .hero-copy {
  max-width: min(700px, 56%) !important;
}

#dashboardHero.smart-banner-tip .hero-copy h1 {
  max-width: 100%;
}

.banner-config-form {
  display: grid;
  gap: 1rem;
  margin-top: 1.25rem;
}

.banner-config-section {
  display: grid;
  gap: .75rem;
  border: 1px solid #e4e4e7;
  border-radius: .85rem;
  background: #fafafa;
  padding: 1rem;
}

.banner-config-section h4 {
  margin: 0;
  color: #18181b;
  font-size: .95rem;
  font-weight: 700;
}

.banner-config-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

.banner-preview-button {
  min-height: 2.25rem;
  border: 1px solid #ef4444;
  border-radius: .6rem;
  background: #ef4444;
  padding: 0 .9rem;
  color: #fff;
  font: inherit;
  font-size: .8rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(239, 68, 68, .18);
}

.banner-preview-button:hover {
  background: #dc2626;
  border-color: #dc2626;
}

.banner-config-section label {
  display: flex;
  align-items: center;
  gap: .55rem;
  color: #3f3f46;
  font-size: .88rem;
  font-weight: 600;
}

.banner-config-section input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  accent-color: #0f766e;
}

.banner-config-section input[type="text"],
.banner-config-section textarea {
  width: 100%;
  border: 1px solid #d4d4d8;
  border-radius: .65rem;
  background: #fff;
  padding: .85rem;
  color: #18181b;
  font: inherit;
  font-size: .9rem;
  outline: none;
}

.banner-config-section input[type="text"] {
  min-height: 2.75rem;
}

.banner-config-section textarea {
  resize: vertical;
  min-height: 6rem;
}

.banner-config-section input[type="text"]:focus,
.banner-config-section textarea:focus {
  border-color: #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}

.banner-store-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: .5rem;
}

.banner-store-grid label {
  min-height: 2.4rem;
  border: 1px solid #e4e4e7;
  border-radius: .65rem;
  background: #fff;
  padding: 0 .75rem;
}

.banner-config-preview {
  position: relative;
  min-height: 180px;
  overflow: hidden;
  border: 1px solid #fcd34d;
  border-radius: .85rem;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, .14);
}

.banner-preview-dialog {
  width: min(960px, calc(100vw - 2rem));
}

.banner-preview-dialog .banner-config-preview {
  aspect-ratio: 800 / 360;
  min-height: 0;
}

.banner-preview-dialog .banner-config-preview .hero-copy {
  min-height: 100%;
}

.banner-config-preview img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-config-preview .hero-copy {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 180px;
  max-width: min(700px, 56%);
  flex-direction: column;
  justify-content: flex-start;
  padding: 1.5rem 1.75rem;
  color: #134e4a;
  text-shadow: none;
}

.banner-config-preview .hero-copy span {
  width: fit-content;
  border: 1px solid #fcd34d;
  border-radius: 999px;
  background: #fffbeb;
  padding: .3rem .75rem;
  color: #b45309;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.banner-config-preview .hero-copy h1 {
  margin: .7rem 0 0;
  max-width: 100%;
  color: #0f766e;
  font-size: clamp(1.6rem, 3.2vw, 2.45rem);
  font-weight: 700;
  line-height: 1.04;
}

.banner-config-preview .hero-copy p {
  margin: .7rem 0 0;
  color: #52525b;
  font-size: .92rem;
  line-height: 1.5;
  white-space: pre-line;
}

.banner-config-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .5rem;
}

.banner-config-actions button {
  min-height: 2.55rem;
  border: 1px solid #0f766e;
  border-radius: .65rem;
  background: #0f766e;
  padding: 0 .95rem;
  color: #fff;
  font: inherit;
  font-size: .82rem;
  font-weight: 700;
  cursor: pointer;
}

.banner-config-actions .button-outline {
  border-color: #d4d4d8;
  background: #fff;
  color: #18181b;
}

@media (max-width: 720px) {
  #dashboardHero.smart-banner-hero::before {
    content: none;
  }

  #dashboardHero.smart-banner-hero .hero-copy h1 {
    max-width: 100%;
    font-size: clamp(1.35rem, 7vw, 1.85rem) !important;
    white-space: nowrap;
  }

  .banner-preview-dialog .banner-config-preview .hero-copy {
    max-width: 100%;
    padding: 1.1rem;
  }
}
