:root{font-family:'DM Sans',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#202a27;background:#f5f5f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#202a27;--muted:#707a75;--line:#e3e7e2;--green:#256a58;--green-dark:#173a32;--bg:#f5f5f1;--panel:#fff;--orange:#b85a30;--soft-green:#eaf4ed}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b8ddcc;outline-offset:1px}.app-shell{display:flex;width:100%;min-height:100vh;background:var(--bg)}
.sidebar{width:250px;min-width:250px;background:#fbfcf9;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 13px 16px;min-height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 25px}.brand-mark{width:37px;height:37px;border-radius:12px;background:var(--green-dark);display:grid;place-items:center;color:#fff}.brand strong{display:block;font:800 18px Manrope,sans-serif;letter-spacing:-.5px}.brand span{display:block;color:#84908a;font-size:10px;letter-spacing:.7px;text-transform:uppercase;margin-top:2px}.sidebar-section-label{display:flex;align-items:center;justify-content:space-between;padding:0 10px 8px;font-size:10px;font-weight:800;letter-spacing:1.1px;color:#8b948e}.icon-button{display:inline-grid;place-items:center;border:1px solid #49323d;background:#211b22;color:#d9c6cf;border-radius:8px;width:31px;height:31px;transition:.15s}.icon-button:hover{color:#fff0f4;border-color:#75404a;background:#30212b}.icon-button.mini{width:25px;height:25px}.process-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;max-height:calc(100vh - 260px)}.process-list-item{display:flex;align-items:flex-start;gap:10px;text-align:left;border:1px solid transparent;background:transparent;border-radius:10px;padding:10px 9px;color:#3b4741;width:100%;min-width:0}.process-list-item:hover{background:#f1f5f0}.process-list-item.active{background:#eaf3ec;border-color:#d8e8dc;color:#174b3d}.list-item-icon{width:25px;height:25px;border-radius:7px;background:#fff;border:1px solid #e2e9e2;display:grid;place-items:center;flex-shrink:0}.process-list-item.active .list-item-icon{background:#d8eadd;border-color:#c5ddcd}.list-item-text{min-width:0;display:block;padding-top:1px}.list-item-text strong{font-size:12px;font-weight:700;display:block;line-height:1.4;overflow-wrap:anywhere}.list-item-text small{display:block;font-size:10px;color:#8a948d;margin-top:4px}.sidebar-bottom{margin-top:auto}.nav-link{width:100%;padding:11px 12px;border:1px solid transparent;background:transparent;border-radius:9px;display:flex;align-items:center;gap:10px;color:#5e6b64;font-size:12px;font-weight:600;text-align:left}.nav-link:hover,.nav-link.active{background:#eaf3ec;border-color:#d8e8dc;color:#174b3d}.sidebar-footnote{margin:18px 8px 0;padding:12px 8px 0;border-top:1px solid var(--line);font-size:10px;line-height:1.7;color:#929b95}.live-dot,.dirty-dot{width:7px;height:7px;border-radius:100%;display:inline-block;background:#43a47b;margin-right:6px}.dirty-dot{background:#db9557}
.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:rgba(255,255,255,.85);border-bottom:1px solid var(--line);padding:15px 22px 14px;min-height:86px}.process-heading{flex:1;min-width:200px}.breadcrumb{font-size:9px;letter-spacing:1.15px;color:#9aa39d;font-weight:800;margin-bottom:5px}.breadcrumb span{color:#c7cec8;margin:0 6px}.process-name-input{display:block;max-width:100%;width:100%;padding:0;border:0;background:transparent;font:800 21px Manrope,sans-serif;letter-spacing:-.7px;color:#26342e}.process-name-input:focus{outline:0;border-bottom:1px solid #91b9a4}.process-description-input{display:block;width:100%;max-width:610px;margin-top:3px;padding:2px 0;border:0;background:transparent;font-size:11px;color:#7c8780}.process-description-input:focus{outline:0;border-bottom:1px solid #91b9a4}.topbar-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;border:1px solid transparent;padding:9px 12px;font-size:11px;font-weight:700;white-space:nowrap;transition:background .15s,border .15s,color .15s}.button.primary{background:var(--green);color:#fff;border-color:var(--green)}.button.primary:hover:not(:disabled){background:#1b5747}.button.secondary{background:#241b24;border-color:#49323d;color:#f0e3e9}.button.secondary:hover{border-color:#75404a;background:#35232f;color:#fff0f4}.button.subtle-danger{border-color:#75404a;background:#302127;color:#ffc0c7}.button.subtle-danger:hover{background:#48262f}.button.small{padding:7px 10px;font-size:10px}
.summary-strip{display:flex;align-items:center;gap:0;padding:13px 22px;background:#f9faf7;border-bottom:1px solid var(--line)}.summary-item{display:flex;gap:10px;align-items:center;min-width:190px;padding:0 22px 0 0;margin-right:22px;border-right:1px solid #e5e9e4}.summary-item:first-child{padding-left:0}.summary-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;color:var(--green);background:#e8f2e9}.summary-item span{display:block;color:#8a948d;font-size:10px;margin-bottom:4px}.summary-item strong{font:800 17px Manrope,sans-serif;letter-spacing:-.3px;color:#25332c}.summary-note{margin-left:auto;color:#7e8982;font-size:10px;white-space:nowrap}.global-error,.error-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff1ef;border:1px solid #f1d4d0;color:#9e3e34;border-radius:9px;padding:10px 13px;margin:12px 18px;font-size:12px}.warning-banner{padding:9px 14px;background:#fff7e8;color:#85602e;font-size:11px;border-bottom:1px solid #f2e5cb}.workspace{display:flex;flex:1;min-height:560px;min-height:calc(100vh - 236px);overflow:hidden;background:#f5f6f2}.canvas-column{display:flex;flex-direction:column;flex:1;min-width:0}.canvas-toolbar{min-height:55px;background:#fbfcfa;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.toolbar-label{font-size:9px;font-weight:800;letter-spacing:.85px;color:#9aa49d;margin-right:4px}.tool-button{display:inline-flex;align-items:center;gap:5px;background:#241b24;color:#e8dce2;border:1px solid #49323d;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.tool-button:hover{border-color:#75404a;color:#fff0f4;background:#35232f}.tool-button.decision-tool{color:#9c6432}.library-group select{max-width:170px;padding:7px 8px;min-height:29px;border-radius:7px;border:1px solid #e0e6df;background:#fff;color:#647168;font-size:10px}.canvas-hint{min-height:29px;display:flex;align-items:center;gap:7px;padding:4px 15px;background:#fff;border-bottom:1px solid #e8ece7;color:#9aa39d;font-size:10px}.hint-dot{height:5px;width:5px;border-radius:50%;background:#77b290}.canvas-wrap{flex:1;min-height:420px;position:relative;background:#f7f8f5}.canvas-wrap .react-flow{background:transparent}.react-flow__attribution{display:none}.react-flow__controls{border:1px solid #e1e7e0!important;box-shadow:0 4px 14px #283c3010!important;border-radius:10px!important;overflow:hidden}.react-flow__controls-button{background:#211b22!important;border-bottom:1px solid #49323d!important;fill:#d9c6cf!important}.react-flow__minimap{background:#fff!important;border:1px solid #dce4dc!important;border-radius:10px!important;overflow:hidden;box-shadow:0 4px 14px #283c3010}.process-node{width:214px;max-width:calc(100vw - 24px);min-height:90px;border:1px solid #dfe5df;border-radius:12px;padding:12px 13px;background:#fff;box-shadow:0 3px 9px #1f31250b;transition:border-color .15s,box-shadow .15s;position:relative}.process-node:hover{box-shadow:0 7px 18px #1f312512;border-color:#c1d6c7}.process-node.node-selected{border:1.5px solid #42886d;box-shadow:0 0 0 3px #4c9c7820,0 7px 18px #1f312512}.node-overline{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#96a099;font-weight:800;margin-bottom:8px}.node-symbol{display:grid;place-items:center;height:16px;width:16px;border-radius:5px;font-size:10px;color:var(--green);background:#e9f3eb}.node-title{font:800 12px/1.4 Manrope,sans-serif;color:#2a3830;overflow-wrap:anywhere}.node-description{font-size:9px;line-height:1.45;color:#8a958d;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.node-meta{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;margin-top:9px;font-size:9px;color:#618270}.node-checklist{display:flex;align-items:center;gap:3px;color:#84968a}.node-start,.node-end{border-color:#bdd8c6;background:#f8fcf8}.node-start .node-symbol,.node-end .node-symbol{color:#357553;background:#dceee0}.node-decision{border-color:#efd8ad;background:#fffcf6}.node-decision .node-symbol{color:#a96c2f;background:#f9ecd3}.node-subprocess{border-color:#cbd8f0;background:#f9fbff}.node-subprocess .node-symbol{color:#526da7;background:#e6edf9}.react-flow__handle{width:8px!important;height:8px!important;background:#4c9274!important;border:2px solid #f7faf6!important}.react-flow__edge-path{stroke:#9aa99d!important;stroke-width:1.6!important}.react-flow__edge.selected .react-flow__edge-path{stroke:#4c9274!important}.react-flow__edge-text{font-size:10px!important;fill:#68776d!important}.react-flow__edge-textbg{fill:#fff!important;fill-opacity:.95!important}.canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#8a958d;pointer-events:none}.canvas-empty svg{color:#4c9274}.canvas-empty strong{font:800 15px Manrope;color:#39473e}.canvas-empty p{font-size:11px;margin:0}.canvas-empty button{pointer-events:auto}.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fff;border-top:1px solid #e4e9e3;color:#909991;font-size:9px}.canvas-footer>div{display:flex;align-items:center;gap:7px}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:3px;margin-left:5px}.dot-task{background:#6fac8b}.dot-decision{background:#d9a35e}.dot-start{background:#8bb99c}
.inspector{width:320px;min-width:295px;background:#fff;border-left:1px solid var(--line);padding:17px 16px 16px;overflow-y:auto;max-height:calc(100vh - 220px)}.inspector-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.eyebrow{display:block;font-size:9px;letter-spacing:1.1px;font-weight:800;color:#9aa49d;margin-bottom:5px}.inspector h3{margin:0;font:800 17px Manrope,sans-serif;letter-spacing:-.4px}.field-label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:#66746a;margin-bottom:13px}.field-label input,.field-label textarea,.field-label select,.team-table-wrap input,.modal-card input,.modal-card select{width:100%;border:1px solid #dfe6df;background:#fbfcfa;border-radius:7px;padding:9px 10px;font-size:11px;font-weight:400;color:#29372f;resize:vertical}.field-label input:focus,.field-label textarea:focus,.field-label select:focus{outline:none;border-color:#8fbaa1;background:#fff;box-shadow:0 0 0 3px #e4f3e9}.field-label input::placeholder,.field-label textarea::placeholder{color:#b1bab3}.two-col-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.two-col-fields .field-label{min-width:0}.short-field{max-width:170px}.section-divider{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #e9ede8;margin:5px 0 12px;color:#35463b;font-size:10px;font-weight:800}.text-button{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;color:var(--green);font-size:10px;font-weight:800;padding:4px}.text-button:hover{color:#163e32}.soft-note{font-size:10px;color:#909991;line-height:1.6;background:#f8faf7;padding:9px;border-radius:7px;margin-bottom:10px}.assignment-row{display:grid;grid-template-columns:minmax(0,1fr) 62px 29px;gap:5px;align-items:center;margin-bottom:8px}.assignment-row select{width:100%;min-width:0;border:1px solid #dfe6df;background:#fbfcfa;border-radius:7px;padding:8px 5px;font-size:10px;color:#35453a}.hours-input{position:relative}.hours-input input{width:100%;border:1px solid #dfe6df;background:#fbfcfa;border-radius:7px;padding:8px 16px 8px 7px;font-size:10px;color:#35453a}.hours-input span{position:absolute;right:5px;top:9px;font-size:9px;color:#8b968e}.danger-quiet{width:29px;height:29px;color:#aa7b76;border-color:transparent;background:transparent}.danger-quiet:hover{color:#b34035;background:#fff1ef;border-color:#f0d9d5}.assignment-rate{grid-column:1/-1;font-size:9px;color:#8a968d;padding-left:2px;margin-top:-3px}.checklist-field{margin-top:17px}.hint-box{padding:11px 10px;background:#f4f8f4;border:1px solid #e3eee4;border-radius:8px;color:#7a897e;font-size:10px;line-height:1.55}.decision-hint{display:flex;gap:8px;align-items:flex-start;color:#986a36;background:#fff9ed;border-color:#f2e5c9;margin:12px 0}.decision-hint svg{flex-shrink:0;margin-top:1px}.edge-label-field{margin-bottom:9px}.edge-label-field span{font-size:9px;color:#7a887e;overflow-wrap:anywhere}.inspector-actions{border-top:1px solid #e9ede8;padding-top:13px;margin-top:10px}.empty-inspector{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7e8b81}.empty-inspector strong{font:800 13px Manrope;color:#35463b;margin-top:11px}.empty-inspector p{font-size:11px;line-height:1.6;max-width:220px}.inspector-empty-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#edf5ee;color:#55876a}.empty-inspector .hint-box{text-align:left;margin-top:13px;max-width:240px}
.cost-footer{padding:12px 22px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px}.cost-footer-title{display:flex;align-items:center;gap:9px;color:var(--green);min-width:205px}.cost-footer-title strong{display:block;color:#36463b;font-size:10px}.cost-footer-title span{display:block;margin-top:3px;color:#919a93;font-size:9px;line-height:1.4}.cost-footer-metric{padding-left:18px;border-left:1px solid var(--line);min-width:170px}.cost-footer-metric small{display:block;font-size:9px;color:#8e9890;margin-bottom:4px}.cost-footer-metric strong{font:800 15px Manrope;color:#33463a}.cost-footer-text{font-size:9px;line-height:1.5;color:#909a93;max-width:300px;margin-left:auto}
.team-page{padding:30px;max-width:1250px;width:100%;margin:0 auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{font:800 28px Manrope,sans-serif;margin:4px 0 8px;letter-spacing:-.8px;color:#27362e}.page-heading p{max-width:640px;margin:0;color:#7e8981;font-size:12px;line-height:1.65}.demo-banner{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border:1px solid #f1e0bd;background:#fff9ec;border-radius:10px;color:#8a672f;font-size:11px;line-height:1.55;margin-bottom:18px}.demo-banner svg{flex-shrink:0;margin-top:1px}.demo-banner strong{color:#78551e}.team-table-wrap{border:1px solid #e1e7df;border-radius:12px;overflow:auto;background:#fff;box-shadow:0 8px 24px #344a3810}.team-table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}.team-table th{background:#f9fbf8;color:#8b968e;text-transform:uppercase;letter-spacing:.65px;font-size:9px;font-weight:800;padding:14px 17px;border-bottom:1px solid #e8ece7}.team-table td{padding:16px 17px;border-bottom:1px solid #edf0ec;font-size:11px;color:#59675e}.team-table tbody tr:last-child td{border-bottom:0}.team-table td strong{color:#2f3d34;font-size:11px}.team-table td small{display:block}.rate-sub{font-size:9px;color:#98a199;margin-top:4px}.demo-pill{display:inline-block;margin-left:7px;border-radius:4px;background:#fff0cf;color:#a26e27;font-size:8px;letter-spacing:.5px;padding:3px 4px;font-weight:800}.status-pill{display:inline-block;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700}.status-active{background:#e7f4e9;color:#397b54}.status-inactive{background:#f1f2ef;color:#879188}.row-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end}.empty-table{text-align:center;padding:35px!important;color:#8b958e!important}.modal-backdrop{position:fixed;inset:0;background:#1b2a224b;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{background:#fff;border-radius:16px;width:min(480px,100%);padding:23px;box-shadow:0 25px 80px #11251d35}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.modal-heading h2{margin:3px 0 0;font:800 20px Manrope,sans-serif}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#56645a}.checkbox-label input{width:14px;height:14px}.modal-card .error-banner{margin:10px 0 0}.toast{position:fixed;bottom:24px;right:25px;z-index:200;display:flex;align-items:center;gap:9px;background:#203f33;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 10px 30px #19352b2e;font-size:11px;font-weight:600}.toast-check{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#4a9972;font-weight:800}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;background:#f6f7f3;color:#2b4436}.loading-mark{width:55px;height:55px;border-radius:16px;background:#173a32;color:#fff;display:grid;place-items:center;margin-bottom:4px}.loading-screen strong{font:800 21px Manrope}.loading-screen span{font-size:11px;color:#8b988e}
@media(max-width:1350px){.sidebar{width:225px;min-width:225px}.inspector{width:290px;min-width:275px;padding:14px 12px}.topbar{padding-left:16px;padding-right:16px}.topbar-actions .button{padding:8px}.summary-item{min-width:160px;margin-right:15px;padding-right:15px}.toolbar-label{display:none}.canvas-toolbar{gap:7px}.cost-footer{gap:14px;padding-left:16px;padding-right:16px}}@media(max-width:1080px){.sidebar{width:205px;min-width:205px}.inspector{width:275px;min-width:265px}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{justify-content:flex-start}.summary-strip{flex-wrap:wrap;gap:10px}.summary-item{min-width:150px;border:0}.summary-note{margin-left:0}.workspace{min-height:700px}.cost-footer{flex-wrap:wrap}.cost-footer-text{margin-left:0;max-width:none;width:100%}}@media(max-width:790px){.app-shell{flex-direction:column}.sidebar{width:100%;min-width:0;min-height:unset;padding:12px 13px 8px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 5px 13px}.sidebar-section-label{display:none}.process-list{flex-direction:column;flex-wrap:wrap;max-height:none;overflow:visible;padding-bottom:8px}.process-list-item{min-width:0;width:100%}.sidebar-bottom{display:flex;align-items:center;margin-top:0;gap:8px}.sidebar-footnote{display:none}.nav-link{width:auto;padding:7px 10px;margin:3px 0}.workspace{flex-direction:column;overflow:visible}.canvas-column{min-height:500px}.canvas-wrap{min-height:480px}.inspector{width:100%;min-width:0;max-height:none;border-left:0;border-top:1px solid var(--line)}.topbar{min-height:0}.process-name-input{font-size:19px}.topbar-actions{gap:5px}.topbar-actions .button{font-size:10px}.summary-strip{padding:12px}.summary-item{min-width:45%;margin:0;padding:0}.summary-item strong{font-size:15px}.canvas-toolbar{align-items:flex-start;flex-direction:column}.library-group{width:100%}.library-group select{max-width:none;flex:1}.canvas-footer{align-items:flex-start;flex-direction:column}.cost-footer{align-items:flex-start}.team-page{padding:20px 13px}.page-heading{flex-direction:column}.two-col-fields{grid-template-columns:1fr 1fr}.inspector .two-col-fields{grid-template-columns:1fr 1fr}}@media(max-width:480px){.topbar-actions .button{padding:7px}.summary-item{min-width:100%;border-bottom:1px solid #e5e9e4;padding-bottom:9px}.summary-strip{gap:8px}.summary-note{font-size:9px}.canvas-toolbar .tool-button{padding:6px}.process-node{width:185px}.two-col-fields{grid-template-columns:1fr}.inspector .two-col-fields{grid-template-columns:1fr}.page-heading h1{font-size:23px}.page-heading .button{width:100%}}

/* FlowCost 0.2 — dark workspace, data ports, sticky notes, risks, and groups */
:root{color-scheme:dark;--ink:#e8ebf1;--muted:#a2a8b3;--line:#303642;--green:#72c5a1;--green-dark:#17372f;--bg:#101216;--panel:#191c22;--orange:#ed9c67;--soft-green:#203b30;background:#101216;color:#e8ebf1}
body,.app-shell{background:#101216;color:#e8ebf1}
.sidebar{background:#15181e;border-color:#2b303a}
.brand strong,.process-name-input,.page-heading h1,.team-table td strong,.inspector h3{color:#f1f3f7}
.brand-mark{background:#235542;color:#bdf5d9}
.brand span,.sidebar-section-label,.sidebar-footnote,.breadcrumb,.toolbar-label,.summary-item span,.summary-note,.canvas-footer,.field-label,.field-help,.eyebrow{color:#8f98a7}
.process-list-item{color:#d1d6df}.process-list-item:hover{background:#20252e}.process-list-item.active,.nav-link.active,.nav-link:hover{background:#1d342b;border-color:#315947;color:#bdf5d9}
.list-item-icon,.icon-button,.button.secondary,.tool-button,.library-group select{background:#1c2028;border-color:#343b48;color:#d4dae4}
.icon-button:hover,.tool-button:hover,.button.secondary:hover{background:#242b35;border-color:#596777;color:#e8f6ef}
.button.primary{background:#287557;border-color:#3d9b76;color:#fff}.button.primary:hover:not(:disabled){background:#328c68}
.button.subtle-danger{background:#331f24;border-color:#623039;color:#ffb2b9}.button.subtle-danger:hover{background:#45252c}
.topbar,.canvas-toolbar,.cost-footer{background:#171a20;border-color:#2e333e}
.summary-strip{background:#14171c;border-color:#2d323d}.summary-item{border-color:#303641}.summary-icon{background:#203b30;color:#9ce4bf}.summary-item strong,.cost-footer-metric strong{color:#e9f6ef}
.process-name-input,.process-description-input{color:#eff1f5}.process-description-input{color:#a3aab6}.process-name-input:focus,.process-description-input:focus{border-color:#4c9877}
.workspace{background:#101216}.canvas-hint{background:#171a20;border-color:#303641;color:#a2a8b3}.canvas-wrap{background-color:#111419}.react-flow__pane{cursor:default}
.react-flow__controls{border-color:#343a46!important;background:#1c2028!important;box-shadow:0 5px 18px #0005!important}.react-flow__controls-button{background:#1c2028!important;border-color:#343a46!important;fill:#d5dbe5!important}.react-flow__minimap{background:#1a1e25!important;border-color:#343a46!important;box-shadow:0 5px 18px #0005!important}.react-flow__minimap-mask{fill:#0c0e12bb!important}.react-flow__minimap-node{fill:#4a8068!important;stroke:#a7d7bf!important}
.process-node{width:270px;min-height:94px;border:1px solid var(--node-border,#454c58);border-radius:12px;padding:12px 13px;background:var(--node-bg,#20252d);color:#e7eaf0;box-shadow:0 7px 20px #0003;transition:border-color .15s,box-shadow .15s}
.process-node:hover{box-shadow:0 10px 26px #0005;border-color:var(--node-accent,#abb5c5)}.process-node.node-selected,.group-node.node-selected{border-color:#81dbb1;box-shadow:0 0 0 2px #69c99c55,0 10px 26px #0005}
.node-overline{color:#99a3b2}.node-symbol{background:var(--node-soft,#343b47);color:var(--node-accent,#d9e2ef)}.node-title{font-size:12px;color:#f0f2f7}.node-description{color:#aab2c1;font-size:10px;line-height:1.5;margin-top:5px}.node-meta{color:#b6c1d0}.node-checklist{color:#b9c7d8}.node-start,.node-end,.node-decision,.node-subprocess{border-color:var(--node-border)}.node-start .node-symbol,.node-end .node-symbol,.node-decision .node-symbol,.node-subprocess .node-symbol{background:var(--node-soft);color:var(--node-accent)}
.react-flow__handle{width:9px!important;height:9px!important;background:#75d7a7!important;border:2px solid #15261f!important}.react-flow__handle.flow-handle{width:8px!important;height:8px!important;background:#b6c0ce!important;border-color:#242a34!important}.react-flow__handle.data-port-handle{width:9px!important;height:9px!important;background:#6daeff!important;border-color:#16263a!important;z-index:3}
.react-flow__edge-path{stroke:#718092!important;stroke-width:1.7!important}.react-flow__edge.process-flow-edge .react-flow__edge-path{stroke:#8e9aaa!important}.react-flow__edge.data-flow-edge .react-flow__edge-path{stroke:#60a9ff!important;stroke-width:2.1!important;stroke-dasharray:5 3!important}.react-flow__edge.selected .react-flow__edge-path{stroke:#8ce5b9!important}.react-flow__edge-text{font-size:10px!important;fill:#d4dae3!important}.react-flow__edge-textbg{fill:#20252d!important;fill-opacity:.97!important}
.node-ports{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:11px;padding-top:9px;border-top:1px solid #ffffff16}.node-port-group{min-width:0}.port-heading{font-size:8px;letter-spacing:.9px;font-weight:900;color:#8794a7;margin:0 0 4px 2px}.node-port-row{position:relative;min-width:0;min-height:22px;display:flex;flex-direction:column;justify-content:center;padding:4px 7px;border-radius:5px;background:#ffffff08;margin:3px 0;overflow:visible}.input-port-row{padding-left:7px}.output-port-row{padding-right:7px;align-items:flex-end;text-align:right}.node-port-row .port-label{font-size:9px;line-height:1.25;color:#d8e0ec;overflow-wrap:anywhere;word-break:break-word;display:block;max-width:100%}.node-port-row.port-linked{background:#17314a;border:1px solid #294d70}.node-port-row.port-linked .port-label{color:#c8e3ff}.port-origin{font-size:7px;color:#77b8fa;line-height:1.3;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ports-overflow{grid-column:1/-1;font-size:8px;color:#9aa4b4}.node-tasks-preview{display:block;max-width:100%;color:#aab5c4;line-height:1.4;font-size:8px;overflow-wrap:anywhere}.node-meta:has(.node-tasks-preview){align-items:flex-start;flex-direction:column}
.sticker-node{width:100%;min-width:170px;min-height:130px;background:var(--node-bg,#342d19);border-color:var(--node-border,#c4a23d);padding:14px;box-shadow:3px 5px 15px #0005;border-radius:3px 3px 12px 3px;transform:rotate(-.4deg)}.sticker-node .node-title{color:var(--node-accent,#ffe895);padding-right:15px}.sticker-pin{position:absolute;right:10px;top:9px;color:var(--node-accent);font-size:14px}.sticker-content{font-size:11px;line-height:1.55;color:#f5e9c8;margin-top:11px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;overflow:visible}.sticker-foot{font-size:7px;letter-spacing:1px;color:#bda66a;margin-top:14px}.risk-node{background:var(--node-bg,#351c22);border:1.5px solid var(--node-border,#df5366);box-shadow:0 0 0 1px #8b253633,0 7px 21px #0005}.risk-node .node-symbol{background:#662b37!important;color:#ffb0ba!important}.risk-node .flow-handle{width:12px!important;height:12px!important;background:#ED1527!important;border:2px solid #f5f4d7!important;box-shadow:0 0 0 4px #ed152733!important}.risk-node .react-flow__handle-left{left:-6px!important}.risk-node .node-overline{color:#f19aa5}.risk-severity{margin-left:auto;font-size:7px;font-weight:900;letter-spacing:.4px;padding:3px 5px;border-radius:4px;background:#702b36;color:#ffc0c7}.risk-medium{border-color:var(--node-border,#c68c44);background:var(--node-bg,#302719)}.risk-medium .risk-severity{background:#58401e;color:#ffd994}.risk-low{border-color:var(--node-border,#619c78);background:var(--node-bg,#1c2d25)}.risk-low .risk-severity{background:#244833;color:#bbf6d0}.risk-preview,.risk-solution-preview{display:flex;flex-direction:column;gap:3px;padding:7px 8px;border-radius:6px;margin-top:7px;background:#ffffff08}.risk-preview strong,.risk-solution-preview strong{font-size:8px;text-transform:uppercase;letter-spacing:.55px;color:#ff9daa}.risk-preview span,.risk-solution-preview span{font-size:9px;line-height:1.4;color:#e5cad0;overflow-wrap:anywhere}.risk-solution-preview{background:#1f342b}.risk-solution-preview strong{color:#a8edc3}.risk-solution-preview span{color:#d4ebdd}
.group-node{width:100%;height:100%;min-width:220px;min-height:130px;border:1px dashed var(--node-border,#657080);border-radius:14px;background:color-mix(in srgb,var(--node-bg,#20252d) 62%,transparent);padding:12px 14px;color:#c7d0de;pointer-events:auto}.group-node-heading{display:flex;align-items:center;gap:7px;color:var(--node-accent,#d9e2ef);font-size:11px;font-weight:800}.group-node-description{font-size:9px;color:#939eae;margin-top:5px;max-width:90%}
.inspector{background:#171a20;border-color:#2e333e;color:#dce1e9}.inspector h3{color:#f4f5f8}.field-label{color:#a5adba}.field-label input,.field-label textarea,.field-label select,.team-table-wrap input,.modal-card input,.modal-card select,.assignment-row select,.hours-input input,.port-edit-row input,.work-item-row input,.work-item-row select{background:#20242c;border-color:#3b424f;color:#e5e9f0}.field-label input:focus,.field-label textarea:focus,.field-label select:focus,.port-edit-row input:focus,.work-item-row input:focus{outline:none;border-color:#559d7b;background:#232932;box-shadow:0 0 0 2px #4c9c7825}.field-label input::placeholder,.field-label textarea::placeholder,.port-edit-row input::placeholder,.work-item-row input::placeholder{color:#6f7887}.section-divider{border-color:#303641;color:#d1d8e2}.text-button{color:#86dcb2}.text-button:hover{color:#bdf5d9}.soft-note,.hint-box{background:#20242c;border-color:#353d49;color:#a0aaba}.decision-hint{background:#30281a;border-color:#5b4725;color:#ecc68b}.assignment-rate{color:#8d99aa}.danger-quiet{color:#d88991}.danger-quiet:hover{background:#392329;border-color:#61343d;color:#ffb2b9}.field-help{font-size:9px;line-height:1.45;margin:-4px 0 9px;color:#8d98a8}.palette-section{margin:4px 0 18px;padding:10px 0 12px;border-top:1px solid #303641;border-bottom:1px solid #303641}.section-caption{display:flex;align-items:center;gap:6px;color:#9da7b7;font-size:9px;font-weight:800;letter-spacing:.4px;margin-bottom:9px}.color-palette{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:25px;height:25px;border-radius:8px;border:2px solid;box-shadow:inset 0 0 0 2px #0e1014;opacity:.8}.color-swatch:hover{opacity:1;transform:translateY(-1px)}.color-swatch.active{outline:2px solid #edf2f7;outline-offset:2px;opacity:1}
.port-editor-section{margin:2px 0 12px}.port-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:5px;align-items:center;margin:6px 0}.port-edit-row input{width:100%;min-width:0;border:1px solid #3b424f;border-radius:7px;padding:8px 9px;font-size:10px}.port-edit-row input:disabled{background:#182637;border-color:#2f5273;color:#c7e2ff;opacity:1}.port-edit-row.linked{grid-template-columns:minmax(0,1fr)}.port-edit-row .port-link-meta{display:flex;align-items:center;gap:5px;color:#79b7f4;font-size:8px;line-height:1.4;margin-top:-2px;overflow-wrap:anywhere}.port-edit-row .port-link-meta .icon-button{margin-left:auto;flex-shrink:0}
.work-item-row{padding:9px;border:1px solid #353d48;border-radius:9px;background:#1b1f26;margin-bottom:9px}.work-item-heading{display:grid;grid-template-columns:19px minmax(0,1fr) 25px;align-items:center;gap:5px;margin-bottom:7px}.work-item-number{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#2a4a3a;color:#b8f1d0;font-size:9px;font-weight:800}.work-item-heading input{min-width:0;width:100%;padding:7px 8px;border:1px solid #3b424f;border-radius:6px;font-size:10px}.work-item-fields{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:6px}.work-item-fields select{min-width:0;width:100%;border:1px solid #3b424f;border-radius:6px;padding:7px 6px;font-size:9px}.work-item-fields .hours-input input{font-size:10px;padding:7px 16px 7px 7px}.work-item-row .assignment-rate{margin-top:6px}.icon-button.tiny{width:25px;height:25px;border-radius:6px}
.edge-label-field span{color:#93a0b1}.inspector-actions{border-color:#303641}.empty-inspector strong{color:#e6ebf2}.empty-inspector p{color:#9aa4b4}.inspector-empty-icon{background:#203b30;color:#8ce0b2}.empty-inspector .hint-box{text-align:left}
.team-page{color:#e5e9ef}.page-heading p{color:#a0a9b6}.team-table-wrap{background:#191d24;border-color:#343b46;box-shadow:0 8px 24px #0003}.team-table th{background:#20242c;color:#97a1b1;border-color:#353c47}.team-table td{color:#bbc3cf;border-color:#303641}.rate-sub{color:#8d98a8}.status-active{background:#1d3a2d;color:#a6edc4}.status-inactive{background:#2c3038;color:#adb3bd}.demo-banner{background:#302817;border-color:#5a4828;color:#ebc98e}.demo-banner strong{color:#ffdfa5}.modal-card{background:#191d24;color:#e6e9ef;border:1px solid #353c47}.modal-card .modal-heading h2{color:#f2f3f6}.checkbox-label{color:#bdc5d0}.checkbox-label input{accent-color:#72c5a1}.modal-backdrop{background:#0009}.toast{background:#1e503a;color:#f1fff7}.global-error,.error-banner{background:#351f24;border-color:#64323a;color:#ffb5bd}.warning-banner{background:#302819;color:#eed098;border-color:#5b4828}.loading-screen{background:#101216;color:#e6ebf2}.loading-mark{background:#245944;color:#c8f7dc}.loading-screen span{color:#9099a8}.canvas-empty{color:#939eac}.canvas-empty strong{color:#e4e9f1}.canvas-footer{color:#8f99a8}.legend-dot.dot-task{background:#70cda1}.legend-dot.dot-decision{background:#ddb76e}.legend-dot.dot-start{background:#9aa8bb}
@media(max-width:790px){.process-node{width:248px}.node-ports{gap:5px}.process-node .node-title{font-size:11px}.color-palette{gap:7px}}

.data-edge-legend{display:inline-block;width:22px;height:0;border-top:2px dashed #60a9ff;margin:0 5px 3px 9px;vertical-align:middle}

/* FlowCost v0.3 interface improvements */
.app-shell{background:#101216;color:#dfe5ee}
.sidebar{flex:0 0 252px;width:252px;min-width:252px;transition:margin .18s,transform .18s;padding-top:18px}
.app-shell.sidebar-collapsed .sidebar{display:none}
.sidebar .process-sort{padding:0 8px 10px}
.process-sort label{display:flex;flex-direction:column;gap:5px;color:#8b95a4;font-size:9px;font-weight:700}
.process-sort select{width:100%;padding:7px 8px;border-radius:7px;border:1px solid #343b48;background:#1c2028;color:#d4dae4;font-size:10px}
.process-folder{margin:5px 0 9px}
.process-folder-heading{display:flex;align-items:center;gap:6px;padding:8px 9px 4px;color:#8e99aa;font-size:9px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}
.process-folder-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.process-folder-heading small{color:#788393;font-size:9px}
.process-list{max-height:calc(100vh - 315px);padding-right:2px}
.sidebar .user-sidebar-row{display:flex;align-items:center;gap:8px;padding:12px 7px 0;margin-top:10px;border-top:1px solid #2b303a}
.user-avatar,.share-avatar{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:#244331;color:#b7f0d0;font-size:11px;font-weight:900}
.user-sidebar-row{cursor:pointer;border-radius:9px;transition:background .15s ease}.user-sidebar-row:hover,.user-sidebar-row:focus-visible{background:rgba(255,255,255,.055);outline:none}.user-sidebar-row>div{min-width:0;flex:1}.user-sidebar-row strong{display:block;color:#dfe5ee;font-size:10px;overflow:hidden;text-overflow:ellipsis}.user-sidebar-row small{display:block;color:#7e8999;font-size:9px;margin-top:3px}
.topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 18px;min-height:90px;background:#171a20;border-color:#2e333e}
.topbar-left{display:flex;align-items:center;gap:11px;flex:1 1 390px;min-width:0}
.topbar-left .sidebar-toggle{flex:0 0 34px;width:34px;height:34px;background:#20242c;border-color:#373e4a;color:#d4dae4}
.topbar-left .process-heading{min-width:0;flex:1}
.process-heading .breadcrumb{margin-bottom:3px;color:#8993a2;font-size:8px}
.process-name-input{color:#f1f3f7;font-size:19px;max-width:100%}
.process-description-input{color:#a3adbb;max-width:100%;min-width:120px}
.process-meta-fields{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.process-folder-input{display:inline-flex;align-items:center;gap:5px;color:#8491a1;max-width:190px;min-width:100px;font-size:9px}
.process-folder-input input{width:100%;min-width:0;border:0;border-bottom:1px solid #343b48;background:transparent;color:#aeb8c7;padding:3px 0;font-size:9px}
.process-folder-input input:focus{outline:0;border-color:#559d7b}
.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 1 auto;min-width:0;flex-wrap:wrap}
.topbar-metrics{display:flex;align-items:stretch;gap:6px}
.topbar-metric{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:94px;max-width:150px;padding:7px 9px;border:1px solid #303641;background:#1d2129;border-radius:9px}
.topbar-metric span{display:flex;align-items:center;gap:5px;color:#8e99a9;font-size:8px;white-space:nowrap}
.topbar-metric strong{font-size:12px;font-weight:850;letter-spacing:-.15px;color:#e4eaf1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-metric.primary-metric{background:#1b3027;border-color:#315442}
.topbar-metric.primary-metric span{color:#8bc8a8}.topbar-metric.primary-metric strong{color:#c8f6dd}
.save-state{display:flex;align-items:center;gap:2px;color:#8290a0;font-size:8px;white-space:nowrap}
.save-state .live-dot,.save-state .dirty-dot{margin-right:4px;width:6px;height:6px}
.hamburger-menu-trigger{background:#20242c!important;border-color:#3a414d!important;color:#e0e5ed!important;padding:9px 10px}
.hamburger-menu-trigger.active{border-color:#5a9678!important;background:#21392e!important}
.topbar-menu-popover{position:absolute;top:calc(100% + 7px);right:16px;width:min(445px,calc(100vw - 28px));max-height:calc(100vh - 125px);overflow:auto;padding:14px;background:#191d24;border:1px solid #39414e;border-radius:14px;box-shadow:0 18px 60px #0009;z-index:100;color:#dce3ec}
.menu-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:2px 1px 12px;border-bottom:1px solid #303641}
.menu-popover-header strong{display:block;color:#f0f3f8;font-size:13px;margin-top:5px;overflow-wrap:anywhere}
.menu-popover-header small{display:block;color:#8e99a8;font-size:9px;margin-top:4px}
.menu-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px 0}
.menu-summary-grid>div{padding:9px;border:1px solid #303641;border-radius:8px;background:#20242c;min-width:0}
.menu-summary-grid span{display:block;color:#8994a3;font-size:8px;line-height:1.35}
.menu-summary-grid strong{display:block;color:#e6edf4;font-size:12px;margin-top:5px;overflow-wrap:anywhere}
.menu-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.menu-action{display:flex;align-items:flex-start;gap:8px;text-align:left;min-width:0;padding:10px 8px;border:1px solid #303641;background:#20242c;border-radius:8px;color:#9ce0b9}
.menu-action:hover:not(:disabled){border-color:#4f8069;background:#242d2a}.menu-action>svg{flex:0 0 16px;margin-top:1px}
.menu-action span{display:block;min-width:0}.menu-action strong{display:block;color:#dfe6ee;font-size:9px;line-height:1.35}.menu-action small{display:block;color:#8792a2;font-size:8px;line-height:1.4;margin-top:3px}
.menu-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;margin-top:11px;border-top:1px solid #303641;color:#8c97a6;font-size:9px}
.menu-bottom-row span,.logout-menu-button{display:flex;align-items:center;gap:6px}.logout-menu-button{color:#d39a9f}
.workspace{display:flex;flex:1;min-height:calc(100vh - 202px);overflow:hidden;background:#101216}
.canvas-column{min-width:0;min-height:0;flex:1}
.canvas-toolbar{justify-content:flex-start;align-items:center;gap:10px;background:#171a20;border-color:#2e333e;padding:9px 12px}
.canvas-toolbar .toolbar-group{gap:5px}
.canvas-toolbar .toolbar-label{font-size:8px;color:#808b9b;margin-right:2px}
.canvas-toolbar .tool-button{background:#20242c;border-color:#343b48;color:#c9d1dc;padding:7px 8px;font-size:9px}
.canvas-toolbar .tool-button:hover:not(:disabled),.canvas-toolbar .tool-button.active{background:#24382e;border-color:#4b8065;color:#bff0d2}
.canvas-toolbar .tool-button.decision-tool{color:#e3c17e}
.canvas-toolbar .library-group{margin-left:auto}
.canvas-toolbar .library-group select{background:#20242c;border-color:#343b48;color:#c9d1dc;max-width:190px}
.view-toggle-group{border-left:1px solid #303641;padding-left:10px}
.utility-toolbar{margin-left:auto}
.canvas-hint{padding:6px 12px;min-height:32px;background:#1c2128;border-color:#2e3541;color:#9ca7b6;font-size:9px;line-height:1.45;flex-wrap:wrap}
.hint-dismiss{margin-left:auto;border:0;background:transparent;color:#8bd6af;font-size:9px;font-weight:800;padding:3px 5px}
.canvas-wrap{min-height:400px;background-color:#111419;position:relative;overflow:hidden}
.canvas-footer{background:#15181e;border-top:1px solid #2e333e;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:9px}
.inspector,.cost-preview-sidebar{flex:0 0 324px;width:324px;min-width:290px;max-width:350px;overflow-y:auto;background:#171a20;border-left:1px solid #2e333e;color:#dce1e9;padding:16px 15px 20px}
.cost-preview-sidebar{padding:17px 15px;display:flex;flex-direction:column;gap:12px}
.workspace.with-estimate-preview .cost-preview-sidebar{border-left:1px solid #35403e}
.node-validation-alert{display:flex;align-items:center;gap:4px;padding:5px 6px;margin-top:8px;border:1px solid #74333e;background:#401f27;color:#ffadb6;border-radius:6px;font-size:8px;font-weight:800;line-height:1.25}
.node-validation-alert svg{flex:0 0 12px}
.node-goal-preview{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.node-goal-preview>div{display:flex;flex-direction:column;gap:2px;padding:5px 6px;background:#ffffff06;border-radius:5px}
.node-goal-preview strong,.node-custom-preview strong{font-size:7px;text-transform:uppercase;letter-spacing:.5px;color:#8ddab0}
.node-goal-preview span,.node-custom-preview span{font-size:8px;line-height:1.35;color:#bdc8d6;overflow-wrap:anywhere}
.node-tag-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:7px}
.node-tag-list span{display:inline-block;padding:3px 6px;border-radius:5px;background:#263c31;border:1px solid #345945;color:#b7eccc;font-size:7px;font-weight:750;line-height:1.2}
.node-custom-preview{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}
.node-custom-preview>div{display:flex;flex-direction:column;gap:3px;min-width:0;padding:5px 6px;background:#ffffff06;border:1px solid #ffffff0a;border-radius:5px}
.palette-section{margin-top:8px}
.stage-tools-list{display:flex;flex-direction:column;gap:5px;margin:7px 0 14px}
.stage-tool-option{display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid #303641;background:#1e222a;border-radius:7px;color:#c3cbd6;font-size:9px}
.stage-tool-option input,.custom-field-flags input,.inline-check input,.checkbox-label input{accent-color:#68c39a}
.stage-tool-option span{display:flex;flex-direction:column;gap:3px;flex:1}
.stage-tool-option small{color:#8190a0;font-size:8px}
.work-item-row .compact-field{display:flex;flex-direction:column;gap:4px;margin:8px 0;color:#a0aaba;font-size:9px}
.work-item-row .compact-field input,.work-item-row .compact-field textarea{width:100%;min-width:0;border:1px solid #3b424f;background:#20242c;color:#e5e9f0;border-radius:6px;padding:8px;font-size:10px;resize:vertical}
.tag-field>span{display:flex;align-items:center;gap:5px}
.grade-fields{grid-template-columns:minmax(0,1fr) auto}
.grade-label{display:flex;align-items:center;color:#8d99aa;font-size:8px}
.section-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:3px 5px;border-radius:5px;background:#26342d;color:#a9e7c1;font-size:9px;font-weight:800}
.custom-fields-heading{margin-top:12px}
.custom-field-card{padding:8px;margin:7px 0;border:1px solid #333b47;background:#1d2128;border-radius:8px}
.custom-field-top{display:grid;grid-template-columns:minmax(0,1fr) 92px 25px;gap:5px;align-items:center}
.custom-field-top input,.custom-field-top select,.custom-field-card>input,.custom-field-card>select{min-width:0;width:100%;border:1px solid #3b424f;border-radius:6px;background:#20242c;color:#dce3ec;padding:7px 6px;font-size:9px}
.custom-field-top select{font-size:8px}.custom-field-card>input,.custom-field-card>select{margin-top:6px}
.custom-field-card select[multiple]{height:auto;min-height:62px}
.custom-field-flags{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:8px;padding-top:7px;border-top:1px solid #303641}
.custom-field-flags label{display:flex;align-items:center;gap:4px;color:#9ca8b8;font-size:8px}
.custom-field-flags input{width:12px;height:12px}
.custom-field-hidden-note{margin-top:7px;font-size:8px}
.inline-check{display:flex;align-items:center;gap:6px;color:#c1cbd6;font-size:9px;margin-top:7px}
.checklist-heading{margin-top:14px}
.checklist-item-row{display:grid;grid-template-columns:18px minmax(0,1fr) 25px;align-items:center;gap:5px;margin:6px 0}
.checklist-item-row>span{display:grid;place-items:center;width:18px;height:18px;background:#242f29;border-radius:5px;color:#a8e4bf;font-size:8px;font-weight:800}
.checklist-item-row input{width:100%;min-width:0;border:1px solid #3b424f;background:#20242c;color:#e5e9f0;border-radius:6px;padding:8px;font-size:9px}
.estimate-total{display:flex;flex-direction:column;gap:7px;padding:13px;border:1px solid #315744;border-radius:11px;background:#1b3027}
.estimate-total>span{color:#a5d9ba;font-size:9px}.estimate-total>strong{font-size:23px;line-height:1.2;color:#d1f7df;letter-spacing:-.5px}.estimate-total small{color:#93bda2;font-size:8px;line-height:1.45}
.estimate-note{padding:9px;border:1px solid #343b46;background:#20242c;border-radius:8px;color:#9ba6b5;font-size:8px;line-height:1.5}
.estimate-role-cost-line{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:3px 0 3px 10px;color:#aab4c0;font-size:9px;line-height:1.4}.estimate-role-cost-line>span{min-width:0;overflow-wrap:anywhere}.estimate-role-cost-line>strong{flex:0 0 auto;font-size:9px;color:#d6deea}.estimate-role-cost-line.is-temporary{border-left:2px solid #d7a454;color:#ecd4a6}.estimate-role-cost-line em{display:inline-block;margin-left:5px;padding:1px 4px;border:1px solid #765e35;border-radius:4px;font-size:8px;font-style:normal;color:#e6c17e}.estimate-costing-warnings{display:flex;flex-direction:column;gap:4px;padding:9px;border:1px solid #765e35;background:rgba(110,78,31,.16);border-radius:8px;color:#e6c17e;font-size:9px;line-height:1.45}.estimate-costing-warnings strong{font-size:10px}
.estimate-step-list{display:flex;flex-direction:column;gap:8px;overflow:auto;flex:1;min-height:100px}
.estimate-step-row{padding:10px;border:1px solid #303641;background:#1d2128;border-radius:9px}
.estimate-step-heading{display:flex;align-items:flex-start;gap:7px;color:#dce4ed;font-size:10px;line-height:1.4;margin-bottom:9px}.estimate-step-heading strong{overflow-wrap:anywhere}
.estimate-type-dot{margin-top:3px;width:8px;height:8px;flex:0 0 8px;border-radius:3px;background:#8795aa}.estimate-task{background:#6fc79b}.estimate-decision{background:#dfbb69}.estimate-subprocess{background:#75a7e2}.estimate-start,.estimate-end{background:#70be92}
.estimate-row-breakdown,.estimate-row-total{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:5px;color:#8d99a8;font-size:8px}.estimate-row-breakdown strong{color:#c5ced9;font-size:8px;white-space:nowrap}.estimate-row-total{padding-top:7px;margin-top:8px;border-top:1px solid #303641;color:#a7b2c0}.estimate-row-total strong{color:#c8f0d7;font-size:10px;white-space:nowrap}
.estimate-bottom{padding:10px;border-top:1px solid #353c47;color:#909baa;font-size:9px;display:flex;flex-direction:column;gap:6px}.estimate-bottom strong{color:#d2f4df;font-size:16px}
.responsibility-board{height:100%;min-height:100%;padding:18px;overflow:auto;background:#111419;color:#dfe5ee}
.responsibility-board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 17px}
.responsibility-board-heading h2{margin:4px 0 6px;color:#f0f3f8;font-size:18px}.responsibility-board-heading p{margin:0;color:#8d99aa;font-size:10px;line-height:1.5;max-width:620px}
.autogen-badge{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;background:#1b3127;border:1px solid #315744;border-radius:7px;color:#a9e7c1;font-size:8px;white-space:nowrap}
.responsibility-lane{display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid #303641}
.responsibility-lane-label{display:flex;align-items:flex-start;gap:8px;padding:9px 5px}
.lane-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#203a2d;color:#9bdfb8}
.responsibility-lane-label strong{display:block;color:#e2e8f0;font-size:10px;overflow-wrap:anywhere}.responsibility-lane-label small{display:block;color:#8290a0;font-size:8px;margin-top:5px}
.responsibility-lane-content{display:flex;align-items:stretch;flex-wrap:wrap;gap:9px;min-width:0;overflow:visible;padding:2px 2px 10px}
.responsibility-task-card{flex:0 0 245px;width:245px;min-width:245px;padding:10px;background:#1a1e25;border:1px solid #343b46;border-radius:9px}
.responsibility-task-card.is-placeholder{border-style:dashed;color:#8995a5}
.responsibility-stage-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px;text-align:left;margin-bottom:9px;padding:0 0 8px;border:0;border-bottom:1px solid #303641;background:transparent;color:#9cdeb8;font-size:9px;font-weight:850}
.responsibility-stage-link span{overflow-wrap:anywhere}.responsibility-task-card .compact-field{display:flex;flex-direction:column;gap:4px;color:#8793a4;font-size:8px;margin:7px 0}
.responsibility-task-card .compact-field input,.responsibility-task-card .compact-field textarea{width:100%;min-width:0;padding:7px;border:1px solid #3b424f;border-radius:6px;background:#20242c;color:#dce3ec;font-size:9px;resize:vertical}
.responsibility-assignment-row{display:grid;grid-template-columns:minmax(0,1fr) 60px;gap:5px;margin-top:8px}
.responsibility-assignment-row select,.responsibility-grade{width:100%;min-width:0;padding:7px 6px;border:1px solid #3b424f;border-radius:6px;background:#20242c;color:#dce3ec;font-size:8px}
.responsibility-grade{margin-top:6px}.responsibility-no-task{font-size:9px;line-height:1.45;color:#8995a5}
.remote-cursor{position:absolute;z-index:20;display:flex;align-items:flex-start;gap:3px;color:var(--cursor-color,#86d6ff);pointer-events:none;filter:drop-shadow(0 1px 2px #000a);transform:translate(-2px,-2px)}
.remote-cursor span{margin:14px 0 0 -5px;padding:3px 5px;border-radius:4px;background:var(--cursor-color,#86d6ff);color:#10202a;font-size:8px;font-weight:900;white-space:nowrap}
.readonly-banner{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#202a35;border-bottom:1px solid #354b60;color:#a8ccec;font-size:10px}
.readonly-workspace .inspector{opacity:.82;pointer-events:none}
.empty-workspace{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:65vh;text-align:center;padding:30px;color:#95a0af}
.empty-workspace>svg{color:#78cea1}.empty-workspace h2{color:#ebeff5;font-size:20px;margin:3px}.empty-workspace p{max-width:440px;font-size:11px;line-height:1.6}
.auth-screen{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(ellipse at top,#1d2e27 0%,#111419 48%,#0d0f12 100%);color:#e1e7ef}
.auth-card{width:min(430px,100%);padding:29px;background:#191d24;border:1px solid #38414d;border-radius:17px;box-shadow:0 24px 80px #0006}
.auth-brand{padding:0 0 26px}.auth-card h1{color:#f0f4f8;font-size:25px;letter-spacing:-.7px;margin:7px 0}.auth-card>p{font-size:11px;line-height:1.6;color:#929eae;margin:0 0 20px}.auth-card .field-label{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:#a6b0bf;font-size:10px}.auth-card .field-label input{border:1px solid #3c4552;background:#20242c;border-radius:8px;padding:10px;color:#e8edf4;font-size:11px}.auth-submit{width:100%;margin-top:7px;padding:11px}.auth-switch{margin-top:16px;padding-top:14px;border-top:1px solid #303641;text-align:center;color:#929eae;font-size:10px}.auth-switch .text-button{font-size:10px}.auth-security-note{display:block;margin-top:16px;color:#737f8f;font-size:8px;line-height:1.5;text-align:center}
.share-modal{width:min(560px,100%)}.share-invite-form{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:7px;margin:14px 0}.share-invite-form input,.share-invite-form select{min-width:0;padding:9px 8px;border:1px solid #3b424f;border-radius:7px;background:#20242c;color:#e5e9f0;font-size:10px}.share-list{display:flex;flex-direction:column;gap:7px;margin-top:13px;max-height:300px;overflow:auto}.share-row{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #303641;border-radius:8px;background:#1d2128}.share-row>div:nth-child(2){flex:1;min-width:0}.share-row strong{display:block;color:#e1e7ef;font-size:10px}.share-row small{display:block;color:#8792a2;font-size:8px;margin-top:4px}
.shortcuts-modal{width:min(520px,100%)}.shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.shortcut-list>div{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #303641;border-radius:7px;background:#20242c;color:#bfc9d5;font-size:9px;line-height:1.35}.shortcut-list kbd{flex:0 0 auto;min-width:46px;padding:5px 6px;text-align:center;border:1px solid #4a5362;border-bottom-width:2px;border-radius:5px;background:#171a20;color:#d5f1e0;font-size:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.shortcuts-footnote{color:#8390a0;font-size:8px;line-height:1.5;padding:10px;border-radius:7px;background:#20242c}
.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:15px}
.cost-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 18px;background:#171a20;border-color:#2e333e;color:#9aa5b4}
.cost-footer-title{display:flex;align-items:center;gap:9px;flex:1;min-width:250px}.cost-footer-title>svg{color:#8fddb0}.cost-footer-title strong{display:block;color:#dfe8f0;font-size:10px}.cost-footer-title span{display:block;color:#8c98a8;font-size:8px;line-height:1.45;margin-top:4px;max-width:460px}
.cost-footer-metric{display:flex;flex-direction:column;gap:4px;min-width:140px}.cost-footer-metric small{color:#8490a0;font-size:8px}.cost-footer-metric strong{color:#c7f1d7;font-size:15px}.cost-footer-text{max-width:270px;color:#8591a1;font-size:8px;line-height:1.5}
.team-page{padding:24px;background:#101216;min-height:100vh}.page-heading h1{color:#f0f3f8}.resource-tabs button{background:#20242c;border-color:#343b48;color:#a6b1c0}.resource-tabs button.active{background:#20382d;border-color:#3a694f;color:#baf0d0}
@media(max-width:1220px){.topbar-metrics{gap:4px}.topbar-metric{min-width:80px;padding:6px 7px}.topbar-metric strong{font-size:10px}.topbar-right{gap:7px}.topbar{padding:10px 12px}.canvas-toolbar .library-group{margin-left:0}.utility-toolbar{margin-left:0}}
@media(max-width:980px){.topbar-right{flex:1 1 100%;justify-content:flex-start}.topbar-metrics{flex:1}.topbar-metric{flex:1;max-width:none}.save-state{margin-left:auto}.workspace{min-height:calc(100vh - 260px)}.inspector,.cost-preview-sidebar{flex-basis:300px;width:300px;min-width:270px}.responsibility-lane{grid-template-columns:125px minmax(0,1fr)}}
@media(max-width:720px){.sidebar{flex-basis:225px;width:225px;min-width:225px}.topbar{align-items:flex-start}.topbar-left{flex-basis:100%}.topbar-right{align-items:flex-start;flex-wrap:wrap}.topbar-metrics{width:100%;overflow:auto}.topbar-metric{min-width:95px}.save-state{margin-left:0}.workspace{flex-direction:column;overflow:visible}.canvas-column{min-height:520px}.inspector,.cost-preview-sidebar{width:100%;min-width:0;max-width:none;max-height:none;border-left:0;border-top:1px solid #2e333e;flex-basis:auto}.canvas-toolbar{align-items:flex-start}.toolbar-group{width:100%}.canvas-toolbar .library-group select{flex:1;max-width:none}.responsibility-lane{grid-template-columns:1fr;gap:3px}.responsibility-lane-label{padding:5px}.responsibility-lane-content{padding-bottom:8px}.shortcut-list{grid-template-columns:1fr}.share-invite-form{grid-template-columns:1fr}.share-invite-form select{width:100%}.topbar-menu-popover{right:7px}.cost-footer{align-items:flex-start}.cost-footer-text{max-width:none}}

/* Read-only shared access must also apply to editable controls in the generated swimlane view. */
.readonly-workspace .responsibility-board{pointer-events:none;opacity:.84;user-select:none}

/* v0.4 resource/catalog and estimate settings surfaces */
.offline-dot{width:7px;height:7px;border-radius:100%;display:inline-block;background:#728096;margin-right:6px}
.save-state.is-offline{color:#8994a5}
.save-state.is-offline .offline-dot{background:#728096}
.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}
.section-heading-row h2{color:#e8edf4;font-size:15px;margin:0}
.section-heading-row p{color:#8c98a8;font-size:9px;margin:5px 0 0;line-height:1.5}
.financial-goal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:14px}
.financial-goal-card{min-width:0;padding:15px;border:1px solid #333b47;border-radius:12px;background:linear-gradient(145deg,#1d222a,#171a20);box-shadow:0 8px 24px #0002}
.financial-goal-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.financial-goal-card-heading h3{font-size:13px;color:#e8edf4;margin:0 0 4px;overflow-wrap:anywhere}
.financial-goal-card-heading p{color:#8d99a9;font-size:9px;line-height:1.45;margin:0}
.financial-goal-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 12px}
.financial-goal-kpis>div{padding:9px;border:1px solid #303742;border-radius:8px;background:#20242c;min-width:0}
.financial-goal-kpis span{display:block;color:#8995a5;font-size:8px;margin-bottom:5px}
.financial-goal-kpis strong{display:block;color:#dce8f1;font-size:13px;overflow-wrap:anywhere}
.goal-progress-track{height:6px;border-radius:10px;overflow:hidden;background:#2e3540}
.goal-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#3d9a6e,#9ad9ac);border-radius:10px;max-width:100%}
.goal-progress-copy{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:#8995a5;font-size:8px}
.financial-goal-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #303742}
.empty-state-card{padding:16px;border:1px dashed #46505f;border-radius:10px;background:#1b1f26;color:#e0e7ef}
.empty-state-card.compact{padding:12px;margin:10px 0}
.empty-state-card p{color:#8d99a9;font-size:10px;line-height:1.5;margin:7px 0 0}
.project-settings-modal{width:min(850px,100%);max-height:min(88vh,900px);overflow:auto}
.project-allocation-list{display:flex;flex-direction:column;gap:9px;margin:13px 0}
.project-allocation-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;padding:10px;border:1px solid #343b46;border-radius:9px;background:#1c2027}
.project-allocation-row .field-label{margin:0;min-width:0}
.project-allocation-row .field-label select,.project-allocation-row .field-label input{width:100%;min-width:0}
.allocation-rate input{text-align:right}
.allocation-preview{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:7px;background:#202b26;border:1px solid #2f4c3d;min-width:0}
.allocation-preview small{font-size:8px;color:#91a99a}
.allocation-preview strong{color:#c1f1d2;font-size:12px;overflow-wrap:anywhere}
.allocation-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.allocation-summary>div{display:flex;flex-direction:column;gap:6px;min-width:0;padding:11px;border:1px solid #333b47;border-radius:8px;background:#20242c}
.allocation-summary small{font-size:8px;color:#8d99a8}
.allocation-summary strong{font-size:12px;color:#e2e9f1;overflow-wrap:anywhere}
@media(max-width:740px){.allocation-summary{grid-template-columns:1fr}.financial-goal-grid{grid-template-columns:1fr}}
.estimate-goal-section{margin:12px 10px 4px;padding:0 0 10px;border-bottom:1px solid #303641}.estimate-goal-section .section-divider{margin:0 0 8px}.estimate-goal-section .section-divider>strong{color:#c2eed2;font-size:10px}.estimate-goal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px 0;border-bottom:1px dashed #303641}.estimate-goal-row:last-child{border-bottom:0}.estimate-goal-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.estimate-goal-row>div:last-child{text-align:right}.estimate-goal-row strong{font-size:9px;color:#dce7f0;overflow-wrap:anywhere}.estimate-goal-row small{font-size:8px;line-height:1.45;color:#8995a5}.estimate-bottom>span:nth-of-type(2){margin-top:6px;color:#a2dcb8}.estimate-bottom>strong:last-child{color:#c1f1d2;font-size:17px}

/* v0.5: shareable process links and the live event journal */
.process-list-row{display:flex;align-items:stretch;gap:3px;min-width:0}
.process-list-row .process-list-item{flex:1;width:auto;min-width:0}
.process-link-button{width:27px;flex:0 0 27px;display:grid;place-items:center;align-self:center;min-height:27px;border:1px solid transparent;border-radius:7px;background:transparent;color:#7e8b9e;opacity:.72}
.process-link-button:hover,.process-list-row:hover .process-link-button{border-color:#39414e;background:#20252e;color:#b8f0d0;opacity:1}
.activity-panel{display:flex;flex-direction:column;min-width:290px;max-width:360px;overflow:hidden;background:#15181e;color:#dfe5ee}
.activity-panel .inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 0 13px;border-bottom:1px solid #303641}
.activity-panel .inspector-heading h2{display:flex;align-items:center;gap:7px;margin:6px 0;color:#e6ecf4;font-size:15px}
.activity-panel .inspector-heading h2 svg{color:#9be0b7}
.activity-panel .inspector-heading small{color:#8c98a8;font-size:9px;overflow-wrap:anywhere}
.activity-panel-actions{display:flex;gap:5px}
.activity-panel-actions .icon-button{background:#20242c;border-color:#343b48;color:#b9c3d0}
.activity-panel-intro{font-size:9px;line-height:1.55;color:#8e99a9;margin:11px 0;padding:9px 10px;border:1px solid #303641;background:#1b1f26;border-radius:8px}
.activity-loading{display:flex;align-items:center;gap:7px;padding:15px;color:#aab4c1;font-size:10px}
.activity-empty{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;padding:26px 10px;color:#8c98a8;font-size:9px;line-height:1.5}
.activity-empty svg{color:#8ed9ad}.activity-empty strong{color:#d9e2ec;font-size:11px}
.activity-list{flex:1;min-height:0;overflow:auto;padding:4px 2px}
.activity-event{position:relative;padding:10px 7px 12px 9px;border-bottom:1px solid #2d333d}
.activity-event-line{display:flex;align-items:flex-start;gap:8px}
.activity-event-dot{width:7px;height:7px;flex:0 0 7px;border-radius:100%;background:#7bc99b;margin-top:4px;box-shadow:0 0 0 3px #294232}
.activity-event-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.activity-event-main strong{font-size:10px;color:#dce5ee;overflow-wrap:anywhere}
.activity-event-main span{font-size:9px;line-height:1.45;color:#9ca8b7;overflow-wrap:anywhere}
.activity-event-meta{display:flex;align-items:center;gap:5px;margin:6px 0 0 15px;color:#748194;font-size:8px}
.activity-event-meta time{font-variant-numeric:tabular-nums}
.activity-conflict{margin:7px 0 0 15px;padding:6px;background:#452a26;border-radius:5px;color:#ffc2a8;font-size:8px}
.activity-panel-footer{padding:10px 2px 2px;color:#738094;font-size:8px;line-height:1.5}
.spin{animation:flowcost-spin 1.1s linear infinite}@keyframes flowcost-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.activity-panel{width:100%;max-width:none;min-width:0;max-height:500px}.process-list-row{min-width:190px}}

.save-state.is-error{color:#ff8f91}
.save-state.is-error .offline-dot{background:#ff696e}
.save-state.is-syncing{color:#e4b16f}
.save-state.is-syncing .dirty-dot{background:#e4b16f}

/* FlowCost 0.5.2 — cross-account collaboration, online directory and access requests */
.online-page{max-width:1320px;margin:0 auto;width:100%}
.online-page-heading{align-items:center;gap:18px}
.online-page-heading h1{display:flex;align-items:center;gap:10px}
.online-page-heading h1 svg{color:#83d6b2}
.online-heading-status{display:flex;align-items:center;gap:9px;white-space:nowrap;padding:9px 12px;border:1px solid #2f4d40;border-radius:10px;background:#16271f;color:#c5f1db;font-size:12px;font-weight:700}
.online-section{margin-top:24px}
.online-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.online-section-heading h2{display:flex;align-items:center;gap:8px;margin:5px 0 0;font-size:17px;color:#edf1f7}
.online-section-heading h2 svg{color:#83d6b2}
.online-section-heading>small{color:#7f8998;font-size:11px}
.online-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;border-radius:20px;background:#24382d;color:#b5f0d2;font-size:12px;font-weight:800}
.online-user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,390px),1fr));gap:12px}
.online-user-card,.access-request-card{border:1px solid #2d333e;background:#171b22;border-radius:13px;overflow:hidden}
.online-user-card{padding:14px}
.online-user-card.is-self{border-color:#3b6b53;box-shadow:inset 0 0 0 1px #244b38}
.online-user-heading{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid #2a303a}
.online-avatar{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#263c31;color:#bdedd4;font-size:14px;font-weight:800}
.online-avatar-large{width:42px;height:42px;flex-basis:42px;font-size:16px}
.online-user-identity{min-width:0;display:flex;flex-direction:column;gap:4px}
.online-user-identity strong{font-size:13px;color:#eef2f7;overflow-wrap:anywhere}
.online-user-identity span{display:flex;align-items:center;gap:6px;color:#96a1b0;font-size:11px}
.presence-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65d39c;box-shadow:0 0 9px #65d39c55}
.online-user-processes{display:flex;flex-direction:column;gap:8px;padding-top:10px}
.online-process-row{display:flex;align-items:center;gap:8px;min-width:0;padding:9px;border:1px solid #2b313c;border-radius:9px;background:#1c212a}
.online-process-icon{width:27px;height:27px;flex:0 0 27px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#203a2e;color:#9de5bd}
.online-process-details{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.online-process-details strong{font-size:11px;color:#e6ebf2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.online-process-details small{font-size:10px;color:#8994a4;overflow-wrap:anywhere}
.online-process-row .button{flex:0 0 auto;white-space:nowrap}
.online-not-editing{padding:12px 8px;color:#818b9a;font-size:11px}
.online-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:130px;border:1px dashed #333b47;border-radius:12px;color:#8792a2;text-align:center;font-size:12px;padding:18px}
.online-empty strong{color:#d9e0e9;font-size:13px}
.online-empty span{max-width:480px;line-height:1.6}
.access-request-list{display:flex;flex-direction:column;gap:8px}
.access-request-card{display:flex;align-items:center;gap:11px;padding:12px}
.access-request-copy{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}
.access-request-copy strong{color:#eef2f7;font-size:12px}
.access-request-copy span{color:#b4bdca;font-size:11px;overflow-wrap:anywhere}
.access-request-copy small{display:flex;align-items:center;gap:5px;color:#7e8999;font-size:10px}
.access-request-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.online-page-footnote{margin-top:20px;padding:12px 14px;border:1px solid #303640;border-radius:10px;background:#151920;color:#8993a2;font-size:11px;line-height:1.6}
.access-denied-page{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;max-width:720px;min-height:65vh;margin:0 auto;padding:44px}
.access-denied-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #5a4935;border-radius:15px;background:#30261d;color:#f2b56c;margin-bottom:20px}
.access-denied-page h1{margin:8px 0 10px;font-size:26px;color:#f1f3f6}
.access-denied-page p{max-width:620px;color:#a1aaba;font-size:13px;line-height:1.7}
.access-denied-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
@media(max-width:760px){.online-page-heading{align-items:flex-start;flex-direction:column}.online-heading-status{max-width:100%}.online-process-row{flex-wrap:wrap}.online-process-details{flex-basis:calc(100% - 45px)}.online-process-row .button{margin-left:35px}.access-request-card{align-items:flex-start;flex-wrap:wrap}.access-request-actions{width:100%;justify-content:flex-start}.access-denied-page{padding:24px 17px}.access-denied-page h1{font-size:22px}}

/* v0.5.3: stable world-space collaboration cursors, process visibility, and creation form */
.process-delete-button{width:27px;flex:0 0 27px;display:grid;place-items:center;align-self:center;min-height:27px;border:1px solid transparent;border-radius:7px;background:transparent;color:#d88991;opacity:.48}
.process-delete-button:hover,.process-list-row:hover .process-delete-button{border-color:#61343d;background:#392329;color:#ffb2b9;opacity:1}
.process-list-item small{overflow-wrap:anywhere}
.process-create-modal{width:min(560px,100%);max-height:min(90vh,800px);overflow:auto}
.process-create-modal .field-label{margin-bottom:12px}
.process-create-modal textarea{width:100%;border:1px solid #3b424f;background:#20242c;color:#e5e9f0;border-radius:7px;padding:9px 10px;font-size:11px;resize:vertical}
.process-create-modal textarea:focus{outline:none;border-color:#559d7b;background:#232932;box-shadow:0 0 0 2px #4c9c7825}
.optional-label{font-size:8px;font-weight:500;color:#778394}
.process-visibility-fieldset{border:0;padding:0;margin:16px 0 0;min-width:0}
.process-visibility-fieldset legend{font-size:10px;font-weight:800;color:#d6dde7;margin-bottom:9px}
.process-visibility-option{display:grid;grid-template-columns:15px 28px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;margin-bottom:8px;border:1px solid #353d49;border-radius:9px;background:#1d2128;cursor:pointer}
.process-visibility-option.selected{background:#1b3127;border-color:#3c785a;box-shadow:0 0 0 1px #3c785a33}
.process-visibility-option input{width:14px;height:14px;margin:3px 0 0;accent-color:#72c5a1}
.visibility-option-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #3a4350;border-radius:7px;background:#222831;color:#a7e4bf}
.process-visibility-option strong{display:block;color:#e5ebf3;font-size:10px;margin:1px 0 5px}
.process-visibility-option small{display:block;color:#929eae;font-size:9px;line-height:1.5}
.visibility-option-check{color:#8fdfb1;margin-top:5px}
.inline-form-error{padding:9px 11px;margin-top:10px;border:1px solid #64323a;border-radius:7px;background:#351f24;color:#ffb5bd;font-size:10px}
.process-create-modal .button:disabled{opacity:.55;cursor:not-allowed}

/* Email verification and admin registration review (v0.5.4). */
.auth-notice{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;margin:12px 0;border:1px solid #315844;border-radius:8px;background:#1b2c23;color:#b9edcc;font-size:10px;line-height:1.55}
.auth-notice>svg{flex:0 0 auto;margin-top:1px}.auth-notice.is-warning{border-color:#735a35;background:#332a1d;color:#f3d4a1}
.auth-resend-toggle{display:flex;justify-content:center;margin-top:13px}.auth-resend-toggle .text-button{display:inline-flex;align-items:center;gap:5px;color:#9ac8e3;font-size:10px}
.auth-resend-form{padding:12px;margin-top:10px;border:1px solid #303844;border-radius:9px;background:#15181e}.auth-resend-form small{display:block;margin-top:8px;color:#8490a0;font-size:9px;line-height:1.5}
.auth-security-note{display:flex;justify-content:center;align-items:center;gap:5px}.auth-security-note svg{flex:0 0 auto;color:#91d7ad}
.registration-list{display:flex;flex-direction:column;gap:9px;margin-top:16px}.registration-card{display:flex;align-items:center;gap:12px;padding:13px;background:#191d24;border:1px solid #303742;border-radius:10px}.registration-avatar{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #33543f;border-radius:9px;background:#203228;color:#a8e4bf}.registration-identity{flex:1;min-width:150px}.registration-identity strong{display:block;color:#e9edf4;font-size:12px}.registration-identity span,.registration-identity small{display:flex;align-items:center;gap:5px;margin-top:5px;color:#9aa6b5;font-size:10px;overflow-wrap:anywhere}.registration-identity small{color:#788596;font-size:9px}.registration-status-column{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:160px}.registration-status{padding:5px 7px;border:1px solid #66522e;border-radius:99px;background:#30291d;color:#edcb8e;font-size:9px;font-weight:750}.registration-status.is-verified{border-color:#315a42;background:#1e3025;color:#a6e2ba}.registration-status-column small{color:#8490a0;font-size:9px}.registration-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.registration-actions .button{white-space:nowrap}
@media(max-width:900px){.registration-card{align-items:flex-start;flex-wrap:wrap}.registration-identity{min-width:calc(100% - 55px)}.registration-status-column{margin-left:47px;min-width:0;flex:1}.registration-actions{width:100%;justify-content:flex-start;margin-left:47px}}


/* Project parameter nodes and safe formula editors (v0.5.5). */
.parameters-node{width:245px;background:var(--node-bg,#2a203b);border:1.5px solid var(--node-border,#9366ce);box-shadow:0 0 0 1px #50366a55,0 7px 20px #0004}.parameters-node .node-symbol{font-size:9px;font-weight:900}.parameter-node-list{display:grid;gap:5px;margin-top:10px}.parameter-node-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;padding:6px 7px;background:#ffffff09;border:1px solid #ffffff13;border-radius:6px}.parameter-node-row code{font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--node-accent,#ddc2ff);overflow-wrap:anywhere}.parameter-node-row strong{font:800 11px Manrope,sans-serif;color:#f5f1fc}.parameter-node-row span{grid-column:1/-1;font-size:8px;color:#9e91b6}.parameter-node-empty{padding:10px 7px;margin-top:8px;background:#ffffff08;border-radius:6px;font-size:9px;color:#b9abc9}.parameters-tool{color:#b69be7!important;border-color:#564572!important}.parameters-tool:hover{background:#272035!important;border-color:#9366ce!important}.parameter-editor-card{padding:9px;margin:8px 0;border:1px solid #433651;border-radius:8px;background:#211c2a}.parameter-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:#d8c5f4;font-size:10px;font-weight:800}.parameter-editor-card .compact-field{display:flex;flex-direction:column;gap:4px;margin:7px 0;color:#9da6b6;font-size:9px}.parameter-editor-card input,.formula-field-label input{width:100%;min-width:0;border:1px solid #3b424f;border-radius:6px;background:#20242c;color:#e5e9f0;padding:7px 8px;font-size:10px}.parameter-value-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.formula-hint{display:flex;flex-direction:column;gap:6px}.formula-hint strong{color:#d5bdff}.formula-hint code{display:block;padding:6px 7px;background:#17141d;border:1px solid #3f334e;border-radius:5px;color:#d7bbff;font-size:9px;overflow-wrap:anywhere}.formula-hint span{font-size:9px;color:#a5adbb}.formula-field-label{display:flex;flex-direction:column;gap:5px;margin-top:8px}.formula-field-label .optional-label{font-size:8px;color:#8e98a9}.formula-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center;margin:6px 0 10px;padding:8px 9px;border:1px solid #365c49;border-radius:7px;background:#192a23}.formula-result span{font-size:9px;color:#a8c7b5}.formula-result strong{font-size:11px;color:#b9f1ce}.formula-result small{grid-column:1/-1;color:#ff9ba5;font-size:9px;line-height:1.45}.formula-result.has-error{border-color:#783a45;background:#321e24}.formula-result.has-error strong{color:#ffb3bc}.formula-errors{margin:9px 0;padding:9px 10px;border:1px solid #7a3d47;border-radius:7px;background:#311e24;color:#ffbac3;font-size:9px;line-height:1.5}.formula-errors strong{display:block;margin-bottom:5px}.formula-errors>div{margin-top:3px;overflow-wrap:anywhere}.estimate-formula-errors{margin:8px 12px}
.parameter-node-duration{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;margin-top:8px;border:1px solid var(--node-border);border-radius:8px;background:var(--node-soft)}.parameter-node-duration span{color:#aab4c1;font-size:10px}.parameter-node-duration strong{color:var(--node-accent);font-size:11px}


/* DA Krug brand refresh and compact responsive workbench (v0.5.6). */
:root{--green:#ED1527;--green-dark:#54141A;--orange:#F03226;--soft-green:#2b1b20;--krug-red:#ED1527;--krug-red-hot:#F03226;--krug-wine:#54141A;--krug-cream:#F5F4D7}
.button.primary{background:var(--krug-red);border-color:var(--krug-red);color:#fff}.button.primary:hover:not(:disabled){background:var(--krug-red-hot);border-color:var(--krug-red-hot)}
.brand-mark{background:var(--krug-red);border-radius:10px;box-shadow:0 5px 16px #ed15272c}.brand-mark svg{stroke-width:2.6}.nav-link.active,.nav-link:hover,.process-list-item.active{background:#301b22;border-color:#5d3038;color:#ffe3e5}.process-list-item.active .list-item-icon{background:#4b222b;border-color:#73323d}.live-dot{background:#66d49b}.tool-button.active,.view-mode-button.active{background:#371d24!important;border-color:#7c303c!important;color:#ffd7dc!important}.react-flow__handle{background:#ED1527!important}.react-flow__edge.selected .react-flow__edge-path{stroke:#F03226!important}.process-node.node-selected,.group-node.node-selected{border-color:#ED1527;box-shadow:0 0 0 2px #ed152755,0 10px 26px #0005}
.topbar{position:relative;z-index:20;gap:10px}.topbar-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.process-heading{min-width:0}.process-meta-fields{display:flex;align-items:center;gap:12px;min-width:0}.process-description-input{flex:1;min-width:0}.share-topbar-button{flex:0 0 auto}.topbar-metrics{display:flex;align-items:center;gap:12px}.topbar-metric{display:flex;flex-direction:column;gap:2px;min-width:85px}.topbar-metric span{font-size:9px;color:#9aa3b2;display:flex;align-items:center;gap:4px}.topbar-metric strong{font-size:12px;color:#f3f4f7;white-space:nowrap}.hamburger-menu-trigger{flex:0 0 auto}.topbar-menu-popover{max-height:calc(100vh - 80px);overflow:auto}.canvas-toolbar{flex-wrap:wrap;overflow:visible;justify-content:flex-start;align-items:center}.canvas-toolbar>.toolbar-group{flex:0 1 auto;flex-wrap:wrap;min-width:0}
.selection-action-bar{position:absolute;z-index:30;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:5px 7px;background:#1b1e25;border:1px solid #414754;border-radius:10px;box-shadow:0 8px 24px #0006;color:#dce2ec;white-space:nowrap;max-width:calc(100% - 18px)}.selection-action-bar>span{padding:0 7px;font-size:10px;font-weight:800;color:#9fa9b8}.selection-action-bar button{display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;background:transparent;color:#dfe4ed;border-radius:6px;padding:7px 8px;font-size:10px;font-weight:700}.selection-action-bar button:hover{background:#2a303a;border-color:#434b58}.selection-action-bar .selection-delete-action{color:#ffadb6}.selection-action-bar .selection-delete-action:hover{background:#3c2229;border-color:#6d343e}.draw-mode-banner{position:absolute;z-index:32;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100% - 16px);padding:7px 9px;border:1px solid #7d3740;border-radius:9px;background:#2b1b21;color:#ffe0e3;font-size:10px;box-shadow:0 6px 22px #0005}.draw-mode-banner>span{max-width:min(470px,55vw)}.draw-capture-layer{position:absolute;inset:0;z-index:31;cursor:crosshair;touch-action:none;background:#0b0d1206}.draw-preview-layer{position:absolute;z-index:32;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.draw-preview-layer path{fill:none;stroke:#ED1527;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.process-drawing-node{position:relative;min-width:10px;min-height:10px;overflow:visible;pointer-events:auto;background:transparent;border:0;filter:drop-shadow(0 1px 1px #0003)}.process-drawing-node svg{display:block;overflow:visible}.process-drawing-node.node-selected{outline:1px dashed #ED1527;outline-offset:2px}
.share-link-card,.share-visibility-card{display:flex;align-items:center;gap:10px;padding:11px;margin:10px 0;border:1px solid #333b47;border-radius:10px;background:#1e222a}.share-link-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #51313a;border-radius:8px;color:#ffb8c0;background:#311c23}.share-link-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.share-link-copy strong{font-size:11px;color:#edf0f5}.share-link-copy small{font-size:9px;line-height:1.4;color:#99a4b3;overflow-wrap:anywhere}.share-visibility-card select{max-width:145px;flex:0 0 auto;padding:8px;background:#20242c;border:1px solid #3b424f;border-radius:7px;color:#dfe5ee;font-size:10px}.share-requests{margin:14px 0}.share-requests .section-divider{display:flex;justify-content:space-between;align-items:center}.share-requests .section-divider span{display:flex;align-items:center;gap:6px}.share-requests .section-divider b{font-size:10px;color:#ffb3bc}.share-request-row{flex-wrap:wrap}.share-user-copy{flex:1;min-width:100px;display:flex;flex-direction:column;gap:4px}.share-user-copy strong{font-size:10px;color:#e8edf4}.share-user-copy small{font-size:9px;color:#97a2b2;overflow-wrap:anywhere}.share-list-heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px}.share-list-heading strong{font-size:11px;color:#e9edf4}.share-list-heading small{font-size:9px;color:#929dad}.share-error{margin:9px 0}.share-invite-form{grid-template-columns:minmax(0,1fr) minmax(115px,.6fr) auto}
.role-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:12px 0 20px}.role-card{border:1px solid #343b47;border-radius:12px;background:#191d24;overflow:hidden}.role-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px;border-bottom:1px solid #303641}.role-card-heading>div:first-child{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:8px}.role-card-icon{grid-row:span 2;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#351c24;color:#ff9da7}.role-card-heading h3{font-size:12px;color:#f0f2f6;margin:0;overflow-wrap:anywhere}.role-card-heading small{margin-top:3px;font-size:9px;color:#99a3b2}.role-card-actions{display:flex;align-items:center;gap:4px}.role-grade-list{padding:5px 12px}.role-grade-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 2px;border-bottom:1px solid #2b3039}.role-grade-item:last-child{border-bottom:0}.role-grade-item span{display:flex;flex-direction:column;gap:5px}.role-grade-item strong{font-size:10px;color:#e2e7ef}.role-grade-item em{width:max-content;padding:3px 5px;border-radius:4px;background:#351d24;color:#ffafb7;font-size:8px;font-style:normal}.role-grade-item b{font-size:10px;white-space:nowrap;color:#f8f0f0}.role-editor-modal{width:min(760px,100%);max-height:90vh;overflow:auto}.role-editor-grade-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:15px 0 8px}.role-editor-grade-header strong{font-size:11px;color:#edf0f5}.role-editor-grade-header .field-help{margin-top:6px}.role-editor-grades{display:flex;flex-direction:column;gap:7px}.role-editor-grade-row{display:grid;grid-template-columns:minmax(145px,1fr) minmax(100px,.65fr) minmax(95px,.6fr) auto 30px;align-items:end;gap:8px;padding:10px;background:#20242c;border:1px solid #353c48;border-radius:9px}.role-editor-grade-row .field-label{margin:0;font-size:9px}.role-editor-grade-row input,.role-editor-grade-row select{width:100%;min-width:0;margin-top:5px;padding:8px;border:1px solid #3b424f;border-radius:6px;background:#191d24;color:#e5e9f0;font-size:10px}.role-default-radio{display:flex;align-items:center;gap:5px;padding-bottom:8px;color:#bfc7d3;font-size:9px;white-space:nowrap}.role-default-radio input{accent-color:#ED1527;margin:0;width:auto}.team-department-row td{background:#22252d!important;color:#ffb8c0!important;font-weight:800;letter-spacing:.2px}.team-department-row td svg{vertical-align:middle;margin-right:5px}.team-department-row small{margin-left:7px;color:#9da7b5;font-weight:500}
.confirm-delete-modal{width:min(430px,100%)}
@media(max-width:1250px){.topbar{min-height:0;padding:8px 11px;gap:8px}.topbar-left{gap:7px}.process-name-input{font-size:17px}.process-meta-fields .process-description-input,.process-meta-fields .process-folder-input{display:none}.breadcrumb{display:none}.topbar-metrics{display:none}.topbar-right{gap:6px}.share-topbar-button{padding:8px 10px}.hamburger-menu-trigger{padding:8px 9px}.canvas-toolbar{gap:6px;padding:6px 8px;min-height:42px}.tool-button{padding:6px 7px;font-size:9px}.toolbar-label{display:none}.library-group select{max-width:130px}.workspace{min-height:calc(100vh - 170px)}}
@media(max-width:1080px){.topbar{flex-direction:row;align-items:center;flex-wrap:nowrap}.topbar-left{min-width:0}.process-heading{min-width:0}.process-name-input{font-size:16px}.topbar-right{flex:0 0 auto}.share-topbar-button{font-size:0;width:34px;height:34px;padding:0}.share-topbar-button svg{flex:0 0 auto}.hamburger-menu-trigger{font-size:0;width:34px;height:34px;justify-content:center;padding:0;gap:0}.hamburger-menu-trigger svg:last-child{display:none}.topbar-menu-popover{position:absolute;right:8px;top:calc(100% + 6px);left:auto;width:min(390px,calc(100vw - 16px));z-index:100}.sidebar{width:210px;min-width:210px}.inspector{width:260px;min-width:250px}.canvas-toolbar{overflow:visible;flex-wrap:wrap;align-items:center}.canvas-toolbar>.toolbar-group{flex-wrap:wrap}.toolbar-group .tool-button{flex:0 1 auto}.role-editor-grade-row{grid-template-columns:minmax(120px,1fr) minmax(90px,.65fr) minmax(80px,.55fr) auto 28px;gap:5px}}
@media(max-width:790px){.app-shell{flex-direction:column}.sidebar{width:100%;min-width:0;min-height:0;max-height:220px;overflow:auto;padding:8px 10px}.brand{padding:0 4px 8px}.process-sort{display:none}.sidebar-bottom{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.sidebar .user-sidebar-row{display:flex;flex:1 0 100%;min-width:0;padding:8px 7px 0;margin-top:6px}.nav-link{width:auto;flex:0 0 auto;padding:7px 9px;font-size:10px}.process-list{max-height:88px}.process-list-row{min-width:180px}.topbar{padding:7px 8px}.process-name-input{font-size:14px;letter-spacing:-.2px}.topbar-right{gap:4px}.workspace{min-height:0}.canvas-toolbar{max-width:100%;overflow:visible;flex-wrap:wrap}.canvas-toolbar .tool-button{font-size:9px}.toolbar-group{gap:4px;flex-wrap:wrap}.selection-action-bar{left:8px;right:8px;transform:none;max-width:calc(100% - 16px);flex-wrap:wrap;justify-content:center;overflow:visible}.selection-action-bar button{font-size:9px;padding:6px}.draw-mode-banner{left:8px;transform:none}.role-editor-grade-row{grid-template-columns:minmax(0,1fr) minmax(90px,.7fr) 28px;align-items:center}.role-editor-grade-row .field-label:nth-child(3){grid-column:1/2}.role-default-radio{grid-column:2/3;grid-row:2}.role-editor-grade-row>.icon-button{grid-column:3;grid-row:1}.share-visibility-card{align-items:flex-start;flex-wrap:wrap}.share-visibility-card select{margin-left:42px;max-width:none;flex:1}.share-invite-form{grid-template-columns:1fr 1fr}.share-invite-form input{grid-column:1/-1}.share-invite-form button{grid-column:1/-1}.share-request-row .share-user-copy{min-width:calc(100% - 48px)}}
@media(max-width:480px){.topbar{gap:4px}.sidebar-toggle{width:29px;height:29px}.share-topbar-button,.hamburger-menu-trigger{width:31px;height:31px}.process-name-input{font-size:13px}.role-card-grid{grid-template-columns:1fr}.role-editor-grade-row{grid-template-columns:minmax(0,1fr) minmax(90px,.8fr) 27px;padding:7px}.role-editor-grade-row .role-default-radio{grid-column:1/3;grid-row:auto}.role-editor-grade-row .field-label:nth-child(3){grid-column:1/3}.role-editor-grade-row>.icon-button{grid-column:3;grid-row:1}.share-link-card,.share-visibility-card{padding:9px;gap:7px}.share-link-card>.button{font-size:9px}.selection-action-bar>span{font-size:9px;padding:0 3px}.selection-action-bar button{font-size:0;gap:0}.selection-action-bar button svg{width:15px;height:15px}.draw-mode-banner>span{font-size:9px}}


/* v0.5.6 — reusable, persistent hint disclosure controls */
.collapsible-hint{min-width:0;border:1px solid #353d49;border-radius:8px;background:#1d2129;color:#a0aaba;overflow:hidden;margin:8px 0}
.collapsible-hint-toggle{width:100%;display:flex;align-items:center;gap:7px;padding:8px 9px;border:0;background:transparent;color:#bdc6d3;text-align:left;font-family:inherit;font-size:9px;line-height:1.4;font-weight:700;cursor:pointer}
.collapsible-hint-toggle span{flex:1;min-width:0}
.collapsible-hint-toggle svg:last-child{color:#788596;flex:0 0 auto}
.collapsible-hint-toggle:hover{background:#242933;color:#edf1f6}
.collapsible-hint-content{padding:0 10px 10px;font-size:10px;line-height:1.55}
.collapsible-hint-content code{display:block;margin:6px 0 3px;padding:5px 6px;border-radius:5px;background:#111419;color:#ffb5bd;font-size:9px;overflow-wrap:anywhere}
.collapsible-hint-content>span{display:block;color:#8995a5;font-size:9px;margin-bottom:7px}
.collapsible-hint.hint-box{padding:0;background:#20242c;border-color:#353d49}
.hint-collapsible .collapsible-hint-content{color:#a0aaba}
.hint-collapsible.decision-hint{display:block;margin:12px 0;padding:0}
.hint-collapsible.decision-hint .collapsible-hint-content{display:flex;gap:8px;align-items:flex-start;color:#ecc68b}
.hint-collapsible.decision-hint .collapsible-hint-content svg{flex:0 0 auto;margin-top:1px}
.legacy-stage-tools-hint{margin:9px 0 12px;border-style:dashed}
.legacy-stage-tools-hint .collapsible-hint-content .field-help{margin-top:2px}
/* Krug brand accents: stronger hierarchy with compact actions on smaller viewports. */
.topbar .button.primary,.button.primary{background:#ED1527;border-color:#ED1527;color:#fff}
.topbar .button.primary:hover,.button.primary:hover{background:#F03226;border-color:#F03226}
.nav-link.active,.sidebar .nav-link[aria-current="page"]{border-color:#54141A;background:#321b20;color:#fff0f0}
.process-list-item.active{box-shadow:inset 3px 0 0 #ED1527}

.department-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:transparent;color:#ffb8c0;font:inherit;font-weight:800;cursor:pointer}.department-toggle small{margin-left:3px;color:#9da7b5;font-weight:500}.department-toggle:hover{color:#fff}

/* FlowCost v0.5.8 — company directory, compensation builder, administration and focused toolbars */
.sidebar .brand-logo{max-height:35px;max-width:35px;padding:5px;box-sizing:content-box;object-fit:contain;flex:0 0 35px}
.process-search{display:flex;align-items:center;gap:7px;margin:4px 0 8px;padding:8px 9px;border:1px solid #353b46;border-radius:9px;background:#171a20;color:#7f8a9c}
.process-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f5f4f7;font:inherit;font-size:11px}
.process-search:focus-within{border-color:#ed1527;box-shadow:0 0 0 2px #ed152722}
.search-clear{border:0;background:transparent;color:#8a94a3;font-size:17px;cursor:pointer}
.process-sort label{display:flex;align-items:center;gap:5px}.process-sort select{min-width:0;max-width:100%}
.sidebar .nav-link{font-size:11px}.sidebar .brand-product span{font-size:9px;letter-spacing:.02em}
.canvas-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid #2a3039;background:#191c22}
.toolbar-group{display:flex;align-items:center;gap:5px;min-width:0;padding-right:7px;border-right:1px solid #2f3540}
.toolbar-group:last-child{border-right:0;padding-right:0}
.toolbar-primary-actions .tool-button,.view-toggle-group .tool-button,.utility-toolbar .tool-button{min-height:32px;border-radius:8px;font-size:10px;white-space:nowrap}
.toolbar-menu-group{position:relative;flex:0 0 auto}
.toolbar-menu-group>summary{display:flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid #3a414d;border-radius:8px;background:#242832;color:#e2e6ee;font-size:10px;font-weight:750;list-style:none;cursor:pointer;white-space:nowrap;user-select:none}
.toolbar-menu-group>summary::-webkit-details-marker{display:none}
.toolbar-menu-group>summary:hover,.toolbar-menu-group[open]>summary{border-color:#ed1527;background:#351a21;color:#fff}
.toolbar-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:80;display:flex;flex-direction:column;gap:3px;min-width:210px;padding:6px;border:1px solid #3b414c;border-radius:11px;background:#1b1e25;box-shadow:0 14px 40px #0008}
.toolbar-dropdown-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:#dce1ea;text-align:left;font:inherit;font-size:11px;cursor:pointer}
.toolbar-dropdown-menu button:hover:not(:disabled){background:#30212a;color:#fff}.toolbar-dropdown-menu button:disabled{opacity:.42;cursor:not-allowed}
.toolbar-dropdown-menu select{max-width:100%;margin:2px 1px 5px;padding:8px;border:1px solid #373e49;border-radius:7px;background:#101318;color:#e5e7ec}
.toolbar-dropdown-right{left:auto;right:0}.library-toolbar-menu{margin-left:auto}.library-dropdown{width:250px;left:auto;right:0}
.bpmn-lane button{background-color:#301b22;border-color:#65313d;color:#f5e7e9;border-radius:8px;transition:background .15s,border-color .15s,transform .15s}.bpmn-lane button:hover{background-color:#49212b;border-color:#ED1527;transform:translateY(-1px)}
.bpmn-board{padding:22px;overflow:visible;min-width:0;color:#ececf1}
.responsibility-board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 2px 18px;border-bottom:1px solid #303540}
.responsibility-board-heading h2{margin:5px 0 8px;font-size:22px;letter-spacing:-.035em;color:#fff}.responsibility-board-heading p{max-width:720px;margin:0;color:#9aa5b5;font-size:12px;line-height:1.65}
.autogen-badge{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 10px;border:1px solid #55313a;border-radius:999px;background:#28181e;color:#ffb8c0;font-size:10px;font-weight:800}
.bpmn-legend{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:13px 2px;color:#abb3c0;font-size:10px}.bpmn-legend>span{display:flex;align-items:center;gap:6px}.bpmn-legend-event,.bpmn-legend-task,.bpmn-legend-gateway{display:inline-block;width:14px;height:10px;border:1px solid #ed1527;border-radius:4px;background:#351b22}.bpmn-legend-event{width:11px;height:11px;border-radius:50%;border-color:#e78b94;background:#301b22}.bpmn-legend-gateway{width:10px;height:10px;transform:rotate(45deg);border-color:#f5c86d;background:#3a2c19}
.bpmn-swimlanes{display:flex;flex-direction:column;gap:12px;padding:4px 0 20px}
.bpmn-lane{display:grid;grid-template-columns:minmax(160px,195px) minmax(0,1fr);min-height:125px;border:1px solid #37303a;border-radius:13px;overflow:hidden;background:#15171d;box-shadow:0 5px 20px #0002}
.bpmn-lane-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:15px;background:linear-gradient(145deg,#29171e,#1e2027);border-right:1px solid #45303a}
.bpmn-lane-label .lane-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#ed15271d;color:#ff7480;border:1px solid #ed152742}
.bpmn-lane-label strong{color:#f7f0f2;font-size:12px;line-height:1.4}.bpmn-lane-label small{color:#8f9aa9;font-size:10px}
.bpmn-lane-track{display:flex;align-items:stretch;align-content:flex-start;flex-wrap:wrap;gap:12px;min-width:0;min-height:125px;padding:18px;overflow:visible;background-image:linear-gradient(#242830 1px,transparent 1px),linear-gradient(90deg,#242830 1px,transparent 1px);background-size:24px 24px}
.bpmn-element{position:relative;display:flex;flex:1 1 220px;min-width:min(220px,100%);max-width:100%;flex-direction:column;align-items:flex-start;gap:8px;min-height:95px;padding:13px 14px;border:1px solid #64313d;border-radius:11px;background:linear-gradient(145deg,#301b22,#21191f)!important;color:#e9eaf0;box-shadow:0 7px 18px #0003;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.bpmn-element:hover{transform:translateY(-2px);border-color:#ed1527;box-shadow:0 10px 24px #0005,0 0 0 1px #ed15272b}
.bpmn-element-type{display:flex;align-items:center;gap:5px;color:#ff9ba4;font-size:8px;font-weight:900;letter-spacing:.12em}
.bpmn-element strong{display:block;max-width:100%;color:#fff;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.bpmn-work-items{display:flex;flex-direction:column;gap:3px;width:100%;color:#bec4ce;font-size:10px}.bpmn-work-items span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bpmn-element-meta{margin-top:auto;color:#dfc6cb;font-size:9px}.bpmn-element-id{align-self:flex-end;color:#8b7580;font-family:ui-monospace,monospace;font-size:8px}
.bpmn-task{border-left:3px solid #ed1527}.bpmn-event{display:flex;flex:0 1 126px;min-width:min(126px,100%);justify-content:center;min-height:80px;border-radius:999px;border-color:#68788b;background:linear-gradient(145deg,#202f3a,#1a2028)!important}.bpmn-event .bpmn-element-type{color:#b6d6e9}.bpmn-start{border-color:#66ba90}.bpmn-start .bpmn-element-type{color:#a3edc3}.bpmn-end{border-color:#ed777f}.bpmn-end .bpmn-element-type{color:#ff9ba4}
.bpmn-gateway{border-color:#bc9651;background:#31281a!important}.bpmn-gateway .bpmn-element-type{color:#f5d18b}
.bpmn-flow-arrow{display:grid;place-items:center;flex:0 0 20px;color:#646d7b;align-self:center}.bpmn-flow-arrow.is-connected{color:#ed5664;filter:drop-shadow(0 0 4px #ed152755)}.bpmn-lane-empty{color:#6e7989;font-size:11px}
.bpmn-routes{margin-top:3px;padding:16px;border:1px solid #303540;border-radius:12px;background:#181b22}.bpmn-route-list{display:flex;flex-direction:column;gap:7px}.bpmn-route-row{display:grid;grid-template-columns:minmax(100px,1fr) 16px minmax(85px,.7fr) 16px minmax(100px,1fr);align-items:center;gap:8px;padding:9px 10px;border:1px solid #303642;border-radius:8px;background:#1f222a;color:#b4bdc9;font-size:10px}.bpmn-route-row strong{color:#f2e7ea}.bpmn-route-row>svg{color:#ed6670}
.admin-console-page,.company-directory-page{max-width:1500px;width:100%;margin:0 auto;padding:26px clamp(14px,2.5vw,34px) 48px;box-sizing:border-box;color:#eff0f4}
.admin-console-heading,.company-directory-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-console-heading h1,.company-directory-heading h1{display:flex;align-items:center;gap:10px;margin:6px 0 7px;font-size:clamp(23px,2vw,30px);letter-spacing:-.04em}.admin-console-heading p,.company-directory-heading p{max-width:760px;margin:0;color:#99a4b3;font-size:12px;line-height:1.65}.admin-console-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:5px;margin:0 0 18px;border:1px solid #303641;border-radius:12px;background:#171a20}.admin-console-tabs button{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9da7b5;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.admin-console-tabs button.active{border-color:#5b2832;background:#321a21;color:#fff}.admin-console-tabs button:hover{color:#fff;background:#22262e}
.admin-stat-grid,.org-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.admin-stat-grid article,.org-summary article{display:grid;grid-template-columns:28px 1fr;align-items:center;column-gap:7px;padding:15px;border:1px solid #303641;border-radius:12px;background:linear-gradient(145deg,#1e222a,#181b21)}.admin-stat-grid article>svg,.org-summary article>svg{grid-row:span 2;color:#ff6975}.admin-stat-grid article span,.org-summary article span{color:#96a2b1;font-size:10px}.admin-stat-grid article strong,.org-summary article strong{color:#fff;font-size:22px;line-height:1.2}
.admin-card{margin:14px 0;padding:16px;border:1px solid #303641;border-radius:13px;background:#191c23;box-shadow:0 6px 22px #0002}.admin-card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.admin-card-heading h2,.admin-card-heading h3{margin:0 0 4px;color:#f6f5f6;font-size:16px}.admin-card-heading p{margin:0;color:#8f9aaa;font-size:10px;line-height:1.5}.admin-search{display:flex;align-items:center;gap:7px;min-width:210px;padding:8px 10px;border:1px solid #353c48;border-radius:8px;background:#111419;color:#8995a5}.admin-search input{min-width:0;border:0;outline:0;background:transparent;color:#f2f3f5;font:inherit;font-size:11px}.admin-table-scroll{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:11px}.admin-table th{padding:10px 9px;background:#20242c;color:#8e9aa9;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.admin-table td{padding:11px 9px;border-bottom:1px solid #2e333e;color:#c1c8d2;vertical-align:middle}.admin-table td strong{display:block;color:#f2f4f7}.admin-table td small{display:block;margin-top:4px;color:#778394;font-family:ui-monospace,monospace;font-size:9px}.admin-table select{min-width:130px;padding:6px;border:1px solid #424954;border-radius:7px;background:#15181e;color:#eee}.admin-role-pill{display:inline-flex;padding:5px 8px;border:1px solid #393f49;border-radius:99px;color:#c5ccd5;font-size:9px;white-space:nowrap}.admin-role-pill.admin{border-color:#704127;background:#322519;color:#f2c99d}.admin-role-pill.root{border-color:#6c2933;background:#35191f;color:#ffb1b8}.admin-log-preview,.server-log-window{display:flex;flex-direction:column;gap:5px;max-height:480px;overflow:auto;padding:10px;border:1px solid #2b3039;border-radius:9px;background:#101216}.admin-log-preview code,.server-log-window code{color:#9fabb9;font-family:ui-monospace,monospace;font-size:10px;line-height:1.55;overflow-wrap:anywhere}.server-log-window code.log-error{color:#ff8f99}.server-log-window code.log-warning{color:#f1ca86}.server-log-window>p{color:#8e9aaa;font-size:11px}.admin-log-actions{display:flex;gap:6px;align-items:center}.admin-log-actions select{padding:7px 8px;border:1px solid #3b414c;border-radius:7px;background:#111419;color:#d9dfe7}.audit-heading{margin-top:20px}.audit-event-list{display:flex;flex-direction:column;gap:6px}.audit-event-list>div{display:grid;grid-template-columns:150px 135px 1fr;gap:8px;padding:9px 10px;border-radius:7px;background:#20242c;color:#b6bfcc;font-size:10px}.audit-event-list time,.audit-event-list small{color:#8692a2}.audit-event-list small{grid-column:2/-1;overflow-wrap:anywhere}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-password-field{grid-column:1/-1}.admin-settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.admin-security-note{padding:10px;border:1px dashed #414751;border-radius:8px;color:#9ca7b5;font-size:10px;line-height:1.6}.admin-console-page .error-banner,.admin-console-page .success-banner{display:flex;align-items:center;gap:8px;margin:10px 0}.admin-console-page .error-banner button{margin-left:auto}
.company-heading-actions{display:flex;gap:7px}.org-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.org-tree{display:flex;flex-direction:column;gap:12px}.org-department{overflow:hidden;border:1px solid #3d3037;border-radius:13px;background:#191c23;box-shadow:0 7px 22px #0002}.org-department-header{display:flex;align-items:center;gap:9px;padding:12px 14px;background:linear-gradient(100deg,#301b22,#22212a);border-bottom:1px solid #402b33}.org-department-header>svg{color:#ff838d}.org-collapse{display:grid;place-items:center;padding:3px;border:0;background:transparent;color:#b5beca;cursor:pointer}.org-department-header>div:not(.org-department-actions){display:flex;flex-direction:column;gap:3px}.org-department-header strong{font-size:12px;color:#fff}.org-department-header small{font-size:9px;color:#96a1b0}.org-department-spacer{flex:1}.org-department-actions{display:flex;align-items:center;gap:4px}.org-department-content{padding:8px 10px}.org-department-content .org-department{margin:10px 0 3px 22px}.org-person-row{display:flex;align-items:center;gap:9px;min-height:52px;padding:8px 9px;margin:3px 0 3px calc(var(--org-depth,0)*22px);border:1px solid #2c323c;border-radius:9px;background:#20242c}.org-person-row:hover{border-color:#61303a;background:#26232b}.org-person-avatar{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#38212a;color:#ff8e98}.org-person-primary{display:flex;flex-direction:column;gap:3px;min-width:150px;flex:1}.org-person-primary strong{color:#f0f2f6;font-size:11px}.org-person-primary span{color:#919eae;font-size:9px}.org-person-rate{display:flex;flex-direction:column;gap:3px;min-width:130px}.org-person-rate small{color:#8792a2;font-size:8px}.org-person-rate strong{color:#f5d4d8;font-size:10px}.org-person-actions{display:flex;gap:2px}.org-empty{padding:10px 12px;color:#778394;font-size:10px}.org-empty-state{display:flex;flex-direction:column;align-items:center;gap:9px;padding:45px 15px;border:1px dashed #434954;border-radius:13px;background:#181b21;color:#8d9aaa;text-align:center}.org-empty-state strong{color:#e7eaf0}.org-empty-state p{margin:0;font-size:11px}.org-employee-modal{width:min(800px,100%)}.org-employee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.org-rate-explanation{margin:8px 0;padding:10px;border:1px solid #3c343b;border-radius:8px;background:#241d23;color:#c7aeb7;font-size:10px;line-height:1.6}
.compensation-builder{margin:14px 0 4px;padding:14px;border:1px solid #47333a;border-radius:12px;background:linear-gradient(150deg,#1c1d25,#211b22);color:#e9eaf0}.compensation-builder-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.compensation-builder-heading h3{display:flex;align-items:center;gap:7px;margin:5px 0;color:#fff;font-size:14px}.compensation-builder-heading h3 svg{color:#ff7b88}.compensation-builder-heading p{margin:0;max-width:530px;color:#97a1af;font-size:10px;line-height:1.55}.compensation-enable{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:8px 10px;border:1px solid #66343d;border-radius:8px;background:#301b22;color:#ffdce0;font-size:10px}.compensation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}.compensation-metrics article{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px;border:1px solid #34303a;border-radius:8px;background:#191a21}.compensation-metrics span{color:#939eae;font-size:9px}.compensation-metrics strong{color:#f6d9dd;font-size:12px;overflow-wrap:anywhere}.compensation-block-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}.compensation-block{min-width:0;padding:10px;border:1px solid #37323d;border-radius:9px;background:#191a21}.compensation-block-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.compensation-block-number{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#38212a;color:#ff9aa3;font-size:10px;font-weight:700}.compensation-block-toggle{display:flex;align-items:center;gap:5px;margin-left:auto;color:#a3adba;font-size:9px}.compensation-block-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compensation-block-fields .field-label{min-width:0;margin:0;font-size:9px}.compensation-block-fields .field-label input,.compensation-block-fields .field-label select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-top:4px;padding:7px 8px;font-size:10px}.compensation-block-fields .field-label small{display:block;color:#818e9e;font-size:8px;line-height:1.5;margin-top:4px}.compensation-formula-field,.compensation-description{grid-column:1/-1}.compensation-block-result{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:8px;border-top:1px solid #34303a;color:#929dad;font-size:9px}.compensation-block-result strong{color:#f2d4d9;font-size:10px}.compensation-block-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px}.compensation-history{margin-top:14px;padding-top:12px;border-top:1px solid #39303a}.compensation-history h4{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;color:#e4e4ea}.compensation-history-list{display:flex;flex-direction:column;gap:5px}.compensation-history-list>div{display:flex;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:6px;background:#191a21;font-size:9px}.compensation-history-list span{color:#939eae}.compensation-history-list strong{color:#f6d9dd}.compensation-footnote{display:block;margin-top:10px;color:#7f8998;font-size:9px;line-height:1.55}

.project-team-modal{width:min(900px,100%)}
@media(max-width:1100px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bpmn-lane{grid-template-columns:145px minmax(0,1fr)}.bpmn-lane-label{padding:11px}.bpmn-board{padding:15px}}
@media(max-width:790px){.canvas-toolbar{flex-wrap:wrap;overflow:visible;min-height:42px}.toolbar-primary-actions,.view-toggle-group,.utility-toolbar{flex:0 1 auto;flex-wrap:wrap;min-width:0}.library-toolbar-menu{margin-left:0}.toolbar-dropdown-menu{position:fixed;top:auto;left:10px;right:10px;bottom:14px;min-width:0;max-height:65vh;overflow:auto}.toolbar-dropdown-right,.library-dropdown{left:10px;right:10px}.admin-console-page,.company-directory-page{padding:18px 12px 32px}.admin-console-heading,.company-directory-heading{align-items:flex-start}.admin-console-heading h1,.company-directory-heading h1{font-size:22px}.admin-console-tabs{flex-wrap:wrap;overflow:visible}.admin-console-tabs button{white-space:normal}.admin-card{padding:11px}.admin-card-heading{align-items:flex-start;flex-direction:column}.admin-search{width:100%;box-sizing:border-box}.admin-form-grid,.org-employee-form-grid{grid-template-columns:1fr}.admin-password-field{grid-column:auto}.org-summary{grid-template-columns:1fr}.compensation-builder-heading{flex-direction:column}.compensation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.compensation-block-list{grid-template-columns:1fr}.compensation-block-fields{grid-template-columns:1fr}.compensation-formula-field,.compensation-description{grid-column:auto}.org-person-row{flex-wrap:wrap;margin-left:calc(var(--org-depth,0)*8px)}.org-person-primary{min-width:calc(100% - 55px)}.org-person-rate{margin-left:39px;flex:1}.org-person-actions{margin-left:auto}.org-department-content .org-department{margin-left:8px}.org-department-header{flex-wrap:wrap}.org-department-actions{width:100%;margin-left:29px}.org-department-spacer{display:none}.bpmn-lane{grid-template-columns:1fr}.bpmn-lane-label{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #45303a}.bpmn-lane-track{min-height:105px;padding:11px}.bpmn-element{flex-basis:190px;min-width:min(190px,100%)}.bpmn-route-row{grid-template-columns:1fr 15px .8fr 15px 1fr;gap:4px;font-size:9px}.responsibility-board-heading{flex-direction:column}}
@media(max-width:480px){.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-stat-grid article{padding:11px}.admin-stat-grid article strong{font-size:18px}.admin-settings-actions .button{flex:1}.company-heading-actions{flex-direction:column}.org-person-row .status-pill{margin-left:38px}.org-person-rate{min-width:100px}.audit-event-list>div{grid-template-columns:1fr;gap:4px}.audit-event-list small{grid-column:auto}.bpmn-board{padding:10px}.bpmn-route-row{grid-template-columns:1fr 12px .9fr 12px 1fr;font-size:8px}}

/* Project creation from a reusable process template (v0.5.8). */
.project-team-heading-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.project-create-from-template{padding:13px;margin:0 0 15px;border:1px solid #60313a;border-radius:11px;background:linear-gradient(120deg,#2b1b22,#1d2027)}.project-create-from-template>div:first-child strong{font-size:12px;color:#f8e7e9}.project-create-from-template>div:first-child p{margin:5px 0 12px;color:#b7a4aa;font-size:10px;line-height:1.55}.project-create-form{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(160px,.75fr) auto;align-items:end;gap:10px}.project-create-form .field-label{margin:0}.project-create-form .button{white-space:nowrap;min-height:36px}@media(max-width:650px){.project-team-heading-actions{flex-wrap:wrap;justify-content:flex-end}.project-create-form{grid-template-columns:1fr}.project-create-form .button{width:100%}}


/* v0.5.8 — standalone project workspace and finance planning */
.projects-page{width:100%;max-width:1600px;min-width:0;margin:0 auto;padding:26px clamp(14px,2.5vw,34px) 48px;color:#eff0f4;box-sizing:border-box}
.projects-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.projects-heading h1{display:flex;align-items:center;gap:10px;margin:6px 0 7px;font-size:clamp(24px,2.1vw,32px);letter-spacing:-.045em;color:#fff}.projects-heading h1 svg{color:#ff6674}.projects-heading p{max-width:820px;margin:0;color:#99a4b3;font-size:12px;line-height:1.65}.projects-heading-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;align-items:center;gap:7px;flex:0 0 auto}.projects-page .button.secondary{background:#20242c;border-color:#3a414d;color:#dfe4ec}.projects-page .button.secondary:hover{background:#2c2027;border-color:#71303b;color:#fff}.projects-page .button.primary{background:#ED1527;border-color:#ED1527;color:white}.projects-page .button.primary:hover:not(:disabled){background:#c90e1e;border-color:#c90e1e}
.project-create-card,.project-panel,.project-empty-card{min-width:0;margin:14px 0;padding:17px;border:1px solid #353c48;border-radius:14px;background:linear-gradient(145deg,#1d2129,#181b21);box-shadow:0 8px 24px #0002}.project-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.project-section-heading h2,.project-panel h2{margin:0 0 5px;color:#f4f5f7;font-size:15px}.project-section-heading p,.project-panel-heading p{margin:0;color:#909baa;font-size:10px;line-height:1.6}.project-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-form-grid .field-label,.project-edit-grid .field-label{min-width:0;margin:0;color:#aeb7c4;font-size:10px}.project-form-grid input,.project-form-grid select,.project-edit-grid input,.project-edit-grid select,.project-finance-form input,.project-finance-form select,.project-row-editor input,.project-team-assignment input,.project-team-assignment select{width:100%;min-width:0;margin-top:5px;padding:9px 10px;border:1px solid #3a424e;border-radius:8px;background:#111419;color:#e9edf3;font-size:11px}.project-form-grid input:focus,.project-form-grid select:focus,.project-edit-grid input:focus,.project-edit-grid select:focus,.project-finance-form input:focus,.project-finance-form select:focus{border-color:#ed1527;outline:2px solid #ed152729}.project-form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:13px}.project-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}.project-list-toolbar h2{margin:0;color:#f1f3f7;font-size:16px}.project-search{display:flex;align-items:center;gap:8px;width:min(360px,100%);padding:8px 10px;border:1px solid #353c48;border-radius:9px;background:#15181e;color:#98a3b2}.project-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f1f3f7;font-size:11px}.project-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px}.project-card{display:flex;flex-direction:column;gap:13px;min-width:0;padding:15px;border:1px solid #353c48;border-radius:13px;background:linear-gradient(145deg,#20242c,#191c22);color:#e8ebf0;text-align:left;transition:transform .15s,border-color .15s,box-shadow .15s}.project-card:hover{transform:translateY(-2px);border-color:#85404a;box-shadow:0 10px 24px #0003}.project-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-card h3{margin:0;color:#fff;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.project-card p{margin:4px 0 0;color:#8e99a8;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.project-status-pill,.project-type-pill{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:5px 7px;border:1px solid #46333c;border-radius:999px;background:#2a1d24;color:#ffb1ba;font-size:8px;font-weight:800;white-space:normal}.project-status-pill.completed{background:#1d3229;color:#a6e7c0;border-color:#315540}.project-status-pill.active{background:#35251b;color:#ffcb91;border-color:#66472b}.project-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-card-metrics>span{display:flex;flex-direction:column;gap:4px;padding:9px;border-radius:8px;background:#15181e}.project-card-metrics small{color:#8793a3;font-size:9px}.project-card-metrics strong{color:#f5f5f7;font-size:13px;overflow-wrap:anywhere}.project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #303641;color:#98a3b2;font-size:9px}.project-card-footer svg{color:#ff6975}.project-detail-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.project-back-button{flex:0 0 auto}.project-detail-title{flex:1;min-width:0}.project-detail-title h1{margin:0 0 5px;color:#fff;font-size:clamp(21px,2vw,29px);line-height:1.25;overflow-wrap:anywhere}.project-detail-title p{margin:0;color:#99a4b3;font-size:11px;line-height:1.55}.project-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px}.project-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:14px 0}.project-kpi-card{min-width:0;padding:13px;border:1px solid #353c48;border-radius:11px;background:linear-gradient(145deg,#20242c,#191c22)}.project-kpi-card small{display:block;margin-bottom:5px;color:#8e9aaa;font-size:9px}.project-kpi-card strong{display:block;color:#fff;font-size:17px;line-height:1.25;overflow-wrap:anywhere}.project-kpi-card .kpi-accent{color:#ff747f}.project-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:13px}.project-panel{margin:0;padding:14px}.project-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.project-panel-heading h2{margin:0 0 5px;color:#f4f5f7;font-size:14px}.project-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-edit-grid .field-label:first-child{grid-column:1/-1}.project-inline-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.project-team-list,.project-row-editor{display:flex;flex-direction:column;gap:8px}.project-team-assignment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:10px;border:1px solid #313844;border-radius:9px;background:#171a20}.project-team-assignment .field-label{min-width:0;margin:0;color:#aeb7c5;font-size:9px}.project-team-assignment .assignment-wide{grid-column:1/-1}.project-team-assignment .assignment-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:10px;grid-column:1/-1;color:#a7b1bf;font-size:9px}.project-team-assignment .assignment-metrics strong{color:#f4e8ea}.project-add-role{display:flex;gap:8px;margin:8px 0 12px}.project-add-role select{flex:1;min-width:0;padding:9px 10px;border:1px solid #3a424e;border-radius:8px;background:#111419;color:#e9edf3;font-size:10px}.project-row-editor .project-row-edit{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(90px,.7fr) minmax(110px,.8fr) 34px;align-items:end;gap:8px;padding:9px;border:1px solid #313844;border-radius:9px;background:#171a20}.project-row-editor .field-label{min-width:0;margin:0;color:#aeb7c5;font-size:9px}.project-row-editor button{align-self:end}.project-total-line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #303641;color:#9ca7b5;font-size:10px}.project-total-line strong{color:#fff;font-size:12px}.project-finance-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.project-finance-form .field-label{min-width:0;margin:0;color:#aeb7c5;font-size:9px}.project-finance-form .form-wide{grid-column:1/-1}.project-finance-form .button{grid-column:1/-1;justify-self:start}.project-transaction-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.project-transaction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px;border:1px solid #303641;border-radius:8px;background:#171a20}.project-transaction strong{display:block;color:#e9edf4;font-size:10px;overflow-wrap:anywhere}.project-transaction small{display:block;margin-top:4px;color:#8e99a8;font-size:9px}.project-transaction .amount{align-self:center;text-align:right;font-size:11px;font-weight:800;white-space:nowrap}.project-transaction .amount.income{color:#a8e5bc}.project-transaction .amount.expense{color:#ff9da7}.project-cashflow-table{width:100%;border-collapse:collapse;font-size:10px}.project-cashflow-table th{padding:9px 7px;background:#232731;color:#99a4b3;text-align:left;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.project-cashflow-table td{padding:10px 7px;border-bottom:1px solid #303641;color:#d9dfe8;vertical-align:top}.project-cashflow-table td strong{color:#fff}.project-cashflow-note{margin:10px 0 0;color:#929dac;font-size:9px;line-height:1.6}.project-snapshot-list{display:flex;flex-direction:column;gap:6px}.project-snapshot-node{padding:9px;border:1px solid #303641;border-radius:8px;background:#171a20}.project-snapshot-node strong{display:block;color:#f3f4f7;font-size:10px}.project-snapshot-node small{display:block;margin-top:4px;color:#8f9aaa;font-size:9px;line-height:1.5}.project-snapshot-node .node-tag{display:inline-flex;margin:5px 4px 0 0;padding:3px 5px;border-radius:4px;background:#2b2027;color:#ffb0b8;font-size:8px}
.risk-node .flow-handle{z-index:10}.projects-page .error-banner,.projects-page .success-banner{margin:10px 0}.projects-page .admin-loading{color:#9da7b5}.projects-page .soft-note{padding:14px;border:1px dashed #404753;border-radius:10px;color:#929dac;font-size:11px}.project-empty-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:180px;text-align:center;color:#919caa}.project-empty-card svg{color:#ff6975}.project-empty-card strong{color:#f4f5f7;font-size:14px}.project-empty-card p{max-width:500px;margin:0;font-size:10px;line-height:1.6}
@media(max-width:1050px){.project-detail-grid{grid-template-columns:1fr}.project-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-heading{flex-direction:column}.projects-heading-actions{justify-content:flex-start}}
@media(max-width:790px){.projects-page{padding:18px 12px 32px}.project-form-grid{grid-template-columns:1fr}.project-list-toolbar{align-items:flex-start;flex-direction:column}.project-search{width:100%}.project-edit-grid{grid-template-columns:1fr}.project-edit-grid .field-label:first-child{grid-column:auto}.project-row-editor .project-row-edit{grid-template-columns:minmax(0,1fr) minmax(85px,.7fr) 34px}.project-row-editor .project-row-edit .field-label:nth-child(3){grid-column:1/3}.project-detail-top{flex-wrap:wrap}.project-detail-actions{width:100%}.project-team-assignment{grid-template-columns:1fr}.project-team-assignment .assignment-wide,.project-team-assignment .assignment-metrics{grid-column:auto}.project-finance-form{grid-template-columns:1fr}.project-finance-form .form-wide{grid-column:auto}.projects-heading-actions{width:100%;justify-content:flex-start}.projects-heading-actions .button{white-space:normal}.project-create-card,.project-panel{padding:12px}.project-cashflow-table{font-size:9px}.project-cashflow-table th,.project-cashflow-table td{padding:7px 5px}}
@media(max-width:480px){.project-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-kpi-card{padding:10px}.project-kpi-card strong{font-size:14px}.project-card-metrics strong{font-size:12px}.project-row-editor .project-row-edit{grid-template-columns:minmax(0,1fr) 30px}.project-row-editor .project-row-edit .field-label:nth-child(2),.project-row-editor .project-row-edit .field-label:nth-child(3){grid-column:1/-1}.project-row-editor .project-row-edit button{grid-column:2;grid-row:1}}

/* Match the concrete component class names used by ProjectsPage.jsx. */
.projects-search{display:flex;align-items:center;gap:8px;width:min(430px,100%);margin:12px 0 14px;padding:9px 11px;border:1px solid #353c48;border-radius:9px;background:#15181e;color:#98a3b2}.projects-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f1f3f7;font-size:11px}
.projects-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px}.project-list-card{display:flex;flex-direction:column;align-items:stretch;gap:11px;width:100%;min-width:0;padding:15px;border:1px solid #353c48;border-radius:13px;background:linear-gradient(145deg,#20242c,#191c22);color:#e8ebf0;text-align:left;transition:transform .15s,border-color .15s,box-shadow .15s}.project-list-card:hover{transform:translateY(-2px);border-color:#85404a;box-shadow:0 10px 24px #0003}.project-list-card h2{margin:0;color:#fff;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.project-list-card p{margin:0;color:#8e99a8;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.project-list-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#9ba5b3;font-size:9px}.project-list-meta{display:flex;flex-direction:column;gap:7px;color:#a9b2bf;font-size:9px}.project-list-meta span{display:flex;align-items:flex-start;gap:6px;min-width:0;overflow-wrap:anywhere}.project-list-meta svg{flex:0 0 auto;color:#ff6975}.project-list-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #303641}.project-list-bottom strong{color:#fff;font-size:14px}.project-list-bottom span{color:#8e99a8;font-size:9px}.project-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;grid-column:1/-1;min-height:200px;padding:25px;border:1px dashed #404753;border-radius:12px;background:#191c22;text-align:center;color:#929dac}.project-empty-state svg{color:#ff6975}.project-empty-state strong{color:#f4f5f7;font-size:14px}.project-empty-state p{max-width:500px;margin:0;font-size:10px;line-height:1.6}.project-empty-state .button{margin-top:4px}
.project-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:10px 0 17px;padding:17px;border:1px solid #353c48;border-radius:13px;background:linear-gradient(145deg,#20242c,#191c22)}.project-detail-heading>div:first-child{min-width:0}.project-detail-heading h2{margin:6px 0;color:#fff;font-size:clamp(22px,2vw,29px);line-height:1.25;overflow-wrap:anywhere}.project-detail-heading p{margin:0;color:#98a3b2;font-size:10px;line-height:1.65;overflow-wrap:anywhere}.project-detail-heading .project-card-actions{margin:0;flex:0 0 auto}.project-back-link{margin:1px 0 5px;color:#a9b3c1}.project-kpi-grid-wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:13px 0 15px}.project-kpi-grid-wide>article{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:13px;border:1px solid #353c48;border-radius:11px;background:linear-gradient(145deg,#20242c,#191c22)}.project-kpi-grid-wide>article svg{color:#ff6975;flex:0 0 auto}.project-kpi-grid-wide>article span{color:#8e9aaa;font-size:9px}.project-kpi-grid-wide>article strong{display:block;color:#fff;font-size:17px;line-height:1.25;overflow-wrap:anywhere}.project-kpi-grid-wide .project-kpi-card{min-width:0;padding:13px;border:1px solid #353c48;border-radius:11px;background:linear-gradient(145deg,#20242c,#191c22)}.project-kpi-grid-wide .project-kpi-card small{display:block;margin-bottom:5px;color:#8e9aaa;font-size:9px}.project-kpi-grid-wide .project-kpi-card strong{display:block;color:#fff;font-size:17px;line-height:1.25;overflow-wrap:anywhere}.project-card-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-top:12px}.project-card h3{display:flex;align-items:center;gap:7px;margin:0 0 6px;color:#f4f5f7;font-size:14px}.project-card h3 svg{flex:0 0 auto;color:#ff6975}.project-card .project-section-heading{margin-bottom:12px}.project-card .project-section-heading h3{margin:0 0 5px}.project-card .project-section-heading p{margin:0;color:#909baa;font-size:10px;line-height:1.6}.project-form-grid textarea,.project-create-card textarea{width:100%;min-width:0;margin-top:5px;padding:9px 10px;border:1px solid #3a424e;border-radius:8px;background:#111419;color:#e9edf3;font-size:11px;resize:vertical}.project-form-note{grid-column:1/-1}.project-table-wrap{width:100%;min-width:0;overflow:visible}.project-table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.project-table th{padding:9px 7px;background:#232731;color:#99a4b3;text-align:left;font-size:8px;letter-spacing:.05em;text-transform:uppercase;overflow-wrap:anywhere}.project-table td{padding:9px 7px;border-bottom:1px solid #303641;color:#d9dfe8;vertical-align:middle;overflow-wrap:anywhere}.project-table td input,.project-table td select{width:100%;min-width:0;max-width:100%;padding:7px 6px;border:1px solid #3a424e;border-radius:6px;background:#111419;color:#e9edf3;font-size:9px}.project-table td strong{color:#fff}.project-table .positive-value{color:#a8e5bc}.project-table .negative-value{color:#ff9da7}.project-team-table{display:flex;flex-direction:column;gap:9px;min-width:0}.project-assignment-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:10px;border:1px solid #313844;border-radius:9px;background:#171a20}.project-assignment-row .field-label{min-width:0;margin:0;color:#aeb7c5;font-size:9px}.project-assignment-row .field-label select,.project-assignment-row .field-label input{width:100%;min-width:0;margin-top:5px;padding:8px;border:1px solid #3a424e;border-radius:7px;background:#111419;color:#e9edf3;font-size:10px}.project-rate-snapshot{grid-column:1/-1;color:#ffb2bb;font-size:9px}.project-empty-note{padding:12px;border:1px dashed #404753;border-radius:9px;color:#929dac;font-size:10px}.project-finance-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:11px;border:1px solid #303641;border-radius:10px;background:#171a20}.project-finance-entry .field-label{min-width:0;margin:0;color:#aeb7c5;font-size:9px}.project-finance-entry input,.project-finance-entry select{width:100%;min-width:0;margin-top:5px;padding:8px;border:1px solid #3a424e;border-radius:7px;background:#111419;color:#e9edf3;font-size:10px}.project-finance-entry .checkbox-label{grid-column:1/-1;color:#aeb7c5}.project-finance-entry .button{grid-column:1/-1;justify-self:start}.snapshot-steps{display:flex;flex-direction:column;gap:7px}.snapshot-steps article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;padding:9px;border:1px solid #303641;border-radius:8px;background:#171a20}.snapshot-steps article>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#351d24;color:#ff9da7;font-size:9px;font-weight:900}.snapshot-steps article strong{display:block;color:#f1f3f7;font-size:10px;overflow-wrap:anywhere}.snapshot-steps article small{display:block;margin-top:4px;color:#909baa;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.project-rate-snapshot{display:block}
.admin-test-email-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:15px;padding:12px;border:1px solid #343b46;border-radius:10px;background:#171a20}.admin-test-email-row .field-label{min-width:0;margin:0;color:#aeb7c5;font-size:10px}.admin-test-email-row input{width:100%;min-width:0;margin-top:5px;padding:9px 10px;border:1px solid #3a424e;border-radius:8px;background:#111419;color:#e9edf3;font-size:11px}.smtp-diagnostic-card{display:flex;flex-direction:column;gap:7px;margin-top:12px;padding:12px;border:1px solid #3c424d;border-radius:10px;background:#171a20;color:#c5ceda;font-size:10px;line-height:1.55;overflow-wrap:anywhere}.smtp-diagnostic-card.is-success{border-color:#315a43;background:#19271f}.smtp-diagnostic-card.is-error{border-color:#71313b;background:#2a1a20}.smtp-diagnostic-card strong{display:block;color:#f5f4f7;font-size:11px}.smtp-diagnostic-card small{display:block;margin-top:4px;color:#a0abba;font-size:9px}.smtp-diagnostic-card p{margin:0;color:#b7c0cc}
@media(max-width:790px){.project-detail-heading{flex-direction:column}.project-detail-heading .project-card-actions{justify-content:flex-start}.project-assignment-row{grid-template-columns:1fr}.project-rate-snapshot{grid-column:auto}.project-finance-entry{grid-template-columns:1fr}.project-finance-entry .checkbox-label,.project-finance-entry .button{grid-column:auto}.admin-test-email-row{grid-template-columns:1fr}.admin-test-email-row .button{width:100%}.project-table{font-size:9px}.project-table th,.project-table td{padding:6px 4px}.project-table td input{padding:5px 3px;font-size:8px}}
@media(max-width:480px){.project-list-card{padding:12px}.project-detail-heading{padding:12px}.project-kpi-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.project-kpi-grid-wide>article{padding:9px}.project-kpi-grid-wide>article strong{font-size:14px}.project-table th{font-size:7px;letter-spacing:0}.project-table{font-size:8px}.project-table td input[type="date"]{font-size:7px}}

/* Process-template grade baseline compared with project-specific employee rates. */
.project-role-baseline{margin:0 0 14px}.project-baseline-variance{margin:10px 0 0;padding:10px 12px;border:1px solid #45404a;border-radius:8px;background:#201b22;color:#bbc3cf;font-size:10px}.project-baseline-variance strong{margin-left:4px}.project-role-baseline .project-table td span{color:#929dac;font-size:9px}

/* FlowCost 0.5.9 — version review, employee-fund inheritance, resilient admin logs. */
.process-versions-modal{width:min(900px,calc(100vw - 24px));max-width:900px;max-height:90vh;overflow-y:auto;overflow-wrap:anywhere}
.process-versions-modal .modal-heading h2{display:flex;align-items:center;gap:9px}.process-versions-modal .modal-heading p{max-width:640px;margin:7px 0 0}
.version-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0 18px}
.version-summary-grid article{display:flex;flex-direction:column;gap:6px;padding:13px;border:1px solid #363b46;border-radius:10px;background:linear-gradient(145deg,#20232b,#181b21)}
.version-summary-grid article span{color:#9ca7b7;font-size:10px}.version-summary-grid article strong{color:#fff;font-size:21px}
.version-section{margin-top:19px}.version-section h3,.version-section-heading h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:#f3edf0;font-size:13px}.version-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.version-section-heading p{margin:0 0 10px;color:#98a3b3;font-size:10px;line-height:1.55}
.version-history-list,.version-project-list{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%;box-sizing:border-box}.version-project-list{align-self:stretch;grid-column:1/-1}.version-project-row{width:100%;max-width:100%;box-sizing:border-box;flex-wrap:wrap;align-items:flex-start}.version-project-name{overflow:visible}.version-project-name strong,.version-project-name small{overflow-wrap:anywhere;word-break:break-word}.version-tag{flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}.version-section,.version-section-heading,.process-versions-modal .modal-heading{min-width:0}.process-versions-modal .version-section-heading>div{flex:1;min-width:0}.version-history-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #303540;border-radius:9px;background:#191c22}.version-history-list article.is-current{border-color:#75313d;background:#2b1a20}.version-history-list article>div{display:flex;flex-direction:column;gap:4px;min-width:0}.version-history-list strong{display:flex;align-items:center;gap:8px;color:#f1f1f4;font-size:11px}.version-history-list strong em{padding:3px 6px;border-radius:999px;background:#ed152722;color:#ff929d;font-size:9px;font-style:normal}.version-history-list article span{color:#b9c1cf;font-size:11px;overflow-wrap:anywhere}.version-history-list small{display:flex;align-items:center;gap:5px;color:#818c9d;font-size:9px}.version-number{font-family:ui-monospace,monospace;color:#ff8b95!important}.version-project-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #303540;border-radius:9px;background:#191c22;min-width:0}.version-project-row input{accent-color:#ed1527;flex:0 0 auto}.version-project-row input:disabled{opacity:.4}.version-project-name{display:flex;flex:1 1 220px;min-width:0;flex-direction:column;gap:4px}.version-project-name strong{font-size:11px;color:#eee}.version-project-name small{font-size:9px;color:#909bab}.version-tag{padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}.version-tag.old{background:#5d421e;color:#f2d18a}.version-tag.current{background:#1e4b3e;color:#9ce3c0}.version-modal-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid #323742}.version-modal-actions>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.version-safety-note{display:flex;align-items:flex-start;gap:7px;margin:13px 0 0;color:#a8b0bd;font-size:10px;line-height:1.6}.version-safety-note svg{flex:0 0 auto;margin-top:2px;color:#edb45b}.version-modal-loading{display:flex;align-items:center;gap:9px;padding:30px;color:#b7c0ce}
.admin-log-autorefresh{font-size:10px;white-space:nowrap}.admin-log-autorefresh input{accent-color:#ed1527}.admin-log-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-console-page .warning-banner{overflow-wrap:anywhere}
.compensation-template-scope{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(220px,.8fr) minmax(240px,1.4fr);align-items:end;gap:12px;padding:14px;margin:12px 0 17px;border:1px solid #333844;border-radius:12px;background:#191c22}.compensation-template-scope .field-help{padding-bottom:9px;line-height:1.6}.compensation-template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compensation-template-card{min-width:0;padding:14px;border:1px solid #343944;border-radius:12px;background:linear-gradient(150deg,#1d2027,#171a20)}.compensation-template-card .compensation-block-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.compensation-template-card .compensation-block-number{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#ed152719;color:#ff8b95;font-size:10px;font-weight:900}.compensation-template-card .checkbox-label{margin-left:auto;font-size:10px}.compensation-template-card .checkbox-label input{accent-color:#ed1527}.compensation-template-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compensation-template-fields .field-label{min-width:0}.compensation-template-fields input,.compensation-template-fields select{width:100%;min-width:0;box-sizing:border-box}.compensation-template-fields .formula-template-field,.compensation-template-fields .template-description{grid-column:1/-1}.compensation-template-fields small{display:block;color:#8994a5;font-size:9px;line-height:1.5;margin-top:5px}.inheritance-pill{padding:4px 7px;border:1px solid #4a3d2c;border-radius:999px;background:#2a241b;color:#e3c58f;font-size:9px;overflow-wrap:anywhere}
/* The responsibility diagram is a generated graph: cards are never duplicated for roles. */
.bpmn-phase-list{display:flex;flex-direction:column;gap:18px}.bpmn-phase{position:relative;min-width:0;border:1px solid #35303a;border-radius:13px;background:#14171c;isolation:isolate}.bpmn-phase-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid #32323a;background:linear-gradient(90deg,#28171d,#1a1d24);border-radius:12px 12px 0 0}.bpmn-phase-heading>span{display:flex;align-items:center;gap:7px;color:#ffe6e8;font-size:11px;font-weight:800}.bpmn-phase-heading svg{color:#ff7782}.bpmn-phase-heading small{color:#909baa;font-size:9px}.bpmn-phase-lanes{position:relative;z-index:2;display:flex;flex-direction:column}.bpmn-phase-lane{grid-template-columns:minmax(105px,155px) minmax(0,1fr);min-height:100px;border:0;border-bottom:1px solid #30323a;border-radius:0;box-shadow:none;background:#17191f;overflow:visible}.bpmn-phase-lane:last-child{border-bottom:0;border-radius:0 0 12px 12px}.bpmn-phase-lane .bpmn-lane-label{padding:12px 10px;background:linear-gradient(145deg,#301b22,#1c1f26);border-right:1px solid #45303a}.bpmn-phase-lane .bpmn-lane-label strong{font-size:10px;overflow-wrap:anywhere}.bpmn-phase-lane .bpmn-lane-label small{font-size:9px}.bpmn-phase-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:9px;min-width:0;padding:10px;background-image:linear-gradient(#242830 1px,transparent 1px),linear-gradient(90deg,#242830 1px,transparent 1px);background-size:24px 24px}.bpmn-phase-cell{display:flex;flex-direction:column;gap:9px;grid-row:auto;min-width:0}.bpmn-phase-lane .bpmn-element{z-index:2;display:flex;flex:0 0 auto;width:100%;min-width:0;max-width:100%;min-height:85px;gap:7px;padding:10px;border-radius:10px;background:linear-gradient(145deg,#301b22,#21191f)!important;overflow-wrap:anywhere}.bpmn-phase-lane .bpmn-element strong{font-size:10px;line-height:1.4}.bpmn-phase-lane .bpmn-element-type{font-size:7px;letter-spacing:.07em}.bpmn-phase-lane .bpmn-work-items{font-size:9px}.bpmn-phase-lane .bpmn-element-meta{font-size:8px}.bpmn-phase-lane .bpmn-event{min-width:0;min-height:73px;border-radius:14px}.bpmn-connection-overlay{position:absolute;inset:0;z-index:3;display:block;pointer-events:none;overflow:visible}.bpmn-connection-path{fill:none;stroke:#ed5664;stroke-width:1.8;opacity:.9;filter:drop-shadow(0 0 2px #ed152740)}.bpmn-role-chips{display:flex;flex-wrap:wrap;gap:3px}.bpmn-role-chips em{padding:3px 5px;border:1px solid #4e3a43;border-radius:5px;background:#2d2228;color:#ebcdd3;font-size:8px;font-style:normal;overflow-wrap:anywhere}
@media(max-width:900px){.compensation-template-scope{grid-template-columns:repeat(2,minmax(0,1fr))}.compensation-template-scope .field-help{grid-column:1/-1}.compensation-template-list{grid-template-columns:minmax(0,1fr)}.bpmn-phase-lane{grid-template-columns:minmax(84px,115px) minmax(0,1fr)}.bpmn-phase-track{grid-template-columns:repeat(2,minmax(0,1fr))}.bpmn-phase-cell-1,.bpmn-phase-cell-3{grid-column:1}.bpmn-phase-cell-2,.bpmn-phase-cell-4{grid-column:2}}
@media(max-width:580px){.version-summary-grid{grid-template-columns:1fr}.version-summary-grid article{flex-direction:row;align-items:center;justify-content:space-between}.version-modal-actions,.version-modal-actions>div{width:100%;flex-direction:column}.version-modal-actions .button{width:100%;justify-content:center}.version-section-heading{flex-direction:column}.version-project-row{align-items:flex-start;flex-wrap:wrap}.version-project-name{flex:1 1 calc(100% - 34px)}.version-tag{margin-left:25px;max-width:100%;white-space:normal}.compensation-template-scope{grid-template-columns:minmax(0,1fr)}.compensation-template-scope .field-help{grid-column:auto}.compensation-template-fields{grid-template-columns:minmax(0,1fr)}.compensation-template-fields .formula-template-field,.compensation-template-fields .template-description{grid-column:auto}.bpmn-board{padding:12px}.responsibility-board-heading{flex-direction:column}.autogen-badge{white-space:normal}.bpmn-phase-lane{grid-template-columns:76px minmax(0,1fr)}.bpmn-phase-lane .bpmn-lane-label{padding:8px 6px}.bpmn-phase-lane .bpmn-lane-label .lane-icon{width:24px;height:24px}.bpmn-phase-track{gap:6px;padding:7px}.bpmn-phase-lane .bpmn-element{padding:8px;min-height:75px}.bpmn-phase-lane .bpmn-element strong{font-size:9px}.bpmn-phase-heading small{display:none}}

/* v0.5.9: at-a-glance API/database status in the admin dashboard. */
.admin-stat-grid article.health-ok{border-color:#285846}.admin-stat-grid article.health-ok strong{color:#83d8ad}.admin-stat-grid article.health-warning{border-color:#76502c}.admin-stat-grid article.health-warning strong{color:#f3bd73}

/* FlowCost 0.5.10 — client dependencies, communications, and client-visible outcomes. */
.node-client_task{--node-bg:#34271f;--node-border:#cf814b;--node-accent:#ffc39a;--node-soft:#5c3a28;border-style:dashed!important}
.node-communication{--node-bg:#172a40;--node-border:#3e83c4;--node-accent:#a8d5ff;--node-soft:#234665}
.node-result{--node-bg:#1c3028;--node-border:#4b9b76;--node-accent:#a8ebc4;--node-soft:#294b3a;box-shadow:0 8px 24px #0004}
.node-policy-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.node-policy-badges span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;border:1px solid #ffffff20;background:#080a0d4d;color:var(--node-accent);font-size:9px;font-weight:800;overflow-wrap:anywhere}.node-policy-badges .is-required{border-color:#e7a75d66;background:#4c321f;color:#ffd19d}.node-policy-badges .is-optional{border-color:#8391a366;background:#29313a;color:#cad3df}.node-special-preview{margin-top:7px;padding:7px 8px;border-left:2px solid var(--node-border);border-radius:0 6px 6px 0;background:#05060830;color:#d8dee8;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.node-special-preview strong{display:block;margin-bottom:2px;color:var(--node-accent);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.node-icon-select{display:flex;align-items:center;gap:8px}.client-requirement-help{padding:10px;border:1px solid #644630;border-radius:9px;background:#30241d;color:#d8bda8;font-size:10px;line-height:1.5}.result-checklist-help{padding:10px;border:1px solid #315b46;border-radius:9px;background:#18271f;color:#a9d4bc;font-size:10px;line-height:1.5}

.bpmn-phase-lane .bpmn-client-task{border-style:dashed;border-color:#cf814b;background:linear-gradient(145deg,#38271e,#241d1a)!important}.bpmn-phase-lane .bpmn-communication{border-color:#3e83c4;background:linear-gradient(145deg,#172a40,#1b222c)!important}.bpmn-phase-lane .bpmn-result{border-color:#4b9b76;background:linear-gradient(145deg,#1c3028,#1a2421)!important;box-shadow:0 6px 18px #0003}.bpmn-phase-lane .bpmn-client-task .bpmn-element-type{color:#ffc39a}.bpmn-phase-lane .bpmn-communication .bpmn-element-type{color:#a8d5ff}.bpmn-phase-lane .bpmn-result .bpmn-element-type{color:#a8ebc4}.bpmn-phase-lane .bpmn-client-task strong,.bpmn-phase-lane .bpmn-communication strong,.bpmn-phase-lane .bpmn-result strong{overflow-wrap:anywhere;word-break:break-word}

.bpmn-phase-lane .bpmn-risk{border-color:#d85e6d;background:linear-gradient(145deg,#3b2026,#26191f)!important}.bpmn-phase-lane .bpmn-risk .bpmn-element-type{color:#ffadb6}

/* FlowCost v0.5.11 — ideas / feedback workspace */
.ideas-page{width:100%;max-width:1600px;margin:0 auto;padding:26px 28px 40px;color:#e9ebef}.ideas-hero{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid #333945;border-radius:16px;background:radial-gradient(circle at 0 0,#3b2027 0,transparent 48%),#171a20;margin-bottom:18px}.ideas-hero-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;background:#ed152722;color:#ff8e99;border:1px solid #ed152744}.ideas-hero h1{font-size:25px;line-height:1.2;margin:5px 0 8px;color:#f6f5f0}.ideas-hero p{font-size:12px;line-height:1.65;color:#abb3c0;max-width:780px;margin:0}.ideas-layout{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(320px,1.05fr);gap:18px;align-items:start}.ideas-form-card,.ideas-list-card{min-width:0;border:1px solid #303641;border-radius:14px;background:#171a20;padding:20px}.ideas-section-title{display:flex;gap:11px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #303641;margin-bottom:16px}.ideas-section-title>svg{color:#f06c78;margin-top:2px;flex:0 0 auto}.ideas-section-title h2{font-size:15px;color:#f2f3f6;margin:0 0 5px}.ideas-section-title p{font-size:10px;color:#8f99a9;line-height:1.5;margin:0}.ideas-form{display:flex;flex-direction:column;gap:13px}.ideas-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ideas-page .field-label{min-width:0;color:#c6ccd6;font-size:11px}.ideas-page .field-label input,.ideas-page .field-label select,.ideas-page .field-label textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:10px 11px;background:#101217;color:#e7e9ee;border:1px solid #353c48;border-radius:8px;font:inherit;font-size:11px;line-height:1.5;min-height:37px}.ideas-page .field-label textarea{resize:vertical;min-height:76px}.ideas-page .field-label input:focus,.ideas-page .field-label select:focus,.ideas-page .field-label textarea:focus{outline:2px solid #ed152755;border-color:#ed1527}.ideas-page .field-help{display:block;color:#858f9e;font-size:9px;line-height:1.5;margin-top:5px}.ideas-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;margin-top:1px;border-top:1px solid #303641;flex-wrap:wrap}.ideas-form-footer>span{display:flex;align-items:center;gap:7px;color:#929cab;font-size:10px;line-height:1.5}.ideas-form-footer>span svg{color:#c77ca5;flex:0 0 auto}.ideas-list-controls{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.ideas-scope-toggle{display:flex;gap:3px;padding:3px;border:1px solid #343b46;border-radius:9px;background:#101217}.ideas-scope-toggle button{border:0;border-radius:6px;padding:7px 9px;background:transparent;color:#8e98a8;font-size:10px;cursor:pointer}.ideas-scope-toggle button.active{background:#3d2027;color:#ffadb5}.ideas-search{display:flex;align-items:center;gap:7px;flex:1 1 140px;min-width:0;padding:0 10px;background:#101217;border:1px solid #343b46;border-radius:8px;color:#8b95a5}.ideas-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e7e9ee;font-size:11px;padding:9px 0}.ideas-list{display:flex;flex-direction:column;gap:10px}.idea-card{min-width:0;border:1px solid #323844;background:#1b1e25;border-radius:11px;padding:13px}.idea-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.idea-category,.idea-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:750;max-width:100%;overflow-wrap:anywhere}.idea-category{background:#2d3340;color:#c5d2e7}.idea-category-bug{background:#51232b;color:#ffacb6}.idea-category-suggestion{background:#2c3e31;color:#a9e5bd}.idea-category-ux{background:#3b2d47;color:#d7b7f5}.idea-category-performance{background:#413821;color:#f2db8d}.idea-category-other{background:#313641;color:#c1c9d6}.idea-status{background:#343b47;color:#d0d5de}.idea-status-new{background:#46252d;color:#ffb4bd}.idea-status-reviewing{background:#43371f;color:#f1d590}.idea-status-planned{background:#2f3d51;color:#afd0f8}.idea-status-in_progress{background:#263f38;color:#a6e6c8}.idea-status-done{background:#1d4b3a;color:#9ce5bd}.idea-status-declined{background:#383840;color:#a7acb7}.idea-card h3{color:#f0f1f5;font-size:13px;line-height:1.4;margin:11px 0 6px;overflow-wrap:anywhere}.idea-description{color:#adb5c2;font-size:11px;line-height:1.65;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.idea-meta{display:flex;gap:8px 13px;flex-wrap:wrap;color:#7f8a9b;font-size:9px;margin-top:12px}.idea-details{border-top:1px solid #303641;margin-top:12px;padding-top:9px;color:#9ca6b5;font-size:10px}.idea-details summary{display:flex;align-items:center;gap:5px;cursor:pointer;color:#d0d5df}.idea-details p{white-space:pre-wrap;line-height:1.55;overflow-wrap:anywhere}.idea-details strong{color:#d6dce5}.idea-admin-response{margin-top:12px;padding:10px;border:1px solid #3c3539;background:#241c22;border-radius:8px;color:#d7b7c1;font-size:10px}.idea-admin-response p{margin:5px 0 0;line-height:1.6;white-space:pre-wrap}.idea-admin-controls{display:flex;flex-direction:column;gap:10px;border-top:1px solid #303641;padding-top:12px;margin-top:13px}.ideas-alert{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:9px;margin:0 0 14px;font-size:11px;line-height:1.5}.ideas-alert>svg{flex:0 0 auto;margin-top:1px}.ideas-alert span{flex:1}.ideas-alert button{border:0;background:transparent;color:inherit;cursor:pointer}.ideas-alert.is-error{background:#411f26;border:1px solid #73313c;color:#ffb3ba}.ideas-alert.is-success{background:#1e392d;border:1px solid #315c47;color:#a9e6c0}.ideas-empty{display:flex;min-height:170px;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;color:#8690a0;font-size:10px}.ideas-empty svg{color:#a15e76}.ideas-empty strong{color:#d6dae2;font-size:12px}.spin{animation:flowcost-spin 1s linear infinite}@keyframes flowcost-spin{to{transform:rotate(360deg)}}

/* Distinct node language and more usable BPMN browser. */
.sidebar .brand-logo{max-height:35px;max-width:35px;padding:5px;object-fit:contain;box-sizing:content-box}.bpmn-lane button{background-color:#301b22}.node-sticker{background:#fff8d5;border-color:#dbb649;box-shadow:0 8px 18px #44371820}.node-sticker .node-title{color:#5c4a17}.node-task{border-top:3px solid #647c98}.node-client_task{border-left:4px solid #ce8148;background:#fffaf4}.node-communication{border-left:4px solid #468cbe;background:#f5faff}.node-result{border-left:4px solid #459970;background:#f4fff8}.node-event{border:1px dashed #8d68c4;background:#fbf7ff}.node-event .node-symbol{color:#7e4ab9;background:#eadfff}.event-node-count{display:inline-flex;align-items:center;gap:5px;margin-top:7px;border-radius:999px;padding:4px 7px;background:#eee2ff;color:#7043a0;font-size:9px;font-weight:800}.node-meeting-badge{display:inline-flex;align-items:center;gap:5px;margin-top:6px;border:1px solid #b5a2d7;border-radius:6px;padding:4px 6px;color:#634488;background:#f2eafe;font-size:8px;font-weight:800}.artifact-port-label{display:inline-flex;align-items:center;gap:4px}.artifact-port-label:before{content:'▧';color:#458a6a;font-size:10px}.task-tools-dropdown{border:1px solid #353c48;border-radius:8px;margin:7px 0}.task-tools-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;cursor:pointer;color:#c6ccd6;font-size:10px;list-style:none}.task-tools-dropdown>summary::-webkit-details-marker{display:none}.task-tools-dropdown[open]>summary{border-bottom:1px solid #353c48}.task-tools-dropdown .stage-tools-list{margin:0;max-height:180px;overflow-y:auto;padding:8px}.task-deadline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.task-deadline-grid .compact-field{min-width:0}.meeting-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}.meeting-role-option{display:flex;align-items:center;gap:6px;min-width:0;padding:7px;background:#201e28;border:1px solid #383143;border-radius:7px;color:#c9bddb;font-size:10px}.meeting-role-option input{accent-color:#ed1527}.meeting-role-option span{overflow-wrap:anywhere}.node-task-deadline{display:flex;align-items:center;gap:4px;color:#8b6a35;font-size:8px;margin-top:5px}.bpmn-view-toggle{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.bpmn-view-toggle button{border:1px solid #4b3540;background:#241b21;color:#aeb5c1;border-radius:7px;padding:7px 10px;font-size:10px;cursor:pointer}.bpmn-view-toggle button.active{border-color:#a94b5a;background:#3d2028;color:#ffc2c8}.bpmn-list-view{display:flex;flex-direction:column;gap:10px;margin-top:13px}.bpmn-list-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;width:100%;padding:13px;border:1px solid #3a3037;border-radius:10px;background:#1b1c22;color:#eee;text-align:left;cursor:pointer}.bpmn-list-card:hover{border-color:#9b4552;background:#241b20}.bpmn-list-card-main{min-width:0;display:flex;flex-direction:column;gap:6px}.bpmn-list-card-main strong{overflow-wrap:anywhere;font-size:12px}.bpmn-list-card-main p{margin:0;color:#9da6b4;font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.bpmn-list-card-meta{display:flex;gap:6px;flex-wrap:wrap}.bpmn-list-card-meta em{font-style:normal;font-size:9px;color:#c7cdd7;background:#30343e;border-radius:999px;padding:4px 7px}.bpmn-list-index{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#35232a;border:1px solid #65404a;color:#ffadb5;font-weight:800;font-size:10px}.bpmn-events-section{margin-top:18px;padding:14px;border:1px dashed #74508e;background:#201b2a;border-radius:12px}.bpmn-events-section h3{margin:0 0 8px;color:#d9c5f3;font-size:12px}.bpmn-event-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #383044}.bpmn-event-row:first-of-type{border-top:0}.bpmn-event-row button{border:1px solid #685083;border-radius:7px;background:#2a2039;color:#e1d0f8;padding:7px 10px;text-align:left;min-width:0;flex:1;overflow-wrap:anywhere}.bpmn-event-row span{font-size:10px;color:#b9a9cf;white-space:nowrap}
@media(max-width:1050px){.ideas-layout{grid-template-columns:minmax(0,1fr)}.ideas-page{padding:18px}.ideas-form-card,.ideas-list-card{padding:16px}}
@media(max-width:650px){.ideas-page{padding:12px}.ideas-hero{padding:16px;gap:11px}.ideas-hero h1{font-size:21px}.ideas-hero-icon{width:40px;height:40px;flex-basis:40px}.ideas-form-grid{grid-template-columns:minmax(0,1fr)}.ideas-form-footer{align-items:stretch;flex-direction:column}.ideas-form-footer .button{justify-content:center}.meeting-role-list{grid-template-columns:minmax(0,1fr)}.task-deadline-grid{grid-template-columns:minmax(0,1fr)}.bpmn-list-card{grid-template-columns:minmax(0,1fr)}.bpmn-list-index{display:none}}


/* v0.5.12 ticket fixes */
.sidebar{position:sticky;top:0;align-self:flex-start;height:100vh;max-height:100vh;flex:0 0 250px;overflow:hidden;z-index:20}
.sidebar .process-list{min-height:0;flex:1 1 auto;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.sidebar .process-list::-webkit-scrollbar{width:0;height:0}
.sidebar .sidebar-bottom{flex:0 0 auto}
.process-node.node-client_task{background:linear-gradient(145deg,#34271f,#242027)!important;color:#f4e6dc;border-color:#cf814b}
.process-node.node-communication{background:linear-gradient(145deg,#172a40,#1d222c)!important;color:#e5f2ff;border-color:#3e83c4}
.process-node.node-result{background:linear-gradient(145deg,#1d3329,#20262a)!important;color:#e5f6ec;border-color:#459970}
.process-node.node-event{background:linear-gradient(145deg,#2a203b,#22202d)!important;color:#efe5ff;border-color:#9366ce}
.process-node.node-client_task .node-title,.process-node.node-communication .node-title,.process-node.node-result .node-title,.process-node.node-event .node-title{color:#f5f7fb}
.process-node.node-client_task .node-description,.process-node.node-communication .node-description,.process-node.node-result .node-description,.process-node.node-event .node-description{color:#bdc7d4}
.process-node.node-client_task .node-special-preview,.process-node.node-communication .node-special-preview,.process-node.node-result .node-special-preview{background:#10151c88;border-color:#ffffff20;color:#dce5ef}
.project-settings-modal{width:min(1120px,calc(100vw - 32px));max-width:1120px;max-height:90vh;overflow-y:auto;overflow-wrap:anywhere}
.org-employee-modal{width:min(940px,calc(100vw - 28px));max-height:90vh;overflow-y:auto;overflow-wrap:anywhere}
.org-employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.org-employee-form-grid .full-row{grid-column:1/-1}
.org-employee-modal .modal-actions{position:sticky;bottom:-1px;background:#191c23;padding:12px 0 2px;z-index:2}
.resource-cost-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.resource-cost-summary article{display:flex;flex-direction:column;gap:7px;min-width:0;padding:12px;border:1px solid #303641;border-radius:9px;background:#1c2027}
.resource-cost-summary small{font-size:9px;color:#94a0b0}.resource-cost-summary strong{font-size:17px;color:#e8edf4;overflow-wrap:anywhere}
.ideas-archive-toggle{display:flex;gap:4px}.idea-admin-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
@media(max-width:790px){.sidebar{position:relative;top:auto;height:auto;max-height:none;flex-basis:auto;overflow:visible}.sidebar .process-list{flex:initial;max-height:none;overflow:visible}.project-settings-modal{width:calc(100vw - 20px)}.org-employee-form-grid{grid-template-columns:1fr}.org-employee-modal .modal-actions{position:static}.resource-cost-summary{grid-template-columns:1fr 1fr}}

/* v0.5.12 polish: company cost summary and taller employee profiles. */
.org-summary{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:900px){.org-summary{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.org-summary{grid-template-columns:minmax(0,1fr);}}
.org-employee-modal{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;}
.org-employee-modal .modal-actions{position:sticky;bottom:0;background:var(--panel,#19191d);padding-top:12px;padding-bottom:4px;}
.idea-admin-toolbar{display:flex;flex-wrap:wrap;gap:8px;}

/* v0.5.12 in-app release history. */
.changelog-page{width:100%;max-width:1250px;margin:0 auto;padding:28px 30px 44px;color:#e9ebef}.changelog-hero{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #343a46;border-radius:15px;background:radial-gradient(circle at 0 0,#3b2027 0,transparent 47%),#171a20;margin-bottom:24px}.changelog-hero-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:13px;background:#ed152722;border:1px solid #ed152744;color:#ff98a2}.changelog-hero h1{font-size:24px;line-height:1.2;margin:5px 0 7px}.changelog-hero p{max-width:750px;margin:0;color:#aab2c0;font-size:11px;line-height:1.6}.changelog-hero>.button{margin-left:auto;flex:0 0 auto}.changelog-timeline{display:flex;flex-direction:column;gap:0}.changelog-release{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}.changelog-release-rail{display:flex;align-items:center;flex-direction:column}.changelog-release-rail span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #47404a;background:#25232b;border-radius:9px;color:#bfc8d5}.changelog-release-rail span.current{border-color:#a54250;background:#411f27;color:#ffafb7}.changelog-release-rail i{width:1px;flex:1;min-height:26px;background:#38343d}.changelog-release-content{min-width:0;margin-bottom:22px;padding:17px;border:1px solid #303641;border-radius:12px;background:#171a20}.changelog-release-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.changelog-release-meta>strong{padding:4px 8px;border-radius:6px;background:#35232a;color:#ffb3bc;font-size:11px}.changelog-release-meta>span{display:inline-flex;align-items:center;gap:5px;color:#8793a4;font-size:10px}.changelog-release-meta>em{font-style:normal;background:#1e3d30;color:#9fe3bd;border:1px solid #315c47;border-radius:999px;padding:3px 7px;font-size:9px}.changelog-release-content h2{margin:12px 0 14px;font-size:16px;color:#f2f2f4;overflow-wrap:anywhere}.changelog-section{margin-top:12px}.changelog-section h3{margin:0 0 7px;color:#d2d8e1;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.changelog-section ul{display:grid;gap:7px;margin:0;padding-left:18px;color:#aab3c1;font-size:11px;line-height:1.6}.changelog-section li{padding-left:2px;overflow-wrap:anywhere}.changelog-footnote{padding:13px 15px;border:1px dashed #393d47;border-radius:9px;color:#858f9f;font-size:10px;line-height:1.6}@media(max-width:700px){.changelog-page{padding:14px}.changelog-hero{align-items:flex-start;flex-wrap:wrap;padding:16px}.changelog-hero>.button{margin-left:0;width:100%;justify-content:center}.changelog-hero h1{font-size:20px}.changelog-release{grid-template-columns:26px minmax(0,1fr);gap:8px}.changelog-release-content{padding:12px}}

/* v0.5.13: a compact tabbed inspector can expand over the canvas rather than squeezing it. */
.workspace{position:relative}
.inspector-tabs{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:hidden;padding:7px 0 10px;margin:0 0 10px;border-bottom:1px solid #303641;position:sticky;top:0;background:#171a20;z-index:3}
.inspector-tabs button{flex:0 0 auto;max-width:48%;border:1px solid #343a46;border-radius:7px;background:#20242c;color:#aeb7c5;padding:8px 10px;font-size:10px;font-weight:750;white-space:normal}
.inspector-tabs button.active{border-color:#94404b;background:#3a2027;color:#ffdce0}
.inspector-top-actions{display:flex;align-items:center;gap:5px}
.inspector.is-expanded{position:absolute;z-index:80;inset:0 0 0 auto;width:min(760px,calc(100vw - 275px));max-width:calc(100vw - 275px);min-width:420px;height:100%;max-height:100%;flex:none;box-shadow:-18px 0 44px #0009;border-left:1px solid #60404a;padding:18px 20px 26px;overflow-y:auto;overscroll-behavior:contain}
.inspector-tab-content{min-width:0}
.inspector-tab-content .formula-hint{margin-top:12px}
.inspector .task-duration-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:9px;margin:9px 0}
.inspector .task-duration-grid>*{min-width:0}
.inspector .formula-id-field code{overflow-wrap:anywhere}
.inspector [hidden]{display:none!important}
.project-allocation-row{align-items:stretch}
.project-allocation-row>button{width:40px;height:38px;justify-self:center}
.project-allocation-row .allocation-preview{min-width:0;display:flex;flex-direction:column;gap:4px}
.allocation-reason{display:flex;flex-direction:column;gap:4px;margin-top:5px;color:#909bad;font-size:9px}
.allocation-reason textarea{width:100%;min-width:0;min-height:46px;resize:vertical;background:#171a20;border:1px solid #343a46;border-radius:6px;color:#dce1e9;padding:7px;font:inherit;font-size:10px}
.ideas-export-modal{width:min(900px,calc(100vw - 28px));max-width:900px;max-height:min(88dvh,900px);display:flex;flex-direction:column;overflow:hidden}
.ideas-export-list{display:flex;flex-direction:column;gap:7px;min-height:0;overflow-y:auto;padding:3px 2px;overscroll-behavior:contain}
.ideas-export-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.ideas-export-toolbar .field-label{min-width:130px;margin:0}
.ideas-export-ticket{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #343a46;background:#1a1d24;border-radius:9px;cursor:pointer}
.ideas-export-ticket.selected{border-color:#a84654;background:#2a1d23}
.ideas-export-ticket input{accent-color:#ed1527;flex:0 0 auto}
.ideas-export-rank{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:7px;background:#34313a;color:#ffd0d6;font-weight:800;font-size:10px}
.ideas-export-ticket-content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.ideas-export-ticket-content strong{font-size:11px;color:#f1f2f4;overflow-wrap:anywhere}
.ideas-export-ticket-content small,.ideas-export-ticket-content>span{font-size:9px;color:#9da7b6;overflow-wrap:anywhere}
.ideas-export-score{flex:0 0 auto;border:1px solid #68404a;background:#3b2028;color:#ffb3bc;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:800}
.ideas-export-footer{flex-wrap:wrap;justify-content:flex-end}
.ideas-export-footer>span{margin-right:auto;color:#aab3c1;font-size:10px}
.org-person-rate{min-width:135px}
.org-person-rate small{display:block;line-height:1.4;margin-top:3px}
.org-employee-form-grid input[type=number]{min-width:0;width:100%;box-sizing:border-box}
.grade-working-hours input{min-width:90px;width:100%}
.process-create-button svg{flex:0 0 auto;display:block;margin:0}
@media(max-width:1050px){.project-allocation-row>button{width:40px}}
@media(max-width:790px){.inspector.is-expanded{position:relative;inset:auto;width:100%;max-width:none;min-width:0;height:auto;max-height:none;box-shadow:none;padding:14px}.inspector-tabs{flex-wrap:wrap;overflow:visible;position:static}.inspector-tabs button{flex:1 1 auto;max-width:none}.project-allocation-row>button{justify-self:end}.ideas-export-modal{width:calc(100vw - 16px);max-height:92dvh}.ideas-export-toolbar{align-items:stretch;flex-direction:column}.ideas-export-toolbar .field-label{width:100%}.ideas-export-footer{align-items:stretch}.ideas-export-footer>span{width:100%;margin:0}.inspector .task-duration-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}}
@media(max-width:480px){.inspector .task-duration-grid{grid-template-columns:1fr}.ideas-export-ticket{align-items:flex-start;gap:6px}.ideas-export-score{font-size:9px;padding:4px 5px}}


/* v0.5.13 layout corrections from the feedback backlog. */
.sidebar-section-label .icon-button.mini{display:inline-grid;place-items:center;flex:0 0 25px;padding:0;line-height:1}
.sidebar-section-label .icon-button.mini svg{display:block;width:15px;height:15px;flex:none;margin:0}
.cost-preview-sidebar{flex:0 0 clamp(340px,32vw,470px);width:clamp(340px,32vw,470px);min-width:320px;max-width:470px;max-height:calc(100dvh - 132px);position:sticky;top:8px;align-self:flex-start;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.cost-preview-sidebar .estimate-step-list{min-height:0}
.role-editor-modal{width:min(1060px,calc(100vw - 28px));max-width:1060px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.role-editor-grade-row-expanded{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.role-editor-grade-row-expanded>.field-label{flex:1 1 180px;min-width:165px;max-width:100%;margin:0}
.role-editor-grade-row-expanded>.role-formula-field{flex:2 1 300px;min-width:250px}
.role-editor-grade-row-expanded>.role-hourly-preview{flex:1 1 210px;min-width:190px}
.role-editor-grade-row-expanded>.role-default-radio{flex:0 0 auto;display:flex;align-items:center;gap:7px;white-space:nowrap;min-height:36px}
.role-editor-grade-row-expanded>.icon-button{flex:0 0 36px;width:36px;height:36px}
.role-editor-grade-row-expanded input[type=number],.role-editor-grade-row-expanded select,.role-editor-grade-row-expanded input[type=text]{box-sizing:border-box;width:100%;min-width:0;min-height:38px}
.project-allocation-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.project-allocation-row>.field-label{flex:1 1 175px;min-width:160px;max-width:100%}
.project-allocation-row>.allocation-mode{flex:1.35 1 220px}
.project-allocation-row>.allocation-rate{flex:.7 1 120px}
.project-allocation-row>.allocation-preview{flex:1.25 1 240px;min-width:220px;max-width:none}
.project-allocation-row>.allocation-preview .allocation-reason{width:100%;min-width:0;box-sizing:border-box}
.project-allocation-row>.icon-button{flex:0 0 44px;width:44px;height:40px;align-self:flex-start;margin:0}
.project-settings-modal{width:min(1100px,calc(100vw - 24px));max-width:1100px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.process-create-modal .modal-actions .button.primary svg{display:block;flex:0 0 15px;margin:0}
@media(max-width:980px){.cost-preview-sidebar{flex:0 1 320px;width:320px;min-width:280px;max-width:42vw;max-height:calc(100dvh - 140px)}.role-editor-grade-row-expanded>.field-label{flex-basis:165px}}
@media(max-width:790px){.cost-preview-sidebar{position:relative;top:auto;align-self:stretch;flex:1 1 auto;width:100%;min-width:0;max-width:none;max-height:none;overflow-y:visible}.role-editor-grade-row-expanded>.field-label,.role-editor-grade-row-expanded>.role-formula-field,.role-editor-grade-row-expanded>.role-hourly-preview{flex:1 1 100%;min-width:0}.project-allocation-row>.field-label,.project-allocation-row>.allocation-preview{flex:1 1 100%;min-width:0}.project-allocation-row>.icon-button{margin-left:auto}}

/* v0.5.14 — make task editing more compact and edge selection deterministic. */
.inspector-tabs{display:flex;flex-wrap:wrap;gap:5px;overflow:visible;padding:8px 0 11px;position:sticky;top:0}
.inspector-tabs button{flex:1 1 calc(50% - 5px);max-width:none;min-width:0;text-align:center}
.inspector:not(.is-expanded){width:350px;min-width:330px}
.inspector.is-expanded{width:min(820px,calc(100vw - 250px));max-width:calc(100vw - 250px)}
.task-advanced-fields{min-width:0;margin:7px 0;padding:8px 9px;border:1px solid #333b47;border-radius:8px;background:#1b1f26}
.task-advanced-fields>summary{display:flex;align-items:center;flex-wrap:wrap;gap:5px;cursor:pointer;list-style:none;color:#cbd3df;font-size:10px;font-weight:750}
.task-advanced-fields>summary::-webkit-details-marker{display:none}
.task-advanced-fields>summary::before{content:'+';display:inline-grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1px solid #454d59;border-radius:5px;color:#ffabb4;font-size:12px}
.task-advanced-fields[open]>summary::before{content:'−'}
.task-advanced-fields>summary span{color:#8490a1;font-size:9px;font-weight:500}
.task-advanced-fields[open]>summary{margin-bottom:10px}
.task-advanced-fields .compact-field{margin-bottom:9px}
.task-purpose-overrides:not([open]){background:#1a1e24}
.searchable-select{position:relative;width:100%;min-width:0;color:#e5e9f0}
.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;min-width:0;min-height:36px;padding:8px 9px;border:1px solid #3b424f;border-radius:7px;background:#20242c;color:#e5e9f0;font:inherit;font-size:10px;text-align:left;cursor:pointer}
.searchable-select-trigger>span{min-width:0;overflow-wrap:anywhere}
.searchable-select-trigger svg{flex:0 0 auto;color:#aab4c3}
.searchable-select-trigger .is-placeholder{color:#7d8998}
.searchable-select-trigger:focus-visible{outline:2px solid #ed1527;outline-offset:1px}
.searchable-select-trigger:disabled{opacity:.5;cursor:not-allowed}
.searchable-select-menu{position:absolute;z-index:120;top:calc(100% + 5px);left:0;right:0;min-width:min(260px,calc(100vw - 32px));max-width:340px;border:1px solid #474e5b;border-radius:9px;background:#171a20;box-shadow:0 15px 34px #000b;overflow:hidden}
.searchable-select-search{display:flex;align-items:center;gap:6px;padding:7px;border-bottom:1px solid #303641;color:#9aa6b5}
.searchable-select-search>input{width:100%;min-width:0;border:1px solid #38404d;border-radius:6px;background:#20242c;color:#f2f4f8;padding:7px 8px;font:inherit;font-size:10px;outline:none}
.searchable-select-search>input:focus{border-color:#a14b58}
.searchable-select-options{display:flex;flex-direction:column;max-height:230px;overflow-y:auto;overscroll-behavior:contain;padding:4px}
.searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px;border:0;border-radius:6px;background:transparent;color:#cbd3df;font:inherit;font-size:10px;text-align:left;cursor:pointer}
.searchable-select-option>span{display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}
.searchable-select-option small{color:#8490a1;font-size:9px}
.searchable-select-option:hover,.searchable-select-option.active{background:#292e38}
.searchable-select-option.selected{background:#3a2027;color:#ffdce0}
.searchable-select-option>svg{flex:0 0 auto;color:#ff9ca7}
.searchable-select-recent{flex:0 0 auto;color:#9bd8b7!important}
.searchable-select-empty{padding:16px 10px;color:#8e99a9;text-align:center;font-size:10px}
.searchable-select-footnote{border-top:1px solid #303641;padding:6px 8px;color:#798495;font-size:8px}
.work-item-fields .searchable-select{align-self:start}
.work-item-fields .searchable-select-trigger{min-height:38px}
@media(max-width:790px){.inspector:not(.is-expanded){width:100%;min-width:0}.inspector.is-expanded{position:relative;inset:auto;width:100%;max-width:none;min-width:0;height:auto;max-height:none;box-shadow:none;padding:14px}.inspector-tabs{position:static}.searchable-select-menu{max-width:calc(100vw - 40px)}}
.project-team-row .searchable-select{width:100%;min-width:0}
.project-team-row .searchable-select-trigger{min-height:38px}
.project-team-add-row .project-team-add-picker{flex:1 1 230px;min-width:0}
.project-team-add-row .searchable-select-menu{min-width:220px}

/* v0.5.15 — project worksheets and dependency-aware planning */
.project-sheet-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 15px;padding:5px;border:1px solid #303743;border-radius:11px;background:#171a20}
.project-sheet-tabs button{min-height:35px;padding:8px 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:#9ca8b8;font-size:10px;font-weight:750;cursor:pointer}
.project-sheet-tabs button:hover{background:#252a33;color:#eef1f5}
.project-sheet-tabs button.active{border-color:#6b303a;background:#351d24;color:#fff}
.projects-page [hidden]{display:none}
.project-delete-button{color:#ff9da7!important;border-color:#75404a!important}
.project-timeline-card{min-width:0}
.project-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}
.project-plan-duration{flex:0 0 auto;padding:8px 10px;border:1px solid #74404a;border-radius:9px;background:#301d23;color:#ffb2bb;font-size:14px;white-space:nowrap}
.project-timeline-list{display:flex;flex-direction:column;gap:8px;min-width:0;margin:14px 0}
.project-timeline-row{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(160px,2fr) minmax(85px,.65fr) auto;gap:12px;align-items:center;min-width:0;padding:11px;border:1px solid #303743;border-radius:9px;background:#171a20}
.project-timeline-label{display:flex;flex-direction:column;gap:4px;min-width:0}
.project-timeline-label strong{color:#ecf0f5;font-size:10px;overflow-wrap:anywhere}
.project-timeline-label small,.project-timeline-duration small{color:#8f9bad;font-size:9px;line-height:1.45;overflow-wrap:anywhere}
.project-timeline-track{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:38px;padding:0 2px}
.project-timeline-track:before{content:"";position:absolute;left:0;right:0;top:8px;height:6px;border-radius:6px;background:#2b313d}
.project-timeline-bar{position:absolute;top:8px;z-index:1;display:block;height:6px;border-radius:6px;background:linear-gradient(90deg,#a93f0b,#ed1527);min-width:3px}
.project-timeline-track small{position:relative;z-index:2;align-self:flex-start;margin-top:19px;color:#a7b1bf;font-size:8px}
.project-timeline-duration{display:flex;flex-direction:column;gap:4px;align-items:flex-end;color:#fff;font-size:10px;text-align:right}
.project-cycle-tag{padding:4px 6px;border-radius:5px;background:#522a28;color:#ffb1a7;font-size:8px;font-weight:800}
.project-capacity-heading{margin-top:24px}
.project-capacity-heading h3{display:flex;align-items:center;gap:6px}
.project-capacity-heading p{max-width:900px;color:#909baa;font-size:10px;line-height:1.6;margin:4px 0 0}

/* Financial-goal calculation rationale */
.goal-breakdown-editor{margin:16px 0;padding:12px;border:1px solid #343b46;border-radius:10px;background:#171a20}
.goal-breakdown-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.goal-breakdown-editor-heading strong{color:#f1f3f7;font-size:12px}
.goal-breakdown-editor-heading .field-help{max-width:620px;margin:5px 0 0}
.goal-breakdown-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end;padding:10px 0;border-top:1px solid #2e3540}
.goal-breakdown-line .field-label{min-width:0;margin:0;color:#aab4c2;font-size:9px}
.goal-breakdown-line input{width:100%;min-width:0;max-width:100%;margin-top:4px;padding:7px 6px;border:1px solid #3a424e;border-radius:6px;background:#111419;color:#edf0f5;font-size:10px;box-sizing:border-box}
.goal-breakdown-line .goal-breakdown-notes{grid-column:1/-1}
.goal-breakdown-preview{margin-top:14px;padding:9px;border:1px solid #303743;border-radius:8px;background:#171a20}
.goal-breakdown-preview summary{color:#c7d0dd;font-size:10px;font-weight:750;cursor:pointer}
.goal-breakdown-table-wrap{margin-top:9px;min-width:0}
.goal-breakdown-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:9px}
.goal-breakdown-table th,.goal-breakdown-table td{padding:7px 5px;border-bottom:1px solid #2c333d;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.goal-breakdown-table th{color:#8e9aaa;font-size:8px;text-transform:uppercase}
.goal-breakdown-table td{color:#d4dbe5}
.goal-breakdown-table td strong,.goal-breakdown-table td small{display:block;margin-top:4px}
.goal-breakdown-table td strong{color:#fff}
.goal-breakdown-table td code{font-size:8px;color:#e3bc90;white-space:pre-wrap;overflow-wrap:anywhere}
.goal-breakdown-table td small{color:#8f9bad}

/* Shared, editable Wiki */
.wiki-page{width:100%;max-width:1500px;min-width:0;margin:0 auto;padding:26px clamp(14px,2.5vw,34px) 48px;box-sizing:border-box;color:#edf0f5}
.wiki-hero{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:19px;border:1px solid #353c48;border-radius:13px;background:linear-gradient(145deg,#20242c,#191c22)}
.wiki-hero>div:nth-child(2){flex:1;min-width:0}
.wiki-hero h1{margin:4px 0 6px;color:#fff;font-size:clamp(25px,2.2vw,33px)}
.wiki-hero p{margin:0;color:#98a3b2;font-size:11px;line-height:1.6;max-width:900px}
.wiki-hero-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid #6b303a;border-radius:12px;background:#351d24;color:#ff8994}
.wiki-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:14px;align-items:start}
.wiki-index,.wiki-article{min-width:0;border:1px solid #343b46;border-radius:12px;background:#1a1d24}
.wiki-index{padding:10px}
.wiki-search{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #363e4b;border-radius:8px;background:#111419;color:#8895a6}
.wiki-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#edf0f5;font-size:11px}
.wiki-index-list{display:flex;flex-direction:column;gap:4px;margin-top:9px}
.wiki-index-item{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;padding:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#dfe5ee;text-align:left;cursor:pointer}
.wiki-index-item:hover{background:#242832}
.wiki-index-item.active{border-color:#65323c;background:#302027}
.wiki-index-item strong{font-size:10px;overflow-wrap:anywhere}
.wiki-index-item small{font-size:9px;line-height:1.45;color:#8f9bad;overflow-wrap:anywhere}
.wiki-article{padding:clamp(14px,2vw,24px)}
.wiki-article-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:15px;border-bottom:1px solid #303743}
.wiki-article-heading>div:first-child{flex:1;min-width:0}
.wiki-page-type{font-size:8px;letter-spacing:.09em;font-weight:800;color:#ff818c}
.wiki-article-heading h2{margin:7px 0;color:#fff;font-size:clamp(19px,2vw,25px);overflow-wrap:anywhere}
.wiki-article-heading p{margin:0;color:#9ba6b5;font-size:10px;line-height:1.5}
.wiki-actions{display:flex;flex-wrap:wrap;gap:6px}
.wiki-article-heading .field-label{margin:9px 0 0}
.wiki-content{padding:12px 0;overflow-wrap:anywhere}
.wiki-content p{margin:9px 0;color:#cbd3df;font-size:11px;line-height:1.75;white-space:pre-wrap}
.wiki-content p:first-child{margin-top:0}
.wiki-content p:nth-child(odd){color:#d6dde7}
.wiki-content code{color:#f0c399}
.wiki-content-editor{display:block;margin-top:16px}
.wiki-content-editor textarea{width:100%;min-width:0;min-height:400px;padding:12px;border:1px solid #3b4350;border-radius:8px;background:#111419;color:#edf0f5;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;box-sizing:border-box;resize:vertical}
.wiki-meta{padding-top:12px;border-top:1px solid #303743;color:#7f8b9d;font-size:8px;overflow-wrap:anywhere}
.wiki-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;margin:10px 0;border:1px solid #353c48;border-radius:8px;font-size:10px}
.wiki-alert.error{border-color:#70404a;color:#ffb0b7}.wiki-alert.success{border-color:#315542;color:#a7e4bc}.wiki-alert button{border:0;background:transparent;color:inherit;cursor:pointer}
.wiki-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:100px;color:#8895a6;font-size:10px;text-align:center}
.wiki-empty strong{color:#e6eaf0}
.ideas-export-ticket{display:grid;grid-template-columns:16px 25px minmax(0,1fr) auto;align-items:start;gap:8px;width:100%;min-width:0;box-sizing:border-box}
.ideas-export-ticket-content{flex:initial;width:100%;min-width:0}
.ideas-export-bulk-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;margin:11px 0;padding:10px;border:1px solid #303743;border-radius:9px;background:#171a20}
.ideas-export-bulk-actions .field-label{flex:1;min-width:0;max-width:450px;margin:0}
.ideas-export-bulk-actions .field-label select{width:100%;min-width:0}
.ideas-development-confirm p{color:#b7c0cd;font-size:11px;line-height:1.65}
@media(max-width:1000px){.project-timeline-row{grid-template-columns:minmax(115px,1fr) minmax(140px,1.3fr) minmax(70px,.6fr)}.project-cycle-tag{grid-column:1/-1;justify-self:end}}
@media(max-width:720px){.wiki-page{padding:18px 12px 30px}.wiki-hero{align-items:flex-start;flex-wrap:wrap;padding:13px}.wiki-hero>button{width:100%}.wiki-layout{grid-template-columns:1fr}.wiki-index-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.wiki-article-heading{flex-direction:column}.wiki-actions{width:100%}.wiki-actions .button{flex:1}.project-sheet-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.project-sheet-tabs button{padding:7px 4px}.project-timeline-row{grid-template-columns:minmax(0,1fr) minmax(100px,1fr);gap:9px}.project-timeline-track{grid-column:1/-1;grid-row:2}.project-timeline-duration{align-items:flex-end}.project-timeline-row .project-cycle-tag{grid-column:1/-1}.project-section-heading{flex-direction:column}.project-plan-duration{align-self:flex-start}.goal-breakdown-line{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-breakdown-line .goal-breakdown-notes{grid-column:1/-1}.goal-breakdown-line>.icon-button{grid-column:2;justify-self:end}.goal-breakdown-table{table-layout:auto}.ideas-export-bulk-actions{align-items:stretch;flex-direction:column}.ideas-export-bulk-actions .field-label{max-width:none}.ideas-export-footer{flex-wrap:wrap}.ideas-export-footer>span{flex-basis:100%}}

/* Markdown blocks in the editable Wiki are rendered as semantic, escaped React nodes. */
.wiki-content h3,.wiki-content h4,.wiki-content h5{margin:18px 0 8px;color:#fff;line-height:1.4;overflow-wrap:anywhere}
.wiki-content h3{font-size:17px}.wiki-content h4{font-size:14px}.wiki-content h5{font-size:12px}
.wiki-content ul,.wiki-content ol{margin:9px 0;padding-left:22px;color:#cbd3df;font-size:11px;line-height:1.75}
.wiki-content li{margin:3px 0}
.wiki-content blockquote{margin:12px 0;padding:9px 13px;border-left:3px solid #a93f0b;background:#22262e;color:#cbd3df;font-size:11px;line-height:1.65}
.wiki-content pre{max-width:100%;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:11px;border:1px solid #343b46;border-radius:8px;background:#111419;color:#e6c8a5;font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.wiki-content code{white-space:pre-wrap;overflow-wrap:anywhere}
.goal-breakdown-line>.icon-button{justify-self:end;align-self:center}
@media(max-width:720px){.goal-breakdown-line{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-breakdown-line .goal-breakdown-notes{grid-column:1/-1}.goal-breakdown-line>.icon-button{grid-column:2;justify-self:end}}

/* Buildin token integration, task registry and operational dashboard (v0.5.17). */
.buildin-integration-page { display: grid; gap: 16px; min-width: 0; }
.buildin-integration-page > .admin-card-heading { align-items: flex-start; gap: 18px; }
.buildin-integration-page .admin-card-heading h2,
.buildin-integration-page .admin-card-heading h3 { display: flex; align-items: center; gap: 9px; margin: 0 0 6px; }
.buildin-integration-page .admin-card-heading p { margin: 0; max-width: 780px; color: var(--muted, #aaa); line-height: 1.5; }
.integration-state { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #6a4b50; border-radius: 99px; padding: 6px 11px; font-size: 12px; white-space: nowrap; background: #2d2023; color: #ffd7dc; }
.integration-state.is-connected { border-color: #30684d; background: #172d24; color: #b6f2cd; }
.integration-info-banner { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid #464149; border-radius: 12px; background: #201c22; }
.integration-info-banner > svg { flex: 0 0 auto; color: #ed1527; }
.integration-info-banner p { margin: 5px 0 0; color: var(--muted, #aaa); line-height: 1.5; }
.buildin-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.buildin-enabled { grid-column: 1 / -1; margin: 0; }
.buildin-token-field { grid-column: 1 / -1; }
.buildin-users-load { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; min-width: 0; }
.buildin-users-load .field-warning { overflow-wrap: anywhere; line-height: 1.4; }
.buildin-settings-grid .field-label small { display: block; color: var(--muted, #aaa); margin-top: 5px; line-height: 1.4; font-weight: 400; }
.integration-actions { display: flex; gap: 9px; flex-wrap: wrap; align-items: center; }
.buildin-property-card, .buildin-sync-summary, .buildin-conflicts-card { margin: 0; min-width: 0; }
.buildin-mapping-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.buildin-sync-summary .admin-card-heading { margin-bottom: 15px; }
.integration-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.integration-counts > div { min-width: 0; padding: 12px; border: 1px solid var(--border, #39353b); background: rgba(255,255,255,.025); border-radius: 10px; }
.integration-counts span { display: block; color: var(--muted, #aaa); font-size: 12px; line-height: 1.4; }
.integration-counts strong { display: block; margin-top: 5px; font-size: 20px; }

.task-manager-page { min-width: 0; max-width: 1500px; margin: 0 auto; padding: 28px; display: grid; gap: 18px; }
.task-manager-header { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.task-manager-header h1 { margin: 5px 0 7px; font-size: clamp(24px, 3vw, 34px); }
.task-manager-header p { max-width: 760px; margin: 0; line-height: 1.5; color: var(--muted, #aaa); }
.task-manager-page > .project-card { min-width: 0; padding: 18px; }
.task-manager-embedded { min-width: 0; display: grid; gap: 12px; }
.task-toolbar { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.task-toolbar > .field-label { width: min(235px, 100%); margin: 0; }
.task-search { display: flex; align-items: center; gap: 8px; min-width: 180px; flex: 1 1 220px; border: 1px solid var(--border, #39353b); border-radius: 9px; padding: 0 10px; height: 39px; color: var(--muted, #aaa); }
.task-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: inherit; background: transparent; }
.task-toolbar .checkbox-label { margin: 0 0 8px; white-space: nowrap; }
.task-create-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px; margin-bottom: 16px; border: 1px solid var(--border, #39353b); border-radius: 12px; background: rgba(255,255,255,.02); }
.task-create-form .field-label { min-width: 0; margin: 0; }
.task-create-form .task-description-field { grid-column: 1 / -1; }
.task-form-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 8px; }
.task-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0 12px; }
.task-list { display: grid; gap: 12px; }
.task-manager-card { min-width: 0; padding: 14px; border: 1px solid var(--border, #39353b); background: rgba(255,255,255,.02); border-radius: 12px; }
.task-manager-card.is-archived { opacity: .74; }
.task-manager-main { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(130px, .8fr)) repeat(3, minmax(110px, .7fr)); gap: 11px; }
.task-manager-main .field-label { min-width: 0; margin: 0; }
.task-manager-main .task-description-field { grid-column: 1 / -1; }
.task-manager-main input, .task-manager-main select, .task-manager-main textarea { min-width: 0; max-width: 100%; }
.task-card-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border, #39353b); }
.task-card-footer > span { display: inline-flex; align-items: center; gap: 6px; color: var(--muted, #aaa); font-size: 12px; }
.task-card-footer > div { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; }
.task-sync-status { display: inline-flex; align-items: center; font-size: 11px; white-space: nowrap; border-radius: 99px; background: #30252a; color: #f3c6ce; padding: 5px 8px; }
.task-sync-status.sync-active { background: #1b3027; color: #b5efc9; }
.task-sync-status.sync-pending { background: #302b20; color: #f3df9b; }
.project-tasks-card { min-width: 0; }
.project-tasks-card > .task-manager-embedded { margin-top: 6px; }

@media (max-width: 1050px) {
  .task-manager-page { padding: 20px; }
  .task-manager-main { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .integration-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .task-manager-page { padding: 12px; }
  .task-toolbar { align-items: stretch; }
  .task-toolbar > .field-label { width: 100%; }
  .task-search { flex-basis: 100%; }
  .task-create-form, .task-manager-main, .buildin-settings-grid, .buildin-mapping-grid { grid-template-columns: minmax(0, 1fr); }
  .task-create-form .task-description-field, .task-create-form .task-form-actions, .task-manager-main .task-description-field, .buildin-enabled, .buildin-token-field { grid-column: auto; }
  .integration-actions .button { width: 100%; justify-content: center; }
  .integration-counts { grid-template-columns: minmax(0, 1fr); }
  .task-card-footer { align-items: flex-start; }
  .task-card-footer > div { width: 100%; }
}

/* FlowCost v0.5.17: operational dashboard and finance visibility controls. */
.home-dashboard { width: min(1500px, 100%); margin: 0 auto; padding: 30px; display: grid; gap: 18px; min-width: 0; }
.home-dashboard-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.home-dashboard-header h1 { margin: 6px 0 8px; font-size: clamp(26px, 3vw, 38px); letter-spacing: -.035em; }
.home-dashboard-header p { margin: 0; max-width: 760px; color: var(--muted, #aaa); line-height: 1.55; }
.home-dashboard-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.home-dashboard-card { min-width: 0; display: grid; gap: 8px; padding: 17px; border: 1px solid var(--border, #39353b); border-radius: 13px; background: linear-gradient(135deg, rgba(237,21,39,.07), rgba(255,255,255,.015)); }
.home-dashboard-card-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: #ff5966; background: rgba(237,21,39,.12); }
.home-dashboard-card > span { color: var(--muted, #aaa); font-size: 12px; }
.home-dashboard-card > strong { font-size: 31px; line-height: 1.1; font-weight: 700; }
.home-dashboard-card > small { color: var(--muted, #aaa); font-size: 11px; line-height: 1.45; }
.home-dashboard-progress, .home-dashboard-notes > div { min-width: 0; padding: 19px; border: 1px solid var(--border, #39353b); border-radius: 13px; background: rgba(255,255,255,.02); }
.home-dashboard-section-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; color: #ef4654; }
.home-dashboard-section-title h2 { color: var(--text, #f4f0ec); font-size: 17px; margin: 0 0 5px; }
.home-dashboard-section-title p { color: var(--muted, #aaa); margin: 0; font-size: 12px; line-height: 1.5; }
.home-progress-track { height: 9px; overflow: hidden; margin: 22px 0 14px; background: #29252a; border-radius: 99px; }
.home-progress-track > span { display: block; height: 100%; background: linear-gradient(90deg, #a93f0b, #ed1527); border-radius: inherit; transition: width .25s ease; }
.home-progress-legend { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; color: var(--muted, #aaa); font-size: 12px; }
.home-progress-legend span { display: flex; align-items: center; gap: 7px; }
.home-progress-legend strong { color: var(--text, #f4f0ec); }
.home-status-dot { width: 7px; height: 7px; border-radius: 50%; background: #7b838d; }
.home-status-dot.done { background: #62c78c; } .home-status-dot.active { background: #e2b455; } .home-status-dot.todo { background: #8d929d; }
.home-dashboard-notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.home-dashboard-notes strong { font-size: 13px; }
.home-dashboard-notes p { margin: 8px 0 0; font-size: 12px; line-height: 1.6; color: var(--muted, #aaa); }
.admin-finance-toggle { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.admin-finance-toggle input { accent-color: #ed1527; }
@media (max-width: 1000px) { .home-dashboard-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .home-dashboard { padding: 14px; } .home-dashboard-header { align-items: stretch; flex-direction: column; } .home-dashboard-header > .button { align-self: flex-start; } .home-dashboard-cards, .home-dashboard-notes { grid-template-columns: minmax(0, 1fr); } }
.project-team-fields { min-width: 0; padding: 0; margin: 0; border: 0; }
.project-team-fields:disabled { opacity: .8; }


/* v0.5.18 — process schedule tags and role-capacity settings */
.node-planned-day-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px;min-width:0}
.node-planned-day-tags span{display:inline-flex;align-items:center;max-width:100%;padding:3px 5px;border:1px solid #70404a;border-radius:5px;background:#351d24;color:#ffd7dc;font-size:8px;line-height:1.25;font-weight:750;overflow-wrap:anywhere}
.node-default-role{display:flex;align-items:flex-start;gap:4px;margin-top:6px;color:#d4b5bc;font-size:8px;line-height:1.35;overflow-wrap:anywhere}
.node-default-role svg{flex:0 0 auto;margin-top:1px}
.process-role-settings{display:flex;flex-direction:column;gap:10px;padding:14px 0;border-bottom:1px solid #373039}
.process-lead-role{max-width:520px}
.process-role-list{display:flex;flex-direction:column;gap:7px;min-width:0}
.process-role-row{display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid #39323a;border-radius:9px;background:#191a20;min-width:0}
.process-role-head{display:grid;grid-template-columns:minmax(130px,1.5fr) minmax(72px,.45fr) minmax(90px,.7fr) minmax(100px,.8fr) auto;align-items:center;gap:9px;min-width:0}
.process-role-name{display:flex;flex-direction:column;gap:3px;min-width:0}
.process-role-name strong{font-size:11px;color:#f5e7e9;overflow-wrap:anywhere}
.process-role-name>span{align-self:flex-start;padding:2px 5px;border-radius:4px;background:#4c222b;color:#ffcbd1;font-size:8px;font-weight:800}
.process-role-name small{color:#e4b27c;font-size:8px;line-height:1.4}
.process-role-row .field-label{font-size:9px;gap:4px;min-width:0}
.process-role-row .field-label input,.process-role-row .field-label select{width:100%;min-width:0;padding:7px 8px}
.process-role-demand{display:flex;flex-direction:column;gap:4px;min-width:0}
.process-role-demand small{font-size:8px;color:#999ba7;line-height:1.25}
.process-role-demand strong{font-size:11px;color:#d8e3ef;overflow-wrap:anywhere}
.process-role-cost-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px;align-items:end;padding-top:9px;border-top:1px solid #3b3037;min-width:0}
.process-role-cost-config .field-help{grid-column:1/-1;margin:0}
.process-role-cost-config select,.process-role-cost-config input{background:#211c22;color:#f5e7e9;border:1px solid #55434d;border-radius:7px}
.process-role-add{display:flex;gap:8px;align-items:center;max-width:560px}
.process-role-add select,.process-role-add input{flex:1;min-width:0}
.inline-form-warning{padding:9px 11px;border:1px solid #76552e;border-radius:7px;background:#332719;color:#f3d4a0;font-size:10px;line-height:1.5}
@media(max-width:760px){.process-role-head{grid-template-columns:minmax(0,1fr) minmax(68px,.45fr) auto;gap:8px}.process-role-name{grid-column:1 / 3}.process-role-head .process-role-demand{grid-column:auto}.process-role-head .process-role-demand:nth-of-type(3){grid-column:1 / 2}.process-role-head .process-role-demand:nth-of-type(4){grid-column:2 / 3}.process-role-head>.icon-button{grid-column:3;grid-row:1 / 3}.process-role-add{align-items:stretch;flex-direction:column}.process-role-add .button{justify-content:center}.process-role-cost-config{grid-template-columns:minmax(0,1fr)}}


/* v0.5.19 — Buildin task/project links and integration audit filters. */
.project-counterpart-links { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;min-width:0 }
.project-counterpart-links .task-sync-status { margin-left:2px }
.project-list-shell { min-width:0;display:grid;gap:8px }
.project-list-links { display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;padding:0 4px }
.project-list-links .task-sync-status { max-width:100%;white-space:normal;overflow-wrap:anywhere }
.buildin-logs-card { min-width:0 }
.buildin-log-filters { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:13px;margin:0 0 14px;border:1px solid var(--border,#39353b);border-radius:11px;background:rgba(255,255,255,.018);min-width:0 }
.buildin-log-filters .field-label { min-width:0;margin:0 }
.buildin-log-filters input,.buildin-log-filters select { min-width:0;max-width:100%;box-sizing:border-box }
.buildin-log-actors { grid-column:1/-1;display:grid;gap:8px;min-width:0;padding-top:4px }
.buildin-log-actors>strong { font-size:11px;color:var(--text,#f4f0ec) }
.buildin-log-actors>div { display:flex;flex-wrap:wrap;gap:8px 14px;min-width:0 }
.buildin-log-actors .checkbox-label { display:inline-flex;align-items:center;gap:6px;margin:0;min-width:0;color:var(--muted,#aaa);font-size:11px;line-height:1.4 }
.buildin-log-actors .checkbox-label input { flex:0 0 auto }
.buildin-log-filter-actions { grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap }
.buildin-log-list { display:grid;gap:9px;min-width:0 }
.buildin-log-entry { min-width:0;padding:13px;border:1px solid #38343b;border-left:3px solid #6f7785;border-radius:10px;background:rgba(255,255,255,.018) }
.buildin-log-entry.log-warning { border-left-color:#d7a943 }
.buildin-log-entry.log-error { border-left-color:#ed4554 }
.buildin-log-entry-top { display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0 }
.buildin-log-entry-top time,.buildin-log-origin { color:var(--muted,#aaa);font-size:10px }
.buildin-log-entry-top strong { margin-left:auto;font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere }
.buildin-log-severity { display:inline-flex;align-items:center;padding:3px 7px;border-radius:99px;background:#2b3037;color:#c8d2df;font-size:9px;white-space:nowrap }
.buildin-log-severity.log-warning { background:#382e1c;color:#f0d69b }
.buildin-log-severity.log-error { background:#3c2026;color:#ffb8bf }
.buildin-log-entry>p { margin:8px 0 10px;color:var(--text,#e5e3e2);font-size:11px;line-height:1.55;overflow-wrap:anywhere }
.buildin-log-meta { display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0 }
.buildin-log-meta>span,.buildin-log-meta>code { max-width:100%;padding:4px 6px;border:1px solid #3a3b43;border-radius:5px;color:#b7c0cf;background:#16181e;font-size:9px;overflow-wrap:anywhere }
.buildin-log-meta>a { display:inline-flex;align-items:center;gap:4px;color:#f28a92;font-size:10px;text-decoration:none }
.buildin-log-meta>a:hover { color:#ffc6cb;text-decoration:underline }
.buildin-log-entry details { margin-top:9px;color:var(--muted,#aaa);font-size:10px }
.buildin-log-entry details summary { cursor:pointer }
.buildin-log-entry pre { max-width:100%;max-height:220px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;border:1px solid #363942;border-radius:7px;background:#111319;color:#c7d3e2;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;box-sizing:border-box }
.field-warning { color:#e7b873!important }
@media(max-width:1050px) { .buildin-log-filters { grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media(max-width:700px) { .buildin-log-filters { grid-template-columns:minmax(0,1fr);padding:10px } .buildin-log-actors,.buildin-log-filter-actions { grid-column:auto } .buildin-log-entry-top strong { margin-left:0;flex-basis:100% } .project-list-links { justify-content:flex-start } .project-counterpart-links { align-items:flex-start } }

/* v0.5.20 compact, grouped navigation */
.sidebar-nav-group{margin:3px 0 5px}.nav-group-heading{width:100%;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid transparent;background:transparent;border-radius:8px;color:#8c929b;font-size:10px;font-weight:800;letter-spacing:.05em;text-align:left;cursor:pointer}.nav-group-heading:hover{background:#1f242d;color:#f1f3f6}.nav-group-heading span{min-width:0;flex:1}.nav-group-items{display:flex;flex-direction:column;gap:1px;padding-left:5px}.sidebar .nav-group-items .nav-link{padding:8px 10px;font-size:11px;min-height:31px}.nav-external-mark{margin-left:auto;font-size:12px;color:#a7aab1}.employment-type-settings{margin:18px 0}.employment-type-add-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(160px,1.4fr) minmax(95px,.6fr) auto;align-items:end;gap:10px;margin-top:14px}.employment-type-add-row .field-label{margin:0}.employment-type-settings .admin-table input[type=text],.employment-type-settings .admin-table input:not([type]){width:100%;min-width:130px}.employment-type-settings .admin-table input[type=number]{width:100%;min-width:90px}.employment-type-settings .project-card-actions{margin-top:14px}@media(max-width:790px){.sidebar-nav-group{flex:0 0 auto;max-width:100%}.nav-group-heading{padding:5px 7px;font-size:9px}.nav-group-items{padding-left:0}.sidebar .nav-group-items .nav-link{padding:5px 7px;font-size:10px}.employment-type-add-row{grid-template-columns:1fr 1fr}.employment-type-add-row button{align-self:end}}

/* Buildin integration is split into focused sub-tabs so the sync controls and live logs
   remain discoverable without the schema editor filling the entire admin page. */
.buildin-subtabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border, rgba(255,255,255,.12));
}
.buildin-subtab {
  appearance: none;
  border: 1px solid var(--border, rgba(255,255,255,.14));
  border-radius: 9px;
  background: transparent;
  color: inherit;
  padding: 9px 13px;
  cursor: pointer;
  font: inherit;
}
.buildin-subtab:hover { border-color: #ED1527; }
.buildin-subtab.is-active {
  color: #fff;
  background: #54141A;
  border-color: #ED1527;
}
.buildin-import-action { border-color: rgba(237,21,39,.4); }
.buildin-import-action .admin-card-heading,
.buildin-sync-action .admin-card-heading { align-items: center; }
.buildin-import-action .admin-card-heading > div,
.buildin-sync-action .admin-card-heading > div { min-width: 0; flex: 1; }
.buildin-diagnostics-actions .admin-card-heading { align-items: center; }

/* Buildin integration sub-tab layout and grouped schema action controls. */
.buildin-schema-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.buildin-schema-actions > span { color: var(--text-muted, #a8a8a8); font-size: 0.86rem; }

/* v0.5.24 — publication, launch scenarios and advanced task filters */
.process-publication-modal { max-width: 780px; max-height: 90vh; overflow: auto; }
.publication-status { display: grid; gap: 4px; padding: 14px 16px; border: 1px solid var(--border, #454047); border-radius: 12px; }
.publication-status strong { font-size: 1.05rem; }
.publication-status small { color: var(--muted, #a7a0a6); }
.publication-action-section { display: grid; gap: 10px; padding: 16px 0; border-top: 1px solid var(--border, #454047); }
.publication-action-section h3 { margin: 0; }
.publication-review-note { padding: 12px; border-radius: 8px; background: rgba(237, 21, 39, .08); margin: 12px 0; }
.publication-review-note p { white-space: pre-wrap; margin: 6px 0 12px; }
.publication-admin-override { border-top: 1px dashed var(--border, #454047); }
.parameter-scenario-estimate { display: grid; gap: 8px; margin-top: 14px; padding: 12px 14px; border: 1px solid var(--border, #454047); border-radius: 10px; }
.parameter-scenario-estimate > div { display: grid; gap: 6px; }
.parameter-scenario-estimate span, .parameter-scenario-estimate small { color: var(--muted, #a7a0a6); }
.parameter-scenario-estimate b { color: var(--text, #f5f4f7); }
.task-advanced-filters { border: 1px solid var(--border, #454047); border-radius: 10px; padding: 12px; margin: 12px 0; }
.task-filter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.start-requirements-settings { display: grid; gap: 12px; }

/* v0.5.24 — compact Kanban view for the existing task records. */
.task-view-toggle{display:flex;gap:4px;align-items:center;white-space:nowrap}
.task-status-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;align-items:start;margin-top:12px}
.task-status-column{min-width:0;display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid var(--border,#dedbd8);border-radius:12px;background:var(--surface-subtle,#f8f7f6)}
.task-status-column>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 2px 8px;border-bottom:1px solid var(--border,#dedbd8)}
.task-status-column>header strong{font-size:13px;font-weight:700}
.task-status-column>header span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--surface,#fff);font-size:11px;font-weight:700}
.task-board-card{display:grid;gap:8px;padding:12px;border:1px solid var(--border,#dedbd8);border-radius:10px;background:var(--surface,#fff);box-shadow:0 1px 2px rgba(0,0,0,.03);cursor:grab}
.task-board-card:active{cursor:grabbing}
.task-board-card>strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.task-board-card>small{color:var(--muted,#716b66);font-size:11px}
.task-board-card>p{margin:0;color:var(--muted,#716b66);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.task-board-card-meta,.task-board-card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted,#716b66)}
.task-board-card-meta span{display:inline-flex;align-items:center;gap:4px}
.task-board-card .field-label{font-size:11px;gap:4px}
.task-board-card .field-label select{font-size:12px;padding:6px 7px}
.task-board-card-actions .button{min-height:26px}
.task-board-empty{margin:0;padding:14px 6px;text-align:center;color:var(--muted,#716b66);font-size:11px;border:1px dashed var(--border,#dedbd8);border-radius:8px}
@media(max-width:700px){.task-view-toggle{width:100%}.task-view-toggle .button{flex:1}.task-status-board{grid-template-columns:minmax(0,1fr)}}

/* v0.5.25 — task tracker workbench, guided company tabs, and preset rows */
.company-directory-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 18px;padding:6px;border:1px solid #303641;border-radius:12px;background:#171a20}
.company-directory-tabs button{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:10px 12px;background:transparent;color:#9da7b5;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.company-directory-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#2b303a;color:#d7dce4;font-size:10px}
.company-directory-tabs button.active{background:#321a21;border-color:#6b2c38;color:#fff}
.employee-card-groups{display:grid;gap:20px}
.employee-card-group{min-width:0}
.employee-card-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.employee-card-group>header h3{margin:0 0 4px;font-size:15px}
.employee-card-group>header span{font-size:11px;color:#96a1b0}
.employee-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:12px}
.employee-profile-card{display:grid;gap:12px;min-width:0;padding:15px;border:1px solid #353b46;border-radius:13px;background:linear-gradient(145deg,#20242c,#191c23);box-shadow:0 5px 18px #0002}
.employee-profile-card.is-inactive{opacity:.74}
.employee-profile-card-heading{display:flex;align-items:center;gap:10px;min-width:0}
.employee-profile-card-heading>.org-person-avatar{width:38px;height:38px;flex-basis:38px;display:grid;place-items:center}
.employee-profile-card-heading>div{display:grid;gap:4px;flex:1;min-width:0}
.employee-profile-card-heading strong{font-size:13px;overflow-wrap:anywhere}
.employee-profile-card-heading small{font-size:11px;color:#98a3b2}
.employee-profile-card-details{display:grid;gap:6px;color:#a4aebb;font-size:11px}
.employee-profile-card-details b{color:#f5d4d8}
.employee-profile-card-links{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid #333944;padding-top:10px}
.employee-profile-card-links>a,.employee-profile-card-links>.linkedin-missing{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#b8c0cc;text-decoration:none}
.employee-profile-card-links>a{color:#8cc9ff}
.employee-profile-card-links>div{display:flex;align-items:center;gap:5px}
.task-manager-header{align-items:flex-end}
.task-header-create{flex:0 0 auto;white-space:nowrap}
.task-tracker-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.task-tracker-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 18px}
.task-metric{display:grid;gap:7px;min-width:0;padding:14px 15px;border:1px solid var(--border,#353944);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.task-metric>span{color:var(--muted,#a6a9b2);font-size:11px;font-weight:650}
.task-metric>strong{font-size:26px;line-height:1;color:var(--text,#f5f4f7);font-variant-numeric:tabular-nums}
.task-metric>small{color:var(--muted,#828895);font-size:10px}
.task-metric-total{border-color:rgba(237,21,39,.35);background:linear-gradient(145deg,rgba(237,21,39,.11),rgba(255,255,255,.015))}
.task-metric.is-warning>strong{color:#ff777f}
.task-toolbar{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(145px,.7fr) minmax(220px,1.5fr) auto auto;align-items:end;gap:10px;padding:13px;margin-bottom:16px;border:1px solid var(--border,#353944);border-radius:12px;background:rgba(18,20,25,.7)}
.task-toolbar> .field-label{width:auto;min-width:0}
.task-toolbar .task-search{min-width:0;width:100%;box-sizing:border-box}
.task-toolbar .task-advanced-filters{grid-column:1/-1;margin:0}
.task-toolbar>.checkbox-label{font-size:11px}
.task-list-heading{padding:0 2px 11px;border-bottom:1px solid var(--border,#353944)}
.task-list-heading>div{display:grid;gap:5px}
.task-list-heading>div>strong{font-size:15px}
.task-list-heading>div>small{color:var(--muted,#9297a2);font-size:11px}
.task-status-board{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:13px;margin-top:14px}
.task-status-column{padding:12px;background:rgba(255,255,255,.018);border-radius:13px}
.task-status-column>header{padding:4px 2px 10px}
.task-board-card{gap:10px;padding:14px;border-color:var(--border,#383b44);background:var(--panel,#202229);box-shadow:0 4px 12px #0002;transition:border-color .15s,transform .15s}
.task-board-card:hover{border-color:rgba(237,21,39,.6);transform:translateY(-1px)}
.task-board-card>strong{font-size:13px}
.task-board-card-meta{padding-top:7px;border-top:1px solid var(--border,#383b44)}
@media(max-width:1000px){.task-tracker-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.task-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.task-toolbar .task-search{grid-column:1/-1}.task-toolbar .task-view-toggle{grid-column:1/-1}}
@media(max-width:700px){.company-directory-tabs{display:grid;grid-template-columns:1fr}.company-directory-tabs button{justify-content:flex-start}.task-manager-header{align-items:stretch;flex-direction:column}.task-header-create{width:100%}.task-tracker-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.task-tracker-overview .task-metric:last-child{grid-column:1/-1}.task-toolbar{grid-template-columns:1fr}.task-toolbar .task-search,.task-toolbar .task-advanced-filters,.task-toolbar .task-view-toggle{grid-column:auto}.task-toolbar .checkbox-label{padding:4px 0}}
.parameter-presets-editor{display:grid;gap:9px;margin-top:13px;padding:12px;border:1px solid var(--border,#454047);border-radius:10px;background:rgba(255,255,255,.02)}
.parameter-presets-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.parameter-presets-heading strong{font-size:12px}
.parameter-preset-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.55fr) 28px;align-items:end;gap:8px;padding:9px;border:1px solid var(--border,#3d3841);border-radius:8px;background:rgba(0,0,0,.08)}
.parameter-preset-row .compact-field{min-width:0}
.parameter-editor-footer{display:flex;justify-content:flex-end;margin-top:8px}
@media(max-width:480px){.parameter-preset-row{grid-template-columns:1fr 1fr}.parameter-preset-row .icon-button{grid-column:2;justify-self:end}.parameter-presets-heading .button{width:100%;justify-content:center}}

/* The Kanban board wraps status columns to avoid forcing page-level horizontal scrolling. */
.parameter-output-handle-row { position: relative; min-height: 23px; margin-top: 6px; padding: 4px 17px 4px 7px; border: 1px solid var(--node-border); border-radius: 6px; background: var(--node-soft); color: var(--node-accent); font-size: 10px; overflow-wrap: anywhere; }
.parameter-output-handle-row .parameter-output-handle { right: -7px; top: 50%; width: 10px; height: 10px; background: var(--node-accent); border: 2px solid var(--node-bg); }
.task-header-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; justify-content:flex-end; }
.task-epic-groups { display:flex; flex-direction:column; gap:14px; }
.task-epic-group { border:1px solid var(--border-color, #3a414c); border-radius:12px; overflow:hidden; background:var(--surface,#171a20); }
.task-epic-group > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 15px; background:var(--surface-secondary,#20252d); }
.task-epic-group > header div { display:flex; flex-direction:column; gap:3px; }
.task-epic-group > header small, .task-epic-item small { color:var(--text-muted,#9ba4b2); }
.task-epic-items { display:flex; flex-direction:column; }
.task-epic-item { display:grid; grid-template-columns:minmax(0,1fr) 190px auto; align-items:center; gap:12px; padding:12px 15px; border-top:1px solid var(--border-color,#343b47); }
.task-epic-item > div { display:flex; flex-direction:column; gap:4px; min-width:0; }
.task-epic-item a { display:inline-flex; align-items:center; gap:4px; width:max-content; font-size:12px; }
@media(max-width:700px) { .task-epic-item { grid-template-columns:1fr; } }
.project-process-run-form { display:flex; flex-direction:column; gap:16px; padding:16px 0; }
.project-run-parameters, .project-run-roles { display:flex; flex-direction:column; gap:10px; padding:13px; border:1px solid var(--border-color,#343b47); border-radius:10px; }
.project-run-parameters h4, .project-run-roles h4 { margin:0; }
.project-run-parameter { display:grid; grid-template-columns:minmax(150px,1fr) minmax(150px,220px) minmax(150px,220px); align-items:end; gap:12px; padding-top:10px; border-top:1px solid var(--border-color,#343b47); }
.project-run-parameter > div { display:flex; flex-direction:column; gap:5px; }
.project-run-parameter small { color:var(--text-muted,#9ba4b2); }
.project-process-run-row { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; border-top:1px solid var(--border-color,#343b47); padding:12px 0; }
.project-process-run-row div { display:flex; flex-direction:column; gap:3px; }
.project-process-run-row small { color:var(--text-muted,#9ba4b2); }
@media(max-width:760px){.project-run-parameter{grid-template-columns:1fr}.project-process-run-row{align-items:flex-start;flex-direction:column}}

.task-assignee-profile-link{grid-column:1/-1;margin:-5px 0 2px;font-size:12px}.task-assignee-profile-link a,.task-manager-main .field-label small a{display:inline-flex;align-items:center;gap:4px;color:var(--accent,#ed1527);text-decoration:none}.task-assignee-profile-link a:hover,.task-manager-main .field-label small a:hover{text-decoration:underline}

/* v0.6.02 — account profiles, client portal, safe identity diagnostics, and task hierarchy. */
.profile-page{display:grid;gap:18px;max-width:1240px;margin:0 auto;padding:22px 24px 40px;color:var(--text,#f5f4f7)}
.profile-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--border,#353944);border-radius:15px;background:linear-gradient(135deg,rgba(237,21,39,.09),rgba(255,255,255,.018))}
.profile-page-header h1{margin:5px 0 7px;font-size:clamp(24px,3vw,32px)}
.profile-page-header p{margin:0;color:var(--muted,#a6a9b2);font-size:12px;line-height:1.5}
.profile-user-mark{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:#321a21;color:#ffdce0;border:1px solid #71303b}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.profile-card{display:grid;gap:14px;min-width:0;padding:17px;border:1px solid var(--border,#353944);border-radius:13px;background:var(--panel,#202229)}
.profile-card-title{display:flex;align-items:center;gap:8px;min-width:0;color:#ffdce0}
.profile-card-title h2{margin:0;flex:1;color:var(--text,#f5f4f7);font-size:14px}
.profile-integration-state{display:inline-flex;align-items:center;border:1px solid #555d68;border-radius:999px;padding:4px 8px;color:#c3c8d0;font-size:10px;font-weight:750;white-space:nowrap}
.profile-integration-state.is-linked{border-color:#2f775a;background:#193b2d;color:#a8f0c5}
.profile-details{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:10px 14px;margin:0;font-size:12px}
.profile-details dt{color:var(--muted,#a6a9b2)}
.profile-details dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--text,#f5f4f7)}
.profile-details code{overflow-wrap:anywhere;font-size:10px}
.profile-details a,.profile-card a{display:inline-flex;align-items:center;gap:5px;color:#8cc9ff;text-decoration:none}
.profile-helper{display:flex;align-items:flex-start;gap:7px;margin:0;color:var(--muted,#a6a9b2);font-size:12px;line-height:1.55}
.profile-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.profile-telegram-linked{display:flex;align-items:flex-start;gap:9px;color:#a8f0c5}
.profile-telegram-linked div{display:grid;gap:5px}
.profile-telegram-linked small{color:var(--muted,#a6a9b2);font-size:11px;line-height:1.45}
.expert-portal-state,.expert-portal-page{min-height:100vh;background:#f5f3f1;color:#211e1e;font-family:inherit}
.expert-portal-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center}
.expert-portal-page{position:relative;width:100%;max-width:none;margin:0;padding:24px clamp(16px,4vw,42px) 48px;background:radial-gradient(ellipse at 10% 0%,rgba(237,21,39,.10),transparent 36%),radial-gradient(ellipse at 90% 30%,rgba(84,20,26,.08),transparent 34%),linear-gradient(145deg,#fffdfb 0%,#f5f0ed 55%,#eee7e2 100%);color:#211e1e}
.expert-portal-header,.expert-portal-hero,.expert-portal-financials,.expert-portal-tasks,.expert-portal-footer{max-width:1100px;margin-left:auto;margin-right:auto}
.expert-portal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:22px;border-bottom:1px solid #ddd5d1}
.expert-portal-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em;color:#9d1b2b}
.expert-portal-brand span{display:grid;place-items:center;width:40px;height:40px;border:2px solid #9d1b2b;border-radius:50%;font-size:10px}
.expert-portal-brand small{font-size:10px;letter-spacing:.12em;color:#6a6060}
.expert-portal-readonly{display:inline-flex;align-items:center;gap:6px;border:1px solid #c8ddd0;border-radius:999px;background:#e8f6ed;color:#236442;padding:7px 10px;font-size:11px;font-weight:700}
.expert-portal-hero{padding:38px 0 28px;border-bottom:1px solid #ddd5d1}
.expert-portal-hero h1{max-width:850px;margin:8px 0 12px;font-size:clamp(30px,5vw,50px);letter-spacing:-.035em;line-height:1.06}
.expert-portal-hero>p{max-width:780px;color:#625958;font-size:14px;line-height:1.7}
.expert-portal-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;color:#625958;font-size:12px}
.expert-portal-meta>span:first-child,.expert-portal-task-meta span{display:inline-flex;align-items:center;gap:6px}
.expert-portal-financials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:22px 0;border-bottom:1px solid #ddd5d1}
.expert-portal-financials article{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #ded6d1;border-radius:12px;background:#fff}
.expert-portal-financials article>div{display:grid;gap:6px}
.expert-portal-financials small{color:#756b6a;font-size:11px}
.expert-portal-financials strong{font-size:22px;font-variant-numeric:tabular-nums}
.expert-portal-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:28px 0 14px}
.expert-portal-section-heading h2{margin:0 0 5px;font-size:21px}
.expert-portal-section-heading p{margin:0;color:#6d6261;font-size:12px;line-height:1.5}
.expert-portal-section-heading>span{white-space:nowrap;color:#6d6261;font-size:11px}
.expert-portal-task-list{display:grid;gap:10px}
.expert-portal-task{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px;border:1px solid #e2d8d4;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 8px 26px rgba(48,27,34,.055);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.expert-portal-task:hover{transform:translateY(-1px);border-color:#d4b4b6;box-shadow:0 12px 32px rgba(48,27,34,.10)}
.expert-portal-task-index{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f6e8e8;color:#9d1b2b;font-size:11px;font-weight:800}
.expert-portal-task-main{min-width:0}
.expert-portal-task-main h3{margin:2px 0 8px;font-size:15px;overflow-wrap:anywhere}
.expert-portal-task-main p{margin:0;color:#6d6261;font-size:12px;line-height:1.6;white-space:pre-wrap}
.expert-portal-task-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;color:#6d6261;font-size:11px}
.expert-portal-task-main>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;margin-top:3px;padding:9px 13px;border:1px solid #9d1b2b;border-radius:9px;background:#9d1b2b;color:#fff;text-decoration:none;font-size:11px;font-weight:800;box-shadow:0 4px 12px rgba(157,27,43,.15);transition:background .16s ease,transform .16s ease,box-shadow .16s ease}
.expert-portal-task-main>a:hover{background:#741421;transform:translateY(-1px);box-shadow:0 7px 16px rgba(157,27,43,.22)}
.expert-portal-task-main>a:focus-visible{outline:3px solid rgba(237,21,39,.3);outline-offset:3px}
.expert-portal-footer{padding-top:24px;margin-top:28px;border-top:1px solid #ddd5d1;color:#756b6a;font-size:10px}
.modal.client-portal-modal{box-sizing:border-box;width:min(980px,calc(100vw - 24px));max-width:980px;max-height:min(92dvh,960px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:clamp(20px,3vw,34px);border:1px solid var(--border,#353944);border-radius:16px;background:var(--panel,#19191d);color:var(--text,#eef0f4);box-shadow:0 28px 100px rgba(0,0,0,.55)}
.client-portal-modal .modal-header p{max-width:650px;color:var(--muted,#a6a9b2);font-size:12px;line-height:1.5}
.client-portal-settings{display:grid;gap:12px;padding:15px 0}
.client-portal-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted,#a6a9b2)}
.client-portal-task-picker{display:grid;gap:8px;max-height:38vh;overflow:auto;padding:12px;border:1px solid var(--border,#353944);border-radius:10px}
.client-portal-task-option{display:flex;align-items:flex-start;gap:9px;padding:9px;border-radius:7px;background:rgba(255,255,255,.025);font-size:12px}
.client-portal-task-option>span{display:grid;gap:4px;min-width:0}
.client-portal-task-option small{color:var(--muted,#a6a9b2);font-size:10px}
.client-portal-generated-link{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:12px 0}
.client-portal-generated-link .field-label{flex:1;min-width:220px}
.task-status-column>header span{background:#f4f4f5!important;color:#111827!important;border:1px solid #d1d5db;box-shadow:0 1px 2px #0001}
.task-role-subgroup{display:grid;gap:7px;margin-top:4px}
.task-role-subgroup>h4{margin:5px 0 1px;padding:4px 7px;border-left:2px solid #ed1527;color:var(--muted,#a6a9b2);font-size:10px;font-weight:800;letter-spacing:.035em;text-transform:none}
.task-detail-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vh,28px) 12px;background:rgba(5,7,10,.78);isolation:isolate}
.modal.task-detail-modal{box-sizing:border-box;position:relative;z-index:10001;width:min(1040px,calc(100vw - 24px));max-width:1040px;max-height:min(92dvh,960px);overflow-y:auto;overscroll-behavior:contain;margin:auto;padding:clamp(20px,3vw,34px);border:1px solid var(--border,#353944);border-radius:16px;background:var(--panel,#19191d);color:var(--text,#eef0f4);box-shadow:0 28px 100px rgba(0,0,0,.6)}
.task-detail-links{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 12px;border-bottom:1px solid var(--border,#353944)}
.task-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 0}
.task-detail-grid>.field-label{min-width:0}
.task-detail-description{grid-column:1/-1}
.task-detail-buildin{padding:13px;border:1px solid var(--border,#353944);border-radius:10px;background:rgba(255,255,255,.02)}
.task-detail-buildin h3{margin:0 0 12px;font-size:13px}
.task-detail-buildin dl{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);gap:8px 13px;margin:0;font-size:11px}
.task-detail-buildin dt{color:var(--muted,#a6a9b2);overflow-wrap:anywhere}
.task-detail-buildin dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.task-detail-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.task-detail-footer>.task-sync-status{margin-right:auto}
@media(max-width:720px){.profile-grid{grid-template-columns:1fr}.expert-portal-financials{grid-template-columns:1fr}.expert-portal-brand{gap:7px}.expert-portal-brand small{max-width:135px;line-height:1.4}.task-detail-grid{grid-template-columns:1fr}.task-detail-description{grid-column:auto}.task-detail-buildin dl{grid-template-columns:1fr;gap:4px}.task-detail-buildin dd{margin-bottom:8px}.expert-portal-task{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:13px}.expert-portal-task-index{width:28px;height:28px}}

/* Process-generation questionnaire and project-context AI prompt. */
.process-ai-wizard-launch{width:100%;justify-content:flex-start;gap:9px;margin:2px 0 15px;border-style:dashed}
.process-ai-wizard-launch>span{margin-left:auto;color:var(--muted,#687386);font-size:12px}
.process-wizard-overlay{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,13,20,.66);backdrop-filter:blur(3px)}
.process-wizard-modal{width:min(920px,96vw);max-height:min(92vh,980px);overflow:auto;background:var(--panel,#fff);color:var(--text,#17191f);box-shadow:0 28px 100px rgba(0,0,0,.32)}
.process-wizard-modal .modal-heading{align-items:flex-start}
.process-wizard-modal .modal-heading p{max-width:680px;margin:7px 0 0;color:var(--muted,#687386);font-size:13px;line-height:1.5}
.process-wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}
.process-wizard-steps button{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid #49323d;border-radius:10px;background:#211b22;color:#e8dce2;text-align:left;font-size:12px;cursor:pointer}
.process-wizard-steps button span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#382c36;color:#e4d2db;font-weight:700}
.process-wizard-steps button.active{border-color:#ed1527;background:#54141a;color:#fff0f2;font-weight:700}
.process-wizard-steps button.active span{background:#b91c2c;color:#fff}.process-wizard-steps button.complete{border-color:#355c49;background:#1d2b25;color:#c5f2d4}.process-wizard-steps button.complete span{background:#267344;color:#fff}
.process-wizard-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.process-wizard-fields .field-label textarea{width:100%;resize:vertical;min-height:76px}
.process-wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--border,#d9dde5)}
.process-wizard-footer>span{color:var(--muted,#687386);font-size:12px}
.process-wizard-prompt{margin-top:18px;padding:15px;border:1px solid #49323d;border-radius:12px;background:#141417;color:#f2e8ec}
.process-wizard-prompt textarea,.project-ai-prompt-modal textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;resize:vertical;min-height:180px}
.project-ai-prompt-backdrop{z-index:1250}
.project-ai-prompt-modal{width:min(940px,96vw);max-height:92vh;overflow:auto}
.project-ai-prompt-modal .modal-heading{align-items:flex-start}
.project-ai-prompt-modal .modal-heading p{max-width:680px;margin:7px 0 0;color:var(--muted,#687386);font-size:13px;line-height:1.5}
.version-history-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.version-history-actions .button{white-space:nowrap}
@media(max-width:700px){.process-wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.process-wizard-fields{grid-template-columns:1fr}.process-wizard-overlay{padding:8px}.process-wizard-modal,.project-ai-prompt-modal{max-height:96vh}.process-wizard-footer{flex-wrap:wrap}.process-ai-wizard-launch>span{display:none}.version-history-actions{align-items:flex-end;flex-direction:column}}

/* v0.6.04 — inspectable Buildin sync queue */
.buildin-queue-card,.buildin-queue-items,.buildin-queue-errors,.buildin-live-monitor{display:grid;gap:14px;min-width:0}
.buildin-live-actions{max-height:none;min-width:0}
.buildin-live-actions .buildin-queue-entry-heading code{color:#e5cbd0;overflow-wrap:anywhere;white-space:normal}
.buildin-live-actions details,.buildin-run-history{min-width:0}
.buildin-live-actions details summary,.buildin-run-history summary{cursor:pointer;color:var(--muted,#aaa);font-size:12px}
.buildin-live-actions details{min-width:0;max-width:100%;overflow:hidden}.buildin-live-actions details[open]{display:flex;flex-direction:column;gap:8px;max-height:300px}.buildin-live-actions pre{display:block;box-sizing:border-box;width:100%;max-width:100%;max-height:240px;min-height:0;flex:0 1 auto;margin:0;overflow-y:auto;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;overscroll-behavior:contain;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px;font-size:11px;line-height:1.45}
.integration-state.queue-error{border-color:#a93a44;background:rgba(237,21,39,.12);color:#ffb5bd}
.integration-state.queue-pending{border-color:#7f6040;background:rgba(231,184,115,.08);color:#f0c98c}
.buildin-queue-entry.queue-succeeded{border-color:rgba(60,150,105,.35)}
.buildin-queue-entry.queue-running{border-color:rgba(231,184,115,.45)}
.buildin-queue-status.queue-status-succeeded{border-color:#30684d;background:#172d24;color:#b6f2cd}
.buildin-queue-status.queue-status-running{border-color:#7f6040;background:rgba(231,184,115,.08);color:#f0c98c}
.buildin-queue-status.queue-status-failed,.buildin-queue-status.queue-status-stale{border-color:#a93a44;background:rgba(237,21,39,.12);color:#ffb5bd}
.buildin-queue-counts{grid-template-columns:repeat(3,minmax(0,1fr))}
.buildin-queue-meta{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px;border:1px solid var(--border,#39353b);border-radius:10px;color:var(--muted,#aaa);font-size:12px;line-height:1.5}
.buildin-queue-meta span{min-width:0;overflow-wrap:anywhere}
.buildin-queue-meta strong{color:var(--text,#f3f3f3);font-weight:650}
.buildin-queue-list{display:grid;gap:10px;min-width:0}
.buildin-queue-entry{display:grid;gap:8px;min-width:0;padding:13px;border:1px solid var(--border,#39353b);border-radius:11px;background:rgba(255,255,255,.018)}
.buildin-queue-entry.queue-error,.buildin-queue-entry.queue-blocked{border-color:rgba(237,21,39,.42)}
.buildin-queue-entry.queue-stalled{border-color:rgba(237,115,39,.62);background:rgba(237,115,39,.07)}
.buildin-queue-entry.queue-warning{border-color:rgba(231,184,115,.38)}
.buildin-queue-entry-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.buildin-queue-entry-heading>strong{min-width:0;overflow-wrap:anywhere;font-size:13px}
.buildin-queue-status{flex:0 0 auto;border:1px solid #5e5661;border-radius:999px;padding:3px 8px;color:#d4cdd5;font-size:10px;font-weight:700;line-height:1.35}
.buildin-queue-status.queue-status-error{border-color:#a93a44;background:rgba(237,21,39,.12);color:#ffb5bd}
.buildin-queue-status.queue-status-warning,.buildin-queue-status.queue-status-blocked{border-color:#7f6040;background:rgba(231,184,115,.08);color:#f0c98c}
.buildin-queue-status.queue-status-stalled{border-color:#9a542a;background:rgba(237,115,39,.12);color:#ffc49d}
.buildin-queue-entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--muted,#aaa);font-size:11px;min-width:0}
.buildin-queue-entry-meta code{max-width:100%;overflow-wrap:anywhere;color:#d7c7cc}
.buildin-queue-entry-meta a{display:inline-flex;align-items:center;gap:4px;color:#f39aa3;text-decoration:none}
.buildin-queue-entry-meta a:hover{text-decoration:underline}
.buildin-queue-fields,.buildin-queue-next,.buildin-queue-entry>p{margin:0;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.buildin-queue-fields{color:#c7d8f0}
.buildin-queue-next{color:var(--muted,#aaa)}
.buildin-queue-next strong{color:var(--text,#f3f3f3)}
.buildin-queue-error{display:flex;align-items:flex-start;gap:6px;color:#ffadb5!important}
.buildin-queue-error svg{flex:0 0 auto;margin-top:2px}
@media(max-width:700px){.buildin-queue-counts{grid-template-columns:1fr}.buildin-queue-entry-heading{flex-direction:column;align-items:flex-start}.buildin-queue-meta{display:grid;grid-template-columns:1fr}}

/* Release 0.6.05: dialog surfaces and button geometry must not inherit inconsistent global styles. */
.client-portal-modal .button,.client-portal-modal button:not(.icon-button),.task-detail-modal .button,.task-detail-modal button:not(.icon-button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;line-height:1.2;text-align:center;vertical-align:middle;border-radius:9px;font-weight:750;}
.client-portal-modal .button.small,.task-detail-modal .button.small{min-height:34px;padding:7px 12px;font-size:11px;}
.client-portal-modal .modal-actions,.client-portal-modal .client-portal-generated-link,.task-detail-modal .modal-footer,.task-detail-modal .task-detail-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.client-portal-modal .modal-header,.task-detail-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 20px;}
.client-portal-modal .modal-header>div,.task-detail-modal .modal-header>div{min-width:0;flex:1;}
.client-portal-modal .modal-header h2,.task-detail-modal .modal-header h2{margin:2px 0 8px;line-height:1.2;overflow-wrap:anywhere;}
.client-portal-modal .modal-header .icon-button,.task-detail-modal .modal-header .icon-button{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;}
@media(max-width:600px){.client-portal-modal .modal-actions .button,.client-portal-modal .client-portal-generated-link .button,.task-detail-modal .task-detail-footer>.button{flex:1 1 100%;width:100%;}.modal.client-portal-modal,.modal.task-detail-modal{width:calc(100vw - 16px);max-height:94dvh;padding:16px;}}

/* v0.6.05: process settings have explicit sections; wizard/modal controls share stable sizing. */
.project-settings-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 18px;padding:5px;border:1px solid var(--border,#353944);border-radius:12px;background:var(--panel-muted,#141417)}
.project-settings-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted,#a6a9b2);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.project-settings-tabs button.active{border-color:var(--border,#353944);background:var(--panel,#19191d);color:var(--text,#eef0f4);box-shadow:0 2px 8px rgba(0,0,0,.18)}
.process-structure-wizard-backdrop{z-index:12000;}
.process-wizard-modal.process-structure-wizard{box-sizing:border-box;width:min(1060px,calc(100vw - 24px));max-width:1060px;max-height:min(94dvh,1000px);overflow:auto;overscroll-behavior:contain;padding:clamp(18px,2.5vw,30px);border:1px solid var(--border,#353944);border-radius:16px;background:var(--panel,#19191d);color:var(--text,#eef0f4);box-shadow:0 28px 100px rgba(0,0,0,.62)}
.process-structure-wizard .modal-heading{align-items:flex-start;gap:18px}
.process-structure-wizard .modal-heading>div{min-width:0;flex:1}
.process-structure-wizard .modal-heading p,.process-structure-import p{max-width:760px;color:var(--muted,#a6a9b2);font-size:12px;line-height:1.55}
.process-structure-wizard .process-wizard-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.process-structure-wizard .process-wizard-fields .field-label{min-width:0}
.process-structure-wizard .process-wizard-steps{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.process-structure-wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:18px 0;padding:12px 0;border-top:1px solid var(--border,#353944);border-bottom:1px solid var(--border,#353944)}
.process-structure-wizard-actions>span{flex:1;text-align:center;color:var(--muted,#a6a9b2);font-size:12px}
.process-structure-wizard .process-structure-prompt,.process-structure-wizard .process-structure-import{display:block;margin-top:18px;padding:16px;border:1px solid var(--border,#353944);border-radius:12px;background:var(--panel-muted,#141417)}
.process-structure-import>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.process-structure-import>header>div{min-width:0;flex:1}
.process-structure-import h3{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}
.process-structure-wizard textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;}
.process-structure-wizard .modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
.process-structure-wizard .modal-actions .button,.process-structure-wizard-actions .button,.process-structure-import .button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;line-height:1.2;text-align:center;white-space:normal}
.process-ai-designer-button{max-width:260px;min-height:36px;white-space:normal;line-height:1.15;justify-content:center}
@media(max-width:700px){.process-wizard-modal.process-structure-wizard{width:calc(100vw - 14px);max-height:95dvh;padding:14px}.process-structure-wizard .process-wizard-fields{grid-template-columns:minmax(0,1fr)}.project-settings-tabs button{flex:1 1 100%;}.process-structure-import>header{flex-direction:column}.process-structure-wizard .modal-actions>.button{flex:1 1 100%;width:100%}.process-structure-wizard-actions>span{order:-1;flex:1 1 100%}}
.task-detail-reporter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;padding:14px;border:1px solid var(--border,#353944);border-radius:12px;background:var(--panel-muted,#141417)}
.task-detail-reporter h3{grid-column:1/-1;margin:0;font-size:13px}
.task-detail-reporter>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:9px;border-radius:8px;background:rgba(255,255,255,.025)}
.task-detail-reporter strong{font-size:11px;color:var(--muted,#a6a9b2)}
.task-detail-reporter span,.task-detail-reporter small{overflow-wrap:anywhere;font-size:12px;line-height:1.5}
.task-detail-reporter a{display:inline-flex;align-items:center;gap:4px;font-size:11px}
@media(max-width:600px){.task-detail-reporter{grid-template-columns:minmax(0,1fr)}}


/* v0.6.07: consistent action controls and accessible process wizard steps */
.button.secondary.danger-quiet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 36px;
  padding: 9px 12px;
  border: 1px solid #75404a;
  border-radius: 8px;
  background: #302127;
  color: #ffc0c7;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.25;
  white-space: nowrap;
  box-shadow: none;
}
.button.secondary.danger-quiet:hover:not(:disabled) {
  background: #48262f;
  border-color: #bd5665;
  color: #fff0f2;
}
.button.secondary.danger-quiet.small {
  min-height: 31px;
  padding: 7px 10px;
  font-size: 10px;
}
.icon-button.danger-quiet {
  display: inline-grid;
  width: 31px;
  min-width: 31px;
  height: 31px;
  min-height: 31px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #d88991;
}
.icon-button.danger-quiet:hover:not(:disabled) {
  background: #392329;
  border-color: #61343d;
  color: #ffb2b9;
}
.process-structure-wizard .process-wizard-steps button {
  min-height: 44px;
  border-color: #49323d;
  background: #211b22;
  color: #e8dce2;
  font-weight: 650;
  box-shadow: 0 1px 2px #0000002a;
}
.process-structure-wizard .process-wizard-steps button:hover {
  background: #30212b;
  border-color: #75404a;
  color: #fff0f4;
}
.process-structure-wizard .process-wizard-steps button.active {
  background: #54141a;
  border-color: #ed1527;
  color: #fff0f2;
  box-shadow: 0 0 0 2px #ed15271c;
}
.process-structure-wizard .process-wizard-steps button.complete {
  background: #1d2b25;
  border-color: #355c49;
  color: #c5f2d4;
}
.process-structure-wizard .process-wizard-steps button span {
  background: #382c36;
  color: #e4d2db;
}
.process-structure-wizard .process-wizard-steps button.active span {
  background: #b91c2c;
  color: #fff;
}
.process-structure-wizard .process-wizard-steps button.complete span {
  background: #267344;
  color: #fff;
}
.buildin-queue-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.org-employee-cards-section { display: grid; gap: 18px; }
.org-employee-cards-section > .admin-card-heading { align-items: center; }
.org-employee-cards-section > .admin-card-heading h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 5px; font-size: 18px; color: #eef1f6; }
.org-employee-cards-section > .admin-card-heading p { margin: 0; color: #99a4b3; font-size: 12px; line-height: 1.55; }
.org-employee-group { display: grid; gap: 10px; }
.org-employee-group-heading { display: flex; align-items: center; gap: 8px; }
.org-employee-group-heading h3 { margin: 0; color: #e5e9ef; font-size: 13px; }
.org-employee-group-heading > span { min-width: 24px; padding: 3px 7px; border-radius: 999px; background: #252b35; color: #c8d0dc; font-size: 10px; text-align: center; }
.org-employee-card-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,255px),1fr)); gap: 12px; }
.org-employee-card { display: flex; flex-direction: column; gap: 9px; min-width: 0; padding: 15px; border: 1px solid #343b47; border-radius: 12px; background: #191d24; box-shadow: 0 5px 18px #0002; }
.org-employee-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.org-employee-card-avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: #283b34; color: #a8e3c5; }
.org-employee-card h3 { margin: 0; color: #f1f3f7; font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
.org-employee-card-role { margin: -5px 0 1px; color: #bdc6d2; font-size: 11px; }
.org-employee-card-details { display: grid; gap: 8px; padding-top: 10px; border-top: 1px solid #303641; }
.org-employee-card-details span { display: grid; gap: 3px; min-width: 0; color: #d1d7e0; font-size: 11px; overflow-wrap: anywhere; }
.org-employee-card-details strong { color: #8e99aa; font-size: 9px; letter-spacing: .3px; text-transform: uppercase; }
.org-employee-card-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: auto; padding-top: 7px; }
.org-employee-tabs { display: flex; flex-wrap: wrap; gap: 7px; padding: 5px; margin: 15px 0 18px; border: 1px solid #343b47; border-radius: 10px; background: #14171c; }
.org-employee-tabs button { display: inline-flex; align-items: center; justify-content: center; min-height: 35px; padding: 8px 12px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #aeb7c4; font-size: 11px; font-weight: 750; }
.org-employee-tabs button:hover { background: #222730; color: #eef1f5; }
.org-employee-tabs button.active { border-color: #7f3440; background: #4a2029; color: #fff0f2; box-shadow: inset 0 0 0 1px #a637461f; }
.org-employee-tabpanel[hidden] { display: none !important; }
.org-employee-tabpanel { min-width: 0; }
.org-employee-active-toggle { display: inline-flex; margin-top: 8px; }
.org-employee-modal { width: min(920px, calc(100vw - 28px)); max-width: 920px; }
.org-employee-modal .modal-heading { align-items: flex-start; }
.org-employee-modal .modal-heading p { margin: 6px 0 0; color: #9ba5b3; font-size: 11px; line-height: 1.5; }
.org-employee-modal-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.org-employee-modal-actions .button { min-height: 36px; }
@media(max-width:620px) {
  .org-employee-modal { width: calc(100vw - 16px); max-height: 96vh; overflow-y: auto; }
  .org-employee-tabs { display: grid; grid-template-columns: 1fr; }
  .org-employee-tabs button { justify-content: flex-start; }
  .org-employee-modal-actions { display: grid; grid-template-columns: 1fr; }
  .org-employee-modal-actions .button { width: 100%; }
  .buildin-queue-heading-actions { width: 100%; justify-content: flex-start; }
}


/* Task cards and Kanban columns wrap instead of using horizontal scrolling. */
.task-list {
  display: flex !important;
  flex-flow: row wrap;
  align-items: stretch;
  gap: 12px;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: visible;
  padding: 4px 2px 14px;
}
.task-list > .task-manager-card {
  flex: 1 1 clamp(275px, 31vw, 390px);
  width: auto;
  min-width: 0;
  max-width: 430px;
  align-self: stretch;
}
.task-status-board {
  display: flex !important;
  flex-flow: row wrap;
  align-items: stretch;
  gap: 13px;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: visible;
  padding: 4px 2px 14px;
}
.task-status-board > .task-status-column {
  flex: 1 1 clamp(255px, 30vw, 340px);
  width: auto;
  min-width: 0;
}
.task-epic-groups {
  display: flex;
  flex-flow: row wrap;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  gap: 14px;
  padding: 4px 2px 14px;
}
.task-epic-group { flex: 1 1 420px; min-width: 0; max-width: 100%; }
.task-epic-items {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  gap: 10px;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  padding: 10px 2px;
}
.task-epic-item {
  display: flex;
  flex: 1 1 260px;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  gap: 10px;
}
.task-epic-item > div { min-width: 0; }
.process-temporary-role-toggle { margin-top: 8px; }
.temporary-role-badge { display: inline-flex; align-items: center; width: fit-content; margin: 4px 0; padding: 3px 7px; border-radius: 999px; background: #38212b; border:1px solid #69414e; color: #f0c8d5; font-size: 11px; font-weight: 650; }
.expert-portal-landing { max-width: 640px; margin: 8vh auto; padding: clamp(24px, 5vw, 48px); border: 1px solid #e8dfe0; border-radius: 24px; background: #fff; color: #21191a; box-shadow: 0 24px 70px rgb(48 27 34 / 12%); text-align: center; }
.expert-portal-landing .expert-portal-brand { display: flex; flex-direction: column; gap: 3px; margin-bottom: 28px; color: #301b22; }
.expert-portal-landing h1 { color: #301b22; }
.expert-portal-landing p { max-width: 48ch; color: #51474a; line-height: 1.6; }
.expert-portal-landing code { color: #8c1b27; background: #fff0f2; padding: 2px 5px; border-radius: 4px; }
@media (max-width: 700px) {
  .task-list > .task-manager-card { flex-basis: 82vw; width: 82vw; max-width: 360px; }
  .task-status-board > .task-status-column { flex-basis: 82vw; width: 82vw; max-width: 360px; }
  .task-epic-group { flex-basis: 86vw; }
  .task-epic-item { flex-basis: 78vw; }
}

/* v0.6.11: integration tabs use the KRUG dark theme; never fall back to light surfaces. */
.integration-provider-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px;
  margin: 10px 0 14px;
  border: 1px solid var(--border, #49323d);
  border-radius: 12px;
  background: var(--panel-muted, #141417);
}
.integration-provider-tabs > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 15px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--muted, #b8a5af);
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}
.integration-provider-tabs > button.is-active {
  border-color: var(--border, #654655);
  background: var(--panel, #19191d);
  color: var(--text, #f2e8ec);
  box-shadow: 0 1px 2px rgb(0 0 0 / 18%);
}
.integration-provider-tabs > button:focus-visible {
  outline: 2px solid #ed1527;
  outline-offset: 2px;
}


/* v0.6.10 — process AI prompt history; theme-consistent controls. */
.process-prompt-history{display:grid;gap:9px;padding:12px;border:1px solid #49323d;border-radius:10px;background:#19151b;color:#f2e8ec;min-width:0}
.process-prompt-history>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.process-prompt-history>header>div{display:grid;gap:4px;min-width:0}
.process-prompt-history>header strong{display:flex;align-items:center;gap:6px;font-size:11px;color:#f5dce3}
.process-prompt-history>header small{font-size:9px;line-height:1.45;color:#b8a5af}
.process-prompt-history>header>span{font-size:9px;color:#c8aeba;white-space:nowrap}
.process-prompt-history-load{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}
.process-prompt-history-save{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:8px;align-items:end;min-width:0}
.process-prompt-history .field-label{min-width:0;font-size:10px}
.process-prompt-history .field-label input,.process-prompt-history select{width:100%;min-width:0;background:#241b24;color:#f4e8ec;border:1px solid #614653;border-radius:7px;padding:8px 9px;min-height:34px}
.process-prompt-history-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.process-prompt-history .button{background:#30212b;color:#f4dfe7;border-color:#654655;white-space:nowrap}
.process-prompt-history .button:hover:not(:disabled){background:#402633;border-color:#875260}
.process-prompt-history-notice,.process-prompt-history-error{display:flex;align-items:flex-start;gap:5px;margin:0;font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.process-prompt-history-notice{color:#b8e8c7}.process-prompt-history-error{color:#ff9fa9}
@media(max-width:680px){.process-prompt-history-load,.process-prompt-history-save{grid-template-columns:minmax(0,1fr)}.process-prompt-history-actions .button{flex:1}}

/* v0.6.11: temporary-role settings are a first-class process settings tab. */
.project-settings-tabs .settings-tab-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:1px solid #634451;border-radius:999px;background:#2c1c25;color:#f0c8d5;font-size:9px;font-weight:800}
.process-temporary-role-settings .process-role-cost-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;padding:12px;border:1px solid #49323d;border-radius:9px;background:#171419}
.process-temporary-role-settings .process-role-cost-config .field-label:first-child{grid-column:1/-1}
.process-temporary-role-settings .process-role-cost-config textarea{width:100%;resize:vertical;min-height:58px;background:#241b24;color:#f4e8ec;border:1px solid #614653;border-radius:7px;padding:8px 9px;font:inherit}
.process-role-add-panel{display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid #49323d;border-radius:9px;background:#171419}
.process-role-add-panel .process-role-add{margin-top:0}
.process-role-add-panel .process-role-justification{margin:0}
.process-role-add-panel textarea{width:100%;resize:vertical;min-height:56px;background:#241b24;color:#f4e8ec;border:1px solid #614653;border-radius:7px;padding:8px 9px;font:inherit}
@media(max-width:700px){.process-temporary-role-settings .process-role-cost-config{grid-template-columns:minmax(0,1fr)}.process-temporary-role-settings .process-role-cost-config .field-label:first-child{grid-column:auto}}

/* v0.6.11 — no white/light button surfaces in tab navigation or secondary actions. */
.button.secondary:not(.danger-quiet){background:#241b24!important;border-color:#49323d!important;color:#f0e3e9!important;box-shadow:none!important}
.button.secondary:not(.danger-quiet):hover:not(:disabled){background:#35232f!important;border-color:#75404a!important;color:#fff0f4!important}
.button.subtle-danger{background:#302127!important;border-color:#75404a!important;color:#ffc0c7!important}
.button.subtle-danger:hover:not(:disabled){background:#48262f!important;border-color:#bd5665!important;color:#fff0f2!important}
.icon-button:not(.danger-quiet){background:#211b22!important;border-color:#49323d!important;color:#d9c6cf!important}
.icon-button:not(.danger-quiet):hover:not(:disabled){background:#30212b!important;border-color:#75404a!important;color:#fff0f4!important}
.tool-button{background:#241b24!important;border-color:#49323d!important;color:#e8dce2!important}
.tool-button:hover:not(:disabled){background:#35232f!important;border-color:#75404a!important;color:#fff0f4!important}
.project-sheet-tabs button{background:transparent!important;color:#b8a5af!important}
.project-sheet-tabs button:hover{background:#25202a!important;color:#f4e8ec!important}
.project-sheet-tabs button.active{background:#351d24!important;border-color:#6b303a!important;color:#fff0f2!important}
.company-directory-tabs button{background:transparent!important;color:#b8a5af!important}
.company-directory-tabs button:hover{background:#25202a!important;color:#f4e8ec!important}
.company-directory-tabs button.active{background:#321a21!important;border-color:#6b2c38!important;color:#fff0f2!important}
.buildin-subtab{background:#211b22!important;border-color:#49323d!important;color:#d9c6cf!important}
.buildin-subtab.is-active{background:#54141a!important;border-color:#ed1527!important;color:#fff0f2!important}
.process-structure-wizard .process-wizard-steps button{background:#211b22!important;border-color:#49323d!important;color:#e8dce2!important}
.process-structure-wizard .process-wizard-steps button:hover{background:#30212b!important;border-color:#75404a!important;color:#fff0f4!important}
.process-structure-wizard .process-wizard-steps button.active{background:#54141a!important;border-color:#ed1527!important;color:#fff0f2!important}
.process-structure-wizard .process-wizard-steps button.complete{background:#1d2b25!important;border-color:#355c49!important;color:#c5f2d4!important}
.queue-terminate-button{white-space:nowrap}


/* v0.6.12 — compact, grouped process toolbar; keep primary controls on one row at desktop widths. */
.process-canvas-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-width:0;}
.process-canvas-toolbar>.toolbar-group{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;}
.process-canvas-toolbar .tool-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:29px;padding:5px 7px;font-size:9px;line-height:1.1;white-space:nowrap;flex:0 0 auto;}
.process-canvas-toolbar .history-tool-button{width:29px;min-width:29px;padding:5px;}
.process-canvas-toolbar .process-ai-designer-button{padding-inline:8px;}
.process-canvas-toolbar .toolbar-menu-group{flex:0 0 auto;}
.process-canvas-toolbar .toolbar-menu-group>summary{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:29px;padding:5px 7px;white-space:nowrap;font-size:9px;}
.process-canvas-toolbar .toolbar-group.view-toggle-group{gap:3px;}
.process-canvas-toolbar .toolbar-group.utility-toolbar{border:0;padding:0;}
.process-canvas-toolbar .library-toolbar-menu{margin-left:auto;}
.queue-hard-reset-button{border-color:#75404a!important;background:#302127!important;color:#ffc0c7!important;}
.queue-hard-reset-button:hover:not(:disabled){border-color:#bd5665!important;background:#48262f!important;color:#fff0f2!important;}
@media(max-width:1199px){.process-canvas-toolbar{flex-wrap:wrap;row-gap:6px;}.process-canvas-toolbar .library-toolbar-menu{margin-left:0;}}
@media(max-width:720px){.process-canvas-toolbar{align-items:center;flex-wrap:wrap;}.process-canvas-toolbar>.toolbar-group{width:auto;max-width:100%;}.process-canvas-toolbar .toolbar-group.utility-toolbar{width:auto;}}

/* v0.6.19 — bounded Buildin admin logs and resizable process groups. */
.buildin-live-actions,
.buildin-run-history .buildin-queue-list,
.buildin-queue-items .buildin-queue-list,
.buildin-queue-errors .buildin-queue-list,
.buildin-log-list {
  max-height: 560px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  padding-right: 5px;
}
.buildin-live-actions .buildin-queue-entry details pre,
.buildin-log-entry details pre {
  max-height: 260px;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.buildin-queue-heading-actions { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.group-resize-line { border-color: #ed1527; border-style: dashed; }
.group-resize-handle { width: 9px; height: 9px; background:#ed1527; border:1px solid #ffe5e8; border-radius:3px; }
@media(max-width:790px){.buildin-live-actions,.buildin-run-history .buildin-queue-list,.buildin-queue-items .buildin-queue-list,.buildin-queue-errors .buildin-queue-list,.buildin-log-list{max-height:440px}}

/* v0.6.19 — threaded comments and inbox in the collaboration inspector. */
.collab-notifications{border:1px solid var(--border-color,#3a414c);border-radius:10px;padding:9px;display:grid;gap:8px;margin:10px 0 12px;max-height:250px;overflow-y:auto;}
.collab-notifications>header{display:flex;justify-content:space-between;align-items:center;color:#cfd6df;font-size:11px;gap:8px}.collab-notifications>header strong{display:flex;align-items:center;gap:6px}.collab-notifications>header span,.collab-notification time{color:#8e99a8;font-size:10px}
.collab-notification{display:flex;gap:8px;align-items:flex-start;border-top:1px solid #303641;padding-top:8px}.collab-notification>div{flex:1;min-width:0}.collab-notification strong{font-size:11px}.collab-notification p{font-size:11px;color:#adb6c3;margin:4px 0;overflow-wrap:anywhere}.collab-notification.is-read{opacity:.65}
.collab-comment-list{display:grid;gap:9px;overflow-y:auto;max-height:calc(100vh - 510px);min-height:100px;padding-right:4px}.collab-comment{border:1px solid #343b47;border-radius:9px;padding:9px;background:#191d24;min-width:0}.collab-comment.is-reply{margin:0;background:#20252d;border-color:#3d4552}.collab-comment-meta{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.collab-comment-meta strong{font-size:11px;color:#e2e7ef}.collab-comment-meta time{font-size:9px;color:#8e99a8;white-space:nowrap}.collab-comment p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#cbd2dc;margin:7px 0}.collab-comment-form{position:relative;border-top:1px solid var(--border-color,#3a414c);margin-top:12px;padding-top:10px;display:grid;gap:8px}.collab-comment-form .field-label{margin:0}.collab-comment-form .field-label textarea{resize:vertical;max-height:220px}.collab-comment-form>small{font-size:10px;color:#8792a2;line-height:1.4}.collab-replying{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#d4dce7}.mention-suggestions{display:flex;flex-wrap:wrap;gap:5px;padding:6px;background:#20252d;border:1px solid #414958;border-radius:8px}.mention-suggestions button{border:1px solid #4b5667;background:#252b35;color:#f3f5f9;border-radius:6px;padding:5px 8px;cursor:pointer;font-size:11px}.comments-panel .inspector-heading{position:sticky;top:0;z-index:3;background:#171a20}

/* v0.6.19 collaboration panel when embedded in project/company workspace. */
.project-discussion-card .comments-panel,.fund-comments-card .comments-panel{width:100%;min-width:0;max-width:none;max-height:none;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;overflow:visible;color:inherit}
.project-discussion-card .comments-panel .inspector-heading,.fund-comments-card .comments-panel .inspector-heading{position:static;background:transparent}
.project-discussion-card .collab-comment-list,.fund-comments-card .collab-comment-list{max-height:420px;min-height:80px;overflow-y:auto;overflow-x:hidden}
.project-discussion-card .collab-notifications,.fund-comments-card .collab-notifications{max-height:260px;overflow-y:auto;overflow-x:hidden}
.fund-comments-card{margin-top:18px;padding-top:18px;border-top:1px solid var(--line,#333)}

/* v0.6.20: comment nodes have a dedicated threaded discussion, not a static sticker. */
.process-comment-node{min-width:190px;max-width:280px;padding:11px 12px;border:1px solid var(--node-border,#3e83c4);border-radius:10px;background:var(--node-bg,#172a40);color:#f3f5f9;box-shadow:0 8px 22px #0003}.process-comment-node.node-selected{outline:2px solid var(--node-accent,#a8d5ff);outline-offset:2px}.process-comment-node-heading{display:flex;align-items:center;gap:8px;color:var(--node-accent,#a8d5ff);font-size:12px}.process-comment-node-summary{margin-top:8px;font-size:11px;color:#d3dce8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:84px;overflow:hidden}.process-comment-node-foot{border-top:1px solid #ffffff20;margin-top:9px;padding-top:7px;font-size:9px;letter-spacing:.08em;color:#9fb1c7}.comments-panel-embedded{position:static;inset:auto;width:100%;min-width:0;max-width:none;max-height:none;height:auto;padding:0;border:0;border-radius:0;box-shadow:none;overflow:visible;background:transparent}.comments-panel-embedded .inspector-heading{position:static}.comment-node-thread{min-width:0}.comment-node-thread .collab-comment-list{max-height:34vh;min-height:80px}.comment-node-thread .collab-notifications{max-height:180px;overflow-y:auto}

/* Buildin connection settings are grouped into scannable semantic sections. */
.buildin-settings-section-label{grid-column:1/-1;display:flex;flex-direction:column;gap:3px;padding:13px 0 7px;border-bottom:1px solid var(--border,#3c3c3c);margin-top:4px}.buildin-settings-section-label strong{font-size:13px;color:var(--text,#f5f5f5)}.buildin-settings-section-label span{font-size:11px;line-height:1.45;color:var(--muted,#aaa)}

.artifact-resource-input{min-width:120px;max-width:180px;font-size:10px;padding:4px 6px;border:1px solid #48515e;border-radius:5px;background:#171c23;color:#e5ebf2}.sticker-node .node-title,.sticker-content{overflow-wrap:anywhere}

/* Collaboration reply actions use quiet inline-link styling throughout FlowCost. */
.collab-reply-button,.collab-reply-cancel{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:3px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#aeb9c8;font-size:10px;font-weight:700;text-decoration:none;transition:color .15s ease}
.collab-reply-button:hover,.collab-reply-cancel:hover{color:#ff9da8;text-decoration:underline;text-underline-offset:3px}

/* v0.6.22 — branded switch controls and process-wide topic chat. */
.inline-check,.artifact-port-toggle{display:inline-flex;align-items:center;gap:10px;min-height:30px;color:#d6dbe4;cursor:pointer}
.inline-check input[type="checkbox"],.artifact-port-toggle input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 42px;width:42px;height:24px;margin:0;border:1px solid #55515b;border-radius:999px;background:linear-gradient(145deg,#30343d,#242730);box-shadow:inset 0 2px 4px #0006,0 1px 0 #ffffff08;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.inline-check input[type="checkbox"]::after,.artifact-port-toggle input[type="checkbox"]::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:linear-gradient(150deg,#f4f5f7,#bfc5d0);box-shadow:0 2px 5px #0008;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease}
.inline-check input[type="checkbox"]:checked,.artifact-port-toggle input[type="checkbox"]:checked{border-color:#ed1527;background:linear-gradient(120deg,#f03226,#a60e24);box-shadow:inset 0 2px 5px #5b071f99,0 0 0 3px #ed15271a}
.inline-check input[type="checkbox"]:checked::after,.artifact-port-toggle input[type="checkbox"]:checked::after{transform:translateX(18px);background:linear-gradient(145deg,#fff,#ffe2e7);box-shadow:0 1px 7px #64091d88}
.inline-check input[type="checkbox"]:focus-visible,.artifact-port-toggle input[type="checkbox"]:focus-visible{outline:2px solid #ff8190;outline-offset:3px}
.artifact-port-toggle{gap:7px;font-size:10px;font-weight:700;white-space:nowrap}.artifact-port-toggle input[type="checkbox"]{flex-basis:36px;width:36px;height:21px}.artifact-port-toggle input[type="checkbox"]::after{width:13px;height:13px;top:3px;left:3px}.artifact-port-toggle input[type="checkbox"]:checked::after{transform:translateX(15px)}
.process-comment-node{position:relative;display:flex;flex-direction:column;gap:0;min-width:210px;max-width:300px;padding:12px 13px 10px;border:1px solid color-mix(in srgb,var(--node-border,#3e83c4) 75%,#ffffff 8%);border-radius:13px;background:linear-gradient(155deg,#1e2631 0%,#171d26 62%,#201720 100%);color:#f5f6fa;box-shadow:0 8px 24px #0003;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.process-comment-node:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--node-accent,#a8d5ff),#ed1527);opacity:.9}.process-comment-node.node-selected{outline:2px solid #ed152780;outline-offset:2px;border-color:#ed1527;box-shadow:0 0 0 5px #ed152714,0 12px 25px #0005}.process-comment-node-top{display:flex;align-items:center;gap:7px;margin-bottom:10px}.process-comment-node-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--node-soft,#234665);border:1px solid #ffffff18;color:var(--node-accent,#a8d5ff)}.process-comment-node-kicker{font-size:8px;font-weight:900;letter-spacing:.9px;color:#aeb9c8}.process-comment-node-live{margin-left:auto;display:grid;place-items:center;width:18px;height:18px;border:1px solid #3d765c;border-radius:50%;background:#183126}.process-comment-node-live span{width:6px;height:6px;border-radius:50%;background:#5bd598;box-shadow:0 0 9px #5bd59899}.process-comment-node-title{font-size:13px;line-height:1.4;color:#fff;overflow-wrap:anywhere}.process-comment-node-summary{margin-top:6px;font-size:10px;line-height:1.55;color:#b9c4d3;white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;overflow:visible}.process-comment-node-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff16;margin-top:12px;padding-top:8px;font-size:8px;letter-spacing:.02em;color:#8f9daf}.process-comment-node-foot>span{display:inline-flex;align-items:center;gap:5px}.process-comment-node-foot svg{color:var(--node-accent,#a8d5ff)}.process-comment-node-open{font-weight:900;letter-spacing:.5px;color:#e7aab4;white-space:nowrap}
.process-chat-sidebar{display:flex;flex:0 0 min(650px,49vw);width:min(650px,49vw);min-width:380px;min-height:0;max-height:100%;align-self:stretch;flex-direction:column;background:#14171d;color:#e9edf4;border-left:1px solid #34313a;box-shadow:-10px 0 26px #00013;overflow:hidden}.process-chat-header{display:flex;align-items:center;gap:11px;flex:0 0 auto;padding:14px 15px;border-bottom:1px solid #30343e;background:radial-gradient(ellipse at 0 0,#3b202a 0%,#1b1b23 48%,#171a20 100%)}.process-chat-heading-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #75404a;border-radius:12px;background:#3b202a;color:#ff9da8;box-shadow:inset 0 1px #ffffff0e}.process-chat-heading-copy{min-width:0;flex:1}.process-chat-heading-copy .eyebrow{font-size:8px;letter-spacing:1.1px;color:#d18b98}.process-chat-heading-copy h2{margin:3px 0 2px;font-size:15px;line-height:1.3;color:#f7f7fa}.process-chat-heading-copy p{margin:0;font-size:10px;color:#949eae;overflow-wrap:anywhere}.process-chat-layout{display:grid;grid-template-columns:195px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.process-chat-topic-nav{display:flex;flex-direction:column;gap:5px;min-width:0;min-height:0;overflow-y:auto;padding:12px 9px;border-right:1px solid #2e333c;background:#171a21}.process-chat-nav-label{display:flex;align-items:center;gap:7px;min-height:20px;padding:2px 5px;color:#7f8a9b;font-size:8px;font-weight:900;letter-spacing:.85px}.process-chat-nav-label-spaced{margin-top:9px}.process-chat-nav-label>span{margin-left:auto;color:#9fa8b6;background:#282c35;border:1px solid #373d49;border-radius:5px;padding:1px 5px;font-size:9px;letter-spacing:0}.process-chat-nav-label>button{display:grid;place-items:center;width:22px;height:22px;border:1px solid #52333d;border-radius:6px;background:#2d2028;color:#f1b1bc}.process-chat-nav-label>button:hover{border-color:#ed1527;color:#fff}.process-chat-topic{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:43px;padding:7px 6px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a9b3c2;text-align:left;transition:background .15s ease,border-color .15s ease}.process-chat-topic>svg{flex:0 0 14px;color:#8490a1}.process-chat-topic>span{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.process-chat-topic strong{font-size:10px;font-weight:800;line-height:1.3;color:#d9e0e9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-chat-topic small{font-size:8px;line-height:1.3;color:#808b9c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-chat-topic:hover{background:#23252e;border-color:#343743}.process-chat-topic.is-active,.process-chat-topic-row.is-active>.process-chat-topic{background:linear-gradient(110deg,#39212a,#292129);border-color:#69404a;color:#ffc3cb}.process-chat-topic.is-active>svg,.process-chat-topic-row.is-active>.process-chat-topic>svg{color:#ff8c9b}.process-chat-topic.is-active strong,.process-chat-topic-row.is-active .process-chat-topic strong{color:#fff0f3}.chat-topic-kind{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;border:1px solid #434854;border-radius:5px;padding:3px 5px;color:#a6b0c0;background:#252933;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.5px}.chat-topic-kind.is-general{border-color:#51424a;background:#2b222a;color:#e3b2bf}.chat-topic-kind.is-node{border-color:#70414b;background:#3a222b;color:#ffabb7}.chat-topic-kind.is-independent{border-color:#3f5669;background:#202e3b;color:#a9d9ff}.process-chat-topic-row{position:relative;display:flex;align-items:center;gap:2px;min-width:0}.process-chat-topic-row>.process-chat-topic{flex:1}.process-chat-delete-topic{display:grid;place-items:center;flex:0 0 24px;width:24px;height:25px;border:1px solid transparent;border-radius:6px;background:transparent;color:#778394;opacity:.65}.process-chat-delete-topic:hover{background:#3b2228;border-color:#79414b;color:#ffb2bc;opacity:1}.process-chat-empty-topics{margin:3px 5px 8px;font-size:9px;line-height:1.5;color:#778393}.process-chat-new-topic{display:flex;gap:5px;padding:5px;background:#20232b;border:1px solid #44404a;border-radius:8px}.process-chat-new-topic input{width:100%;min-width:0;border:0;background:transparent;outline:0!important;color:#f1f3f8;font-size:10px}.process-chat-new-topic button{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #7a3a47;border-radius:6px;background:#4b202c;color:#ffd7dc}.process-chat-new-topic button:disabled{opacity:.4}.process-chat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 80% 0,#20212a 0%,#171a20 45%,#15181e 100%)}.process-chat-conversation-header{display:flex;align-items:center;gap:8px;min-height:63px;padding:11px 13px;border-bottom:1px solid #2e333d}.process-chat-conversation-header>div{flex:1;min-width:0}.process-chat-conversation-header .chat-topic-kind{margin-bottom:5px}.process-chat-conversation-header h3{margin:0;color:#f1f3f7;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.process-chat-conversation-header small{display:block;margin-top:4px;color:#8995a5;font-size:9px;line-height:1.4}.chat-jump-node{flex:0 0 auto;padding:6px 8px;border:1px solid #58404a;border-radius:7px;background:transparent;color:#eab2bd;font-size:9px;font-weight:800}.chat-jump-node:hover{border-color:#ed1527;color:#fff}.process-chat-error{display:flex;align-items:center;gap:7px;margin:9px 10px 0;padding:7px 9px;border:1px solid #69343d;border-radius:7px;background:#321e25;color:#ffb5bd;font-size:10px}.process-chat-error button{display:grid;place-items:center;margin-left:auto;border:0;background:transparent;color:inherit}.process-chat-conversation .comments-panel-embedded{display:flex;flex:1;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;max-height:none;padding:10px 12px 12px;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:hidden}.process-chat-conversation .collab-comment-list{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding:2px 3px 7px 1px}.process-chat-conversation .collab-comment{padding:12px;border-color:#343a46;background:#1b1f27;box-shadow:0 3px 12px #0002}.process-chat-conversation .collab-comment p{font-size:11px;line-height:1.6}.process-chat-conversation .collab-comment.is-reply{margin-left:0;background:#222630;border-color:#414755}.process-chat-conversation .collab-comment.is-node-topic-message{border-color:#6f3d49;background:linear-gradient(145deg,#2b2028,#1e2028);box-shadow:inset 3px 0 #ed1527,0 5px 14px #0002}.collab-message-kind{display:inline-flex;align-items:center;gap:5px;margin-bottom:9px;padding:4px 7px;border:1px solid #74404b;border-radius:6px;background:#3c2029;color:#ffabb7;font-size:8px;font-weight:900;letter-spacing:.65px}.process-chat-conversation .collab-reply-button,.process-chat-conversation .collab-reply-cancel{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:3px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#aeb9c8;font-size:10px;font-weight:700;text-decoration:none;transition:color .15s ease}.process-chat-conversation .collab-reply-button:hover,.process-chat-conversation .collab-reply-cancel:hover{color:#ff9da8;text-decoration:underline;text-underline-offset:3px}.process-chat-conversation .collab-comment-form{flex:0 0 auto;margin-top:8px;padding-top:10px;border-top:1px solid #303640}.process-chat-conversation .collab-comment-form .field-label{color:#9ea8b7;font-size:9px;font-weight:800;letter-spacing:.35px}.process-chat-conversation .collab-comment-form .field-label textarea{min-height:78px;border:1px solid #393f4a;border-radius:10px;background:#1d2129;color:#f0f2f7;font-size:11px;line-height:1.5;padding:10px;resize:vertical;max-height:30vh}.process-chat-conversation .collab-comment-form .field-label textarea:focus{border-color:#80505d;outline:2px solid #ed152722}.process-chat-conversation .collab-comment-form .button.primary{justify-self:end;background:linear-gradient(120deg,#ed1527,#b31129);border-color:#ef3543;box-shadow:0 4px 13px #ad142a35}.process-chat-conversation .collab-comment-form .button.primary:hover:not(:disabled){filter:brightness(1.12)}.process-chat-conversation .collab-comment-form>small{line-height:1.45;color:#788494}.process-chat-conversation .activity-empty{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px;color:#8d98a8}.process-chat-conversation .activity-empty strong{color:#d5dbe5}.process-chat-conversation .activity-empty span{max-width:260px;line-height:1.5}.comments-panel-hide-header>.inspector-heading{display:none}
@media(max-width:1080px){.process-chat-sidebar{flex-basis:min(520px,48vw);width:min(520px,48vw);min-width:330px}.process-chat-layout{grid-template-columns:165px minmax(0,1fr)}.process-chat-topic{gap:6px;padding:7px 5px}.process-chat-topic .chat-topic-kind{display:none}}
@media(max-width:760px){.workspace{position:relative}.process-chat-sidebar{position:absolute;z-index:15;inset:0 0 0 auto;width:min(100%,620px);min-width:0;max-height:none;box-shadow:-12px 0 30px #0005}.process-chat-layout{grid-template-columns:minmax(125px,36%) minmax(0,1fr)}.process-chat-topic-nav{padding:8px 5px}.process-chat-conversation .comments-panel-embedded{padding:8px}.process-chat-conversation .collab-comment-form .field-label textarea{min-height:64px}}

/* v0.6.23: the status board is a horizontal Kanban rail, never a wrapping grid. */
.task-status-board {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  padding: 4px 2px 14px;
}
.task-status-board > .task-status-column {
  flex: 0 0 clamp(270px, 29vw, 350px) !important;
  width: clamp(270px, 29vw, 350px) !important;
  min-width: 270px !important;
  max-width: 350px;
  scroll-snap-align: start;
}
@media (max-width: 700px) {
  .task-status-board > .task-status-column {
    flex-basis: 82vw !important;
    width: 82vw !important;
    min-width: 82vw !important;
    max-width: 360px;
  }
}
.collab-message-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:6px; }
.collab-message-actions .collab-reply-button,
.collab-message-actions .collab-edit-button { display:inline-flex; align-items:center; gap:5px; padding:3px 0; border:0; border-radius:0; background:transparent; box-shadow:none; color:#aeb9c8; font-size:10px; font-weight:700; text-decoration:none; }
.collab-message-actions .collab-reply-button:hover,
.collab-message-actions .collab-edit-button:hover { color:#ff9da8; text-decoration:underline; text-underline-offset:3px; }
.collab-message-edit { display:grid; gap:8px; margin-top:7px; }
.collab-message-edit textarea { width:100%; box-sizing:border-box; resize:vertical; min-height:75px; padding:9px 10px; border:1px solid #63414b; border-radius:9px; background:#161a21; color:#f0f2f7; font:inherit; font-size:11px; line-height:1.5; }
.collab-message-edit>div { display:flex; gap:7px; justify-content:flex-end; flex-wrap:wrap; }
.collab-message-edit .button { display:inline-flex; align-items:center; gap:5px; min-height:29px; padding:5px 9px; font-size:10px; }
.collab-message-edit .button.secondary { background:transparent; border-color:#454956; color:#adb6c4; }
.process-chat-conversation .collab-message-edit textarea { background:#151920; border-color:#58404a; }


/* v0.6.24 — bounded chat viewport and compact Telegram-style composer. */
@media (min-width: 721px) {
  .app-shell:has(.process-chat-sidebar) { height: 100dvh; min-height: 0; overflow: hidden; }
  .app-shell:has(.process-chat-sidebar) .main-area { min-height: 0; height: 100%; overflow: hidden; }
  .app-shell:has(.process-chat-sidebar) .workspace { flex: 1 1 0; height: 0; min-height: 0; overflow: hidden; }
  .process-chat-sidebar { height: 100%; max-height: 100%; min-height: 0; }
}
.process-chat-layout, .process-chat-conversation, .process-chat-conversation .comments-panel-embedded { min-height: 0; }
.process-chat-conversation .collab-comment-list { flex: 1 1 0; height: 0; min-height: 0; max-height: none; overflow-y: auto; overscroll-behavior: contain; align-content: start; }
.process-chat-conversation .collab-comment { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.process-chat-conversation .collab-comment-body { overflow-wrap: anywhere; word-break: normal; }
.process-chat-conversation .chat-composer-form { display: flex; flex: 0 0 auto; flex-direction: column; gap: 7px; padding: 10px 0 0; margin-top: 6px; min-height: 0; }
.chat-composer-row { display: flex; align-items: flex-end; gap: 8px; min-width: 0; padding: 7px; background: #1b1f27; border: 1px solid #3a414d; border-radius: 14px; box-shadow: inset 0 1px #ffffff07, 0 6px 20px #0002; }
.chat-composer-row:focus-within { border-color: #75414c; box-shadow: 0 0 0 3px #ed152716, 0 6px 20px #0002; }
.chat-composer-tools { display: flex; align-items: center; align-self: flex-end; flex: 0 0 auto; gap: 2px; }
.chat-composer-tool { display: grid; place-items: center; width: 29px; height: 31px; padding: 0; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #8793a4; transition: color .14s ease, background .14s ease, border-color .14s ease; }
.chat-composer-tool:hover, .chat-composer-tool.is-active { color: #ffb5bf; border-color: #5b3540; background: #34232b; }
.chat-composer-editable { flex: 1 1 auto; min-width: 0; max-height: 160px; min-height: 35px; overflow-y: auto; overscroll-behavior: contain; outline: 0; padding: 8px 3px 6px; color: #eef1f6; font: 12px/1.55 'DM Sans', Inter, system-ui, sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; word-break: normal; caret-color: #ff9da8; }
.chat-composer-editable:empty:before { content: attr(data-placeholder); color: #697586; pointer-events: none; }
.chat-composer-editable img.chat-inline-custom-emoji { vertical-align: -0.22em; max-width: 1.4em; max-height: 1.4em; }
.chat-send-button { display: grid; place-items: center; flex: 0 0 37px; width: 37px; height: 37px; border: 1px solid #ed3546; border-radius: 11px; color: #fff; background: linear-gradient(145deg, #ed1527, #ad1227); box-shadow: 0 5px 15px #ed15272a; transition: transform .15s ease, filter .15s ease; }
.chat-send-button:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.12); }
.chat-send-button:disabled { opacity: .36; box-shadow: none; }
.chat-send-spinner { width: 14px; height: 14px; border: 2px solid #ffffff55; border-top-color: white; border-radius: 50%; animation: flowcost-spin .8s linear infinite; }
.chat-composer-hint { display: block; padding: 0 4px; color: #707b8b; font-size: 9px; line-height: 1.45; }
.chat-inline-error { margin: 6px 0; font-size: 10px; }
.chat-inline-error .icon-button { flex: 0 0 24px; width: 24px; height: 24px; }
.chat-inline-custom-emoji { display: inline-block; width: 1.45em; height: 1.45em; max-width: 2em; max-height: 2em; object-fit: contain; vertical-align: -0.28em; margin: 0 .08em; }
.chat-emoji-picker, .chat-emoji-manager { position: relative; width: 100%; padding: 10px; border: 1px solid #3b414e; border-radius: 11px; background: #1c2028; box-shadow: 0 10px 24px #0003; }
.chat-emoji-picker-heading, .chat-emoji-manager>header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.chat-emoji-picker-heading strong, .chat-emoji-manager>header strong { display: inline-flex; align-items: center; gap: 6px; color: #e9edf4; font-size: 10px; }
.chat-emoji-picker-heading button { display: grid; place-items: center; width: 22px; height: 22px; border: 0; background: transparent; color: #9ba5b4; }
.chat-emoji-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; max-height: 120px; overflow-y: auto; }
.chat-emoji-grid>button, .chat-reaction-picker>button { display: grid; place-items: center; min-width: 0; min-height: 30px; padding: 3px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #f2f4f8; font-size: 17px; }
.chat-emoji-grid>button:hover, .chat-reaction-picker>button:hover { border-color: #69404a; background: #33232a; transform: scale(1.08); }
.chat-emoji-picker>small { display: block; margin-top: 7px; color: #778394; font-size: 9px; }
.chat-emoji-manager>header { align-items: flex-start; }
.chat-emoji-manager>header small { display: block; margin-top: 4px; color: #778394; font-size: 9px; }
.chat-emoji-upload-form { display: grid; gap: 8px; padding: 9px; border: 1px solid #303744; border-radius: 9px; background: #171b22; }
.chat-emoji-upload-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.chat-emoji-upload-fields label { display: grid; gap: 4px; min-width: 0; color: #8f9aab; font-size: 9px; }
.chat-emoji-upload-fields input { min-width: 0; width: 100%; padding: 7px 8px; border: 1px solid #383f4b; border-radius: 7px; background: #20242c; color: #edf0f6; font-size: 10px; }
.chat-emoji-file { display: flex; align-items: center; gap: 7px; min-height: 31px; padding: 7px 8px; border: 1px dashed #4a515f; border-radius: 8px; color: #b5bfcd; font-size: 10px; cursor: pointer; }
.chat-emoji-file input { width: 1px; height: 1px; position: absolute; opacity: 0; pointer-events: none; }
.chat-emoji-upload-preview { display: flex; align-items: center; gap: 8px; color: #aab4c3; font-size: 10px; }
.chat-emoji-upload-preview img { width: 30px; height: 30px; object-fit: contain; }
.chat-emoji-manager-list { display: grid; gap: 5px; max-height: 150px; overflow: auto; margin-top: 8px; }
.chat-emoji-manager-item { display: flex; align-items: center; gap: 8px; padding: 6px 7px; border: 1px solid #2d333d; border-radius: 8px; background: #20242c; }
.chat-emoji-manager-item>img { width: 26px; height: 26px; object-fit: contain; flex: 0 0 auto; }
.chat-emoji-manager-item>span { flex: 1; min-width: 0; }
.chat-emoji-manager-item strong { display: block; color: #e4eaf1; font-size: 10px; }
.chat-emoji-manager-item small { display: block; color: #8a95a5; font-size: 9px; margin-top: 2px; }
.chat-emoji-manager-list>p { color: #818c9c; font-size: 10px; margin: 4px; }
.chat-reaction-action-wrap { position: relative; display: inline-flex; }
.chat-reaction-picker { position: absolute; left: -5px; bottom: calc(100% + 7px); z-index: 12; display: grid; grid-template-columns: repeat(6, minmax(28px, 1fr)); gap: 2px; width: 232px; padding: 7px; border: 1px solid #414855; border-radius: 10px; background: #1e222b; box-shadow: 0 12px 35px #0008; }
.chat-reaction-picker>button { min-height: 28px; font-size: 15px; }
.chat-reaction-list { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.collab-reaction { display: inline-flex; align-items: center; gap: 5px; min-height: 25px; padding: 3px 7px; border: 1px solid #38404c; border-radius: 999px; background: #242a34; color: #9da8b8; font-size: 10px; transition: transform .12s ease, background .12s ease, border-color .12s ease; }
.collab-reaction:hover { z-index: 2; transform: scale(1.13); border-color: #80505d; background: #33242c; color: #f4c0c8; }
.collab-reaction.is-mine { border-color: #8a4653; background: #3a222b; color: #ffc0c9; }
.collab-reaction .chat-inline-custom-emoji, .reaction-glyph { width: 17px; height: 17px; object-fit: contain; vertical-align: middle; }
.collab-reaction-user-list { display: flex; align-items: flex-start; gap: 7px; margin-top: 6px; padding: 8px; border: 1px solid #4d3942; border-radius: 8px; background: #272129; color: #acb7c6; font-size: 10px; }
.collab-reaction-user-list strong { display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; color: #f2bac4; }
.collab-reaction-user-list span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.collab-reaction-user-list button { border: 0; background: transparent; color: #8d98a8; }
.collab-message-actions .collab-reaction-add { color: #8894a4; }
.collab-message-actions .collab-reaction-add:hover { color: #ffadb8; }
@media (max-width: 720px) {
  .chat-composer-row { gap: 4px; padding: 5px; }
  .chat-composer-tools { gap: 0; }
  .chat-composer-tool { width: 25px; }
  .chat-composer-editable { max-height: 120px; font-size: 12px; }
  .chat-send-button { flex-basis: 34px; width: 34px; height: 34px; }
  .chat-emoji-upload-fields { grid-template-columns: minmax(0, 1fr); }
}

/* v0.6.24 — polished personal inbox actions on the home dashboard. */
.home-inbox { min-width: 0; padding: 21px; border: 1px solid var(--border, #39353b); border-radius: 16px; background: radial-gradient(ellipse at 2% 0%, rgba(237,21,39,.09), transparent 48%), linear-gradient(145deg, rgba(255,255,255,.025), rgba(255,255,255,.008)); box-shadow: 0 12px 32px #0002; }
.home-inbox-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.home-inbox-heading h2 { margin: 5px 0 6px; font-size: 19px; letter-spacing: -.02em; }
.home-inbox-heading p { max-width: 720px; margin: 0; color: var(--muted, #aaa); font-size: 12px; line-height: 1.55; }
.home-inbox-avatar { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid #693541; border-radius: 13px; color: #ffdbe0; background: linear-gradient(145deg,#57232e,#2b2028); font-weight: 700; box-shadow: inset 0 1px #ffffff14; }
.home-inbox-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.home-inbox-action { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 12px; border: 1px solid #363b46; border-radius: 12px; color: var(--text, #f4f0ec); text-align: left; background: #1b1e25; transition: background .16s ease,border-color .16s ease,transform .16s ease; }
.home-inbox-action:hover { border-color: #65404a; background: #252028; transform: translateY(-1px); }
.home-inbox-action.is-active { border-color: #9e3847; background: linear-gradient(135deg,#38212a,#20212a); box-shadow: inset 3px 0 #ed1527; }
.home-inbox-action-icon { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid #49313a; border-radius: 10px; color: #ff8794; background: #30212a; }
.home-inbox-action-copy { display: grid; gap: 4px; flex: 1; min-width: 0; }
.home-inbox-action-copy strong { font-size: 11px; line-height: 1.35; }
.home-inbox-action-copy small { color: #8590a0; font-size: 9px; line-height: 1.4; }
.home-inbox-count { display: grid; place-items: center; flex: 0 0 25px; min-width: 25px; height: 25px; padding: 0 5px; border: 1px solid #414650; border-radius: 9px; color: #abb4c1; background: #272b34; font-size: 10px; font-weight: 700; font-variant-numeric: tabular-nums; }
.home-inbox-count.has-items { border-color: #8c3342; color: #ffc0c8; background: #48232c; }
.home-inbox-error { margin: 12px 0 0; color: #ff929b; font-size: 11px; }
.home-inbox-list { display: grid; gap: 4px; min-width: 0; margin-top: 13px; padding: 10px; border: 1px solid #373d48; border-radius: 12px; background: #15181e; }
.home-inbox-list > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 3px 3px 8px; margin-bottom: 2px; border-bottom: 1px solid #2d323c; color: #e6eaf0; font-size: 11px; }
.home-inbox-list > header button,.home-inbox-mark-read { display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; border: 1px solid transparent; border-radius: 7px; color: #8791a0; background: transparent; }
.home-inbox-list > header button:hover,.home-inbox-mark-read:hover { border-color: #4d3942; color: #ffbac3; background: #2b2229; }
.home-inbox-item { display: flex; align-items: center; gap: 9px; min-width: 0; width: 100%; padding: 9px; border: 1px solid transparent; border-radius: 9px; color: #dce1e9; text-align: left; background: transparent; }
.home-inbox-item:hover { border-color: #393e49; background: #20242c; }
.home-inbox-item.is-read { opacity: .67; }
.home-inbox-item-icon { display: grid; place-items: center; flex: 0 0 29px; width: 29px; height: 29px; border-radius: 9px; color: #ff9da8; background: #33232b; }
.home-inbox-item > span:nth-child(2),.home-inbox-item-main { display: grid; flex: 1; min-width: 0; gap: 3px; }
.home-inbox-item-main { padding: 0; border: 0; color: inherit; text-align: left; background: transparent; }
.home-inbox-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.home-inbox-item small { overflow-wrap: anywhere; color: #9ca6b5; font-size: 10px; line-height: 1.45; }
.home-inbox-item time { display: inline-flex; align-items: center; gap: 4px; color: #737f90; font-size: 9px; }
.home-inbox-empty { padding: 18px 10px; color: #7f8a9a; text-align: center; font-size: 11px; line-height: 1.5; }
@media (max-width: 850px) { .home-inbox-actions { grid-template-columns: minmax(0,1fr); } .home-inbox-action { padding: 10px 12px; } }
@media (max-width: 650px) { .home-inbox { padding: 14px; } .home-inbox-heading { gap: 10px; } .home-inbox-avatar { flex-basis: 34px; width: 34px; height: 34px; } .home-inbox-item { padding: 8px 5px; } }

/* Shared text-control baseline: consistent focus, spacing and disabled states across modules. */
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select) {
  border-radius: 9px;
  transition: border-color .14s ease, box-shadow .14s ease, background-color .14s ease;
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select):focus-visible {
  outline: none;
  border-color: #92505c;
  box-shadow: 0 0 0 3px rgba(237, 21, 39, .14);
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select):disabled {
  cursor: not-allowed;
  opacity: .68;
}
:where(input, textarea)::placeholder { color: #778292; opacity: 1; }

/* v0.6.25 — chronological chat, reply jump links, unread boundaries and team/role mentions. */
.process-chat-conversation .collab-comment-list{display:flex;flex-direction:column;gap:9px;scroll-behavior:smooth;scroll-padding-block:18px;}
.process-chat-conversation .collab-comment.is-reply{margin-left:0;background:#20242d;border-color:#3b414d;}
.collab-reply-reference{display:flex;align-items:center;gap:7px;width:100%;min-width:0;margin:0 0 9px;padding:6px 8px;border:0;border-left:2px solid #ed1527;border-radius:0 7px 7px 0;background:#2b2028;color:#bdc5d2;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease;}
.collab-reply-reference>svg{flex:0 0 auto;color:#ff9da8;}
.collab-reply-reference-author{flex:0 0 auto;color:#ffb0ba;font-size:9px;font-weight:800;white-space:nowrap;}
.collab-reply-reference-preview{min-width:0;overflow:hidden;color:#aeb6c4;font-size:9px;text-overflow:ellipsis;white-space:nowrap;}
.collab-reply-reference:hover{background:#3a252e;color:#fff;}
.collab-comment.is-new-message{animation:flowcost-message-arrive 1.35s ease-out;border-color:#93515e;box-shadow:0 0 0 1px #ed152735,0 4px 22px #ed152718;}
.collab-comment.is-jump-target{animation:flowcost-reply-target 1.8s ease-out;border-color:#ed1527;}
.collab-unread-divider{display:flex;align-items:center;gap:10px;margin:10px 0;color:#ffabb7;font-size:9px;font-weight:900;letter-spacing:.2px;scroll-margin-top:12px;}
.collab-unread-divider::before,.collab-unread-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#8b4653);}
.collab-unread-divider::after{background:linear-gradient(90deg,#8b4653,transparent);}
.chat-mention-suggestions{display:grid;grid-template-columns:1fr;max-height:220px;overflow:auto;gap:3px;}
.chat-mention-suggestions .chat-mention-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;}
.chat-mention-option>span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:#303540;color:#d7dde6;}
.chat-mention-option strong{flex:1;min-width:0;font-size:10px;font-weight:700;color:#dfe4ec;}
.chat-mention-option small{font-size:9px;color:#8995a6;}
.chat-mention-option.is-team>span{background:#1e3a34;color:#8be1c5;}
.chat-mention-option.is-role>span{background:#342b46;color:#d1b4ff;}
.chat-mention-suggestions .chat-mention-option:hover{border-color:#60404a;background:#2b2028;}
.chat-ping-role-manager{display:grid;gap:10px;position:relative;width:100%;padding:11px;border:1px solid #3b414e;border-radius:11px;background:linear-gradient(145deg,#20232c,#1a1d24);box-shadow:0 10px 24px #0003;}
.chat-ping-role-manager>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.chat-ping-role-manager>header strong{display:flex;align-items:center;gap:6px;color:#f0f2f7;font-size:10px;}
.chat-ping-role-manager>header small{display:block;max-width:460px;margin-top:4px;color:#8793a4;font-size:9px;line-height:1.5;}
.chat-ping-role-create,.chat-ping-role-assign{display:flex;gap:6px;align-items:center;min-width:0;}
.chat-ping-role-create input,.chat-ping-role-assign select{min-width:0;flex:1;padding:7px 8px;border:1px solid #414855;border-radius:7px;background:#171b22;color:#e8edf4;font-size:10px;}
.chat-ping-role-assign select{max-width:100%;}
.chat-ping-role-manager .button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:5px 8px;white-space:nowrap;font-size:9px;}
.chat-ping-role-manager .button.secondary{border-color:#464c59;background:transparent;color:#c0c8d4;}
.chat-ping-role-list{display:grid;gap:6px;max-height:210px;overflow:auto;}
.chat-ping-role-list>article{padding:8px;border:1px solid #343a46;border-radius:8px;background:#191d24;}
.chat-ping-role-list>article>header span{display:flex;justify-content:space-between;gap:8px;align-items:baseline;}
.chat-ping-role-list>article>header strong{font-size:10px;color:#f0f2f7;}
.chat-ping-role-list>article>header small{font-size:9px;color:#9a8db6;}
.chat-ping-role-members{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px;}
.chat-ping-role-members>span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #39414d;border-radius:6px;background:#242a34;color:#cbd3df;font-size:9px;}
.chat-ping-role-members button{display:grid;place-items:center;padding:0;border:0;background:transparent;color:#9ba5b4;}
.chat-ping-role-members button:hover{color:#ff9da8;}
.chat-ping-role-members>small,.chat-ping-role-list>p{font-size:9px;color:#8793a4;}
.chat-ping-role-note{padding-top:8px;border-top:1px solid #343944;color:#8994a4;font-size:9px;line-height:1.6;}
.chat-ping-role-note span{color:#f4bdc5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;}
@keyframes flowcost-message-arrive{0%{background:#3a242d;box-shadow:0 0 0 3px #ed15272a;}100%{background:#1b1f27;box-shadow:0 3px 12px #0002;}}
@keyframes flowcost-reply-target{0%,40%{background:#43232d;box-shadow:0 0 0 4px #ed15272e;}100%{background:#1b1f27;box-shadow:0 3px 12px #0002;}}
@media(prefers-reduced-motion:reduce){.collab-comment.is-new-message,.collab-comment.is-jump-target{animation:none;}.process-chat-conversation .collab-comment-list{scroll-behavior:auto;}}
@media(max-width:600px){.chat-ping-role-create,.chat-ping-role-assign{align-items:stretch;flex-direction:column;}.chat-ping-role-create .button,.chat-ping-role-assign .button{width:100%;}.chat-ping-role-list>article>header span{align-items:flex-start;flex-direction:column;gap:3px;}}

/* v0.6.26 — contextual chat tools, system emoji palette, icon-only actions and reliable topic cleanup. */
.process-chat-header-tool{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #45313a;border-radius:9px;background:transparent;color:#c1a1aa;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;}
.process-chat-header-tool:hover{border-color:#80505c;background:#39222b;color:#ffcad1;transform:translateY(-1px);}
.chat-emoji-picker{position:fixed!important;z-index:1100;width:min(320px,calc(100vw - 16px))!important;max-height:min(62dvh,420px);overflow-y:auto;}
.chat-emoji-manager{position:fixed!important;z-index:1200;top:clamp(64px,10vh,110px);right:clamp(12px,4vw,54px);width:min(450px,calc(100vw - 24px))!important;max-height:calc(100dvh - 130px);overflow-y:auto;box-shadow:0 26px 90px #000b,0 0 0 1px #ffffff0a;}
.chat-ping-role-manager{position:fixed!important;z-index:1200;top:clamp(64px,10vh,110px);right:clamp(12px,4vw,54px);width:min(480px,calc(100vw - 24px))!important;max-height:calc(100dvh - 130px);overflow-y:auto;box-shadow:0 26px 90px #000b,0 0 0 1px #ffffff0a;}
.chat-reaction-picker{position:fixed!important;z-index:1500;grid-template-columns:repeat(7,minmax(28px,1fr));width:min(284px,calc(100vw - 16px));max-height:min(55dvh,330px);overflow-y:auto;overscroll-behavior:contain;}
.chat-reaction-picker>button{width:100%;min-height:31px;font-size:17px;}
.collab-message-actions{display:flex;align-items:center;gap:5px;margin-top:7px;min-height:25px;}
.collab-message-action-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:25px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#8490a1;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;}
.collab-message-action-icon:hover,.collab-message-action-icon.is-active{border-color:#67404b;background:#33232b;color:#ffb7c0;transform:translateY(-1px);}
.collab-message-action-icon.is-danger:hover{border-color:#79343e;background:#3b2027;color:#ff9da8;}
.chat-selection-toolbar{position:fixed;z-index:1400;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #64404a;border-radius:10px;background:linear-gradient(145deg,#30232b,#1d2028);box-shadow:0 12px 35px #0008,0 0 0 1px #ffffff06;animation:chat-toolbar-in .14s ease-out;}
.chat-selection-toolbar>button{display:grid;place-items:center;width:29px;height:28px;border:0;border-radius:7px;background:transparent;color:#d7c7cc;}
.chat-selection-toolbar>button:hover{background:#4a2933;color:#fff;}
@keyframes chat-toolbar-in{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.process-chat-header-tool{flex-basis:27px;width:27px;height:27px}.chat-emoji-manager,.chat-ping-role-manager{right:8px;top:72px;width:calc(100vw - 16px)!important;max-height:calc(100dvh - 88px)}.chat-reaction-picker{max-height:55dvh}}

.collab-message-edit>div{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:6px}.collab-message-edit .collab-message-action-icon:disabled{opacity:.35;cursor:not-allowed}.chat-saving-indicator{width:11px;height:11px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:chat-toolbar-spin .65s linear infinite}@keyframes chat-toolbar-spin{to{transform:rotate(360deg)}}

.process-chat-empty-topics{display:grid;justify-items:start;gap:7px;margin:5px 2px;padding:12px 9px;border:1px dashed #46404a;border-radius:10px;background:linear-gradient(145deg,#211f28,#1a1d24);color:#828d9d}.process-chat-empty-topics>svg{color:#d48a9a}.process-chat-empty-topics>strong{color:#dce1ea;font-size:10px}.process-chat-empty-topics>span{font-size:9px;line-height:1.55}.process-chat-empty-topics>button{display:inline-flex;align-items:center;gap:5px;margin-top:2px;padding:6px 8px;border:1px solid #67404b;border-radius:7px;background:#32222b;color:#ffc4ce;font-size:9px;font-weight:800}.process-chat-empty-topics>button:hover{border-color:#ed1527;background:#40222d;color:#fff}

/* v0.6.27 — emoji pickers are viewport-portalled and measured after render. */
.chat-emoji-picker {
  position: fixed !important;
  z-index: 2100;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(320px, calc(100vw - 16px)) !important;
  max-height: min(62dvh, 420px);
  overflow: hidden;
  padding: 10px;
  border: 1px solid #4b3b45;
  border-radius: 12px;
  background: linear-gradient(150deg, #22232c, #191c23 72%);
  box-shadow: 0 18px 48px #000b, 0 0 0 1px #ffffff08;
}
.chat-emoji-picker-heading { flex: 0 0 auto; }
.chat-emoji-grid {
  flex: 0 1 auto;
  min-height: 0;
  max-height: 120px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
  font-variant-emoji: emoji;
}
.chat-emoji-grid > button {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
  font-size: 19px;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
}
.chat-emoji-grid > button .reaction-glyph,
.chat-emoji-grid > button .chat-inline-custom-emoji { width: 22px; height: 22px; max-width: 22px; max-height: 22px; margin: 0; }
.chat-emoji-picker > small { flex: 0 0 auto; line-height: 1.4; }
.chat-reaction-picker {
  position: fixed !important;
  z-index: 2200;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(284px, calc(100vw - 16px));
  max-height: min(55dvh, 330px);
  overflow: hidden;
  padding: 8px;
  border: 1px solid #51414b;
  border-radius: 12px;
  background: linear-gradient(150deg, #25232c, #1b1e26 75%);
  box-shadow: 0 18px 48px #000b, 0 0 0 1px #ffffff08;
}
.chat-reaction-picker-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 1px 3px 8px; }
.chat-reaction-picker-heading strong { color: #f1dce1; font-size: 10px; font-weight: 800; }
.chat-reaction-picker-heading span { color: #8691a1; font-size: 9px; }
.chat-reaction-picker-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 3px;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.chat-reaction-picker-grid > button {
  display: grid;
  place-items: center;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 3px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #f3f1f5;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
  font-size: 21px;
  line-height: 1.15;
  font-variant-emoji: emoji;
  cursor: pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.chat-reaction-picker-grid > button:hover,
.chat-reaction-picker-grid > button:focus-visible {
  z-index: 1;
  border-color: #754450;
  background: #3a252e;
  transform: scale(1.08);
  outline: none;
}
.chat-reaction-picker-grid .reaction-glyph,
.chat-reaction-picker-grid .chat-inline-custom-emoji { width: 23px; height: 23px; max-width: 23px; max-height: 23px; margin: 0; }
@media (max-width: 600px) {
  .chat-emoji-picker { max-height: min(56dvh, 360px); }
  .chat-reaction-picker { max-height: min(48dvh, 300px); }
  .chat-reaction-picker-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* v0.6.28 — compact collaboration, profiles, attachments and resilient task layouts. */
.flowcost-user-avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;overflow:hidden;border:1px solid #59434c;border-radius:50%;background:linear-gradient(145deg,#54232f,#252831);color:#ffe4e8;font-weight:800;line-height:1;vertical-align:middle;box-sizing:border-box}
.flowcost-user-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.user-profile-popover-root{position:relative;display:inline-flex;min-width:0;max-width:100%;vertical-align:middle}
.user-profile-trigger{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;color:#f1dfe3;text-decoration:none;cursor:pointer}
.user-profile-trigger:hover,.user-profile-trigger:focus-visible{color:#fff;text-decoration:underline;text-decoration-color:#ed1527;text-underline-offset:3px;outline:none}
.user-profile-popover{position:absolute;z-index:2500;left:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 28px));padding:12px;border:1px solid #57424b;border-radius:12px;background:#1d2028;box-shadow:0 18px 48px #000c;color:#e9edf3;text-decoration:none}
.user-profile-popover>header{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid #363b46}
.user-profile-popover>header>div{display:grid;gap:3px;min-width:0;flex:1}
.user-profile-popover>header strong{font-size:12px;overflow-wrap:anywhere}
.user-profile-popover>header small,.user-profile-loading,.user-profile-error{font-size:10px;color:#9ba5b4}
.user-profile-popover>header .icon-button{flex:0 0 auto}
.user-profile-details{display:grid;gap:8px;padding:10px 0}
.user-profile-details>span,.user-profile-details>a{display:flex;align-items:center;gap:7px;font-size:11px;color:#bfc8d4;overflow-wrap:anywhere;text-decoration:none}
.user-profile-details>a:hover{color:#fff;text-decoration:underline}
.user-profile-full-link{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:9px;border-top:1px solid #363b46;color:#ff8b99;font-size:11px;text-decoration:none}
.user-profile-full-link small{width:100%;font-size:9px;color:#8f99a8}
.user-profile-full-link:hover{text-decoration:underline}
.user-profile-error{color:#ff98a5}
.chat-author-profile .user-profile-trigger{gap:7px;text-decoration:none}
.chat-author-profile .user-profile-trigger>strong{font-size:11px}
.chat-inline-mention{display:inline-flex;vertical-align:baseline}
.chat-inline-mention .user-profile-trigger{color:#ff8998;font-weight:750;text-decoration:underline;text-decoration-color:#a54c5a;text-underline-offset:2px}
.chat-inline-mention .flowcost-user-avatar{display:none}
.collab-comment{position:relative;max-width:min(100%,760px);padding:8px 10px 7px;border-color:hsl(var(--author-hue) 22% 28%);background:hsl(var(--author-hue) 18% 13%);border-radius:11px}
.collab-comment.is-own{justify-self:end;margin-left:auto;background:#2a2026;border-color:#67404b}
.collab-comment.is-reply{margin-left:20px;max-width:calc(100% - 20px)}
.collab-comment.is-reply.is-own{margin-left:auto;margin-right:0}
.collab-comment-meta{align-items:center;gap:8px;min-width:0}
.collab-comment-meta .chat-author-profile{min-width:0}
.collab-comment-meta-right{display:flex;align-items:center;gap:5px;margin-left:auto;flex:0 0 auto}
.collab-comment-meta time{font-size:9px;white-space:normal;text-align:right}
.collab-comment-body{font-size:11px!important;line-height:1.5;margin:5px 0 4px!important;white-space:pre-wrap;overflow-wrap:anywhere}
.collab-comment-body strong em,.collab-comment-body em strong{font-weight:800}
.collab-comment-list{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.collab-comment-list>.collab-comment{align-self:flex-start}
.collab-comment-list>.collab-comment.is-own{align-self:flex-end}
.collab-comment.is-actions-open .collab-message-actions,.collab-comment:focus-within .collab-message-actions{display:flex}
.collab-message-actions{display:none;align-items:center;justify-content:flex-end;gap:3px;margin-top:3px;padding-top:4px;border-top:1px solid #ffffff10}
.collab-message-context-toggle{display:none;align-items:center;justify-content:center;width:20px;height:18px;padding:0;border:1px solid #45404a;border-radius:5px;background:#26232b;color:#aeb5c2;cursor:pointer;font-weight:900;line-height:1}
.collab-comment:hover .collab-message-context-toggle,.collab-comment.is-actions-open .collab-message-context-toggle,.collab-message-context-toggle:focus-visible{display:inline-flex}
.collab-message-actions .collab-message-action-icon{width:25px;height:24px}
.chat-message-attachments{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}
.chat-attachment-image-link{display:block;max-width:min(100%,360px);border:1px solid #48414a;border-radius:8px;overflow:hidden;background:#14161b}
.chat-attachment-image{display:block;max-width:100%;max-height:320px;object-fit:contain}
.chat-attachment-loading{font-size:10px;color:#9da7b5}
.chat-pending-attachments{display:flex;flex-wrap:wrap;gap:7px;padding:3px 2px}
.chat-pending-attachment{display:flex;align-items:center;gap:6px;max-width:220px;padding:4px 6px;border:1px solid #4b3b45;border-radius:8px;background:#211d25;color:#bfc7d4;font-size:10px}
.chat-pending-attachment img{width:34px;height:34px;border-radius:5px;object-fit:cover}
.chat-pending-attachment span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-pending-attachment button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:5px;background:#35252d;color:#ffb9c3;cursor:pointer}
.chat-image-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.chat-composer-tools .chat-composer-tool{width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:#aeb6c3;cursor:pointer}
.chat-composer-tools .chat-composer-tool:hover,.chat-composer-tools .chat-composer-tool:focus-visible{background:#32252d;border-color:#67404b;color:#ffe7eb}
.chat-composer-editable{min-width:0;flex:1 1 auto;min-height:34px;max-height:180px;overflow-y:auto;outline:none;overflow-wrap:anywhere}
.chat-composer-editable:empty::before{content:attr(data-placeholder);color:#778290;pointer-events:none}
.chat-thread-summary{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:3px 7px;border:1px solid #3b424e;border-radius:99px;background:#22262f;color:#bfc7d4;font-size:9px;cursor:pointer}
.chat-thread-summary:hover{border-color:#75404c;color:#fff}
.chat-thread-summary-avatars{display:inline-flex;align-items:center;padding-left:2px}
.chat-thread-summary-avatars .flowcost-user-avatar{margin-left:-4px;outline:2px solid #22262f}
.collab-comment.is-pending-sync{border-style:dashed;border-color:#8f7845;opacity:.9}
.home-inbox-draft-item{display:flex;align-items:stretch;gap:6px;padding:0;border:0;background:transparent}
.home-inbox-draft-open{min-width:0;flex:1 1 auto}
.home-inbox-delete-draft{display:grid;place-items:center;flex:0 0 34px;align-self:center;width:34px;height:34px;border:1px solid #493b43;border-radius:8px;background:#282128;color:#c5aab2;cursor:pointer}
.home-inbox-delete-draft:hover:not(:disabled){border-color:#ed1527;background:#3a2028;color:#fff}
.home-inbox-delete-draft:disabled{opacity:.5;cursor:wait}
.task-manager-card,.task-manager-main,.task-manager-main>*{min-width:0;max-width:100%;box-sizing:border-box}
.task-manager-main{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:10px}
.task-manager-main>.field-label:first-child{grid-column:span 2}
.task-manager-main .task-description-field{grid-column:1/-1}
.task-manager-main input,.task-manager-main select,.task-manager-main textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.task-manager-main textarea{resize:vertical}
.chat-reaction-picker{max-height:min(78dvh,620px);height:auto;min-height:0;padding:10px}
.chat-reaction-picker-grid{flex:1 1 auto;max-height:min(68dvh,540px);min-height:150px;grid-template-columns:repeat(7,minmax(0,1fr));align-content:start}
.chat-reaction-picker-grid>button{min-height:34px}
.chat-reaction-picker-heading{flex:0 0 auto}
@media(max-width:1050px){.task-manager-main{grid-template-columns:repeat(3,minmax(0,1fr))}.task-manager-main>.field-label:first-child{grid-column:span 2}}
@media(max-width:700px){.task-manager-main{grid-template-columns:repeat(2,minmax(0,1fr))}.task-manager-main>.field-label:first-child,.task-manager-main .task-description-field{grid-column:1/-1}.collab-comment{max-width:100%}.collab-comment.is-reply{margin-left:12px;max-width:calc(100% - 12px)}.chat-reaction-picker{max-height:min(78dvh,620px)}.chat-reaction-picker-grid{max-height:min(68dvh,540px);grid-template-columns:repeat(6,minmax(0,1fr))}.user-profile-popover{left:auto;right:0}}
@media(max-width:420px){.task-manager-main{grid-template-columns:minmax(0,1fr)}.task-manager-main>.field-label:first-child,.task-manager-main .task-description-field{grid-column:auto}.collab-comment-meta time{max-width:94px;font-size:8px}.chat-composer-tools{flex-wrap:wrap}.chat-composer-tools .chat-composer-tool{width:27px;height:28px}}

/* Floating company/private chats, globally available without replacing page context. */
.floating-chat-launcher{position:fixed;z-index:1800;right:22px;bottom:20px;display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #78414d;border-radius:999px;background:#351f28;color:#ffe9ed;box-shadow:0 12px 30px #0008;font-size:12px;font-weight:800;cursor:pointer}
.floating-chat-launcher:hover,.floating-chat-launcher.is-open{border-color:#ed1527;background:#4b222c;color:#fff}
.floating-chat-widget{position:fixed;z-index:1799;right:18px;bottom:76px;display:flex;flex-direction:column;width:min(560px,calc(100vw - 24px));height:min(78dvh,760px);min-height:300px;max-height:calc(100dvh - 100px);overflow:hidden;border:1px solid #493944;border-radius:14px;background:#171a20;box-shadow:0 24px 80px #000c;color:#e9edf3}
.floating-chat-header{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:10px 12px;border-bottom:1px solid #373b45;background:#1b1e25}
.floating-chat-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#3a242d;color:#ffb9c3;font-size:16px}
.floating-chat-header-copy{display:grid;gap:3px;min-width:0;flex:1}
.floating-chat-header-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.floating-chat-header-copy small{font-size:9px;color:#969fac}
.floating-chat-switcher{display:flex;align-items:flex-end;gap:8px;padding:9px 10px;border-bottom:1px solid #2e333d;background:#191c22}
.floating-chat-switcher label{display:grid;gap:4px;min-width:0;flex:1}
.floating-chat-switcher label>span,.floating-chat-settings label,.floating-chat-create label{font-size:9px;color:#9da6b4}
.floating-chat-switcher select,.floating-chat-settings input,.floating-chat-create input:not([type=checkbox]){width:100%;min-width:0;padding:7px;border:1px solid #424752;border-radius:7px;background:#22252d;color:#e9edf3;font-size:11px}
.floating-chat-switcher .button{white-space:nowrap;flex:0 0 auto}
.floating-chat-widget .comments-panel{display:flex;flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:none;overflow:hidden;border:0;border-radius:0}
.floating-chat-widget .collab-comment-list{flex:1 1 auto;max-height:none;min-height:80px}
.floating-chat-widget .collab-notifications{display:none}
.floating-chat-widget .chat-composer-form{flex:0 0 auto}
.floating-chat-widget .chat-composer-hint{font-size:8px}
.floating-chat-settings,.floating-chat-create{display:grid;gap:9px;padding:10px;border-bottom:1px solid #3a3f48;background:#211f27}
.floating-chat-settings{grid-template-columns:1fr 1fr auto;align-items:end}
.floating-chat-settings label,.floating-chat-create-fields label{display:grid;gap:5px}
.floating-chat-create>header,.floating-chat-create>footer{display:flex;justify-content:space-between;align-items:center;gap:8px}
.floating-chat-create>header strong{display:flex;align-items:center;gap:6px;font-size:11px}
.floating-chat-create-fields{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:8px}
.floating-chat-user-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;max-height:150px;overflow-y:auto;padding:3px;border:1px solid #3e434d;border-radius:8px}
.floating-chat-user-picker label{display:flex;align-items:center;gap:6px;min-width:0;padding:4px;border-radius:6px;background:#252831;color:#cdd3dd}
.floating-chat-user-picker label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.floating-chat-user-picker input{accent-color:#ed1527}
.floating-chat-create>footer span{font-size:9px;color:#9ba4b2}
.floating-chat-private-note{font-size:9px;line-height:1.4;color:#9ca4b2}
.floating-chat-error{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#381f28;color:#ffbdc7;font-size:10px}
.floating-chat-error button{margin-left:auto;border:0;background:transparent;color:inherit;cursor:pointer}
.task-detail-chat{display:grid;gap:6px;padding:12px;margin-top:14px;border:1px solid #383e49;border-radius:10px;background:#191c22;min-width:0}
.task-detail-chat>h3{margin:0;font-size:12px;color:#f2dfe3}
.task-detail-chat .comments-panel{width:100%;max-height:460px;min-width:0}
@media(max-width:600px){.floating-chat-launcher{right:12px;bottom:12px;padding:10px 12px}.floating-chat-widget{right:6px;bottom:58px;width:calc(100vw - 12px);height:min(84dvh,760px);max-height:calc(100dvh - 68px)}.floating-chat-switcher{align-items:stretch;flex-direction:column}.floating-chat-switcher .button{width:100%;justify-content:center}.floating-chat-settings{grid-template-columns:1fr}.floating-chat-user-picker{grid-template-columns:minmax(0,1fr)}}

/* v0.6.28 — message-to-ticket linking dialog */
.chat-ticket-dialog-backdrop{position:fixed;inset:0;z-index:12000;background:rgba(12,9,12,.72);display:grid;place-items:center;padding:16px}
.chat-ticket-dialog{width:min(620px,100%);max-height:min(86dvh,800px);overflow:auto;background:#21191f;color:#f5f4d7;border:1px solid rgba(245,244,215,.18);border-radius:14px;padding:16px;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.chat-ticket-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.chat-ticket-dialog>header>div{display:grid;gap:5px;min-width:0}.chat-ticket-dialog>header strong{display:flex;align-items:center;gap:8px}.chat-ticket-dialog>header small,.chat-ticket-list small{color:#c1b6bf;overflow-wrap:anywhere}
.chat-ticket-list{display:grid;gap:7px;max-height:250px;overflow:auto;margin:10px 0}.chat-ticket-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px;border:1px solid rgba(245,244,215,.1);border-radius:9px}.chat-ticket-list article>div{display:grid;gap:3px;min-width:0}.chat-ticket-list article strong{font-size:13px;overflow-wrap:anywhere}.chat-ticket-list article small{font-size:11px}.chat-ticket-linked{display:grid;gap:5px;padding:10px;background:rgba(237,21,39,.08);border-radius:8px}.chat-ticket-linked a{color:#ff8c96;font-size:12px}.chat-ticket-linked a span{color:#d7cbd2}.chat-ticket-create{display:grid;gap:9px;border-top:1px solid rgba(245,244,215,.14);padding-top:13px}.chat-ticket-create label{display:grid;gap:5px;color:#d8cbd4;font-size:12px}.chat-ticket-create input,.chat-ticket-create textarea{box-sizing:border-box;width:100%;min-width:0;color:#f5f4d7;background:#171216;border:1px solid #5a424f;border-radius:8px;padding:9px;font:inherit}.chat-ticket-create textarea{resize:vertical}.chat-ticket-create .button{justify-self:start}

/* v0.6.29 — persistent right drawer with bounded grids and independent scroll regions. */
.floating-chat-drawer-backdrop{position:fixed;inset:0;z-index:4499;border:0;padding:0;background:rgba(4,5,8,.58);backdrop-filter:blur(1px);cursor:default}
.floating-chat-widget{position:fixed;z-index:4500;inset:0 0 0 auto;display:flex;flex-direction:column;box-sizing:border-box;width:min(520px,100vw);height:100dvh;min-width:0;min-height:0;max-width:100vw;max-height:100dvh;margin:0;padding:0;overflow:hidden;border:0;border-left:1px solid #59404a;border-radius:0;background:#171a20;box-shadow:-22px 0 80px #0009;color:#e9edf3;animation:flowcost-chat-drawer-enter .18s ease-out both;isolation:isolate}
@keyframes flowcost-chat-drawer-enter{from{transform:translateX(18px);opacity:.75}to{transform:translateX(0);opacity:1}}
.floating-chat-widget>*{min-width:0;box-sizing:border-box}
.floating-chat-widget .floating-chat-header{min-height:64px;padding:13px 15px;flex:0 0 auto}
.floating-chat-widget .floating-chat-switcher{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;padding:10px 12px;flex:0 0 auto;min-width:0}
.floating-chat-widget .floating-chat-switcher>label{display:grid;gap:5px;min-width:0;width:100%}
.floating-chat-widget .floating-chat-switcher select{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;min-height:38px}
.floating-chat-widget .floating-chat-switcher-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-content:stretch;gap:7px;min-width:0;width:100%}
.floating-chat-widget .floating-chat-switcher-actions .button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;min-height:36px;padding:7px 6px;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:10px}
.floating-chat-widget .floating-chat-process-create{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;min-width:0}
.floating-chat-widget .floating-chat-process-create label{min-width:0;width:100%}
.floating-chat-widget .floating-chat-process-create input{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
.floating-chat-widget .floating-chat-process-create .button{max-width:100%;white-space:nowrap}
.floating-chat-widget .comments-panel{display:flex;flex:1 1 0%;flex-direction:column;min-width:0;min-height:0;width:100%;height:0;max-height:none;overflow:hidden;border:0;border-radius:0;background:transparent}
.floating-chat-widget .collab-comment-list{display:flex;flex:1 1 0%;min-width:0;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden}
.floating-chat-widget .chat-composer-form{flex:0 0 auto;min-width:0;max-width:100%}
.floating-chat-widget .floating-chat-create,.floating-chat-widget .floating-chat-settings{box-sizing:border-box;max-height:38dvh;max-width:100%;min-width:0;overflow:auto;flex:0 1 auto}
.floating-chat-widget .floating-chat-error{flex:0 0 auto;min-width:0;overflow-wrap:anywhere}
.floating-chat-widget .floating-chat-header-copy{min-width:0;flex:1 1 auto}
.floating-chat-widget .floating-chat-header-copy small{font-size:10px;overflow-wrap:anywhere}

/* Task detail is a bounded two-pane workspace: fields scroll independently from task chat. */
.modal.task-detail-modal{display:flex;flex-direction:column;box-sizing:border-box;width:min(1280px,calc(100vw - 24px));max-width:1280px;height:min(92dvh,980px);max-height:94dvh;min-height:0;padding:clamp(14px,1.8vw,24px);overflow:hidden}
.task-detail-modal>.modal-header,.task-detail-modal>.task-detail-links,.task-detail-modal>.task-detail-footer{flex:0 0 auto;min-width:0}
.task-detail-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:16px;flex:1 1 0%;min-width:0;min-height:0;padding-top:14px;overflow:hidden}
.task-detail-main-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}
.task-detail-segments{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:4px;margin:0 0 12px;border:1px solid #353b46;border-radius:10px;background:#15171d}
.task-detail-segments button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:0;padding:7px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#aeb7c5;font-size:11px;font-weight:750;cursor:pointer}
.task-detail-segments button:hover{background:#25242d;color:#fff}
.task-detail-segments button.is-active{border-color:#71404b;background:#3b202a;color:#ffe8ec}
.task-detail-tab-panel{min-width:0;min-height:0}
.task-detail-tab-panel[hidden],.collab-comment-list[hidden],.chat-composer-form[hidden]{display:none!important}
.task-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:2px 0 14px;min-width:0}
.task-detail-grid>.field-label{min-width:0;overflow-wrap:anywhere}
.task-detail-grid input,.task-detail-grid select,.task-detail-grid textarea{box-sizing:border-box;max-width:100%;min-width:0}
.task-detail-chat{display:flex;flex-direction:column;min-width:0;min-height:0;height:auto;max-height:none;margin:0;padding:0;overflow:hidden;border:1px solid #3c404b;border-radius:12px;background:#15171d}
.task-detail-chat>header{display:grid;gap:4px;flex:0 0 auto;padding:12px 13px;border-bottom:1px solid #333843;background:#1b1e25}
.task-detail-chat>header h3{margin:0;font-size:13px;color:#ffe8ec}
.task-detail-chat>header small{font-size:10px;line-height:1.4;color:#929cab}
.task-detail-chat .comments-panel{display:flex;flex:1 1 0%;min-height:0;min-width:0;width:100%;height:0;max-height:none;overflow:hidden}
.task-detail-chat .collab-comment-list{flex:1 1 0%;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden}
.task-detail-chat .chat-composer-form{flex:0 0 auto;min-width:0}
.task-detail-buildin,.task-detail-reporter{margin:0;min-width:0}
.task-detail-reporter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.task-detail-footer{margin-top:12px;padding-top:12px;border-top:1px solid #343944}
.chat-message-thread-view{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;overflow:hidden;background:#171a20}
.chat-message-thread-view>header{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:8px 10px;border-bottom:1px solid #333843}
.chat-message-thread-view>header>div{display:grid;gap:3px;min-width:0}
.chat-message-thread-view>header strong{font-size:11px;overflow-wrap:anywhere;color:#ffe8ec}
.chat-message-thread-view>header small{font-size:9px;line-height:1.4;color:#929cab}
.chat-message-thread-parent{flex:0 0 auto;padding:8px 10px;margin:8px 10px;border-left:2px solid #ed1527;border-radius:0 7px 7px 0;background:#242027}
.chat-message-thread-parent>strong{font-size:10px;color:#e9c2ca}
.chat-message-thread-parent p{margin:4px 0 0;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;color:#d7dce5}
.chat-message-thread-conversation{display:flex;flex:1 1 0%;min-width:0;min-height:0;overflow:hidden}
.chat-message-thread-conversation>.comments-panel{display:flex;flex:1 1 0%;min-width:0;min-height:0;width:100%;height:0;overflow:hidden}
.chat-message-thread-conversation .collab-comment-list{flex:1 1 0%;min-height:0;max-height:none;overflow-y:auto}
.chat-thread-summary-avatars .flowcost-user-avatar{width:19px;height:19px}
.chat-message-thread-launch{border-color:#56404a;background:#241e26;color:#f6c6cf}
.chat-message-thread-launch:hover{background:#39232b;border-color:#8c4c5a}
.task-estimation-intro{margin:6px 0 12px;padding:9px 11px;border-left:2px solid #ed1527;background:#211a20;color:#b7bdc9;font-size:10px;line-height:1.55}
.task-estimation-intro strong{color:#f3e4e8}
.task-purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:8px 0 10px;padding:10px;border:1px solid #3a3e49;border-radius:9px;background:#1b1d24}
.task-purpose-grid>.compact-field{display:grid;gap:6px;min-width:0}
.task-purpose-grid>.compact-field>span{display:flex;align-items:center;gap:7px;color:#e1d7dc;font-size:10px;font-weight:800}
.task-purpose-grid>.compact-field>span small{font-size:9px;color:#8f99a8;font-weight:500}
.task-purpose-grid input,.task-purpose-grid textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:8px;border:1px solid #414650;border-radius:7px;background:#13151a;color:#eef0f4;font:inherit;font-size:11px}
.task-purpose-grid textarea{resize:vertical;min-height:52px}
.work-item-row{min-width:0}
.work-item-heading input{min-width:0;flex:1}
.work-item-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 84px;gap:9px}
.grade-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;min-width:0}
.grade-label{color:#d4d9e1;font-size:10px;font-weight:750}
.task-duration-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;min-width:0}
.task-duration-grid>*{min-width:0}
.assignment-rate{min-width:0;overflow-wrap:anywhere}
.task-output-link{min-width:0}

/* Administrator account editor: responsive and explicit, with manual Buildin UUID fallback. */
.admin-account-table{min-width:1020px}
.admin-account-link-summary{display:grid;gap:5px;min-width:170px;max-width:260px}
.admin-account-link-summary strong,.admin-account-link-summary small{min-width:0;overflow-wrap:anywhere}
.admin-account-link-summary .button{justify-self:start;white-space:normal}
.admin-account-edit-row>td{padding:0!important;background:#15171d}
.admin-account-edit-form{display:grid;gap:13px;padding:16px;min-width:0;border:1px solid #3a3038;border-radius:10px}
.admin-account-edit-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.admin-account-edit-heading>div{display:grid;gap:4px;min-width:0}
.admin-account-edit-heading>div>strong{color:#ffe8ec;font-size:13px}
.admin-account-edit-heading small{color:#8f9aaa;font-size:10px;line-height:1.4}
.admin-account-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.admin-account-edit-grid>.field-label{min-width:0;overflow-wrap:anywhere}
.admin-account-edit-grid input,.admin-account-edit-grid select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:9px;border:1px solid #424752;border-radius:8px;background:#22252d;color:#e9edf3;font:inherit;font-size:11px}
.admin-account-edit-grid input:disabled,.admin-account-edit-grid select:disabled{opacity:.55}
.admin-account-edit-grid small{display:block;margin-top:5px;color:#8f9aaa;font-size:9px;line-height:1.5}
.admin-account-buildin-warning{display:flex;align-items:flex-start;gap:7px;margin:0;padding:9px 10px;border:1px solid #66532e;border-radius:8px;background:#2a251b;color:#e9d5a8;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.admin-account-edit-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
@media(max-width:920px){.floating-chat-widget{width:min(480px,100vw)}.task-detail-workspace{grid-template-columns:minmax(0,1fr);overflow-y:auto;overflow-x:hidden}.task-detail-main-pane{overflow:visible}.task-detail-chat{height:min(58dvh,600px);min-height:360px;flex:0 0 auto}.modal.task-detail-modal{height:94dvh}.admin-account-edit-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.floating-chat-widget{width:100vw;border-left:0}.floating-chat-widget .floating-chat-switcher-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-chat-widget .floating-chat-process-create{grid-template-columns:minmax(0,1fr)}.floating-chat-widget .floating-chat-process-create .button{justify-self:start}.task-detail-workspace{gap:12px}.task-detail-grid{grid-template-columns:minmax(0,1fr)}.task-purpose-grid{grid-template-columns:minmax(0,1fr)}.task-detail-chat{height:54dvh;min-height:320px}.task-detail-segments{position:relative;top:auto}.task-detail-segments button{flex:1 1 auto}.task-detail-reporter{grid-template-columns:minmax(0,1fr)}.task-duration-grid{grid-template-columns:minmax(0,1fr)}.admin-account-edit-heading{flex-direction:column}.admin-account-edit-actions>*{flex:1 1 auto}}
.floating-chat-switcher-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:7px;min-width:0}.floating-chat-switcher-actions .button{min-width:0;white-space:normal}.floating-chat-process-create{min-width:0;padding:10px 12px;border-bottom:1px solid #3a3f48;background:#211f27}.floating-chat-process-create label{display:grid;gap:5px;color:#9da6b4;font-size:10px}.floating-chat-process-create input{border:1px solid #424752;border-radius:7px;background:#22252d;color:#e9edf3;font-size:11px;padding:8px}
/* Correct the three primary task-estimation controls as a single responsive row. */
.role-assignment-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 84px;align-items:start}
.role-assignment-fields>.searchable-select{min-width:0;width:100%}
.role-assignment-fields .hours-input{min-width:0;width:100%}
.role-assignment-fields .hours-input input{box-sizing:border-box;width:100%;min-width:0}
@media(max-width:760px){.role-assignment-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.role-assignment-fields .hours-input{grid-column:1/-1;max-width:150px}}
@media(max-width:460px){.role-assignment-fields{grid-template-columns:minmax(0,1fr)}.role-assignment-fields .hours-input{grid-column:auto;max-width:none}}

/* v0.6.29 refinement: task fields are grouped by the work decisions users make. */
.task-detail-field-group{grid-column:1/-1;display:grid;gap:10px;min-width:0;padding:12px;border:1px solid #353b46;border-radius:10px;background:#191c22}
.task-detail-field-group-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin:0;padding-bottom:8px;border-bottom:1px solid #303641}
.task-detail-field-group-heading h3{margin:0;color:#f4dfe4;font-size:12px}
.task-detail-field-group-heading small{display:block;margin-top:4px;color:#929cab;font-size:10px;line-height:1.45}
.task-detail-field-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.task-detail-field-group-grid>.field-label{min-width:0;overflow-wrap:anywhere}
.task-detail-field-group-grid input,.task-detail-field-group-grid select,.task-detail-field-group-grid textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
.task-detail-field-group-grid .task-detail-title-field{grid-column:1/-1}
.task-detail-field-group-grid .task-detail-description{grid-column:1/-1}
.task-detail-grid{grid-template-columns:minmax(0,1fr)}
.task-detail-modal>.modal-header{gap:12px}
.task-detail-modal>.modal-header>div{min-width:0;overflow-wrap:anywhere}
.task-detail-modal>.task-detail-links{display:flex;flex-wrap:wrap;gap:7px;padding-top:9px}
.task-detail-workspace{padding-top:12px}
.task-detail-main-pane,.task-detail-chat{min-width:0;min-height:0}
.task-detail-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.task-detail-footer>.task-sync-status{margin-right:auto}
.assignment-grade-field{display:grid;gap:6px;margin:9px 0;color:#cbd2dd;font-size:10px;font-weight:750}
.assignment-grade-field>.searchable-select{min-width:0;width:100%}
.assignment-grade-field>small{font-size:9px;line-height:1.45;color:#8f99a8;font-weight:500}
.task-estimate-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:9px 10px;margin:8px 0;border:1px solid #3a4e45;border-radius:8px;background:#18251f;min-width:0}
.task-estimate-summary>div{display:grid;gap:4px;min-width:0}
.task-estimate-summary>div span{font-size:9px;color:#9eb9aa}
.task-estimate-summary>div strong{font-size:13px;color:#d4f3df;overflow-wrap:anywhere}
.task-estimate-summary>small{grid-column:1/-1;color:#92a99a;font-size:9px;line-height:1.45}
.floating-chat-header{display:flex;align-items:center;gap:10px;min-width:0;border-bottom:1px solid #343944;background:#1c1e26}
.floating-chat-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #59404a;border-radius:10px;background:#2b2028;font-size:17px}
.floating-chat-header-copy{display:grid;gap:4px;min-width:0;flex:1 1 0%}
.floating-chat-header-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#f4e7eb}
.floating-chat-header-copy small{display:block;max-width:100%;color:#929cab;line-height:1.4}
@media(max-width:920px){.task-detail-field-group-grid{grid-template-columns:minmax(0,1fr)}.task-detail-field-group-grid .task-detail-title-field,.task-detail-field-group-grid .task-detail-description{grid-column:auto}.task-detail-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.task-detail-field-group{padding:9px}.task-detail-field-group-grid{grid-template-columns:minmax(0,1fr)}.task-detail-footer{align-items:stretch}.task-detail-footer>.button{flex:1 1 auto}.task-detail-footer>.task-sync-status{width:100%}.task-estimate-summary{grid-template-columns:minmax(0,1fr)}}

/* v0.6.30 — task discussions inherit the contained, independently scrolling
   conversation layout used by the process chat drawer. */
.task-detail-chat .comments-panel-embedded{display:flex;flex:1 1 0%;flex-direction:column;min-width:0;min-height:0;width:100%;height:0;max-height:none;padding:10px 12px 12px;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}
.task-detail-chat .collab-comment-list{flex:1 1 0%;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding:2px 3px 7px 1px}
.task-detail-chat .collab-comment-form{flex:0 0 auto;margin-top:8px}
.task-detail-chat .collab-comment-form textarea{min-height:68px;max-height:24vh}
.task-detail-chat .comments-panel .inspector-heading{display:none}
.profile-avatar-file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}
.profile-avatar-editor{display:flex;align-items:center;gap:14px;min-width:0}
.profile-avatar-editor>div{display:grid;gap:7px;min-width:0}
.profile-avatar-actions{display:flex!important;gap:7px;flex-wrap:wrap;align-items:center}
.profile-avatar-actions .button{min-height:34px;cursor:pointer}
.profile-public-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.profile-contact-notice{color:#a6e2ba;line-height:1.45}
.client-portal-task-config{min-width:0;padding:8px;border:1px solid #353944;border-radius:10px;background:#171a20}
.client-portal-task-config.is-selected{border-color:#75404a;background:linear-gradient(135deg,#211b22,#171a20)}
.client-portal-task-option{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center}
.client-portal-task-option>i{font-style:normal;color:#929baa;font-size:9px;white-space:nowrap}
.client-portal-view-editor{display:grid;gap:10px;padding:12px 8px 5px 27px;border-top:1px solid #34323a}
.client-portal-view-heading{display:grid;gap:4px}
.client-portal-view-heading strong{font-size:11px;color:#ffd6dc}
.client-portal-view-heading small{font-size:10px;line-height:1.5;color:#9da7b5}
.client-portal-view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.client-portal-view-grid .field-label{min-width:0;margin:0}
.client-portal-view-grid .field-label input,.client-portal-view-grid .field-label textarea,.client-portal-view-grid .field-label select{box-sizing:border-box;width:100%;min-width:0}
.client-portal-view-wide{grid-column:1/-1}
.client-portal-contact-preview{display:grid;gap:5px;padding:10px;border:1px solid #3a414c;border-radius:8px;font-size:10px;line-height:1.5}
.client-portal-contact-preview strong{font-size:10px;color:#e6e9ef}
.client-portal-contact-preview span{overflow-wrap:anywhere;color:#a2adbb}
.client-portal-contact-preview.has-contact{border-color:#315c46;background:#19251f}
.client-portal-contact-preview.no-contact{border-color:#75502f;background:#292219}
.expert-portal-gantt{margin:18px 0 24px;padding:16px 18px;border:1px solid #e0d5d0;border-radius:15px;background:rgba(255,255,255,.84);box-shadow:0 8px 26px rgba(48,27,34,.045);overflow:hidden}
.expert-portal-gantt-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}
.expert-portal-gantt-heading h3{margin:0 0 4px;font-size:14px;color:#301b22}
.expert-portal-gantt-heading p{margin:0;color:#766a68;font-size:10px;line-height:1.5}
.expert-portal-gantt-heading>span{font-size:10px;color:#766a68;white-space:nowrap}
.expert-portal-gantt-ticks,.expert-portal-gantt-row{display:grid;grid-template-columns:minmax(130px,235px) minmax(0,1fr);gap:12px;align-items:center}
.expert-portal-gantt-ticks{padding-bottom:9px;border-bottom:1px solid #e6ddda;color:#766a68;font-size:9px}
.expert-portal-gantt-ticks>div{position:relative;height:20px}
.expert-portal-gantt-ticks>div>span{position:absolute;top:2px;transform:translateX(-50%);white-space:nowrap}
.expert-portal-gantt-row{min-height:43px;border-bottom:1px solid #f0e9e6}
.expert-portal-gantt-row:last-child{border-bottom:0}
.expert-portal-gantt-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#44383a}
.expert-portal-gantt-track{position:relative;height:24px;border-radius:5px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#e4d8d5 calc(25% - 1px),#e4d8d5 25%);overflow:hidden}
.expert-portal-gantt-track>i{position:absolute;top:4px;bottom:4px;display:block;min-width:3px;border-radius:5px;background:linear-gradient(90deg,#ed1527,#b91930);box-shadow:0 2px 5px #9d1b2b28}
.expert-portal-gantt-track>i>span{position:absolute;left:7px;top:50%;transform:translateY(-50%);font-size:8px;font-style:normal;font-weight:800;color:white;white-space:nowrap}
.expert-portal-goal,.expert-portal-result{margin-top:8px!important}
.expert-portal-contact-link{display:inline-flex;align-items:center;gap:5px;margin:3px 8px 0 0;padding:5px 8px;border:1px solid #e0c7c5;border-radius:7px;color:#8b1828;font-size:10px;text-decoration:none;overflow-wrap:anywhere}
.expert-portal-contact-link:hover{background:#fae9e8;border-color:#bb7378}
@media(max-width:700px){.profile-public-contact-fields,.client-portal-view-grid{grid-template-columns:minmax(0,1fr)}.client-portal-view-wide{grid-column:auto}.client-portal-view-editor{padding-left:8px}.client-portal-task-option{grid-template-columns:16px minmax(0,1fr)}.client-portal-task-option>i{grid-column:2}.expert-portal-gantt{padding:12px 10px}.expert-portal-gantt-ticks,.expert-portal-gantt-row{grid-template-columns:minmax(84px,35%) minmax(0,1fr);gap:7px}.expert-portal-gantt-row>strong{font-size:9px}.expert-portal-gantt-track>i>span{font-size:7px}.expert-portal-gantt-heading{flex-direction:column}}

/* v0.6.30 — show the client-facing task data for explicit review before publication. */
.client-portal-review{display:grid;gap:10px;margin:14px 0;padding:14px;border:1px solid #72505a;border-radius:12px;background:linear-gradient(135deg,#281e25,#1a1c22)}
.client-portal-review>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #46323a}
.client-portal-review>header h3{margin:0;color:#ffe8ec;font-size:13px}
.client-portal-review>header p{max-width:600px;margin:5px 0 0;color:#a8afbb;font-size:10px;line-height:1.5}
.client-portal-review>header>span{flex:0 0 auto;padding:4px 7px;border-radius:6px;background:#3b252e;color:#ffbac5;font-size:9px;font-weight:800}
.client-portal-review>article{display:grid;gap:5px;padding:10px;border:1px solid #38343d;border-radius:8px;background:#17191f;min-width:0}
.client-portal-review>article>div{display:grid;gap:4px}
.client-portal-review>article>div>strong{color:#f5e6e9;font-size:12px;overflow-wrap:anywhere}
.client-portal-review>article>div>small,.client-portal-review-contact{color:#a4adbb;font-size:9px;line-height:1.5;overflow-wrap:anywhere}
.client-portal-review>article>p{margin:0;color:#d0d4dc;font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.client-portal-review>article>p>b{color:#f3cbd3}

/* FlowCost v0.6.31 — company Google Calendar page (DA Krug dark theme). */
.calendar-page{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:26px clamp(14px,2.3vw,34px) 34px;color:#e5eaf2;background:#101216}
.calendar-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.calendar-page-heading h1{display:flex;align-items:center;gap:10px;margin:4px 0 8px;font:800 26px Manrope,sans-serif;color:#f0f3f8;letter-spacing:-.55px}
.calendar-page-heading h1 svg{color:#ed1527}.calendar-page-heading p,.calendar-section-heading p{max-width:800px;margin:0;color:#96a1b1;font-size:11px;line-height:1.6}
.calendar-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calendar-sync-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #343b46;border-radius:20px;padding:8px 10px;color:#c2cad5;background:#1a1e25;font-size:10px;white-space:nowrap}.calendar-sync-pill .live-dot{width:6px;height:6px;border-radius:50%;background:#727e8f}.calendar-sync-pill.is-synced .live-dot{background:#58c892}.calendar-sync-pill.is-cached_offline .live-dot,.calendar-sync-pill.is-sync_error .live-dot,.calendar-sync-pill.is-error .live-dot{background:#ed5964}
.calendar-integration-card{display:flex;align-items:flex-start;gap:15px;padding:18px;border:1px solid #343b46;border-radius:13px;background:#171a20;margin-bottom:24px}.calendar-integration-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #60313a;border-radius:11px;background:#321c22;color:#ff7b85}.calendar-integration-main{flex:1;min-width:0}.calendar-integration-main h2,.calendar-section-heading h2{margin:0 0 5px;color:#f0f3f8;font-size:15px;font-weight:800}.calendar-integration-main p{margin:0 0 8px;color:#a0aaba;font-size:11px;line-height:1.6}.calendar-id-field{display:grid;gap:5px;max-width:580px;margin-top:13px;color:#c4ccd7;font-size:10px;font-weight:700}.calendar-id-field input,.calendar-create-form input,.calendar-create-form textarea{width:100%;min-width:0;border:1px solid #373e4a;border-radius:8px;padding:9px 10px;background:#11141a;color:#e7ecf4;font-size:11px}.calendar-id-field small,.calendar-create-form>small{color:#8b96a7;font-size:9px;line-height:1.5}.calendar-config-hint{padding:10px;border:1px solid #4c3d27;border-radius:8px;background:#272219;color:#e7c68c!important;overflow-wrap:anywhere}.calendar-config-hint code{font-size:10px;color:#fff0cf}.calendar-integration-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px}.calendar-integration-actions .button{white-space:nowrap}
.calendar-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.calendar-section-heading p{font-size:10px}.calendar-events-section{min-width:0}.calendar-create-form{display:grid;gap:11px;margin:0 0 17px;padding:17px;border:1px solid #45404a;border-radius:12px;background:#191d24}.calendar-create-form h3{margin:0;color:#f0f3f8;font-size:14px}.calendar-create-form label{display:grid;gap:6px;min-width:0;color:#c2cad5;font-size:10px;font-weight:700}.calendar-create-form textarea{resize:vertical}.calendar-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.calendar-form-actions{display:flex;justify-content:flex-end;gap:8px}.calendar-event-list{display:grid;gap:9px}.calendar-event-card{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr) auto;align-items:start;gap:15px;padding:15px;border:1px solid #303641;border-radius:11px;background:#171a20}.calendar-event-date{display:grid;gap:5px;color:#dfe5ed;font-size:10px;line-height:1.45}.calendar-event-date strong{color:#f5f6f9;font-size:11px}.calendar-event-date span{color:#929daf}.calendar-event-body{min-width:0}.calendar-event-body h3{margin:0 0 7px;color:#edf1f7;font-size:13px;line-height:1.45}.calendar-event-body p{margin:0 0 9px;color:#a7b0bf;font-size:10px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.calendar-event-attendees{display:flex;align-items:flex-start;gap:6px;color:#8995a5;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.calendar-event-attendees svg{flex-shrink:0;margin-top:1px}.calendar-event-body>a{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:#ff8a93;text-decoration:none;font-size:10px}.calendar-event-body>a:hover{text-decoration:underline}.calendar-event-links .button{white-space:nowrap}.calendar-empty{display:flex;min-height:170px;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed #343b46;border-radius:12px;color:#8d98a8;text-align:center;font-size:11px}.calendar-empty svg{color:#6b7688}.calendar-empty strong{color:#d2d9e3;font-size:13px}.calendar-page-footnote{display:flex;align-items:center;gap:7px;margin-top:19px;color:#8490a1;font-size:9px;line-height:1.5}.calendar-page-footnote svg{flex-shrink:0}
@media(max-width:900px){.calendar-integration-card{flex-wrap:wrap}.calendar-integration-main{flex-basis:calc(100% - 60px)}.calendar-integration-actions{width:100%;flex-direction:row;flex-wrap:wrap}.calendar-event-card{grid-template-columns:minmax(0,1fr) auto}.calendar-event-date{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.calendar-event-body{grid-column:1}.calendar-event-links{grid-column:2;grid-row:2}}
@media(max-width:620px){.calendar-page{padding:18px 12px 28px}.calendar-page-heading,.calendar-section-heading{align-items:stretch;flex-direction:column}.calendar-heading-actions{justify-content:flex-start}.calendar-form-grid{grid-template-columns:1fr}.calendar-event-card{grid-template-columns:minmax(0,1fr)}.calendar-event-body,.calendar-event-links{grid-column:1;grid-row:auto}.calendar-event-links{display:flex;justify-content:flex-start}.calendar-integration-icon{display:none}.calendar-integration-main{flex-basis:100%}.calendar-section-heading>.button{align-self:flex-start}}

/* v0.6.32: reserve a real flex column and scroll area for nested message threads. */
.comments-panel.is-thread-open{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:320px;height:100%;overflow:hidden}
.comments-panel.is-thread-open>.chat-message-thread-view{display:flex;flex:1 1 0%;flex-direction:column;min-width:0;min-height:280px;height:100%;overflow:hidden}
.comments-panel.is-thread-open>.chat-message-thread-view>.chat-message-thread-conversation{display:flex;flex:1 1 0%;min-width:0;min-height:140px;height:0;overflow:hidden}
.chat-message-thread-conversation>.comments-panel.comments-panel-embedded{display:flex;flex:1 1 0%;flex-direction:column;min-width:0;min-height:0;width:100%;height:0;max-height:none;overflow:hidden}
.chat-message-thread-conversation .collab-comment-list{display:flex;flex:1 1 0%;flex-direction:column;align-items:stretch;min-width:0;min-height:90px;height:0;max-height:none;overflow-x:hidden;overflow-y:auto;align-content:start}
/* v0.6.32 Google Calendar integration settings/profile controls. */
.google-calendar-admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.google-calendar-admin-form>.field-label{min-width:0}.google-calendar-admin-form .field-label input{width:100%;box-sizing:border-box;min-width:0}.google-calendar-admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;grid-column:1/-1}.google-calendar-admin-footnote{display:flex;align-items:flex-start;gap:7px;grid-column:1/-1;color:#939dad;font-size:10px;line-height:1.5}.google-calendar-admin-card .admin-card-heading h2{display:flex;align-items:center;gap:8px}.google-calendar-admin-card .admin-card-heading p{max-width:850px}@media(max-width:720px){.google-calendar-admin-form{grid-template-columns:minmax(0,1fr)}}
.profile-google-calendar-card>.field-label{display:grid;gap:6px;margin:10px 0}.profile-google-calendar-card>.field-label input{width:100%;box-sizing:border-box;min-width:0}.profile-google-calendar-card .profile-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-google-calendar-card .checkbox-label{margin:10px 0;line-height:1.5}

.calendar-event-owner{display:inline-flex;margin-bottom:5px;padding:3px 6px;border:1px solid #48414c;border-radius:5px;background:#25232b;color:#b9b1c1;font-size:9px;font-weight:750}.calendar-event-owner.is-personal{border-color:#4d5141;background:#25291f;color:#cbd3a6}

/* v0.6.32 fix: thread conversations must stack header, source message and replies vertically. */
.comments-panel.is-thread-open>.chat-message-thread-view{flex-direction:column;min-height:0;height:100%}

/* Keep the result node's header band in sync with its selected node preset. */
.node-overline-color-band{display:flex;align-items:center;gap:7px;min-height:28px;margin:-12px -13px 10px;padding:7px 10px;border-bottom:1px solid #ffffff14;border-radius:11px 11px 0 0;font-size:9px;letter-spacing:.65px;color:var(--node-accent);background:var(--node-soft)}
.node-overline-color-band .node-symbol{display:grid;place-items:center;width:19px;height:19px;border:1px solid color-mix(in srgb,var(--node-accent) 38%,transparent);background:color-mix(in srgb,var(--node-bg) 45%,transparent);color:var(--node-accent)}

/* v0.6.33: nested chat discussions need the full available height, not a zero-height flex item. */
.chat-message-thread-conversation{display:flex;flex:1 1 0%;flex-direction:column;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}
.comments-panel.is-thread-open>.chat-message-thread-view>.chat-message-thread-conversation{flex:1 1 0%;min-width:0;min-height:0;height:100%;overflow:hidden}
.chat-message-thread-conversation>.comments-panel.comments-panel-embedded{display:flex;flex:1 1 0%;flex-direction:column;min-width:0;min-height:0;width:100%;height:100%;max-height:none;overflow:hidden}
.chat-message-thread-conversation .collab-comment-list{display:flex;flex:1 1 0%;flex-direction:column;min-width:0;min-height:0;height:auto;max-height:none;overflow-x:hidden;overflow-y:auto;align-content:start}

/* v0.6.33: task planning is role-based and column-first; no noisy help paragraph by default. */
.task-estimation-intro{display:none!important}
.task-purpose-grid,.work-item-fields,.role-assignment-fields{grid-template-columns:minmax(0,1fr)!important;align-items:stretch;min-width:0}
.work-item-fields>.searchable-select,.role-assignment-fields>.searchable-select,.work-item-fields .hours-input,.role-assignment-fields .hours-input{grid-column:auto;width:100%;max-width:none;min-width:0}
.work-item-fields .hours-input input,.role-assignment-fields .hours-input input{box-sizing:border-box;width:100%;min-width:0}

/* Admin-only calendar provider configuration; users manage only their own calendar in profile. */
.calendar-integration-card{display:none!important}
.google-calendar-sources{display:grid;gap:12px;margin-top:18px;padding-top:12px;border-top:1px solid #3a3f48;min-width:0}
.google-calendar-sources>.field-help{margin:0;line-height:1.5}
.google-calendar-source-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.8fr) minmax(0,1.5fr) 64px;gap:10px;align-items:end;padding:12px;border:1px solid #3a3f48;border-radius:10px;background:#1b1e25;min-width:0}
.google-calendar-source-row.is-disabled{opacity:.65}
.google-calendar-source-row>.field-label,.google-calendar-source-create-grid>.field-label{min-width:0}
.google-calendar-source-row input:not([type=color]),.google-calendar-source-row select,.google-calendar-source-create-grid input:not([type=color]),.google-calendar-source-create-grid select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
.google-calendar-source-row input[type=color],.google-calendar-source-create-grid input[type=color]{height:36px;width:100%;padding:3px;border:1px solid #414650;border-radius:7px;background:#13151a}
.google-calendar-source-row>.inline-check{align-self:center;margin:0}
.google-calendar-source-actions{display:flex;gap:7px;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}
.google-calendar-source-create{display:grid;gap:10px;padding:13px;border:1px dashed #51414a;border-radius:10px;background:#211b22}
.google-calendar-source-create h3{display:flex;align-items:center;gap:7px;margin:0;color:#ffe8ec;font-size:12px}
.google-calendar-source-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
@media(max-width:850px){.google-calendar-source-row{grid-template-columns:repeat(2,minmax(0,1fr))}.google-calendar-source-row>.field-label:nth-child(3){grid-column:1/-1}}
@media(max-width:560px){.google-calendar-source-row,.google-calendar-source-create-grid{grid-template-columns:minmax(0,1fr)}.google-calendar-source-row>.field-label:nth-child(3){grid-column:auto}.google-calendar-source-actions{justify-content:stretch}.google-calendar-source-actions>*{flex:1 1 auto}}

/* v0.6.34 — calendar event/chat split and searchable employee invite picker.
   Layout patterns are inspired by FullCalendar's day/week/month navigation and
   React Big Calendar's flex-based event cells; no upstream source is copied. */
.calendar-calendar-section,.calendar-today-section{min-width:0;margin-top:20px;padding:17px;border:1px solid #303641;border-radius:13px;background:#14171d}
.calendar-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.calendar-calendar-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.calendar-calendar-nav h2{margin:0 0 0 7px;color:#f0f3f8;font-size:15px;font-weight:800;text-transform:capitalize}
.calendar-view-switch{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid #343b46;border-radius:9px;background:#101216}
.calendar-view-switch button{min-height:30px;padding:5px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#a9b3c1;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer}
.calendar-view-switch button.is-active{border-color:#62313c;background:#351c23;color:#fff0f1}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #303641;border-left:1px solid #303641;border-radius:9px;overflow:hidden}
.calendar-grid-day{display:flex;flex-direction:column;min-width:0;min-height:160px;padding:8px;border-right:1px solid #303641;border-bottom:1px solid #303641;background:#171a20;cursor:pointer}
.calendar-grid-day.is-today{background:linear-gradient(180deg,#291b20 0,#171a20 70%)}
.calendar-grid-day.is-selected{box-shadow:inset 0 0 0 1px #ed1527}
.calendar-grid-date{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;margin:-2px 0 8px;padding:4px;border:0;border-radius:6px;background:transparent;color:#9ca7b7;text-align:left;cursor:pointer}
.calendar-grid-date span{font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.calendar-grid-date strong{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;font-size:12px;color:#e9edf4}
.calendar-grid-day.is-today .calendar-grid-date strong{background:#ed1527;color:#fff}
.calendar-grid-day-events{display:grid;align-content:start;gap:4px;min-width:0}
.calendar-grid-event{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:5px;width:100%;min-width:0;padding:5px 6px;border:1px solid #4a3039;border-left:2px solid #ed1527;border-radius:5px;background:#271b21;color:#f0e8eb;text-align:left;font-family:inherit;font-size:9px;font-weight:500;line-height:1.35;cursor:pointer}
.calendar-grid-event time{color:#ff9aa2;font-variant-numeric:tabular-nums;white-space:nowrap}
.calendar-grid-event span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar-grid-event:hover{border-color:#8d414e;background:#38212a}
.calendar-grid-day-events>small{padding:2px 4px;color:#8893a2;font-size:9px}
.calendar-grid-day:hover{background-color:#1b1e25}
.calendar-grid-day.is-today:hover{background-color:#211a20}
.calendar-grid-day:focus-within{outline:1px solid #ed1527;outline-offset:-1px}
.calendar-grid-day .calendar-grid-date:focus-visible,.calendar-grid-event:focus-visible,.calendar-view-switch button:focus-visible{outline:2px solid #ed1527;outline-offset:2px}
.calendar-grid-day:only-child{min-height:260px}
.calendar-grid-day:only-child .calendar-grid-event{padding:8px 10px;font-size:11px}
.calendar-grid-month .calendar-grid-day{min-height:116px;padding:6px}
.calendar-grid-month .calendar-grid-date{margin-bottom:4px}
.calendar-range-events{margin-top:19px;padding-top:15px;border-top:1px solid #303641}
.calendar-range-events>h3{margin:0 0 10px;color:#cbd2dd;font-size:12px}
.calendar-range-events .calendar-event-card{margin:0}
.calendar-event-card{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;padding:14px;border:1px solid #303641;border-radius:11px;background:#171a20;min-width:0}
.calendar-event-card.has-open-chat{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:14px}
.calendar-event-main{display:grid;grid-template-columns:minmax(142px,190px) minmax(0,1fr);align-content:start;align-items:start;gap:10px 15px;min-width:0}
.calendar-event-main .calendar-event-date{grid-column:1;grid-row:1;align-content:start;min-width:0;padding:2px 0}
.calendar-event-main .calendar-event-body{grid-column:2;grid-row:1;min-width:0}
.calendar-event-main .calendar-event-links{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #2c313a;min-width:0}
.calendar-event-chat{display:flex;flex-direction:column;min-width:0;min-height:300px;height:100%;max-height:460px;overflow:hidden;border:1px solid #343b46;border-radius:9px;background:#12151a}
.calendar-event-chat>header{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:5px 7px;padding:10px;border-bottom:1px solid #303641;color:#f0f3f8}
.calendar-event-chat>header svg{grid-column:1;grid-row:1/3;color:#ff7a85}
.calendar-event-chat>header strong{min-width:0;font-size:11px}
.calendar-event-chat>header span{min-width:0;overflow:hidden;color:#8f9aaa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.calendar-event-chat>.comments-panel,.calendar-event-chat .comments-panel-embedded{display:flex;flex:1 1 0%;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
.calendar-event-chat .collab-comment-list{flex:1 1 auto;min-height:0;overflow-y:auto}
.calendar-form-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.calendar-form-heading h2{margin:0;color:#f0f3f8;font-size:15px}
.calendar-invite-people{position:relative;display:grid;gap:9px;min-width:0;padding:12px;border:1px solid #343b46;border-radius:10px;background:#15181e}
.calendar-invite-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.calendar-invite-heading>div{display:grid;gap:4px;min-width:0}
.calendar-invite-heading strong{font-size:11px;color:#edf1f7}
.calendar-invite-heading small{max-width:750px;color:#909bac;font-size:9px;font-weight:400;line-height:1.45}
.calendar-invite-heading>span{flex:none;padding:4px 7px;border:1px solid #51303a;border-radius:20px;background:#2b1b22;color:#ffb3ba;font-size:9px}
.calendar-attendee-picker{position:relative;z-index:25;min-width:0}
.calendar-attendee-trigger{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:9px 11px;border:1px solid #414956;border-radius:8px;background:#101318;color:#dce3ec;text-align:left;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer}
.calendar-attendee-trigger>span{flex:1;min-width:0}
.calendar-attendee-trigger>svg:first-child{color:#ff818c}
.calendar-attendee-trigger.is-open{border-color:#a34552;box-shadow:0 0 0 2px #ed152722}
.calendar-attendee-menu{position:absolute;z-index:1000;top:calc(100% + 6px);left:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;width:min(480px,calc(100vw - 36px));max-height:min(440px,68vh);padding:9px;border:1px solid #4b3a44;border-radius:11px;background:#17171c;box-shadow:0 18px 48px #000b;color:#e9edf4}
.calendar-attendee-search{display:flex!important;align-items:center;gap:7px;padding:0 9px;border:1px solid #343b46;border-radius:7px;background:#101318;color:#929dac!important}
.calendar-attendee-search input{flex:1;width:100%;min-width:0;padding:9px 0!important;border:0!important;outline:0;background:transparent!important;color:#e9edf4!important;font-size:11px!important}
.calendar-attendee-search:focus-within{border-color:#a34552}
.calendar-attendee-options{display:grid;align-content:start;gap:3px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
.calendar-attendee-options .calendar-person-option{display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid transparent;border-radius:7px;background:transparent;cursor:pointer}
.calendar-attendee-options .calendar-person-option:hover{border-color:#383d48;background:#20232b}
.calendar-attendee-options .calendar-person-option input{flex:0 0 auto;width:14px;height:14px}
.calendar-person-option-copy{display:grid;gap:3px;flex:1;min-width:0}
.calendar-person-option-copy strong{color:#e5eaf1;font-size:10px;font-weight:650}
.calendar-person-option-copy small{overflow-wrap:anywhere;color:#929dac;font-size:9px;font-weight:400;line-height:1.35}
.calendar-attendee-options .calendar-person-option em{flex:none;padding:3px 5px;border-radius:4px;background:#3a2923;color:#efc38b;font-size:8px;font-style:normal}
.calendar-attendee-empty{padding:18px 8px;margin:0;color:#8f99a8;font-size:10px;text-align:center}
.calendar-attendee-menu>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid #303641;color:#a0aaba;font-size:10px}
.calendar-telemost-toggle{display:flex!important;grid-template-columns:16px minmax(0,1fr);align-items:flex-start;gap:10px;padding:11px;border:1px solid #4a3039;border-radius:8px;background:#251a20}
.calendar-telemost-toggle>input{margin-top:2px}
.calendar-telemost-toggle>svg{color:#ff8992}
.calendar-telemost-toggle>span{display:grid;gap:4px}
.calendar-telemost-toggle strong{color:#f1edf1;font-size:10px}
.calendar-telemost-toggle small{color:#9ba4b1;font-size:9px;font-weight:400;line-height:1.4}
.yandex-telemost-admin-card{margin-top:14px}
.yandex-telemost-admin-card .admin-card-heading p{max-width:850px}
.yandex-telemost-admin-card .google-calendar-admin-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.yandex-telemost-admin-card .google-calendar-admin-actions small{color:#9ba4b1;font-size:9px}
@media(max-width:1050px){.calendar-event-card.has-open-chat{grid-template-columns:minmax(0,1fr) minmax(270px,.9fr)}.calendar-event-main{grid-template-columns:minmax(120px,150px) minmax(0,1fr)}.calendar-event-chat{max-height:430px}}
@media(max-width:850px){.calendar-grid-day{min-height:130px;padding:5px}.calendar-grid-month .calendar-grid-day{min-height:96px}.calendar-event-card.has-open-chat{grid-template-columns:minmax(0,1fr)}.calendar-event-chat{height:380px;max-height:45vh}.calendar-event-main{grid-template-columns:minmax(130px,180px) minmax(0,1fr)}}
@media(max-width:620px){.calendar-calendar-section,.calendar-today-section{padding:11px}.calendar-calendar-toolbar{align-items:stretch;flex-direction:column}.calendar-calendar-nav h2{font-size:12px}.calendar-grid-day{min-height:90px;padding:3px}.calendar-grid-date{align-items:center;flex-direction:column;gap:2px;margin-bottom:4px;padding:2px}.calendar-grid-date span{font-size:7px}.calendar-grid-date strong{width:22px;height:22px;flex-basis:22px;font-size:10px}.calendar-grid-event{display:block;padding:4px 3px;font-size:8px}.calendar-grid-event time{display:none}.calendar-grid-event span{display:block}.calendar-grid-month .calendar-grid-day{min-height:80px}.calendar-event-main{grid-template-columns:minmax(0,1fr)}.calendar-event-main .calendar-event-date,.calendar-event-main .calendar-event-body,.calendar-event-main .calendar-event-links{grid-column:1;grid-row:auto}.calendar-event-main .calendar-event-date{display:flex;flex-wrap:wrap;gap:8px}.calendar-event-chat{height:360px;min-height:280px}.calendar-attendee-menu{left:0;max-height:60vh}.calendar-form-grid{grid-template-columns:minmax(0,1fr)}}

/* v0.6.36 calendar dashboard and communication-node controls */
.calendar-overview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.calendar-overview-card{position:relative;display:grid;align-content:start;gap:6px;min-width:0;min-height:112px;padding:15px 16px;border:1px solid #303641;border-radius:12px;background:linear-gradient(145deg,#1a1d24 0%,#15171d 100%);box-shadow:0 8px 24px #00000012}
.calendar-overview-card>span:first-child{color:#9ea8b7;font-size:10px;font-weight:700;letter-spacing:.02em}
.calendar-overview-card>strong{color:#f5f6fa;font:800 26px Manrope,sans-serif;letter-spacing:-.6px;line-height:1.1;font-variant-numeric:tabular-nums}
.calendar-overview-card>small{color:#7f8b9b;font-size:9px;line-height:1.4}
.calendar-overview-card>svg{position:absolute;right:14px;top:14px;color:#677284;opacity:.9}
.calendar-overview-card.is-accent{border-color:#67303b;background:radial-gradient(circle at 100% 0,#53202b 0,transparent 62%),linear-gradient(145deg,#281a20,#17171d)}
.calendar-overview-card.is-accent>strong,.calendar-overview-card.is-accent>svg{color:#ff7d88}
.calendar-overview-card .calendar-overview-status{font-size:18px;letter-spacing:-.2px}
.calendar-overview-dot{position:absolute;right:17px;bottom:17px;width:7px;height:7px;border-radius:50%;background:#a45b61;box-shadow:0 0 0 4px #a45b6117}
.calendar-overview-dot.is-on{background:#53bb8b;box-shadow:0 0 0 4px #53bb8b19}
.calendar-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 15px;padding:13px 14px;border:1px solid #303641;border-radius:11px;background:#14171d}
.calendar-filters-intro{display:grid;gap:4px;align-self:center;flex:1 1 190px;min-width:150px}
.calendar-filters-intro strong{color:#e5eaf2;font-size:11px}
.calendar-filters-intro span{color:#7f8b9b;font-size:9px}
.calendar-filters>label{display:grid;gap:5px;flex:0 1 190px;min-width:140px;color:#9ca7b7;font-size:9px;font-weight:700}
.calendar-filters select{width:100%;min-width:0;min-height:36px;padding:8px 10px;border:1px solid #38414d;border-radius:7px;background:#101318;color:#e5eaf2;font-family:inherit;font-size:10px;font-weight:500;outline:none}
.calendar-filters select:focus{border-color:#a34552;box-shadow:0 0 0 2px #ed15271c}
.calendar-filters>.button{min-height:36px}
.communication-meeting-config{display:grid;gap:10px;margin:0;padding:12px;border:1px solid #51313b;border-radius:9px;background:linear-gradient(145deg,#22181e,#17171d)}
.communication-scope-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #343b46;border-radius:8px;background:#101318}
.communication-scope-switch button{min-width:0;padding:9px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#8e9aaa;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.communication-scope-switch button.is-active{border-color:#72323f;background:#3a2029;color:#ffadb5;box-shadow:inset 0 0 0 1px #ed15270b}
.communication-scope-switch button:focus-visible{outline:2px solid #ed1527;outline-offset:2px}
@media(max-width:920px){.calendar-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-overview-card{min-height:100px}}
@media(max-width:620px){.calendar-overview-strip{gap:7px}.calendar-overview-card{min-height:96px;padding:12px}.calendar-overview-card>strong{font-size:23px}.calendar-overview-card .calendar-overview-status{font-size:15px}.calendar-filters{align-items:stretch;flex-direction:column;gap:10px;padding:11px}.calendar-filters-intro{flex:auto}.calendar-filters>label{flex:auto;width:100%}.calendar-filters>.button{align-self:flex-start}.communication-scope-switch button{padding:9px 5px;font-size:9px}}
.project-process-run-row .project-run-meeting-state{color:#f0b7a2;line-height:1.45}
.project-process-run-row .project-run-meeting-detail{max-width:760px;color:#b0a6ad;font-size:9px;line-height:1.45;overflow-wrap:anywhere}


/* v0.6.37: clearer calendar navigation, view selector and discoverable Telemost API setup */
.calendar-period-controls{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #343b46;border-radius:9px;background:#101216;flex:none}
.calendar-period-arrow,.calendar-today-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;min-height:32px;padding:6px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#c5ccd6;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.calendar-period-arrow:hover,.calendar-today-button:hover{border-color:#424956;background:#232730;color:#fff}
.calendar-period-arrow:focus-visible,.calendar-today-button:focus-visible,.calendar-view-option:focus-visible{outline:2px solid #ed1527;outline-offset:2px}
.calendar-today-button{border-color:#44333a;background:#251a20;color:#ffdfe2}
.calendar-calendar-nav{gap:12px}
.calendar-calendar-nav h2{margin:0;line-height:1.3}
.calendar-view-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.calendar-view-controls>span{color:#8e99a9;font-size:9px;font-weight:700;white-space:nowrap}
.calendar-view-switch{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:2px;padding:3px;border:1px solid #343b46;border-radius:10px;background:#101216}
.calendar-view-switch .calendar-view-option{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#9ea8b7;font-family:inherit;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.calendar-view-switch .calendar-view-option:hover{background:#232730;color:#f6f7f9}
.calendar-view-switch .calendar-view-option.is-active{border-color:#78313d;background:#3d1d25;color:#fff;box-shadow:inset 0 0 0 1px #ed15271a}
.calendar-view-switch .calendar-view-option.is-active svg{color:#ff7581}
.calendar-view-switch .calendar-view-option svg{flex:none;color:#8994a4}
.calendar-telemost-connection{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 14px;padding:13px 15px;border:1px solid #3d333d;border-radius:11px;background:linear-gradient(110deg,#1c1a21,#15171d)}
.calendar-telemost-connection.is-enabled{border-color:#365346;background:linear-gradient(110deg,#182720,#15191d)}
.calendar-telemost-connection-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #69404a;border-radius:9px;background:#321d24;color:#ff8e98}
.calendar-telemost-connection.is-enabled .calendar-telemost-connection-icon{border-color:#3c6955;background:#1c382a;color:#8fddb5}
.calendar-telemost-connection-copy{display:grid;gap:4px;min-width:0}
.calendar-telemost-connection-copy strong{color:#f0f2f6;font-size:11px;font-weight:750}
.calendar-telemost-connection-copy span{color:#98a2b1;font-size:10px;line-height:1.45}
.calendar-telemost-admin-link{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:#ff9ba3;font-size:10px;font-weight:700;text-decoration:none}
.calendar-telemost-admin-link:hover{text-decoration:underline}
.calendar-telemost-settings-panel .yandex-telemost-admin-card{margin-top:0;margin-bottom:14px}
.telemost-test-result{display:flex;align-items:flex-start;gap:9px;margin:12px 0;padding:11px 12px;border:1px solid #345c49;border-radius:8px;background:#17291f;color:#8fddb4}
.telemost-test-result>svg{flex:none;margin-top:1px}
.telemost-test-result>div{display:grid;gap:4px;min-width:0}
.telemost-test-result strong{color:#d7f6e5;font-size:11px}
.telemost-test-result span{color:#a8c8b6;font-size:10px;line-height:1.4}
.telemost-test-result a{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;color:#8ce4b4;font-size:10px;font-weight:700;overflow-wrap:anywhere}
@media(max-width:850px){.calendar-calendar-toolbar{align-items:flex-start}.calendar-view-controls{align-items:flex-start;flex-direction:column;gap:5px}.calendar-view-switch{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-calendar-toolbar{gap:13px}}
@media(max-width:620px){.calendar-calendar-nav{width:100%;align-items:flex-start;flex-wrap:wrap}.calendar-calendar-nav h2{width:100%;margin:2px 0 0;font-size:13px}.calendar-period-controls{align-self:center}.calendar-view-controls{width:100%}.calendar-view-switch{width:100%;box-sizing:border-box}.calendar-view-switch .calendar-view-option{min-width:0;padding:7px 5px;gap:5px;font-size:9px}.calendar-telemost-connection{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:11px}.calendar-telemost-connection-icon{width:34px;height:34px}.calendar-telemost-connection>.button,.calendar-telemost-admin-link{grid-column:1/-1;justify-self:stretch;justify-content:center}.calendar-telemost-connection>.button{min-height:35px}}

/* Personal Yandex Telemost OAuth card and the legacy-token migration section. */
.profile-yandex-telemost-card .profile-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.profile-yandex-telemost-card .profile-card-actions small{flex-basis:100%;font-size:11px;color:var(--muted,#a6a9b2);line-height:1.45}
.yandex-telemost-admin-card .telemost-legacy-token{margin-top:8px;border-top:1px solid var(--border,#353944);padding-top:10px}
.yandex-telemost-admin-card .telemost-legacy-token summary{cursor:pointer;color:var(--muted,#a6a9b2);font-size:11px}
.yandex-telemost-admin-card .telemost-legacy-token .field-label{display:grid;gap:6px;margin-top:12px}
@media(max-width:760px){.profile-grid{grid-template-columns:minmax(0,1fr)}}


/* Route-level lazy chunks keep navigation responsive without replacing the application shell. */
.page-chunk-loading{min-height:220px;display:grid;place-items:center;padding:24px;color:var(--text-muted,#a0a4ad);font-size:13px;text-align:center}