/* ======================================================================
   Meu Negócio Criativo 3.10.0 • Cute UI Premium
   Visual delicado e acolhedor sem reduzir legibilidade ou produtividade.
   ====================================================================== */
:root{
  --cute-radius-xl:26px;
  --cute-radius-lg:20px;
  --cute-radius-md:16px;
  --cute-shadow:0 10px 30px rgba(83,48,121,.10),0 2px 8px rgba(255,95,167,.05);
  --cute-shadow-soft:0 7px 20px rgba(83,48,121,.08);
  --profile-accent:#A579FF;
  --profile-accent-2:#FF74AF;
  --profile-soft:#F7EEFF;
  --profile-soft-2:#FFF1F7;
  --profile-glow:rgba(165,121,255,.16);
}
html[data-business-category="papelaria"]{--profile-accent:#A56EF5;--profile-accent-2:#FF72AE;--profile-soft:#F4EAFE;--profile-soft-2:#FFF0F7;--profile-glow:rgba(165,110,245,.17)}
html[data-business-category="confeitaria"]{--profile-accent:#F28B8F;--profile-accent-2:#F4A55E;--profile-soft:#FFF0EF;--profile-soft-2:#FFF5E8;--profile-glow:rgba(242,139,143,.18)}
html[data-business-category="doces"]{--profile-accent:#F070AC;--profile-accent-2:#E8A83A;--profile-soft:#FFF0F7;--profile-soft-2:#FFF8DE;--profile-glow:rgba(240,112,172,.17)}
html[data-business-category="festas"]{--profile-accent:#8A79EF;--profile-accent-2:#55BDE3;--profile-soft:#F1EEFF;--profile-soft-2:#EAF8FF;--profile-glow:rgba(85,189,227,.16)}
html[data-business-category="artesanato"]{--profile-accent:#28A995;--profile-accent-2:#E69B69;--profile-soft:#EAF9F6;--profile-soft-2:#FFF2E8;--profile-glow:rgba(40,169,149,.16)}
html[data-business-category="servicos"]{--profile-accent:#5B9FDF;--profile-accent-2:#9B7AE7;--profile-soft:#EBF5FF;--profile-soft-2:#F3EEFF;--profile-glow:rgba(91,159,223,.16)}
html[data-business-category="outros"]{--profile-accent:#8264D9;--profile-accent-2:#E47FA7;--profile-soft:#F1EDFB;--profile-soft-2:#FFF0F5;--profile-glow:rgba(130,100,217,.16)}

html,body{scroll-behavior:smooth}
body.cute-ui-v322{
  background:
    radial-gradient(circle at 8% 2%,rgba(255,116,175,.10),transparent 24%),
    radial-gradient(circle at 94% 14%,rgba(91,194,232,.10),transparent 26%),
    radial-gradient(circle at 25% 78%,rgba(185,156,255,.08),transparent 24%),
    var(--bg);
}
body.cute-ui-v322::before,body.cute-ui-v322::after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(1px)}
body.cute-ui-v322::before{width:150px;height:150px;right:-70px;top:26%;background:radial-gradient(circle,rgba(255,198,138,.10),transparent 68%)}
body.cute-ui-v322::after{width:120px;height:120px;left:-58px;bottom:18%;background:radial-gradient(circle,rgba(45,183,163,.09),transparent 68%)}

/* Topo mais delicado */
.topbar{margin:0 8px;border:1px solid rgba(107,75,255,.08);border-top:0;border-radius:0 0 24px 24px;box-shadow:0 7px 24px rgba(68,41,92,.07);padding-left:14px;padding-right:14px}
.topbar-brand-icon{width:46px;height:46px;padding:4px;border-radius:16px;background:linear-gradient(145deg,#fff,#FFF0F7);border:1px solid rgba(255,95,167,.12);box-shadow:0 7px 18px rgba(255,95,167,.10)}
.topbar h1{font-size:21px;line-height:1.05}
.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:3px}
.topbar-actions{display:flex;gap:7px}
.icon-btn{width:42px;height:42px;border-radius:15px;box-shadow:0 5px 15px rgba(107,75,255,.08);transition:transform .16s ease,box-shadow .16s ease}
.icon-btn:active{transform:scale(.94)}

/* Perfil ativo como cartão assinatura do negócio */
.active-business-profile{position:relative;overflow:hidden;border-radius:22px!important;border-color:color-mix(in srgb,var(--profile-accent) 20%,transparent)!important;background:linear-gradient(135deg,#fff 0%,var(--profile-soft-2) 54%,var(--profile-soft) 100%)!important;box-shadow:0 11px 28px var(--profile-glow)!important;transition:transform .16s ease,box-shadow .16s ease}
.active-business-profile::after{content:"♡";position:absolute;right:46px;top:-14px;font-size:58px;line-height:1;color:color-mix(in srgb,var(--profile-accent-2) 12%,transparent);transform:rotate(12deg);font-family:Georgia,serif}
.active-business-profile>span{position:relative;z-index:1;width:46px!important;height:46px!important;border-radius:16px!important;background:linear-gradient(145deg,var(--profile-soft),#fff)!important;border:1px solid color-mix(in srgb,var(--profile-accent) 18%,transparent);box-shadow:0 6px 15px var(--profile-glow);font-size:23px!important}
.active-business-profile>div,.active-business-profile>strong{position:relative;z-index:1}
.active-business-profile>small{color:var(--profile-accent)!important}
.active-business-profile>strong{color:var(--profile-accent)!important;background:#ffffffb8;border:1px solid color-mix(in srgb,var(--profile-accent) 13%,transparent);border-radius:999px;padding:6px 9px}
.active-business-profile:active{transform:scale(.985)}

/* Hero */
.premium-hero{position:relative;overflow:hidden;border-radius:28px!important;box-shadow:var(--cute-shadow)!important;background:radial-gradient(circle at 92% 10%,rgba(255,198,138,.26),transparent 26%),radial-gradient(circle at 6% 94%,rgba(45,183,163,.10),transparent 28%),linear-gradient(135deg,#fff,var(--profile-soft-2) 52%,var(--profile-soft))!important}
.premium-hero::before{content:"✦  ♡  ✦";position:absolute;right:18px;bottom:7px;font-size:12px;letter-spacing:6px;color:color-mix(in srgb,var(--profile-accent) 24%,transparent);pointer-events:none}
.hero-badge{border:1px solid color-mix(in srgb,var(--profile-accent) 13%,transparent);background:linear-gradient(90deg,var(--profile-soft),var(--profile-soft-2))!important;color:var(--profile-accent)!important}
.hero-kpi{padding:11px 13px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.88);box-shadow:0 5px 15px rgba(70,40,90,.05)}

/* Seções */
.section-title h2::after,.section-title h3::after{content:" ✦";font-size:.64em;color:var(--profile-accent-2);vertical-align:middle;opacity:.72}
.section-title h2,.section-title h3{letter-spacing:.005em}
.text-btn{border-radius:999px!important;padding:7px 10px!important;background:var(--profile-soft)!important;color:var(--profile-accent)!important}

/* Cards e estatísticas */
.stat,.card,.day-command,.cash-day-card,.quick button,.menu-list>button{border-color:rgba(107,75,255,.09)!important;box-shadow:var(--cute-shadow-soft)!important}
.stat{position:relative;overflow:hidden;border-radius:21px!important;background:linear-gradient(145deg,#fff,#fffdfd)!important}
.stat::after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;right:-15px;bottom:-15px;background:var(--profile-soft)}
.stat strong{color:var(--ink)}
.card{border-radius:22px!important;background:rgba(255,255,255,.94)!important}
.card>h3,.card .row h3{letter-spacing:.005em}

.dashboard-grid .stat:nth-child(1){background:linear-gradient(145deg,#fff,#FFF0F7)!important}
.dashboard-grid .stat:nth-child(2){background:linear-gradient(145deg,#fff,#F0EDFF)!important}
.dashboard-grid .stat:nth-child(3){background:linear-gradient(145deg,#fff,#FFF5E9)!important}
.dashboard-grid .stat:nth-child(4){background:linear-gradient(145deg,#fff,#ECF9F7)!important}

.dashboard-actions{gap:10px}
.day-command,.cash-day-card{border-radius:20px!important;background:linear-gradient(145deg,#fff,#FFFBFD)!important;transition:transform .15s ease}
.day-command:nth-child(1)>strong{color:#8A68E8}
.day-command:nth-child(2)>strong{color:#E46E9D}
.cash-day-card>strong{color:#2BA893!important}
.day-command:active,.cash-day-card:active{transform:scale(.985)}

/* Acesso rápido com cores pastel alternadas */
.quick{gap:10px}
.quick button{position:relative;overflow:hidden;min-height:78px;border-radius:21px!important;padding:15px!important;transition:transform .15s ease,box-shadow .15s ease}
.quick button::after{content:"";position:absolute;width:54px;height:54px;border-radius:50%;right:-23px;top:-22px;opacity:.55}
.quick button:nth-child(6n+1){background:linear-gradient(145deg,#fff,#FFF0F7)!important}.quick button:nth-child(6n+1)::after{background:#FFD5E6}
.quick button:nth-child(6n+2){background:linear-gradient(145deg,#fff,#F1ECFF)!important}.quick button:nth-child(6n+2)::after{background:#DCCEFF}
.quick button:nth-child(6n+3){background:linear-gradient(145deg,#fff,#FFF6E8)!important}.quick button:nth-child(6n+3)::after{background:#FFE1B7}
.quick button:nth-child(6n+4){background:linear-gradient(145deg,#fff,#EBF9F7)!important}.quick button:nth-child(6n+4)::after{background:#C9F0E9}
.quick button:nth-child(6n+5){background:linear-gradient(145deg,#fff,#ECF7FD)!important}.quick button:nth-child(6n+5)::after{background:#CDECF9}
.quick button:nth-child(6n){background:linear-gradient(145deg,#fff,#F8EEFF)!important}.quick button:nth-child(6n)::after{background:#EAD4FF}
.quick button:active{transform:scale(.98)}
.quick span{line-height:1.35}

/* Botões mais macios */
.primary,.secondary,.danger,.ghost,.print-btn{border-radius:15px!important;transition:transform .14s ease,box-shadow .14s ease}
.primary{background:linear-gradient(135deg,var(--profile-accent),var(--profile-accent-2))!important;box-shadow:0 7px 17px var(--profile-glow)!important}
.secondary{background:linear-gradient(135deg,var(--profile-soft),var(--profile-soft-2))!important;color:var(--profile-accent)!important}
.primary:active,.secondary:active,.ghost:active,.danger:active,.print-btn:active{transform:scale(.97)}
.ghost{background:#F8F4F8!important}

/* Chips e badges */
.badge,.priority-chip,.filter-chip{border:1px solid rgba(107,75,255,.07)}
.soft-badge{background:linear-gradient(90deg,var(--profile-soft),var(--profile-soft-2))!important;color:var(--profile-accent)!important}
.filter-chip{border-radius:999px!important;padding:9px 12px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 4px 12px rgba(68,41,92,.04)}
.filter-chip.active{background:linear-gradient(90deg,var(--profile-soft),var(--profile-soft-2))!important;color:var(--profile-accent)!important;border-color:color-mix(in srgb,var(--profile-accent) 12%,transparent)!important}
.filter-chip.active span{background:#fff;color:var(--profile-accent)}

/* Cards de pedidos com cor da categoria */
.order-card[data-profile-category],.kanban-card[data-profile-category],article[data-profile-category]{--order-cat:#A579FF;--order-soft:#F6EEFF}
[data-profile-category="papelaria"]{--order-cat:#A56EF5;--order-soft:#F7EEFF}
[data-profile-category="confeitaria"]{--order-cat:#F28B8F;--order-soft:#FFF0EF}
[data-profile-category="doces"]{--order-cat:#F070AC;--order-soft:#FFF0F7}
[data-profile-category="festas"]{--order-cat:#6F91EA;--order-soft:#EFF3FF}
[data-profile-category="artesanato"]{--order-cat:#28A995;--order-soft:#EAF9F6}
[data-profile-category="servicos"]{--order-cat:#5B9FDF;--order-soft:#EBF5FF}
[data-profile-category="outros"]{--order-cat:#8264D9;--order-soft:#F2EEFC}
.order-card[data-profile-category]{border-left:5px solid var(--order-cat)!important;background:linear-gradient(145deg,#fff,var(--order-soft))!important}
.order-profile-badge,.kanban-profile{width:max-content;border-radius:999px;padding:4px 8px!important;background:var(--order-soft)!important;color:var(--order-cat)!important;border:1px solid color-mix(in srgb,var(--order-cat) 16%,transparent);letter-spacing:.01em}

/* Gerenciador de perfis */
.profile-manager-list{gap:11px!important}
.profile-manager-row{position:relative;overflow:hidden;border-radius:20px!important;box-shadow:var(--cute-shadow-soft);border-color:rgba(107,75,255,.09)!important}
.profile-manager-row::after{content:"♡";position:absolute;right:-3px;top:-13px;font-size:44px;color:color-mix(in srgb,var(--order-cat,#A579FF) 10%,transparent);pointer-events:none}
.profile-manager-row[data-profile-category]{--order-cat:#A579FF;--order-soft:#F6EEFF}
.profile-manager-row .profile-manager-icon{background:linear-gradient(145deg,var(--order-soft,#F6EEFF),#fff)!important;border:1px solid color-mix(in srgb,var(--order-cat,#A579FF) 15%,transparent);border-radius:15px!important}
.profile-manager-row.active{border-color:color-mix(in srgb,var(--order-cat,#A579FF) 30%,transparent)!important;box-shadow:0 9px 25px color-mix(in srgb,var(--order-cat,#A579FF) 13%,transparent)!important}

/* Formulários */
.field label{font-size:10px!important;letter-spacing:.02em;color:#786C86}
.field input,.field select,.field textarea,.search{border-radius:16px!important;background:#FFFEFF!important;border:1px solid rgba(107,75,255,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:var(--profile-accent)!important;box-shadow:0 0 0 4px var(--profile-glow)!important;background:#fff!important}
.profile-order-context,.profile-detail-box{border-radius:20px!important;background:linear-gradient(135deg,var(--profile-soft-2),var(--profile-soft))!important;border-color:color-mix(in srgb,var(--profile-accent) 14%,transparent)!important}
.profile-order-context>span,.profile-detail-box>b{color:var(--profile-accent)!important}

/* Modais como bottom sheet mais delicado */
.modal-backdrop{background:rgba(39,27,46,.46)!important;backdrop-filter:blur(4px)}
.modal{position:relative;border-radius:30px 30px 0 0!important;background:linear-gradient(180deg,#FFFDFC,var(--bg))!important;box-shadow:0 -12px 40px rgba(43,25,55,.15)}
.modal::before{content:"";display:block;width:42px;height:5px;border-radius:999px;background:#DED2E5;margin:-7px auto 11px}
.modal .close{border-radius:14px!important;background:linear-gradient(145deg,#F5EFF6,#fff)!important;color:#735E79}
.modal-actions{background:linear-gradient(transparent,var(--bg) 26%)!important}

/* Menu Mais */
.menu-list{display:grid;gap:8px}
.menu-list>button{border-radius:20px!important;background:linear-gradient(145deg,#fff,#FFFCFE)!important;padding:12px!important}
.menu-list>button .menu-icon{border-radius:14px!important;background:linear-gradient(145deg,var(--profile-soft),#fff)!important;color:var(--profile-accent)!important;box-shadow:0 5px 13px var(--profile-glow)}

/* Estados vazios */
.empty{border-style:dashed!important;background:linear-gradient(145deg,#fff,#FFF8FC)!important}
.empty::before{content:"♡";display:block;font-size:28px;color:#E5B5D0;margin-bottom:6px;font-family:Georgia,serif}

/* Avisos */
.notice{border-radius:19px!important;box-shadow:0 5px 16px rgba(75,43,89,.04)}
.warn-notice{background:linear-gradient(145deg,#FFFDF7,#FFF6DF)!important}
.danger-notice{background:linear-gradient(145deg,#FFF9F9,#FFECEF)!important}

/* Navegação inferior flutuante */
.bottom-nav{left:10px!important;right:10px!important;bottom:max(8px,var(--safe-bottom))!important;border:1px solid rgba(107,75,255,.10)!important;border-radius:23px!important;padding:7px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 11px 32px rgba(61,35,85,.14)!important;overflow:hidden}
.bottom-nav button{position:relative;border-radius:17px!important;padding:7px 2px!important;transition:background .16s ease,color .16s ease,transform .16s ease}
.bottom-nav span{transition:transform .16s ease}
.bottom-nav button.active{background:linear-gradient(145deg,var(--profile-soft),var(--profile-soft-2))!important;color:var(--profile-accent)!important}
.bottom-nav button.active span{transform:translateY(-1px) scale(1.08)}
.bottom-nav button:active{transform:scale(.95)}
/* Centralizar a navegação Android larga sem alterar a barra lateral Windows. */
@media(min-width:700px){
  html:not(.desktop-edition) .bottom-nav{left:50%!important;right:auto!important;width:calc(100% - 20px);max-width:980px;transform:translateX(-50%)}
}
body{padding-bottom:calc(106px + var(--safe-bottom))!important}
.keyboard-open body{padding-bottom:max(20px,var(--keyboard-inset))!important}

/* Pequenos detalhes responsivos */
@media(max-width:560px){
  main{padding:13px 12px 16px}
  .topbar{margin:0 6px;padding-left:11px;padding-right:11px}
  .topbar-brand-icon{width:42px;height:42px;flex-basis:42px}
  .premium-hero{grid-template-columns:1fr!important;padding:17px!important}
  .hero-kpi{text-align:left;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .hero-kpi strong{margin-top:0!important}
  .dashboard-actions{grid-template-columns:1fr!important}
  .active-business-profile{margin-left:12px!important;margin-right:12px!important;width:calc(100% - 24px)!important}
  .quick button{min-height:74px}
  .bottom-nav{font-size:9px}
}
@media(max-width:380px){
  .quick{grid-template-columns:1fr!important}
  .bottom-nav button{font-size:9px!important}
  .bottom-nav span{font-size:18px!important}
  .topbar h1{font-size:18px}
}

/* Dark mode fofo, mas com contraste */
@media(prefers-color-scheme:dark){
  body.cute-ui-v322{background:radial-gradient(circle at 0 0,rgba(255,95,167,.05),transparent 25%),radial-gradient(circle at 100% 20%,rgba(88,196,232,.05),transparent 28%),var(--bg)}
  .topbar{background:rgba(24,20,32,.95)!important;border-color:#332A3E!important}
  .topbar-brand-icon{background:linear-gradient(145deg,#2F2738,#251D2C);border-color:#43344F}
  .active-business-profile,.premium-hero,.profile-order-context,.profile-detail-box{background:linear-gradient(135deg,#241D2E,#30213A)!important;border-color:#41334D!important}
  .hero-kpi{background:rgba(39,31,48,.78);border-color:#40344C}
  .stat,.card,.day-command,.cash-day-card,.quick button,.menu-list>button,.profile-manager-row{background:linear-gradient(145deg,#241E2C,#211B28)!important;border-color:#3B3047!important}
  .field input,.field select,.field textarea,.search{background:#211B28!important;border-color:#42354F!important;color:var(--ink)!important}
  .field input:focus,.field select:focus,.field textarea:focus,.search:focus{background:#261F2E!important}
  .modal{background:linear-gradient(180deg,#241E2C,#181420)!important}
  .modal-actions{background:linear-gradient(transparent,#181420 26%)!important}
  .bottom-nav{background:rgba(32,26,39,.95)!important;border-color:#40344C!important}
  .bottom-nav button.active{background:#332749!important}
  .ghost{background:#302837!important;color:var(--ink)!important}
  .empty{background:#211B28!important}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important}
}