/* Main CSS loaded via enqueue - minimal because style.css has base */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

.badge { display:inline-flex; align-items:center; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; letter-spacing:0.05em; background:var(--am-accent); color:var(--am-primary); }
.card { background:white; border-radius:20px; padding:20px; box-shadow:var(--am-shadow); border:1px solid rgba(139,94,118,0.06); }

.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

/* Survey */
.am-survey { max-width:720px; margin:0 auto; background:white; border-radius:28px; padding:32px; box-shadow:var(--am-shadow); }
.am-survey-progress { height:6px; background:var(--am-soft); border-radius:100px; overflow:hidden; margin-bottom:24px; }
.am-survey-progress-bar { height:100%; background:var(--am-primary); transition:width 0.4s; }
.am-step { display:none; }
.am-step.active { display:block; animation: fadeIn 0.3s ease; }
@keyframes fadeIn { from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);} }

.am-options { display:grid; gap:12px; margin:16px 0; }
.am-option { padding:14px 16px; border:1px solid rgba(139,94,118,0.15); border-radius:14px; cursor:pointer; transition:all 0.2s; display:flex; align-items:center; gap:12px; }
.am-option:hover { border-color:var(--am-primary); background:var(--am-soft); }
.am-option.selected { border-color:var(--am-primary); background:var(--am-primary); color:white; }
.am-option input { display:none; }

/* Chat */
.am-chat-container { display:flex; flex-direction:column; height:560px; background:white; border-radius:20px; overflow:hidden; box-shadow:var(--am-shadow); }
.am-chat-header { padding:16px 20px; border-bottom:1px solid rgba(139,94,118,0.08); display:flex; justify-content:space-between; align-items:center; }
.am-chat-messages { flex:1; overflow-y:auto; padding:20px; display:flex; flex-direction:column; gap:12px; background:#FFF9F7; }
.am-msg { max-width:75%; padding:10px 14px; border-radius:18px; font-size:14px; line-height:1.5; }
.am-msg.client { align-self:flex-end; background:var(--am-primary); color:white; border-bottom-right-radius:4px; }
.am-msg.consultant { align-self:flex-start; background:white; border:1px solid rgba(139,94,118,0.1); border-bottom-left-radius:4px; }
.am-msg.disappearing { animation: fadeOut 1s forwards 10s; }
@keyframes fadeOut { to { opacity:0; height:0; padding:0; margin:0; overflow:hidden; } }
.am-chat-input { display:flex; gap:10px; padding:14px; border-top:1px solid rgba(139,94,118,0.08); }
.am-chat-input input { flex:1; }

/* Booking calendar */
.am-calendar { display:grid; grid-template-columns:repeat(7,1fr); gap:8px; }
.am-cal-day { padding:10px; border-radius:12px; text-align:center; cursor:pointer; border:1px solid rgba(139,94,118,0.1); font-size:13px; }
.am-cal-day.available:hover { background:var(--am-soft); border-color:var(--am-primary); }
.am-cal-day.selected { background:var(--am-primary); color:white; }
.am-timeslots { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.am-slot { padding:8px 14px; border-radius:100px; border:1px solid rgba(139,94,118,0.15); cursor:pointer; font-size:13px; }
.am-slot:hover { background:var(--am-soft); }
.am-slot.selected { background:var(--am-primary); color:white; }

/* Progress tracker */
.am-progress-bar { display:flex; gap:12px; align-items:center; }
.am-progress-step { width:32px; height:32px; border-radius:50%; background:var(--am-soft); display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:var(--am-primary); }
.am-progress-step.done { background:var(--am-primary); color:white; }

/* Crisis Modal */
#am-crisis-modal { position:fixed; inset:0; z-index:9999999; background:rgba(61,44,46,0.92); backdrop-filter:blur(12px); display:none; align-items:center; justify-content:center; padding:20px; }
#am-crisis-modal.open { display:flex; }
.crisis-card { background:white; border-radius:28px; max-width:560px; width:100%; padding:32px; max-height:90vh; overflow:auto; }
.crisis-hotline { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; background:#FFF9F7; border-radius:12px; margin-bottom:8px; }
.crisis-hotline a { font-weight:700; color:var(--am-escape); }

/* Branding preview */
.branding-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:20px; margin:40px 0; }
.brand-card { background:white; border-radius:20px; padding:20px; text-align:center; box-shadow:var(--am-shadow); }

/* Disappearing toggle */
.am-disappear-toggle { display:flex; align-items:center; gap:8px; font-size:12px; }

/* Auth fixes - frontend not wp-login */
.am-auth-container { animation: fadeIn 0.3s ease; }
.am-auth-container .am-input { margin-top:4px; }
.am-auth-container .btn { transition: all 0.2s; }
.am-auth-container .btn:hover { transform: translateY(-1px); }

/* My Space dashboard fixes */
.dashboard-wrap .dash-sidebar { max-height: calc(100vh - 100px); overflow-y:auto; }
.dash-link.active { background: var(--am-soft); color: var(--am-primary); font-weight:600; }
.dashboard-wrap .card { word-break: break-word; }

/* Stealth mode visual fix */
body.privacy-stealth #primary,
body.privacy-stealth .site-content,
body.stealth-active .dashboard-wrap {
  position: relative;
}
body.blur-active #primary,
body.blur-active .dashboard-wrap,
body.blur-active .hero,
body.blur-active .focus-grid {
  filter: blur(16px);
  pointer-events: none;
  user-select: none;
}
body.blur-active::after {
  content: '🔒 Content hidden for privacy — click Show Content';
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255,255,255,0.95);
  padding: 16px 24px;
  border-radius: 100px;
  box-shadow: var(--am-shadow);
  z-index: 999997;
  font-size: 13px;
  font-weight:600;
}

/* Fix for join team page */
#am-join-form .am-input, #am-join-form .am-textarea, #am-join-form .am-select {
  margin-top:4px;
}