/* FOODOS CUSTOMER CLUB CRM - PREMIUM MOBILE UI */
.cc-shell{
  width:100%;
  max-width:none;
  margin:0;
  min-height:100%;
  padding-bottom:96px;
  direction:rtl;
}
.cc-topbar-premium{position:sticky;top:0;z-index:30}
.cc-header-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.cc-topbar-logo{background:linear-gradient(135deg, rgba(245,158,11,.16), rgba(14,165,233,.18));color:var(--primary,#0ea5e9)}
.cc-btn{border:none;border-radius:16px;padding:10px 14px;font-weight:800;font-size:.84rem;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}
.cc-btn:active{transform:scale(.98)}
.cc-btn-primary{background:linear-gradient(135deg,var(--primary,#0ea5e9),#38bdf8);color:#fff;box-shadow:0 12px 24px rgba(14,165,233,.16)}
.cc-btn-soft{background:rgba(14,165,233,.09);color:var(--primary,#0ea5e9);border:1px solid rgba(14,165,233,.18)}
.cc-btn-ghost{background:transparent;color:var(--text-main,#0f172a);border:1px solid rgba(148,163,184,.2)}
.cc-link-btn{border:none;background:transparent;color:var(--primary,#0ea5e9);font-weight:800;font-size:.82rem;cursor:pointer}

.cc-skeleton-stack{display:grid;gap:14px}
.cc-skeleton-card{height:108px;border-radius:24px;background:linear-gradient(110deg,rgba(226,232,240,.7) 8%, rgba(241,245,249,.92) 18%, rgba(226,232,240,.7) 33%);background-size:200% 100%;animation:ccShimmer 1.2s linear infinite;border:1px solid rgba(226,232,240,.75)}
.cc-skeleton-card.is-hero{height:190px}
@keyframes ccShimmer{to{background-position:-200% 0}}

.cc-action-hero,
.cc-kpi-card,
.cc-section-card,
.cc-customer-premium,
.cc-micro-chart-card,
.cc-profile-hero-premium,
.cc-progress-card,
.cc-report-card,
.cc-form-card,
.cc-finance-card,
.cc-empty-state,
.cc-error-state{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
  border:1px solid rgba(226,232,240,.88);
  border-radius:24px;
  box-shadow:0 14px 30px rgba(15,23,42,.06);
}
.cc-action-hero{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px 16px;margin-bottom:14px;align-items:stretch;overflow:hidden;position:relative}
.cc-action-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(14,165,233,.12), transparent 40%), radial-gradient(circle at bottom left, rgba(245,158,11,.12), transparent 35%);pointer-events:none}
.cc-action-hero-main,.cc-action-hero-side{position:relative;z-index:1}
.cc-action-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(14,165,233,.09);color:var(--primary,#0ea5e9);font-weight:900;font-size:.74rem;margin-bottom:8px}
.cc-action-hero h2{margin:0 0 8px;font-size:1.15rem;line-height:1.5;color:var(--text-main,#0f172a)}
.cc-action-hero p{margin:0;color:var(--text-muted,#64748b);font-size:.87rem;line-height:1.8}
.cc-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;margin-top:16px}
.cc-action-grid div{background:rgba(255,255,255,.7);border:1px solid rgba(226,232,240,.9);border-radius:18px;padding:12px 10px;text-align:center;backdrop-filter:blur(6px)}
.cc-action-grid strong{display:block;font-size:1rem;color:var(--text-main,#0f172a);margin-bottom:5px}
.cc-action-grid span{display:block;font-size:.74rem;color:var(--text-muted,#64748b)}
.cc-action-hero-side{display:flex;flex-direction:column;gap:10px;justify-content:center;min-width:124px}

.cc-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.cc-kpi-grid.reports{margin-bottom:16px}
.cc-kpi-card{padding:14px 14px 12px;text-align:right;cursor:pointer;display:grid;gap:6px}
.cc-kpi-card span{font-size:.78rem;color:var(--text-muted,#64748b);font-weight:700}
.cc-kpi-card strong{font-size:1.35rem;line-height:1.2;color:var(--text-main,#0f172a)}
.cc-kpi-card small{font-size:.76rem;line-height:1.7;color:var(--text-muted,#64748b)}
.cc-kpi-card.tone-gold{background:linear-gradient(180deg, rgba(255,251,235,.98), rgba(255,247,237,.96));border-color:rgba(251,191,36,.24)}
.cc-kpi-card.tone-danger{background:linear-gradient(180deg, rgba(254,242,242,.98), rgba(255,247,247,.96));border-color:rgba(248,113,113,.22)}
.cc-kpi-card.tone-sky{background:linear-gradient(180deg, rgba(240,249,255,.98), rgba(247,251,255,.96));border-color:rgba(56,189,248,.2)}
.cc-kpi-card.tone-slate{background:linear-gradient(180deg, rgba(248,250,252,.98), rgba(241,245,249,.96));border-color:rgba(148,163,184,.2)}
.cc-kpi-card.tone-amber{background:linear-gradient(180deg, rgba(255,251,235,.98), rgba(255,247,237,.96));border-color:rgba(245,158,11,.22)}
.cc-kpi-card.tone-success{background:linear-gradient(180deg, rgba(240,253,244,.98), rgba(247,254,249,.96));border-color:rgba(74,222,128,.24)}

.cc-content-stack{display:grid;gap:14px}
.cc-section-card{padding:14px}
.cc-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.cc-section-head strong{display:block;font-size:.97rem;color:var(--text-main,#0f172a)}
.cc-section-head p{margin:4px 0 0;font-size:.79rem;color:var(--text-muted,#64748b);line-height:1.7}

.cc-mini-customer-card,.cc-followup-card,.cc-order-row{border:1px solid rgba(226,232,240,.86);border-radius:20px;background:rgba(255,255,255,.78);padding:13px 12px}
.cc-mini-customer-card + .cc-mini-customer-card,
.cc-followup-card + .cc-followup-card,
.cc-order-row + .cc-order-row{margin-top:10px}
.cc-mini-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;cursor:pointer}
.cc-mini-card-top strong{display:block;font-size:.94rem;color:var(--text-main,#0f172a)}
.cc-mini-card-top p{margin:3px 0 0;font-size:.78rem;color:var(--text-muted,#64748b)}
.cc-mini-card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}
.cc-mini-card-meta small{color:var(--text-muted,#64748b);font-size:.74rem}

.cc-searchbar{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:22px;border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(15,23,42,.05);margin-bottom:12px}
.cc-searchbar span{color:var(--text-muted,#64748b);display:flex;align-items:center;justify-content:center}
.cc-searchbar input{border:none;background:transparent;outline:none;width:100%;font-size:.9rem;color:var(--text-main,#0f172a);font-family:inherit}
.cc-searchbar input::placeholder{color:var(--text-muted,#94a3b8)}
.cc-filter-strip{display:flex;gap:8px;overflow:auto;padding-bottom:4px;margin-bottom:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cc-filter-strip::-webkit-scrollbar{display:none}
.cc-filter-strip button{flex:0 0 auto;border:1px solid rgba(203,213,225,.86);background:rgba(255,255,255,.9);border-radius:999px;padding:9px 13px;font-weight:800;font-size:.78rem;color:var(--text-muted,#475569);cursor:pointer}
.cc-filter-strip button.active{background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.28);color:var(--primary,#0ea5e9)}
.cc-customer-list{display:grid;gap:12px}
.cc-customer-premium{padding:14px}
.cc-customer-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.cc-customer-main{display:flex;gap:12px;align-items:flex-start;cursor:pointer;min-width:0;flex:1}
.cc-avatar{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;color:#0f172a;background:rgba(14,165,233,.12);flex:0 0 auto}
.cc-avatar.xl{width:58px;height:58px;border-radius:20px;font-size:1.2rem}
.cc-avatar.tone-gold,.cc-level-pill.tone-gold{background:rgba(245,158,11,.16);color:#b45309}
.cc-avatar.tone-amber,.cc-level-pill.tone-amber{background:rgba(251,191,36,.15);color:#92400e}
.cc-avatar.tone-sky,.cc-level-pill.tone-sky{background:rgba(14,165,233,.13);color:#0369a1}
.cc-avatar.tone-slate,.cc-level-pill.tone-slate{background:rgba(148,163,184,.14);color:#475569}
.cc-customer-copy{min-width:0;flex:1}
.cc-customer-copy strong{display:block;font-size:1rem;color:var(--text-main,#0f172a);margin-bottom:4px;line-height:1.6}
.cc-customer-copy p{margin:0 0 8px;font-size:.78rem;color:var(--text-muted,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-inline-badges{display:flex;flex-wrap:wrap;gap:6px}
.cc-badge,.cc-level-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:800;border:1px solid transparent;white-space:nowrap}
.cc-badge.tone-gold{background:rgba(245,158,11,.12);color:#b45309;border-color:rgba(245,158,11,.18)}
.cc-badge.tone-danger{background:rgba(239,68,68,.11);color:#b91c1c;border-color:rgba(248,113,113,.2)}
.cc-badge.tone-success{background:rgba(34,197,94,.11);color:#15803d;border-color:rgba(74,222,128,.2)}
.cc-badge.tone-warn{background:rgba(245,158,11,.12);color:#b45309;border-color:rgba(245,158,11,.18)}
.cc-badge.tone-muted{background:rgba(148,163,184,.12);color:#475569;border-color:rgba(148,163,184,.18)}
.cc-badge.tone-slate{background:rgba(71,85,105,.09);color:#475569;border-color:rgba(148,163,184,.18)}
.cc-level-pill{border-color:transparent}
.cc-metric-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 10px}
.cc-metric-line span{padding:11px 10px;border-radius:18px;background:rgba(248,250,252,.92);border:1px solid rgba(226,232,240,.9);text-align:center;display:grid;gap:4px}
.cc-metric-line b{font-size:.88rem;color:var(--text-main,#0f172a)}
.cc-metric-line i{font-style:normal;font-size:.72rem;color:var(--text-muted,#64748b)}
.cc-meta-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px 2px;color:var(--text-muted,#64748b);font-size:.82rem}
.cc-meta-strip b{color:var(--text-main,#0f172a);font-size:.82rem}
.cc-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.cc-inline-actions button{flex:1 1 0;border:none;border-radius:16px;padding:10px 10px;background:rgba(241,245,249,.96);color:var(--text-main,#0f172a);font-weight:800;font-size:.78rem;cursor:pointer;min-width:0}
.cc-inline-actions button.primary{background:linear-gradient(135deg,var(--primary,#0ea5e9),#38bdf8);color:#fff}
.cc-inline-actions.compact button{padding:9px 10px;flex:0 1 auto}
.cc-inline-actions button[disabled]{opacity:.6;cursor:not-allowed}

.cc-tabbar{display:flex;gap:8px;overflow:auto;padding-bottom:6px;margin-bottom:12px;scrollbar-width:none}
.cc-tabbar::-webkit-scrollbar{display:none}
.cc-tabbar button{flex:0 0 auto;border:none;background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.88);color:var(--text-muted,#475569);padding:10px 14px;border-radius:18px;font-weight:800;font-size:.82rem;cursor:pointer}
.cc-tabbar button.active{background:rgba(14,165,233,.11);border-color:rgba(14,165,233,.24);color:var(--primary,#0ea5e9)}
.cc-tab-content{display:grid;gap:14px}
.cc-profile-hero-premium{padding:16px;overflow:hidden;position:relative}
.cc-profile-hero-premium:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left, rgba(255,255,255,.55), transparent 35%), radial-gradient(circle at bottom right, rgba(14,165,233,.10), transparent 42%);pointer-events:none}
.cc-profile-hero-head{display:flex;gap:12px;align-items:flex-start;position:relative;z-index:1}
.cc-profile-copy{min-width:0;flex:1}
.cc-profile-copy h2{margin:10px 0 5px;font-size:1.18rem;line-height:1.5;color:var(--text-main,#0f172a)}
.cc-profile-copy p{margin:0;font-size:.8rem;color:var(--text-muted,#64748b)}
.cc-primary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;position:relative;z-index:1}
.cc-primary-stats div{padding:12px;border-radius:18px;border:1px solid rgba(226,232,240,.86);background:rgba(255,255,255,.72);display:grid;gap:6px}
.cc-primary-stats span{font-size:.75rem;color:var(--text-muted,#64748b)}
.cc-primary-stats strong{font-size:.96rem;color:var(--text-main,#0f172a);line-height:1.5}
.cc-secondary-strip{margin-top:12px;padding:12px 14px;border-radius:18px;background:rgba(15,23,42,.035);display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--text-muted,#64748b);font-size:.82rem;position:relative;z-index:1}
.cc-secondary-strip b{color:var(--text-main,#0f172a)}
.cc-profile-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;position:relative;z-index:1}
.cc-profile-info-grid div{padding:11px 12px;border-radius:18px;border:1px solid rgba(226,232,240,.78);background:rgba(255,255,255,.58);display:grid;gap:5px;min-width:0}
.cc-profile-info-grid span{font-size:.72rem;color:var(--text-muted,#64748b)}
.cc-profile-info-grid b{font-size:.82rem;color:var(--text-main,#0f172a);line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-progress-card{padding:14px}
.cc-progress-track{height:12px;background:rgba(226,232,240,.8);border-radius:999px;overflow:hidden}
.cc-progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#38bdf8)}
.cc-smart-summary{display:grid;gap:10px}
.cc-smart-line{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:20px;border:1px solid rgba(226,232,240,.88);background:rgba(255,255,255,.86);color:var(--text-main,#0f172a);font-size:.85rem;line-height:1.9}
.cc-smart-line .pc-svg-icon{color:var(--primary,#0ea5e9);margin-top:3px;flex:0 0 auto}
.cc-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cc-quick-grid button{border:none;border-radius:20px;padding:14px 10px;background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.9);cursor:pointer;display:grid;justify-items:center;gap:8px;color:var(--text-main,#0f172a);font-weight:800;font-size:.77rem}
.cc-quick-grid span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:rgba(14,165,233,.1);color:var(--primary,#0ea5e9)}

.cc-timeline-list{display:grid;gap:10px}
.cc-timeline-item{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(226,232,240,.88)}
.cc-timeline-dot{width:12px;height:12px;border-radius:999px;background:var(--primary,#0ea5e9);margin-top:7px;flex:0 0 auto;box-shadow:0 0 0 4px rgba(14,165,233,.12)}
.cc-timeline-item.tone-success .cc-timeline-dot{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.cc-timeline-item.tone-danger .cc-timeline-dot{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.12)}
.cc-timeline-item.tone-warn .cc-timeline-dot,.cc-timeline-item.tone-amber .cc-timeline-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12)}
.cc-timeline-item.tone-slate .cc-timeline-dot{background:#64748b;box-shadow:0 0 0 4px rgba(100,116,139,.12)}
.cc-timeline-content strong{display:block;font-size:.9rem;color:var(--text-main,#0f172a);margin-bottom:4px}
.cc-timeline-content p{margin:0 0 4px;font-size:.81rem;line-height:1.8;color:var(--text-main,#334155)}
.cc-timeline-content small{color:var(--text-muted,#64748b);font-size:.73rem}

.cc-row-list{display:grid;gap:10px}
.cc-order-row strong{display:block;font-size:.92rem;color:var(--text-main,#0f172a);margin-bottom:4px}
.cc-order-row p{margin:0 0 6px;font-size:.8rem;line-height:1.8;color:var(--text-main,#334155)}
.cc-order-row small{font-size:.72rem;color:var(--text-muted,#64748b)}
.cc-finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cc-finance-card{padding:14px}
.cc-finance-card span{display:block;font-size:.76rem;color:var(--text-muted,#64748b);margin-bottom:6px}
.cc-finance-card strong{display:block;font-size:1rem;color:var(--text-main,#0f172a);line-height:1.5}

.cc-followup-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:6px}
.cc-followup-body strong{font-size:.92rem;color:var(--text-main,#0f172a)}
.cc-followup-body p{margin:0 0 4px;font-size:.8rem;color:var(--text-main,#334155)}
.cc-followup-body small{font-size:.73rem;color:var(--text-muted,#64748b)}
.cc-followup-card.tone-urgent{border-color:rgba(248,113,113,.35)}
.cc-followup-card.tone-important{border-color:rgba(245,158,11,.3)}

.cc-report-grid{display:grid;gap:14px}
.cc-report-list{display:grid;gap:8px}
.cc-report-row{border:none;background:rgba(248,250,252,.9);border:1px solid rgba(226,232,240,.86);border-radius:16px;padding:11px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--text-main,#0f172a);cursor:pointer}
.cc-report-row b{font-size:.83rem}
.cc-report-row span{font-size:.75rem;color:var(--text-muted,#64748b)}
.cc-empty-inline{font-size:.8rem;color:var(--text-muted,#64748b);padding:6px 0}
.cc-level-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cc-level-breakdown div{padding:12px;border-radius:18px;background:rgba(248,250,252,.92);border:1px solid rgba(226,232,240,.88);display:flex;justify-content:space-between;align-items:center;gap:8px}
.cc-level-breakdown span{font-size:.78rem;color:var(--text-muted,#64748b)}
.cc-level-breakdown b{font-size:.95rem;color:var(--text-main,#0f172a)}

.cc-micro-chart-card{padding:14px}
.cc-mini-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;height:144px}
.cc-mini-bar{display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:flex-end;height:100%}
.cc-mini-bar i{display:block;width:100%;max-width:28px;border-radius:999px 999px 12px 12px;background:linear-gradient(180deg, rgba(14,165,233,.92), rgba(56,189,248,.32));min-height:10px}
.cc-mini-bar span{font-size:.67rem;color:var(--text-muted,#64748b)}

.cc-form-shell{display:grid;gap:14px}
.cc-form-card{padding:14px}
.cc-form-card.main{display:grid;gap:12px}
.cc-form-more summary{font-weight:900;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--text-main,#0f172a)}
.cc-form-more summary::-webkit-details-marker{display:none}
.cc-form-more[open] summary{margin-bottom:14px}
.cc-field{display:grid;gap:8px;margin-bottom:12px}
.cc-field:last-child{margin-bottom:0}
.cc-field span{font-size:.79rem;font-weight:800;color:var(--text-main,#334155)}
.cc-field input,.cc-field select,.cc-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(203,213,225,.9);background:rgba(248,250,252,.98);color:var(--text-main,#0f172a);border-radius:18px;padding:12px 13px;font:inherit;outline:none}
.cc-field textarea{min-height:88px;resize:vertical}
.cc-field input:focus,.cc-field select:focus,.cc-field textarea:focus{border-color:rgba(14,165,233,.52);box-shadow:0 0 0 3px rgba(14,165,233,.12)}
.cc-inline-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:18px;border:1px solid rgba(226,232,240,.88);background:rgba(248,250,252,.92);margin-bottom:10px}
.cc-switch-row:last-child{margin-bottom:0}
.cc-switch-row b,.cc-switch-row span{font-size:.84rem;color:var(--text-main,#0f172a);font-weight:800}
.cc-switch-row small{display:block;color:var(--text-muted,#64748b);font-size:.72rem;line-height:1.7;margin-top:2px}
.cc-switch-row input[type="checkbox"]{width:20px;height:20px;accent-color:var(--primary,#0ea5e9)}

.cc-empty-state,.cc-error-state{text-align:center;padding:24px 18px;display:grid;justify-items:center;gap:10px}
.cc-empty-emoji{width:54px;height:54px;border-radius:18px;background:rgba(14,165,233,.1);color:var(--primary,#0ea5e9);display:flex;align-items:center;justify-content:center}
.cc-empty-state strong,.cc-error-title{font-size:1rem;color:var(--text-main,#0f172a)}
.cc-empty-state p,.cc-error-state p{margin:0;color:var(--text-muted,#64748b);font-size:.83rem;line-height:1.9;max-width:280px}

.cc-sheet-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.24);display:flex;align-items:flex-end;justify-content:center;padding:16px;z-index:999;opacity:0;transition:opacity .18s ease}
.cc-sheet-backdrop.open{opacity:1}
.cc-sheet{width:min(430px,100%);max-height:min(86vh,720px);overflow:auto;background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.98));border:1px solid rgba(226,232,240,.9);border-radius:28px 28px 18px 18px;padding:14px;box-shadow:0 20px 48px rgba(15,23,42,.2);transform:translateY(18px);transition:transform .18s ease}
.cc-sheet-backdrop.open .cc-sheet{transform:translateY(0)}
.cc-sheet-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid rgba(226,232,240,.85);margin-bottom:12px}
.cc-sheet-header strong{display:block;font-size:1rem;color:var(--text-main,#0f172a)}
.cc-sheet-header p{margin:4px 0 0;font-size:.78rem;color:var(--text-muted,#64748b);line-height:1.7}
.cc-sheet-close{border:none;background:rgba(241,245,249,.96);width:36px;height:36px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted,#475569)}
.cc-mini-form{display:grid;gap:10px}
.cc-mini-form .cc-btn{margin-top:4px}
.cc-sheet-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cc-sheet-action-grid button{border:none;border-radius:18px;padding:14px 10px;background:rgba(248,250,252,.96);border:1px solid rgba(226,232,240,.88);font-weight:800;color:var(--text-main,#0f172a);cursor:pointer}

@media (max-width:370px){
  .cc-action-hero{grid-template-columns:1fr}
  .cc-action-hero-side{min-width:0}
  .cc-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-inline-two,.cc-finance-grid,.cc-primary-stats,.cc-kpi-grid,.cc-profile-info-grid{grid-template-columns:1fr}
  .cc-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

html.pc-dark-mode .cc-action-hero,
html.pc-dark-mode .cc-kpi-card,
html.pc-dark-mode .cc-section-card,
html.pc-dark-mode .cc-customer-premium,
html.pc-dark-mode .cc-micro-chart-card,
html.pc-dark-mode .cc-profile-hero-premium,
html.pc-dark-mode .cc-progress-card,
html.pc-dark-mode .cc-report-card,
html.pc-dark-mode .cc-form-card,
html.pc-dark-mode .cc-finance-card,
html.pc-dark-mode .cc-empty-state,
html.pc-dark-mode .cc-error-state,
body.pc-dark-mode .cc-action-hero,
body.pc-dark-mode .cc-kpi-card,
body.pc-dark-mode .cc-section-card,
body.pc-dark-mode .cc-customer-premium,
body.pc-dark-mode .cc-micro-chart-card,
body.pc-dark-mode .cc-profile-hero-premium,
body.pc-dark-mode .cc-progress-card,
body.pc-dark-mode .cc-report-card,
body.pc-dark-mode .cc-form-card,
body.pc-dark-mode .cc-finance-card,
body.pc-dark-mode .cc-empty-state,
body.pc-dark-mode .cc-error-state{
  background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(17,24,39,.98))!important;
  border-color:rgba(51,65,85,.92)!important;
  color:#e5e7eb!important;
  box-shadow:0 18px 36px rgba(0,0,0,.22)!important;
}
html.pc-dark-mode .cc-searchbar,body.pc-dark-mode .cc-searchbar,
html.pc-dark-mode .cc-filter-strip button,body.pc-dark-mode .cc-filter-strip button,
html.pc-dark-mode .cc-metric-line span,body.pc-dark-mode .cc-metric-line span,
html.pc-dark-mode .cc-primary-stats div,body.pc-dark-mode .cc-primary-stats div,
html.pc-dark-mode .cc-smart-line,body.pc-dark-mode .cc-smart-line,
html.pc-dark-mode .cc-order-row,body.pc-dark-mode .cc-order-row,
html.pc-dark-mode .cc-mini-customer-card,body.pc-dark-mode .cc-mini-customer-card,
html.pc-dark-mode .cc-followup-card,body.pc-dark-mode .cc-followup-card,
html.pc-dark-mode .cc-level-breakdown div,body.pc-dark-mode .cc-level-breakdown div,
html.pc-dark-mode .cc-report-row,body.pc-dark-mode .cc-report-row,
html.pc-dark-mode .cc-switch-row,body.pc-dark-mode .cc-switch-row,
html.pc-dark-mode .cc-field input,body.pc-dark-mode .cc-field input,
html.pc-dark-mode .cc-field select,body.pc-dark-mode .cc-field select,
html.pc-dark-mode .cc-field textarea,body.pc-dark-mode .cc-field textarea,
html.pc-dark-mode .cc-sheet,body.pc-dark-mode .cc-sheet,
html.pc-dark-mode .cc-sheet-close,body.pc-dark-mode .cc-sheet-close,
html.pc-dark-mode .cc-sheet-action-grid button,body.pc-dark-mode .cc-sheet-action-grid button,
html.pc-dark-mode .cc-inline-actions button,body.pc-dark-mode .cc-inline-actions button,
html.pc-dark-mode .cc-tabbar button,body.pc-dark-mode .cc-tabbar button,
html.pc-dark-mode .cc-secondary-strip,body.pc-dark-mode .cc-secondary-strip,
html.pc-dark-mode .cc-action-grid div,body.pc-dark-mode .cc-action-grid div{
  background:#0b1220!important;
  border-color:#243244!important;
  color:#e5e7eb!important;
}
html.pc-dark-mode .cc-searchbar input,body.pc-dark-mode .cc-searchbar input,
html.pc-dark-mode .cc-field input,body.pc-dark-mode .cc-field input,
html.pc-dark-mode .cc-field select,body.pc-dark-mode .cc-field select,
html.pc-dark-mode .cc-field textarea,body.pc-dark-mode .cc-field textarea{color:#e5e7eb!important}
html.pc-dark-mode .cc-customer-copy p,body.pc-dark-mode .cc-customer-copy p,
html.pc-dark-mode .cc-section-head p,body.pc-dark-mode .cc-section-head p,
html.pc-dark-mode .cc-mini-card-top p,body.pc-dark-mode .cc-mini-card-top p,
html.pc-dark-mode .cc-mini-card-meta small,body.pc-dark-mode .cc-mini-card-meta small,
html.pc-dark-mode .cc-order-row p,body.pc-dark-mode .cc-order-row p,
html.pc-dark-mode .cc-order-row small,body.pc-dark-mode .cc-order-row small,
html.pc-dark-mode .cc-followup-body p,body.pc-dark-mode .cc-followup-body p,
html.pc-dark-mode .cc-followup-body small,body.pc-dark-mode .cc-followup-body small,
html.pc-dark-mode .cc-smart-line,body.pc-dark-mode .cc-smart-line,
html.pc-dark-mode .cc-sheet-header p,body.pc-dark-mode .cc-sheet-header p,
html.pc-dark-mode .cc-empty-state p,body.pc-dark-mode .cc-empty-state p,
html.pc-dark-mode .cc-error-state p,body.pc-dark-mode .cc-error-state p,
html.pc-dark-mode .cc-profile-copy p,body.pc-dark-mode .cc-profile-copy p,
html.pc-dark-mode .cc-secondary-strip,body.pc-dark-mode .cc-secondary-strip,
html.pc-dark-mode .cc-kpi-card span,body.pc-dark-mode .cc-kpi-card span,
html.pc-dark-mode .cc-kpi-card small,body.pc-dark-mode .cc-kpi-card small,
html.pc-dark-mode .cc-primary-stats span,body.pc-dark-mode .cc-primary-stats span,
html.pc-dark-mode .cc-metric-line i,body.pc-dark-mode .cc-metric-line i,
html.pc-dark-mode .cc-level-breakdown span,body.pc-dark-mode .cc-level-breakdown span,
html.pc-dark-mode .cc-mini-bar span,body.pc-dark-mode .cc-mini-bar span{
  color:#94a3b8!important;
}
html.pc-dark-mode .cc-action-hero h2,body.pc-dark-mode .cc-action-hero h2,
html.pc-dark-mode .cc-action-hero p,body.pc-dark-mode .cc-action-hero p,
html.pc-dark-mode .cc-kpi-card strong,body.pc-dark-mode .cc-kpi-card strong,
html.pc-dark-mode .cc-customer-copy strong,body.pc-dark-mode .cc-customer-copy strong,
html.pc-dark-mode .cc-meta-strip b,body.pc-dark-mode .cc-meta-strip b,
html.pc-dark-mode .cc-profile-copy h2,body.pc-dark-mode .cc-profile-copy h2,
html.pc-dark-mode .cc-primary-stats strong,body.pc-dark-mode .cc-primary-stats strong,
html.pc-dark-mode .cc-finance-card strong,body.pc-dark-mode .cc-finance-card strong,
html.pc-dark-mode .cc-empty-state strong,body.pc-dark-mode .cc-empty-state strong,
html.pc-dark-mode .cc-error-title,body.pc-dark-mode .cc-error-title,
html.pc-dark-mode .cc-section-head strong,body.pc-dark-mode .cc-section-head strong,
html.pc-dark-mode .cc-timeline-content strong,body.pc-dark-mode .cc-timeline-content strong,
html.pc-dark-mode .cc-order-row strong,body.pc-dark-mode .cc-order-row strong,
html.pc-dark-mode .cc-sheet-header strong,body.pc-dark-mode .cc-sheet-header strong,
html.pc-dark-mode .cc-level-breakdown b,body.pc-dark-mode .cc-level-breakdown b,
html.pc-dark-mode .cc-mini-card-top strong,body.pc-dark-mode .cc-mini-card-top strong,
html.pc-dark-mode .cc-followup-body strong,body.pc-dark-mode .cc-followup-body strong{
  color:#f8fafc!important;
}
html.pc-dark-mode .cc-filter-strip button.active,body.pc-dark-mode .cc-filter-strip button.active,
html.pc-dark-mode .cc-tabbar button.active,body.pc-dark-mode .cc-tabbar button.active{background:rgba(56,189,248,.16)!important;border-color:rgba(56,189,248,.32)!important;color:#7dd3fc!important}
html.pc-dark-mode .cc-badge.tone-danger,body.pc-dark-mode .cc-badge.tone-danger{background:rgba(239,68,68,.16)!important;color:#fda4af!important;border-color:rgba(239,68,68,.24)!important}
html.pc-dark-mode .cc-badge.tone-success,body.pc-dark-mode .cc-badge.tone-success{background:rgba(34,197,94,.16)!important;color:#86efac!important;border-color:rgba(34,197,94,.24)!important}
html.pc-dark-mode .cc-badge.tone-warn,body.pc-dark-mode .cc-badge.tone-warn,
html.pc-dark-mode .cc-badge.tone-gold,body.pc-dark-mode .cc-badge.tone-gold{background:rgba(245,158,11,.16)!important;color:#fcd34d!important;border-color:rgba(245,158,11,.24)!important}
html.pc-dark-mode .cc-badge.tone-muted,body.pc-dark-mode .cc-badge.tone-muted,
html.pc-dark-mode .cc-badge.tone-slate,body.pc-dark-mode .cc-badge.tone-slate,
html.pc-dark-mode .cc-level-pill.tone-slate,body.pc-dark-mode .cc-level-pill.tone-slate{background:rgba(71,85,105,.24)!important;color:#cbd5e1!important;border-color:rgba(100,116,139,.3)!important}
html.pc-dark-mode .cc-level-pill.tone-sky,body.pc-dark-mode .cc-level-pill.tone-sky{background:rgba(14,165,233,.18)!important;color:#7dd3fc!important}
html.pc-dark-mode .cc-level-pill.tone-amber,body.pc-dark-mode .cc-level-pill.tone-amber,
html.pc-dark-mode .cc-level-pill.tone-gold,body.pc-dark-mode .cc-level-pill.tone-gold{background:rgba(245,158,11,.18)!important;color:#fcd34d!important}
html.pc-dark-mode .cc-btn-soft,body.pc-dark-mode .cc-btn-soft{background:rgba(56,189,248,.13)!important;border-color:rgba(56,189,248,.24)!important;color:#7dd3fc!important}
html.pc-dark-mode .cc-btn-ghost,body.pc-dark-mode .cc-btn-ghost{background:transparent!important;border-color:#334155!important;color:#e5e7eb!important}
html.pc-dark-mode .cc-sheet-backdrop,body.pc-dark-mode .cc-sheet-backdrop{background:rgba(2,6,23,.6)!important}
html.pc-dark-mode .cc-skeleton-card,body.pc-dark-mode .cc-skeleton-card{background:linear-gradient(110deg,#0b1220 8%, #172133 18%, #0b1220 33%);border-color:#243244}

/* Customer Club selected customer badge inside POS settle modal */
.pc-cc-settle-customer{margin:10px 0 12px;padding:12px 14px;border-radius:20px;border:1px solid rgba(14,165,233,.22);background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(56,189,248,.10) 52%,rgba(255,255,255,.97));display:grid;gap:4px;color:var(--text-main,#0f172a);box-shadow:0 14px 32px rgba(14,165,233,.10)}
.pc-cc-settle-customer strong{font-size:.84rem;font-weight:900;color:var(--text-main,#0f172a)}
.pc-cc-settle-customer span{font-size:.76rem;line-height:1.7;color:var(--text-muted,#64748b)}
.pc-cc-settle-customer button{justify-self:start;border:none;border-radius:12px;background:rgba(239,68,68,.10);color:#b91c1c;font-weight:800;font-size:.72rem;padding:7px 10px;cursor:pointer;margin-top:4px}
.pc-cc-settle-customer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pc-cc-settle-customer-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:0 0 auto}
.pc-cc-settle-customer .pc-customer-history-btn{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;border:none!important;border-radius:10px!important;margin-top:0!important;background:linear-gradient(135deg,#0ea5e9,#38bdf8)!important;color:#fff!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;line-height:0!important;flex:0 0 34px!important;box-shadow:0 10px 20px rgba(14,165,233,.20)!important}
.pc-cc-settle-customer .pc-customer-history-btn.is-disabled,.pc-cc-settle-customer .pc-customer-history-btn:disabled{opacity:.42;background:rgba(148,163,184,.10);color:#94a3b8}
.pc-cc-settle-customer .pc-customer-history-btn .pc-history-icon-svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important}
html.pc-dark-mode .pc-cc-settle-customer,body.pc-dark-mode .pc-cc-settle-customer{background:linear-gradient(135deg,rgba(14,165,233,.24),rgba(56,189,248,.16),rgba(15,23,42,.96))!important;border-color:rgba(56,189,248,.24)!important;color:#e5e7eb!important;box-shadow:0 18px 34px rgba(0,0,0,.22)!important}
html.pc-dark-mode .pc-cc-settle-customer strong,body.pc-dark-mode .pc-cc-settle-customer strong{color:#f8fafc!important}
html.pc-dark-mode .pc-cc-settle-customer span,body.pc-dark-mode .pc-cc-settle-customer span{color:#cbd5e1!important}
html.pc-dark-mode .pc-cc-settle-customer button,body.pc-dark-mode .pc-cc-settle-customer button{background:rgba(239,68,68,.15)!important;color:#fca5a5!important}
html.pc-dark-mode .pc-cc-settle-customer .pc-customer-history-btn,body.pc-dark-mode .pc-cc-settle-customer .pc-customer-history-btn{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;border:none!important;border-radius:10px!important;margin-top:0!important;background:linear-gradient(135deg,#0ea5e9,#38bdf8)!important;color:#fff!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;line-height:0!important;flex:0 0 34px!important;box-shadow:0 12px 22px rgba(14,165,233,.22)!important}
html.pc-dark-mode .pc-cc-settle-customer .pc-customer-history-btn.is-disabled,body.pc-dark-mode .pc-cc-settle-customer .pc-customer-history-btn.is-disabled,html.pc-dark-mode .pc-cc-settle-customer .pc-customer-history-btn:disabled,body.pc-dark-mode .pc-cc-settle-customer .pc-customer-history-btn:disabled{background:rgba(71,85,105,.20)!important;color:#94a3b8!important}


.pc-broken-link-icon-svg{display:block!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;flex:0 0 16px!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.pc-broken-link-icon-svg path,.pc-broken-link-icon-svg circle{fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.pc-cc-settle-customer .pc-cc-unlink-btn{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;border:none!important;border-radius:10px!important;background:#dc2626!important;color:#fff!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;overflow:hidden!important;line-height:0!important;flex:0 0 34px!important;box-shadow:0 10px 20px rgba(220,38,38,.22)!important}
.pc-cc-settle-customer .pc-cc-unlink-btn:hover{background:#b91c1c!important;transform:translateY(-1px)}
.pc-cc-settle-customer .pc-cc-unlink-btn:active{transform:scale(.98)}
html.pc-dark-mode .pc-cc-settle-customer .pc-cc-unlink-btn,body.pc-dark-mode .pc-cc-settle-customer .pc-cc-unlink-btn{background:#ef4444!important;color:#fff!important;box-shadow:0 12px 24px rgba(239,68,68,.24)!important}

.pc-cc-settle-customer-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}

/* FOODOS_V64: premium, aligned customer-club header */
.cc-topbar-premium{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border-radius:0 0 24px 24px!important;border:1px solid rgba(226,232,240,.78)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 12px 30px rgba(15,23,42,.08)!important;direction:rtl!important}
.cc-topbar-premium .pc-module-top-title{text-align:right!important;min-width:0!important}.cc-topbar-premium .pc-module-top-title h1{font-size:1.22rem!important;font-weight:950!important;color:#0f172a!important;margin:0!important;line-height:1.5!important}.cc-topbar-premium .pc-module-top-title p{font-size:.78rem!important;color:#64748b!important;margin:3px 0 0!important;line-height:1.7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cc-topbar-logo,.cc-topbar-premium .pc-module-icon-btn{width:48px!important;height:48px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}.cc-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important}.cc-header-actions .cc-btn{white-space:nowrap!important;padding:11px 14px!important;border-radius:16px!important}
html.pc-dark-mode .cc-topbar-premium,body.pc-dark-mode .cc-topbar-premium{background:rgba(15,23,42,.96)!important;border-color:#243244!important;box-shadow:0 18px 36px rgba(0,0,0,.28)!important}.pc-dark-mode .cc-topbar-premium .pc-module-top-title h1,html.pc-dark-mode .cc-topbar-premium .pc-module-top-title h1{color:#f8fafc!important}.pc-dark-mode .cc-topbar-premium .pc-module-top-title p,html.pc-dark-mode .cc-topbar-premium .pc-module-top-title p{color:#94a3b8!important}


/* V68 - Customer club header alignment fix */
.cc-topbar-premium{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
}
.cc-topbar-premium .cc-topbar-logo{grid-column:1!important;grid-row:1!important;min-width:42px!important}
.cc-topbar-premium .pc-module-top-title{grid-column:2!important;grid-row:1!important;min-width:0!important;overflow:hidden!important;text-align:right!important}
.cc-topbar-premium .pc-module-top-title h1{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:18px!important;line-height:1.45!important}
.cc-topbar-premium .pc-module-top-title p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.cc-header-actions{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;max-width:172px!important;margin-inline-start:0!important;flex:0 0 auto!important}
.cc-header-actions .cc-btn-primary{height:42px!important;max-width:116px!important;padding:0 12px!important;border-radius:15px!important;font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important}
.cc-header-actions .pc-module-icon-btn{width:42px!important;height:42px!important;flex:0 0 42px!important}
@media(max-width:370px){.cc-header-actions{max-width:146px!important;gap:6px!important}.cc-header-actions .cc-btn-primary{max-width:94px!important;padding:0 10px!important;font-size:.74rem!important}.cc-topbar-premium{grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px!important}.cc-topbar-premium .pc-module-top-title h1{font-size:16px!important}}


/* FOODOS_V84_13_DISCOUNT_CODES_START */
.cc-discount-code-form{display:grid;gap:14px}.cc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cc-form-grid label{display:grid;gap:6px;font-size:.78rem;font-weight:850;color:#334155}.cc-form-grid input,.cc-form-grid select{width:100%;min-height:44px;border:1px solid #dbe4ef;border-radius:14px;background:#fff;padding:0 12px;color:#0f172a;outline:none}.cc-form-grid input:focus,.cc-form-grid select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.1)}.cc-form-grid small{font-size:.66rem;color:#94a3b8}.cc-discount-active{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:850}.cc-discount-code-list{display:grid;gap:10px}.cc-discount-code-card{border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#fff}.cc-discount-code-card.is-inactive{opacity:.58}.cc-discount-code-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.cc-discount-code-head>div{display:grid;gap:5px}.cc-discount-code-head code{direction:ltr;text-align:left;font-size:.82rem;font-weight:950;color:#0284c7}.cc-discount-code-head strong{font-size:.92rem}.cc-discount-code-head>span{font-weight:950;color:#047857}.cc-discount-code-card p{margin:8px 0;color:#64748b;font-size:.75rem}.cc-discount-code-meta{display:flex;gap:8px;flex-wrap:wrap;color:#64748b;font-size:.7rem}.cc-discount-code-card .cc-inline-actions .danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.cc-inline-actions button.primary{background:#0ea5e9;color:#fff;border-color:#0ea5e9}@media(max-width:640px){.cc-form-grid{grid-template-columns:1fr}.cc-discount-code-head{align-items:center}}html.pc-dark-mode .cc-discount-code-card,body.pc-dark-mode .cc-discount-code-card,html.pc-dark-mode .cc-form-grid input,body.pc-dark-mode .cc-form-grid input,html.pc-dark-mode .cc-form-grid select,body.pc-dark-mode .cc-form-grid select{background:#111827!important;border-color:#334155!important;color:#f8fafc!important}.pc-dark-mode .cc-form-grid label{color:#cbd5e1}.pc-dark-mode .cc-discount-code-head strong{color:#f8fafc}
/* FOODOS_V84_13_DISCOUNT_CODES_END */


/* FOODOS_V84_14_CUSTOMER_CLUB_NAV_TOOLBAR_START */
.cc-customers-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:14px 0 12px;
  padding:0 2px;
}
.cc-customers-toolbar .cc-btn-primary{
  min-height:44px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.menu-submenu-group{
  width:100%;
  display:grid;
  gap:6px;
}
.menu-submenu-parent{
  width:100%;
  text-align:right;
}
.menu-submenu-parent>span{
  flex:1 1 auto;
  min-width:0;
}
.menu-submenu-arrow{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  transition:transform .2s ease;
}
.menu-submenu-group.is-open .menu-submenu-arrow{
  transform:rotate(-90deg);
}
.menu-submenu{
  display:none;
  margin:0 10px 4px 0;
  padding:6px 12px 6px 0;
  border-right:2px solid color-mix(in srgb,var(--primary,#0ea5e9) 30%,#dbe4ef);
  gap:5px;
}
.menu-submenu-group.is-open .menu-submenu{
  display:grid;
}
.menu-submenu button{
  width:100%;
  min-height:40px;
  padding:9px 12px;
  border:0;
  border-radius:11px;
  background:#f8fafc;
  color:#334155;
  text-align:right;
  font:inherit;
  font-size:.82rem;
  font-weight:800;
  cursor:pointer;
}
.menu-submenu button:active{
  background:color-mix(in srgb,var(--primary,#0ea5e9) 10%,#fff);
  color:var(--primary,#0ea5e9);
}
html.pc-dark-mode .menu-submenu,
body.pc-dark-mode .menu-submenu{
  border-right-color:#334155;
}
html.pc-dark-mode .menu-submenu button,
body.pc-dark-mode .menu-submenu button{
  background:#111827;
  color:#cbd5e1;
}
@media(max-width:430px){
  .cc-customers-toolbar{margin-top:12px}
  .cc-customers-toolbar .cc-btn-primary{width:100%}
}
/* FOODOS_V84_14_CUSTOMER_CLUB_NAV_TOOLBAR_END */

html.pc-dark-mode .cc-profile-info-grid div,body.pc-dark-mode .cc-profile-info-grid div{background:rgba(15,23,42,.58)!important;border-color:rgba(51,65,85,.9)!important}
html.pc-dark-mode .cc-profile-info-grid b,body.pc-dark-mode .cc-profile-info-grid b{color:#f8fafc!important}

/* CUSTOMER CENTER V3 — action-first responsive information architecture */
.cc-shell{max-width:1180px;padding-inline:clamp(12px,2.4vw,28px);box-sizing:border-box}
.cc-topbar-premium{border-radius:0 0 22px 22px;margin-inline:calc(clamp(12px,2.4vw,28px) * -1);padding-inline:clamp(12px,2.4vw,28px)}
.cc-today-board,.cc-profile-header,.cc-loyalty-balance-grid>section{
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.97));
  border:1px solid rgba(226,232,240,.9);border-radius:26px;box-shadow:0 16px 34px rgba(15,23,42,.065)
}
.cc-today-board{display:grid;grid-template-columns:minmax(240px,1.1fr) minmax(360px,1.6fr) auto;gap:20px;align-items:center;padding:22px;margin-bottom:16px;position:relative;overflow:hidden}
.cc-today-board:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(14,165,233,.11),transparent 36%),radial-gradient(circle at 100% 100%,rgba(245,158,11,.09),transparent 30%);pointer-events:none}
.cc-today-board>*{position:relative;z-index:1}
.cc-eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(14,165,233,.1);color:var(--primary,#0ea5e9);font-size:.75rem;font-weight:900}
.cc-today-copy h2{font-size:1.22rem;line-height:1.55;margin:10px 0 5px;color:var(--text-main,#0f172a)}
.cc-today-copy p{font-size:.84rem;line-height:1.8;margin:0;color:var(--text-muted,#64748b)}
.cc-today-metrics{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px}
.cc-today-metrics button{border:1px solid rgba(226,232,240,.9);border-radius:18px;background:rgba(255,255,255,.78);padding:13px 8px;cursor:pointer;text-align:center;transition:.18s ease}
.cc-today-metrics button:hover{transform:translateY(-2px);border-color:rgba(14,165,233,.28)}
.cc-today-metrics button.is-alert{background:rgba(254,242,242,.92);border-color:rgba(248,113,113,.3)}
.cc-today-metrics strong{display:block;font-size:1.25rem;color:var(--text-main,#0f172a)}
.cc-today-metrics span{display:block;margin-top:5px;font-size:.73rem;color:var(--text-muted,#64748b)}
.cc-today-actions{display:grid;gap:9px;min-width:145px}
.cc-kpi-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.cc-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.cc-dashboard-grid>.cc-section-card{margin:0;min-width:0}
.cc-profile-header{padding:20px;margin-bottom:14px;display:grid;grid-template-columns:1fr auto;gap:18px}
.cc-profile-identity{display:flex;align-items:center;gap:14px;min-width:0}
.cc-profile-identity h2{margin:7px 0 3px;font-size:1.35rem;color:var(--text-main,#0f172a)}
.cc-profile-identity p{margin:0;color:var(--text-muted,#64748b);font-size:.83rem}
.cc-profile-main-action{display:flex;align-items:center;gap:8px}
.cc-profile-summary-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cc-profile-summary-grid>div{padding:14px;border:1px solid rgba(226,232,240,.88);background:rgba(248,250,252,.72);border-radius:18px}
.cc-profile-summary-grid span{display:block;font-size:.75rem;color:var(--text-muted,#64748b);margin-bottom:6px}
.cc-profile-summary-grid strong{display:block;font-size:1rem;color:var(--text-main,#0f172a)}
.cc-accounting-notice{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:16px;background:rgba(100,116,139,.07);border:1px dashed rgba(100,116,139,.25)}
.cc-accounting-notice span{font-size:.77rem;color:var(--text-muted,#64748b)}
.cc-accounting-notice b{color:var(--text-main,#0f172a)}
.cc-accounting-notice button{margin-inline-start:auto;border:0;background:transparent;color:var(--primary,#0ea5e9);font-weight:900;cursor:pointer}
.cc-loyalty-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.cc-loyalty-balance-grid>section{padding:17px;display:flex;flex-direction:column;gap:7px;min-width:0}
.cc-loyalty-balance-grid span{font-size:.78rem;color:var(--text-muted,#64748b)}
.cc-loyalty-balance-grid strong{font-size:1.3rem;color:var(--text-main,#0f172a);overflow-wrap:anywhere}
.cc-loyalty-balance-grid small{font-size:.75rem;color:var(--text-muted,#64748b);line-height:1.65;min-height:38px}
.cc-crm-actions{display:flex;gap:9px;margin-bottom:14px}
.cc-form-card h3{margin:0 0 14px;font-size:1rem;color:var(--text-main,#0f172a)}
.cc-form-note{margin:4px 0 0;padding:10px 12px;border-radius:14px;background:rgba(14,165,233,.07);color:var(--text-muted,#64748b);font-size:.78rem;line-height:1.8}
.cc-settings-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cc-settings-sections>.cc-form-card{margin:0}
.cc-level-rules-head,.cc-level-rule{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px;align-items:center}
.cc-level-rules-head{padding:7px 4px;color:var(--text-muted,#64748b);font-size:.72rem;font-weight:800}
.cc-level-rule{margin-top:8px}
.cc-level-rule input{width:100%;box-sizing:border-box;border:1px solid rgba(203,213,225,.9);border-radius:13px;padding:10px;background:#fff;font:inherit;color:var(--text-main,#0f172a)}
.cc-tabbar{position:sticky;top:76px;z-index:20;backdrop-filter:blur(15px);background:rgba(248,250,252,.88);padding:6px;border:1px solid rgba(226,232,240,.8);border-radius:18px;margin-bottom:14px}
.cc-tabbar button{min-height:42px}
.cc-report-row{text-align:right}

html.pc-dark-mode .cc-today-board,body.pc-dark-mode .cc-today-board,
html.pc-dark-mode .cc-profile-header,body.pc-dark-mode .cc-profile-header,
html.pc-dark-mode .cc-loyalty-balance-grid>section,body.pc-dark-mode .cc-loyalty-balance-grid>section{background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(17,24,39,.97));border-color:rgba(51,65,85,.9)}
html.pc-dark-mode .cc-today-metrics button,body.pc-dark-mode .cc-today-metrics button,
html.pc-dark-mode .cc-profile-summary-grid>div,body.pc-dark-mode .cc-profile-summary-grid>div{background:rgba(30,41,59,.72);border-color:rgba(51,65,85,.9)}
html.pc-dark-mode .cc-level-rule input,body.pc-dark-mode .cc-level-rule input{background:#111827;border-color:#334155;color:#f8fafc}
html.pc-dark-mode .cc-tabbar,body.pc-dark-mode .cc-tabbar{background:rgba(15,23,42,.86);border-color:#334155}

@media(max-width:900px){
  .cc-today-board{grid-template-columns:1fr}.cc-today-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-kpi-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-settings-sections{grid-template-columns:1fr}
}
@media(max-width:680px){
  .cc-shell{max-width:520px;padding-inline:10px}.cc-topbar-premium{margin-inline:-10px;padding-inline:10px}.cc-dashboard-grid{grid-template-columns:1fr}.cc-today-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-profile-header{grid-template-columns:1fr}.cc-profile-main-action{grid-row:2}.cc-profile-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-loyalty-balance-grid{grid-template-columns:1fr}.cc-tabbar{top:68px}.cc-crm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .cc-today-board{padding:16px}.cc-today-actions{grid-template-columns:1fr}.cc-kpi-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-profile-main-action{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cc-profile-summary-grid{grid-template-columns:1fr 1fr}.cc-level-rules-head{display:none}.cc-level-rule{grid-template-columns:1fr}.cc-accounting-notice button{width:100%;text-align:right;margin:0}
}

/* CUSTOMER CENTER AUTOMATION V1 */
.cc-automation-glance,.cc-auto-warning,.cc-auto-overview,.cc-auto-template-hero,.cc-auto-editor-head{
  border:1px solid rgba(226,232,240,.92);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:22px;box-shadow:0 12px 28px rgba(15,23,42,.05)
}
.cc-automation-glance{padding:18px;margin:14px 0}
.cc-auto-glance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.cc-auto-glance-metrics button{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:13px;text-align:right;cursor:pointer;transition:.18s ease}
.cc-auto-glance-metrics button:hover{border-color:rgba(14,165,233,.34);transform:translateY(-1px)}
.cc-auto-glance-metrics strong{display:block;font-size:1.15rem;color:#0f172a}.cc-auto-glance-metrics span{display:block;margin-top:5px;font-size:.73rem;color:#64748b}
.cc-auto-setup-note{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;color:#9a3412;font-size:.78rem}
.cc-auto-setup-note button{margin-inline-start:auto;border:0;background:transparent;color:#c2410c;font:inherit;font-weight:900;cursor:pointer}
.cc-auto-nav{display:flex;gap:5px;padding:5px;background:#eef2f7;border:1px solid #e2e8f0;border-radius:16px;margin:12px 0 16px;overflow:auto}
.cc-auto-nav button{white-space:nowrap;border:0;background:transparent;border-radius:12px;padding:9px 14px;color:#64748b;font:inherit;font-size:.79rem;font-weight:850;cursor:pointer}
.cc-auto-nav button.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.cc-auto-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px;margin-bottom:14px}
.cc-auto-overview>div{padding:13px 14px;border-inline-end:1px solid #e2e8f0}.cc-auto-overview>div:last-child{border:0}
.cc-auto-overview span{display:block;color:#64748b;font-size:.72rem;margin-bottom:5px}.cc-auto-overview strong{font-size:1.15rem;color:#0f172a}
.cc-auto-warning{padding:15px 17px;margin-bottom:14px;display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,#fffbeb,#fff7ed);border-color:#fde68a}
.cc-auto-warning strong{color:#92400e}.cc-auto-warning p{margin:4px 0 0;color:#a16207;font-size:.78rem;line-height:1.7}.cc-auto-warning .cc-btn{margin-inline-start:auto;flex:0 0 auto}
.cc-auto-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 2px 10px}.cc-auto-list-head h2{font-size:1rem;margin:0;color:#0f172a}.cc-auto-list-head p{margin:3px 0 0;color:#64748b;font-size:.75rem}
.cc-auto-list{display:grid;gap:12px}
.cc-auto-card{border:1px solid #e2e8f0;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.045);transition:.18s ease}
.cc-auto-card.is-active{border-color:rgba(16,185,129,.27)}.cc-auto-card:hover{box-shadow:0 13px 30px rgba(15,23,42,.07)}
.cc-auto-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start;padding:17px 17px 12px}
.cc-auto-card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#f1f5f9;font-size:1.35rem}
.cc-auto-card-head h3{margin:7px 0 2px;color:#0f172a;font-size:.96rem}.cc-auto-card-head p{margin:0;color:#64748b;font-size:.75rem;line-height:1.7}
.cc-auto-toggle{position:relative;width:42px;height:24px}.cc-auto-toggle input{opacity:0;position:absolute}.cc-auto-toggle span{position:absolute;inset:0;background:#cbd5e1;border-radius:99px;cursor:pointer;transition:.18s}.cc-auto-toggle span:after{content:"";position:absolute;width:18px;height:18px;top:3px;right:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(15,23,42,.2);transition:.18s}.cc-auto-toggle input:checked+span{background:#10b981}.cc-auto-toggle input:checked+span:after{transform:translateX(-18px)}
.cc-auto-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;padding:12px 17px;background:#f8fafc;border-block:1px solid #eef2f7}
.cc-auto-flow div{min-width:0}.cc-auto-flow b,.cc-auto-flow span{display:block}.cc-auto-flow b{font-size:.69rem;color:#64748b;margin-bottom:4px}.cc-auto-flow span{font-size:.77rem;color:#0f172a;line-height:1.6}.cc-auto-flow i{font-style:normal;color:#94a3b8}
.cc-auto-card-foot{display:grid;grid-template-columns:repeat(3,minmax(70px,100px)) 1fr;gap:8px;align-items:center;padding:12px 17px}.cc-auto-card-foot>div:not(.cc-auto-actions) span{display:block;color:#94a3b8;font-size:.66rem}.cc-auto-card-foot>div:not(.cc-auto-actions) b{font-size:.86rem;color:#334155}.cc-auto-actions{display:flex;justify-content:flex-end;gap:7px}.cc-auto-actions button{border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:10px;padding:7px 10px;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.cc-auto-actions button.danger{color:#b91c1c}
.cc-auto-template-hero{padding:22px 24px;margin-bottom:17px}.cc-auto-template-hero h2{margin:10px 0 5px;color:#0f172a;font-size:1.22rem}.cc-auto-template-hero p{margin:0;color:#64748b;font-size:.82rem}
.cc-auto-template-section{margin:20px 0}.cc-auto-template-section>h3{font-size:.9rem;color:#334155;margin:0 2px 10px}
.cc-auto-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cc-auto-template-card,.cc-auto-custom-card{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:15px;text-align:right;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:start;cursor:pointer;transition:.18s;font:inherit;color:inherit}
.cc-auto-template-card:hover,.cc-auto-custom-card:hover{border-color:rgba(14,165,233,.38);transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,23,42,.055)}
.cc-auto-template-icon{width:40px;height:40px;display:grid;place-items:center;background:#f8fafc;border-radius:13px;font-size:1.25rem}.cc-auto-template-card strong,.cc-auto-custom-card strong{display:block;color:#0f172a;font-size:.85rem}.cc-auto-template-card p,.cc-auto-custom-card p{margin:4px 0 7px;color:#64748b;font-size:.72rem;line-height:1.65}.cc-auto-template-card small{color:#94a3b8;font-size:.66rem}.cc-auto-template-card>i{font-style:normal;color:#0284c7;font-size:.7rem;font-weight:900}.cc-auto-custom-card{width:100%;margin-top:8px;background:#f8fafc}.cc-auto-custom-card>span{font-size:1.35rem}
.cc-auto-editor{display:grid;gap:13px;max-width:940px;margin:0 auto}.cc-auto-editor-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.cc-auto-editor-head h2{margin:8px 0 3px;font-size:1.15rem;color:#0f172a}.cc-auto-editor-head p{margin:0;color:#64748b;font-size:.77rem}
.cc-auto-step{display:grid;grid-template-columns:40px 1fr;gap:12px;border:1px solid #e2e8f0;background:#fff;border-radius:20px;padding:17px}.cc-auto-step-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0f172a;color:#fff;font-size:.8rem;font-weight:900}.cc-auto-step-body{min-width:0}.cc-auto-step-body>h3{margin:3px 0 2px;color:#0f172a;font-size:.95rem}.cc-auto-step-body>p{margin:0 0 14px;color:#64748b;font-size:.74rem}.cc-auto-step [hidden]{display:none!important}
.cc-variable-pills{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.cc-variable-pills button{border:1px solid #dbeafe;background:#eff6ff;color:#0369a1;border-radius:99px;padding:6px 9px;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}
.cc-sms-compose{display:grid;grid-template-columns:minmax(230px,1fr) minmax(170px,.65fr);gap:13px;align-items:start}.cc-phone-preview{border:1px solid #dbe3ec;border-radius:18px;background:#f8fafc;padding:12px;min-height:122px}.cc-phone-preview-top{font-size:.67rem;color:#94a3b8;border-bottom:1px solid #e2e8f0;padding-bottom:7px}.cc-phone-preview p{margin:10px 0 0;white-space:pre-wrap;color:#334155;font-size:.78rem;line-height:1.9}.cc-sms-meta{display:flex;flex-direction:column;gap:6px;padding-top:5px;color:#64748b;font-size:.72rem}.cc-sms-meta span{font-weight:800;color:#334155}.cc-sms-meta small{line-height:1.65}
.cc-auto-editor-actions{position:sticky;bottom:10px;z-index:12;display:flex;justify-content:flex-end;gap:8px;padding:10px;border:1px solid rgba(226,232,240,.9);border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(15,23,42,.08)}
.cc-auto-run-filters{display:flex;gap:6px;overflow:auto;margin-bottom:12px}.cc-auto-run-filters button{border:1px solid #e2e8f0;background:#fff;border-radius:99px;padding:7px 12px;font:inherit;font-size:.72rem;color:#64748b;cursor:pointer;white-space:nowrap}.cc-auto-run-filters button.active{background:#0f172a;color:#fff;border-color:#0f172a}
.cc-communication-timeline{display:grid}.cc-auto-run-row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;padding:12px 3px;border-bottom:1px solid #eef2f7;align-items:start}.cc-auto-run-row:last-child{border-bottom:0}.cc-auto-run-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;background:#94a3b8}.cc-auto-run-dot.is-success{background:#10b981}.cc-auto-run-dot.is-amber{background:#f59e0b}.cc-auto-run-dot.is-danger{background:#ef4444}.cc-auto-run-main strong{font-size:.8rem;color:#0f172a}.cc-auto-run-main p{margin:3px 0;color:#64748b;font-size:.72rem}.cc-auto-run-main small{font-size:.66rem;color:#94a3b8;line-height:1.6}
.cc-auto-test-card{align-self:start}.cc-auto-test-card>p{font-size:.75rem;color:#64748b;line-height:1.7;margin-top:-5px}
.cc-badge.tone-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}

html.pc-dark-mode .cc-automation-glance,body.pc-dark-mode .cc-automation-glance,
html.pc-dark-mode .cc-auto-warning,body.pc-dark-mode .cc-auto-warning,
html.pc-dark-mode .cc-auto-overview,body.pc-dark-mode .cc-auto-overview,
html.pc-dark-mode .cc-auto-template-hero,body.pc-dark-mode .cc-auto-template-hero,
html.pc-dark-mode .cc-auto-editor-head,body.pc-dark-mode .cc-auto-editor-head,
html.pc-dark-mode .cc-auto-card,body.pc-dark-mode .cc-auto-card,
html.pc-dark-mode .cc-auto-template-card,body.pc-dark-mode .cc-auto-template-card,
html.pc-dark-mode .cc-auto-custom-card,body.pc-dark-mode .cc-auto-custom-card,
html.pc-dark-mode .cc-auto-step,body.pc-dark-mode .cc-auto-step{background:#111827;border-color:#334155}
html.pc-dark-mode .cc-auto-nav,body.pc-dark-mode .cc-auto-nav{background:#0f172a;border-color:#334155}
html.pc-dark-mode .cc-auto-nav button.active,body.pc-dark-mode .cc-auto-nav button.active{background:#1e293b;color:#f8fafc}
html.pc-dark-mode .cc-auto-flow,body.pc-dark-mode .cc-auto-flow{background:#0f172a;border-color:#334155}
html.pc-dark-mode .cc-auto-card h3,body.pc-dark-mode .cc-auto-card h3,html.pc-dark-mode .cc-auto-flow span,body.pc-dark-mode .cc-auto-flow span,html.pc-dark-mode .cc-auto-overview strong,body.pc-dark-mode .cc-auto-overview strong,html.pc-dark-mode .cc-auto-template-card strong,body.pc-dark-mode .cc-auto-template-card strong,html.pc-dark-mode .cc-auto-custom-card strong,body.pc-dark-mode .cc-auto-custom-card strong,html.pc-dark-mode .cc-auto-editor-head h2,body.pc-dark-mode .cc-auto-editor-head h2,html.pc-dark-mode .cc-auto-step-body>h3,body.pc-dark-mode .cc-auto-step-body>h3,html.pc-dark-mode .cc-auto-run-main strong,body.pc-dark-mode .cc-auto-run-main strong{color:#f8fafc}
html.pc-dark-mode .cc-auto-glance-metrics button,body.pc-dark-mode .cc-auto-glance-metrics button,html.pc-dark-mode .cc-phone-preview,body.pc-dark-mode .cc-phone-preview{background:#0f172a;border-color:#334155}
html.pc-dark-mode .cc-auto-editor-actions,body.pc-dark-mode .cc-auto-editor-actions{background:rgba(15,23,42,.94);border-color:#334155}

@media(max-width:900px){.cc-auto-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-auto-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-auto-overview>div{border:0;border-bottom:1px solid #e2e8f0}.cc-auto-card-foot{grid-template-columns:repeat(3,minmax(0,1fr));}.cc-auto-actions{grid-column:1/-1}}
@media(max-width:680px){.cc-auto-glance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-auto-warning{align-items:flex-start;flex-direction:column}.cc-auto-warning .cc-btn{margin:0;width:100%}.cc-auto-flow{grid-template-columns:1fr}.cc-auto-flow>i{transform:rotate(-90deg);justify-self:center}.cc-auto-template-grid{grid-template-columns:1fr}.cc-auto-step{grid-template-columns:1fr}.cc-auto-step-num{width:30px;height:30px}.cc-sms-compose{grid-template-columns:1fr}.cc-auto-editor-actions{display:grid;grid-template-columns:1fr 1fr}.cc-auto-editor-actions .cc-btn-primary{grid-column:1/-1}.cc-auto-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.cc-auto-card-head{grid-template-columns:auto 1fr}.cc-auto-toggle{grid-column:2;justify-self:end;margin-top:-39px}.cc-auto-card-foot{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-auto-actions{display:grid;grid-template-columns:1fr 1fr}.cc-auto-actions button{width:100%}.cc-auto-custom-card,.cc-auto-template-card{grid-template-columns:auto 1fr}.cc-auto-template-card>i{display:none}.cc-auto-editor-actions{bottom:5px}}
/* CUSTOMER CENTER AUTOMATION V1 END */

/* CUSTOMER AUTOMATION PREMIUM UI V6.1 START */
:root{
  --cc-auto-ink:#0b1220;
  --cc-auto-muted:#667085;
  --cc-auto-line:#e7ebf1;
  --cc-auto-soft:#f7f9fc;
  --cc-auto-accent:#2563eb;
  --cc-auto-accent-2:#1d4ed8;
  --cc-auto-success:#0f9f6e;
  --cc-auto-warning:#d97706;
  --cc-auto-danger:#dc2626;
  --cc-auto-radius:18px;
}
.cc-auto-nav.premium-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;margin:4px 0 18px;border:1px solid var(--cc-auto-line);background:#f8fafc;border-radius:16px}
.cc-auto-nav.premium-tabs button{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:right;border:0;background:transparent;color:#667085;border-radius:11px;padding:9px 12px;font:inherit;cursor:pointer;min-width:0}
.cc-auto-nav.premium-tabs button span{font-size:.78rem;font-weight:900}.cc-auto-nav.premium-tabs button small{font-size:.62rem;color:#98a2b3}
.cc-auto-nav.premium-tabs button.active{background:#fff;color:var(--cc-auto-ink);box-shadow:0 1px 3px rgba(16,24,40,.08)}.cc-auto-nav.premium-tabs button.active small{color:#667085}
.cc-auto-command-hero,.cc-auto-report-hero,.cc-auto-settings-hero,.cc-auto-template-hero.premium-template-hero{position:relative;overflow:hidden;border:1px solid #dce4ef;border-radius:24px;background:linear-gradient(135deg,#0b1220 0%,#111c31 58%,#142748 100%);color:#fff;box-shadow:0 18px 46px rgba(15,23,42,.10)}
.cc-auto-command-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:26px;align-items:center;padding:28px}
.cc-auto-command-hero:after,.cc-auto-report-hero:after,.cc-auto-settings-hero:after,.cc-auto-template-hero.premium-template-hero:after{content:"";position:absolute;inset:auto -100px -150px auto;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.24),transparent 67%);pointer-events:none}
.cc-auto-premium-label{display:inline-flex;align-items:center;gap:7px;font-size:.62rem;letter-spacing:.16em;font-weight:900;color:#93c5fd}.cc-auto-premium-label:before{content:"";width:18px;height:1px;background:#60a5fa}
.cc-auto-command-copy h2,.cc-auto-report-hero h2,.cc-auto-settings-hero h2,.premium-template-hero h2{margin:10px 0 7px;font-size:1.62rem;line-height:1.35;color:#fff;letter-spacing:-.02em}.cc-auto-command-copy p,.cc-auto-report-hero p,.cc-auto-settings-hero p,.premium-template-hero p{margin:0;max-width:650px;color:#cbd5e1;font-size:.82rem;line-height:1.9}
.cc-auto-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.cc-auto-command-hero .cc-btn-ghost,.cc-auto-report-hero .cc-btn-soft{border-color:rgba(255,255,255,.18);color:#e5edf9;background:rgba(255,255,255,.06)}
.cc-auto-health-panel{position:relative;z-index:1;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);backdrop-filter:blur(14px);border-radius:18px;padding:16px 17px}.cc-auto-health-head,.cc-auto-health-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cc-auto-health-head{padding-bottom:11px;margin-bottom:3px;border-bottom:1px solid rgba(255,255,255,.11);font-size:.72rem;color:#cbd5e1}.cc-auto-health-row{padding:9px 0;color:#cbd5e1;font-size:.7rem}.cc-auto-health-row b{color:#fff;font-size:.74rem}.cc-auto-health-row i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:6px}.cc-auto-health-row i.ok{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.1)}.cc-auto-health-row i.warn{background:#fbbf24;box-shadow:0 0 0 4px rgba(251,191,36,.1)}.cc-auto-health-panel>button{width:100%;border:0;background:rgba(255,255,255,.09);color:#bfdbfe;border-radius:10px;padding:9px;margin-top:6px;font:inherit;font-size:.69rem;font-weight:900;cursor:pointer}
.cc-auto-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px}.cc-auto-kpi-grid>div{border:1px solid var(--cc-auto-line);background:#fff;border-radius:16px;padding:15px 16px;min-width:0}.cc-auto-kpi-grid span{display:block;color:#667085;font-size:.68rem;font-weight:800}.cc-auto-kpi-grid strong{display:block;color:var(--cc-auto-ink);font-size:1.35rem;line-height:1.2;margin:7px 0 4px}.cc-auto-kpi-grid small{color:#98a2b3;font-size:.61rem}
.cc-auto-warning.premium-warning{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #fde68a;background:#fffbeb;border-radius:16px;padding:13px 15px;margin-bottom:18px}.premium-warning>div{display:flex;align-items:center;gap:11px}.cc-auto-warning-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#fef3c7;color:#b45309;font-weight:950}.premium-warning strong{display:block;color:#92400e;font-size:.78rem}.premium-warning p{margin:2px 0 0;color:#a16207;font-size:.68rem;line-height:1.65}
.cc-auto-workspace,.cc-auto-run-workspace{border:1px solid var(--cc-auto-line);background:#fff;border-radius:20px;padding:18px}.cc-auto-list-head.premium-list-head{margin:0 0 14px}.premium-list-head .cc-eyebrow{font-size:.58rem;color:#2563eb;font-weight:950;letter-spacing:.05em}.premium-list-head h2{font-size:1rem;margin:3px 0 2px}.premium-list-head p{font-size:.66rem}
.cc-auto-commandbar,.cc-template-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid #edf0f4;background:#f8fafc;border-radius:14px;margin-bottom:14px}.cc-auto-search{position:relative;display:flex;align-items:center;gap:8px;min-width:250px;flex:1;max-width:520px;background:#fff;border:1px solid #e4e7ec;border-radius:11px;padding:0 10px}.cc-auto-search span{font-size:1rem;color:#98a2b3}.cc-auto-search input{border:0!important;box-shadow:none!important;background:transparent!important;outline:0;width:100%;height:38px;font:inherit;font-size:.72rem;color:#344054}.cc-auto-search:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.cc-auto-status-chips,.cc-template-group-chips{display:flex;align-items:center;gap:5px;overflow:auto;scrollbar-width:none}.cc-auto-status-chips button,.cc-template-group-chips button{white-space:nowrap;border:1px solid transparent;background:transparent;color:#667085;border-radius:9px;padding:7px 10px;font:inherit;font-size:.65rem;font-weight:850;cursor:pointer}.cc-auto-status-chips button.active,.cc-template-group-chips button.active{background:#fff;border-color:#e4e7ec;color:#101828;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.cc-auto-list.premium-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cc-auto-card.premium-auto-card{border:1px solid #e4e7ec;border-radius:18px;box-shadow:none;background:#fff;transition:border-color .18s,box-shadow .18s,transform .18s}.cc-auto-card.premium-auto-card:hover{border-color:#cfd7e3;box-shadow:0 10px 28px rgba(16,24,40,.06);transform:translateY(-1px)}.cc-auto-card.premium-auto-card.is-active{border-color:#cfe8dd}.premium-auto-card[hidden]{display:none!important}
.premium-auto-card .cc-auto-card-head{padding:16px;grid-template-columns:auto 1fr auto;gap:11px}.premium-auto-card .cc-auto-card-icon{width:42px;height:42px;border-radius:12px;background:#f5f7fa;border:1px solid #edf0f4;font-size:1.2rem}.cc-auto-card-copy{min-width:0}.cc-auto-card-copy h3{font-size:.86rem;margin:6px 0 2px}.cc-auto-card-copy p{font-size:.68rem;line-height:1.7;min-height:2.3em}
.cc-auto-journey{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);align-items:stretch;gap:4px;padding:11px 13px;background:#fafbfc;border-block:1px solid #f0f2f5}.cc-auto-journey>em{position:relative;align-self:center;height:1px;background:#d0d5dd}.cc-auto-journey>em:after{content:"";position:absolute;left:-1px;top:-2px;width:5px;height:5px;border-left:1px solid #98a2b3;border-bottom:1px solid #98a2b3;transform:rotate(45deg)}.cc-auto-journey-node{display:flex;gap:7px;min-width:0}.cc-auto-journey-node>i{font-style:normal;flex:0 0 auto;width:21px;height:21px;border-radius:7px;display:grid;place-items:center;background:#eef2f6;color:#667085;font-size:.58rem;font-weight:950}.cc-auto-journey-node.action>i{background:#eff6ff;color:#2563eb}.cc-auto-journey-node span{min-width:0}.cc-auto-journey-node small,.cc-auto-journey-node b{display:block}.cc-auto-journey-node small{font-size:.56rem;color:#98a2b3;margin-bottom:2px}.cc-auto-journey-node b{font-size:.63rem;color:#344054;line-height:1.55;font-weight:850}
.cc-auto-card-foot.premium-foot{grid-template-columns:repeat(4,minmax(56px,1fr)) auto;padding:10px 13px;gap:6px}.cc-auto-mini-stat{padding-left:8px;border-left:1px solid #f0f2f5}.cc-auto-mini-stat:last-of-type{border-left:0}.cc-auto-card-foot .cc-auto-mini-stat span{font-size:.56rem;color:#98a2b3}.cc-auto-card-foot .cc-auto-mini-stat b{font-size:.74rem;color:#344054}.premium-foot .cc-auto-actions{gap:5px}.premium-foot .cc-auto-actions button{padding:6px 8px;border-radius:8px;font-size:.62rem}
.cc-auto-filter-empty{border:1px dashed #d0d5dd;border-radius:14px;padding:24px;text-align:center;color:#667085;font-size:.74rem;background:#fafbfc}.cc-auto-filter-empty[hidden]{display:none!important}
/* Template library */
.cc-auto-template-hero.premium-template-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;margin-bottom:12px}.cc-template-hero-count{position:relative;z-index:1;width:112px;height:112px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.07);display:grid;place-items:center;align-content:center}.cc-template-hero-count strong{font-size:1.8rem;color:#fff}.cc-template-hero-count span{font-size:.62rem;color:#cbd5e1}.cc-template-browser{border:1px solid var(--cc-auto-line);border-radius:20px;background:#fff;padding:14px 16px}.cc-template-toolbar{position:sticky;top:6px;z-index:8;margin:0 0 15px;backdrop-filter:blur(14px);background:rgba(248,250,252,.94)}.cc-template-group-chips{max-width:62%}.premium-template-section{margin:0 0 22px}.cc-template-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 9px}.cc-template-section-title h3{font-size:.8rem;color:#344054;margin:0}.cc-template-section-title span{font-size:.6rem;color:#98a2b3}.cc-auto-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cc-auto-template-card.premium-template{border:1px solid #e7ebf0;border-radius:15px;padding:13px;box-shadow:none;grid-template-columns:auto 1fr}.cc-auto-template-card.premium-template>i{grid-column:2;justify-self:start;border-radius:8px;background:#eff6ff;color:#2563eb;padding:4px 7px;font-size:.58rem}.premium-template .cc-auto-template-icon{width:38px;height:38px;border-radius:11px;border:1px solid #edf0f4;background:#f8fafc}.premium-template:hover{transform:none;border-color:#b9cdf7;box-shadow:0 8px 20px rgba(37,99,235,.06)}.cc-template-card-top{display:flex;align-items:center;gap:6px;justify-content:space-between}.cc-template-source-pill{font-size:.52rem!important;color:#92400e!important;background:#fffbeb;border:1px solid #fde68a;border-radius:99px;padding:3px 6px;white-space:nowrap}.premium-template p{min-height:2.6em}.cc-auto-custom-card.premium-custom{border-style:dashed;border-color:#cbd5e1;background:#fafbfc;border-radius:16px;margin:12px 0 0;grid-template-columns:auto 1fr auto;align-items:center}.premium-custom>span{width:38px;height:38px;border:1px solid #dbe4ef;border-radius:11px;display:grid;place-items:center;background:#fff;color:#2563eb}.premium-custom>i{font-style:normal;color:#2563eb;font-size:.65rem;font-weight:900}
/* Builder */
.cc-auto-editor.premium-builder{max-width:1180px;gap:12px}.cc-auto-editor-head.premium-editor-head{border:1px solid var(--cc-auto-line);border-radius:18px;background:#fff;padding:17px 19px;box-shadow:none}.cc-auto-breadcrumb{display:flex;align-items:center;gap:6px;color:#98a2b3;font-size:.59rem;margin-bottom:8px}.cc-auto-breadcrumb b{color:#667085}.cc-auto-editor-status{display:flex;align-items:center;gap:7px;color:#667085;font-size:.65rem}.cc-auto-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}.cc-auto-builder-main{display:grid;gap:10px}.cc-auto-step.premium-step{grid-template-columns:34px 1fr;border:1px solid var(--cc-auto-line);border-radius:17px;padding:16px;background:#fff}.premium-step .cc-auto-step-num{width:29px;height:29px;background:#eff6ff;color:#2563eb;border-radius:9px;font-size:.68rem}.cc-auto-step-title{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f0f2f5}.cc-auto-step-title>span{font-size:.55rem;color:#2563eb;font-weight:950}.cc-auto-step-title h3{margin:2px 0 2px;font-size:.9rem;color:#101828}.cc-auto-step-title p{margin:0;color:#667085;font-size:.65rem;line-height:1.6}.cc-auto-builder-side{position:sticky;top:8px;display:grid;gap:9px}.cc-auto-live-card{border:1px solid #dfe5ec;border-radius:20px;background:#f8fafc;padding:14px}.cc-auto-live-head{display:flex;align-items:center;justify-content:space-between;color:#344054;font-size:.68rem;font-weight:900;margin-bottom:10px}.cc-auto-live-head i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.1)}.cc-auto-live-summary{display:grid;gap:5px;margin-bottom:12px}.cc-auto-live-summary>div{display:grid;grid-template-columns:42px 1fr;gap:7px;padding:7px 8px;background:#fff;border:1px solid #edf0f4;border-radius:9px}.cc-auto-live-summary span{font-size:.55rem;color:#98a2b3}.cc-auto-live-summary b{font-size:.61rem;color:#475467;line-height:1.55}.cc-phone-frame{width:210px;max-width:100%;margin:8px auto 10px;border:7px solid #101828;border-radius:28px;background:#101828;box-shadow:0 12px 24px rgba(16,24,40,.12)}.cc-phone-notch{width:65px;height:5px;border-radius:99px;background:#344054;margin:1px auto 6px}.cc-phone-screen{min-height:205px;border-radius:19px;background:#fff;padding:13px 11px}.cc-phone-screen .cc-phone-preview-top{padding-bottom:7px;border-bottom:1px solid #f0f2f5;font-size:.58rem;color:#98a2b3}.cc-phone-screen p{margin:12px 0 0;color:#344054;font-size:.72rem;line-height:1.9;white-space:pre-wrap}.cc-sms-meta.premium-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px}.premium-meta span{display:block;border:1px solid #e7ebf0;background:#fff;border-radius:8px;padding:6px;text-align:center;font-size:.59rem}.premium-meta small{grid-column:1/-1;text-align:center;font-size:.55rem}.cc-auto-builder-tip{border:1px solid #e4e7ec;background:#fff;border-radius:14px;padding:11px 12px}.cc-auto-builder-tip strong{font-size:.66rem;color:#344054}.cc-auto-builder-tip p{margin:4px 0 0;color:#667085;font-size:.59rem;line-height:1.65}.cc-premium-message-field textarea{min-height:150px;font-size:.78rem;line-height:1.9}.cc-variable-pills.premium-vars{padding:9px;border-radius:12px;background:#f8fafc;border:1px solid #edf0f4}.premium-vars button{background:#fff;border-color:#dbe4ef;color:#475467}.premium-vars button:hover{border-color:#93c5fd;color:#1d4ed8}.cc-auto-editor-actions.premium-actions{max-width:1180px;border-radius:14px;bottom:7px;box-shadow:0 8px 26px rgba(16,24,40,.08)}
/* Run report */
.cc-auto-report-hero,.cc-auto-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;margin-bottom:12px}.cc-auto-report-hero h2,.cc-auto-settings-hero h2{font-size:1.3rem}.cc-auto-run-workspace{padding:14px 17px}.cc-auto-run-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0f2f5;padding-bottom:11px;margin-bottom:3px}.cc-auto-run-toolbar>span{font-size:.62rem;color:#98a2b3}.cc-auto-run-filters{margin:0}.cc-auto-run-filters button{background:#f8fafc;border-color:#edf0f4;padding:6px 9px;font-size:.63rem}.cc-auto-run-filters button span{margin-right:4px;color:#98a2b3}.cc-auto-run-filters button.active span{color:#cbd5e1}.premium-timeline .cc-auto-run-row{padding:13px 2px}.cc-auto-run-row.premium-run{grid-template-columns:12px 1fr auto}.cc-auto-run-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cc-auto-run-title strong{font-size:.74rem}.cc-auto-run-main p{font-size:.65rem}.cc-auto-run-main p span{color:#d0d5dd}.cc-auto-run-main small{font-size:.59rem}.cc-auto-run-message{display:inline-block;margin-top:6px;background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;padding:6px 8px;color:#667085;font-size:.6rem;line-height:1.55;max-width:700px}.cc-auto-run-type{font-size:.58rem;color:#98a2b3;padding-top:2px}
/* Settings */
.cc-settings-readiness{display:flex;gap:7px;flex-wrap:wrap;position:relative;z-index:1}.cc-settings-readiness span{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.13);border-radius:99px;padding:7px 10px;background:rgba(255,255,255,.07);font-size:.62rem;color:#dbeafe}.cc-settings-readiness i{width:7px;height:7px;border-radius:50%}.cc-settings-readiness .ok i{background:#34d399}.cc-settings-readiness .warn i{background:#fbbf24}.cc-settings-readiness .off i{background:#f87171}.cc-settings-sections.premium-settings{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:12px;align-items:start}.cc-settings-main-column{display:grid;gap:12px}.cc-settings-side-column{position:sticky;top:8px}.cc-form-card.premium-form-card,.cc-auto-test-card.premium-test-card{border:1px solid var(--cc-auto-line);border-radius:18px;background:#fff;padding:17px;box-shadow:none}.cc-form-card-heading{display:flex;gap:10px;align-items:flex-start;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f0f2f5}.cc-form-card-heading>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:.61rem;font-weight:950}.cc-form-card-heading h3{margin:0;font-size:.82rem;color:#101828}.cc-form-card-heading p{margin:3px 0 0;color:#667085;font-size:.62rem;line-height:1.6}.cc-help-card.premium-help{background:#f8fafc;border-color:#edf0f4}.cc-auto-advanced{margin-top:10px;border:1px solid #e7ebf0;border-radius:12px;background:#fafbfc;overflow:hidden}.cc-auto-advanced summary{cursor:pointer;padding:10px 12px;font-size:.68rem;font-weight:850;color:#475467}.cc-auto-advanced[open] summary{border-bottom:1px solid #edf0f4}.cc-auto-advanced>.cc-field{padding:9px 11px 0}.cc-auto-advanced>.cc-field:last-child{padding-bottom:11px}.cc-full-btn{width:100%}.cc-test-security{text-align:center;color:#98a2b3;font-size:.55rem;margin-top:9px}
/* Dark mode */
html.pc-dark-mode .cc-auto-workspace,body.pc-dark-mode .cc-auto-workspace,html.pc-dark-mode .cc-auto-run-workspace,body.pc-dark-mode .cc-auto-run-workspace,html.pc-dark-mode .cc-template-browser,body.pc-dark-mode .cc-template-browser,html.pc-dark-mode .premium-editor-head,body.pc-dark-mode .premium-editor-head,html.pc-dark-mode .premium-step,body.pc-dark-mode .premium-step,html.pc-dark-mode .cc-auto-live-card,body.pc-dark-mode .cc-auto-live-card,html.pc-dark-mode .cc-auto-builder-tip,body.pc-dark-mode .cc-auto-builder-tip,html.pc-dark-mode .premium-form-card,body.pc-dark-mode .premium-form-card,html.pc-dark-mode .premium-test-card,body.pc-dark-mode .premium-test-card,html.pc-dark-mode .cc-auto-kpi-grid>div,body.pc-dark-mode .cc-auto-kpi-grid>div,html.pc-dark-mode .premium-auto-card,body.pc-dark-mode .premium-auto-card{background:#111827;border-color:#293548}
html.pc-dark-mode .cc-auto-commandbar,body.pc-dark-mode .cc-auto-commandbar,html.pc-dark-mode .cc-template-toolbar,body.pc-dark-mode .cc-template-toolbar,html.pc-dark-mode .cc-auto-journey,body.pc-dark-mode .cc-auto-journey,html.pc-dark-mode .cc-auto-live-summary>div,body.pc-dark-mode .cc-auto-live-summary>div,html.pc-dark-mode .cc-variable-pills.premium-vars,body.pc-dark-mode .cc-variable-pills.premium-vars{background:#0f172a;border-color:#263244}
html.pc-dark-mode .cc-auto-search,body.pc-dark-mode .cc-auto-search,html.pc-dark-mode .premium-vars button,body.pc-dark-mode .premium-vars button,html.pc-dark-mode .premium-meta span,body.pc-dark-mode .premium-meta span{background:#111827;border-color:#344054}
html.pc-dark-mode .cc-auto-search input,body.pc-dark-mode .cc-auto-search input,html.pc-dark-mode .cc-auto-kpi-grid strong,body.pc-dark-mode .cc-auto-kpi-grid strong,html.pc-dark-mode .cc-auto-journey-node b,body.pc-dark-mode .cc-auto-journey-node b,html.pc-dark-mode .cc-auto-step-title h3,body.pc-dark-mode .cc-auto-step-title h3,html.pc-dark-mode .cc-form-card-heading h3,body.pc-dark-mode .cc-form-card-heading h3{color:#f8fafc}
html.pc-dark-mode .cc-phone-screen,body.pc-dark-mode .cc-phone-screen{background:#111827}.pc-dark-mode .cc-phone-screen p{color:#e2e8f0}
html.pc-dark-mode .premium-warning,body.pc-dark-mode .premium-warning{background:#2a2111;border-color:#5b4311}
/* Responsive */
@media(max-width:1060px){.cc-auto-list.premium-list{grid-template-columns:1fr}.cc-auto-builder-layout{grid-template-columns:minmax(0,1fr) 270px}.cc-settings-sections.premium-settings{grid-template-columns:minmax(0,1fr) 270px}.cc-auto-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.cc-auto-command-hero{grid-template-columns:1fr}.cc-auto-health-panel{max-width:none}.cc-auto-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-auto-builder-layout,.cc-settings-sections.premium-settings{grid-template-columns:1fr}.cc-auto-builder-side,.cc-settings-side-column{position:static}.cc-auto-builder-side{grid-template-columns:1fr 1fr}.cc-auto-live-card{grid-row:span 2}.cc-template-group-chips{max-width:none}.cc-template-toolbar{align-items:stretch;flex-direction:column}.cc-auto-search{max-width:none;min-width:0;width:100%}}
@media(max-width:680px){.cc-auto-nav.premium-tabs button small{display:none}.cc-auto-command-hero,.cc-auto-report-hero,.cc-auto-settings-hero,.cc-auto-template-hero.premium-template-hero{border-radius:18px;padding:20px}.cc-auto-command-copy h2,.premium-template-hero h2{font-size:1.28rem}.cc-auto-commandbar{align-items:stretch;flex-direction:column}.cc-auto-status-chips{width:100%}.cc-auto-status-chips button{flex:1}.cc-auto-workspace,.cc-auto-run-workspace,.cc-template-browser{padding:12px;border-radius:16px}.cc-auto-journey{grid-template-columns:1fr;gap:6px}.cc-auto-journey>em{width:1px;height:12px;justify-self:15px}.cc-auto-journey>em:after{left:-2px;top:auto;bottom:-1px;transform:rotate(-45deg)}.cc-auto-card-foot.premium-foot{grid-template-columns:repeat(4,minmax(0,1fr))}.premium-foot .cc-auto-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.cc-auto-template-grid{grid-template-columns:1fr}.cc-auto-builder-side{grid-template-columns:1fr}.cc-auto-report-hero,.cc-auto-settings-hero{align-items:flex-start;flex-direction:column}.cc-settings-readiness{width:100%}.cc-auto-run-toolbar{align-items:flex-start;flex-direction:column}.cc-auto-run-filters{width:100%}.cc-auto-editor-actions.premium-actions{grid-template-columns:1fr 1fr}.premium-actions .cc-btn-primary{grid-column:1/-1}.cc-template-hero-count{width:82px;height:82px;flex:0 0 auto}.cc-template-hero-count strong{font-size:1.3rem}}
@media(max-width:430px){.cc-auto-kpi-grid{gap:7px}.cc-auto-kpi-grid>div{padding:12px}.cc-auto-kpi-grid strong{font-size:1.1rem}.cc-auto-command-hero{padding:17px}.cc-auto-health-panel{padding:13px}.cc-auto-template-hero.premium-template-hero{align-items:flex-start}.cc-template-hero-count{display:none}.cc-auto-card-foot.premium-foot{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-auto-mini-stat{border-left:0;border-bottom:1px solid #f0f2f5;padding:6px}.premium-foot .cc-auto-actions{grid-column:1/-1}.cc-auto-step.premium-step{grid-template-columns:1fr}.premium-step .cc-auto-step-num{margin-bottom:-4px}.cc-phone-frame{width:190px}.cc-auto-run-row.premium-run{grid-template-columns:10px 1fr}.cc-auto-run-type{display:none}}
/* CUSTOMER AUTOMATION PREMIUM UI V6.1 END */


/* CUSTOMER AUTOMATION FOODOS DESIGN ALIGNMENT V6.2 */
/* Capsule navigation: matches Food OS filter chips and segmented controls */
.cc-auto-nav.premium-tabs{
  display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow-x:auto;
  padding:2px;margin:5px 0 18px;border:0;background:transparent;border-radius:0;
  scrollbar-width:none;-webkit-overflow-scrolling:touch
}
.cc-auto-nav.premium-tabs::-webkit-scrollbar{display:none}
.cc-auto-nav.premium-tabs button{
  min-height:38px;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;
  flex:0 0 auto;white-space:nowrap;border:1px solid #e2eaf3;background:#fff;color:#344054;
  border-radius:999px;padding:0 15px;font:inherit;font-size:.7rem;font-weight:900;cursor:pointer;
  box-shadow:none;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .12s
}
.cc-auto-nav.premium-tabs button:hover{border-color:#b7e8f8;background:#f8fdff;color:#0284c7}
.cc-auto-nav.premium-tabs button:active{transform:translateY(1px)}
.cc-auto-nav.premium-tabs button.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9;box-shadow:0 10px 20px rgba(14,165,233,.18)}
.cc-auto-nav.premium-tabs button .pc-svg-icon{width:16px;height:16px}
.cc-auto-nav.premium-tabs button small{display:none!important}

/* Food OS search field language: large rounded surface + vector icon tile */
.cc-auto-commandbar,.cc-template-toolbar{
  padding:10px;border:1px solid rgba(15,23,42,.07);background:#fff;border-radius:24px;
  box-shadow:0 12px 28px rgba(15,23,42,.045)
}
.cc-auto-search{
  min-width:280px;max-width:560px;min-height:54px;display:flex;align-items:center;gap:10px;direction:ltr;
  background:#fff;border:1px solid #e1eaf3;border-radius:24px;padding:7px 10px 7px 11px;
  box-shadow:0 14px 34px rgba(15,23,42,.055);transition:border-color .18s,box-shadow .18s,background .18s
}
.cc-auto-search:focus-within{border-color:#0ea5e9;box-shadow:0 16px 34px rgba(14,165,233,.14);background:#fbfdff}
.cc-auto-search-icon{
  width:38px;height:38px;border-radius:15px;background:#eaf8fd;color:#0796c7;
  display:flex;align-items:center;justify-content:center;flex:0 0 38px
}
.cc-auto-search-icon .pc-svg-icon{width:20px;height:20px;stroke-width:2.2}
.cc-auto-search input{
  height:40px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
  color:#101828!important;font-size:.74rem!important;font-weight:800!important;text-align:right;direction:rtl;padding:0!important;width:100%;min-width:0
}
.cc-auto-search input::placeholder{color:#98a2b3;font-weight:750}

/* All automation filters use the same capsule treatment as Food OS chips */
.cc-auto-status-chips,.cc-template-group-chips,.cc-auto-run-filters{
  display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 4px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch
}
.cc-auto-status-chips::-webkit-scrollbar,.cc-template-group-chips::-webkit-scrollbar,.cc-auto-run-filters::-webkit-scrollbar{display:none}
.cc-auto-status-chips button,.cc-template-group-chips button,.cc-auto-run-filters button{
  min-height:36px;border-radius:999px!important;border:1px solid #e2eaf3!important;background:#fff!important;color:#344054!important;
  padding:0 14px!important;font:inherit;font-size:.66rem!important;font-weight:900!important;white-space:nowrap!important;
  display:inline-flex;align-items:center;justify-content:center;gap:5px;box-shadow:none!important;transition:.18s
}
.cc-auto-status-chips button:hover,.cc-template-group-chips button:hover,.cc-auto-run-filters button:hover{border-color:#b7e8f8!important;background:#f5fcff!important;color:#0284c7!important}
.cc-auto-status-chips button.active,.cc-template-group-chips button.active,.cc-auto-run-filters button.active{
  background:#0ea5e9!important;color:#fff!important;border-color:#0ea5e9!important;box-shadow:0 10px 20px rgba(14,165,233,.18)!important
}
.cc-auto-run-filters button.active span{color:rgba(255,255,255,.82)!important}

/* Scenario icons: vector only, same geometry as Food OS module icons */
.premium-auto-card .cc-auto-card-icon,.premium-template .cc-auto-template-icon{
  width:42px;height:42px;border-radius:15px;background:#eaf8fd;border:1px solid #d8f0fa;color:#0796c7;
  display:grid;place-items:center;flex:0 0 42px;font-size:0;line-height:0
}
.premium-auto-card .cc-auto-card-icon .pc-svg-icon,.premium-template .cc-auto-template-icon .pc-svg-icon{width:21px;height:21px;stroke-width:2.1}
.cc-auto-custom-card.premium-custom>span{
  width:42px;height:42px;border-radius:15px;background:#eaf8fd;border:1px solid #d8f0fa;color:#0796c7;
  display:grid;place-items:center;flex:0 0 42px;font-size:0;line-height:0
}
.cc-auto-custom-card.premium-custom>span .pc-svg-icon{width:21px;height:21px;stroke-width:2.1}

/* Keep accent language aligned with Food OS instead of generic royal blue */
.premium-list-head .cc-eyebrow,.premium-vars button:hover,.premium-template>i,.premium-custom>i{color:#0284c7}
.premium-vars button:hover{border-color:#7dd3fc}
.cc-auto-journey-node.action>i,.cc-form-card-heading>span{background:#eaf8fd;color:#0796c7}
.cc-auto-premium-label{color:#7dd3fc}.cc-auto-premium-label:before{background:#38bdf8}
.cc-template-source-pill{border-radius:999px}

html.pc-dark-mode .cc-auto-commandbar,body.pc-dark-mode .cc-auto-commandbar,
html.pc-dark-mode .cc-template-toolbar,body.pc-dark-mode .cc-template-toolbar{background:#111827;border-color:#293548;box-shadow:none}
html.pc-dark-mode .cc-auto-search,body.pc-dark-mode .cc-auto-search{background:#111827;border-color:#344054;box-shadow:none}
html.pc-dark-mode .cc-auto-search:focus-within,body.pc-dark-mode .cc-auto-search:focus-within{border-color:#38bdf8;background:#0f172a;box-shadow:0 0 0 3px rgba(56,189,248,.12)}
html.pc-dark-mode .cc-auto-search-icon,body.pc-dark-mode .cc-auto-search-icon{background:#0c4a6e;color:#7dd3fc}
html.pc-dark-mode .cc-auto-nav.premium-tabs button,body.pc-dark-mode .cc-auto-nav.premium-tabs button,
html.pc-dark-mode .cc-auto-status-chips button,body.pc-dark-mode .cc-auto-status-chips button,
html.pc-dark-mode .cc-template-group-chips button,body.pc-dark-mode .cc-template-group-chips button,
html.pc-dark-mode .cc-auto-run-filters button,body.pc-dark-mode .cc-auto-run-filters button{background:#111827!important;border-color:#344054!important;color:#cbd5e1!important}
html.pc-dark-mode .cc-auto-nav.premium-tabs button.active,body.pc-dark-mode .cc-auto-nav.premium-tabs button.active,
html.pc-dark-mode .cc-auto-status-chips button.active,body.pc-dark-mode .cc-auto-status-chips button.active,
html.pc-dark-mode .cc-template-group-chips button.active,body.pc-dark-mode .cc-template-group-chips button.active,
html.pc-dark-mode .cc-auto-run-filters button.active,body.pc-dark-mode .cc-auto-run-filters button.active{background:#0ea5e9!important;border-color:#0ea5e9!important;color:#fff!important}
html.pc-dark-mode .premium-auto-card .cc-auto-card-icon,body.pc-dark-mode .premium-auto-card .cc-auto-card-icon,
html.pc-dark-mode .premium-template .cc-auto-template-icon,body.pc-dark-mode .premium-template .cc-auto-template-icon,
html.pc-dark-mode .premium-custom>span,body.pc-dark-mode .premium-custom>span{background:#0c4a6e;border-color:#155e75;color:#7dd3fc}

@media(max-width:680px){
  .cc-auto-nav.premium-tabs{margin-bottom:14px}
  .cc-auto-nav.premium-tabs button{min-height:36px;padding:0 13px;font-size:.66rem}
  .cc-auto-commandbar,.cc-template-toolbar{border-radius:20px;padding:9px}
  .cc-auto-search{min-width:0;width:100%;max-width:none;min-height:52px;border-radius:22px}
}
/* CUSTOMER AUTOMATION FOODOS DESIGN ALIGNMENT V6.2 END */

/* CUSTOMER AUTOMATION UX CORRECTIONS V6.3 START */
/* Keep the automation module flush with the same full-width module header used across Food OS. */
body:has(.cc-automation-shell) main#app-container{
  padding-top:0!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
.cc-automation-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-inline:0!important;
  box-sizing:border-box;
}
.cc-automation-shell>.cc-topbar-premium{
  width:auto!important;
  margin:0 -12px 14px!important;
  padding:10px 12px 12px!important;
  border-radius:0 0 24px 24px!important;
}

/* Light mode must be light. Dark surfaces are now opt-in only via pc-dark-mode. */
.cc-auto-command-hero,
.cc-auto-report-hero,
.cc-auto-settings-hero,
.cc-auto-template-hero.premium-template-hero{
  border-color:#e2eaf3;
  background:linear-gradient(135deg,#ffffff 0%,#f8fcfe 58%,#eef9fd 100%);
  color:#101828;
  box-shadow:0 12px 30px rgba(15,23,42,.055);
}
.cc-auto-command-hero:after,
.cc-auto-report-hero:after,
.cc-auto-settings-hero:after,
.cc-auto-template-hero.premium-template-hero:after{
  background:radial-gradient(circle,rgba(14,165,233,.12),transparent 67%);
}
.cc-auto-premium-label{color:#0284c7!important}
.cc-auto-premium-label:before{background:#38bdf8!important}
.cc-auto-command-copy h2,
.cc-auto-report-hero h2,
.cc-auto-settings-hero h2,
.premium-template-hero h2{color:#101828}
.cc-auto-command-copy p,
.cc-auto-report-hero p,
.cc-auto-settings-hero p,
.premium-template-hero p{color:#667085}
.cc-auto-command-hero .cc-btn-ghost,
.cc-auto-report-hero .cc-btn-soft{
  border-color:#d8e4ee;
  color:#344054;
  background:#fff;
}
.cc-auto-health-panel{
  border-color:#dce8f0;
  background:rgba(255,255,255,.86);
  backdrop-filter:none;
}
.cc-auto-health-head{border-bottom-color:#e8eef3;color:#667085}
.cc-auto-health-row{color:#667085}
.cc-auto-health-row b{color:#101828}
.cc-auto-health-panel>button{background:#eaf8fd;color:#0284c7}
.cc-template-hero-count{
  border-color:#d7edf7;
  background:#fff;
}
.cc-template-hero-count strong{color:#0284c7}
.cc-template-hero-count span{color:#667085}
.cc-settings-readiness span{
  border-color:#dce8f0;
  background:#fff;
  color:#475467;
}

/* Builder header: one stable hierarchy instead of a crowded breadcrumb/badge row. */
.cc-auto-editor.premium-builder{
  max-width:none;
  width:100%;
  padding-bottom:92px;
}
.cc-auto-editor-head.premium-editor-head{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:17px 18px;
  border-radius:18px;
  overflow:hidden;
}
.cc-auto-editor-heading{min-width:0;flex:1}
.cc-auto-editor-heading .cc-eyebrow{margin-bottom:7px}
.cc-auto-editor-heading h2{
  margin:0 0 5px;
  max-width:100%;
  color:#101828;
  font-size:1.05rem;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.cc-auto-editor-heading p{
  margin:0;
  max-width:760px;
  color:#667085;
  font-size:.68rem;
  line-height:1.75;
  overflow-wrap:anywhere;
}
.cc-auto-editor-status{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
  max-width:42%;
}
.cc-auto-draft-state{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid #e2eaf3;
  border-radius:999px;
  background:#f8fafc;
  color:#667085;
  font-size:.62rem;
  font-weight:900;
  white-space:nowrap;
}

/* Live phone preview and activation notice were intentionally removed. */
.cc-auto-builder-layout.cc-auto-builder-layout-single{grid-template-columns:minmax(0,1fr)!important}
.cc-auto-builder-layout-single .cc-auto-builder-main{width:100%}
.cc-sms-inline-meta{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  margin-top:8px;
}
.cc-sms-inline-meta span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border:1px solid #e2eaf3;
  border-radius:999px;
  background:#f8fafc;
  color:#667085;
  font-size:.62rem;
  font-weight:900;
}

/* Action bar is attached directly above Food OS's fixed bottom navigation, not floating. */
.cc-auto-editor-actions.premium-actions{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:70px!important;
  z-index:99!important;
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:10px max(14px,calc((100vw - 1180px)/2 + 14px))!important;
  border:0!important;
  border-top:1px solid #e2e8f0!important;
  border-radius:0!important;
  background:#fff!important;
  backdrop-filter:none!important;
  box-shadow:0 -8px 20px rgba(15,23,42,.055)!important;
  box-sizing:border-box;
}

/* Dark mode is explicit and scoped. */
html.pc-dark-mode .cc-auto-command-hero,
body.pc-dark-mode .cc-auto-command-hero,
html.pc-dark-mode .cc-auto-report-hero,
body.pc-dark-mode .cc-auto-report-hero,
html.pc-dark-mode .cc-auto-settings-hero,
body.pc-dark-mode .cc-auto-settings-hero,
html.pc-dark-mode .cc-auto-template-hero.premium-template-hero,
body.pc-dark-mode .cc-auto-template-hero.premium-template-hero{
  border-color:#293548;
  background:linear-gradient(135deg,#0b1220 0%,#111c31 58%,#142748 100%);
  color:#fff;
  box-shadow:0 18px 46px rgba(0,0,0,.24);
}
html.pc-dark-mode .cc-auto-command-copy h2,
body.pc-dark-mode .cc-auto-command-copy h2,
html.pc-dark-mode .cc-auto-report-hero h2,
body.pc-dark-mode .cc-auto-report-hero h2,
html.pc-dark-mode .cc-auto-settings-hero h2,
body.pc-dark-mode .cc-auto-settings-hero h2,
html.pc-dark-mode .premium-template-hero h2,
body.pc-dark-mode .premium-template-hero h2{color:#f8fafc}
html.pc-dark-mode .cc-auto-command-copy p,
body.pc-dark-mode .cc-auto-command-copy p,
html.pc-dark-mode .cc-auto-report-hero p,
body.pc-dark-mode .cc-auto-report-hero p,
html.pc-dark-mode .cc-auto-settings-hero p,
body.pc-dark-mode .cc-auto-settings-hero p,
html.pc-dark-mode .premium-template-hero p,
body.pc-dark-mode .premium-template-hero p{color:#cbd5e1}
html.pc-dark-mode .cc-auto-premium-label,
body.pc-dark-mode .cc-auto-premium-label{color:#7dd3fc!important}
html.pc-dark-mode .cc-auto-command-hero .cc-btn-ghost,
body.pc-dark-mode .cc-auto-command-hero .cc-btn-ghost,
html.pc-dark-mode .cc-auto-report-hero .cc-btn-soft,
body.pc-dark-mode .cc-auto-report-hero .cc-btn-soft{border-color:rgba(255,255,255,.18);color:#e5edf9;background:rgba(255,255,255,.06)}
html.pc-dark-mode .cc-auto-health-panel,
body.pc-dark-mode .cc-auto-health-panel{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.07);backdrop-filter:blur(14px)}
html.pc-dark-mode .cc-auto-health-head,
body.pc-dark-mode .cc-auto-health-head{border-bottom-color:rgba(255,255,255,.11);color:#cbd5e1}
html.pc-dark-mode .cc-auto-health-row,
body.pc-dark-mode .cc-auto-health-row{color:#cbd5e1}
html.pc-dark-mode .cc-auto-health-row b,
body.pc-dark-mode .cc-auto-health-row b{color:#fff}
html.pc-dark-mode .cc-auto-health-panel>button,
body.pc-dark-mode .cc-auto-health-panel>button{background:rgba(255,255,255,.09);color:#bfdbfe}
html.pc-dark-mode .cc-template-hero-count,
body.pc-dark-mode .cc-template-hero-count{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.07)}
html.pc-dark-mode .cc-template-hero-count strong,
body.pc-dark-mode .cc-template-hero-count strong{color:#fff}
html.pc-dark-mode .cc-template-hero-count span,
body.pc-dark-mode .cc-template-hero-count span{color:#cbd5e1}
html.pc-dark-mode .cc-settings-readiness span,
body.pc-dark-mode .cc-settings-readiness span{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#dbeafe}
html.pc-dark-mode .cc-auto-editor-heading h2,
body.pc-dark-mode .cc-auto-editor-heading h2{color:#f8fafc}
html.pc-dark-mode .cc-auto-editor-heading p,
body.pc-dark-mode .cc-auto-editor-heading p{color:#cbd5e1}
html.pc-dark-mode .cc-auto-draft-state,
body.pc-dark-mode .cc-auto-draft-state,
html.pc-dark-mode .cc-sms-inline-meta span,
body.pc-dark-mode .cc-sms-inline-meta span{background:#0f172a;border-color:#344054;color:#cbd5e1}
html.pc-dark-mode .cc-auto-editor-actions.premium-actions,
body.pc-dark-mode .cc-auto-editor-actions.premium-actions{background:#0f172a!important;border-top-color:#334155!important;box-shadow:0 -8px 20px rgba(0,0,0,.28)!important}

@media(max-width:680px){
  .cc-auto-editor-head.premium-editor-head{align-items:flex-start;flex-direction:column}
  .cc-auto-editor-status{max-width:100%;justify-content:flex-start}
  .cc-auto-editor-actions.premium-actions{grid-template-columns:1fr 1fr;padding:9px 10px!important}
  .cc-auto-editor-actions.premium-actions .cc-btn-primary{grid-column:1/-1}
}
/* CUSTOMER AUTOMATION UX CORRECTIONS V6.3 END */


/* FOODOS_V84_47_3_CUSTOMER_CLUB_HEADER_AND_MENU_ALIGNMENT */
.cc-shell{
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  box-sizing:border-box!important;
}
.cc-shell > .cc-topbar-premium{
  max-width:none!important;
  box-sizing:border-box!important;
  justify-self:stretch!important;
}
.cc-topbar-logo{
  background:color-mix(in srgb,var(--primary,#0ea5e9) 11%,#fff)!important;
  color:var(--primary,#0ea5e9)!important;
  border:1px solid color-mix(in srgb,var(--primary,#0ea5e9) 20%,#e2e8f0)!important;
}
.cc-club-star-icon{width:24px!important;height:24px!important;color:currentColor!important;fill:currentColor!important;stroke:none!important}
.menu-submenu button{
  background:color-mix(in srgb,var(--primary,#0ea5e9) 7%,#fff)!important;
  color:color-mix(in srgb,var(--primary,#0ea5e9) 78%,#0f172a)!important;
  border:1px solid color-mix(in srgb,var(--primary,#0ea5e9) 14%,#e2e8f0)!important;
}
.menu-submenu button:hover,.menu-submenu button:active{
  background:color-mix(in srgb,var(--primary,#0ea5e9) 14%,#fff)!important;
  border-color:color-mix(in srgb,var(--primary,#0ea5e9) 34%,#dbe4ef)!important;
  color:var(--primary,#0ea5e9)!important;
}
html.pc-dark-mode .cc-topbar-logo,body.pc-dark-mode .cc-topbar-logo{
  background:rgba(56,189,248,.11)!important;
  color:#38bdf8!important;
  border-color:rgba(56,189,248,.24)!important;
}
html.pc-dark-mode .menu-submenu button,body.pc-dark-mode .menu-submenu button{
  background:rgba(56,189,248,.08)!important;
  color:#7dd3fc!important;
  border-color:rgba(56,189,248,.16)!important;
}
html.pc-dark-mode .menu-submenu button:hover,html.pc-dark-mode .menu-submenu button:active,
body.pc-dark-mode .menu-submenu button:hover,body.pc-dark-mode .menu-submenu button:active{
  background:rgba(56,189,248,.14)!important;
  border-color:rgba(56,189,248,.34)!important;
  color:#38bdf8!important;
}

/* FOODOS_V84_47_4_CUSTOMER_CLUB_FULL_WIDTH_HEADERS */
:is(
  body[data-foodos-route="customer-club"],
  body[data-foodos-route="customer-club-customers"],
  body[data-foodos-route="customer-club-discounts"],
  body[data-foodos-route="customer-club-reports"],
  body[data-foodos-route="customer-club-settings"]
) main#app-container{
  padding-left:0!important;
  padding-right:0!important;
}
:is(
  body[data-foodos-route="customer-club"],
  body[data-foodos-route="customer-club-customers"],
  body[data-foodos-route="customer-club-discounts"],
  body[data-foodos-route="customer-club-reports"],
  body[data-foodos-route="customer-club-settings"]
) main#app-container > .cc-shell{
  padding-left:16px!important;
  padding-right:16px!important;
}
:is(
  body[data-foodos-route="customer-club"],
  body[data-foodos-route="customer-club-customers"],
  body[data-foodos-route="customer-club-discounts"],
  body[data-foodos-route="customer-club-reports"],
  body[data-foodos-route="customer-club-settings"]
) main#app-container > .cc-shell > .cc-topbar-premium{
  width:calc(100% + 32px)!important;
  max-width:none!important;
  margin-left:-16px!important;
  margin-right:-16px!important;
  box-sizing:border-box!important;
}
/* FOODOS_V84_47_4_CUSTOMER_CLUB_FULL_WIDTH_HEADERS_END */

/* FOODOS_V84_47_4_CUSTOMER_CLUB_SUBMENU_SOLID_PRIMARY */
.menu-submenu button,
html.pc-dark-mode .menu-submenu button,
body.pc-dark-mode .menu-submenu button{
  background:var(--primary,#0ea5e9)!important;
  color:#fff!important;
  border-color:var(--primary,#0ea5e9)!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  transform:none!important;
}
.menu-submenu button:hover,
.menu-submenu button:active,
html.pc-dark-mode .menu-submenu button:hover,
html.pc-dark-mode .menu-submenu button:active,
body.pc-dark-mode .menu-submenu button:hover,
body.pc-dark-mode .menu-submenu button:active{
  background:#0284c7!important;
  color:#fff!important;
  border-color:#0284c7!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  transform:none!important;
}
/* FOODOS_V84_47_4_CUSTOMER_CLUB_SUBMENU_SOLID_PRIMARY_END */

/* FOODOS_SETTLEMENT_CENTRAL_WALLET_V6_20 */
.pc-settle-wallet-panel{display:grid;gap:9px;margin:8px 0 14px;direction:rtl}
.pc-wallet-balance-badge{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;border-radius:14px;padding:8px 10px 8px 12px;font-size:.82rem;font-weight:900;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease}
.pc-wallet-balance-badge.is-green{background:#dcfce7;color:#166534;border-color:#86efac}
.pc-wallet-balance-badge.is-red{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.pc-wallet-balance-badge.is-yellow{background:#fef3c7;color:#92400e;border-color:#fcd34d}
.pc-wallet-badge-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-wallet-sync-btn{appearance:none!important;-webkit-appearance:none!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;flex:0 0 30px!important;border:none!important;border-radius:9px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.62)!important;color:currentColor!important;cursor:pointer!important;line-height:0!important;box-shadow:none!important}
.pc-wallet-sync-btn:hover{background:rgba(255,255,255,.9)!important}
.pc-wallet-sync-btn:disabled{cursor:default!important;opacity:.85!important}
.pc-wallet-sync-svg{width:17px;height:17px;fill:currentColor;transform-origin:50% 50%}
.pc-wallet-sync-btn.is-spinning .pc-wallet-sync-svg{animation:pcWalletSyncSpin .8s linear infinite}
@keyframes pcWalletSyncSpin{to{transform:rotate(360deg)}}
.pc-settle-wallet-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.9fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border-glass);border-radius:13px;background:rgba(255,255,255,.72)}
.pc-settle-wallet-control[hidden]{display:none!important}
.pc-wallet-use-label{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:900;cursor:pointer}
.pc-wallet-use-label input{width:18px;height:18px;accent-color:#16a34a}
.pc-wallet-amount-wrap{display:flex;align-items:center;gap:7px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 9px;min-height:38px}
.pc-wallet-amount-wrap input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;padding:0!important;text-align:center;font:inherit;font-weight:900;color:#0f172a;box-shadow:none!important}
.pc-wallet-amount-wrap span{font-size:.7rem;color:#64748b;white-space:nowrap}
html.pc-dark-mode .pc-wallet-balance-badge.is-green,body.pc-dark-mode .pc-wallet-balance-badge.is-green{background:rgba(22,163,74,.20);color:#86efac;border-color:rgba(134,239,172,.38)}
html.pc-dark-mode .pc-wallet-balance-badge.is-red,body.pc-dark-mode .pc-wallet-balance-badge.is-red{background:rgba(220,38,38,.20);color:#fca5a5;border-color:rgba(252,165,165,.35)}
html.pc-dark-mode .pc-wallet-balance-badge.is-yellow,body.pc-dark-mode .pc-wallet-balance-badge.is-yellow{background:rgba(217,119,6,.20);color:#fde68a;border-color:rgba(253,230,138,.34)}
html.pc-dark-mode .pc-settle-wallet-control,body.pc-dark-mode .pc-settle-wallet-control{background:rgba(15,23,42,.58);border-color:rgba(148,163,184,.22)}
html.pc-dark-mode .pc-wallet-amount-wrap,body.pc-dark-mode .pc-wallet-amount-wrap{background:#0f172a;border-color:#334155}
html.pc-dark-mode .pc-wallet-amount-wrap input,body.pc-dark-mode .pc-wallet-amount-wrap input{color:#f8fafc!important}
@media(max-width:620px){.pc-settle-wallet-control{grid-template-columns:1fr}.pc-wallet-amount-wrap{width:100%;box-sizing:border-box}}