/* Scoped to Apple: reuse the existing dashboard's dark/light design tokens. */
#view-apple .apple-heading { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); padding:var(--sp-3) 0; }
#view-apple h1 { font-size:var(--text-2xl); letter-spacing:-.04em; margin:8px 0; }
#view-apple .apple-eyebrow { color:var(--accent); font:11px var(--mono); letter-spacing:.15em; }
#view-apple .apple-layout { display:grid; grid-template-columns:minmax(0, 2fr) minmax(280px, 1fr); gap:var(--sp-4); align-items:start; }
#view-apple fieldset { border:0; margin:0; padding:0; min-width:0; }
#view-apple .apple-form-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--sp-4); margin-top:var(--sp-5); }
#view-apple label { display:flex; flex-direction:column; gap:var(--sp-2); font-size:var(--text-sm); color:var(--fg-mute); }
#view-apple input, #view-apple select { width:100%; min-width:0; box-sizing:border-box; }
#view-apple .apple-form-note { line-height:1.8; margin:var(--sp-5) 0 var(--sp-3); }
#view-apple .apple-flow { list-style:none; padding:0; counter-reset:apple-step; margin:var(--sp-5) 0; }
#view-apple .apple-flow li { position:relative; padding:0 0 var(--sp-5) 38px; counter-increment:apple-step; }
#view-apple .apple-flow li::before { content:counter(apple-step, decimal-leading-zero); position:absolute; left:0; top:2px; font:12px var(--mono); color:var(--accent); }
#view-apple .apple-flow strong { display:block; font-size:var(--text-sm); font-weight:600; }
#view-apple .apple-flow span { display:block; margin-top:5px; color:var(--fg-mute); font-size:12px; line-height:1.65; }
#view-apple .apple-flow li:last-child { padding-bottom:0; }
#view-apple .apple-notice { border-left:2px solid var(--warn); padding:var(--sp-3); background:rgba(var(--warn-rgb),.06); font-size:12px; color:var(--fg-mute); line-height:1.8; }
#view-apple .apple-flow-card a { font-size:12px; color:var(--accent-2); }
#view-apple .apple-task-list { display:grid; gap:var(--sp-3); margin-top:var(--sp-4); }
#view-apple .apple-task { border:1px solid var(--border-strong); border-radius:var(--radius-md); padding:var(--sp-4); }
#view-apple .apple-task-top { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); }
#view-apple .apple-task-meta { display:flex; flex-wrap:wrap; gap:var(--sp-3); font-size:12px; color:var(--fg-mute); margin:var(--sp-3) 0; overflow-wrap:anywhere; }
#view-apple .apple-task-review { padding:var(--sp-3); background:var(--bg-2); border-radius:var(--radius-sm); margin:var(--sp-3) 0; font-size:13px; line-height:1.8; }
#view-apple .apple-empty { padding:var(--sp-6); text-align:center; font-size:13px; color:var(--fg-mute); border:1px dashed var(--border-strong); border-radius:var(--radius-md); }
#view-apple .apple-error { color:var(--danger); padding-top:var(--sp-3); font-size:13px; overflow-wrap:anywhere; }
#view-apple .apple-stage-warn { color:var(--warn); }
#view-apple .apple-stage-ok { color:var(--accent); }
#view-apple .apple-task-id { font:11px var(--mono); color:var(--fg-dim); }
#view-apple .apple-probe-result:not(:empty) { margin-top:var(--sp-4); padding:var(--sp-3); border:1px solid var(--border-strong); border-radius:var(--radius-sm); line-height:1.8; }
@media(max-width:1000px) { #view-apple .apple-layout { grid-template-columns:1fr; } }
@media(max-width:600px) {
  #view-apple .apple-heading, #view-apple .apple-task-top { align-items:flex-start; flex-direction:column; }
  #view-apple .apple-form-grid { grid-template-columns:1fr; }
  #view-apple .apple-empty { padding:var(--sp-5) var(--sp-3); }
}