/* Bride Era R14.7.155 — privacidade compacta, instalação como app, barra de cadastro
   e cancelamento de pedido no Superadmin. Camada isolada: só estiliza classes novas. */

:root{
  --be155-wine:#7d4f50;
  --be155-wine-deep:#5f3a3b;
  --be155-rose:#c08a7d;
  --be155-cream:#fffaf8;
  --be155-ink:#2f2624;
  --be155-soft:#6f6260;
  --be155-line:rgba(125,79,80,.16);
}

/* ---------- 1. Privacidade: cartão compacto ---------- */
.cookie-floating-shell .be-ck{
  pointer-events:auto;width:min(760px,calc(100vw - 24px));margin:0 auto;
  background:var(--be155-cream);color:var(--be155-ink);
  border:1px solid var(--be155-line);border-radius:18px;
  box-shadow:0 14px 40px rgba(47,38,36,.18);
  font-family:var(--font-body,system-ui,sans-serif);
  animation:be155-rise .32s cubic-bezier(.2,.8,.2,1) both;
}
.cookie-floating-shell .be-ck-row{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px}
.cookie-floating-shell .be-ck-logo{width:26px;height:26px;flex:0 0 26px}
.cookie-floating-shell .be-ck-txt{flex:1 1 auto;min-width:0}
.cookie-floating-shell .be-ck-txt h2{margin:0;font:600 .86rem/1.2 var(--font-body,system-ui,sans-serif);color:var(--be155-ink);letter-spacing:0}
.cookie-floating-shell .be-ck-txt p{margin:2px 0 0;font-size:.72rem;line-height:1.35;color:var(--be155-soft)}
.cookie-floating-shell .be-ck-txt a{color:var(--be155-wine);text-decoration:underline;text-underline-offset:2px}
.cookie-floating-shell .be-ck-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.cookie-floating-shell .be-ck-btn{
  appearance:none;border:0;border-radius:999px;background:var(--be155-wine);color:#fff;
  font:600 .74rem/1 var(--font-body,system-ui,sans-serif);padding:9px 14px;cursor:pointer;white-space:nowrap;
  transition:background .18s ease,transform .18s ease;
}
.cookie-floating-shell .be-ck-btn:hover{background:var(--be155-wine-deep)}
.cookie-floating-shell .be-ck-btn:active{transform:scale(.97)}
.cookie-floating-shell .be-ck-ghost{background:transparent;color:var(--be155-wine);box-shadow:inset 0 0 0 1px var(--be155-line)}
.cookie-floating-shell .be-ck-ghost:hover{background:rgba(125,79,80,.07)}
.cookie-floating-shell .be-ck-link{appearance:none;border:0;background:none;color:var(--be155-soft);font:500 .72rem var(--font-body,system-ui,sans-serif);text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:6px 4px}
.cookie-floating-shell .be-ck-btn:focus-visible,.cookie-floating-shell .be-ck-link:focus-visible{outline:2px solid var(--be155-rose);outline-offset:2px}
.cookie-floating-shell .be-ck-prefs{border-top:1px solid var(--be155-line);padding:8px 14px 12px;display:grid;gap:2px}
.cookie-floating-shell .be-ck-prefs[hidden]{display:none}
.cookie-floating-shell .be-ck-pref{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;cursor:pointer}
.cookie-floating-shell .be-ck-pref b{display:block;font-size:.76rem;color:var(--be155-ink)}
.cookie-floating-shell .be-ck-pref small{display:block;font-size:.68rem;color:var(--be155-soft)}
.cookie-floating-shell .be-ck-pref input{width:18px;height:18px;accent-color:var(--be155-wine);flex:0 0 18px}
.cookie-floating-shell .be-ck-prefs #ckSave{justify-self:end;margin-top:4px}
@media (max-width:640px){
  .cookie-floating-shell .be-ck{width:calc(100vw - 16px);border-radius:16px}
  .cookie-floating-shell .be-ck-row{flex-wrap:wrap;gap:8px 10px;padding:10px 12px}
  .cookie-floating-shell .be-ck-logo{width:22px;height:22px;flex-basis:22px;align-self:flex-start;margin-top:1px}
  .cookie-floating-shell .be-ck-txt{flex:1 1 calc(100% - 34px)}
  .cookie-floating-shell .be-ck-txt p{font-size:.7rem}
  .cookie-floating-shell .be-ck-actions{flex:1 1 100%;justify-content:flex-end}
  .cookie-floating-shell .be-ck-actions .be-ck-link{margin-right:auto}
  .cookie-floating-shell .be-ck-btn{padding:9px 12px;font-size:.72rem}
}

/* ---------- 2. Instalar como app ---------- */
.be155-install{
  position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:2147481500;
  width:min(440px,calc(100vw - 20px));transform:translateX(-50%);
  background:var(--be155-cream);color:var(--be155-ink);
  border:1px solid var(--be155-line);border-radius:22px;
  box-shadow:0 22px 60px rgba(47,38,36,.24);
  font-family:var(--font-body,system-ui,sans-serif);
  animation:be155-sheet .38s cubic-bezier(.2,.8,.2,1) both;
}
.be155-install-head{display:flex;gap:12px;align-items:center;padding:16px 16px 6px}
.be155-install-icon{width:52px;height:52px;border-radius:14px;flex:0 0 52px;box-shadow:0 6px 16px rgba(125,79,80,.25);object-fit:cover;background:#fff}
.be155-install-head h3{margin:0;font:600 1.02rem/1.2 var(--font-body,system-ui,sans-serif);color:var(--be155-ink)}
.be155-install-head p{margin:3px 0 0;font-size:.8rem;line-height:1.4;color:var(--be155-soft)}
.be155-install-close{position:absolute;top:8px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--be155-soft);font-size:1.1rem;cursor:pointer}
.be155-install-close:hover{background:rgba(125,79,80,.08)}
.be155-install-perks{display:flex;gap:6px;flex-wrap:wrap;padding:6px 16px 2px;margin:0;list-style:none}
.be155-install-perks li{font-size:.72rem;color:var(--be155-wine);background:rgba(192,138,125,.13);border-radius:999px;padding:4px 10px}
.be155-install-steps{margin:8px 16px 4px;padding:10px 12px;border-radius:14px;background:#fff;border:1px dashed var(--be155-line);display:grid;gap:8px;counter-reset:be155}
.be155-install-steps div{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;line-height:1.45}
.be155-install-steps div>span{flex:1 1 auto;padding-top:1px}
.be155-install-steps div::before{counter-increment:be155;content:counter(be155);flex:0 0 22px;height:22px;border-radius:50%;background:var(--be155-wine);color:#fff;font-size:.7rem;font-weight:600;display:grid;place-items:center}
.be155-install-steps .be155-glyph{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 5px;border-radius:6px;background:rgba(125,79,80,.1);color:var(--be155-wine);font-weight:600}
.be155-install-actions{display:flex;gap:8px;justify-content:flex-end;padding:10px 16px 16px}
.be155-btn{appearance:none;border:0;border-radius:999px;padding:11px 18px;font:600 .84rem/1 var(--font-body,system-ui,sans-serif);cursor:pointer;background:var(--be155-wine);color:#fff;transition:background .18s ease,transform .18s ease}
.be155-btn:hover{background:var(--be155-wine-deep)}
.be155-btn:active{transform:scale(.97)}
.be155-btn-ghost{background:transparent;color:var(--be155-soft)}
.be155-btn-ghost:hover{background:rgba(125,79,80,.07)}
.be155-btn:focus-visible,.be155-install-close:focus-visible{outline:2px solid var(--be155-rose);outline-offset:2px}

/* ---------- 3. Barra inferior de cadastro (landing) ---------- */
.be155-signbar{
  position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:900;
  display:flex;align-items:center;gap:14px;
  padding:7px 7px 7px 18px;border-radius:999px;
  background:#fffaf8;color:var(--be155-ink);
  border:1px solid rgba(125,79,80,.28);
  box-shadow:0 14px 38px rgba(47,38,36,.22),0 2px 6px rgba(47,38,36,.08);
  -webkit-backdrop-filter:saturate(1.3) blur(12px);backdrop-filter:saturate(1.3) blur(12px);
  font-family:var(--font-body,system-ui,sans-serif);
  transform:translate(-50%,140%);opacity:0;pointer-events:none;
  transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease;
}
.be155-signbar.is-on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.be155-signbar-txt{display:grid;line-height:1.2}
.be155-signbar-txt b{font-size:.88rem;font-weight:700;color:#2f2624!important}
.be155-signbar-txt small{font-size:.74rem;color:#5d4f4d!important}
.be155-signbar .be155-btn{background:#7d4f50!important;color:#fff!important}
.be155-signbar .be155-btn{padding:11px 18px;white-space:nowrap}
.be155-signbar-x{appearance:none;border:0;background:none;color:var(--be155-soft);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:.95rem;flex:0 0 28px}
.be155-signbar-x:hover{background:rgba(125,79,80,.08)}
@media (max-width:640px){
  .be155-signbar{left:10px;right:72px;transform:translateY(140%);gap:8px;padding:6px 6px 6px 14px}
  .be155-signbar.is-on{transform:translateY(0)}
  .be155-signbar-txt b{font-size:.78rem}
  .be155-signbar-txt small{font-size:.66rem}
  .be155-signbar .be155-btn{padding:10px 13px;font-size:.78rem}
  .be155-signbar-x{display:none}
}
body.be155-has-overlay .be155-signbar{transform:translate(-50%,140%);opacity:0;pointer-events:none}
@media (max-width:640px){body.be155-has-overlay .be155-signbar{transform:translateY(140%)}}

/* ---------- 4. Superadmin: cancelar pedido ---------- */
.be155-cancel-order{border:1px solid #d9534f!important;color:#b23b37!important;background:#fff!important}
.be155-cancel-order:hover{background:#fdf0ef!important}

/* ---------- modo escuro ---------- */
/* R14.7.157: a barra ficava escura com texto escuro quando o sistema estava em modo escuro. Agora é sempre clara e sólida. */
html[data-panel-theme="dark"] .be155-install,
html[data-panel-theme="dark"] .cookie-floating-shell .be-ck{background:#2a2221;color:#f4ece9;border-color:rgba(255,255,255,.12)}
html[data-panel-theme="dark"] .be155-install-head h3,
html[data-panel-theme="dark"] .cookie-floating-shell .be-ck-txt h2,
html[data-panel-theme="dark"] .cookie-floating-shell .be-ck-pref b{color:#f4ece9}
html[data-panel-theme="dark"] .be155-install-head p,
html[data-panel-theme="dark"] .cookie-floating-shell .be-ck-txt p,
html[data-panel-theme="dark"] .cookie-floating-shell .be-ck-pref small{color:#cbbdb9}
html[data-panel-theme="dark"] .be155-install-steps{background:#342a29;border-color:rgba(255,255,255,.14)}
html[data-panel-theme="dark"] .cookie-floating-shell .be-ck-txt a{color:#e8b9ad}

@keyframes be155-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes be155-sheet{from{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){
  .cookie-floating-shell .be-ck,.be155-install{animation:none}
  .be155-signbar{transition:none}
}