/* Uses eagle-flow.css shared template tokens. */
.form-evidence-files {list-style:none;padding:0;margin:4px 0;}
.form-evidence-files li {display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--line,#D4DFE7);}
.form-evidence-open {display:flex;align-items:center;gap:10px;min-height:44px;min-width:0;flex:1;background:none;border:0;text-align:left;color:inherit;padding:0;}
.form-evidence-open > span {min-width:0;flex:1;}
.form-evidence-open strong {display:block;overflow-wrap:anywhere;font-size:14px;font-weight:600;}
.form-evidence-open small,.form-evidence-limit {display:block;font-size:12px;color:var(--muted,#526575);}
.form-evidence-open ion-icon {font-size:22px;flex-shrink:0;}
.form-evidence-actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.form-evidence-actions label {position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--accent);background:var(--surface);}
.form-evidence-actions input {position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.form-evidence-actions label:has(input:focus-visible) {outline:2px solid var(--accent,#086EA6);outline-offset:2px;}
.form-evidence-actions label:has(input:disabled) {opacity:.5;cursor:default;}
.form-evidence-status {margin:4px 0;font-size:13px;overflow-wrap:anywhere;min-height:0;}
.form-signature > label:first-child {display:grid;gap:5px;}
.form-signature canvas {display:block;width:100%;aspect-ratio:5/2;height:auto;max-height:224px;background:#fff;border:1px solid var(--theme-control-border,#8CABB9);border-radius:6px;touch-action:none;margin-top:12px;}
.form-signature > label:first-child {font-size:13px;color:var(--muted);}
.form-signature input[readonly] {color:var(--ink);background:var(--surface-soft);}
.form-signature-tools {display:flex;justify-content:flex-end;gap:4px;}
.form-signature .checkrow {display:flex;align-items:flex-start;gap:8px;min-height:44px;font-size:14px;}
.form-signature .checkrow input {margin-top:3px;}
.form-evidence-preview {width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:16px;border:1px solid #D4DFE7;border-radius:8px;background:var(--surface,#fff);color:var(--ink,#17364C);}
.form-evidence-preview::backdrop {background:#0008;}
.form-evidence-preview header {display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.form-evidence-preview header strong {flex:1;overflow-wrap:anywhere;}
.form-evidence-preview img {display:block;max-width:100%;max-height:65dvh;margin:auto;object-fit:contain;}
.form-evidence-preview footer {display:flex;justify-content:flex-end;margin-top:12px;}
@media (max-height:500px) and (pointer:coarse) {
  .form-signature canvas {aspect-ratio:5/1;max-height:140px;}
}

.form-signature { padding: var(--flow-space-3, 12px); border: 1px solid var(--flow-line, var(--line)); border-radius: var(--flow-radius, 8px); background: var(--flow-surface, var(--surface)); }
.form-evidence-status:not(:empty) { padding: 6px 8px; border-inline-start: 3px solid var(--flow-primary, var(--accent)); background: var(--flow-soft, var(--accent-soft)); }
.form-evidence-actions label { border-radius: var(--flow-radius-sm, 6px); }
.form-condition{margin-top:12px;border-top:1px solid var(--line,#d9e1e7);padding-top:10px}
.form-condition summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
.form-condition-value{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.form-option-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;width:100%}
.form-question-settings.is-audit{display:flex;flex-wrap:wrap;align-items:flex-end}
.form-question-settings.is-audit>.checkrow{flex:1;order:1}
.form-question-settings.is-audit>.points-field{flex:0 0 100px;order:2}
.form-question-settings.is-audit>.form-option-scores,.form-question-settings.is-audit>.score-answer{flex:1 1 100%;order:3}
.form-question-image{display:block;border:1px solid var(--line,#d9e1e7);border-radius:6px;background:var(--surface,#fff);padding:4px;max-width:100%;margin:10px 0;cursor:zoom-in}
.form-question-image img{display:block;width:auto;height:auto;max-width:100%;max-height:220px;object-fit:contain;margin:auto}
.form-image-editor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.form-image-editor .form-field{flex:1 1 160px;min-width:0}
.form-image-upload{display:flex;gap:8px;align-items:center;min-height:44px;font-size:13px;position:relative;cursor:pointer;color:var(--accent,#086ea6)}
.form-image-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.form-image-upload:focus-within,.form-question-image:focus-visible{outline:2px solid var(--accent,#086ea6);outline-offset:3px}
.form-image-dialog{border:1px solid var(--line,#d9e1e7);border-radius:6px;background:var(--surface,#fff);color:var(--ink,#172c3b);max-width:96vw;max-height:94dvh;padding:12px}
.form-image-dialog::backdrop{background:rgb(0 0 0 / .65)}
.form-image-dialog>.icon-button{display:block;margin-left:auto}
.form-image-dialog>img{display:block;max-width:calc(96vw - 26px);max-height:calc(94dvh - 70px);object-fit:contain}
.form-attainable{font-size:13px;color:var(--muted,#526773);margin:8px 0}
