/* Vidava Q&A - base */
.qna-hero{padding:22px 0}
.qna-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}
@media(max-width:900px){.qna-grid{grid-template-columns:1fr}}
.qna-form label{display:block;font-weight:700;margin:14px 0 6px}
.qna-form textarea,.qna-form input,.qna-form select,.panel-form input,.panel-form textarea,.panel-form select{
  width:100%;border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff;font:inherit;color:var(--text)
}
.qna-form textarea,.panel-form textarea{min-height:160px;resize:vertical}
.qna-list{display:grid;gap:12px}
.qna-item{border:1px solid var(--border);border-radius:16px;padding:16px;background:#fff}
.qna-item h3{font-size:18px;margin:0 0 8px}
.qna-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0;color:var(--muted);font-size:13px}
.pill{border:1px solid var(--border);border-radius:999px;padding:5px 8px;background:rgba(2,6,23,.02)}
.status-pending{background:rgba(250,204,21,.18);border-color:rgba(250,204,21,.55)}
.status-published{background:rgba(45,212,191,.14);border-color:rgba(45,212,191,.55)}
.answer-card{border-left:4px solid var(--accentBorder);padding-left:16px;margin-top:18px}
.warning-box{border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.08);border-radius:16px;padding:14px;color:var(--text)}
.notice{border-radius:14px;padding:12px 14px;margin:14px 0;border:1px solid var(--border)}
.notice.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35)}
.notice.error{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.35)}
.notice.info{background:rgba(59,130,246,.10);border-color:rgba(59,130,246,.35)}
.panel-shell{padding-top:24px}
.panel-topbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}
.panel-nav{display:flex;gap:8px;flex-wrap:wrap}
.table-admin{width:100%;border-collapse:collapse;font-size:14px}
.table-admin th,.table-admin td{border-bottom:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}
.table-admin th{color:var(--muted);font-weight:700}
.actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.badge-role{font-size:12px;border-radius:999px;border:1px solid var(--border);padding:4px 8px;color:var(--muted)}
.honeypot{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}

/* Premium Q&A list page only */
.qna-page .premium-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:24px;align-items:stretch}
@media(max-width:960px){.qna-page .premium-grid{grid-template-columns:1fr}}
.qna-page .qna-hero-card,
.qna-page .qna-form-card{
  border-radius:28px;
  padding:26px;
  box-shadow:0 18px 42px rgba(2,6,23,.07);
}
.qna-page .qna-hero-card{
  background:
    radial-gradient(circle at top left, rgba(45,212,191,.13), transparent 30%),
    radial-gradient(circle at bottom right, rgba(96,165,250,.10), transparent 28%),
    #fff;
}
.qna-page .qna-form-card{
  position:relative;
  overflow:hidden;
}
.qna-page .qna-form-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg, rgba(45,212,191,.85), rgba(96,165,250,.85));
}
.qna-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  color:#0f766e;
  text-transform:uppercase;
  margin-bottom:10px;
}
.qna-page h1{font-size:46px;line-height:1.08;margin-bottom:14px;max-width:11ch}
.qna-page .qna-lead{font-size:18px;line-height:1.7;color:#334155;max-width:58ch}
.qna-page .qna-bullets{display:grid;gap:10px;margin:22px 0}
.qna-page .qna-bullet{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:rgba(255,255,255,.72);
}
.qna-page .qna-bullet-icon{
  width:22px;height:22px;border-radius:999px;display:grid;place-items:center;
  background:rgba(45,212,191,.16);border:1px solid rgba(45,212,191,.45);font-weight:800;font-size:13px;flex:0 0 auto;
}
.qna-page .qna-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
@media(max-width:640px){.qna-page .qna-stat-grid{grid-template-columns:1fr}}
.qna-page .qna-stat{
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  padding:18px 16px;
  background:rgba(255,255,255,.84);
}
.qna-page .qna-stat strong{display:block;font-size:30px;line-height:1;color:#0f172a;margin-bottom:8px}
.qna-page .qna-stat span{font-size:13px;color:#475569;line-height:1.4}
.qna-page .qna-info-strip{margin-top:20px;border:1px solid rgba(245,158,11,.30);background:rgba(245,158,11,.08);border-radius:18px;padding:16px 18px;line-height:1.7;color:#334155}
.qna-page .qna-form-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:8px}
.qna-page .qna-form-head h2{margin:0}
.qna-page .qna-mini-pill{font-size:12px;padding:8px 10px;border-radius:999px;background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.38);color:#0f766e;font-weight:700;white-space:nowrap}
.qna-page .qna-form textarea,
.qna-page .qna-form input,
.qna-page .qna-form select{border-radius:16px;padding:14px 14px;border-color:rgba(15,23,42,.12)}
.qna-page .qna-form textarea{min-height:170px}
.qna-page .qna-form-row{display:grid;grid-template-columns:1fr;gap:14px}
.qna-page .qna-consent{display:flex;gap:12px;align-items:flex-start;margin-top:14px;font-weight:500;color:#334155}
.qna-page .qna-consent input{width:auto;margin-top:4px;flex:0 0 auto}
.qna-page .qna-form-actions{align-items:center;justify-content:space-between}
.qna-page .qna-form-actions .btn{min-width:168px}
@media(max-width:640px){.qna-page .qna-form-actions{flex-direction:column;align-items:flex-start}}
.qna-page .qna-premium-section{padding-top:24px}
.qna-page .qna-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px}
.qna-page .qna-section-head h2{margin:0}
.qna-page .qna-section-head p{max-width:520px;font-size:15px;margin:0}
@media(max-width:860px){.qna-page .qna-section-head{flex-direction:column;align-items:flex-start}}
.qna-page .premium-list{gap:16px}
.qna-page .qna-item-premium{
  border-radius:22px;
  padding:20px 20px 18px;
  box-shadow:0 12px 30px rgba(2,6,23,.05);
  transition:transform .18s ease, box-shadow .18s ease;
}
.qna-page .qna-item-premium:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(2,6,23,.08)}
.qna-page .qna-item-premium h3{font-size:22px;line-height:1.3;margin-bottom:10px}
.qna-page .qna-item-premium h3 a{text-decoration:none}
.qna-page .qna-item-premium h3 a:hover{text-decoration:underline}
.qna-page .qna-author-row{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(15,23,42,.07)}
.qna-author-avatar{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:800;
  background:linear-gradient(135deg, rgba(96,165,250,.24), rgba(45,212,191,.22));
  border:1px solid rgba(15,23,42,.08);color:#0f172a;
}
.qna-author-avatar.large{width:52px;height:52px;border-radius:16px;font-size:18px}
.qna-author-name{font-weight:700;color:#0f172a}
.qna-author-name a{text-decoration:none}
.qna-author-name a:hover{text-decoration:underline}
.qna-page .qna-item-pending{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,250,249,.96))}
.qna-page .qna-empty{border-style:dashed;text-align:center;padding:26px}

/* Premium single question page only */
.qna-single-page .qna-single-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;align-items:start}
@media(max-width:980px){.qna-single-page .qna-single-layout{grid-template-columns:1fr}}
.qna-single-page .qna-question-main,
.qna-single-page .qna-side-card{border-radius:28px;box-shadow:0 16px 38px rgba(2,6,23,.06)}
.qna-single-page .qna-question-main{padding:28px}
.qna-single-page .qna-meta-large{margin-bottom:12px}
.qna-single-page h1{font-size:40px;line-height:1.12;margin-bottom:18px;max-width:18ch}
.qna-single-page .qna-question-box{
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg, rgba(248,250,252,.88), rgba(255,255,255,.96));
  border-radius:22px;
  padding:20px 22px;
}
.qna-single-page .qna-question-label{font-size:12px;font-weight:800;letter-spacing:.1em;color:#0f766e;text-transform:uppercase;margin-bottom:10px}
.qna-single-page .qna-question-box p{font-size:18px;line-height:1.75;color:#334155;margin:0}
.qna-single-page .qna-status-box{margin-top:18px}
.qna-single-page .qna-answer-card{
  margin-top:22px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  padding:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(2,6,23,.05);
}
.qna-single-page .qna-answer-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
@media(max-width:700px){.qna-single-page .qna-answer-head{flex-direction:column}}
.qna-single-page .qna-answer-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#0f766e;text-transform:uppercase;margin-bottom:8px}
.qna-single-page .qna-answer-head h2{margin:0;font-size:26px}
.qna-single-page .qna-author-chip{
  display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:18px;
  background:rgba(248,250,252,.92);border:1px solid rgba(15,23,42,.08)
}
.qna-single-page .qna-answer-body p{font-size:17px;line-height:1.82;color:#334155;margin:0}
.qna-single-page .qna-education-note{margin-top:22px}
.qna-single-page .qna-sidebar{display:grid;gap:16px}
.qna-single-page .qna-side-card{padding:24px}
.qna-single-page .qna-side-card.subtle{background:linear-gradient(180deg, rgba(248,250,252,.88), rgba(255,255,255,.98))}
.qna-single-page .qna-side-card h3{font-size:26px;line-height:1.2;margin-bottom:10px}
.qna-single-page .qna-side-list{margin:0;padding-left:18px;color:#475569;line-height:1.8}
.qna-single-page .qna-side-list li{margin-bottom:6px}

/* Small utility button size for panel actions */
.btn.small{padding:8px 12px;font-size:13px;border-radius:10px}
/* Doctor avatar icon override */
.qna-author-avatar{
  position:relative;
  color:transparent;
  font-size:0;
  line-height:0;
}
.qna-author-avatar::before{
  content:"";
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:62% 62%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%230b4a6f' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='18' r='8'/%3E%3Cpath d='M18 48c2.6-8.2 9-12 14-12s11.4 3.8 14 12'/%3E%3Cpath d='M24 32v8c0 6 3.5 10 8 10s8-4 8-10v-8'/%3E%3Cpath d='M26 33h12'/%3E%3Cpath d='M48 20v8'/%3E%3Cpath d='M44 24h8'/%3E%3C/g%3E%3C/svg%3E");
}
.qna-author-avatar.large::before{
  background-size:60% 60%;
}
