/* Low-fidelity structure is deliberately distinct from the finished product. */
.evo-wireframe { background: #f5f5f3; color: #54595d; border: 1px solid #cbd0d2; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.evo-wire-chrome { height: 4cqw; padding: 0 2cqw; background: #e8eaeb; border-bottom: 1px solid #bdc3c6; color: #717a80; font-size: .9cqw; letter-spacing: .07cqw; }
.evo-wire-chrome > span:first-child { font-size: 1.2cqw; letter-spacing: .12cqw; }
.evo-wire-shell { display: grid; grid-template-columns: 19% 1fr; height: calc(100% - 4cqw); }
.evo-wire-side { padding: 2.4cqw 1.4cqw 2cqw; gap: 0; border-right: 1px solid #bdc3c6; background: #eeefed; }
.evo-wire-side b { font: inherit; letter-spacing: normal; margin: 0; color: inherit; }
.evo-wire-logo { display: grid; place-items: center; width: 8.5cqw; height: 3.7cqw; border: 1px solid #989fa3; font-size: 1.1cqw; letter-spacing: .12cqw; color: #747d81; margin: 0 .6cqw 2.7cqw; }
.evo-wire-workspace { display: flex; justify-content: space-between; border: 1px solid #bbc0c2; padding: 1.1cqw .9cqw; font-size: .9cqw; color: #7d8385; background: #f8f8f6; }
.evo-wire-workspace b { font-weight: 400; }
.evo-wire-navigation { display: flex; flex-direction: column; gap: 1cqw; margin-top: 2.2cqw; }
.evo-wire-navigation > span { display: flex; gap: 1.1cqw; align-items: center; height: 3.2cqw; padding: 0 .9cqw; }
.evo-wire-navigation > span:nth-child(2) { outline: 1px solid #a7adb1; background: #e3e5e4; }
.evo-wire-navigation > span > i { display: block; width: 1.1cqw; height: 1.1cqw; border: 1px solid #959da1; border-radius: 0; }
.evo-wire-navigation > span > b { display: block; width: 7.4cqw; height: .65cqw; background: #c1c5c5; }
.evo-wire-navigation > span:nth-child(3) > b { width: 5.8cqw; }
.evo-wire-user { display: flex; align-items: center; gap: 1.1cqw; margin: auto .9cqw 0; }
.evo-wire-user > i { display: block; width: 2.4cqw; height: 2.4cqw; border-radius: 50%; border: 1px solid #a3aaac; }
.evo-wire-user > b { display: block; width: 6.1cqw; height: .6cqw; background: #c3c7c7; }
.evo-wire-main { padding: 1.7cqw 2.8cqw; display: flex; flex-direction: column; min-width: 0; min-height: 0; background-image: linear-gradient(#6f777706 1px,transparent 1px),linear-gradient(90deg,#6f777706 1px,transparent 1px); background-size: 2cqw 2cqw; }
.evo-wire-topline { display: flex; justify-content: space-between; align-items: center; height: 2.8cqw; }
.evo-wire-topline > i { display: block; width: 15cqw; height: .55cqw; background: #c9cdcd; }
.evo-wire-topline > span { display: flex; padding-right: .4cqw; }
.evo-wire-topline > span > i { display: block; width: 2.5cqw; height: 2.5cqw; border-radius: 50%; border: 1px solid #a9b0b2; margin-right: -.5cqw; background: #eff0ee; }
.evo-wire-title-row { display: flex; justify-content: space-between; align-items: center; margin: 1.2cqw 0 1.7cqw; }
.evo-wire-kicker { display: block; margin: 0 0 .7cqw; font-size: .8cqw; letter-spacing: .08cqw; color: #939b9d; }
.evo-wire-title-row strong { font-size: 3.3cqw; font-weight: 400; letter-spacing: -.15cqw; line-height: 1.2; color: #5b6367; }
.evo-wire-button { border: 1px solid #919b9f; padding: 1cqw 1.3cqw; font-size: 1cqw; color: #818b8f; }
.evo-wire-tabs { padding: 0 0 1.2cqw; margin-bottom: 1.8cqw; display: flex; align-items: center; gap: 2cqw; border-bottom: 1px solid #bdc3c5; }
.evo-wire-tabs > span { font-size: 1cqw; color: #687176; }
.evo-wire-tabs > i { display: block; width: 5cqw; height: .6cqw; border: 0; border-radius: 0; background: #c9cdcd; }
.evo-wire-board { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.2cqw; flex: 1; min-height: 0; margin: 0; }
.evo-wire-board > .evo-wire-lane { display: flex; flex-direction: column; gap: 1.1cqw; padding: 1cqw; border: 1px dashed #bbc1c3; background: #edefed80; }
.evo-wire-lane-label { display: flex; justify-content: space-between; align-items: center; padding: .2cqw 0 .7cqw; }
.evo-wire-lane-label > span { font-size: .9cqw; letter-spacing: .04cqw; color: #737d82; }
.evo-wire-lane-label > b { font-weight: 400; font-size: 1.2cqw; color: #8b9498; }
.evo-wire-card { display: flex; flex-direction: column; gap: 1.2cqw; padding: 1.2cqw; background: #fafbf9; border: 1px solid #a8b0b3; min-width: 0; }
.evo-wire-board .evo-wire-tag { display: block; width: 4.8cqw; height: 1.3cqw; background: #e3e6e3; border: 1px solid #c3c9c7; }
.evo-wire-block { display: block; height: .85cqw; width: 93%; border: 0; border-radius: 0; background: #b0b8ba; transform-origin: left; }
.evo-wire-line { display: block; width: 65%; height: .65cqw; background: #d0d5d4; margin-top: -.4cqw; }
.evo-wire-card-footer { display: flex; align-items: center; justify-content: space-between; margin-top: .5cqw; }
.evo-wire-card-footer > i { display: block; width: 2cqw; height: 2cqw; border: 1px solid #abb3b5; border-radius: 50%; }
.evo-wire-board .evo-wire-card-footer > span { display: block; width: 4.5cqw; height: .55cqw; background: #d0d5d4; }
