/* ====================================================
   JARVIS MOCKUP EDITION — design only; existing app logic kept.
   Light blue/white, iOS-like layout, five functional tabs.
   ==================================================== */
:root{--green:#1777f5;--dark:#0c2453;--muted:#7184a0;--line:#e2ebf9;--shadow:0 9px 27px rgba(41,104,180,.075);--jarvisblue:#187bfa}
html{background:#f6f9fe}body,body .workspace{background:radial-gradient(ellipse at 45% 0%,#e4f2ff 0%,#f7faff 39%,#f8faff 100%)!important;color:#10244b!important}
.workspace{max-width:1140px!important}.shell{align-items:stretch}
.top{background:rgba(255,255,255,.9)!important;padding:15px 17px 20px!important;border:1px solid #ecf2fc;border-radius:20px;margin-bottom:15px;box-shadow:0 5px 18px #579ade0a}
.company-brand strong{font-size:clamp(21px,4vw,28px)!important;color:#142751!important;letter-spacing:-.9px}.company-brand strong span{color:#1982fc!important}.company-brand small{color:#7991b5!important}
.brand b{color:#177afa!important}.brand small{color:#8195ae!important}.sidebar{border-right:1px solid #e4ebf8;background:#ffffff!important}.nav.active{background:#e8f2ff!important;color:#1174e9!important}.nav:hover{background:#f1f7ff!important}
.card{border:1px solid #e4ebf8!important;background:#fff!important;border-radius:20px!important;box-shadow:0 7px 19px rgba(40,90,175,.06)!important}.card-head h2{color:#122853;font-size:18px}
.btn{background:linear-gradient(115deg,#1783ff,#0068e8)!important;color:white!important;border-radius:14px!important;box-shadow:0 5px 15px #2778fa25}.btn:hover{background:#075dcc!important}
.btn2,.ghost,.chip{border-radius:13px!important}.btn2{background:#ebf3ff!important;color:#1768c8!important}.ghost,.chip{border-color:#deebfa!important;color:#234a81!important}.chip.active{background:#147df1!important;color:white!important}
.badge{background:#e8f6ed!important;color:#20875a!important}.badge.gray{background:#edf4fc!important;color:#617b9e!important}.badge.amber{background:#fff4e5!important;color:#a47938!important}
.hero{border:1px solid #d9e9ff!important;background:radial-gradient(circle at 81% 32%,#d0e7ff 0,transparent 56%),linear-gradient(135deg,#f3faff,#e7f2ff)!important;border-radius:23px!important;box-shadow:0 10px 25px #5d9ce613!important}
.hero-overline,.eyebrow{color:#4b84c1!important;letter-spacing:2px!important;font-weight:850!important}.hero h1{color:#0f2759!important;letter-spacing:-1px!important}.hero p{color:#607caa!important}.hero-review{background:white!important;color:#143263!important;border:1px solid #d6e5fb!important;box-shadow:0 4px 18px #739cc72c;border-radius:14px!important}
.top-filters{margin:16px 0!important}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kpi{min-height:124px!important;padding:17px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;gap:8px}.kpi .k-label{font-size:13px!important;color:#7086a8!important;font-weight:750!important}.kpi .value{font-size:34px!important;margin:4px 0!important;color:#0c2659!important}.kpi .kpi-arrow{color:#3988f3!important}
.item,.post,.mutedbox,.connected{border-color:#e5edf8!important}.item-icon{background:#eaf3ff!important;color:#1576e3!important}.callout,.explain{background:#ecf6ff!important;color:#35547b!important}
.mobilebar{border-top:1px solid #e3eaf7!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -4px 28px #39689b0c!important}.mobilebar button{color:#7186a5!important}.mobilebar button.active{color:#1478f1!important}.mobilebar button.active .i{color:#1478f1!important}
.executive-panel{background:linear-gradient(120deg,#edf7ff,#fff)!important;border-color:#d7e9ff!important}.executive-avatar{background:linear-gradient(150deg,#c9e3ff,#f6faff)!important}
/* Make six specialists visually distinct and scan-friendly. */
.team-grid-panel{display:block!important}.team-grid-panel .section-heading{margin-bottom:14px}.team-grid-panel .team-row{border:1px solid #e4ebf9!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#f7faff)!important;vertical-align:top!important;box-shadow:0 3px 12px #4378c10a;padding:15px 10px!important}.team-symbol{border-radius:16px!important;transform:translateZ(0)}.team-symbol.blue{background:#e0f0ff!important;color:#1682f7!important}.team-symbol.violet{background:#f0e5ff!important;color:#9454db!important}.team-symbol.coral{background:#ffe9e7!important;color:#ed7c7b!important}.team-symbol.pink{background:#ffe7f3!important;color:#e656aa!important}.team-symbol.amber{background:#fff2d0!important;color:#d9a326!important}.team-symbol.green{background:#dbf7ed!important;color:#15a77f!important}
.menu-title h1,.intro h1{color:#0d2754!important}.menu-list .menu-entry,.settings-row{border-color:#e5edf9!important}.menu-ico{background:#eaf4ff!important;color:#1977e9!important}.menu-entry{color:#213e68!important}.menu-entry:hover{background:#f5f9ff!important}
.chat-wrap{background:#fff!important;border:1px solid #e0eaf8!important;border-radius:21px!important;padding:16px!important}.chat-bubble.assistant-bubble{background:#edf4ff!important;color:#2a4a7b!important}.chat-bubble.user-bubble{background:#1b7bfa!important;color:white!important}.chat-banner{background:#eff6ff!important;color:#47628e!important}.chat-composer input{border-color:#d4e5fc!important}
input:not([type="checkbox"]):not([type="file"]),textarea,select{border:1px solid #dce7f7!important;border-radius:13px!important}
.notice{background:#ecf8f1!important}.footer{color:#97a7bb!important}
/* Desktop / tablet */
@media(min-width:741px){.workspace{padding:22px 27px 105px!important}.hero-home{min-height:340px!important}.hero-home .jarvis-scene{height:98%!important;width:47%!important}.hero-home h1{font-size:clamp(35px,4vw,54px)!important}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.team-grid-panel .team-row{display:inline-flex!important;width:calc(50% - 8px)!important;margin:0 6px 11px 0!important}.nav.active{border-radius:14px}.top{margin:0 0 17px}}
/* iPhone widths */
@media(max-width:740px){.workspace{padding:0 13px 100px!important}.top{margin:0 -13px 9px!important;padding:13px 16px!important;border-radius:0!important;border-left:0!important;border-right:0!important}.hero-home{min-height:285px!important}.hero-home .hero-copy{max-width:58%!important}.hero-home .jarvis-scene{height:87%!important;width:48%!important}.hero-home h1{font-size:clamp(22px,6vw,30px)!important}.hero-home p{font-size:12px!important}.kpis{gap:10px!important}.kpi{padding:14px!important;min-height:124px!important}.kpi .value{font-size:32px!important}.kpi .k-label{font-size:12px!important}.card{border-radius:17px!important}.team-grid-panel .team-row{display:inline-flex!important;width:calc(50% - 6px)!important;margin:0 4px 9px 0!important;min-height:110px!important;flex-direction:column!important;gap:7px!important;align-items:center!important;text-align:center!important;padding:10px 7px!important}.team-grid-panel .team-row .team-copy{align-items:center!important}.team-grid-panel .team-row .team-copy small{font-size:10px!important;line-height:1.35!important}.team-grid-panel .team-row .chev-right{display:none!important}.team-grid-panel .team-symbol{height:45px!important;width:45px!important}.mobilebar button.active{background:#eaf4ff!important;border-radius:15px!important}}
@media(max-width:370px){.hero-home .hero-copy{max-width:62%!important}.hero-home .jarvis-scene{width:46%!important}.kpi .k-label{font-size:11px!important}}

/* V7: media import controls */
.media-import-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.media-import-actions button{min-height:42px}.media-card .tinybtn{margin-right:6px}