/* NearVia Alex v1.3.4 — Client Portal and unified Delivery Flow */
.nav{scrollbar-width:none;-ms-overflow-style:none}.nav::-webkit-scrollbar{display:none}.nav button[hidden],.nav-label[hidden]{display:none!important}
body.client-portal .nav{gap:4px}body.client-portal .nav button{min-height:42px}body.client-portal .nav-label{margin-top:12px}body.client-portal .agent-mini-card{margin-bottom:12px}
.client-alex-callout{display:grid;grid-template-columns:1fr 190px;align-items:center;padding:28px;overflow:hidden}.client-alex-callout img{width:180px;max-height:220px;object-fit:contain;align-self:end}.client-alex-callout h2{font-size:30px;margin:12px 0 8px}.client-alex-callout p{max-width:760px;color:var(--muted)}
.intake-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.intake-chips button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:inherit;border-radius:999px;padding:8px 12px;cursor:pointer}.intake-chips button:hover{border-color:var(--primary);background:rgba(80,179,255,.08)}
.portal-project-list{display:grid;gap:8px}.portal-project-row{width:100%;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:15px;color:inherit;cursor:pointer}.portal-project-row:hover{border-color:rgba(80,179,255,.5);transform:translateY(-1px)}.portal-project-row>div:first-child{display:grid;gap:4px}.portal-project-row small{color:var(--muted)}.project-code{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--primary);text-transform:uppercase}.project-row-meta{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}
.portfolio-toolbar{padding:14px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.portfolio-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.portfolio-tools .field{min-width:170px}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:11px;padding:3px;background:rgba(0,0,0,.12)}.segmented button{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px;cursor:pointer;white-space:nowrap}.segmented button.active{background:rgba(80,179,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(80,179,255,.25)}
.portfolio-kanban{display:grid;grid-template-columns:repeat(6,minmax(245px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.portfolio-column{background:rgba(5,14,25,.45);border:1px solid var(--line);border-radius:16px;min-height:330px}.portfolio-column>header{padding:14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.portfolio-column>header div{display:grid;gap:3px}.portfolio-column>header small{color:var(--muted);font-size:10px;line-height:1.25}.portfolio-column>header>span{background:rgba(255,255,255,.06);border-radius:999px;padding:4px 8px;height:max-content}.portfolio-column>div{padding:10px;display:grid;gap:9px}.portfolio-card{padding:13px;border:1px solid var(--line);background:var(--card);border-radius:13px;cursor:pointer}.portfolio-card:hover{border-color:rgba(80,179,255,.45)}.portfolio-card-top{display:flex;justify-content:space-between}.portfolio-card h3{font-size:14px;margin:9px 0 6px}.portfolio-card p{color:var(--muted);font-size:12px;min-height:32px}.portfolio-card footer{display:flex;justify-content:space-between;gap:7px;color:var(--muted);font-size:10px;margin-top:8px}.project-progress,.big-progress>div{height:6px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}.project-progress i,.big-progress i{display:block;height:100%;background:linear-gradient(90deg,#50b3ff,#7d86ff)}.priority-dot{width:9px;height:9px;border-radius:50%;background:#50b3ff}.priority-dot.high{background:#ffc86b}.priority-dot.critical{background:#ff6f7d}.priority-dot.low{background:#5ed5a1}.column-empty{padding:20px;text-align:center;color:var(--muted);font-size:12px}.project-table tbody tr{cursor:pointer}.project-table tbody tr:hover{background:rgba(80,179,255,.045)}
.project-summary-strip{display:grid;grid-template-columns:repeat(5,1fr);padding:16px;margin-bottom:14px}.project-summary-strip>div{padding:4px 16px;border-right:1px solid var(--line);display:grid;gap:4px}.project-summary-strip>div:last-child{border:0}.project-summary-strip span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.project-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;border-bottom:1px solid var(--line)}.project-tabs button{border:0;background:transparent;color:var(--muted);padding:12px 15px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.project-tabs button.active{color:#fff;border-color:var(--primary)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.detail-grid span{display:grid;gap:4px;color:var(--muted);font-size:11px}.detail-grid b{color:var(--text);font-size:13px}.big-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:18px 0}.big-progress>div{height:10px}.big-progress>b{font-size:24px}
.delivery-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.delivery-timeline>div{position:relative;text-align:center;padding:10px}.delivery-timeline>div:after{content:"";position:absolute;left:60%;right:-40%;top:27px;height:2px;background:var(--line)}.delivery-timeline>div:last-child:after{display:none}.delivery-timeline i{position:relative;z-index:1;display:grid;place-items:center;margin:auto;width:34px;height:34px;border-radius:50%;background:#121f31;border:2px solid var(--line);font-style:normal}.delivery-timeline .done i,.delivery-timeline .current i{border-color:var(--primary);background:rgba(80,179,255,.18)}.delivery-timeline .done:after{background:var(--primary)}.delivery-timeline b,.delivery-timeline small{display:block}.delivery-timeline b{margin-top:8px;font-size:12px}.delivery-timeline small{color:var(--muted);font-size:10px;margin-top:4px}
.technical-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.technical-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto}.technical-board>section{border:1px solid var(--line);border-radius:14px;padding:10px;min-height:260px}.technical-board header{display:flex;justify-content:space-between;padding:5px 4px 12px}.technical-board article{border:1px solid var(--line);border-radius:11px;padding:11px;margin-bottom:8px;background:var(--card)}.technical-board article p,.technical-board article small{color:var(--muted);font-size:11px}.backlog-item{padding:11px 0;border-bottom:1px solid var(--line);display:grid;gap:3px}.backlog-item small{color:var(--muted)}
.delivery-record{border-bottom:1px solid var(--line);padding:14px 0}.delivery-record>div{display:flex;justify-content:space-between}.delivery-record p,.delivery-record small{color:var(--muted)}.artifact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.artifact-grid article{border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;gap:6px}.artifact-grid small{color:var(--muted)}.artifact-grid code{font-size:10px}.timeline-list article{display:grid;grid-template-columns:14px 1fr;gap:12px;padding:0 0 20px}.timeline-list article>i{width:10px;height:10px;border-radius:50%;background:var(--primary);margin-top:5px;box-shadow:0 0 0 5px rgba(80,179,255,.1)}.timeline-list p,.timeline-list small{color:var(--muted)}.completed-record{margin-top:14px}
.alex-intake-banner{padding:12px 16px;border-bottom:1px solid var(--line);background:rgba(80,179,255,.055);display:flex;justify-content:space-between;align-items:center;gap:15px}.alex-intake-banner>div:first-child{display:grid;gap:3px}.alex-intake-banner small{color:var(--muted)}.alex-intake-banner .intake-chips{margin:0;justify-content:flex-end}
.integration-principle{margin-bottom:20px;border-color:rgba(80,179,255,.3)}.integration-section{margin:20px 0}.integration-catalogue{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.integration-catalog-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:14px}.integration-catalog-card .btn{grid-column:2/4;justify-self:end}.integration-catalog-card.connected{border-color:rgba(94,213,161,.35)}.integration-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(80,179,255,.12);font-weight:800;color:var(--primary)}.integration-catalog-card h4{margin:0 0 3px}.integration-catalog-card p{margin:0;color:var(--muted);font-size:11px}.webhook-box{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:7px;background:rgba(0,0,0,.12)}.webhook-box code{overflow-wrap:anywhere;color:var(--primary)}
@media(max-width:1100px){.project-summary-strip{grid-template-columns:repeat(3,1fr)}.project-summary-strip>div{border-right:0;border-bottom:1px solid var(--line)}.client-alex-callout{grid-template-columns:1fr}.client-alex-callout img{display:none}.delivery-timeline{grid-template-columns:repeat(3,1fr);row-gap:14px}.delivery-timeline>div:after{display:none}}
@media(max-width:760px){.portfolio-toolbar,.portfolio-tools,.technical-head,.alex-intake-banner{align-items:stretch;flex-direction:column}.portfolio-tools>*{width:100%}.portal-project-row{grid-template-columns:1fr}.project-row-meta{flex-wrap:wrap}.project-summary-strip{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.delivery-timeline{grid-template-columns:1fr}.integration-catalog-card{grid-template-columns:42px 1fr}.integration-catalog-card>.status-chip{grid-column:2}.integration-catalog-card .btn{grid-column:2}.client-alex-callout{padding:20px}}