:root { color-scheme: light; --survey-ink:#18303d; --survey-muted:#536574; --survey-border:#d4dfe4; --survey-brand:#53710b; }
* { box-sizing:border-box; }
body { margin:0; background:#f2f5f7; color:var(--survey-ink); font:16px/1.5 system-ui,sans-serif; }
main { max-width:1240px; margin:auto; padding:20px 24px; }
.survey-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; font-weight:600; }
.survey-header img { object-fit:contain; }
h1 { font-size:clamp(26px,4vw,36px); line-height:1.2; margin:0 0 12px; }
h2 { font-size:22px; margin:0 0 14px; }
h3 { font-size:18px; margin:0 0 6px; overflow-wrap:anywhere; }
p { margin:0 0 16px; }
.intro,.card,.toolbar,.receipt,.login { padding:24px; background:white; border:1px solid var(--survey-border); border-radius:14px; margin-bottom:16px; }
.intro { border-top:5px solid #96c11f; }
.muted,small { color:var(--survey-muted); font-size:14px; }
.rules { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.rules p { background:#f2f6e8; padding:14px; border-radius:8px; margin:0; font-size:14px; }
.toolbar,.actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.toolbar label { flex:1; min-width:180px; }
.cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.card { margin-bottom:0; }
.card.cancel { border-color:#bd5447; background:#fff9f7; }
.card.change { border-color:#739716; }
.card-head { display:flex; justify-content:space-between; gap:10px; }
.badge { background:#edf4da; color:#40590b; border-radius:20px; padding:4px 10px; white-space:nowrap; font-size:14px; height:fit-content; }
.metadata { font-size:14px; color:var(--survey-muted); margin:12px 0; }
.fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
label { display:flex; flex-direction:column; gap:6px; font-size:14px; font-weight:600; }
label.check { flex-direction:row; align-items:center; font-size:16px; }
input,select,textarea,button { font:inherit; }
input,select,textarea { width:100%; padding:10px 12px; border:1px solid #a8bac5; border-radius:7px; min-height:44px; background:white; color:var(--survey-ink); }
input[type=checkbox] { width:20px; min-height:20px; flex-shrink:0; accent-color:var(--survey-brand); }
textarea { resize:vertical; min-height:68px; }
button,.button { padding:10px 18px; border:1px solid var(--survey-brand); border-radius:8px; min-height:44px; color:white; background:var(--survey-brand); font-weight:600; cursor:pointer; text-decoration:none; text-align:center; }
button.secondary,.button.secondary { color:var(--survey-ink); border-color:#a8bac5; background:white; }
button.danger { color:#942f23; border-color:#bc675a; background:white; }
button:disabled { opacity:.55; cursor:default; }
:focus-visible { outline:3px solid #267ea1; outline-offset:3px; }
.full { grid-column:1/-1; }
.effect,.error { padding:12px; border-radius:7px; background:#edf4da; font-size:14px; margin:14px 0 0; }
.error { background:#ffebe7; color:#852e24; }
#message:not(:empty) { padding:14px; background:#e4eff6; border:1px solid #a5c9de; border-radius:8px; margin-bottom:16px; overflow-wrap:anywhere; }
#message.error { background:#ffebe7; }
.submit-bar { position:sticky; bottom:0; padding:16px; margin:24px 0 0; border:1px solid var(--survey-border); border-radius:12px; background:#fff; box-shadow:0 -4px 18px #18303d12; }
.additions { margin-top:28px; }
.additions .card { margin:16px 0; }
.survey-list { display:grid; gap:12px; margin:18px 0; }
.feedback-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:20px 0 12px; }
.survey-list .card { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.preview-list { display:grid; gap:8px; padding:0; list-style:none; }
.preview-list li { border-bottom:1px solid var(--survey-border); padding:12px 0; overflow-wrap:anywhere; }
.link-box { word-break:break-all; }
dialog { width:min(680px,calc(100% - 32px)); max-height:85vh; padding:24px; border:1px solid var(--survey-border); border-radius:14px; color:var(--survey-ink); overflow:auto; }
dialog::backdrop { background:#10263280; }
dialog .actions { margin-top:22px; justify-content:flex-end; }
footer { margin:28px 0 12px; font-size:14px; color:var(--survey-muted); text-align:center; }
[hidden] { display:none !important; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.compact-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px; }
.compact-heading h1 { font-size:26px; margin:0; }
.compact-toolbar { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.compact-toolbar input { max-width:340px; }
.compact-toolbar #visibleCount { white-space:nowrap; margin-right:auto; }
.table-scroll { overflow:auto; max-height:68vh; border:1px solid var(--survey-border); border-radius:9px; background:white; }
.survey-table { width:100%; min-width:1000px; border-collapse:separate; border-spacing:0; font-size:14px; line-height:1.3; table-layout:fixed; }
.survey-table th,.survey-table td { padding:4px 10px; text-align:left; vertical-align:middle; border-bottom:1px solid #dce6eb; background:var(--row-background,white); }
.survey-table thead th { position:sticky; top:0; z-index:3; background:#e7eef2; color:var(--survey-ink); font-weight:650; white-space:nowrap; height:40px; }
.survey-table th:first-child { width:28%; position:sticky; left:0; z-index:2; border-right:1px solid #dce6eb; }
.survey-table thead th:first-child { z-index:4; }
.survey-table th:nth-child(2) { width:19%; }
.survey-table th:nth-child(3) { width:12%; }
.survey-table th:nth-child(4) { width:20%; }
.survey-table th:nth-child(5) { width:9%; }
.survey-table th:nth-child(6) { width:12%; }
.survey-table tbody tr:nth-child(even) { --row-background:#f6f9fb; }
.survey-table tbody tr.change { --row-background:#f0f6e3; }
.survey-table tbody tr.cancel { --row-background:#fff0eb; }
.survey-table tbody tr.change th:first-child { border-left:3px solid #739716; padding-left:7px; }
.survey-table tbody tr.cancel th:first-child { border-left:3px solid #bc675a; padding-left:7px; }
.survey-table tbody th { font-weight:400; }
.survey-table tbody strong { font-weight:600; overflow-wrap:anywhere; }
.survey-table tbody tr:last-child th,.survey-table tbody tr:last-child td { border-bottom:0; }
.survey-table input,.survey-table select { padding:5px 8px; min-height:34px; font-size:14px; }
.row-domains,.row-change,.match-result { display:block; margin-top:2px; font-size:14px; font-weight:400; color:var(--survey-muted); overflow-wrap:anywhere; }
.row-domains,.row-change { margin-top:1px; font-size:12px; line-height:1.2; }
.date-cell { white-space:nowrap; color:var(--survey-muted); }
.survey-table .effect { display:block; background:transparent; padding:0; margin:0; font-size:14px; }
.survey-table .cancel .effect { color:#942f23; }
.survey-table .change .effect { color:#40590b; font-weight:600; }
.sort-button { border:0; border-radius:0; padding:0; min-height:28px; background:transparent; color:inherit; font-size:14px; text-align:left; }
.cancel-cell .check-cell { display:flex; align-items:center; justify-content:center; width:100%; min-height:34px; cursor:pointer; }
.survey-table .cancel-cell input { min-height:20px; width:20px; margin:0; }
.row-note summary { cursor:pointer; color:var(--survey-muted); padding:6px 0; font-size:14px; }
.row-note.has-note summary { color:var(--survey-brand); font-weight:650; }
.row-note input { margin-top:4px; }
.compact-survey .additions { margin-top:18px; }
.compact-survey .additions h2 { font-size:18px; margin-bottom:8px; }
.addition-table { min-width:1020px; }
.addition-table th:first-child { width:29%; }
.addition-table th:nth-child(2) { width:17%; }
.addition-table th:nth-child(3) { width:16%; }
.addition-table th:nth-child(4) { width:20%; }
.addition-table th:nth-child(5) { width:12%; }
.addition-table th:nth-child(6) { width:6%; }
.addition-table [data-field="website"] { margin-top:5px; }
.addition-table tbody tr { --row-background:#fffde8; }
.addition-table button { padding:5px 10px; min-height:34px; font-size:14px; }
.addition-table .remove-button { width:34px; padding:0; font-size:22px; }
.compact-submit { display:flex; align-items:center; gap:12px; padding:12px; margin-top:14px; }
.compact-submit>div { flex:1; font-size:14px; }
.compact-submit small { display:block; margin-top:3px; }
.compact-submit>input { width:210px; font-size:14px; }
.compact-submit>button { font-size:14px; }
.no-results { padding:12px; text-align:center; font-size:14px; }
@media(max-width:680px) { main { padding:16px; } .survey-header { align-items:flex-start; flex-direction:column; margin-bottom:22px; } .cards,.fields,.rules { grid-template-columns:1fr; } .intro,.card,.toolbar,.receipt,.login { padding:18px; } .actions button,.actions .button { flex:1; } .submit-bar { position:static; } }
@media(max-width:680px) {
  .survey-header { flex-direction:row; align-items:center; gap:8px; margin-bottom:14px; }
  .survey-header img { width:120px; height:36px; }
  .survey-header span { max-width:150px; font-size:14px; text-align:right; }
  .compact-heading { flex-wrap:wrap; gap:4px; }
  .compact-heading h1 { font-size:23px; }
  .compact-toolbar { gap:8px; flex-wrap:wrap; }
  .compact-toolbar input { max-width:none; width:100%; }
  .compact-toolbar #visibleCount { margin-right:auto; }
  .table-scroll { max-height:65vh; }
  .survey-table { width:980px; min-width:980px; }
  .survey-table th:first-child { width:180px; }
  .survey-table th:nth-child(2) { width:185px; }
  .survey-table th:nth-child(3) { width:125px; }
  .survey-table th:nth-child(4) { width:250px; }
  .survey-table th:nth-child(5) { width:95px; }
  .survey-table th:nth-child(6) { width:145px; }
  .survey-table select,.survey-table input:not([type="checkbox"]) { min-height:44px; }
  .cancel-cell .check-cell { min-height:44px; }
  .row-note summary { padding:12px 0; }
  .compact-submit { flex-wrap:wrap; gap:10px; }
  .compact-submit>div,.compact-submit>input,.compact-submit>button { width:100%; flex:auto; }
  .addition-table { width:1020px; min-width:1020px; }
  .addition-table th:first-child { width:190px; }
  .addition-table th:nth-child(2) { width:180px; }
  .addition-table th:nth-child(3) { width:170px; }
  .addition-table th:nth-child(4) { width:260px; }
  .addition-table th:nth-child(5) { width:140px; }
  .addition-table th:nth-child(6) { width:80px; }
}