{
  "id": "field-survey-declare",
  "name": "Declaration Form",
  "theme": "field-survey",
  "category": "Settings & Forms",
  "description": "The form that escalates an incident, with the consequences of each level printed beside it because this is a decision made once and under pressure.",
  "layout": "A single 820px ruled column: level selection as full-width cells with consequences inline, then notification targets as a checkbox matrix.",
  "modules": [
    {
      "key": "head",
      "name": "Declaration head",
      "html": "\n<header class=\"dh\"><span class=\"rf\">DF-01</span><h1>Escalate incident</h1><p>Escalation notifies external agencies immediately and cannot be reversed without a stand-down declaration signed by the same officer.</p></header>"
    },
    {
      "key": "levels",
      "name": "Level cells",
      "html": "\n<section class=\"lv\"><span class=\"k\">Level</span>\n<label><input type=\"radio\" name=\"lv\"><div><b>Standby</b><p>Internal only. Duty officers alerted, no external notification, no resource commitment.</p></div></label>\n<label><input type=\"radio\" name=\"lv\"><div><b>Significant</b><p>Partner agencies notified for information. Resources may be committed within the sector. No mutual aid.</p></div></label>\n<label class=\"on\"><input type=\"radio\" name=\"lv\" checked><div><b>Major</b><p>All partner agencies notified with an immediate acknowledgement required. Mutual aid available from neighbouring counties. Media cell activated. Recovery reporting begins at declaration and runs for 12 months.</p></div></label>\n</section>"
    },
    {
      "key": "notify",
      "name": "Notification matrix",
      "html": "\n<section class=\"nm\"><span class=\"k\">Notify</span>\n<table><thead><tr><th>Agency</th><th>Immediate</th><th>Acknowledge</th><th>Liaison officer</th></tr></thead>\n<tbody>\n<tr><td>Police</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td></tr>\n<tr><td>Fire and rescue</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td></tr>\n<tr><td>Ambulance</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\"></td></tr>\n<tr><td>Local authority</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td></tr>\n<tr><td>Environment agency</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\"></td><td><input type=\"checkbox\"></td></tr>\n<tr><td>Utilities</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\"></td><td><input type=\"checkbox\"></td></tr>\n</tbody></table></section>"
    },
    {
      "key": "sign",
      "name": "Sign-off",
      "html": "\n<footer class=\"so\"><div class=\"fg\"><label><span class=\"k\">Declaring officer</span><input type=\"text\" value=\"K. Halvorsen\"></label><label><span class=\"k\">Role</span><input type=\"text\" value=\"Tactical Commander\"></label><label><span class=\"k\">Time</span><input type=\"text\" value=\"09:14 UTC\"></label></div>\n<label class=\"chk\"><input type=\"checkbox\"> I have read the consequences of a major declaration set out above.</label>\n<div class=\"ac\"><button type=\"button\" class=\"pri\">Declare major incident</button><button type=\"button\" class=\"sec\">Cancel</button></div></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "field-survey-declare",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T23:58:03+09:00",
    "updatedAt": "2026-09-01T23:58:03+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/field-survey-declare.json",
  "structure": "A single 820px ruled column: level selection as full-width cells with consequences inline, then notification targets as a checkbox matrix.",
  "html": "<div class=\"dz dz-field-survey-declare\" data-design=\"field-survey-declare\" data-theme=\"field-survey\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Declaration head\">\n<header class=\"dh\"><span class=\"rf\">DF-01</span><h1>Escalate incident</h1><p>Escalation notifies external agencies immediately and cannot be reversed without a stand-down declaration signed by the same officer.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"levels\" aria-label=\"Level cells\">\n<section class=\"lv\"><span class=\"k\">Level</span>\n<label><input type=\"radio\" name=\"lv\"><div><b>Standby</b><p>Internal only. Duty officers alerted, no external notification, no resource commitment.</p></div></label>\n<label><input type=\"radio\" name=\"lv\"><div><b>Significant</b><p>Partner agencies notified for information. Resources may be committed within the sector. No mutual aid.</p></div></label>\n<label class=\"on\"><input type=\"radio\" name=\"lv\" checked><div><b>Major</b><p>All partner agencies notified with an immediate acknowledgement required. Mutual aid available from neighbouring counties. Media cell activated. Recovery reporting begins at declaration and runs for 12 months.</p></div></label>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"notify\" aria-label=\"Notification matrix\">\n<section class=\"nm\"><span class=\"k\">Notify</span>\n<table><thead><tr><th>Agency</th><th>Immediate</th><th>Acknowledge</th><th>Liaison officer</th></tr></thead>\n<tbody>\n<tr><td>Police</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td></tr>\n<tr><td>Fire and rescue</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td></tr>\n<tr><td>Ambulance</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\"></td></tr>\n<tr><td>Local authority</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\" checked></td></tr>\n<tr><td>Environment agency</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\"></td><td><input type=\"checkbox\"></td></tr>\n<tr><td>Utilities</td><td><input type=\"checkbox\" checked></td><td><input type=\"checkbox\"></td><td><input type=\"checkbox\"></td></tr>\n</tbody></table></section></section>\n<section class=\"dz-mod\" data-mod=\"sign\" aria-label=\"Sign-off\">\n<footer class=\"so\"><div class=\"fg\"><label><span class=\"k\">Declaring officer</span><input type=\"text\" value=\"K. Halvorsen\"></label><label><span class=\"k\">Role</span><input type=\"text\" value=\"Tactical Commander\"></label><label><span class=\"k\">Time</span><input type=\"text\" value=\"09:14 UTC\"></label></div>\n<label class=\"chk\"><input type=\"checkbox\"> I have read the consequences of a major declaration set out above.</label>\n<div class=\"ac\"><button type=\"button\" class=\"pri\">Declare major incident</button><button type=\"button\" class=\"sec\">Cancel</button></div></footer></section>\n</div>",
  "css": "\n.dz-field-survey-declare { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 24px; max-width: 820px; margin: 0 auto; }\n.dz-field-survey-declare .rf { font-family: var(--pv-mono); font-size: 11px; letter-spacing: .02em; color: var(--muted-foreground); display: block; }\n.dz-field-survey-declare .k { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); display: block; margin-bottom: 10px; }\n.dz-field-survey-declare .dh { padding-bottom: 14px; border-bottom: 2px solid var(--border); margin-bottom: 22px; }\n.dz-field-survey-declare h1 { font-family: var(--pv-display); text-transform: uppercase; font-weight: 600; letter-spacing: .01em; font-size: 40px; margin: 4px 0 10px; }\n.dz-field-survey-declare .dh p { margin: 0; font-size: 13.5px; color: var(--muted-foreground); line-height: 1.6; max-width: 64ch; }\n.dz-field-survey-declare section { margin-bottom: 26px; }\n.dz-field-survey-declare .lv label { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 14px; border: 1px solid var(--border); margin-bottom: -1px; cursor: pointer; }\n.dz-field-survey-declare .lv label.on { border: 2px solid var(--primary); background: color-mix(in oklab, var(--primary) 10%, transparent); }\n.dz-field-survey-declare .lv b { display: block; font-family: var(--pv-display); text-transform: uppercase; font-weight: 600; letter-spacing: .01em; font-size: 20px; margin-bottom: 5px; }\n.dz-field-survey-declare .lv p { margin: 0; font-size: 13px; line-height: 1.55; }\n.dz-field-survey-declare table { width: 100%; border-collapse: collapse; }\n.dz-field-survey-declare th { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); text-align: center; padding: 0 10px 8px; border-bottom: 1px solid var(--border); }\n.dz-field-survey-declare th:first-child { text-align: left; padding-left: 0; }\n.dz-field-survey-declare td { padding: 10px; text-align: center; border-bottom: 1px solid var(--border); font-size: 13.5px; }\n.dz-field-survey-declare td:first-child { text-align: left; padding-left: 0; }\n.dz-field-survey-declare .fg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 16px; }\n.dz-field-survey-declare input[type=text] { display: block; width: 100%; font: inherit; font-size: 14px; padding: 10px; background: transparent; border: 2px solid var(--border); border-radius: 0; color: var(--foreground); }\n.dz-field-survey-declare .chk { display: flex; gap: 10px; align-items: center; font-size: 13.5px; margin-bottom: 18px; }\n.dz-field-survey-declare .ac { display: flex; gap: 10px; }\n.dz-field-survey-declare button { font: inherit; text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); font-family: var(--pv-body); padding: 14px 22px; cursor: pointer; }\n.dz-field-survey-declare .pri { background: var(--destructive); color: var(--destructive-foreground); border: 0; }\n.dz-field-survey-declare .sec { background: transparent; color: var(--foreground); border: 2px solid var(--border); }\n",
  "requiredTheme": "/api/v1/themes/field-survey.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700&family=Noto+Sans+Mono:wght@400;500;600;700&display=swap"
}