:root{color-scheme:light;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#eef3f9;color:#102033}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(57,102,194,.12),transparent 34%),#eef3f9}a{color:inherit;text-decoration:none}select,input,textarea,button{width:100%;border:1px solid #c7d3e3;border-radius:.85rem;padding:.75rem .9rem;background:#fff;color:inherit}textarea{min-height:7rem;resize:vertical}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-frame{display:grid;grid-template-columns:18rem minmax(0,1fr);min-height:100vh}.app-frame__sidebar{padding:2rem 1.5rem;background:linear-gradient(180deg,#102033,#17324d);color:#f4f8fd}.app-frame__main{display:flex;flex-direction:column;min-width:0}.app-frame__topbar{padding:1.5rem 1.75rem 0}.app-frame__content{padding:1.75rem}.sidebar__eyebrow{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;opacity:.7}.sidebar__title{margin:0;font-size:1.9rem}.sidebar__description{margin:.75rem 0 1.5rem;line-height:1.5;color:#f4f8fdd1}.sidebar__nav{display:grid;gap:.55rem}.nav-link{padding:.75rem .9rem;border-radius:.9rem;color:#f4f8fdd1}.nav-link--active,.nav-link:hover{background:#ffffff1f;color:#fff}.top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:end}.top-bar__title{margin:0;font-size:1.5rem}.top-bar__subtitle{margin:.35rem 0 0;color:#54657b}.top-bar__meta,.top-bar__actions{display:flex;align-items:center;gap:.75rem}.top-meta{display:inline-flex;padding:.55rem .8rem;border-radius:999px;background:#dbe7f6;color:#17324d;font-size:.9rem}.page-grid{display:grid;gap:1rem}.panel{border:1px solid #d9e2ef;border-radius:1.15rem;background:#fffffff0;box-shadow:0 18px 45px #10203312}.panel__header{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 0}.panel__title{margin:0;font-size:1.05rem}.panel__description{margin:.45rem 0 0;color:#5f6f84;line-height:1.5}.panel__body{padding:1.25rem}.record-list{display:grid;gap:.85rem}.record-card{border:1px solid #d7e0eb;border-radius:.95rem;padding:1rem;background:#f9fbfd}.record-card--subtle{background:#f3f7fb}.record-card h4,.summary-list{margin-top:0}.record-card p,.record-card small,.summary-list li{color:#4f6075}.record-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.75rem}.record-actions button,.record-actions a{width:auto}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}.task-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.task-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.task-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .7rem;font-size:.82rem;background:#dbe7f6;color:#17324d}.task-chip--status.task-chip--draft,.task-chip--status.task-chip--archived,.task-chip--step.task-chip--pending{background:#e7edf5;color:#4f6075}.task-chip--status.task-chip--planning,.task-chip--status.task-chip--classified,.task-chip--status.task-chip--context_resolved,.task-chip--status.task-chip--generated,.task-chip--step.task-chip--in_progress{background:#d9ecff;color:#0f5ea6}.task-chip--status.task-chip--queued,.task-chip--status.task-chip--never_run,.task-chip--status.task-chip--placeholder_only{background:#e7edf5;color:#4f6075}.task-chip--status.task-chip--running{background:#d9ecff;color:#0f5ea6}.task-chip--status.task-chip--awaiting_approval{background:#fff0c7;color:#8a6100}.task-chip--status.task-chip--pending,.task-chip--status.task-chip--changes_requested{background:#ffe8c9;color:#8a4b00}.task-chip--status.task-chip--approved,.task-chip--status.task-chip--ready,.task-chip--status.task-chip--ready_for_execution,.task-chip--status.task-chip--success,.task-chip--status.task-chip--active,.task-chip--status.task-chip--placeholder,.task-chip--step.task-chip--completed,.task-chip--status.task-chip--added{background:#d9f2de;color:#21713c}.task-chip--status.task-chip--modified{background:#fff0c7;color:#8a6100}.task-chip--status.task-chip--deleted,.task-chip--status.task-chip--rejected,.task-chip--status.task-chip--blocked,.task-chip--status.task-chip--error,.task-chip--status.task-chip--failure,.task-chip--status.task-chip--denied,.task-chip--status.task-chip--failed,.task-chip--risk.task-chip--high{background:#fde2e2;color:#9c2d2d}.task-chip--status.task-chip--planned,.task-chip--status.task-chip--stale,.task-chip--status.task-chip--restricted{background:#ffe8c9;color:#8a4b00}.task-chip--status.task-chip--disabled{background:#e7edf5;color:#4f6075}.task-chip--status.task-chip--pending,.task-chip--risk.task-chip--medium{background:#fff0c7;color:#8a6100}.task-chip--risk.task-chip--low{background:#d9f2de;color:#21713c}.task-workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.workspace-split-grid{display:grid;grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);gap:1rem}.builder-grid{display:grid;grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);gap:1rem}.builder-column{display:grid;gap:1rem}.builder-column--wide{min-width:0}.builder-tree-preview{display:grid;gap:.85rem}.builder-tree-preview__children{margin-top:.85rem;padding-left:1rem;border-left:2px solid #d7e0eb}.file-tree-list{display:grid;gap:.75rem}.file-tree-node{display:grid;gap:.35rem;padding:.85rem;border:1px solid #d7e0eb;border-radius:.9rem;background:#f9fbfd}.file-tree-node__header{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.file-tree-node__children{display:grid;gap:.75rem;margin-top:.4rem}.task-step-list{display:grid;gap:.85rem;padding-left:1.25rem}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-block:.85rem}.changed-file-table{display:grid;gap:.85rem}.selectable-card{width:100%;text-align:left}.selectable-card--active{border-color:#17324d;box-shadow:0 0 0 2px #17324d14}.diff-placeholder-card{display:grid;gap:.85rem}.tab-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.tab-button{width:auto;padding-inline:1rem;background:#f5f8fc}.tab-button--active{background:#17324d;color:#fff;border-color:#17324d}.field{display:grid;gap:.45rem}.checkbox-field{display:flex;align-items:center;gap:.65rem}.checkbox-field input{width:auto}.field--compact{min-width:16rem}.code-block{margin:0;padding:.9rem;border-radius:.85rem;background:#102033;color:#f4f8fd;overflow:auto;font-size:.85rem}@media(max-width:960px){.app-frame,.top-bar,.task-workspace-grid,.builder-grid,.workspace-split-grid,.summary-grid,.filter-grid{grid-template-columns:1fr}.task-card__header{flex-direction:column}}
