/* Jarvis Marketing Studio: mockup-faithful UI layer. Functional modules remain in app.js. */
:root{--mock-blue:#1479f8;--mock-ink:#111e3d;--mock-muted:#7b8ba5;--mock-line:#e8eef8}
body{background:#f3f7fe!important;color:var(--mock-ink)!important}
.workspace{background:#f6f9ff!important;max-width:1300px!important}
.top{background:#fff!important;box-shadow:0 4px 25px #1b5eac09!important;border-bottom:1px solid #e9f0fc!important}
.company-brand strong{color:#142647!important;font-weight:850!important;letter-spacing:-1px!important}
.company-brand strong span{color:#177afa!important}
.card{background:#fff!important;border:1px solid #e8effa!important;border-radius:20px!important;box-shadow:0 8px 32px #18386107!important}
.btn,.mock-primary{background:#1278f7!important;color:#fff!important;border:0!important;font-weight:780!important;border-radius:15px!important}
.btn:hover,.mock-primary:hover{background:#075ec5!important}
.mock-small-label{display:block;letter-spacing:2.3px;font-size:11px;color:#2584ed;font-weight:820;margin-bottom:10px}
.mock-welcome{display:flex;position:relative;overflow:hidden;min-height:296px;border-radius:24px;background:linear-gradient(116deg,#eff7ff 2%,#e1efff 73%,#d6eaff);border:1px solid #dce9ff;margin-bottom:15px;padding:29px 26px;align-items:center;box-shadow:0 8px 30px #8bb9e415}
.mock-welcome:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #ffffff75;border-radius:50%;right:-80px;top:-90px}
.mock-welcome-text{position:relative;z-index:2;width:64%;max-width:445px}
.mock-welcome h1{font-size:clamp(28px,3.6vw,48px)!important;font-weight:870!important;letter-spacing:-1.9px!important;line-height:1.13!important;margin:0 0 12px!important;color:#0e244b!important}
.mock-welcome h1 span{color:#146ced}
.mock-welcome p{color:#596d8e!important;font-size:14px;line-height:1.55!important;max-width:310px;margin-bottom:18px!important}
.mock-primary{padding:12px 17px;display:inline-flex;align-items:center;gap:20px;font-size:13px;box-shadow:0 7px 18px #1378ef2d}
.mock-primary span{background:#ffffff27;border-radius:50%;padding:3px 6px}
.mock-welcome-robot{position:absolute;bottom:-24%;right:1%;height:130%;width:48%;object-fit:contain;object-position:bottom right;z-index:1;filter:drop-shadow(0 15px 19px #669ee433)}
.kpis{gap:11px!important}.kpi{background:#fff!important;text-align:left;border:1px solid #e8eef9!important;border-radius:17px!important;box-shadow:0 7px 22px #172e6608!important}
.kpi .value{color:#102548!important;font-size:32px!important;font-weight:850!important;letter-spacing:-1.5px!important}.kpi .k-label{color:#5b6b85!important;font-size:12px!important;font-weight:680!important}.kpi small{font-size:11px!important;color:#8795ab!important}
.card h2,.card h3{color:#152646!important}.card-head{gap:8px}.card-head h2{font-weight:820!important}
.mobilebar{background:#fffffffa!important;border-top:1px solid #e6edf8!important;box-shadow:0 -6px 22px #1a5baf0c!important}
.mobilebar button{color:#8997ae!important}.mobilebar button.active{color:#1477f5!important;background:#edf5ff!important;border-radius:15px!important}
.mobilebar button.active svg{stroke:#1477f5!important}
.top .quick-connect{background:#edf5ff!important;border:1px solid #dceafc!important;color:#2268b7!important}
.top-plus{background:#2185e8!important;color:#fff!important}
.mock-team-header{text-align:center;background:linear-gradient(180deg,#f4f9ff,#fff);border:1px solid #e7eff9;border-radius:22px;padding:27px 16px 0;margin-bottom:14px;overflow:hidden}
.mock-team-header h1{font-size:34px;line-height:1.05;color:#142646;font-weight:850;margin:0 0 8px}.mock-team-header p{font-size:13px;color:#7d8ca7;max-width:420px;margin:0 auto 10px}
.mock-team-center{display:flex;flex-direction:column;align-items:center;position:relative}.mock-team-center>img{display:block;max-height:190px;max-width:215px;object-fit:contain;margin-bottom:3px;filter:drop-shadow(0 6px 12px #85bae332)}
.mock-team-center strong{color:#172949;font-size:17px;font-weight:850}.mock-team-center small{color:#8291ab;font-size:12px;margin-bottom:20px}.mock-team-connector{height:16px;width:1px;background:#b7d7ff}
.executive-panel{display:none!important}
.team-grid-panel{padding:16px!important}.team-grid-panel .section-heading{margin-bottom:12px!important}
.team-grid-panel .team-row{background:linear-gradient(180deg,#f9fbff,#fff)!important;border:1px solid #e7eefb!important;border-radius:15px!important;vertical-align:top;box-shadow:none!important}
.mock-agent-portrait{display:inline-flex;width:64px;height:68px;align-items:center;justify-content:center;flex:none;border-radius:17px;background:#e6f4ff;overflow:hidden}
.mock-agent-portrait img{width:100%;height:100%;object-fit:cover;object-position:top}
.mock-agent-portrait.violet{background:#f1e5ff}.mock-agent-portrait.violet img{filter:hue-rotate(55deg)}
.mock-agent-portrait.coral{background:#ffe8e8}.mock-agent-portrait.coral img{filter:hue-rotate(130deg)}
.mock-agent-portrait.pink{background:#ffe8f5}.mock-agent-portrait.pink img{filter:hue-rotate(90deg)}
.mock-agent-portrait.amber{background:#fff2cf}.mock-agent-portrait.amber img{filter:hue-rotate(175deg)}
.mock-agent-portrait.green{background:#e7fff5}.mock-agent-portrait.green img{filter:hue-rotate(245deg)}
.team-grid-panel .team-copy b{color:#193358!important;font-size:12px!important}.team-grid-panel .team-copy small{color:#8c9bb0!important}
.intro{padding-bottom:14px!important}.intro h1{font-weight:850!important;color:#12284f!important}.intro p{color:#7c8da7!important}
.menu-list,.search-card{background:#fff!important}.menu-entry{border-color:#edf2f9!important;color:#344764!important}.menu-entry .menu-ico{background:#f3f8ff!important;color:#3885e9!important}.menu-title h1{font-weight:860!important;color:#15284b!important}
.hero-measure,.hero-search{background:linear-gradient(120deg,#eff6ff,#e8f4ff)!important;border:1px solid #e0eafd!important;border-radius:22px!important}
.hero-measure .hero-copy h1,.hero-search .hero-copy h1{color:#12306a!important}
.badge{border-radius:100px!important}
@media(min-width:920px){.workspace{max-width:1400px!important}.mock-welcome{min-height:345px}.mock-welcome-robot{height:139%;bottom:-30%}.team-grid-panel .team-row{width:calc(33.333% - 11px)!important;min-height:174px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;margin:0 7px 12px 0!important}.team-grid-panel .team-copy{align-items:center!important}}
@media(max-width:740px){.workspace{padding:0 12px 102px!important}.mock-welcome{min-height:250px;margin-top:10px;padding:20px 17px;border-radius:21px}.mock-welcome-text{width:64%}.mock-welcome h1{font-size:clamp(22px,6.3vw,32px)!important;letter-spacing:-1.3px!important}.mock-welcome p{font-size:11px!important;margin-bottom:13px!important}.mock-small-label{font-size:9px;letter-spacing:1.4px}.mock-welcome-robot{width:49%;height:116%;bottom:-20%;right:-2%}.mock-primary{padding:10px 12px;gap:6px;font-size:11px;border-radius:11px}.kpi{padding:13px!important;min-height:115px!important}.kpi .value{font-size:27px!important}.team-grid-panel .team-row{width:calc(50% - 10px)!important;min-height:146px!important;padding:12px 5px!important;display:inline-flex!important;flex-direction:column!important;gap:9px!important;align-items:center!important;text-align:center!important}.mock-agent-portrait{width:64px;height:68px}.mock-team-center>img{max-height:157px}}
@media(max-width:350px){.mock-welcome h1{font-size:21px!important}.mock-welcome p{font-size:10px!important}}