/* Shared Commerce / Invoice blue palette. */
:root{--ink:#23354b;--muted:#697d94;--paper:#f2f5f9;--card:#fff;--line:#dbe3ed;--green:#456381;--dark:#22364e;--blue:#506f91}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:#506f91}
.rail{color:#f2f7fc}.company small,.rail-foot small,.nav-label,.rail-project small{color:#afc0d2}.rail nav button[aria-current=page]{background:#ffffff13;color:#fff}.brand{gap:3px;font-size:25px}.brand button{padding:3px 5px 5px;line-height:1.1;border:1px solid #91abc5;overflow:visible;color:#c5d6e8}.brand button:after{content:none}.brand-symbol{margin-right:1px}.brand .period{color:#91abc5}
.company-icon,.project-dot,.save-dot{border-color:#afc0d2}.primary{background:#456381}.primary:hover{background:#354e69}.secondary{background:#fff;border-color:#bdccdd;color:#456381}.text-button{color:#456381}.badge,.count,.status-pill,.phase-bar button.active,.kpi-highlight,.avatar.green,.square-icon{background:#e6eef7;color:#456381}.phase-bar button.active{border-color:#9db3ca}.phase-bar .step{border-color:#bdccdd;color:#506f91}.phase-check,.role-dot{color:#506f91}.phase-bar{margin-bottom:24px}.project-title{font:inherit;letter-spacing:inherit;text-align:left;padding:0;border-bottom:1px solid transparent}.project-title:hover{border-color:#91abc5}.page-heading h1{margin-bottom:0}.panel,.inbox-record,.intake-banner,.source-record,.dropzone,.live-placeholder{border-color:#dbe3ed}.dropzone,.live-placeholder{background:#f7f9fc}.eyebrow,.subtle,.prototype-note,.inspector-help,.tool-help{color:#697d94}
.locale-switch{display:flex;gap:9px;align-items:center;margin-top:auto;padding:22px 8px 14px;color:#afc0d2;font-size:11px}.locale-switch button{padding:5px 7px;border-radius:4px}.locale-switch button[aria-pressed=true]{color:#fff;background:#ffffff19}.rail-foot{margin-top:0}
.canvas-header{gap:12px}.canvas-header .actions{flex-wrap:wrap;justify-content:flex-end}.canvas-header h1{font-size:31px}.canvas-subbar{margin-bottom:12px}#connections{color:#506f91}.canvas-lane{background-color:#f7f9fc;background-image:radial-gradient(#c9d5e3 .8px,transparent .8px)}.canvas-lane[data-lane=revenues]{background-color:#f2f6fb;background-image:radial-gradient(#c3d1e2 .8px,transparent .8px)}.canvas-lane[data-lane=result]{background-color:#edf2f8;background-image:radial-gradient(#bfcede .8px,transparent .8px)}.canvas-lane>header,.canvas-lane[data-lane=revenues]>header,.canvas-lane[data-lane=result]>header{background:#eaf0f7;border-color:#d3deeb;color:#23354b}.lane-dot,.canvas-lane[data-lane=revenues] .lane-dot,.canvas-lane[data-lane=result] .lane-dot{background:#7894b2}.active-lane>header{box-shadow:inset 0 2px 0 #506f91}.canvas-splitter{background:#dbe3ed}.canvas-splitter:hover,.canvas-splitter:focus-visible{background:#b9cadd}.canvas-splitter span{background:#91a9c2}.clear-lane{padding:4px;flex:0 0 23px;color:#697d94;margin-left:3px}.clear-lane svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.chip{background:#fff;border-color:#c4d2e1}.chip.result,.canvas-lane[data-lane=revenues] .chip.result{background:#e6eef7}.chip.automatic{background:#e2eaf4;border-color:#a9bed4}.chip.selected{border-color:#506f91;box-shadow:0 0 0 4px #506f911c}.chip-port{border-color:#7894b2;background:#fff}.chip-port:after,.chip-formula{color:#506f91}.chip-top{color:#899bb0}.group-frame{background:#ffffff30;border-color:#c7d5e5}.group-title,.group-title button{color:#506f91}.group-letter{border-color:#a9bed4}.edge-path{stroke:#7894b2}.edge-selected,.drawing-edge{stroke:#456381}.line-op-bg{fill:#fff;stroke:#afc3d9}.edge-op{fill:#456381}.result-tether{stroke:#9fb2c8}.canvas-tools{border-color:#c4d2e1;background:#fff;color:#697d94;gap:1px;padding:5px}.canvas-tools button.active{background:#e6eef7;color:#456381}.canvas-tools hr{border-color:#dbe3ed}.canvas-tools button[data-tooltip]:after{background:#22364e}.chip-type-icon{border:1px solid currentColor;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font:600 9px/1 'Avenir Next',sans-serif;letter-spacing:-.4px}.history-tools{display:flex;gap:0}.history-tools button{width:21px}.history-tools svg{width:17px;height:17px}.canvas-tools{width:52px;align-items:center}.canvas-tools>button{width:38px}.canvas-tools hr{width:30px}.canvas-hint{background:#edf2f8d9;color:#697d94}.zoom-bar{background:#fff;border-color:#c4d2e1}.line-menu{border-color:#c4d2e1;background:#fff}.line-equation,.line-operations button.active,.selection-summary{background:#e6eef7;border-color:#c4d2e1}.line-equation strong,.line-menu-footer button,.selection-summary button{color:#456381}
.inspector,.inspector-tabs{border-color:#dbe3ed}.inspector{background:#fafbfd}.inspector-tabs button.active{color:#456381;border-color:#506f91}.dna{background:#f2f6fb;border-color:#dbe3ed}.snapshot-item{display:flex;width:100%;text-align:left;flex-direction:column;gap:6px;padding:16px 12px;border-bottom:1px solid #dbe3ed}.snapshot-item small{color:#697d94}.snapshot-item:hover{background:#eaf0f7}.danger{color:#a14249}.actions .danger{padding:11px 17px;border:1px solid #dec1c4;border-radius:7px}
.project-reports{color:#23354b}.pr-print-button{background:#456381}.pr-print-button:hover{background:#354e69}.pr-preview-stage{background:#e6edf6;border-color:#dbe3ed}.pr-paper{--pr-accent:#456381;--pr-muted:#697d94;--pr-line:#dbe3ed;--pr-tint:#eaf0f7;color:#23354b;background:#fff}.pr-control label,.pr-print-help,.pr-branding-help,.pr-logo-upload small{color:#697d94}.pr-control select,.pr-control input[type=text]{color:#23354b;border-color:#c4d2e1;background:#fafbfd}
@media(max-width:1200px){.brand{font-size:23px}.brand button{padding-inline:3px}.brand-symbol{width:21px;flex-basis:21px}.brand-symbol i{width:14px}.canvas-tools{width:46px}.canvas-tools>button{width:32px}}
@media(max-width:680px){.canvas-header{align-items:flex-start}.canvas-tools{left:2px}.locale-switch{padding:8px}.brand{font-size:25px}.brand-symbol{width:25px;flex-basis:25px}.brand-symbol i{width:17px}}

/* v5: compact chips and four persistent connection sides. */
.chip-type-icon{border:0;border-radius:0;font-size:11px;letter-spacing:0}
.history-tools{flex-direction:column;align-items:center}.history-tools button{width:38px;height:30px}
.chip{min-height:0;height:72px;padding:0;border-radius:9px}.chip.heading{min-height:0;height:44px;display:flex;align-items:center}.chip.result:not(.automatic){height:88px}.chip-name{font-size:11px;line-height:16px;height:26px;margin:0;padding:9px 12px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chip.heading .chip-name{height:auto;padding:0 12px}.chip-value{height:39px;font-size:22px;line-height:28px;padding:3px 12px 8px;margin:0}.chip-value small{font-size:9px}.chip-formula{height:17px;max-height:17px;padding:0 12px;font-size:8px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-source{position:absolute;right:7px;top:7px;font-size:10px;color:#697d94}.chip:has(.chip-source) .chip-name{padding-right:24px}
.chip-port{width:12px;height:12px;top:auto;right:auto;left:auto;bottom:auto;border-width:1.5px;transform:translate(-50%,-50%)}.chip-port.port-top{left:50%;top:0}.chip-port.port-right{left:100%;top:50%}.chip-port.port-bottom{left:50%;top:100%}.chip-port.port-left{left:0;top:50%}.chip-port:before{content:'';position:absolute;inset:-5px;border-radius:50%}.chip-port:after{font-size:9px}.chip.compact .chip-formula{opacity:1;max-height:17px;padding-bottom:0}
@media(max-width:1200px){.history-tools button{width:32px}}