/* Final presentation layer: make the MVP feel like a calm operating workspace. */
.tree-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.tree-card{background:#fff;border:1px solid #e5eaf0;border-radius:13px;padding:18px;transition:.16s ease}.tree-card:hover{transform:translateY(-2px);border-color:#b8d8c9;box-shadow:0 8px 20px rgba(20,60,48,.08)}.tree-card h3{color:#294862;font-size:17px;margin:9px 0}.tree-level{font-size:11px;color:#5c8b73;font-weight:700;letter-spacing:.04em}.tree-note{margin-top:14px;padding:12px 14px;background:#f7faf8;color:#6f7f75;border-radius:9px;font-size:12px}.tree-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}.tree-summary>div{padding:12px;background:#f7faf8;border-radius:9px;color:#718096;font-size:12px}.tree-summary b{display:block;color:#294862;font-size:18px;margin-top:4px}@media(max-width:760px){.tree-grid{grid-template-columns:1fr}.tree-summary{grid-template-columns:repeat(2,1fr)}}
body{background:#f5f7fa!important;color:#1d2939!important;font-size:14px!important}#app{max-width:1280px!important;padding:24px 28px 56px!important}header{min-height:76px!important;margin:0!important;padding:14px 18px!important;border:1px solid #e6eaf0!important;border-radius:16px!important;box-shadow:0 3px 14px rgba(16,39,70,.05)!important}.brand-lockup{gap:12px!important}.brand-lockup img{width:112px!important}.brand-lockup .eyebrow{font-size:10px!important;color:#8a96a6!important}.brand-lockup h1{font-size:19px!important;color:#1e3a5f!important}.user{font-size:13px!important;color:#53657b!important}nav{margin:14px 0 20px!important;padding:4px!important;border:1px solid #e6eaf0!important;border-radius:12px!important;box-shadow:none!important}nav button{padding:9px 14px!important;border-radius:9px!important;font-size:13px!important}nav button.active{background:#1f5d49!important;color:#fff!important}.hero{margin-top:0!important;padding:26px 28px!important;border-radius:16px!important;background:linear-gradient(120deg,#214f75,#2d775f)!important;box-shadow:0 10px 26px rgba(31,84,74,.14)!important}.hero h2{font-size:26px!important;font-weight:700!important}.hero p{font-size:13px!important}.hero-stat strong{font-size:38px!important}.cards{gap:14px!important;margin:14px 0!important}.cards article,.panel,.notice{border-radius:13px!important;box-shadow:0 3px 13px rgba(20,40,70,.05)!important}.cards article{padding:18px!important}.cards article h3{font-size:15px!important;color:#31536e!important}.cards article strong{font-size:24px!important;color:#1f3d59!important}.cards article p{color:#7b8796!important}.panel{padding:20px!important;margin:14px 0!important}.panel h2{font-size:17px!important;color:#274766!important;border-bottom:0!important;padding-bottom:4px!important}.panel>p.muted{font-size:12px!important}.section-heading{padding-bottom:8px!important;border-bottom:1px solid #edf0f4!important}.section-heading h2{margin:0!important}.line,.payment{padding:12px 0!important}.line strong,.payment h3{font-size:14px!important;color:#294862!important}.line span,.payment p{font-size:12px!important}.mini,button{border-radius:8px!important}.mini.visible{font-size:12px!important;padding:7px 11px!important}.project-shortcuts{grid-template-columns:repeat(2,minmax(240px,1fr))!important}.project-shortcuts article{min-height:124px!important}.project-shortcuts article button{margin-top:9px!important;background:#eef5f1!important;color:#286249!important}.overview-metrics article{min-height:136px!important}.compact-panel{background:#fbfcfd!important}.portfolio-card{box-shadow:0 4px 16px rgba(20,40,70,.06)!important}.portfolio-card h3{font-size:19px!important}.project-group-title{padding-bottom:10px!important}.level3-card,.tree-card{box-shadow:0 2px 10px rgba(20,40,70,.04)!important}.table-scroll{box-shadow:none!important}.table-scroll th{font-size:12px!important}.table-scroll td{font-size:12px!important}.badge{font-size:10px!important;padding:4px 8px!important}.notice{font-size:12px!important}@media(max-width:720px){#app{padding:14px 14px 36px!important}header{padding:12px 13px!important}.brand-lockup img{width:94px!important}.brand-lockup h1{font-size:15px!important}.hero{padding:22px!important}.hero h2{font-size:22px!important}.project-shortcuts{grid-template-columns:1fr!important}.cards article{padding:16px!important}.panel{padding:16px!important}}
.level-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 2px 20px;border-bottom:1px solid #e8edf2;margin-bottom:14px}.level-kicker{display:block;color:#5c8b73;font-weight:700;font-size:11px;letter-spacing:.06em}.level-head h2{margin:6px 0 4px;color:#274766;font-size:26px}.level-head p{margin:0;color:#7b8796;font-size:13px}.level-count{padding:7px 10px;border-radius:8px;background:#eef5f1;color:#2f7659;font-size:12px;white-space:nowrap}.level-head.level-2{background:linear-gradient(90deg,#f7fbff,transparent);padding-left:14px;border-left:4px solid #6e9bc6}.level-head.level-3{background:linear-gradient(90deg,#f7faf8,transparent);padding-left:14px;border-left:4px solid #6b9e83}.level-card-1{border-top:3px solid #3d719e}.level-card-2{border-top:3px solid #6d9fc9}.level-card-3{border-top:3px solid #72a387}.level-grid-1{grid-template-columns:repeat(2,minmax(260px,1fr))}.level-grid-2{grid-template-columns:repeat(3,minmax(220px,1fr))}.level-grid-3{grid-template-columns:repeat(3,minmax(220px,1fr))}.level-card-3 h3{font-size:16px}.level-card-3 .node-relation{font-size:11px;color:#7b8796;margin-top:12px;padding-top:9px;border-top:1px dashed #e1e8e3}@media(max-width:760px){.level-head{display:block}.level-count{display:inline-block;margin-top:12px}.level-grid-1,.level-grid-2,.level-grid-3{grid-template-columns:1fr}}
.tree-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 2px 20px;border-bottom:1px solid #e8edf2;margin-bottom:14px}.tree-head h2{margin:6px 0 4px;color:#274766;font-size:26px}.tree-head p{margin:0;color:#7b8796;font-size:13px}.tree-head>span{padding:7px 10px;border-radius:8px;background:#eef5f1;color:#2f7659;font-size:12px;white-space:nowrap}.tree-head .tree-crumb{font-size:12px;color:#7b8796}.tree-head .tree-crumb button{background:transparent;color:#48769a;padding:0 4px;font-size:12px}.tree-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.tree-card{min-height:160px}.tree-card h3{font-size:17px}.tree-card .node-relation{font-size:11px;color:#7b8796;margin-top:12px;padding-top:9px;border-top:1px dashed #e1e8e3}.tree-grid .tree-card:nth-child(3n+1){border-top:3px solid #3d719e}.tree-grid .tree-card:nth-child(3n+2){border-top:3px solid #6d9fc9}.tree-grid .tree-card:nth-child(3n){border-top:3px solid #72a387}.tree-head+ #hierarchy-summary{margin-top:10px}@media(max-width:760px){.tree-head{display:block}.tree-head>span{display:inline-block;margin-top:12px}.tree-grid{grid-template-columns:1fr}}
.submission-guide{margin:10px 0 14px;padding:12px 14px;border:1px solid #dce8f3;border-radius:10px;background:#f7fbff;color:#38556e;font-size:12px;line-height:1.6}.submission-guide b{display:block;color:#245842;margin-bottom:2px}.submission-guide span{display:block;color:#718096}.submission-result{display:flex;flex-direction:column;gap:4px;white-space:normal}.submission-result strong{color:#245842}.submission-result span{color:#718096;font-size:12px}
.review-workflow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;padding:11px 12px;background:#f7fbff;border:1px solid #dbe8f3;border-radius:10px}.review-workflow span{font-weight:700;color:#38556e;margin-right:auto}.review-workflow button{font-size:12px}.review-workflow button:last-child{background:#eef4fb;color:#315b82;border-color:#d5e3f0}
.detail-data-grid>section p{font-variant-numeric:tabular-nums}.detail-data-grid>section p strong{color:#a36a25}
