/* EMG product experience: information architecture, portfolio, project workspace and wizard. */
.emg-menu-group{margin:4px 0}.emg-menu-group summary{padding:10px 12px;color:#d3ebfb;font-size:10px}.emg-menu-group[open] summary{color:#fff}.emg-menu-group>div{gap:4px}
.ux-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:18px;margin-top:18px}
.ux-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.ux-panel-head h3{margin:0}.ux-panel-head p{margin:3px 0 0;color:var(--ui-muted);font-size:13px}
.ux-cashflow{display:grid;gap:15px}.ux-flow-row{display:grid;grid-template-columns:150px 1fr 110px;gap:12px;align-items:center}.ux-flow-row span{font-weight:700}.ux-flow-track{height:35px;border-radius:10px;background:#f2f4f7;overflow:hidden}.ux-flow-track i{display:flex;align-items:center;justify-content:flex-end;height:100%;min-width:5%;padding-right:10px;border-radius:10px;background:linear-gradient(90deg,#1572b2,#238dcc);color:#fff;font-size:11px;font-style:normal}.ux-flow-row:nth-child(2) i{background:linear-gradient(90deg,#0caf7b,#13c993)}.ux-flow-row:nth-child(3) i{background:linear-gradient(90deg,#ff9b17,#ff6a17)}
.ux-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ux-action{display:grid;min-height:102px;align-content:space-between;padding:15px;border:0;border-radius:14px;color:#fff;text-align:left;font-weight:800;box-shadow:0 8px 18px #153c6820}.ux-action small{font-weight:500;color:#ffffffc9}.ux-action.blue{background:linear-gradient(135deg,#1273b7,#2094d4)}.ux-action.green{background:linear-gradient(135deg,#0cad79,#16c992)}.ux-action.orange{background:linear-gradient(135deg,#ff9d13,#ff7218)}.ux-action.purple{background:linear-gradient(135deg,#7a43ed,#a42cf0)}
.ux-priority-list{display:grid;gap:10px}.ux-priority{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid var(--ui-line);border-radius:12px}.ux-priority>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff0e4;color:#ef7212;font-style:normal;font-weight:900}.ux-priority.red>i{background:#ffeaed;color:#df2941}.ux-priority b,.ux-priority small{display:block}.ux-priority small{margin-top:2px;color:var(--ui-muted)}
.ux-project-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 210px auto;gap:10px;margin-bottom:16px;padding:12px;border:1px solid var(--ui-line);border-radius:14px;background:#fff}.ux-project-toolbar input,.ux-project-toolbar select{width:100%;padding:10px 12px;border:1px solid #dfe4eb;border-radius:9px;background:#fff}
.ux-portfolio-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.ux-portfolio-summary>div{padding:15px 17px;border:1px solid var(--ui-line);border-radius:14px;background:#fff}.ux-portfolio-summary small,.ux-portfolio-summary strong{display:block}.ux-portfolio-summary small{color:var(--ui-muted)}.ux-portfolio-summary strong{margin-top:5px;font-size:21px}
.ux-project-name{display:flex;align-items:center;gap:11px}.ux-project-name i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf5ff;color:var(--ui-blue);font-style:normal}.ux-project-name b,.ux-project-name small{display:block}.ux-project-name small{color:var(--ui-muted);margin-top:2px}.ux-table-button{border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.ux-progress{min-width:130px}.ux-progress .bar{margin:5px 0}.ux-progress small{color:var(--ui-muted)}
.ux-project-hero{position:relative;overflow:hidden;margin:0 0 16px;padding:22px 24px;border-radius:18px;background:linear-gradient(120deg,#126caa,#167ebf);color:#fff;box-shadow:0 13px 28px #1267a524}.ux-project-hero:after{content:"";position:absolute;right:-55px;top:-100px;width:260px;height:260px;border-radius:50%;background:#ffffff0b}.ux-project-hero-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px}.ux-project-hero h2{margin:0 0 5px;font-size:27px}.ux-project-hero p{margin:0;color:#dcefff}.ux-project-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:19px}.ux-project-metrics div{padding:12px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff10}.ux-project-metrics small,.ux-project-metrics b{display:block}.ux-project-metrics small{color:#dcefff}.ux-project-metrics b{margin-top:5px;font-size:17px}
.emg-project-tabs{padding:5px;border:1px solid var(--ui-line);border-radius:13px;background:#fff}.emg-project-tabs button{border-radius:9px;border-bottom:0}.emg-project-tabs button.active{background:#eaf5ff;color:var(--ui-blue);border-bottom:0}.emg-project-tabs small{background:#d9edff}
.ux-wizard-box{width:min(980px,100%)!important;padding:0!important;overflow:hidden!important}.ux-wizard-head{padding:24px 26px 17px;border-bottom:1px solid var(--ui-line)}.ux-wizard-head h2{margin:0}.ux-wizard-head p{margin:5px 0 0;color:var(--ui-muted)}.ux-wizard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 26px;border-bottom:1px solid var(--ui-line);background:#f8fafc}.ux-step-marker{position:relative;padding:16px 10px 14px;color:#8a93a2;font-size:12px;font-weight:800;text-align:center}.ux-step-marker:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;border-radius:3px;background:transparent}.ux-step-marker.active{color:var(--ui-blue)}.ux-step-marker.active:after{background:var(--ui-blue)}.ux-step-marker.done{color:#07956a}.ux-wizard-body{max-height:65vh;overflow:auto;padding:22px 26px}.ux-wizard-panel{display:none}.ux-wizard-panel.active{display:block}.ux-wizard-panel>h3{margin:0 0 5px}.ux-wizard-panel>p{margin:0 0 15px;color:var(--ui-muted)}.ux-wizard-actions{display:flex;justify-content:space-between;gap:10px;padding:15px 26px;border-top:1px solid var(--ui-line);background:#fff}.ux-wizard-actions .btn{min-width:130px}.ux-wizard-panel .emg-project-section{margin:0;border:0;padding:0;background:transparent}.ux-wizard-panel .emg-profit-first{border:0;background:transparent}.ux-wizard-panel .fields{margin-top:12px}
@media(max-width:1000px){.ux-dashboard-grid{grid-template-columns:1fr}.ux-project-metrics{grid-template-columns:repeat(3,1fr)}.ux-portfolio-summary{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.ux-flow-row{grid-template-columns:1fr}.ux-action-grid{grid-template-columns:1fr 1fr}.ux-project-toolbar{grid-template-columns:1fr}.ux-project-metrics{grid-template-columns:1fr 1fr}.ux-wizard-body{padding:17px}.ux-wizard-head,.ux-wizard-actions{padding-left:17px;padding-right:17px}.ux-step-marker{font-size:10px}.ux-project-hero-head{display:block}.ux-project-hero-head>.row{margin-top:12px}}

/* Project wizard: freely browse steps; validate only when creating. */
#projectModal{padding:20px;box-sizing:border-box}
#projectModal .ux-wizard-box{display:flex;flex-direction:column;max-height:calc(100dvh - 40px);border-radius:18px;box-shadow:0 24px 80px #102a4340;position:relative}
#projectModal .ux-wizard-box>.close{position:absolute!important;right:12px;top:12px;z-index:2;margin:0;width:36px;height:36px;min-height:36px}
.ux-wizard-panel .fields>.field{display:block}
.ux-wizard-head{flex:none;padding:24px 60px 20px 26px}
.ux-wizard-steps{flex:none;padding:8px 18px;gap:8px;background:#f7f9fc}
.ux-step-marker{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:12px 8px;color:#64748b;transition:background .15s}
.ux-step-marker:after{display:none}.ux-step-marker:hover{background:#eaf1f8}.ux-step-marker:focus-visible{outline:3px solid #93c5fd;outline-offset:1px}.ux-step-marker.active{background:#e8f3ff;color:#126fb4}
.ux-step-number{display:grid;place-items:center;width:25px;height:25px;flex:none;border:1px solid #cbd5e1;border-radius:50%;font-size:12px;background:white}.ux-step-marker.active .ux-step-number{background:#1475b9;border-color:#1475b9;color:white}.ux-step-marker.done:not(.active) .ux-step-number{border-color:#07956a;color:#07956a}
.ux-wizard-body{flex:1;min-height:0;max-height:none;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px 26px}
.ux-wizard-panel .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 0}.ux-wizard-panel .field{min-width:0;margin:0}.ux-wizard-panel label{display:block;margin-bottom:7px;line-height:1.4}.ux-wizard-panel input,.ux-wizard-panel select,.ux-wizard-panel textarea{box-sizing:border-box;width:100%;min-height:44px;border-radius:9px}.ux-wizard-panel input:focus,.ux-wizard-panel select:focus,.ux-wizard-panel textarea:focus{outline:2px solid #b9ddf8;outline-offset:1px}
.ux-wizard-actions{flex:none;align-items:center;padding:16px 26px}.ux-wizard-actions>.row{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.ux-wizard-actions [data-wizard-next]{background:#edf4fc;color:#126fb4;box-shadow:none}.ux-wizard-actions [data-wizard-save]{white-space:nowrap}
.ux-wizard-error{color:#b42318;font-size:12px;margin-top:7px}.ux-wizard-notice{border:1px solid #fda29b;border-radius:10px;background:#fff3f2;color:#b42318;padding:12px 14px;margin-bottom:18px;font-size:14px}.ux-wizard-notice[hidden],.ux-wizard-error[hidden]{display:none}.ux-wizard-panel [aria-invalid="true"]{border-color:#d92d20!important;background:#fffafa}
.ux-wizard-panel .emg-project-section+.emg-project-section{margin-top:22px}.ux-wizard-panel .emg-responsibility-row{gap:10px}.ux-wizard-panel .emg-percent-total{border-radius:10px}.ux-wizard-panel .emg-shareholders{margin-top:22px}.ux-wizard-panel .emg-shareholder-row{margin-top:14px}.ux-wizard-panel .emg-shareholders .muted{line-height:1.6}
@media(max-width:700px){#projectModal{padding:10px}#projectModal .ux-wizard-box{max-height:calc(100dvh - 20px);border-radius:14px}.ux-wizard-head{padding:20px 50px 16px 18px}.ux-wizard-steps{padding:8px;gap:4px}.ux-step-marker{flex-direction:column;gap:6px;font-size:11px;padding:9px 4px;line-height:1.35}.ux-wizard-body{padding:20px 18px}.ux-wizard-panel .fields{grid-template-columns:1fr}.ux-wizard-actions{padding:12px 18px;gap:8px}.ux-wizard-actions .btn{min-width:0;font-size:12px;padding:10px}.ux-wizard-actions>.row{gap:6px}.ux-wizard-panel .emg-responsibility-row{display:grid;grid-template-columns:1fr}.ux-wizard-panel .emg-distribution-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}