/* Meu Negócio Criativo 3.10.0 • Onboarding & Configuração Inicial */
.onboarding-shell{position:fixed;inset:0;z-index:12000;background:linear-gradient(155deg,#fff7fb 0%,#fff2df 42%,#f2edff 72%,#e8fbf8 100%);display:flex;align-items:stretch;justify-content:center;padding:calc(var(--safe-top,0px) + 14px) max(14px,var(--safe-right,0px)) calc(var(--safe-bottom,0px) + 14px) max(14px,var(--safe-left,0px));overflow:auto;color:#443b52}
.onboarding-shell[hidden]{display:none!important}.onboarding-card{width:min(720px,100%);margin:auto;background:rgba(255,255,255,.94);border:1px solid rgba(107,75,255,.10);box-shadow:0 24px 70px rgba(86,62,132,.16);border-radius:34px;padding:22px;position:relative;overflow:hidden}
.onboarding-card:before,.onboarding-card:after{content:"";position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}.onboarding-card:before{width:150px;height:150px;right:-55px;top:-55px;background:rgba(255,95,167,.11)}.onboarding-card:after{width:180px;height:180px;left:-90px;bottom:-100px;background:rgba(45,183,163,.10)}
.onboarding-top{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.onboarding-brand{width:54px;height:54px;border-radius:18px;object-fit:cover;background:#fff;box-shadow:0 8px 24px rgba(107,75,255,.14)}.onboarding-top div{flex:1}.onboarding-top small{display:block;color:#8b7f98;font-weight:700;margin-bottom:2px}.onboarding-top b{font-size:18px;color:#4d3d62}.onboarding-close{border:0;background:#f7f1fb;width:42px;height:42px;border-radius:15px;font-size:20px;color:#786b86}.onboarding-close[hidden]{display:none}
.onboarding-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:20px 0 24px;position:relative;z-index:1}.onboarding-progress i{height:7px;border-radius:999px;background:#eee6f3;transition:.25s ease}.onboarding-progress i.active{background:linear-gradient(90deg,#6b4bff,#ff5fa7)}
.onboarding-content{position:relative;z-index:1}.onboarding-kicker{display:inline-flex;align-items:center;gap:7px;background:#f7efff;color:#6b4bff;border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px}.onboarding-content h2{font-size:27px;line-height:1.12;margin:12px 0 8px;color:#49385f}.onboarding-content>p{color:#7a6d86;line-height:1.55;margin:0 0 18px}.onboarding-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.onboarding-category{border:1.5px solid #eee4f3;background:#fff;border-radius:22px;padding:15px;text-align:left;display:flex;align-items:center;gap:12px;color:#4c4057;box-shadow:0 5px 14px rgba(72,48,90,.04)}.onboarding-category span{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-size:25px;background:linear-gradient(145deg,#fff0f7,#f1edff)}.onboarding-category b{display:block;font-size:14px}.onboarding-category small{display:block;margin-top:3px;color:#94879d}.onboarding-category.active{border-color:#b99cff;background:linear-gradient(145deg,#fff,#faf6ff);box-shadow:0 8px 22px rgba(107,75,255,.12)}
.onboarding-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.onboarding-field{display:flex;flex-direction:column;gap:6px}.onboarding-field.wide{grid-column:1/-1}.onboarding-field label{font-size:12px;font-weight:800;color:#73657f}.onboarding-field input,.onboarding-field select,.onboarding-field textarea{width:100%;border:1px solid #eadff0;border-radius:16px;padding:13px 14px;background:#fff;color:#43394e;font:inherit;outline:none}.onboarding-field input:focus,.onboarding-field select:focus,.onboarding-field textarea:focus{border-color:#b99cff;box-shadow:0 0 0 4px rgba(185,156,255,.15)}
.onboarding-logo-row{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:center;margin-bottom:16px}.onboarding-logo-preview{width:118px;height:118px;border-radius:28px;background:linear-gradient(145deg,#fff0f7,#f0edff);display:grid;place-items:center;overflow:hidden;border:1px dashed #d9c8e5}.onboarding-logo-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.onboarding-logo-preview span{font-size:38px}.onboarding-logo-tools{display:flex;flex-direction:column;gap:8px}.onboarding-logo-tools p{font-size:12px;color:#8b7f95;margin:0}.onboarding-file-label{display:inline-flex;justify-content:center;align-items:center;background:#6b4bff;color:#fff;border-radius:14px;padding:11px 13px;font-weight:800;cursor:pointer}.onboarding-file-label input{display:none}
.onboarding-days{display:flex;flex-wrap:wrap;gap:8px}.onboarding-day{position:relative}.onboarding-day input{position:absolute;opacity:0;pointer-events:none}.onboarding-day span{display:block;border:1px solid #eadff0;background:#fff;border-radius:13px;padding:9px 11px;font-size:12px;font-weight:800;color:#74657e}.onboarding-day input:checked+span{background:#6b4bff;color:#fff;border-color:#6b4bff}.onboarding-switch{display:flex;align-items:center;gap:10px;background:#fff7fb;border:1px solid #f3dfeb;border-radius:18px;padding:13px 14px}.onboarding-switch input{width:19px;height:19px;accent-color:#6b4bff}.onboarding-switch div b{display:block;font-size:13px}.onboarding-switch div small{color:#8d8095}
.onboarding-summary{display:grid;gap:10px}.onboarding-summary-row{display:flex;gap:12px;align-items:flex-start;background:#fbf8fd;border:1px solid #eee5f2;border-radius:18px;padding:13px}.onboarding-summary-row>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#fff;font-size:20px}.onboarding-summary-row div{flex:1}.onboarding-summary-row b{display:block}.onboarding-summary-row small{color:#887a92;line-height:1.4}.onboarding-done{padding:15px;border-radius:22px;background:linear-gradient(135deg,#fff1f7,#f2efff 55%,#eafaf7);text-align:center;margin-top:12px}.onboarding-done strong{font-size:18px;color:#5c426f}.onboarding-done p{margin:6px 0 0;color:#806f8a;font-size:13px}
.onboarding-footer{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:22px;position:relative;z-index:1}.onboarding-footer button{border:0;border-radius:16px;padding:12px 18px;font-weight:850;font-size:14px}.onboarding-footer .back{background:#f3eef6;color:#665870}.onboarding-footer .next{background:linear-gradient(135deg,#6b4bff,#8c6dff);color:#fff;box-shadow:0 8px 20px rgba(107,75,255,.22)}.onboarding-footer .finish{background:linear-gradient(135deg,#ff5fa7,#ff8daa);color:#fff;box-shadow:0 8px 20px rgba(255,95,167,.22)}
.onboarding-inline-card{display:flex;gap:12px;align-items:center;padding:14px;border-radius:20px;background:linear-gradient(135deg,#fff5fa,#f7f1ff);border:1px solid #eadff3;margin-bottom:14px}.onboarding-inline-card img{width:52px;height:52px;border-radius:16px;object-fit:contain;background:#fff}.onboarding-inline-card>div{flex:1}.onboarding-inline-card b{display:block}.onboarding-inline-card small{display:block;color:#8a7b94;margin-top:3px}.custom-business-logo{object-fit:contain!important;background:#fff!important;padding:3px}
@media(max-width:600px){.onboarding-card{padding:17px;border-radius:27px}.onboarding-content h2{font-size:23px}.onboarding-category-grid,.onboarding-fields{grid-template-columns:1fr}.onboarding-field.wide{grid-column:auto}.onboarding-logo-row{grid-template-columns:92px 1fr}.onboarding-logo-preview{width:92px;height:92px;border-radius:23px}.onboarding-footer{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%);padding-top:22px}.onboarding-footer button{flex:1}.onboarding-progress{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.onboarding-progress i{transition:none}}
@media(prefers-color-scheme:dark){
  .onboarding-shell{background:linear-gradient(155deg,#1b151d,#211922 45%,#221c2b 75%,#172624);color:#f5edf7}
  .onboarding-card{background:rgba(34,27,36,.97);border-color:#43364a;box-shadow:0 24px 70px rgba(0,0,0,.32)}
  .onboarding-top b,.onboarding-content h2{color:#f8eefb}.onboarding-top small,.onboarding-content>p,.onboarding-logo-tools p,.onboarding-summary-row small{color:#c1b1c7}
  .onboarding-category,.onboarding-field input,.onboarding-field select,.onboarding-field textarea,.onboarding-day span{background:#271f29;border-color:#443649;color:#f6edf8}
  .onboarding-category.active{background:#30263b;border-color:#9c82df}.onboarding-category span{background:linear-gradient(145deg,#352538,#302b48)}.onboarding-category small{color:#bcaac4}
  .onboarding-field label{color:#c6b6cd}.onboarding-logo-preview{background:#2b2230;border-color:#55435f}.onboarding-logo-preview img{background:#fff}.onboarding-switch{background:#2b2029;border-color:#493544}
  .onboarding-summary-row{background:#29212c;border-color:#43364a}.onboarding-summary-row>span{background:#34283a}.onboarding-done{background:linear-gradient(135deg,#352531,#302741,#203331)}.onboarding-done strong{color:#f9eefa}.onboarding-done p{color:#c9b7cd}
  .onboarding-inline-card{background:linear-gradient(135deg,#30232c,#2c2639);border-color:#44364b}.onboarding-close,.onboarding-footer .back{background:#332a36;color:#f4eaf5}.onboarding-footer{background:linear-gradient(180deg,rgba(34,27,36,0),#221b24 28%)}
}
.onboarding-footer{flex-wrap:wrap}.onboarding-footer .onboarding-quick{background:#f4eafd;color:#6535ae;border:1px solid #d8bfe9;min-height:44px;line-height:1.4}.onboarding-quick-note{font-size:12px;line-height:1.6;color:#806c8c;margin-top:16px}.onboarding-footer button:focus-visible{outline:3px solid #c46eab;outline-offset:3px}@media(max-width:600px){.onboarding-footer .onboarding-quick,.onboarding-footer #onboardingComplete{flex-basis:100%}.onboarding-footer .onboarding-quick{order:-1}.onboarding-footer button{min-width:0;white-space:normal;min-height:44px}}@media(prefers-color-scheme:dark){.onboarding-footer .onboarding-quick{background:#35263f;color:#edd7ff;border-color:#76528a}.onboarding-quick-note{color:#c5aecf}}

.onboarding-progress.is-quick{grid-template-columns:repeat(3,minmax(0,1fr))}
