/* ── AppOS Frontend CSS ───────────────────────────────────────────────────── */
:root {
  --appos-primary:       #7F77DD;
  --appos-primary-dark:  #3C3489;
  --appos-primary-light: #EEEDFE;
  --appos-green:         #639922;
  --appos-green-light:   #EAF3DE;
  --appos-amber:         #BA7517;
  --appos-amber-light:   #FAEEDA;
  --appos-red:           #A32D2D;
  --appos-red-light:     #FCEBEB;
  --appos-gray:          #888780;
  --appos-gray-light:    #F1EFE8;
  --appos-border:        rgba(0,0,0,.1);
  --appos-surface:       #ffffff;
  --appos-bg:            #edf6ff;
  --appos-text:          #1a1a1a;
  --appos-text-muted:    #6b6b6b;
  --appos-text-faint:    #9e9e9e;
  --appos-radius:        10px;
  --appos-radius-sm:     6px;
  --appos-radius-lg:     14px;
  --appos-shadow:        0 1px 3px rgba(0,0,0,.08);
}

/* ── Base reset inside app ───────────────────────────────────────────────── */
.appos-app *, .appos-modal-bg * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.appos-app {
  display: flex;
  background: linear-gradient(180deg, #e7f4ff 0%, #ffffff 68%, #ffffff 100%);
  border-radius: var(--appos-radius-lg);
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 14px;
  color: var(--appos-text);
  position: relative;
}

/* ── Sidebar ─────────────────────────────────────────────────────────────── */
.appos-sidebar {
  width: 210px;
  flex-shrink: 0;
  background: var(--appos-surface);
  border-right: 1px solid var(--appos-border);
  display: flex;
  flex-direction: column;
}
.appos-logo {
  padding: 16px;
  border-bottom: 1px solid var(--appos-border);
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 15px;
}
.appos-logo-mark {
  width: 30px;
  height: 30px;
  background: var(--appos-primary);
  border-radius: var(--appos-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
}
.appos-nav { flex: 1; padding: 8px; }
.appos-nav-section {
  font-size: 10px;
  color: var(--appos-text-faint);
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 12px 8px 4px;
}
.appos-nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  border-radius: var(--appos-radius-sm);
  border: none;
  background: none;
  cursor: pointer;
  color: var(--appos-text-muted);
  font-size: 13px;
  text-align: left;
  transition: background .15s, color .15s;
}
.appos-nav-item:hover { background: var(--appos-gray-light); }
.appos-nav-item.is-active {
  background: var(--appos-primary-light);
  color: var(--appos-primary-dark);
  font-weight: 600;
}
.appos-nav-icon { font-size: 16px; }

/* ── Main ────────────────────────────────────────────────────────────────── */
.appos-main { flex: 1; display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.appos-topbar {
  height: 54px;
  background: var(--appos-surface);
  border-bottom: 1px solid var(--appos-border);
  display: flex;
  align-items: center;
  padding: 0 20px;
  gap: 10px;
  flex-shrink: 0;
}
.appos-topbar-title { font-size: 15px; font-weight: 600; flex: 1; }
.appos-topbar-actions { display: flex; gap: 8px; }
.appos-content { flex: 1; overflow-y: auto; padding: 18px 20px; }

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.appos-btn {
  padding: 7px 14px;
  border-radius: var(--appos-radius-sm);
  border: 1px solid var(--appos-border);
  background: var(--appos-surface);
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: background .15s;
  color: var(--appos-text);
  line-height: 1;
}
.appos-btn:hover { background: var(--appos-gray-light); }
.appos-btn-primary {
  background: var(--appos-primary);
  color: #fff;
  border-color: var(--appos-primary);
}
.appos-btn-primary:hover {
  background: var(--appos-primary-dark);
  border-color: var(--appos-primary-dark);
  color: #fff;
}
.appos-btn-sm { padding: 4px 10px; font-size: 12px; }
.appos-btn-danger { border-color: var(--appos-red); color: var(--appos-red); }
.appos-btn-danger:hover { background: var(--appos-red-light); }

/* ── Views ───────────────────────────────────────────────────────────────── */
.appos-view { display: none; }
.appos-view.is-active { display: block; }

/* ── Stats ───────────────────────────────────────────────────────────────── */
.appos-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.appos-stat-card {
  background: var(--appos-surface);
  border-radius: var(--appos-radius);
  padding: 14px 16px;
  border: 1px solid var(--appos-border);
}
.appos-stat-label { font-size: 12px; color: var(--appos-text-muted); margin-bottom: 4px; }
.appos-stat-val   { font-size: 24px; font-weight: 700; }
.appos-stat-sub   { font-size: 11px; color: var(--appos-text-faint); margin-top: 2px; }
.appos-val-primary { color: var(--appos-primary); }
.appos-val-success { color: var(--appos-green); }
.appos-val-warning { color: var(--appos-amber); }
.appos-val-danger  { color: var(--appos-red); }

/* ── Pipeline ────────────────────────────────────────────────────────────── */
.appos-pipeline {
  display: flex;
  background: var(--appos-surface);
  border: 1px solid var(--appos-border);
  border-radius: var(--appos-radius);
  overflow: hidden;
  margin-bottom: 14px;
}
.appos-pipe-step {
  flex: 1;
  padding: 10px 6px;
  text-align: center;
  font-size: 11px;
  color: var(--appos-text-muted);
  border: none;
  border-right: 1px solid var(--appos-border);
  background: none;
  cursor: pointer;
  transition: background .15s;
  line-height: 1.3;
}
.appos-pipe-step:last-child { border-right: none; }
.appos-pipe-step:hover { background: var(--appos-gray-light); }
.appos-pipe-step.is-active { background: var(--appos-primary-light); color: var(--appos-primary-dark); font-weight: 600; }
.appos-pipe-count { display: block; font-size: 18px; font-weight: 700; color: var(--appos-text); margin-bottom: 1px; }
.appos-pipe-step.is-active .appos-pipe-count { color: var(--appos-primary); }

/* ── Search bar ──────────────────────────────────────────────────────────── */
.appos-search-bar { display: flex; gap: 8px; margin-bottom: 14px; }
.appos-search-bar input { flex: 1; max-width: 340px; }
.appos-app input[type=text],
.appos-app input[type=tel],
.appos-app input[type=date],
.appos-app input[type=number],
.appos-app select,
.appos-app textarea,
.appos-modal input[type=text],
.appos-modal input[type=tel],
.appos-modal input[type=date],
.appos-modal input[type=number],
.appos-modal select,
.appos-modal textarea {
  border: 1px solid var(--appos-border);
  border-radius: var(--appos-radius-sm);
  padding: 7px 10px;
  font-size: 13px;
  font-family: inherit;
  background: var(--appos-surface);
  color: var(--appos-text);
  width: 100%;
  transition: border-color .15s;
}
.appos-app input:focus,.appos-app select:focus,.appos-app textarea:focus,
.appos-modal input:focus,.appos-modal select:focus,.appos-modal textarea:focus {
  outline: none;
  border-color: var(--appos-primary);
  box-shadow: 0 0 0 3px rgba(127,119,221,.15);
}
.appos-app textarea,.appos-modal textarea { resize: vertical; min-height: 72px; }

/* ── OS Cards ────────────────────────────────────────────────────────────── */
.appos-os-list { display: flex; flex-direction: column; gap: 8px; }
.appos-os-card {
  background: var(--appos-surface);
  border: 1px solid var(--appos-border);
  border-radius: var(--appos-radius);
  padding: 14px 16px;
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s;
}
.appos-os-card:hover { border-color: #bbb; box-shadow: var(--appos-shadow); }
.appos-os-card.is-selected { border-color: var(--appos-primary); border-width: 1.5px; }
.appos-os-header { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.appos-os-num   { font-size: 12px; color: var(--appos-text-faint); font-weight: 600; }
.appos-os-client { font-weight: 600; font-size: 14px; flex: 1; }
.appos-os-equip  { font-size: 12px; color: var(--appos-text-muted); }
.appos-os-footer { display: flex; gap: 14px; margin-top: 8px; font-size: 11px; color: var(--appos-text-faint); flex-wrap: wrap; }

/* ── Badges ──────────────────────────────────────────────────────────────── */
.appos-badge {
  font-size: 11px;
  padding: 3px 9px;
  border-radius: 20px;
  font-weight: 600;
  white-space: nowrap;
}
.appos-badge-Recebido              { background:#EEEDFE; color:#3C3489; }
.appos-badge-Em\ diagnóstico       { background:#FAEEDA; color:#633806; }
.appos-badge-Aguardando\ aprovação { background:#E6F1FB; color:#0C447C; }
.appos-badge-Em\ reparo            { background:#FAEEDA; color:#633806; }
.appos-badge-Pronto                { background:#EAF3DE; color:#27500A; }
.appos-badge-Entregue              { background:#D3D1C7; color:#2C2C2A; }

/* ── Detail Panel ────────────────────────────────────────────────────────── */
.appos-detail-panel {
  margin-top: 12px;
  background: var(--appos-surface);
  border: 1px solid var(--appos-border);
  border-radius: var(--appos-radius);
  overflow: hidden;
}
.appos-detail-header {
  padding: 14px 16px;
  border-bottom: 1px solid var(--appos-border);
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.appos-detail-header-title { font-weight: 600; font-size: 15px; flex: 1; }
.appos-progress-wrap { padding: 4px 16px 10px; }
.appos-progress-label { display: flex; justify-content: space-between; font-size: 10px; color: var(--appos-text-faint); margin-bottom: 4px; }
.appos-progress-bar   { height: 5px; background: var(--appos-primary-light); border-radius: 3px; overflow: hidden; }
.appos-progress-fill  { height: 100%; background: var(--appos-primary); border-radius: 3px; transition: width .4s; }
.appos-status-steps   { display: flex; gap: 6px; padding: 10px 16px; border-bottom: 1px solid var(--appos-border); flex-wrap: wrap; }
.appos-status-btn {
  padding: 5px 12px;
  border-radius: 20px;
  border: 1px solid var(--appos-border);
  background: var(--appos-bg);
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: all .15s;
  color: var(--appos-text-muted);
}
.appos-status-btn:hover { border-color: var(--appos-primary); color: var(--appos-primary); }
.appos-status-btn.is-current { background: var(--appos-primary); color: #fff; border-color: var(--appos-primary); }
.appos-detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.appos-detail-section {
  padding: 14px 16px;
  border-bottom: 1px solid var(--appos-border);
}
.appos-detail-section:nth-child(odd) { border-right: 1px solid var(--appos-border); }
.appos-detail-section.full { grid-column: 1/-1; border-right: none; }
.appos-section-label {
  font-size: 10px;
  color: var(--appos-text-faint);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 8px;
}
.appos-field-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
  border-bottom: 1px solid var(--appos-border);
  font-size: 13px;
}
.appos-field-row:last-child { border-bottom: none; }
.appos-field-key { color: var(--appos-text-muted); }
.appos-field-val { font-weight: 600; text-align: right; max-width: 60%; }

/* ── Historico ───────────────────────────────────────────────────────────── */
.appos-hist-item {
  display: flex;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid var(--appos-border);
  font-size: 12px;
}
.appos-hist-item:last-child { border-bottom: none; }
.appos-hist-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--appos-primary);
  flex-shrink: 0;
  margin-top: 3px;
}
.appos-hist-time { color: var(--appos-text-faint); }
.appos-hist-text { flex: 1; }

/* ── Peças ───────────────────────────────────────────────────────────────── */
.appos-peca-row {
  display: grid;
  grid-template-columns: 1fr 60px 80px 36px;
  gap: 6px;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid var(--appos-border);
}
.appos-peca-row:last-child { border-bottom: none; }

/* ── Modals ──────────────────────────────────────────────────────────────── */
.appos-modal-bg {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 99999;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.appos-modal-bg.is-open { display: flex; }
.appos-modal {
  background: linear-gradient(180deg, #f4faff 0%, #ffffff 100%);
  border-radius: var(--appos-radius-lg);
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 60px rgba(0,0,0,.2);
}
.appos-modal-lg { max-width: 640px; }
.appos-modal-header {
  padding: 16px 20px;
  border-bottom: 1px solid var(--appos-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background: var(--appos-surface);
  z-index: 1;
}
.appos-modal-title { font-weight: 600; font-size: 15px; }
.appos-modal-close {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 22px;
  color: var(--appos-text-muted);
  line-height: 1;
  padding: 0 2px;
}
.appos-modal-close:hover { color: var(--appos-text); }
.appos-modal-body   { padding: 20px; }
.appos-modal-footer {
  padding: 14px 20px;
  border-top: 1px solid var(--appos-border);
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  position: sticky;
  bottom: 0;
  background: var(--appos-surface);
}

/* ── Form grid ───────────────────────────────────────────────────────────── */
.appos-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.appos-form-full { grid-column: 1/-1; }
.appos-form-group { display: flex; flex-direction: column; gap: 5px; }
.appos-form-label { font-size: 12px; color: var(--appos-text-muted); font-weight: 600; }

/* ── Chips ───────────────────────────────────────────────────────────────── */
.appos-chip-group { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.appos-chip {
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid var(--appos-border);
  font-size: 12px;
  cursor: pointer;
  background: var(--appos-surface);
  transition: all .15s;
  color: var(--appos-text-muted);
}
.appos-chip:hover, .appos-chip.is-on {
  background: var(--appos-primary-light);
  border-color: var(--appos-primary);
  color: var(--appos-primary-dark);
}

/* ── Toast ───────────────────────────────────────────────────────────────── */
.appos-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: #1a1a1a;
  color: #fff;
  padding: 10px 18px;
  border-radius: var(--appos-radius);
  font-size: 13px;
  font-weight: 500;
  z-index: 999999;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .25s, transform .25s;
  pointer-events: none;
}
.appos-toast.is-visible { opacity: 1; transform: translateY(0); }

/* ── Loading ─────────────────────────────────────────────────────────────── */
.appos-loading { padding: 24px; text-align: center; color: var(--appos-text-faint); font-size: 13px; }
.appos-empty   { padding: 32px; text-align: center; color: var(--appos-text-faint); font-size: 13px; }

/* ── Rastreio page ───────────────────────────────────────────────────────── */
.appos-rastreio-wrap { display: flex; justify-content: center; padding: 40px 16px; }
.appos-rastreio-box {
  background: var(--appos-surface);
  border: 1px solid var(--appos-border);
  border-radius: var(--appos-radius-lg);
  padding: 36px;
  max-width: 480px;
  width: 100%;
  text-align: center;
}
.appos-rastreio-logo { font-size: 22px; font-weight: 700; margin-bottom: 16px; }
.appos-rastreio-box h2 { font-size: 20px; margin-bottom: 8px; }
.appos-rastreio-box p  { font-size: 13px; color: var(--appos-text-muted); margin-bottom: 20px; }
.appos-rastreio-form   { display: flex; gap: 8px; margin-bottom: 20px; }
.appos-rastreio-form input { flex: 1; }
.appos-rastreio-card {
  background: var(--appos-bg);
  border-radius: var(--appos-radius);
  padding: 16px;
  text-align: left;
}
.appos-rastreio-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.appos-rastreio-num    { font-weight: 700; font-size: 15px; }
.appos-rastreio-fields { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; }
.appos-rastreio-fields > div { display: flex; justify-content: space-between; font-size: 13px; }
.appos-rastreio-fields span  { color: var(--appos-text-muted); }
.appos-rastreio-not-found { color: var(--appos-red); font-size: 13px; padding: 12px; }

/* ── Tabs inside detail modal ────────────────────────────────────────────── */
.appos-tabs { display: flex; border-bottom: 1px solid var(--appos-border); margin-bottom: 16px; }
.appos-tab-btn {
  padding: 8px 16px;
  border: none;
  border-bottom: 2px solid transparent;
  background: none;
  cursor: pointer;
  font-size: 13px;
  color: var(--appos-text-muted);
  margin-bottom: -1px;
  transition: color .15s, border-color .15s;
}
.appos-tab-btn.is-active { color: var(--appos-primary); border-bottom-color: var(--appos-primary); font-weight: 600; }
.appos-tab-panel { display: none; }
.appos-tab-panel.is-active { display: block; }

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .appos-sidebar { display: none; }
  .appos-stats   { grid-template-columns: 1fr 1fr; }
  .appos-pipeline { flex-wrap: wrap; }
  .appos-pipe-step { min-width: 80px; }
  .appos-detail-grid { grid-template-columns: 1fr; }
  .appos-detail-section:nth-child(odd) { border-right: none; }
  .appos-form-grid { grid-template-columns: 1fr; }
  .appos-form-full { grid-column: auto; }
  .appos-modal { max-width: 100%; border-radius: var(--appos-radius); }
}

/* ── Step 2 — tab bar ────────────────────────────────────────────────────── */
.appos-s2-tabbar {
  display: flex;
  border-bottom: 1px solid var(--appos-border);
  background: var(--appos-bg);
  padding: 0 4px;
  gap: 2px;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 -20px 0;
  padding: 0 20px;
}
.appos-s2-tabbar::-webkit-scrollbar { display: none; }
.appos-s2-tab {
  padding: 10px 13px;
  border: none;
  border-bottom: 2px solid transparent;
  background: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  color: var(--appos-text-muted);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: color .15s, border-color .15s;
  margin-bottom: -1px;
}
.appos-s2-icon { font-style: normal; font-size: 14px; }
.appos-s2-tab:hover { color: var(--appos-text); }
.appos-s2-tab.is-active {
  color: var(--appos-primary-dark);
  border-bottom-color: var(--appos-primary);
  font-weight: 600;
}
.appos-s2-panel { display: none; }
.appos-s2-panel.is-active { display: block; }

/* ── HW block (card with titled header) ──────────────────────────────────── */
.appos-hw-block {
  border: 1px solid var(--appos-border);
  border-radius: var(--appos-radius);
  overflow: hidden;
  margin-bottom: 14px;
}
.appos-hw-block:last-child { margin-bottom: 0; }
.appos-hw-block-title {
  padding: 9px 14px;
  font-size: 11px;
  font-weight: 600;
  color: var(--appos-text-muted);
  background: var(--appos-bg);
  border-bottom: 1px solid var(--appos-border);
  letter-spacing: .03em;
}
.appos-hw-body { padding: 14px; }
.appos-hw-body .appos-form-grid { gap: 10px; }

/* ── HW summary grid (in detail panel) ──────────────────────────────────── */
.appos-hw-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.appos-hw-section {
  background: var(--appos-bg);
  border-radius: var(--appos-radius);
  padding: 12px 14px;
  border: 1px solid var(--appos-border);
}

@media (max-width: 640px) {
  .appos-hw-grid { grid-template-columns: 1fr; }
  .appos-s2-tab { padding: 8px 10px; font-size: 11px; }
}
/* AppOS V9.2 — Base técnica dentro da abertura da OS */
.appos-knowledge-box{border:1px solid #c7d2fe;background:#f8faff;border-radius:12px;padding:14px}.appos-knowledge-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.appos-knowledge-title>span{font-size:20px}.appos-knowledge-title strong,.appos-knowledge-title small{display:block}.appos-knowledge-title small{margin-top:2px;color:#667085;font-weight:400}.appos-knowledge-item{background:#fff;border:1px solid #e0e7ff;border-radius:9px;padding:10px 12px;margin-top:8px}.appos-knowledge-item>div{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.appos-knowledge-item strong{color:#312e81}.appos-knowledge-item span{font-size:11px;background:#eef2ff;color:#4338ca;border-radius:999px;padding:3px 7px;white-space:nowrap}.appos-knowledge-item p{margin:7px 0 0;line-height:1.45;color:#344054}.appos-knowledge-empty{color:#667085;font-size:13px;padding:4px 0}@media(max-width:640px){.appos-knowledge-item>div{flex-direction:column;gap:5px}.appos-knowledge-item span{align-self:flex-start}}

/* AppOS V9.2.4 — carregamento seguro dos cadastros do passo 2 */
.appos-modal select:disabled{
  background:#f3f4f6;
  color:#8a8f98;
  cursor:not-allowed;
  opacity:1;
}
.appos-field-help{
  display:block;
  margin:-1px 0 3px;
  color:#8a8f98;
  font-size:11px;
  line-height:1.35;
  font-weight:400;
}
.appos-reference-error{
  margin:8px 0;
  padding:18px;
  border:1px solid #fecaca;
  border-radius:10px;
  background:#fff7f7;
  color:#7f1d1d;
  text-align:center;
}
.appos-reference-error strong{display:block;font-size:15px;margin-bottom:7px}
.appos-reference-error p{margin:0 0 14px;line-height:1.45;color:#991b1b}
.appos-modal-footer .appos-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}

/* ===== AppOS V9.2.4 — identidade visual completa ===== */
:root {
  --appos-brand-1: #58a6ff;
  --appos-brand-2: #6366f1;
  --appos-brand-3: #eef7ff;
  --appos-brand-line: #dbe7f6;
  --appos-brand-shadow: 0 14px 34px rgba(37,99,235,.10);
}
.appos-app {
  background:
    radial-gradient(circle at top right, rgba(99,102,241,.10), transparent 20%),
    linear-gradient(180deg, #eef8ff 0%, #f7fbff 28%, #ffffff 72%, #ffffff 100%);
  box-shadow: var(--appos-brand-shadow);
}
.appos-sidebar {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border-right: 1px solid var(--appos-brand-line);
}
.appos-logo {
  background: linear-gradient(180deg, #ffffff 0%, #f3f9ff 100%);
}
.appos-logo-mark {
  background: linear-gradient(135deg, var(--appos-brand-1), var(--appos-brand-2));
  box-shadow: 0 10px 20px rgba(99,102,241,.24);
}
.appos-nav-item {
  border: 1px solid transparent;
}
.appos-nav-item:hover {
  background: #f2f8ff;
  border-color: #e2ecfa;
}
.appos-nav-item.is-active {
  background: linear-gradient(90deg, #eef7ff 0%, #eef2ff 100%);
  color: var(--appos-primary-dark);
  border-color: #dbe7f6;
  box-shadow: 0 8px 16px rgba(37,99,235,.06);
}
.appos-topbar {
  background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.80));
  border-bottom: 1px solid var(--appos-brand-line);
  backdrop-filter: blur(8px);
}
.appos-content {
  background: transparent;
}
.appos-btn {
  border-radius: 10px;
  transition: all .18s ease;
}
.appos-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(15,23,42,.08);
}
.appos-btn-primary {
  background: linear-gradient(135deg, var(--appos-brand-1), var(--appos-brand-2));
  border-color: transparent;
  box-shadow: 0 10px 20px rgba(99,102,241,.20);
}
.appos-btn-primary:hover {
  background: linear-gradient(135deg, #4694f1, #5558eb);
  border-color: transparent;
}
.appos-stat-card,
.appos-pipeline,
.appos-table-wrap,
.appos-detail-card,
.appos-rastreio-box,
.appos-modal {
  border-color: var(--appos-brand-line);
  box-shadow: var(--appos-brand-shadow);
}
.appos-stat-card,
.appos-pipeline,
.appos-rastreio-box {
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,255,.98) 100%);
}
.appos-pipe-step:hover {
  background: #f3f9ff;
}
.appos-pipe-step.is-active {
  background: linear-gradient(180deg, #eef7ff 0%, #eef2ff 100%);
}
.appos-app input[type=text],
.appos-app input[type=tel],
.appos-app input[type=date],
.appos-app input[type=number],
.appos-app select,
.appos-app textarea,
.appos-modal input[type=text],
.appos-modal input[type=tel],
.appos-modal input[type=date],
.appos-modal input[type=number],
.appos-modal select,
.appos-modal textarea {
  border: 1px solid #cfe0f5;
  border-radius: 12px;
  background: rgba(255,255,255,.96);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.appos-app input:focus,
.appos-app select:focus,
.appos-app textarea:focus,
.appos-modal input:focus,
.appos-modal select:focus,
.appos-modal textarea:focus {
  outline: none;
  border-color: #7db5ff;
  box-shadow: 0 0 0 4px rgba(88,166,255,.16);
  background: #fff;
}
.appos-table th {
  background: linear-gradient(180deg, #f4faff 0%, #eaf4ff 100%);
  color: #33537f;
}
.appos-table tbody tr:hover td {
  background: rgba(239,246,255,.62);
}
.appos-status-btn {
  border-radius: 999px;
}
.appos-status-btn.is-current {
  background: linear-gradient(135deg, var(--appos-brand-1), var(--appos-brand-2));
  border-color: transparent;
  box-shadow: 0 8px 18px rgba(99,102,241,.20);
}
.appos-modal {
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.appos-modal-header,
.appos-modal-footer {
  background: linear-gradient(180deg, #f8fbff 0%, #f1f7ff 100%);
}
.appos-chip:hover, .appos-chip.is-on {
  background: linear-gradient(180deg, #eef8ff 0%, #eef2ff 100%);
}
.appos-rastreio-card {
  background: linear-gradient(180deg, #f8fbff 0%, #eef7ff 100%);
}

/* AppOS V9.2.7 — páginas públicas de aprovação */
.appos-approval-wrap{display:flex;justify-content:center;padding:46px 16px;background:linear-gradient(180deg,#eaf6ff 0%,#fff 72%);min-height:70vh}
.appos-approval-box{width:min(720px,100%);background:#fff;border:1px solid #dbe7f6;border-radius:20px;padding:28px;box-shadow:0 22px 54px rgba(37,99,235,.12)}
.appos-public-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.appos-public-brand img,.appos-public-brand>span{width:48px;height:48px;border-radius:13px;object-fit:contain;background:linear-gradient(135deg,var(--appos-brand-1),var(--appos-brand-2));color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px;padding:5px}.appos-public-brand strong,.appos-public-brand small{display:block}.appos-public-brand small{color:var(--appos-text-muted);margin-top:2px}
.appos-approval-box h2{margin:0 0 20px}.appos-approval-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.appos-approval-card>div{padding:14px;border:1px solid #e1ecf8;border-radius:12px;background:linear-gradient(180deg,#f8fbff,#eef7ff)}.appos-approval-card .full{grid-column:1/-1}.appos-approval-card span,.appos-approval-card strong{display:block}.appos-approval-card span{font-size:12px;color:var(--appos-text-muted);margin-bottom:5px}.appos-approval-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}.appos-btn-danger{border-color:#fecaca;color:#b91c1c;background:#fff}.appos-approval-success{margin-top:20px;padding:16px;border-radius:12px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
@media(max-width:640px){.appos-approval-card{grid-template-columns:1fr}.appos-approval-card .full{grid-column:auto}.appos-approval-box{padding:20px}.appos-approval-actions{flex-direction:column-reverse}.appos-approval-actions .appos-btn{width:100%}}

/* ===== AppOS V9.2.7 — branding, pagamentos e WhatsApp ===== */
.appos-logo-mark img{
  width:100%;height:100%;object-fit:contain;border-radius:8px;background:#fff;
}
.appos-order-actions-v925{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px;
  border-bottom:1px solid var(--appos-brand-line,#dbe7f6);
  background:linear-gradient(180deg,#f6fbff 0%,#ffffff 100%);
}
.appos-btn-whatsapp{
  color:#fff!important;background:linear-gradient(135deg,#25d366,#16a34a)!important;
  border-color:transparent!important;box-shadow:0 8px 18px rgba(34,197,94,.18);
}
.appos-order-actions-v925 .appos-btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.appos-field-help{display:block;color:var(--appos-text-faint);font-size:11px;line-height:1.35;margin-top:2px}
.appos-payment-summary-v925{padding:12px;border:1px solid #dbe7f6;border-radius:12px;background:linear-gradient(180deg,#f7fbff,#fff)}
@media(max-width:640px){
  .appos-order-actions-v925 .appos-btn{flex:1 1 46%;white-space:normal}
}
.appos-sidebar{
  background:linear-gradient(180deg,var(--appos-sidebar-custom,#0f172a) 0%,#172554 58%,#1e3a8a 100%);
  color:#fff;border-right-color:rgba(255,255,255,.08)
}
.appos-sidebar .appos-logo{background:rgba(255,255,255,.04);border-bottom-color:rgba(255,255,255,.10);color:#fff}
.appos-sidebar .appos-nav-section{color:rgba(255,255,255,.52)}
.appos-sidebar .appos-nav-item{color:rgba(255,255,255,.78)}
.appos-sidebar .appos-nav-item:hover,.appos-sidebar .appos-nav-item.is-active{background:linear-gradient(90deg,rgba(88,166,255,.22),rgba(99,102,241,.28));border-color:rgba(255,255,255,.12);color:#fff}
.appos-rastreio-logo{display:flex;align-items:center;justify-content:center;gap:10px}
.appos-rastreio-logo img{width:38px;height:38px;object-fit:contain;border-radius:9px;background:#fff}

/* AppOS V9.2.7 — sessão e carregamento seguro */
.appos-session-required,
.appos-reference-error {
  max-width: 680px;
  margin: 24px auto;
  padding: 24px;
  background: linear-gradient(180deg,#fff7f7 0%,#ffffff 100%);
  border: 1px solid #f3c7c7;
  border-radius: 14px;
  text-align: center;
}
.appos-session-required strong,
.appos-reference-error strong { display:block; margin-bottom:8px; }
.appos-session-required p,
.appos-reference-error p { margin:0 0 16px; }
.appos-reference-actions { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; }
.appos-reference-hint { display:block; margin-top:14px; color:var(--appos-text-muted); line-height:1.5; }

/* AppOS V9.2.7 — autenticação dinâmica resistente a cache */
.appos-app[data-appos-auth="pending"]::after {
  content: "Confirmando sessão do WordPress…";
  position: absolute;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 24px;
  background: linear-gradient(180deg, rgba(238,248,255,.98), rgba(255,255,255,.98));
  color: var(--appos-text-muted);
  font-size: 14px;
  font-weight: 600;
}
.appos-auth-gate {
  width: 100%;
  min-height: 320px;
  padding: 48px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
}
.appos-auth-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-size: 26px;
  background: linear-gradient(135deg, #e8f4ff, #eef2ff);
  box-shadow: 0 12px 28px rgba(37,99,235,.12);
}
.appos-auth-gate strong { font-size: 19px; color: var(--appos-text); }
.appos-auth-gate p { max-width: 560px; margin: 0; color: var(--appos-text-muted); line-height: 1.6; }
.appos-auth-gate small { max-width: 620px; color: var(--appos-text-faint); line-height: 1.5; }
.appos-auth-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 8px; }

/* ===== AppOS V9.3 — header, módulos e wizard em 5 etapas ===== */
.appos-app{--appos-green:var(--appos-success,#10b981);--appos-amber:var(--appos-warning,#f59e0b);--appos-red:var(--appos-danger,#ef4444);background:var(--appos-bg,#f4f7fb)}
.appos-sidebar{width:240px;overflow-y:auto;transition:width .22s ease,transform .22s ease}.appos-logo{min-height:72px;padding:16px 18px}.appos-logo-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--appos-brand-1),var(--appos-brand-2));box-shadow:0 10px 24px rgba(0,0,0,.18)}.appos-logo-text{font-size:16px}.appos-nav{padding:10px}.appos-nav-item{position:relative;min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:11px}.appos-nav-item>span:nth-child(2){flex:1}.appos-nav-icon{width:22px;text-align:center;font-size:17px}.appos-nav-badge{display:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;align-items:center;justify-content:center;background:rgba(255,255,255,.18);font-size:10px;color:#fff}.appos-nav-badge:not(:empty){display:inline-flex}
.appos-topbar{height:auto;min-height:82px;padding:12px 22px;justify-content:space-between;gap:18px;box-shadow:0 1px 0 rgba(15,23,42,.04)}.appos-topbar-leading{display:flex;align-items:center;gap:14px;min-width:0}.appos-topbar-heading{min-width:0}.appos-topbar-eyebrow{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--appos-primary);font-weight:800}.appos-topbar-title{font-size:20px;line-height:1.2;margin-top:2px}.appos-topbar-subtitle{font-size:12px;color:var(--appos-text-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:620px}.appos-topbar-actions{align-items:center}.appos-icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--appos-border);border-radius:11px;background:var(--appos-surface);color:var(--appos-text);cursor:pointer;font-size:19px}.appos-icon-btn:hover{background:var(--appos-primary-light)}.appos-sidebar-toggle{display:none}.appos-user-menu{display:flex;align-items:center;gap:8px;padding-left:8px}.appos-user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--appos-brand-1),var(--appos-brand-2));color:#fff;font-weight:800}.appos-user-name{font-size:12px;font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.appos-content{padding:20px 22px;background:var(--appos-bg,#f4f7fb)}.appos-module-shell{min-height:360px}.appos-module-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.appos-module-toolbar h2{font-size:18px;margin:0}.appos-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.appos-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.appos-module-card{background:var(--appos-surface);border:1px solid var(--appos-border);border-radius:14px;padding:16px;box-shadow:var(--appos-shadow)}.appos-module-card h3{font-size:15px;margin:0 0 6px}.appos-module-card p{font-size:12px;color:var(--appos-text-muted);line-height:1.5}.appos-module-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.appos-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--appos-primary-light);color:var(--appos-primary-dark);font-size:11px;font-weight:700}.appos-module-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.appos-empty-state{padding:42px 20px;text-align:center;background:var(--appos-surface);border:1px dashed #cbd5e1;border-radius:14px;color:var(--appos-text-muted)}
.appos-module-table{width:100%;border-collapse:collapse;background:var(--appos-surface);border:1px solid var(--appos-border);border-radius:14px;overflow:hidden}.appos-module-table th,.appos-module-table td{padding:11px 12px;border-bottom:1px solid var(--appos-border);text-align:left;font-size:12px}.appos-module-table th{background:#f8fafc;color:var(--appos-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.appos-module-table tr:last-child td{border-bottom:0}.appos-module-table .is-low{color:var(--appos-danger);font-weight:800}
.appos-inline-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.appos-inline-form .full{grid-column:1/-1}.appos-module-dialog{position:fixed;inset:0;z-index:100050;background:rgba(15,23,42,.56);display:none;align-items:center;justify-content:center;padding:20px}.appos-module-dialog.is-open{display:flex}.appos-module-dialog-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:var(--appos-surface);border-radius:18px;padding:22px;box-shadow:0 28px 80px rgba(15,23,42,.28)}.appos-module-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.appos-module-dialog-head h3{margin:0;font-size:18px}
.appos-wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 18px}.appos-wizard-step{display:flex;align-items:center;gap:7px;color:var(--appos-text-faint);font-size:11px;font-weight:700}.appos-wizard-step::before{content:attr(data-step);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e5e7eb;color:#64748b}.appos-wizard-step.is-active{color:var(--appos-primary-dark)}.appos-wizard-step.is-active::before,.appos-wizard-step.is-done::before{background:linear-gradient(135deg,var(--appos-brand-1),var(--appos-brand-2));color:#fff}.appos-wizard-step.is-done::before{content:'✓'}
.appos-password-card,.appos-photo-card,.appos-summary-card{background:#f8fafc;border:1px solid var(--appos-border);border-radius:14px;padding:16px}.appos-password-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--appos-border);border-radius:10px;background:#fff;width:max-content}.appos-password-tab{border:0;background:transparent;padding:8px 12px;border-radius:7px;cursor:pointer;font-weight:700}.appos-password-tab.is-active{background:linear-gradient(135deg,var(--appos-brand-1),var(--appos-brand-2));color:#fff}.appos-pattern-grid{width:210px;height:210px;margin:18px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:20px}.appos-pattern-node{width:34px;height:34px;border-radius:50%;border:3px solid #94a3b8;background:#fff;display:grid;place-items:center;cursor:pointer;position:relative}.appos-pattern-node.is-selected{border-color:var(--appos-primary);background:var(--appos-primary-light)}.appos-pattern-node.is-selected::after{content:attr(data-order);font-size:11px;font-weight:900;color:var(--appos-primary-dark)}.appos-photo-drop{display:block;border:2px dashed #cbd5e1;border-radius:14px;padding:24px;text-align:center;cursor:pointer;background:#fff}.appos-photo-drop:hover{border-color:var(--appos-primary);background:var(--appos-primary-light)}.appos-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px}.appos-photo-thumb{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid var(--appos-border);background:#e2e8f0}.appos-photo-thumb img{width:100%;height:100%;object-fit:cover}.appos-photo-remove{position:absolute;top:5px;right:5px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(15,23,42,.78);color:#fff;cursor:pointer}.appos-upload-progress{font-size:12px;color:var(--appos-primary);margin-top:8px}.appos-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appos-summary-list{display:grid;gap:8px}.appos-summary-row{display:flex;justify-content:space-between;gap:16px;font-size:12px}.appos-summary-row span:first-child{color:var(--appos-text-muted)}.appos-success-card{text-align:center;padding:28px 12px}.appos-success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#d1fae5;color:#059669;font-size:34px}.appos-success-card h3{font-size:23px;margin:0 0 8px}.appos-success-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.appos-label-builder{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:18px}.appos-label-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.appos-print-label{background:#fff;border:1px solid #111;border-radius:8px;padding:14px;display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;min-height:120px}.appos-print-label canvas,.appos-print-label img{width:86px;height:86px}.appos-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.appos-product-card{background:var(--appos-surface);border:1px solid var(--appos-border);border-radius:15px;overflow:hidden}.appos-product-image{aspect-ratio:4/3;background:#eef2f7;display:grid;place-items:center;color:#94a3b8}.appos-product-image img{width:100%;height:100%;object-fit:cover}.appos-product-body{padding:14px}.appos-product-price{font-size:18px;font-weight:900;color:var(--appos-primary-dark)}.appos-product-old{text-decoration:line-through;color:var(--appos-text-faint);font-size:11px;margin-right:6px}
@media(max-width:980px){.appos-sidebar-toggle{display:grid}.appos-sidebar{position:absolute;z-index:60;inset:0 auto 0 0;transform:translateX(-102%);box-shadow:24px 0 60px rgba(15,23,42,.24)}.appos-app.is-sidebar-open .appos-sidebar{transform:translateX(0)}.appos-topbar-subtitle{max-width:360px}.appos-label-builder{grid-template-columns:1fr}}
@media(max-width:680px){.appos-topbar{padding:10px 12px;min-height:68px}.appos-topbar-eyebrow,.appos-topbar-subtitle,.appos-user-name{display:none}.appos-topbar-title{font-size:16px}.appos-user-menu{padding-left:0}.appos-topbar-actions .appos-btn-primary{padding:10px}.appos-content{padding:14px 12px}.appos-wizard-progress{grid-template-columns:repeat(5,26px);justify-content:space-between}.appos-wizard-step span{display:none}.appos-inline-form,.appos-summary-grid{grid-template-columns:1fr}.appos-label-preview{grid-template-columns:1fr}.appos-module-toolbar{align-items:flex-start;flex-direction:column}.appos-module-table-wrap{overflow-x:auto}.appos-photo-grid{grid-template-columns:repeat(3,1fr)}}
@media print{body.appos-printing-labels .appos-label-print-area{display:block!important}.appos-label-print-area .appos-print-label{break-inside:avoid;page-break-inside:avoid}}

/* ===== AppOS V9.3 — módulos, cores e vitrine ===== */
.appos-app,
.appos-storefront,
.appos-modal-bg,
.appos-module-dialog-bg{
  --appos-green:var(--appos-success,#10b981);
  --appos-amber:var(--appos-warning,#f59e0b);
  --appos-red:var(--appos-danger,#ef4444);
}
.appos-app{
  background:
    radial-gradient(circle at top right, color-mix(in srgb,var(--appos-brand-2) 11%,transparent), transparent 22%),
    linear-gradient(180deg,color-mix(in srgb,var(--appos-bg) 94%,#fff) 0%,var(--appos-bg) 45%,color-mix(in srgb,var(--appos-bg) 52%,#fff) 100%);
}
.appos-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--appos-sidebar-custom,#0f172a) 96%,#fff),var(--appos-sidebar-custom,#0f172a));border-color:color-mix(in srgb,var(--appos-sidebar-custom,#0f172a) 78%,#fff)}
.appos-sidebar .appos-logo,.appos-sidebar .appos-nav-item,.appos-sidebar .appos-nav-section{color:#fff}
.appos-sidebar .appos-logo{background:transparent;border-color:rgba(255,255,255,.12)}
.appos-sidebar .appos-nav-section{opacity:.52}
.appos-sidebar .appos-nav-item{opacity:.76}
.appos-sidebar .appos-nav-item:hover{opacity:1;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.08)}
.appos-sidebar .appos-nav-item.is-active{opacity:1;color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--appos-brand-1) 82%,transparent),color-mix(in srgb,var(--appos-brand-2) 68%,transparent));border-color:rgba(255,255,255,.14);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.appos-topbar{background:color-mix(in srgb,var(--appos-surface) 88%,transparent)}
.appos-content{background:transparent}

.appos-module-toolbar>div:first-child p{margin-top:4px;color:var(--appos-text-muted);font-size:12px}
.appos-module-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.appos-module-search{width:min(260px,50vw);height:40px;padding:0 12px;border:1px solid var(--appos-border);border-radius:10px;background:var(--appos-surface);color:var(--appos-text)}
.appos-module-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.appos-module-stat{padding:15px;border:1px solid var(--appos-border);border-radius:14px;background:var(--appos-surface);box-shadow:var(--appos-shadow)}
.appos-module-stat span,.appos-module-stat small{display:block;color:var(--appos-text-muted);font-size:11px}
.appos-module-stat strong{display:block;margin:5px 0 2px;font-size:22px;color:var(--appos-text)}
.appos-module-table-wrap{overflow:auto;border-radius:14px;box-shadow:var(--appos-shadow)}
.appos-module-table td strong,.appos-module-table td small{display:block}.appos-module-table td small{margin-top:3px;color:var(--appos-text-muted)}
.appos-module-actions{white-space:nowrap;text-align:right!important}
.appos-link-btn{padding:6px 7px;border:0;background:transparent;color:var(--appos-primary);font-size:12px;font-weight:700;cursor:pointer}.appos-link-btn:hover{text-decoration:underline}.appos-link-btn.is-danger{color:var(--appos-danger)}
.appos-module-empty,.appos-module-error{padding:48px 24px;text-align:center;border:1px dashed color-mix(in srgb,var(--appos-text) 18%,transparent);border-radius:15px;background:color-mix(in srgb,var(--appos-surface) 92%,transparent)}
.appos-module-empty-icon{width:50px;height:50px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--appos-primary-light);color:var(--appos-primary);font-size:23px}.appos-module-empty h3,.appos-module-error strong{display:block;font-size:17px;margin-bottom:6px}.appos-module-empty p,.appos-module-error p{max-width:470px;margin:0 auto 16px;color:var(--appos-text-muted);line-height:1.5}
.appos-stock-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--appos-success) 14%,transparent);color:var(--appos-success);font-weight:800}.appos-stock-pill.is-low{background:color-mix(in srgb,var(--appos-danger) 13%,transparent);color:var(--appos-danger)}

.appos-module-dialog-bg{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.58);backdrop-filter:blur(4px)}
.appos-module-dialog-bg>.appos-module-dialog{position:relative;inset:auto;display:block;width:min(760px,100%);max-height:92vh;overflow:auto;padding:0;border:1px solid var(--appos-border);border-radius:18px;background:var(--appos-surface);color:var(--appos-text);box-shadow:0 30px 90px rgba(15,23,42,.34)}
.appos-module-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--appos-border)}.appos-module-dialog-header h3{font-size:19px;margin:0}.appos-module-dialog-header p{font-size:12px;color:var(--appos-text-muted);margin-top:4px}
.appos-module-dialog-body{padding:22px}.appos-module-dialog-footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px;border-top:1px solid var(--appos-border);background:color-mix(in srgb,var(--appos-bg) 45%,var(--appos-surface))}
.appos-module-dialog input,.appos-module-dialog select,.appos-module-dialog textarea{width:100%;border:1px solid var(--appos-border);border-radius:11px;padding:10px 12px;background:var(--appos-surface);color:var(--appos-text)}
.appos-module-dialog textarea{min-height:92px;resize:vertical}.appos-check{display:flex;gap:8px;align-items:center;font-size:13px}.appos-check input{width:auto}

.appos-products-grid,.appos-team-grid,.appos-aftersales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}
.appos-product-card{position:relative;box-shadow:var(--appos-shadow)}.appos-product-image{position:relative}.appos-product-image b{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:999px;background:var(--appos-primary);color:#fff;font-size:10px}.appos-product-body small{color:var(--appos-text-muted)}.appos-product-body h3{font-size:16px;margin:5px 0}.appos-product-body p{min-height:36px;font-size:12px;color:var(--appos-text-muted);line-height:1.5}.appos-product-stock{margin-top:4px;font-size:11px;color:var(--appos-text-muted)}.appos-product-actions{display:flex;gap:4px;margin-top:12px;border-top:1px solid var(--appos-border);padding-top:8px}
.appos-team-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--appos-border);border-radius:14px;background:var(--appos-surface);box-shadow:var(--appos-shadow)}.appos-team-avatar{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--appos-brand-1),var(--appos-brand-2));color:#fff;font-weight:900}.appos-team-info{flex:1;min-width:0}.appos-team-info h3{font-size:14px}.appos-team-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--appos-text-muted)}.appos-team-info span{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:999px;background:var(--appos-primary-light);color:var(--appos-primary-dark);font-size:10px;font-weight:700}
.appos-aftersales-card{padding:16px;border:1px solid var(--appos-border);border-radius:14px;background:var(--appos-surface);box-shadow:var(--appos-shadow)}.appos-aftersales-head{display:flex;align-items:center;justify-content:space-between}.appos-aftersales-card h3{font-size:16px;margin:12px 0 2px}.appos-aftersales-card>p{font-size:12px;color:var(--appos-text-muted)}.appos-aftersales-card dl{display:grid;gap:7px;margin:14px 0}.appos-aftersales-card dl>div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.appos-aftersales-card dt{color:var(--appos-text-muted)}.appos-card-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.appos-btn-whatsapp{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}.appos-status-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--appos-gray-light);font-size:10px;font-weight:800}.appos-status-chip.is-pendente,.appos-status-chip.is-agendado{background:color-mix(in srgb,var(--appos-warning) 15%,transparent);color:color-mix(in srgb,var(--appos-warning) 74%,#000)}.appos-status-chip.is-contatado,.appos-status-chip.is-respondido{background:var(--appos-primary-light);color:var(--appos-primary-dark)}.appos-status-chip.is-resolvido{background:color-mix(in srgb,var(--appos-success) 15%,transparent);color:var(--appos-success)}

.appos-label-controls,.appos-label-preview{padding:18px;border:1px solid var(--appos-border);border-radius:15px;background:var(--appos-surface)}.appos-label-print-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.appos-qr-label{min-height:132px;padding:14px;border:1px solid #111;border-radius:8px;display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;background:#fff;color:#111}.appos-qr-label strong,.appos-qr-label span,.appos-qr-label small{display:block}.appos-qr-label strong{font-size:15px}.appos-qr-label span{margin:5px 0;font-size:11px}.appos-qr-label small{font-size:9px}.appos-qr-label.size-60x40{min-height:116px}.appos-qr-label.size-50x30{min-height:96px;grid-template-columns:72px 1fr}.appos-qr-label.size-50x30 canvas{width:72px!important;height:72px!important}

.appos-storefront{--appos-store-columns:3;max-width:1240px;margin:0 auto;padding:28px;color:var(--appos-text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.appos-storefront-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.appos-storefront-eyebrow{display:block;color:var(--appos-primary);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.appos-storefront-header h2{font-size:clamp(26px,4vw,42px);line-height:1.1;margin:5px 0}.appos-storefront-header p{color:var(--appos-text-muted)}.appos-storefront-search{min-width:250px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--appos-border);border-radius:12px;background:var(--appos-surface)}.appos-storefront-search input{width:100%;height:44px;border:0!important;outline:0;background:transparent;color:var(--appos-text)}.appos-storefront-grid{display:grid;grid-template-columns:repeat(var(--appos-store-columns),minmax(0,1fr));gap:18px}.appos-storefront-card{overflow:hidden;border:1px solid var(--appos-border);border-radius:18px;background:var(--appos-surface);box-shadow:0 12px 32px rgba(15,23,42,.07);transition:transform .2s,box-shadow .2s}.appos-storefront-card:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(15,23,42,.11)}.appos-storefront-media{position:relative;aspect-ratio:4/3;display:grid;place-items:center;background:color-mix(in srgb,var(--appos-bg) 72%,#fff);color:var(--appos-text-muted)}.appos-storefront-media img{width:100%;height:100%;object-fit:cover}.appos-storefront-media b{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,var(--appos-brand-1),var(--appos-brand-2));color:#fff;font-size:10px}.appos-storefront-content{padding:17px}.appos-storefront-content>small{color:var(--appos-primary);font-weight:700}.appos-storefront-content h3{font-size:18px;margin:5px 0}.appos-storefront-content p{min-height:42px;color:var(--appos-text-muted);font-size:13px;line-height:1.55}.appos-storefront-price{display:flex;align-items:baseline;gap:7px;margin:13px 0}.appos-storefront-price del{color:var(--appos-text-faint);font-size:12px}.appos-storefront-price strong{font-size:22px;color:var(--appos-primary-dark)}.appos-storefront-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid var(--appos-border);padding-top:13px}.appos-storefront-footer span{font-size:10px;font-weight:800}.appos-storefront-footer .is-available{color:var(--appos-success)}.appos-storefront-footer .is-unavailable{color:var(--appos-warning)}.appos-storefront-no-results{text-align:center;padding:30px;color:var(--appos-text-muted)}

@media(max-width:900px){.appos-module-stats{grid-template-columns:1fr 1fr}.appos-storefront-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appos-storefront-header{align-items:flex-start;flex-direction:column}.appos-storefront-search{width:100%;min-width:0}}
@media(max-width:620px){.appos-module-stats{grid-template-columns:1fr}.appos-products-grid,.appos-team-grid,.appos-aftersales-grid{grid-template-columns:1fr}.appos-module-search{width:100%}.appos-module-toolbar-actions{width:100%}.appos-module-dialog-bg{padding:8px}.appos-module-dialog-bg>.appos-module-dialog{border-radius:14px}.appos-storefront{padding:18px 12px}.appos-storefront-grid{grid-template-columns:1fr}.appos-label-builder{display:block}.appos-label-preview{margin-top:12px}}
@media print{
  body.appos-printing-labels>*{display:none!important}
  body.appos-printing-labels .appos-app{display:block!important;position:static!important;height:auto!important;overflow:visible!important}
  body.appos-printing-labels .appos-app>*:not(.appos-main),body.appos-printing-labels .appos-topbar{display:none!important}
  body.appos-printing-labels .appos-main,body.appos-printing-labels .appos-content,body.appos-printing-labels #appos-view-etiquetas,body.appos-printing-labels .appos-module-shell,body.appos-printing-labels .appos-label-builder,body.appos-printing-labels .appos-label-preview,body.appos-printing-labels .appos-label-print-area{display:block!important;position:static!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}
  body.appos-printing-labels .appos-module-toolbar,body.appos-printing-labels .appos-label-controls{display:none!important}
  body.appos-printing-labels .appos-qr-label{break-inside:avoid;page-break-inside:avoid;margin:0 0 5mm}
}

/* Nova OS — integração com Catálogo de Serviços */
.appos-wizard-service-card{margin-bottom:14px;padding:16px;border:1px solid var(--appos-border);border-radius:15px;background:color-mix(in srgb,var(--appos-surface) 94%,var(--appos-primary-light));box-shadow:var(--appos-shadow)}
.appos-wizard-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.appos-wizard-card-heading>div{display:grid;gap:3px}.appos-wizard-card-heading small{color:var(--appos-text-muted);font-size:11px;line-height:1.45}
.appos-wizard-service-add{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:8px}.appos-wizard-service-add select,.appos-wizard-service-add input{width:100%;min-height:42px}
.appos-wizard-service-list{display:grid;gap:7px;margin-top:12px}.appos-wizard-service-row{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:11px;padding:10px 11px;border:1px solid var(--appos-border);border-radius:11px;background:var(--appos-surface)}.appos-wizard-service-row>div{display:grid;gap:2px}.appos-wizard-service-row small{font-size:10px;color:var(--appos-text-muted)}.appos-wizard-service-row>.appos-icon-btn{width:30px;height:30px;font-size:17px}
.appos-wizard-service-total{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:12px;padding-top:11px;border-top:1px solid var(--appos-border);font-size:12px}.appos-wizard-service-total strong{font-size:18px;color:var(--appos-primary-dark)}
.appos-empty-inline{padding:14px;border:1px dashed var(--appos-border);border-radius:10px;color:var(--appos-text-muted);text-align:center;font-size:11px;background:var(--appos-surface)}
.appos-summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
@media(max-width:620px){.appos-wizard-service-add{grid-template-columns:1fr 78px}.appos-wizard-service-add .appos-btn{grid-column:1/-1}.appos-wizard-service-row{grid-template-columns:minmax(0,1fr) auto 30px}}

/* ── Navegação superior dos módulos ─────────────────────────────────────── */
.appos-module-menu-wrap {
  width: 100%;
  margin: 0 0 22px;
  position: relative;
  z-index: 25;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.appos-module-menu-wrap.is-sticky {
  position: sticky;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 10px);
}
.appos-module-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  padding: 12px;
  background: rgba(255,255,255,.96);
  border: 1px solid var(--appos-border, rgba(0,0,0,.1));
  border-radius: var(--appos-radius-lg, 14px);
  box-shadow: 0 12px 34px rgba(15,23,42,.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.appos-module-menu__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 9px 13px;
  border: 1px solid rgba(15,23,42,.09);
  border-radius: 10px;
  background: #fff;
  color: var(--appos-text, #1a1a1a);
  text-decoration: none !important;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 650;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.appos-module-menu__button:hover,
.appos-module-menu__button:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(127,119,221,.42);
  box-shadow: 0 8px 18px rgba(15,23,42,.09);
  color: var(--appos-primary-dark, #3C3489);
}
.appos-module-menu__button.is-active {
  border-color: transparent;
  background: linear-gradient(135deg, var(--appos-primary, #7F77DD), var(--appos-primary-dark, #3C3489));
  color: #fff;
  box-shadow: 0 9px 22px rgba(127,119,221,.30);
}
.appos-module-menu__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 7px;
  background: var(--appos-primary-light, #EEEDFE);
  color: var(--appos-primary-dark, #3C3489);
  font-size: 14px;
  font-weight: 800;
}
.appos-module-menu__button.is-active .appos-module-menu__icon {
  background: rgba(255,255,255,.18);
  color: #fff;
}
@media (max-width: 900px) {
  .appos-module-menu {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .appos-module-menu__button {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}
@media (max-width: 480px) {
  .appos-module-menu-wrap { margin-bottom: 14px; }
  .appos-module-menu { padding: 9px; gap: 7px; border-radius: 12px; }
  .appos-module-menu__button { min-height: 40px; padding: 8px 11px; font-size: 12px; }
}

/* ── Página unificada por shortcode (v9.3.4) ───────────────────────────── */
.appos-shortcode-page {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.appos-shortcode-page > .appos-module-menu-wrap {
  margin-bottom: 22px;
}
.appos-shortcode-page > .appos-app {
  min-height: 640px;
}
@media (max-width: 768px) {
  .appos-shortcode-page > .appos-module-menu-wrap { margin-bottom: 14px; }
  .appos-shortcode-page > .appos-app { min-height: 560px; }
}

/* AppOS 10 — login próprio do frontend */
.appos-login-card{width:min(100%,460px);margin:48px auto;padding:32px;border:1px solid rgba(15,23,42,.1);border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.12);color:#0f172a}
.appos-login-brand{display:flex;align-items:center;gap:16px;margin-bottom:24px}.appos-login-brand h1{margin:0;font-size:1.5rem}.appos-login-brand p{margin:4px 0 0;color:#64748b}.appos-login-logo{width:56px;height:56px;object-fit:contain}.appos-login-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--appos-brand-1,#58a6ff),var(--appos-brand-2,#6366f1));color:#fff;font-size:1.5rem;font-weight:800}
.appos-login-form{display:grid;gap:10px}.appos-login-form label{font-weight:650;font-size:.92rem}.appos-login-form input[type=text],.appos-login-form input[type=password]{width:100%;min-height:48px;padding:0 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a}.appos-login-form input:focus{border-color:var(--appos-brand-1,#58a6ff);outline:3px solid color-mix(in srgb,var(--appos-brand-1,#58a6ff) 20%,transparent)}
.appos-password-wrap{position:relative}.appos-password-wrap input{padding-right:82px!important}.appos-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--appos-brand-2,#6366f1);font-weight:700;cursor:pointer}.appos-login-trial{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 8px;padding:12px 13px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4}.appos-login-trial>span{color:#166534;font-size:.88rem;font-weight:750}.appos-login-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border-radius:9px;background:#16a34a;color:#fff!important;text-decoration:none;font-size:.82rem;font-weight:800;white-space:nowrap;box-shadow:0 8px 18px rgba(22,163,74,.18);transition:transform .18s,filter .18s}.appos-login-whatsapp:hover{transform:translateY(-1px);filter:brightness(1.04)}.appos-login-submit{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border:0;border-radius:10px;padding:0 18px;background:linear-gradient(135deg,var(--appos-brand-1,#58a6ff),var(--appos-brand-2,#6366f1));color:#fff!important;text-decoration:none;font-weight:800;cursor:pointer}.appos-login-secondary,.appos-login-forgot{display:block;text-align:center;color:var(--appos-brand-2,#6366f1);text-decoration:none;font-weight:650}.appos-login-alert{margin-bottom:18px;padding:12px 14px;border-radius:10px;background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.appos-login-success{display:grid;gap:12px}

/* AppOS 10.2.0 — contador do acesso de demonstração */
.appos-demo-timer{display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:7px 11px;border:1px solid #c7d2fe;border-radius:12px;background:#eef2ff;color:#3730a3;line-height:1.1}.appos-demo-timer span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.appos-demo-timer strong{font-size:14px;font-variant-numeric:tabular-nums}.appos-demo-timer.is-ending{border-color:#fecaca;background:#fff1f2;color:#be123c}.appos-demo-timer.is-expired{border-color:#fecaca;background:#fee2e2;color:#991b1b}
@media(max-width:720px){.appos-demo-timer{align-items:center;padding:6px 8px}.appos-demo-timer span{display:none}.appos-demo-timer strong{font-size:12px}}

@media(max-width:520px){.appos-login-trial{align-items:stretch;flex-direction:column}.appos-login-whatsapp{width:100%}}

/* ── AppOS 10.6.3 — ficha completa de clientes ─────────────────────────── */
.appos-modal-xl{max-width:920px}
.appos-client-table-wrap,.appos-client-history-wrap{width:100%;overflow-x:auto;background:var(--appos-surface);border:1px solid var(--appos-border);border-radius:var(--appos-radius)}
.appos-client-table,.appos-client-history-table{width:100%;border-collapse:collapse;min-width:700px}
.appos-client-table th,.appos-client-history-table th{padding:11px 12px;text-align:left;font-size:11px;color:var(--appos-text-faint);font-weight:700;border-bottom:1px solid var(--appos-border);background:color-mix(in srgb,var(--appos-bg) 72%,#fff)}
.appos-client-table td,.appos-client-history-table td{padding:12px;font-size:13px;color:var(--appos-text-muted);border-bottom:1px solid var(--appos-border);vertical-align:middle}
.appos-client-table tbody tr:last-child td,.appos-client-history-table tbody tr:last-child td{border-bottom:0}
.appos-client-table tbody tr:hover,.appos-client-history-table tbody tr:hover{background:color-mix(in srgb,var(--appos-primary-light) 35%,transparent)}
.appos-client-name-link,.appos-client-os-link{border:0;padding:0;background:transparent;color:var(--appos-primary-dark);font:inherit;font-weight:750;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}
.appos-client-name-link:hover,.appos-client-name-link:focus,.appos-client-os-link:hover,.appos-client-os-link:focus{color:var(--appos-primary);text-decoration-color:currentColor;outline:none}
.appos-client-os-col{text-align:center!important;width:86px}
.appos-client-os-count{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;padding:0 8px;border-radius:999px;background:var(--appos-gray-light);color:var(--appos-text-muted);font-weight:800}
.appos-client-os-count.has-active{background:var(--appos-primary-light);color:var(--appos-primary-dark)}
.appos-client-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}
.appos-client-summary-grid article{padding:14px;border:1px solid var(--appos-border);border-radius:12px;background:linear-gradient(180deg,var(--appos-surface),var(--appos-bg))}
.appos-client-summary-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--appos-text-faint);margin-bottom:7px}
.appos-client-summary-grid strong{display:block;font-size:19px;color:var(--appos-text)}
.appos-client-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--appos-border)}
.appos-client-section-title span{font-size:13px;font-weight:800;color:var(--appos-text)}
.appos-client-section-title small{font-size:11px;color:var(--appos-text-faint)}
.appos-client-history-title{margin-top:24px}
.appos-client-no-orders{border:1px dashed var(--appos-border);border-radius:12px}
.appos-client-contact-actions{display:flex;align-items:center;gap:8px;margin-right:auto;flex-wrap:wrap}
.appos-client-modal-footer{align-items:center;flex-wrap:wrap}
.appos-client-history-table .appos-badge{display:inline-flex}
.appos-client-history-table td:nth-child(2){max-width:240px}

@media(max-width:760px){
  .appos-modal-xl{max-width:100%}
  .appos-client-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .appos-client-modal-footer{justify-content:stretch}
  .appos-client-contact-actions{width:100%;margin-right:0}
  .appos-client-modal-footer>.appos-btn{flex:1 1 44%}
}
@media(max-width:520px){
  .appos-client-summary-grid{grid-template-columns:1fr 1fr}
  .appos-client-summary-grid strong{font-size:16px}
  .appos-client-section-title{align-items:flex-start;flex-direction:column;gap:3px}
  .appos-client-table{min-width:560px}
  .appos-client-history-table{min-width:620px}
}

/* ── Cliente 360° — V10.7 ───────────────────────────────────────────────── */
.appos-client-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.appos-client-search-main{display:flex;gap:8px;flex:1 1 520px}.appos-client-search-main input{flex:1;min-width:260px}.appos-client-search-main select{min-width:170px}
.appos-client-toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.appos-client-advanced-filters{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr)) auto;gap:10px;align-items:end;margin:0 0 14px;padding:12px;border:1px solid var(--appos-border);border-radius:var(--appos-radius);background:var(--appos-surface)}
.appos-client-advanced-filters[hidden]{display:none}.appos-client-advanced-filters label{display:grid;gap:5px;font-size:11px;font-weight:750;color:var(--appos-text-muted)}
.appos-client-advanced-filters select{width:100%}.appos-client-table tr.is-archived{opacity:.72;background:color-mix(in srgb,var(--appos-gray-light) 60%,transparent)}
.appos-client-status-badge{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;background:var(--appos-gray-light);color:var(--appos-text-muted)}
.appos-client-status-badge.is-active{background:color-mix(in srgb,#22c55e 13%,var(--appos-surface));color:#15803d}.appos-client-status-badge.is-archived{background:color-mix(in srgb,#64748b 14%,var(--appos-surface));color:#475569}
.appos-client-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--appos-text-faint);font-size:12px;flex-wrap:wrap}
.appos-client-page-actions{display:flex;gap:5px;align-items:center}.appos-client-page-btn{border:1px solid var(--appos-border);background:var(--appos-surface);color:var(--appos-text-muted);border-radius:8px;min-width:34px;height:34px;padding:0 9px;cursor:pointer;font-weight:700}
.appos-client-page-btn:hover:not(:disabled),.appos-client-page-btn.is-active{border-color:var(--appos-primary);color:var(--appos-primary-dark);background:var(--appos-primary-light)}.appos-client-page-btn:disabled{opacity:.45;cursor:not-allowed}
.appos-client-duplicate-warning{padding:12px;border:1px solid color-mix(in srgb,#f59e0b 48%,var(--appos-border));background:color-mix(in srgb,#f59e0b 8%,var(--appos-surface));border-radius:12px;color:var(--appos-text)}
.appos-client-duplicate-warning>strong{display:block;color:#b45309}.appos-client-duplicate-warning>p{margin:4px 0 10px;color:var(--appos-text-muted);font-size:12px}
.appos-duplicate-list{display:grid;gap:6px;margin-bottom:9px}.appos-duplicate-match{display:grid;gap:2px;width:100%;padding:9px 10px;border:1px solid var(--appos-border);border-radius:9px;background:var(--appos-surface);text-align:left;cursor:pointer;color:var(--appos-text)}
.appos-duplicate-match:hover{border-color:var(--appos-primary)}.appos-duplicate-match span,.appos-duplicate-match small{color:var(--appos-text-faint);font-size:11px}.appos-duplicate-continue{margin-top:3px}
.appos-lgpd-box{padding:14px;border:1px solid var(--appos-border);border-radius:12px;background:color-mix(in srgb,var(--appos-primary-light) 24%,var(--appos-surface))}.appos-lgpd-title{font-weight:850;margin-bottom:8px;color:var(--appos-text)}
.appos-check-row{display:flex!important;align-items:flex-start;gap:8px;font-size:12px;color:var(--appos-text-muted);font-weight:650}.appos-check-row input{width:auto!important;margin-top:2px}.appos-lgpd-grid{margin-top:12px}
.appos-client-status-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:12px;border:1px solid var(--appos-border);background:var(--appos-surface)}
.appos-client-status-banner div,.appos-client-status-banner{font-size:12px}.appos-client-status-banner strong{color:var(--appos-text)}.appos-client-status-banner span{color:var(--appos-text-muted)}
.appos-client-status-banner.is-active{border-left:4px solid #22c55e}.appos-client-status-banner.is-archived{border-left:4px solid #64748b;background:color-mix(in srgb,#64748b 6%,var(--appos-surface))}
.appos-client-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;margin-bottom:14px;border-bottom:1px solid var(--appos-border)}.appos-client-tabs button{white-space:nowrap;border:0;border-radius:9px;background:transparent;color:var(--appos-text-muted);padding:8px 10px;font-weight:750;cursor:pointer}
.appos-client-tabs button span{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:4px;padding:0 5px;border-radius:999px;background:var(--appos-gray-light);font-size:9px}.appos-client-tabs button.is-active{background:var(--appos-primary-light);color:var(--appos-primary-dark)}
.appos-client-tab-pane{display:none}.appos-client-tab-pane.is-active{display:block}
.appos-client-interaction-form{padding:14px;margin-bottom:16px;border:1px solid var(--appos-border);border-radius:12px;background:var(--appos-surface)}
.appos-client-timeline{position:relative;display:grid;gap:0;padding-left:12px}.appos-client-timeline:before{content:"";position:absolute;left:20px;top:12px;bottom:12px;width:2px;background:var(--appos-border)}
.appos-client-timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:12px;padding:0 0 18px}.appos-client-timeline-dot{z-index:1;width:12px;height:12px;margin-top:6px;border-radius:50%;background:var(--appos-primary);box-shadow:0 0 0 4px var(--appos-surface);border:2px solid var(--appos-primary-light)}
.appos-client-timeline-item>div:last-child{padding:11px 12px;border:1px solid var(--appos-border);border-radius:11px;background:var(--appos-surface)}.appos-client-timeline-item header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.appos-client-timeline-item time{font-size:10px;color:var(--appos-text-faint);white-space:nowrap}.appos-client-timeline-item p{margin:7px 0;color:var(--appos-text-muted);white-space:pre-line}.appos-client-timeline-item small{color:var(--appos-text-faint)}
.appos-client-upload-box{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed var(--appos-border);border-radius:12px;background:var(--appos-surface);flex-wrap:wrap}.appos-client-upload-box>div{display:grid;gap:3px;flex:1 1 240px}.appos-client-upload-box span{font-size:11px;color:var(--appos-text-faint)}
.appos-client-attachments{display:grid;gap:8px;margin-top:12px}.appos-client-attachments article{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--appos-border);border-radius:11px;background:var(--appos-surface)}.appos-client-file-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:var(--appos-primary-light);color:var(--appos-primary-dark);font-weight:900}.appos-client-attachments article>div:nth-child(2){display:grid;gap:3px;min-width:0}.appos-client-attachments a{font-weight:750;color:var(--appos-primary-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appos-client-attachments small{color:var(--appos-text-faint)}
.appos-lgpd-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;margin-bottom:14px;border:1px solid var(--appos-border);border-radius:12px;background:var(--appos-surface)}.appos-lgpd-overview>div{display:grid;gap:3px}.appos-lgpd-overview span{font-size:11px;color:var(--appos-text-faint)}.appos-lgpd-overview.has-consent{border-left:4px solid #22c55e}.appos-lgpd-overview.no-consent{border-left:4px solid #f59e0b}
.appos-client-audit-intro{display:grid;gap:4px;padding:12px;border:1px solid var(--appos-border);border-radius:11px;background:var(--appos-bg);margin-bottom:10px}.appos-client-audit-intro span{font-size:11px;color:var(--appos-text-faint)}
.appos-client-audit-list{display:grid;gap:8px}.appos-client-audit-list article{padding:11px 12px;border:1px solid var(--appos-border);border-radius:10px;background:var(--appos-surface)}.appos-client-audit-list header{display:flex;justify-content:space-between;gap:12px}.appos-client-audit-list header strong{text-transform:capitalize}.appos-client-audit-list time,.appos-client-audit-list small{font-size:10px;color:var(--appos-text-faint)}.appos-client-audit-list ul{margin:8px 0 0;padding-left:18px;color:var(--appos-text-muted);font-size:11px}
.appos-btn-danger-soft{border-color:color-mix(in srgb,#ef4444 40%,var(--appos-border))!important;color:#b91c1c!important;background:color-mix(in srgb,#ef4444 7%,var(--appos-surface))!important}.appos-btn-success-soft{border-color:color-mix(in srgb,#22c55e 42%,var(--appos-border))!important;color:#15803d!important;background:color-mix(in srgb,#22c55e 7%,var(--appos-surface))!important}
.appos-import-result{margin-top:12px}.appos-import-success{display:grid;gap:4px;padding:12px;border-radius:11px;border:1px solid color-mix(in srgb,#22c55e 40%,var(--appos-border));background:color-mix(in srgb,#22c55e 7%,var(--appos-surface))}.appos-import-success span{color:var(--appos-text-muted);font-size:12px}

@media(max-width:1100px){.appos-client-advanced-filters{grid-template-columns:repeat(3,minmax(140px,1fr))}.appos-client-toolbar-actions{width:100%}}
@media(max-width:720px){.appos-client-search-main{display:grid;grid-template-columns:1fr}.appos-client-search-main input{min-width:0}.appos-client-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.appos-client-toolbar-actions .appos-btn{width:100%}.appos-client-advanced-filters{grid-template-columns:1fr 1fr}.appos-client-status-banner,.appos-lgpd-overview{align-items:flex-start;flex-direction:column}.appos-client-attachments article{grid-template-columns:38px 1fr}.appos-client-attachments article>button{grid-column:1/-1}.appos-client-pagination{align-items:flex-start;flex-direction:column}.appos-client-page-actions{max-width:100%;overflow-x:auto}.appos-client-modal-footer>.appos-btn{flex:1 1 46%}}
@media(max-width:480px){.appos-client-advanced-filters{grid-template-columns:1fr}.appos-client-toolbar-actions{grid-template-columns:1fr}.appos-client-summary-grid{grid-template-columns:1fr 1fr}.appos-client-timeline-item header{display:grid}.appos-client-upload-box input{max-width:100%}}
.appos-client-table{min-width:820px}
@media(max-width:720px){.appos-client-table{min-width:760px}}
