/* V16 solution library: adapted from the approved clickable prototype. */
.solution-intro{background:linear-gradient(135deg,#2b52c4,#587ce0);color:#fff;border-radius:20px;padding:20px;margin-bottom:14px;box-shadow:0 12px 30px rgba(43,82,196,.2)}
.solution-intro h2{font-size:22px;margin:0 0 6px}.solution-intro p{color:rgba(255,255,255,.78);font-size:13px;line-height:1.7;margin:0}
.solution-search{display:flex;align-items:center;gap:9px;background:#fff;border-radius:14px;padding:11px 13px;box-shadow:var(--shadow);margin-bottom:10px}
.solution-search input{flex:1;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;font-size:14px}
.solution-cats{display:flex;gap:6px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.solution-cats::-webkit-scrollbar{display:none}
.solution-cat{flex:none;border:0;border-radius:999px;background:#fff;color:var(--text-secondary);padding:7px 12px;font-size:12px;box-shadow:var(--shadow)}
.solution-cat.active{background:var(--primary);color:#fff;font-weight:600}.solution-count{font-size:12px;color:var(--text-hint);margin:0 2px 10px}
.solution-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.solution-card{background:#fff;border:1px solid var(--border-light);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;min-width:0}
.solution-card:active{transform:scale(.985)}.solution-card-preview{min-height:90px;padding:17px 12px;background:linear-gradient(180deg,#f3f5fb,#eef1f8);display:flex;align-items:center;justify-content:center}
.solution-card-preview .solution-flow-canvas{border:0;background:transparent;overflow:hidden}.solution-card-preview .solution-flow-canvas svg{width:100%;max-width:100%;min-width:0}.solution-card-preview .solution-flow-node text.meta,.solution-card-preview .solution-flow-edge-label{display:none}
.solution-flow-canvas{width:100%;overflow:auto;border-radius:14px;background:linear-gradient(#f8faff 1px,transparent 1px),linear-gradient(90deg,#f8faff 1px,transparent 1px),#fbfcff;background-size:20px 20px;border:1px solid #edf1f8}.solution-flow-canvas svg{display:block;width:max(100%,520px);height:auto;max-height:320px}.solution-flow-edge{fill:none;stroke:#91a4d4;stroke-width:2}.solution-flow-edge.return{stroke:#ed7c91;stroke-dasharray:5 4}.solution-flow-edges marker path{fill:#91a4d4}.solution-flow-edge-label{font-size:10px;fill:#c85c70}.solution-flow-node rect{fill:#fff;stroke:#cbd6ef;stroke-width:1.5;filter:drop-shadow(0 3px 5px rgba(50,73,130,.08))}.solution-flow-node.start rect{stroke:#2f67df}.solution-flow-node.end rect{stroke:#28a879;fill:#f4fcf8}.solution-flow-node text{font-size:12px;font-weight:650;fill:#1f2940}.solution-flow-node text.meta{font-size:8.5px;font-weight:400;fill:#7e8aa4}.solution-flow-empty{padding:18px;color:var(--text-hint);text-align:center}
.solution-card-body{padding:12px}.solution-card-title{font-size:14px;font-weight:650;line-height:1.4}.solution-card-desc{font-size:11.5px;color:var(--text-secondary);line-height:1.55;margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.solution-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.solution-chip{font-size:10px;padding:3px 7px;border-radius:6px;background:var(--primary-light);color:var(--primary)}
.solution-hero{background:#fff;border-radius:20px;padding:18px;box-shadow:var(--shadow);margin-bottom:12px}.solution-hero-top{display:flex;align-items:flex-start;gap:10px}.solution-hero h2{font-size:21px;line-height:1.35;flex:1;margin:0}.solution-version{font-size:10px;color:var(--text-hint);background:#f2f4f8;border-radius:7px;padding:3px 7px}.solution-hero>p{font-size:13px;color:var(--text-secondary);line-height:1.75;margin:9px 0 12px}
.solution-section-title{font-size:16px;font-weight:650;margin:20px 2px 10px}.solution-section-sub{font-size:11.5px;color:var(--text-hint);margin-top:2px;font-weight:400}
.solution-modules{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.solution-module{flex:none;min-width:128px;background:#fff;border-radius:14px;padding:11px;border:1px solid var(--border-light);box-shadow:var(--shadow)}.solution-module.exec{border-top:3px solid var(--primary)}.solution-module.object{border-top:3px solid #2a9fb0}.solution-module.record{border-top:3px solid #9ca3b4}.solution-module b{font-size:13px}.solution-module small{display:block;color:var(--text-hint);margin-top:3px}
.solution-pair{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow);margin-bottom:9px}.solution-pair>div{padding:13px;font-size:12.5px;line-height:1.65}.solution-pair .pain{background:#fff6f6}.solution-pair .answer{background:#f2fbf6}.solution-pair small{display:block;font-size:10.5px;font-weight:650;margin-bottom:4px}.solution-pair .pain small{color:var(--danger)}.solution-pair .answer small{color:var(--success)}
.solution-scene{background:#fff;border-radius:14px;padding:12px 14px;margin-bottom:7px;font-size:12.5px;color:var(--text-secondary);line-height:1.7;box-shadow:var(--shadow)}.solution-scene b{color:var(--primary);margin-right:6px}
.solution-money{background:#fff;border-radius:18px;padding:16px;box-shadow:var(--shadow)}.solution-money-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-light);font-size:12.5px}.solution-money-row:last-child{border:0}.solution-money-row span{flex:1;color:var(--text-secondary)}.solution-money-row b{font-variant-numeric:tabular-nums}
.solution-steps{display:flex;justify-content:space-between;position:relative;margin:2px 0 16px}.solution-steps:before{content:'';position:absolute;left:16px;right:16px;top:11px;height:2px;background:#e4e9f3}.solution-step{position:relative;width:42px;text-align:center;color:var(--text-hint);font-size:9.5px}.solution-step i{width:23px;height:23px;border-radius:50%;margin:0 auto 5px;background:#fff;border:2px solid #e4e9f3;display:flex;align-items:center;justify-content:center;font-style:normal}.solution-step.active i{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.solution-step.done i{background:var(--success);border-color:var(--success);color:#fff}.solution-step.active{color:var(--primary);font-weight:600}
.solution-field{margin-bottom:14px}.solution-field>label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.solution-field input,.solution-field select,.solution-field textarea{width:100%;padding:11px 12px!important;margin:0!important}
.solution-toggle{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--border-light);border-radius:14px;padding:12px;margin-bottom:8px}.solution-toggle input{width:18px!important;height:18px;margin-top:2px!important}.solution-toggle b{display:block;font-size:13.5px}.solution-toggle small{display:block;color:var(--text-hint);margin-top:3px}
.solution-tabs{display:flex;gap:5px;overflow-x:auto;margin-bottom:12px;scrollbar-width:none}.solution-tab{flex:none;border-radius:999px;padding:7px 12px;background:#fff;color:var(--text-secondary);font-size:11.5px;box-shadow:var(--shadow)}.solution-tab.active{background:var(--primary);color:#fff}
.solution-kv{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light);font-size:13px}.solution-kv:last-child{border:0}.solution-kv span{width:92px;flex:none;color:var(--text-hint)}.solution-kv b,.solution-kv div{font-weight:500;color:var(--text);word-break:break-word}
.solution-empty{padding:24px;text-align:center;color:var(--text-hint);font-size:13px}
.solution-readonly-note{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:11px 12px;border-radius:12px;background:#f5f7fc;color:#5e6b85;font-size:11.5px;line-height:1.6}.solution-readonly-note i{color:var(--primary);margin-top:3px}.solution-structure{display:grid;gap:10px}.solution-module-panel{background:#fff;border:1px solid var(--border-light);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.solution-module-heading,.solution-create-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.solution-module-heading b,.solution-create-title h3{display:block;font-size:14px;margin:0}.solution-module-heading small,.solution-create-title p{display:block;color:var(--text-hint);font-size:10.5px;margin-top:3px}.solution-module-heading>span{font-size:10px;padding:4px 7px;border-radius:7px;background:var(--primary-light);color:var(--primary)}.solution-module-meta{display:flex;gap:12px;margin-top:10px;color:var(--text-hint);font-size:10.5px}.solution-create-head{margin:-2px 0 14px}.solution-create-head>span{color:var(--primary);font-size:11px;font-weight:650}.solution-create-head h2{font-size:22px;margin:4px 0 5px}.solution-create-head p{font-size:12px;color:var(--text-secondary);line-height:1.65}.solution-create-card{background:#fff;border:1px solid var(--border-light);border-radius:18px;padding:16px;margin-bottom:10px;box-shadow:var(--shadow)}.solution-create-card>h3{font-size:15px;margin:0 0 14px}.solution-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.solution-field label em{color:var(--danger);font-style:normal}.solution-form-help{font-size:10.5px;color:var(--text-hint);line-height:1.6;margin:0}.solution-lock{font-size:10px;color:var(--primary);background:var(--primary-light);padding:5px 8px;border-radius:8px;white-space:nowrap}.solution-create-module{padding:10px 0;border-top:1px solid var(--border-light)}.solution-create-module b,.solution-create-module small{display:block}.solution-create-module small{color:var(--text-hint);margin-top:3px;font-size:10.5px}.solution-flow-details{border-top:1px solid var(--border-light);padding-top:10px;margin-top:4px}.solution-flow-details summary{color:var(--primary);font-size:12px;cursor:pointer}.solution-create-flow{margin-top:13px}.solution-create-flow>b{font-size:12px;display:block;margin-bottom:7px}.solution-submit-summary{background:#eef3ff;border:1px solid #dce6ff;border-radius:16px;padding:14px;margin-bottom:12px}.solution-submit-summary b{font-size:13px}.solution-submit-summary p{font-size:11px;color:#5e6b85;line-height:1.6;margin:5px 0 0}.solution-create-actions{position:sticky;bottom:70px;background:rgba(246,248,252,.94);backdrop-filter:blur(10px);padding:10px 0;z-index:2}.solution-project-graph{background:#fff;border-radius:16px;padding:12px;box-shadow:var(--shadow)}.solution-graph-counts{display:flex;gap:7px;overflow:auto;margin-top:9px}.solution-graph-counts span{flex:none;padding:6px 8px;border-radius:8px;background:#f5f7fb;color:var(--text-secondary);font-size:10px}.solution-graph-counts b{margin-right:5px;color:var(--text)}
.solution-project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.solution-project-head span{color:var(--primary);font-size:10.5px}.solution-project-head h2{font-size:21px;margin:4px 0 0}.solution-project-status{font-size:10px;padding:5px 8px;border-radius:999px;background:#eef3ff;color:var(--primary);white-space:nowrap}.solution-project-status.active{background:#eaf8f2;color:#16845e}.solution-project-status.cancelled{background:#fff0f2;color:#c64c63}.solution-vote-card{background:linear-gradient(145deg,#243f92,#345fc5);color:#fff;border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 12px 30px rgba(36,63,146,.2)}.solution-vote-card.active{background:linear-gradient(145deg,#147455,#25a576)}.solution-vote-card.cancelled{background:linear-gradient(145deg,#873b4d,#c4576d)}.solution-vote-head{display:flex;align-items:center;justify-content:space-between}.solution-vote-head small{color:rgba(255,255,255,.7);font-size:10px}.solution-vote-head h3{margin:3px 0 0;font-size:17px}.solution-vote-head>b{font-size:22px}.solution-vote-track{height:6px;background:rgba(255,255,255,.18);border-radius:6px;margin:13px 0 8px;overflow:hidden}.solution-vote-track i{display:block;height:100%;background:#fff;border-radius:6px}.solution-vote-meta{display:flex;gap:14px;color:rgba(255,255,255,.76);font-size:10px}.solution-vote-card .detail-btn{background:#fff;color:#24499e}.solution-vote-card .detail-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.solution-vote-note{font-size:11px;color:rgba(255,255,255,.78);margin:12px 0 0}.solution-vote-card details{margin-top:12px;font-size:11px}.solution-vote-card summary{cursor:pointer;color:rgba(255,255,255,.82)}.solution-vote-row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.12)}.solution-vote-row small{grid-column:1/-1;color:rgba(255,255,255,.65)}.solution-view-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#e9edf6;padding:4px;border-radius:12px;margin-bottom:14px}.solution-view-switch button{border:0;background:transparent;border-radius:9px;padding:8px 3px;color:var(--text-secondary);font-size:11px}.solution-view-switch button.active{background:#fff;color:var(--primary);font-weight:650;box-shadow:0 2px 7px rgba(31,54,105,.1)}
.solution-add-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px dashed #b9c9ee;background:#f2f6ff;color:var(--primary);border-radius:15px;padding:12px 14px;margin-bottom:12px}.solution-add-item>i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--primary);color:#fff}.solution-add-item b,.solution-add-item small{display:block}.solution-add-item small{color:var(--text-hint);margin-top:2px}.solution-work-card{background:#fff;border:1px solid var(--border-light);border-radius:13px;padding:11px 12px;margin:7px 0;box-shadow:var(--shadow);cursor:pointer}.solution-work-card>div{display:flex;align-items:center;gap:8px}.solution-work-card b{font-size:12.5px;flex:1}.solution-work-card small{display:block;color:var(--text-hint);font-size:10px;margin-top:6px}.solution-work-status{font-size:9px;padding:3px 6px;border-radius:6px;background:#eef3ff;color:var(--primary)}.solution-work-status.accepted{background:#eaf8f2;color:#16845e}.solution-work-status.pending_review{background:#fff5dc;color:#a26b00}.solution-assign-card select{width:100%;padding:9px;margin:9px 0;border:1px solid var(--border);border-radius:9px}
.solution-flow-node.clickable{cursor:pointer}.solution-flow-node.clickable:hover rect{stroke:var(--primary);stroke-width:2}.solution-graph-counts button{flex:none;border:0;padding:6px 8px;border-radius:8px;background:#f5f7fb;color:var(--text-secondary);font-size:10px}.solution-kanban{display:flex;gap:9px;overflow-x:auto;padding-bottom:5px}.solution-kanban-col{flex:0 0 210px;background:#f2f4f8;border-radius:14px;padding:9px;min-height:120px}.solution-kanban-col>header{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 7px;font-size:11px}.solution-kanban-col>header span{background:#fff;border-radius:999px;padding:2px 6px;color:var(--text-hint)}.solution-kanban-empty{padding:22px 8px;text-align:center;color:var(--text-hint);font-size:10px}.solution-work-card.draggable{cursor:grab}.solution-work-card.draggable:active{cursor:grabbing}.solution-view-help{font-size:10px;color:var(--text-hint);line-height:1.6;margin:8px 2px}.solution-table-wrap{overflow:auto;background:#fff;border-radius:14px;box-shadow:var(--shadow)}.solution-work-table{border-collapse:collapse;width:100%;min-width:680px;font-size:11px}.solution-work-table th,.solution-work-table td{text-align:left;padding:10px;border-bottom:1px solid var(--border-light);white-space:nowrap}.solution-work-table th{color:var(--text-hint);font-weight:500;background:#f8f9fc}.solution-work-table tbody tr{cursor:pointer}.solution-work-table tbody tr:hover{background:#f6f8fd}.solution-work-table td:first-child b,.solution-work-table td:first-child small{display:block}.solution-work-table td:first-child small{color:var(--text-hint);margin-top:3px}.solution-gantt{background:#fff;border-radius:14px;padding:12px;box-shadow:var(--shadow);overflow:hidden}.solution-gantt-axis{display:flex;justify-content:space-between;margin-left:120px;color:var(--text-hint);font-size:9px;padding-bottom:7px;border-bottom:1px solid var(--border-light)}.solution-gantt-row{display:grid;grid-template-columns:108px 1fr;gap:5px 10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border-light);cursor:pointer}.solution-gantt-row:last-child{border:0}.solution-gantt-row>b{font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.solution-gantt-row>div{height:14px;position:relative;border-radius:7px;background:repeating-linear-gradient(90deg,#f0f2f7 0,#f0f2f7 1px,transparent 1px,transparent 25%)}.solution-gantt-row i{display:block;position:absolute;top:2px;height:10px;border-radius:6px;background:var(--primary)}.solution-gantt-row i.accepted{background:var(--success)}.solution-gantt-row i.pending_review{background:#e6a623}.solution-gantt-row small{grid-column:2;color:var(--text-hint);font-size:8.5px}.solution-node-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.solution-node-facts>div{background:#fff;border-radius:13px;padding:12px;box-shadow:var(--shadow)}.solution-node-facts span,.solution-node-facts b{display:block}.solution-node-facts span{font-size:10px;color:var(--text-hint)}.solution-node-facts b{font-size:16px;margin-top:4px}
.solution-project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.solution-project-metrics>div{background:#fff;border-radius:13px;padding:11px;box-shadow:var(--shadow)}.solution-project-metrics span,.solution-project-metrics b{display:block}.solution-project-metrics span{font-size:9.5px;color:var(--text-hint)}.solution-project-metrics b{font-size:17px;margin-top:4px}.solution-project-metrics .risk b{color:var(--danger)}.solution-risk-strip{display:flex;gap:8px;background:#fff3f1;color:#b55348;padding:8px 11px;border-radius:10px;font-size:10px;margin-bottom:8px}.solution-team-strip{width:100%;display:flex;align-items:center;border:0;background:#fff;border-radius:14px;padding:10px 12px;margin-bottom:10px;box-shadow:var(--shadow);text-align:left}.solution-team-strip>span{display:flex;margin-right:9px}.solution-team-strip i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e9efff;color:var(--primary);font-style:normal;font-size:10px;border:2px solid #fff;margin-left:-6px}.solution-team-strip i:first-child{margin-left:0}.solution-team-strip b{flex:1;font-size:11.5px}.solution-team-strip small{color:var(--text-hint);font-size:9.5px}.solution-module-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.solution-module-title b,.solution-module-title small{display:block}.solution-module-title small{color:var(--text-hint);font-size:9.5px;margin-top:2px}.solution-module-title button{border:0;border-radius:8px;background:#eef3ff;color:var(--primary);padding:6px 8px;font-size:9.5px}.solution-batch-bar{display:flex;gap:6px;margin-bottom:7px}.solution-batch-bar select{flex:1;min-width:0;padding:7px;border:1px solid var(--border);border-radius:9px;background:#fff;font-size:10px}.solution-batch-bar button{border:0;border-radius:9px;background:var(--primary);color:#fff;padding:7px 10px;font-size:10px}.solution-team-add{display:grid;gap:8px}.solution-team-add select{width:100%;padding:9px;border:1px solid var(--border);border-radius:9px}.solution-team-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--border-light)}.solution-team-row>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eef3ff;color:var(--primary);font-style:normal}.solution-team-row>div{flex:1}.solution-team-row b,.solution-team-row small{display:block}.solution-team-row small{color:var(--text-hint);margin-top:2px}.solution-team-row span{font-size:9px;color:var(--primary)}.solution-team-row button{border:0;background:#fff0f2;color:#bd5062;border-radius:7px;padding:5px 7px;font-size:9px}.solution-relation-add{display:grid;gap:7px;border-top:1px solid var(--border-light);padding-top:12px;margin-top:10px}.solution-relation-add select{width:100%;padding:9px;border:1px solid var(--border);border-radius:9px}
.solution-project-tools{display:flex;gap:7px;overflow-x:auto;margin:0 0 11px;padding-bottom:2px}.solution-project-tools button{flex:0 0 76px;border:0;border-radius:12px;background:#fff;color:var(--text-secondary);padding:9px 5px;font-size:9.5px;box-shadow:var(--shadow)}.solution-project-tools i{display:block;color:var(--primary);font-size:15px;margin-bottom:5px}.solution-milestone-list article{display:flex;gap:11px;background:#fff;border-radius:14px;padding:12px;margin-bottom:8px;box-shadow:var(--shadow)}.solution-milestone-list article>i{width:11px;height:11px;border-radius:50%;background:#aab4ca;margin-top:4px;flex:none}.solution-milestone-list article>i.submitted{background:#e6a623}.solution-milestone-list article>i.approved{background:var(--success)}.solution-milestone-list article>div:nth-child(2){flex:1}.solution-milestone-list b,.solution-milestone-list small{display:block}.solution-milestone-list small{color:var(--text-hint);font-size:9.5px;margin-top:3px}.solution-milestone-list p{font-size:10.5px;color:var(--text-secondary);margin:7px 0 0}.solution-milestone-list button{display:block;border:0;border-radius:7px;background:#eef3ff;color:var(--primary);padding:5px 7px;font-size:9px;margin-bottom:5px}.solution-milestone-list button.danger{background:#fff0f2;color:#bd5062}.solution-activity article{display:flex;gap:11px;position:relative;padding:0 0 18px}.solution-activity article:before{content:'';position:absolute;left:6px;top:14px;bottom:0;width:1px;background:#dce2ee}.solution-activity article>i{width:13px;height:13px;border:3px solid #dce6ff;border-radius:50%;background:var(--primary);flex:none}.solution-activity article>i.milestone{background:#e6a623;border-color:#fff1c8}.solution-activity b{font-size:12px}.solution-activity p{font-size:10.5px;margin:3px 0;color:var(--text-secondary)}.solution-activity small{font-size:9px;color:var(--text-hint)}.solution-contribution article{display:flex;align-items:center;gap:10px;background:#fff;padding:11px;border-radius:13px;margin-bottom:7px;box-shadow:var(--shadow)}.solution-contribution em{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#eef3ff;color:var(--primary);font-style:normal;font-size:10px}.solution-contribution article>div{flex:1}.solution-contribution b,.solution-contribution small{display:block}.solution-contribution span{height:6px;background:#edf0f6;border-radius:6px;display:block;margin:6px 0}.solution-contribution span i{display:block;height:100%;background:linear-gradient(90deg,#315ed1,#6f8fea);border-radius:6px}.solution-contribution small{font-size:9px;color:var(--text-hint)}.solution-automation-list article{display:flex;align-items:center;gap:10px;background:#fff;border-radius:13px;padding:11px;margin-bottom:7px;box-shadow:var(--shadow)}.solution-automation-list>article>i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fff4d8;color:#d79200}.solution-automation-list article>div{flex:1}.solution-automation-list b,.solution-automation-list small{display:block}.solution-automation-list small{color:var(--text-hint);font-size:9px;margin-top:3px}.solution-automation-list button{border:0;border-radius:8px;background:#eef3ff;color:var(--primary);padding:6px 8px;font-size:9px}.solution-settlement-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.solution-settlement-preview>div{background:#fff;border-radius:13px;padding:12px;box-shadow:var(--shadow)}.solution-settlement-preview span,.solution-settlement-preview b{display:block}.solution-settlement-preview span{font-size:9.5px;color:var(--text-hint)}.solution-settlement-preview b{font-size:14px;margin-top:4px}
.solution-notice-list article{background:#fff;border-radius:14px;padding:13px;margin-bottom:8px;box-shadow:var(--shadow)}.solution-notice-list article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.solution-notice-list b{font-size:12px}.solution-notice-list small{font-size:9px;color:var(--text-hint)}.solution-notice-list p{margin:9px 0 0;color:var(--text-secondary);font-size:10.5px;line-height:1.7;white-space:pre-wrap}.solution-settlement-stage{background:#fff;border-radius:13px;padding:11px 12px;margin-bottom:7px;box-shadow:var(--shadow)}.solution-settlement-stage summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.solution-settlement-stage summary span b,.solution-settlement-stage summary span small{display:block}.solution-settlement-stage summary span b{font-size:11px}.solution-settlement-stage summary span small{font-size:8.5px;color:var(--text-hint);margin-top:3px}.solution-settlement-stage summary>strong{font-size:12px;color:var(--primary)}.solution-settlement-stage>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;border-top:1px solid #edf0f6;padding:8px 0 0;margin-top:8px;font-size:9.5px}.solution-settlement-stage>div small{color:var(--text-hint)}.solution-settlement-stage>p{font-size:9.5px;color:var(--text-hint);margin:8px 0 0}.solution-automation-list small strong{color:var(--text-secondary)}
.v16-finance-hero{background:linear-gradient(135deg,#173b8f,#315ed1);color:#fff;border-radius:18px;padding:18px;margin-bottom:10px}.v16-finance-hero span{font-size:9px;opacity:.72}.v16-finance-hero h2{font-size:19px;margin:5px 0}.v16-finance-hero p{font-size:10px;line-height:1.6;margin:0;opacity:.82}.v16-finance-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.v16-finance-metrics>div{background:#fff;border-radius:13px;padding:12px;box-shadow:var(--shadow)}.v16-finance-metrics span,.v16-finance-metrics b{display:block}.v16-finance-metrics span{font-size:9px;color:var(--text-hint)}.v16-finance-metrics b{font-size:14px;margin-top:4px}.v16-rule-card{background:#fff;border-radius:15px;padding:13px;margin-bottom:12px;box-shadow:var(--shadow)}.v16-rule-card header{display:flex;justify-content:space-between;align-items:center}.v16-rule-card header span{font-size:9px;color:var(--text-hint)}.v16-rule-card h3{font-size:13px;margin:3px 0}.v16-rule-card header>i{color:var(--primary)}.v16-rule-card>p{font-size:9px;line-height:1.6;color:var(--text-hint);margin:9px 0 0}.v16-rule-flow{display:flex;align-items:center;gap:5px;overflow-x:auto;margin-top:10px}.v16-rule-flow>div{flex:0 0 66px;background:#f4f7ff;border-radius:10px;padding:8px;text-align:center}.v16-rule-flow b,.v16-rule-flow span{display:block}.v16-rule-flow b{color:var(--primary);font-size:13px}.v16-rule-flow span{font-size:8px;color:var(--text-secondary);margin-top:2px}.v16-rule-flow em{font-style:normal;color:var(--text-hint)}.v16-finance-projects article{background:#fff;border-radius:14px;padding:12px;margin-bottom:8px;box-shadow:var(--shadow)}.v16-finance-projects article header{display:flex;justify-content:space-between;align-items:center}.v16-finance-projects article header b,.v16-finance-projects article header small{display:block}.v16-finance-projects article header b{font-size:11.5px}.v16-finance-projects article header small{font-size:8.5px;color:var(--text-hint);margin-top:2px}.v16-finance-projects article header>span{font-weight:700;color:var(--primary)}.v16-finance-projects article>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.v16-finance-projects article>div span{background:#f7f8fb;border-radius:8px;padding:7px;font-size:8.5px;color:var(--text-hint)}.v16-finance-projects article>div b{display:block;color:var(--text-secondary);font-size:10px;margin-top:2px}.v16-finance-projects footer{font-size:8.5px;color:var(--text-hint);margin-top:8px}
.v16-hr-hero{background:linear-gradient(135deg,#153d78,#2873b9);color:#fff;border-radius:18px;padding:18px;margin-bottom:10px}.v16-hr-hero span{font-size:9px;opacity:.72}.v16-hr-hero h2{font-size:19px;margin:5px 0}.v16-hr-hero p{font-size:10px;line-height:1.6;margin:0;opacity:.82}.v16-hr-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.v16-hr-metrics>div{background:#fff;border-radius:12px;padding:10px 7px;box-shadow:var(--shadow)}.v16-hr-metrics span,.v16-hr-metrics b{display:block}.v16-hr-metrics span{font-size:8px;color:var(--text-hint)}.v16-hr-metrics b{font-size:15px;margin-top:4px}.v16-hr-members article{display:flex;gap:10px;background:#fff;border-radius:14px;padding:11px;margin-bottom:8px;box-shadow:var(--shadow)}.v16-hr-members article>i{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;background:#eaf2ff;color:var(--primary);font-style:normal}.v16-hr-members article>div{flex:1;min-width:0}.v16-hr-members header{display:flex;justify-content:space-between}.v16-hr-members header b{font-size:11px}.v16-hr-members header span{font-size:8px;color:var(--success)}.v16-hr-members p,.v16-hr-members small{font-size:9px;color:var(--text-hint);margin:3px 0;display:block}.v16-hr-members footer{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.v16-hr-members footer span{background:#f5f7fb;border-radius:7px;padding:5px 6px;font-size:8px;color:var(--text-secondary)}.v16-hr-members footer b{color:var(--primary)}.v16-oa-list article{display:flex;align-items:center;gap:10px;background:#fff;border-radius:13px;padding:11px;margin-bottom:7px;box-shadow:var(--shadow)}.v16-oa-list article>i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef3ff;color:var(--primary)}.v16-oa-list article>div{flex:1}.v16-oa-list b,.v16-oa-list small{display:block}.v16-oa-list b{font-size:10.5px}.v16-oa-list small{font-size:8.5px;color:var(--text-hint);margin-top:3px}.v16-oa-list article>span{font-size:8.5px;background:#fff5db;color:#b27a00;border-radius:999px;padding:4px 7px}.v16-oa-list article>span.approved,.v16-oa-list article>span.completed,.v16-oa-list article>span.paid{background:#eaf8ef;color:#27834a}.v16-oa-list article>span.rejected{background:#fff0f2;color:#b84d61}
.v16-gov-hero{background:linear-gradient(135deg,#202b52,#475a9e);color:#fff;border-radius:18px;padding:18px;margin-bottom:10px}.v16-gov-hero span{font-size:9px;opacity:.72}.v16-gov-hero h2{font-size:19px;margin:5px 0}.v16-gov-hero p{font-size:10px;line-height:1.6;margin:0;opacity:.82}.v16-gov-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.v16-gov-metrics>div{background:#fff;border-radius:12px;padding:10px 7px;box-shadow:var(--shadow)}.v16-gov-metrics span,.v16-gov-metrics b{display:block}.v16-gov-metrics span{font-size:8px;color:var(--text-hint)}.v16-gov-metrics b{font-size:15px;margin-top:4px}.v16-flow-list article{background:#fff;border-radius:14px;padding:12px;margin-bottom:8px;box-shadow:var(--shadow)}.v16-flow-list header{display:flex;justify-content:space-between}.v16-flow-list header b,.v16-flow-list header small{display:block}.v16-flow-list header b{font-size:11px}.v16-flow-list header small{font-size:8.5px;color:var(--text-hint);margin-top:2px}.v16-flow-list header>span{font-size:8px;color:var(--success)}.v16-flow-list article>div{display:flex;align-items:center;gap:4px;overflow-x:auto;margin-top:10px}.v16-flow-list article>div>span{flex:0 0 98px;background:#f5f7fb;border-radius:9px;padding:7px}.v16-flow-list article>div i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-size:8px;font-style:normal}.v16-flow-list article>div b,.v16-flow-list article>div small{display:block;font-size:8.5px;margin-top:3px}.v16-flow-list article>div small{color:var(--text-hint)}.v16-flow-list article>div>em{font-style:normal;color:var(--text-hint)}.v16-governance-list article{display:flex;align-items:center;gap:9px;background:#fff;border-radius:12px;padding:10px 11px;margin-bottom:7px;box-shadow:var(--shadow)}.v16-governance-list article>div{flex:1;min-width:0}.v16-governance-list b,.v16-governance-list small{display:block}.v16-governance-list b{font-size:10.5px}.v16-governance-list small{font-size:8.5px;color:var(--text-hint);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v16-governance-list article>span{font-size:8px;border-radius:999px;padding:4px 7px;background:#fff5db;color:#a97500}.v16-governance-list article>span.approved,.v16-governance-list article>span.published{background:#eaf8ef;color:#27834a}.v16-governance-list article>span.rejected,.v16-governance-list article>span.archived{background:#fff0f2;color:#b84d61}
.v16-eco-hero{background:linear-gradient(135deg,#155f62,#22a38d);color:#fff;border-radius:18px;padding:18px;margin-bottom:10px}.v16-eco-hero span{font-size:9px;opacity:.72}.v16-eco-hero h2{font-size:19px;margin:5px 0}.v16-eco-hero p{font-size:10px;line-height:1.6;margin:0;opacity:.84}.v16-eco-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.v16-eco-metrics>div{background:#fff;border-radius:12px;padding:10px 7px;box-shadow:var(--shadow)}.v16-eco-metrics span,.v16-eco-metrics b{display:block}.v16-eco-metrics span{font-size:8px;color:var(--text-hint)}.v16-eco-metrics b{font-size:15px;margin-top:4px}.v16-eco-list article{display:flex;align-items:center;gap:9px;background:#fff;border-radius:12px;padding:10px 11px;margin-bottom:7px;box-shadow:var(--shadow)}.v16-eco-list article>i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e7f8f4;color:#188d79}.v16-eco-list article>div{flex:1;min-width:0}.v16-eco-list b,.v16-eco-list small{display:block}.v16-eco-list b{font-size:10.5px}.v16-eco-list small{font-size:8.5px;color:var(--text-hint);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v16-eco-list article>span{font-size:8px;border-radius:999px;padding:4px 7px;background:#fff5db;color:#a97500}.v16-eco-list article>span.active,.v16-eco-list article>span.approved,.v16-eco-list article>span.registered,.v16-eco-list article>span.completed{background:#eaf8ef;color:#27834a}.v16-eco-list article>span.rejected,.v16-eco-list article>span.cancelled,.v16-eco-list article>span.frozen{background:#fff0f2;color:#b84d61}.v16-scope-note,.v16-capability-note{display:flex;gap:10px;background:#fff;border-radius:14px;padding:12px;margin-top:10px;box-shadow:var(--shadow)}.v16-scope-note>i,.v16-capability-note>i{color:var(--primary);margin-top:2px}.v16-scope-note b,.v16-capability-note b{font-size:10.5px}.v16-scope-note p,.v16-capability-note p{font-size:9px;line-height:1.6;color:var(--text-hint);margin:3px 0 0}
@media(max-width:360px){.solution-step{font-size:0;width:28px}.solution-pair{grid-template-columns:1fr}.v16-hr-metrics,.v16-gov-metrics,.v16-eco-metrics{grid-template-columns:1fr 1fr}}
@media(min-width:700px){.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-card-preview{min-height:112px}}
@media(min-width:1100px){.solution-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
