.hierarchy-app{min-height:100vh;padding:1.5rem;color:#111827}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.kicker{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#0b5e4d;font-weight:700}.page-header h1{margin:.25rem 0;font-size:1.6rem}.subtext{margin:0;color:#4b5563;font-size:.9rem}.role-picker{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#374151}.cutover-brief{display:flex;justify-content:space-between;align-items:center;gap:.9rem;border:1px solid #bfdbfe;border-radius:.75rem;background:#f8fbff;padding:.75rem .85rem;margin-bottom:.8rem}.cutover-brief h2{margin:0;font-size:1.05rem}.onboarding-checklist{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(220px,1fr));margin-bottom:.8rem}.milestone{border:1px solid #e5e7eb;border-radius:.65rem;background:#fff;padding:.65rem .7rem}.milestone.complete{border-color:#a7f3d0;background:#ecfdf5}.milestone.pending{border-color:#fde68a;background:#fffbeb}.primary-nav{display:flex;gap:.55rem;margin-bottom:1rem}.primary-nav button{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;padding:.4rem .85rem;cursor:pointer}.primary-nav button.active{border-color:#0f766e;background:#0f766e;color:#fff}.onboarding-path{margin-bottom:1rem}.filter-bar{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:.75rem;background:#eaf9f3;border:1px solid #a7f3d0;border-radius:.75rem;padding:.75rem;margin-bottom:1rem}.filter-bar label,.controls-panel label{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:#374151}select,textarea,button,input[type=checkbox]{font:inherit}select,textarea{border:1px solid #cbd5e1;border-radius:.5rem;padding:.5rem;background:#fff}.undo-banner{display:flex;justify-content:space-between;align-items:center;background:#fef9c3;border:1px solid #facc15;border-radius:.6rem;padding:.65rem .75rem;margin-bottom:1rem;font-size:.9rem}.undo-banner button,.controls-panel button,.modal-actions button,.tree-node,.breadcrumbs button,.child-table button{border:1px solid transparent;border-radius:.5rem;background:#0f766e;color:#fff;padding:.45rem .7rem;cursor:pointer}.undo-banner button,.breadcrumbs button,.child-table button{background:#0f766e}.workspace-layout{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(300px,1.4fr) minmax(260px,1fr);gap:1rem}.panel{background:#fff;border:1px solid #d1d5db;border-radius:.85rem;padding:.9rem;min-height:520px}.panel h2{margin-top:0;margin-bottom:.6rem;font-size:1.1rem}.tree-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.tree-node{width:100%;background:#ecfdf5;color:#064e3b;border-color:#a7f3d0;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.tree-node.active{background:#065f46;color:#fff;border-color:#064e3b}.pill{font-size:.72rem;border-radius:999px;padding:.15rem .45rem;border:1px solid currentColor}.pill.inherited{color:#155e75}.pill.overridden{color:#7c2d12}.pill.locked{color:#7f1d1d}.summary-line{margin-top:0;color:#4b5563;font-size:.85rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.8rem}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:.8rem;margin-bottom:1rem}.summary-grid h3{margin:0;font-size:.82rem;color:#374151}.summary-grid p{margin-top:.3rem;margin-bottom:0}.state-value{text-transform:capitalize;font-weight:700}.state-value.public{color:#047857}.state-value.restricted{color:#92400e}.state-value.private{color:#7f1d1d}.child-table{width:100%;border-collapse:collapse}.child-table th,.child-table td{border-top:1px solid #e5e7eb;padding:.5rem;text-align:left;font-size:.84rem}.child-table button{background:#e0f2fe;color:#075985;border-color:#bae6fd}.controls-panel{display:flex;flex-direction:column;gap:.7rem}.switch-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.6rem}.alert{margin:0;border-radius:.5rem;padding:.5rem .6rem;font-size:.82rem}.alert.locked{background:#fee2e2;color:#7f1d1d}.alert.warning{background:#ffedd5;color:#7c2d12}.alert.neutral{background:#e5e7eb;color:#374151}.controls-panel button.secondary{background:#e5e7eb;color:#4b5563}button.secondary{background:#e5e7eb;color:#334155;border-color:#cbd5e1}.controls-panel button.danger,.modal-actions button.danger{background:#b91c1c}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}.audit-trail{border-top:1px solid #e5e7eb;padding-top:.75rem}.audit-trail h3{margin-top:0;margin-bottom:.55rem;font-size:.9rem}.audit-trail ul{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.6rem}.audit-trail p{margin:0;font-size:.82rem}.modal-backdrop{position:fixed;inset:0;background:#1118276b;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-card{width:min(500px,100%);background:#fff;border:1px solid #d1d5db;border-radius:.9rem;padding:1rem}.modal-card h2{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem}.phase3-shell{margin-top:1.25rem;border:1px solid #bfdbfe;background:#f8fbff;border-radius:.85rem;padding:1rem}.phase3-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.phase3-header h2{margin:.2rem 0}.phase3-metric{margin:0;background:#dbeafe;color:#1e3a8a;border-radius:999px;padding:.35rem .75rem;font-size:.82rem;font-weight:700}.phase3-filters{margin-top:.9rem;display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(160px,1fr))}.phase3-filters label{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem}.phase3-grid{margin-top:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(260px,1fr))}.phase3-panel{border:1px solid #dbeafe;border-radius:.75rem;background:#fff;padding:.8rem}.phase3-panel h3{margin-top:0;margin-bottom:.75rem}.phase3-table{width:100%;border-collapse:collapse}.phase3-table th,.phase3-table td{border-top:1px solid #e5e7eb;text-align:left;padding:.55rem;vertical-align:top}.phase3-table th{font-size:.8rem;color:#374151}.phase3-status{text-transform:capitalize}.phase3-status.requested,.phase3-status.queued{color:#92400e}.phase3-status.confirmed,.phase3-status.ai_drafted,.phase3-status.human_review{color:#1d4ed8}.phase3-status.checked_in,.phase3-status.approved,.phase3-status.published,.phase3-status.completed{color:#047857}.phase3-status.cancelled,.phase3-status.no_show,.phase3-status.rejected{color:#991b1b}.cell-primary{margin:0;font-weight:600}.cell-secondary{margin:.2rem 0 0;color:#4b5563;font-size:.78rem}.review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.review-item{border:1px solid #e5e7eb;border-radius:.6rem;padding:.65rem}.review-item header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.review-body{margin:.5rem 0 .35rem}.ai-suggestion{margin-top:.6rem;background:#eff6ff;border:1px solid #dbeafe;border-radius:.55rem;padding:.55rem}.ai-suggestion p{margin:0}.review-actions{margin-top:.65rem;display:flex;gap:.5rem;align-items:center}@media (max-width: 1120px){.onboarding-checklist{grid-template-columns:1fr}.filter-bar{grid-template-columns:repeat(3,minmax(110px,1fr))}.workspace-layout{grid-template-columns:1fr}.panel{min-height:0}.summary-grid,.phase3-grid{grid-template-columns:1fr}}@media (max-width: 640px){.hierarchy-app{padding:1rem}.cutover-brief{flex-direction:column;align-items:flex-start}.primary-nav,.page-header{flex-direction:column}.filter-bar,.phase3-filters{grid-template-columns:1fr}.phase3-header{flex-direction:column}}:root{font-family:IBM Plex Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.45;font-weight:400;color:#111827;background:radial-gradient(circle at 5% 0%,#d1fae5,#f8fafc 36%,#eff6ff);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100vh}button{transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #0f766e33}