/* Shared surveys reuse the public survey's dark cards, fields and section layout. */
#survey-page .shared-small-note { margin:9px 0 14px; color:var(--muted); font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
#survey-page .shared-sync-bar { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:13px 20px; padding:15px 18px; margin:0 0 20px; border:1px solid var(--accent-border); border-radius:9px; background:var(--accent-soft); }
#survey-page .shared-sync-bar > span { flex:1 1 250px; color:var(--text); font-size:12px; line-height:1.8; }
#survey-page .shared-sync-bar .survey-inline-actions { gap:8px; }
#survey-page .shared-sync-bar.shared-unsynced { border-color:var(--accent-secondary); background:var(--surface-raised); }
#survey-page .shared-privacy-note { padding:0 3px; }
#survey-page .shared-join-card, #survey-page .shared-final-card { margin-bottom:24px; padding:24px; border:1px solid var(--border); border-radius:12px; background:var(--surface-raised); }
#survey-page .shared-join-card h3, #survey-page .shared-final-card h3 { margin:0 0 10px; color:var(--text); font-size:19px; line-height:1.5; }
#survey-page .shared-join-card > p:not(.survey-eyebrow), #survey-page .shared-final-card > p:not(.survey-eyebrow) { color:var(--muted); font-size:12px; line-height:1.8; }
#survey-page .shared-join-card form { max-width:650px; margin-top:24px; }
#survey-page .shared-join-card button[type="submit"] { margin-top:21px; }
#survey-page .shared-final-card { border-color:var(--accent-border); }
#survey-page .shared-field-meta { display:block; margin-top:7px; color:var(--muted); font-size:10px; font-weight:400; line-height:1.7; overflow-wrap:anywhere; }
#survey-page .shared-field-meta[hidden] { display:none; }
#survey-page [data-shared-section-progress] { margin-left:auto; color:var(--accent-secondary); font-size:10px; font-weight:400; white-space:nowrap; }
#survey-page #shared-survey-form [data-answer-id]:disabled { opacity:1; color:var(--muted); cursor:default; -webkit-text-fill-color:var(--muted); }
#survey-page #shared-survey-form .survey-section-card { scroll-margin-top:90px; }
#survey-page .shared-history { margin:0 0 25px; border:1px solid var(--border); border-radius:10px; background:var(--surface); }
#survey-page .shared-history > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 20px; color:var(--text); font-size:13px; font-weight:550; cursor:pointer; }
#survey-page .shared-history > summary > span { color:var(--muted); font-size:11px; font-weight:400; }
#survey-page .shared-history-body { padding:0 20px 20px; }
#survey-page .shared-history-item { padding:18px 0; border-top:1px solid var(--border); }
#survey-page .shared-history-item > p { display:grid; gap:6px; margin:0 0 14px; color:var(--text); font-size:12px; line-height:1.7; }
#survey-page .shared-history-item > p > span { color:var(--muted); font-size:11px; }
#survey-page .shared-history-values { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:15px; }
#survey-page .shared-history-values > div { min-width:0; padding:13px; border:1px solid var(--border); border-radius:7px; background:var(--field); }
#survey-page .shared-history-values small { color:var(--muted); font-size:10px; }
#survey-page .shared-history pre, #survey-page .shared-conflict pre { margin:7px 0 0; color:var(--text); font:inherit; font-size:12px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
#survey-page dialog.shared-dialog { width:min(650px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); margin:auto; padding:28px; border:1px solid var(--border); border-radius:14px; background:var(--surface); color:var(--text); color-scheme:dark; box-shadow:0 20px 80px #0008; overflow:auto; }
#survey-page dialog.shared-dialog::backdrop { background:rgb(4 8 17 / .8); }
#survey-page dialog.shared-dialog h2 { margin:0 0 15px; color:var(--text); font-size:22px; line-height:1.45; }
#survey-page dialog.shared-dialog p:not(.survey-eyebrow) { color:var(--muted); font-size:13px; line-height:1.8; }
#survey-page dialog.shared-dialog .survey-inline-actions { margin-top:24px; }
#survey-page dialog.shared-dialog #shared-link-value { font-size:12px; }
#survey-page .shared-conflict { display:block; min-width:0; padding:17px; margin:21px 0; border:1px solid var(--border); border-radius:9px; }
#survey-page .shared-conflict legend { max-width:100%; padding:0 5px; color:var(--text); font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
#survey-page .shared-conflict label { display:flex; align-items:flex-start; gap:12px; margin:13px 0; padding:13px; border:1px solid var(--border); border-radius:7px; background:var(--field); color:var(--text); font-size:12px; line-height:1.7; cursor:pointer; }
#survey-page .shared-conflict label > span { min-width:0; }
#survey-page .shared-conflict input { flex:none; width:16px; height:16px; margin:3px 0 0; accent-color:var(--accent); }
#survey-page .shared-conflict small { display:block; margin:5px 0; color:var(--muted); font-size:10px; }
#survey-page .shared-saved-drafts .survey-draft-card > a { width:100%; justify-content:space-between; }
#survey-page .survey-draft-bar > .survey-inline-actions { margin-left:auto; }
#survey-page .survey-draft-bar > .survey-inline-actions button { margin-left:0; }
#survey-page .assignment-workspace { max-width:1060px; margin:0 auto; }
#survey-page .assignment-heading { margin-bottom:26px; }
#survey-page .assignment-requester { margin:0 0 8px; color:var(--accent-secondary); font-size:14px; line-height:1.6; }
#survey-page .assignment-heading h2 { margin:0; color:var(--text); font-size:clamp(23px,3vw,34px); line-height:1.4; overflow-wrap:anywhere; }
#survey-page .assignment-message { margin:20px 0 0; padding:17px 20px; border-left:3px solid var(--accent); border-radius:0 8px 8px 0; background:var(--surface-raised); font-size:13px; line-height:1.8; }
#survey-page .assignment-message strong { color:var(--text); font-size:12px; }
#survey-page .assignment-message p { margin:5px 0 0; color:var(--muted); white-space:pre-wrap; overflow-wrap:anywhere; }
#survey-page .assignment-sections { display:flex; gap:10px; margin:0 0 20px; padding:2px 1px 5px; overflow-x:auto; }
#survey-page .assignment-sections > button { display:grid; grid-template-columns:25px minmax(120px,1fr); flex:1 0 190px; gap:4px 10px; min-width:0; padding:13px; border:1px solid var(--border); border-radius:9px; background:var(--surface); color:var(--muted); text-align:left; cursor:pointer; }
#survey-page .assignment-sections > button > span { display:grid; grid-row:span 2; place-items:center; align-self:center; width:25px; height:25px; border-radius:50%; background:var(--surface-raised); font-size:11px; }
#survey-page .assignment-sections > button > strong { font-size:12px; font-weight:550; line-height:1.5; }
#survey-page .assignment-sections > button > small { margin:0; font-size:10px; }
#survey-page .assignment-sections > button.is-current { border-color:var(--accent); background:var(--accent-soft); color:var(--text); }
#survey-page .assignment-sections > button.is-current > span { background:var(--accent); color:var(--bg); }
#survey-page .assignment-form .survey-section-card[hidden] { display:none; }
#survey-page .assignment-form .survey-section-card > summary { cursor:default; pointer-events:none; }
#survey-page .assignment-form .survey-disclosure { display:none; }
#survey-page .assignment-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:22px 0; }
#survey-page .assignment-pagination > span { color:var(--muted); font-size:12px; text-align:center; }
#survey-page .assignment-pagination button:disabled { opacity:.45; cursor:default; }
#survey-page .assignment-finish { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin:25px 0; padding:23px; border:1px solid var(--accent-border); border-radius:10px; background:var(--accent-soft); }
#survey-page .assignment-finish > div { flex:1 1 260px; }
#survey-page .assignment-finish h3 { margin:0 0 7px; color:var(--text); font-size:17px; }
#survey-page .assignment-finish p { margin:0; color:var(--muted); font-size:12px; line-height:1.8; }
#survey-page .owned-survey-responses .survey-form { min-width:0; }
#survey-page .assignment-private-note { padding-top:12px; border-top:1px solid var(--border); }
#survey-page .assignment-workspace .shared-history { margin-top:20px; }
body.survey-assignment-mode #survey-page .survey-page-header { display:none; }
@media (max-width:700px) {
  #survey-page .shared-sync-bar { padding:13px; }
  #survey-page .shared-sync-bar .survey-inline-actions { flex:1 1 100%; }
  #survey-page .shared-sync-bar .survey-inline-actions button { flex:1 1 110px; }
  #survey-page .shared-history > summary { align-items:flex-start; flex-direction:column; gap:4px; }
  #survey-page .shared-history-values { grid-template-columns:minmax(0,1fr); }
  #survey-page .shared-join-card, #survey-page .shared-final-card { padding:18px; }
  #survey-page dialog.shared-dialog { padding:20px; }
  #survey-page [data-shared-section-progress] { margin:0 6px 0 auto; font-size:9px; }
  #survey-page .survey-draft-bar { flex-wrap:wrap; }
  #survey-page .survey-draft-bar > .survey-inline-actions { width:100%; margin:4px 0 0; }
  #survey-page .assignment-pagination { flex-wrap:wrap; gap:10px; }
  #survey-page .assignment-pagination > span { order:-1; flex:1 1 100%; }
  #survey-page .assignment-pagination > button { flex:1 1 120px; padding-left:12px; padding-right:12px; }
  #survey-page .assignment-finish { padding:18px; }
  #survey-page .assignment-finish > button { width:100%; justify-content:center; white-space:normal; }
  #survey-page .assignment-sections > button { flex-basis:185px; }
}