{
  "id": "evidence-office-intake-board",
  "name": "Intake Board",
  "theme": "evidence-office",
  "category": "Dashboard",
  "description": "Five intake stages as vertical lanes with a hard count cap on each, so an overloaded stage is visible before anyone reads a number.",
  "layout": "Five equal lanes separated by hairlines, each with a capacity bar under its heading; cards are outlined rows, and a lane over capacity turns its bar to the destructive token.",
  "modules": [
    {
      "key": "toolbar",
      "name": "Board toolbar",
      "html": "\n<div class=\"tb\"><h1>Intake</h1><label class=\"sw\"><input type=\"checkbox\" checked> Mine only</label><label class=\"sw\"><input type=\"checkbox\"> Show closed</label><span class=\"tb-sp\"></span><span class=\"tb-count\">61 in flight</span></div>"
    },
    {
      "key": "lanes",
      "name": "Stage lanes",
      "html": "\n<div class=\"lanes\">\n  <div class=\"lane\"><header><h2>Received</h2><span>14</span><div class=\"cap\"><i style=\"width:70%\"></i></div></header>\n    <article><b>C-4491</b><p>Beckett Road, extension</p><span>Today 09:12</span></article>\n    <article><b>C-4490</b><p>Mill Yard, hoarding</p><span>Today 08:44</span></article>\n    <article><b>C-4488</b><p>Sale Lane, felling</p><span>Yesterday</span></article>\n  </div>\n  <div class=\"lane\"><header><h2>Validated</h2><span>9</span><div class=\"cap\"><i style=\"width:45%\"></i></div></header>\n    <article><b>C-4484</b><p>Quay Street, signage</p><span>2 days</span></article>\n    <article><b>C-4481</b><p>Ash Grove, tree order</p><span>3 days</span></article>\n  </div>\n  <div class=\"lane over\"><header><h2>Consultation</h2><span>22</span><div class=\"cap\"><i style=\"width:100%\"></i></div></header>\n    <article><b>C-4468</b><p>Halifax Mill, change of use</p><span>11 days</span></article>\n    <article><b>C-4471</b><p>Bramley Lane, boundary</p><span>14 days</span></article>\n    <article><b>C-4460</b><p>Ferry Road, listed consent</p><span>16 days</span></article>\n  </div>\n  <div class=\"lane\"><header><h2>Decision</h2><span>11</span><div class=\"cap\"><i style=\"width:55%\"></i></div></header>\n    <article><b>C-4455</b><p>Northfield, access</p><span>4 days</span></article>\n    <article><b>C-4451</b><p>Dock Road, lighting</p><span>6 days</span></article>\n  </div>\n  <div class=\"lane\"><header><h2>Issued</h2><span>5</span><div class=\"cap\"><i style=\"width:25%\"></i></div></header>\n    <article><b>C-4444</b><p>Elm Court, porch</p><span>Issued Tue</span></article>\n  </div>\n</div>"
    },
    {
      "key": "legend",
      "name": "Capacity legend",
      "html": "\n<footer class=\"leg\"><span class=\"leg-k\">Capacity</span> Each lane is sized to the team that works it. A full bar means the next case waits, not that it is late.</footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "evidence-office-intake-board",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-08-29T18:23:29+09:00",
    "updatedAt": "2026-08-29T18:23:29+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/evidence-office-intake-board.json",
  "structure": "Five equal lanes separated by hairlines, each with a capacity bar under its heading; cards are outlined rows, and a lane over capacity turns its bar to the destructive token.",
  "html": "<div class=\"dz dz-evidence-office-intake-board\" data-design=\"evidence-office-intake-board\" data-theme=\"evidence-office\">\n<section class=\"dz-mod\" data-mod=\"toolbar\" aria-label=\"Board toolbar\">\n<div class=\"tb\"><h1>Intake</h1><label class=\"sw\"><input type=\"checkbox\" checked> Mine only</label><label class=\"sw\"><input type=\"checkbox\"> Show closed</label><span class=\"tb-sp\"></span><span class=\"tb-count\">61 in flight</span></div></section>\n<section class=\"dz-mod\" data-mod=\"lanes\" aria-label=\"Stage lanes\">\n<div class=\"lanes\">\n  <div class=\"lane\"><header><h2>Received</h2><span>14</span><div class=\"cap\"><i style=\"width:70%\"></i></div></header>\n    <article><b>C-4491</b><p>Beckett Road, extension</p><span>Today 09:12</span></article>\n    <article><b>C-4490</b><p>Mill Yard, hoarding</p><span>Today 08:44</span></article>\n    <article><b>C-4488</b><p>Sale Lane, felling</p><span>Yesterday</span></article>\n  </div>\n  <div class=\"lane\"><header><h2>Validated</h2><span>9</span><div class=\"cap\"><i style=\"width:45%\"></i></div></header>\n    <article><b>C-4484</b><p>Quay Street, signage</p><span>2 days</span></article>\n    <article><b>C-4481</b><p>Ash Grove, tree order</p><span>3 days</span></article>\n  </div>\n  <div class=\"lane over\"><header><h2>Consultation</h2><span>22</span><div class=\"cap\"><i style=\"width:100%\"></i></div></header>\n    <article><b>C-4468</b><p>Halifax Mill, change of use</p><span>11 days</span></article>\n    <article><b>C-4471</b><p>Bramley Lane, boundary</p><span>14 days</span></article>\n    <article><b>C-4460</b><p>Ferry Road, listed consent</p><span>16 days</span></article>\n  </div>\n  <div class=\"lane\"><header><h2>Decision</h2><span>11</span><div class=\"cap\"><i style=\"width:55%\"></i></div></header>\n    <article><b>C-4455</b><p>Northfield, access</p><span>4 days</span></article>\n    <article><b>C-4451</b><p>Dock Road, lighting</p><span>6 days</span></article>\n  </div>\n  <div class=\"lane\"><header><h2>Issued</h2><span>5</span><div class=\"cap\"><i style=\"width:25%\"></i></div></header>\n    <article><b>C-4444</b><p>Elm Court, porch</p><span>Issued Tue</span></article>\n  </div>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"legend\" aria-label=\"Capacity legend\">\n<footer class=\"leg\"><span class=\"leg-k\">Capacity</span> Each lane is sized to the team that works it. A full bar means the next case waits, not that it is late.</footer></section>\n</div>",
  "css": "\n.dz-evidence-office-intake-board { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 22px 24px 20px; }\n.dz-evidence-office-intake-board .tb { display: flex; align-items: center; gap: 18px; padding-bottom: 12px; border-bottom: var(--pv-bw) solid var(--foreground); }\n.dz-evidence-office-intake-board .tb h1 { font-family: var(--pv-display); font-size: 19px; margin: 0; letter-spacing: -.02em; }\n.dz-evidence-office-intake-board .sw { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--muted-foreground); cursor: pointer; }\n.dz-evidence-office-intake-board .sw input { accent-color: var(--primary); }\n.dz-evidence-office-intake-board .tb-sp { flex: 1; }\n.dz-evidence-office-intake-board .tb-count { font-family: var(--pv-mono); font-size: 12px; color: var(--muted-foreground); }\n.dz-evidence-office-intake-board .lanes { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-left: var(--pv-bw) solid var(--border); margin-top: 16px; }\n.dz-evidence-office-intake-board .lane { border-right: var(--pv-bw) solid var(--border); padding: 0 10px 12px; }\n.dz-evidence-office-intake-board .lane header { padding: 10px 2px 8px; }\n.dz-evidence-office-intake-board .lane h2 { display: inline; font-family: var(--pv-display); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; margin: 0; }\n.dz-evidence-office-intake-board .lane header span { font-family: var(--pv-mono); font-size: 11px; color: var(--muted-foreground); margin-left: 6px; }\n.dz-evidence-office-intake-board .cap { height: 3px; background: var(--muted); margin-top: 8px; }\n.dz-evidence-office-intake-board .cap i { display: block; height: 100%; background: var(--primary); }\n.dz-evidence-office-intake-board .lane.over .cap i { background: var(--destructive); }\n.dz-evidence-office-intake-board .lane.over h2 { color: var(--destructive); }\n.dz-evidence-office-intake-board .lane article { border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius-sm); padding: 9px 10px; margin-bottom: 8px; transition: background var(--dur) var(--ease); }\n.dz-evidence-office-intake-board .lane article:hover { background: var(--secondary); }\n.dz-evidence-office-intake-board .lane b { font-family: var(--pv-mono); font-weight: 400; font-size: 11.5px; color: var(--primary); }\n.dz-evidence-office-intake-board .lane p { margin: 3px 0 5px; font-size: 12.5px; line-height: 1.35; }\n.dz-evidence-office-intake-board .lane article span { font-size: 10.5px; color: var(--muted-foreground); }\n.dz-evidence-office-intake-board .leg { margin-top: 14px; font-size: 12px; color: var(--muted-foreground); max-width: 62ch; line-height: 1.5; }\n.dz-evidence-office-intake-board .leg-k { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--foreground); margin-right: 6px; }\n@media (prefers-reduced-motion: reduce) { .dz-evidence-office-intake-board *, .dz-evidence-office-intake-board *::before, .dz-evidence-office-intake-board *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/evidence-office.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
}