/* Connected workflow layer. Preserve the original v3 olive / orange identity. */
.main-area,.page-container,.page,.overview-grid>*{min-width:0}
.page-container{width:100%;flex:1}.page{animation:workflow-enter .2s ease-out}
.workflow-note{padding:12px 16px;margin:0 0 20px;border:1px solid var(--border-light);border-left:3px solid var(--orange);background:#1b2218;color:#b5bea9;font-size:12px;line-height:1.7;border-radius:5px}
.workflow-pad{padding:20px}.workflow-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.workflow-row:last-child{border-bottom:0}.workflow-row p{font-size:12px;color:var(--text-muted);margin-top:4px}.workflow-row small{color:var(--text-muted);white-space:nowrap}.workflow-empty{padding:34px 22px;color:var(--text-muted);font-size:13px;line-height:1.7}
.workflow-input,.settings-form input:not([type=checkbox]),.settings-form select,.settings-form textarea{display:block;width:100%;padding:11px 12px;border:1px solid var(--border-light);border-radius:6px;background:#141a11;color:var(--text);margin-top:6px;min-width:0}.workflow-input{max-width:360px;margin-top:0}.settings-form{display:grid;gap:16px}.settings-form label{display:block;color:#b7c0ac;font-size:12px}.settings-form textarea{min-height:100px;resize:vertical}.settings-form input[type=checkbox],.workflow-scope input{accent-color:var(--orange);width:16px;height:16px;flex-shrink:0}.settings-form .toggle-label{display:flex;align-items:center;gap:10px}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-note{font-size:11px;color:var(--text-muted);line-height:1.7}.workflow-scope{border:1px solid var(--border-light);border-radius:6px;padding:14px}.workflow-scope legend{color:var(--text-muted);padding:0 6px}.workflow-scope label{display:flex;gap:8px;align-items:center;margin:9px 0}
.filter-bar,.detail-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.detail-tabs{margin-top:8px}.table-wrap{max-width:100%;overflow:auto}.data-table{min-width:600px}.data-table small{color:var(--text-muted)}.data-table td{vertical-align:middle}.btn{white-space:normal}.page-actions{flex-wrap:wrap}.campaign-card{padding:22px}.campaign-card h2{font-size:20px;letter-spacing:-.04em;margin:16px 0 7px}.campaign-card>p{font-size:12px;color:var(--text-muted)}.cc-header{display:flex;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:11px}.cc-stats{display:flex;gap:26px;margin:25px 0 10px}.cc-stats strong,.cc-stats span{display:block}.cc-stats strong{font-size:24px}.cc-stats span{font-size:11px;color:var(--text-muted)}.campaign-card .workflow-row{align-items:flex-start;flex-wrap:wrap}.report-type-card{padding:24px}.report-type-card p{margin:10px 0 20px;color:var(--text-muted);font-size:12px}.vendor-card,.role-card{padding:20px}.role-card p{margin-top:10px;color:var(--text-muted);font-size:12px;line-height:1.8}.vendor-stats span{display:block;font-size:11px;color:var(--text-muted)}
.access-strip{flex-wrap:wrap}.access-meta{flex-wrap:wrap;white-space:normal;overflow:visible;padding:8px 0;border:0;background:transparent}.access-meta button{margin-left:0}.access-role{flex-wrap:wrap}.access-dialog{max-height:90dvh;overflow-y:auto}.access-dialog-card{min-width:0}.access-dialog-actions{flex-wrap:wrap}.wizard-steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.wizard-steps .ws{padding:6px 9px;font-size:10px;color:var(--text-muted);border-bottom:2px solid var(--border)}.wizard-steps .ws.active{color:var(--orange);border-color:var(--orange)}.wizard-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.ws-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.ws-summary-grid>div{padding:13px;background:#151c12;border:1px solid var(--border);border-radius:6px}.ws-summary-grid span,.ws-summary-grid strong{display:block}.ws-summary-grid span{font-size:10px;color:var(--text-muted);margin-bottom:5px}.ws-summary-grid strong{font-size:13px}.workflow-demo-chooser{width:100%;margin-top:12px;font-size:11px}.form-error{padding:10px;background:var(--red-bg);border-radius:6px}.dash-toast{z-index:1000}.drawer-media-item img{height:160px;width:100%;object-fit:cover}
.connected-map{height:560px;border:1px solid var(--border);border-radius:8px;overflow:auto;background:#171f14;margin-bottom:14px}.offline-maps{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:22px}.offline-maps h3{font-size:14px;margin-bottom:10px}.offline-maps svg{width:100%;display:block;border-radius:5px}.offline-maps small{display:block;color:var(--text-muted);font-size:10px;margin-top:8px}.offline-maps g[role=button]{cursor:pointer}.offline-maps g:hover circle,.offline-maps g:focus circle{stroke:#fff;stroke-width:3}.review-item{min-width:0}.ri-details{min-width:0}.ri-evidence img{width:100%;height:100%;object-fit:cover}.review-list{display:grid;gap:12px}
@keyframes workflow-enter{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.topbar-search{display:none}.overview-grid{grid-template-columns:1fr}.access-meta{font-size:9px}.offline-maps{grid-template-columns:1fr}}
@media(max-width:768px){.main-area,.dashboard-shell.sidebar-collapsed .main-area{margin-left:0;width:100%}.page-container{padding:22px 14px}.page-header{align-items:flex-start;gap:16px;flex-direction:column}.page-actions{width:100%}.page-header h1{font-size:27px}.sidebar{box-shadow:20px 0 80px #0009}.sidebar-collapsed .sidebar-name,.sidebar-collapsed .nav-item span,.sidebar-collapsed .user-info{display:block}.sidebar-collapsed .nav-item{justify-content:flex-start;padding:10px 16px}.sidebar-collapsed .sidebar-brand{justify-content:space-between;padding:14px 16px}.sidebar-collapsed .sidebar-user{justify-content:flex-start}.sidebar-collapse{display:none}.sidebar.mobile-open{width:240px}.topbar-workspace{max-width:120px}.topbar-campaign{min-width:0;flex:1}.topbar-campaign select{max-width:100%;width:100%}.topbar-campaign-label{display:none}.topbar{gap:6px;padding:0 10px}.topbar-actions{gap:0}.access-strip{padding:10px 14px;gap:8px}.access-meta{gap:8px;line-height:1.8}.access-meta>span{font-size:8px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:15px 12px}.metric-value{font-size:28px}.metric-sub{font-size:9px}.campaign-cards,.settings-grid,.roles-grid,.vendor-cards,.report-types{grid-template-columns:1fr}.connected-map{height:470px}.offline-maps{padding:12px;grid-template-columns:minmax(0,1fr)}.review-item{flex-wrap:wrap}.ri-actions{width:100%;padding:12px}.filter-bar .workflow-input{max-width:none}.filter-bar .settings-note{width:100%}.workflow-pad{padding:16px}.workflow-row{gap:10px;flex-wrap:wrap}.access-dialog-card{padding:20px 16px}.ws-summary-grid{gap:8px}.login-card-head{gap:10px;flex-wrap:wrap}.demo-role-field label span{float:none;display:block;margin-top:5px}.login-footer{gap:12px;align-items:flex-start}.entry-button{min-height:56px}.settings-row{grid-template-columns:1fr}.identity-row{min-height:60px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.access-strip,.page-actions,.filter-bar,.report-types,.btn,dialog,.dash-toast{display:none!important}.main-area{width:100%;margin:0}.page-container{padding:0}body,.card,.metric-card{background:#fff;color:#111}.data-table{min-width:0}.table-wrap{overflow:visible}.data-table td,.data-table th{padding:7px;font-size:9px}.metric-sub,.metric-label,.data-table small{color:#444}.workflow-note{color:#333;background:#fff}.metric-grid{grid-template-columns:repeat(3,1fr)}}
.access-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-bottom:1px solid var(--border);background:#151b12}.access-role{display:flex;align-items:center;gap:8px;font-size:11px}.access-role>span:last-child{color:var(--text-muted);font-size:10px}.access-pulse{width:6px;height:6px;background:var(--green);border-radius:50%}.access-meta{padding:0}.member-id-mini{display:block!important;font-family:Plex,monospace;font-size:8px!important;line-height:1.6}.topbar-search{position:relative;display:flex;align-items:center;flex:1;max-width:300px;min-width:100px}.metric-card.warn{border-color:#665835}.metric-card.danger{border-color:#6b3c30}.metric-label{color:#a8b29d}.metric-sub{color:#9da890}
@media(max-width:1100px){.topbar-search{display:none}.access-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:768px){.access-strip{padding:10px 14px}.topbar-workspace select{max-width:120px;width:100%;text-overflow:ellipsis}.access-role{font-size:10px}.access-meta{font-size:9px}}
/* Self-service testing tools in the existing v3 visual system. */
.test-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.test-summary>div{padding:20px;border:1px solid var(--border);background:var(--bg-card);border-radius:6px}.test-summary strong{display:block;font-size:28px;letter-spacing:-.04em}.test-summary span{color:var(--text-muted);font-size:11px}.test-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 20px}.test-heading h2{font-size:21px;letter-spacing:-.03em}.test-heading h3{font-size:14px}.test-heading>.badge{white-space:nowrap}.test-steps{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.test-observations{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#b1c3a1;margin-top:20px}.test-recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.test-recipe-grid p{font-size:12px;color:#b3bda8;line-height:1.8}.test-expected{padding:12px 0;color:var(--text-muted);font-size:12px;line-height:1.8}.test-expected strong{color:var(--text)}
@media(max-width:768px){.test-summary{grid-template-columns:1fr;gap:8px}.test-summary>div{display:flex;align-items:center;gap:16px;padding:14px}.test-summary strong{font-size:23px;min-width:80px}.test-recipe-grid{grid-template-columns:1fr}.test-heading{align-items:flex-start;flex-wrap:wrap}.test-steps .btn{min-height:40px}.sidebar-nav{overflow-y:auto}}
@media(max-width:768px){.main-area,.dashboard-shell.sidebar-collapsed .main-area{transition:none}}