/* MMCS_REFERENCE_UI_V5 — packaged visual layer */
:root{
  color-scheme:dark;
  --bg:#020b18;--panel:#03233f;--panel2:#041a30;
  --cyan:#20e7ff;--cyan2:#0fa9ff;--blue:#2f7fff;
  --green:#27f1ba;--purple:#936dff;--yellow:#e7e84d;--red:#ff6d82;
  --line:rgba(22,206,255,.58);--line2:rgba(17,164,236,.28);
  --text:#eaf8ff;--soft:#a8cfe3;--muted:#5e8fa9;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%}
body{overflow:hidden;color:var(--text);background:#010914;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
button,textarea{font:inherit}button{color:inherit}
.space-bg{position:fixed;inset:0;z-index:-5;background:
radial-gradient(ellipse at 55% -9%,rgba(0,133,255,.35),transparent 33%),
radial-gradient(circle at 80% 8%,rgba(0,196,255,.07),transparent 20%),
linear-gradient(180deg,#02152a,#010b18 47%,#010814)}
.space-bg:before{content:"";position:absolute;inset:0;opacity:.34;background-image:radial-gradient(circle,rgba(100,220,255,.75).6px,transparent .9px);background-size:45px 45px}
.space-bg:after{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,rgba(17,116,181,.035) 1px,transparent 1px),
linear-gradient(rgba(17,116,181,.028) 1px,transparent 1px);background-size:74px 74px}
.scan-layer{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background:repeating-linear-gradient(180deg,transparent,transparent 3px,rgba(80,220,255,.2) 4px)}
.app-layout{display:grid;grid-template-columns:184px minmax(0,1fr);width:100vw;height:100vh}

/* sidebar */
.sidebar{position:relative;z-index:5;display:flex;flex-direction:column;min-height:100vh;border-right:1px solid rgba(21,198,255,.48);background:linear-gradient(180deg,rgba(2,20,39,.99),rgba(1,11,24,.995));box-shadow:10px 0 45px rgba(0,0,0,.24)}
.logo-panel{height:76px;display:flex;align-items:center;gap:10px;padding:0 13px;border-bottom:1px solid rgba(0,192,255,.37);background:linear-gradient(90deg,rgba(0,92,156,.22),transparent)}
.logo-orbit{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 30deg,#19eaff,#106de9,#0acbff,#19eaff);box-shadow:0 0 10px rgba(17,221,255,.72),0 0 28px rgba(17,143,255,.32)}
.logo-core{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#03244a;color:white;font-weight:900}
.logo-copy strong,.logo-copy span{display:block}.logo-copy strong{font-size:16px}.logo-copy span{margin-top:3px;color:#bfe0f1;font-size:9px}
.main-nav{display:grid;gap:5px;padding:20px 10px 0}
.nav-entry{position:relative;height:53px;display:flex;align-items:center;gap:15px;padding:0 20px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c1dbea;font-size:13px;font-weight:600}
.nav-entry.active{color:#83efff;border-color:#17dfff;background:linear-gradient(90deg,rgba(10,129,206,.35),rgba(3,60,101,.22));box-shadow:inset 3px 0 0 #58f2ff,0 0 18px rgba(0,196,255,.16)}
.nav-entry.active:before{content:"";position:absolute;left:-6px;width:3px;height:29px;background:#29e8ff;box-shadow:0 0 15px #14dfff}
.nav-symbol{width:18px;color:#52e7ff;text-align:center;font-size:15px}
.sidebar-decoration{position:relative;flex:1;min-height:180px;overflow:hidden}
.sidebar-decoration:before{content:"";position:absolute;left:0;right:0;bottom:45px;height:170px;background:linear-gradient(90deg,transparent,rgba(15,154,234,.14),transparent);clip-path:polygon(0 80%,50% 10%,100% 80%,50% 100%)}
.sidebar-decoration:after{content:"";position:absolute;left:15px;right:15px;bottom:44px;height:145px;background:
linear-gradient(90deg,transparent 49.4%,rgba(0,211,255,.28) 50%,transparent 50.6%),
linear-gradient(0deg,transparent 49.4%,rgba(0,211,255,.13) 50%,transparent 50.6%);transform:perspective(200px) rotateX(62deg);opacity:.55}
.cube{position:absolute;width:21px;height:21px;border:1px solid rgba(28,212,255,.72);background:linear-gradient(145deg,rgba(20,145,255,.55),rgba(0,42,87,.2));box-shadow:0 0 18px rgba(0,184,255,.27);transform:rotate(30deg) skew(-10deg)}
.c1{left:28px;bottom:104px}.c2{left:49px;bottom:78px}.c3{left:72px;bottom:110px}.c4{left:93px;bottom:83px}.c5{left:67px;bottom:55px}
.agent-slogan{position:absolute;bottom:15px;width:100%;text-align:center;color:#5ab6e4;font-size:8px;letter-spacing:.25em}.agent-slogan strong,.agent-slogan span{display:block;margin-top:4px}
.system-mini{margin:0 10px 8px;padding:8px;border-top:1px solid rgba(23,163,224,.18)}
.system-mini-row{display:grid;grid-template-columns:9px 1fr auto;gap:6px;align-items:center;padding:4px 0;color:#719bb0;font-size:7px}.system-mini-row i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.system-mini-row b{color:#5b8299;font-size:6px}
.version-panel{height:69px;display:flex;align-items:center;gap:9px;margin:0 10px 12px;padding:9px;border:1px solid rgba(15,180,255,.32);border-radius:7px;background:rgba(4,40,69,.65)}
.mini-logo{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#5deaff;background:rgba(0,127,221,.27);box-shadow:0 0 14px rgba(0,182,255,.22)}
.version-panel strong,.version-panel span,.version-panel small{display:block}.version-panel strong{font-size:9px}.version-panel span{margin-top:3px;color:#75aaca;font-size:6px}.version-panel small{margin-top:7px;color:#3f7da4;font-size:6px}

/* main/header */
.main-area{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}
.hero-header{position:relative;z-index:2;height:76px;flex:0 0 76px;display:flex;align-items:center;padding:0 27px;border-bottom:1px solid rgba(9,169,255,.31);background:linear-gradient(180deg,rgba(3,36,70,.9),rgba(2,21,42,.84));overflow:hidden}
.hero-header:after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#13dfff,transparent);box-shadow:0 0 18px #11bdf4}
.earth-wrap{position:absolute;width:650px;height:300px;left:53%;top:-221px;transform:translateX(-50%);pointer-events:none}
.earth{width:650px;height:300px;border-radius:50% 50% 44% 44%;border-bottom:2px solid rgba(62,222,255,.83);background:radial-gradient(circle at 50% 125%,rgba(47,216,255,1),rgba(0,127,239,.94) 22%,rgba(4,66,147,.96) 47%,rgba(2,25,64,.98) 72%);box-shadow:0 20px 60px rgba(0,164,255,.32),0 4px 18px rgba(34,218,255,.50)}
.earth:before{content:"";position:absolute;inset:70px 96px 0;opacity:.38;background:repeating-linear-gradient(19deg,transparent 0 11px,rgba(92,225,255,.38) 12px,transparent 13px),repeating-linear-gradient(-17deg,transparent 0 20px,rgba(46,128,255,.20) 21px,transparent 22px)}
.earth-glow{position:absolute;left:40px;right:40px;bottom:-10px;height:55px;background:radial-gradient(ellipse,rgba(11,178,255,.35),transparent 70%)}
.brand-line{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:50%;background:conic-gradient(#28edff,#197bf4,#22d9ff);box-shadow:0 0 18px rgba(16,211,255,.45)}.brand-mark:after{content:"";display:block;width:22px;height:22px;margin:8px;border-radius:50%;background:#04244a}
.brand-line strong,.brand-line span{display:block}.brand-line strong{font-size:18px}.brand-line span{margin-top:2px;color:#bfe2f7;font-size:10px}
.slogan{position:absolute;left:280px;color:#9ed9ff;font-size:14px;letter-spacing:.14em;font-style:italic;text-shadow:0 0 13px rgba(57,195,255,.22)}
.header-status{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:7px}.edition-badge,.connection-badge{padding:7px 9px;border:1px solid rgba(35,209,255,.45);border-radius:5px;background:rgba(3,51,83,.52);color:#9eeaff;white-space:nowrap}.connection-badge.online{color:#46efbf}.connection-badge.error{color:#ff7388}
.header-time{color:#78a5c4}.system-live{display:flex;align-items:center;gap:6px;color:#a8e9dd}.system-live i,.live-analysis i,.all-normal i{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 11px var(--green)}
.company-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#478cff,#15c9ff);color:white;font-weight:800}.company-name strong,.company-name small{display:block}.company-name strong{font-size:8px}.company-name small{color:#6d9ab7;font-size:6px}

/* KPI */
.kpi-row{height:102px;flex:0 0 102px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:13px 18px 10px}
.kpi-card{position:relative;display:grid;grid-template-columns:46px 1fr 58px;align-items:center;min-width:0;padding:10px 12px;border:1px solid rgba(15,200,255,.62);border-radius:8px;background:linear-gradient(145deg,rgba(5,57,98,.94),rgba(3,27,52,.96));box-shadow:inset 0 0 22px rgba(0,141,255,.07),0 0 13px rgba(0,125,206,.09)}
.kpi-card:before,.right-card:before{content:"";position:absolute;left:-1px;top:-1px;width:19px;height:9px;border-left:2px solid #31e6ff;border-top:2px solid #31e6ff;pointer-events:none}.kpi-card:after,.right-card:after{content:"";position:absolute;right:-1px;bottom:-1px;width:19px;height:9px;border-right:1px solid rgba(49,230,255,.64);border-bottom:1px solid rgba(49,230,255,.64);pointer-events:none}
.kpi-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(35,220,255,.52);background:linear-gradient(145deg,rgba(24,170,255,.42),rgba(16,73,151,.42));color:#7bedff;font-size:15px;box-shadow:inset 0 0 14px rgba(0,186,255,.34),0 0 17px rgba(0,193,255,.20)}
.kpi-card span{color:#b5d2e4;font-size:9px}.kpi-card strong{display:block;margin-top:2px;font-size:22px;line-height:1}.trend{color:#39d7ff;font-size:13px;text-align:center}.trend b{display:block;margin-top:5px;color:var(--green);font-size:8px}.trend.negative b{color:var(--red)}
.bars{height:39px;display:flex;align-items:end;gap:3px}.bars i{width:4px;background:linear-gradient(180deg,#58f2ff,#0877ff);box-shadow:0 0 7px rgba(0,196,255,.45)}.bars i:nth-child(1){height:15px}.bars i:nth-child(2){height:23px}.bars i:nth-child(3){height:31px}.bars i:nth-child(4){height:21px}.bars i:nth-child(5){height:37px}

/* content/chat */
.content-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 402px;gap:10px;padding:0 17px}
.conversation-panel{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid rgba(18,204,255,.77);border-radius:8px;background:linear-gradient(180deg,rgba(2,29,53,.95),rgba(2,20,39,.96));box-shadow:inset 0 0 34px rgba(0,105,177,.045),0 0 20px rgba(0,124,211,.12)}
.conversation-panel:before,.conversation-panel:after{content:"";position:absolute;width:26px;height:26px;pointer-events:none}.conversation-panel:before{left:-2px;top:-2px;border-left:3px solid #21e5ff;border-top:3px solid #21e5ff;box-shadow:-3px -3px 13px rgba(20,218,255,.42)}.conversation-panel:after{right:-2px;bottom:-2px;border-right:3px solid #21e5ff;border-bottom:3px solid #21e5ff}
.conversation-head{height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid rgba(16,181,245,.40);background:linear-gradient(90deg,rgba(0,106,171,.16),transparent)}
.conversation-title{display:flex;align-items:center;gap:9px}.hex-icon{color:#43eaff;text-shadow:0 0 9px #0fdcff}.conversation-title strong{font-size:14px}.divider{width:1px;height:17px;background:rgba(22,185,255,.49)}.conversation-title small{color:#6591a9;font-size:7px;letter-spacing:.05em}
.conversation-tools{display:flex;align-items:center;gap:11px;color:#82a8bd;font-size:7px}.conversation-tools button,.right-title button{padding:5px 9px;border:1px solid rgba(23,193,255,.52);border-radius:5px;background:rgba(4,63,103,.38);color:#b3e7fb;font-size:7px}
.messages{flex:1;min-height:0;overflow-y:auto;padding:22px 31px 146px;scroll-behavior:smooth}
.message-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.message-row.user{justify-content:flex-end}
.message-row.ai:before{content:"AI";flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;margin-top:7px;border:2px solid #4defff;border-radius:50%;background:radial-gradient(circle,#098fd8,#043761 66%);color:white;font-size:9px;font-weight:900;box-shadow:0 0 7px #43e9ff,0 0 22px rgba(0,168,255,.38)}
.message-row.user:after{content:"●";flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;margin-top:5px;border:2px solid #62efff;border-radius:50%;background:linear-gradient(145deg,#4e9cff,#087be4);color:white;font-size:16px;box-shadow:0 0 16px rgba(37,196,255,.32)}
.message{max-width:75%;padding:13px 16px;border:1px solid rgba(22,173,236,.42);border-radius:8px;background:linear-gradient(145deg,rgba(13,57,91,.78),rgba(7,36,64,.89));font-size:11px;line-height:1.78;white-space:normal!important}
.message-row.ai .message{border-left:1px solid rgba(44,214,255,.58);background:linear-gradient(145deg,rgba(13,61,96,.87),rgba(6,37,66,.93))}.message-row.user .message{border:1px solid rgba(26,176,255,.72);background:linear-gradient(145deg,rgba(14,105,169,.80),rgba(5,61,109,.88))}
.message-content{white-space:pre-wrap;color:#e6f7ff}.message-role{margin-bottom:7px;color:#4be5ff;font-size:8px;font-weight:700}.message-row.user .message-role{text-align:right;color:#b2deff}.message-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.meta-chip{padding:3px 7px;border:1px solid rgba(28,213,255,.58);border-radius:999px;color:#9beeff;background:rgba(0,91,145,.30);font-size:7px}
.message-attachments{display:grid;gap:5px;margin-top:9px}.mini-attachment{padding:6px 8px;border:1px solid rgba(18,186,255,.23);border-radius:5px;background:rgba(2,17,32,.45);color:#a5c9da;font-size:7px}

/* thinking/attachments */
.thinking{position:absolute;left:20px;bottom:117px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(25,218,255,.34);border-radius:7px;background:rgba(2,31,53,.97);z-index:5}.thinking.hidden{display:none}.ai-spinner{width:17px;height:17px;border:2px solid rgba(30,215,255,.2);border-top-color:#23e2ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.thinking strong,.thinking span{display:block}.thinking strong{font-size:8px}.thinking span{margin-top:2px;color:#578397;font-size:5px}
.attachment-tray{position:absolute;left:16px;right:16px;bottom:101px;display:flex;flex-wrap:wrap;gap:6px;z-index:8}.attachment-tray.hidden{display:none}.attachment-card{width:190px;padding:7px;border:1px solid rgba(25,208,255,.39);border-radius:6px;background:rgba(3,32,53,.97)}.attachment-head{display:flex;justify-content:space-between}.attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bbdeed;font-size:7px}.remove-attachment{border:0;background:transparent;color:#8fb1c1}.upload-track{height:2px;margin-top:5px;background:rgba(255,255,255,.07)}.upload-fill{height:100%;background:#14e1ff}.attachment-status{margin-top:4px;color:#718f9f;font-size:6px}.attachment-status.ready{color:var(--green)}.attachment-status.error{color:var(--red)}

/* composer */
.composer{position:absolute;left:12px;right:12px;bottom:11px;padding:7px;border:1px solid rgba(22,205,255,.67);border-radius:7px;background:linear-gradient(180deg,rgba(4,42,70,.99),rgba(2,26,48,.99));box-shadow:0 0 20px rgba(0,125,206,.09)}
.composer-toolbar{height:31px;display:flex;align-items:center;gap:14px}.composer-toolbar>button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#bddcea;font-size:8px}.composer-toolbar .future-btn{opacity:.75}.composer-toolbar .new-chat{margin-left:auto;padding:4px 8px;border:1px solid rgba(14,187,255,.42);border-radius:4px;color:#4bdfff;background:rgba(0,97,151,.25)}
.composer-main{display:grid;grid-template-columns:1fr 89px;gap:8px;align-items:center}.composer textarea{width:100%;height:43px;resize:none;border:1px solid rgba(21,170,237,.43);outline:none;border-radius:5px;padding:10px 11px;color:white;background:rgba(3,34,60,.77);font-size:10px;line-height:18px}.composer textarea::placeholder{color:#4e86a4}.send-button{height:43px;border:1px solid #2ce8ff;border-radius:5px;background:linear-gradient(135deg,#35e4ff,#168ee9);color:#03152a;font-weight:800;font-size:11px;box-shadow:0 0 20px rgba(20,209,255,.37)}.send-button span{margin-right:5px}

/* right */
.right-column{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(430px,1.75fr) minmax(245px,.95fr) minmax(145px,.55fr);gap:8px}
.right-card{position:relative;min-height:0;border:1px solid rgba(14,207,255,.66);border-radius:8px;background:linear-gradient(145deg,rgba(3,37,65,.96),rgba(2,23,43,.96));box-shadow:inset 0 0 24px rgba(0,123,208,.05),0 0 14px rgba(0,105,190,.08);overflow:hidden}
.intelligence-card,.routing-card,.status-card{padding:9px}
.right-title{height:32px;display:flex;align-items:center;justify-content:space-between}.right-title>div{display:flex;align-items:center;gap:7px}.right-title strong{font-size:12px}
.four-dot{display:grid;grid-template-columns:5px 5px;gap:2px}.four-dot i{width:5px;height:5px;display:block;border-radius:50%;background:#32e8ff;box-shadow:0 0 7px #1ddaff}.live-analysis,.all-normal{display:flex;align-items:center;gap:5px;color:var(--green);font-size:7px}
.current-product-box,.last-product-box{margin-top:6px;padding:9px;border:1px solid rgba(19,200,255,.48);border-radius:6px;background:linear-gradient(90deg,rgba(11,87,134,.4),rgba(4,44,76,.36))}.current-product-box>small,.last-product-box>small{display:block;margin-bottom:6px;color:#6093ae;font-size:6px}.product-main{display:grid;grid-template-columns:37px 1fr auto;gap:8px;align-items:center}.product-icon{height:37px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#43e4ff,#2b92f6);color:white;box-shadow:0 0 14px rgba(30,209,255,.25)}.product-icon.geo{font-size:7px;background:linear-gradient(135deg,#6668ff,#3f97ff)}.product-main strong,.product-main span{display:block}.product-main strong{font-size:11px}.product-main span{margin-top:4px;color:#6f9cb6;font-size:6px}.product-main b{color:#51dcff;font-size:20px;font-weight:300}
.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.analysis-tile{min-height:53px;display:grid;grid-template-columns:35px 1fr;gap:5px;align-items:center;padding:5px;border:1px solid rgba(20,168,235,.34);border-radius:6px;background:linear-gradient(145deg,rgba(7,59,96,.68),rgba(4,41,70,.67))}.tile-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;font-size:9px}.tile-icon.green{color:#22f0bf;background:rgba(0,180,137,.18)}.tile-icon.purple{color:#c095ff;background:rgba(144,89,255,.17)}.tile-icon.blue{color:#71c7ff;background:rgba(54,119,255,.17)}.tile-icon.cyan{color:#4ce5ff;background:rgba(0,190,255,.15)}.tile-icon.yellow{color:#e8eb4a;background:rgba(198,184,0,.15)}
.analysis-tile span,.analysis-tile small,.analysis-tile strong{display:block}.analysis-tile span{color:#85b4cd;font-size:7px}.analysis-tile small{margin-top:2px;color:#648ba0;font-size:6px}.analysis-tile strong{margin-top:2px;color:#29f1be;font-size:8px}.green-text{color:#22edb4!important}
.owner-section{display:none;margin-top:7px;padding:7px;border:1px solid rgba(22,181,255,.25);border-radius:6px}.owner-section.visible{display:flex;align-items:center;gap:6px}.owner-section>div{margin-right:auto;color:var(--green);font-size:7px}.owner-section button{padding:4px 7px;border:1px solid rgba(24,200,255,.3);border-radius:4px;background:rgba(4,70,108,.45);font-size:6px}

/* routing/status */
.route-icon,.status-cog{color:#36eaff;text-shadow:0 0 9px rgba(28,215,255,.6)}.routing-content{height:calc(100% - 31px);display:grid;grid-template-columns:90px 1fr 118px;align-items:center;gap:7px}.routing-left{display:grid;grid-template-columns:1fr auto;gap:8px 5px;align-items:center}.routing-left span{color:#70a3be;font-size:6px}.routing-left strong{color:#78d9ff;font-size:6px}
.route-core{position:relative;width:108px;height:108px;margin:auto}.core-ring{position:absolute;border-radius:50%}.core-ring.r1{inset:0;border:1px solid rgba(20,215,255,.4);box-shadow:0 0 24px rgba(0,180,255,.27)}.core-ring.r2{inset:12px;border:1px dashed rgba(36,127,255,.5);animation:ringSpin 13s linear infinite}@keyframes ringSpin{to{transform:rotate(360deg)}}.core-center{position:absolute;inset:28px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,#064f8f,#042a52);border:1px solid #2aeaff;box-shadow:0 0 9px rgba(0,218,255,.8),0 0 27px rgba(0,160,255,.32)}.core-center strong,.core-center span{display:block;text-align:center}.core-center strong{font-size:7px}.core-center span{margin-top:2px;color:#62dfff;font-size:6px}
.routing-products{display:grid;gap:4px}.route-product{display:flex;justify-content:space-between;align-items:center;min-height:23px;padding:4px 6px;border:1px solid rgba(18,174,239,.34);border-radius:5px;color:#92bad0;background:rgba(5,48,78,.45);font-size:6px}.route-product.active{color:#ccf8ff;border-color:#24ecff;box-shadow:inset 0 0 12px rgba(22,203,255,.15),0 0 10px rgba(0,184,255,.18)}.route-product strong{color:#57eaff}
.status-services{height:calc(100% - 31px);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:center}.service-status{display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:6px}.service-ring{grid-row:1/3;width:37px;height:37px;border:3px solid rgba(25,236,182,.78);border-radius:50%;box-shadow:0 0 8px rgba(16,235,177,.8),0 0 22px rgba(16,235,177,.25),inset 0 0 8px rgba(16,235,177,.26)}.service-status span{color:#d8eff8;font-size:8px}.service-status strong{color:#21eeb6;font-size:9px}

/* footer */
.dashboard-footer{height:31px;flex:0 0 31px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;margin-top:6px;border-top:1px solid rgba(22,177,241,.46);color:#5598c0;font-size:6px;letter-spacing:.12em}.dashboard-footer i{margin:0 7px;color:#137db6}.dashboard-footer>div:nth-child(2){text-align:center;color:#3b75a3}.dashboard-footer span{display:block;margin-top:2px;font-size:5px}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(24,181,241,.25)}

@media(max-width:1180px){body{overflow:auto}.app-layout{grid-template-columns:150px minmax(0,1fr)}.content-grid{grid-template-columns:minmax(0,1fr) 320px}.slogan{display:none}}
@media(max-width:900px){.app-layout{display:block}.sidebar{display:none}.main-area{min-height:100vh}.hero-header{height:58px;flex-basis:58px}.earth-wrap{display:none}.kpi-row{height:auto;flex-basis:auto;grid-template-columns:repeat(2,1fr)}.content-grid{display:block}.conversation-panel{min-height:720px}.right-column{display:flex;margin-top:9px}.right-card{min-height:auto}.dashboard-footer{display:none}}
@media(max-width:520px){.header-status{display:none}.kpi-row{grid-template-columns:1fr 1fr;padding:7px}.content-grid{padding:0 7px}.messages{padding:12px 10px 142px}.message{max-width:91%}.composer-toolbar{gap:6px}.composer-toolbar .future-btn{display:none}}

/* MMCS_REFERENCE_UI_V6_2_START
   No new public asset routes: all SVG visuals are embedded as data URIs.
*/
:root{--v62cyan:#35e9ff;--v62blue:#169cff;--v62deep:#010d20}

.hero-header{
  height:82px!important;flex-basis:82px!important;
  background:linear-gradient(180deg,rgba(4,31,63,.78),rgba(1,16,35,.90))!important
}
.earth-wrap{
  width:760px!important;height:240px!important;left:56%!important;top:-108px!important;
  background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201200%20360%22%3E%20%3Cdefs%3E%20%3CradialGradient%20id=%22g%22%20cx=%2250%25%22%20cy=%2272%25%22%20r=%2270%25%22%3E%20%3Cstop%20offset=%220%25%22%20stop-color=%22%2341e8ff%22/%3E%3Cstop%20offset=%2228%25%22%20stop-color=%22%230d9cff%22/%3E%20%3Cstop%20offset=%2255%25%22%20stop-color=%22%230756bb%22/%3E%3Cstop%20offset=%2278%25%22%20stop-color=%22%23042b6a%22/%3E%20%3Cstop%20offset=%22100%25%22%20stop-color=%22%23020f2e%22/%3E%20%3C/radialGradient%3E%20%3Cpattern%20id=%22grid%22%20width=%2238%22%20height=%2238%22%20patternUnits=%22userSpaceOnUse%22%3E%20%3Cpath%20d=%22M38%200L0%200%200%2038%22%20fill=%22none%22%20stroke=%22%237feeff%22%20stroke-opacity=%22.13%22%20stroke-width=%221%22/%3E%20%3C/pattern%3E%20%3C/defs%3E%20%3Cellipse%20cx=%22600%22%20cy=%2238%22%20rx=%22465%22%20ry=%22240%22%20fill=%22url(%23g)%22%20opacity=%22.96%22/%3E%20%3Cellipse%20cx=%22600%22%20cy=%2238%22%20rx=%22465%22%20ry=%22240%22%20fill=%22url(%23grid)%22%20opacity=%22.9%22/%3E%20%3Cg%20stroke=%22%2362e9ff%22%20stroke-opacity=%22.22%22%20fill=%22none%22%3E%20%3Cellipse%20cx=%22600%22%20cy=%2238%22%20rx=%22405%22%20ry=%22205%22/%3E%3Cellipse%20cx=%22600%22%20cy=%2238%22%20rx=%22330%22%20ry=%22165%22/%3E%20%3Cellipse%20cx=%22600%22%20cy=%2238%22%20rx=%22255%22%20ry=%22126%22/%3E%3Cpath%20d=%22M160%2038h880%22/%3E%20%3Cpath%20d=%22M205%20-28c190%20112%20600%20112%20790%200%22/%3E%3Cpath%20d=%22M205%20104c190-112%20600-112%20790%200%22/%3E%20%3C/g%3E%20%3Cellipse%20cx=%22600%22%20cy=%22122%22%20rx=%22390%22%20ry=%2276%22%20fill=%22none%22%20stroke=%22%2371eeff%22%20stroke-opacity=%22.7%22%20stroke-width=%222%22/%3E%20%3C/svg%3E") center top/100% 100% no-repeat!important;opacity:.95
}
.earth,.earth-glow{display:none!important}
.brand-mark{
  background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20100%22%3E%20%3Cdefs%3E%3ClinearGradient%20id=%22a%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%221%22%3E%20%3Cstop%20stop-color=%22%2334f0ff%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23187cff%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%236b58ff%22/%3E%20%3C/linearGradient%3E%3C/defs%3E%20%3Ccircle%20cx=%2250%22%20cy=%2250%22%20r=%2243%22%20fill=%22%23021b39%22%20stroke=%22%2319dfff%22%20stroke-width=%222%22/%3E%20%3Cpath%20d=%22M20%2048c16-30%2041-34%2064-17-18%200-29%2011-34%2022%2012%201%2022-2%2031-11-8%2027-37%2038-58%2020%2010-2%2018-7%2024-14-10-1-18%200-27%200z%22%20fill=%22url(%23a)%22/%3E%20%3Ccircle%20cx=%2250%22%20cy=%2250%22%20r=%228%22%20fill=%22%23bdf9ff%22/%3E%20%3C/svg%3E") center/cover no-repeat!important;width:44px!important;height:44px!important;
  box-shadow:0 0 18px rgba(22,220,255,.38)!important
}
.brand-mark:after{display:none!important}
.brand-line strong{font-size:19px!important}.brand-line span{font-size:10px!important}
.slogan{left:300px!important;font-size:14px!important;font-weight:500!important;letter-spacing:.12em!important;color:#b9e6ff!important}
.header-status{gap:9px!important}.company-avatar{width:36px!important;height:36px!important;font-size:12px!important}

.logo-orbit{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20100%22%3E%20%3Cdefs%3E%3ClinearGradient%20id=%22a%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%221%22%3E%20%3Cstop%20stop-color=%22%2334f0ff%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23187cff%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%236b58ff%22/%3E%20%3C/linearGradient%3E%3C/defs%3E%20%3Ccircle%20cx=%2250%22%20cy=%2250%22%20r=%2243%22%20fill=%22%23021b39%22%20stroke=%22%2319dfff%22%20stroke-width=%222%22/%3E%20%3Cpath%20d=%22M20%2048c16-30%2041-34%2064-17-18%200-29%2011-34%2022%2012%201%2022-2%2031-11-8%2027-37%2038-58%2020%2010-2%2018-7%2024-14-10-1-18%200-27%200z%22%20fill=%22url(%23a)%22/%3E%20%3Ccircle%20cx=%2250%22%20cy=%2250%22%20r=%228%22%20fill=%22%23bdf9ff%22/%3E%20%3C/svg%3E") center/cover no-repeat!important}
.logo-core{display:none!important}
.logo-copy strong{font-size:17px!important}.logo-copy span{font-size:9px!important}
.sidebar-decoration{
  background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20240%20180%22%3E%20%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%221%22%3E%20%3Cstop%20stop-color=%22%2310dfff%22%20stop-opacity=%22.7%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%230756d9%22%20stop-opacity=%22.15%22/%3E%20%3C/linearGradient%3E%3C/defs%3E%20%3Cg%20fill=%22none%22%20stroke=%22%2316dfff%22%20stroke-opacity=%22.55%22%3E%20%3Cpath%20d=%22M20%20145L120%2088l100%2057-100%2033z%22/%3E%3Cpath%20d=%22M55%20124l65-37%2065%2037-65%2037z%22/%3E%3Cpath%20d=%22M87%20107l33-19%2033%2019-33%2019z%22/%3E%20%3C/g%3E%20%3Cg%20fill=%22url(%23g)%22%20stroke=%22%2334e6ff%22%3E%20%3Crect%20x=%2248%22%20y=%22105%22%20width=%2228%22%20height=%2228%22%20transform=%22rotate(30%2062%20119)%22/%3E%20%3Crect%20x=%2284%22%20y=%2283%22%20width=%2233%22%20height=%2233%22%20transform=%22rotate(30%20100%2099)%22/%3E%20%3Crect%20x=%22124%22%20y=%22107%22%20width=%2230%22%20height=%2230%22%20transform=%22rotate(30%20139%20122)%22/%3E%20%3Crect%20x=%22148%22%20y=%2276%22%20width=%2225%22%20height=%2225%22%20transform=%22rotate(30%20160%2088)%22/%3E%20%3Crect%20x=%22103%22%20y=%2254%22%20width=%2224%22%20height=%2224%22%20transform=%22rotate(30%20115%2066)%22/%3E%20%3C/g%3E%3C/svg%3E") center bottom 48px/150px 120px no-repeat!important
}
.cube{display:none!important}
.agent-slogan{bottom:20px!important;color:#66c9f4!important;text-shadow:0 0 10px rgba(37,190,255,.2)!important}
.system-mini{margin-top:4px!important}

.kpi-row{height:108px!important;flex-basis:108px!important;padding-top:12px!important}
.kpi-card{
  min-height:82px!important;border-color:rgba(32,211,255,.72)!important;
  background:linear-gradient(135deg,rgba(6,63,108,.92),rgba(2,28,54,.96))!important
}
.kpi-card strong{font-size:24px!important}.kpi-card span{font-size:9px!important}
.kpi-icon{
  width:42px!important;height:42px!important;
  background:radial-gradient(circle at 35% 30%,rgba(74,235,255,.35),rgba(5,89,159,.38) 60%,rgba(3,40,84,.55))!important
}

.content-grid{grid-template-columns:minmax(0,1fr) 430px!important;gap:11px!important}
.conversation-panel{
  background:linear-gradient(180deg,rgba(2,31,57,.97),rgba(1,17,34,.985))!important
}
.conversation-head{height:56px!important;flex-basis:56px!important}
.messages{padding:18px 32px 152px!important}
.message-row.ai:before{
  content:""!important;width:46px!important;height:46px!important;
  background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2096%2096%22%3E%20%3Cdefs%3E%3CradialGradient%20id=%22b%22%20cx=%2250%25%22%20cy=%2240%25%22%20r=%2270%25%22%3E%20%3Cstop%20stop-color=%22%231bcfff%22/%3E%3Cstop%20offset=%22.55%22%20stop-color=%22%230877db%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23052a5b%22/%3E%20%3C/radialGradient%3E%3C/defs%3E%20%3Ccircle%20cx=%2248%22%20cy=%2248%22%20r=%2244%22%20fill=%22%23032143%22%20stroke=%22%234eeeff%22%20stroke-width=%223%22/%3E%20%3Ccircle%20cx=%2248%22%20cy=%2248%22%20r=%2235%22%20fill=%22url(%23b)%22%20opacity=%22.8%22/%3E%20%3Crect%20x=%2223%22%20y=%2230%22%20width=%2250%22%20height=%2236%22%20rx=%2214%22%20fill=%22%23051a35%22%20stroke=%22%23b4f7ff%22%20stroke-opacity=%22.75%22%20stroke-width=%222%22/%3E%20%3Ccircle%20cx=%2237%22%20cy=%2247%22%20r=%225%22%20fill=%22%2358f0ff%22/%3E%3Ccircle%20cx=%2259%22%20cy=%2247%22%20r=%225%22%20fill=%22%2358f0ff%22/%3E%20%3Cpath%20d=%22M37%2059c7%205%2015%205%2022%200%22%20stroke=%22%237df5ff%22%20stroke-width=%223%22%20fill=%22none%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M48%2022v-8%22%20stroke=%22%237df5ff%22%20stroke-width=%223%22/%3E%3Ccircle%20cx=%2248%22%20cy=%2211%22%20r=%224%22%20fill=%22%236af1ff%22/%3E%20%3C/svg%3E") center/cover no-repeat!important;border:0!important;
  box-shadow:0 0 18px rgba(31,220,255,.35)!important
}
.message-row.user:after{content:"●"!important;width:44px!important;height:44px!important}
.message{max-width:72%!important;font-size:11.5px!important;line-height:1.75!important}

.right-column{
  grid-template-rows:minmax(455px,1.8fr) minmax(255px,.95fr) minmax(150px,.55fr)!important
}
.right-card{
  background:linear-gradient(145deg,rgba(4,43,76,.97),rgba(1,21,41,.98))!important;
  border-color:rgba(27,214,255,.72)!important
}
.current-product-box,.last-product-box{
  background:linear-gradient(90deg,rgba(12,91,145,.48),rgba(3,45,78,.42))!important
}
.analysis-tile{
  background:linear-gradient(145deg,rgba(9,65,107,.76),rgba(4,42,73,.75))!important
}
.routing-content{grid-template-columns:95px 1fr 132px!important}
.route-core{width:116px!important;height:116px!important}.core-center{inset:30px!important}
.route-product{font-size:6.5px!important}
.service-ring{width:41px!important;height:41px!important}

.composer{
  padding:8px!important;background:linear-gradient(180deg,rgba(4,47,79,.99),rgba(1,24,46,.995))!important
}
.composer-main{grid-template-columns:1fr 100px!important}.send-button{font-size:12px!important}
.conversation-panel:before{width:34px!important;height:34px!important}
.conversation-panel:after{width:34px!important;height:34px!important}
.right-card:before{width:24px!important}.right-card:after{width:24px!important}
.dashboard-footer{height:34px!important;flex-basis:34px!important}

.v62-demo-seed{opacity:1;animation:v62fade .35s ease-out}
@keyframes v62fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.v62-demo-label{
  display:inline-flex;align-items:center;gap:6px;color:#42e5ff;font-size:8px;margin:0 0 12px 56px
}
.v62-demo-label:before{
  content:"";width:6px;height:6px;border-radius:50%;background:#2cf0bd;box-shadow:0 0 8px #2cf0bd
}
.message-row .message{position:relative}
.message-row.user .message:after{
  content:"已发送";position:absolute;right:4px;bottom:-15px;color:#4f94b7;font-size:6px
}
.message-row.ai .message:after{
  content:"坤瞳AI · 智能体处理完成";position:absolute;left:5px;bottom:-15px;color:#377c9e;font-size:6px
}

@media(max-width:1300px){
  .content-grid{grid-template-columns:minmax(0,1fr) 380px!important}
  .earth-wrap{width:620px!important;left:57%!important}
  .slogan{display:none!important}
}
/* MMCS_REFERENCE_UI_V6_2_END */

/* MMCS_FINAL_UI_V7_START */
:root{--v7c:#4cf0ff;--v7b:#1795ff;--v7g:#31efba}
.hero-header{height:84px!important;flex-basis:84px!important;border-bottom-color:rgba(47,226,255,.58)!important}
.earth-wrap{width:820px!important;height:250px!important;left:57%!important;top:-108px!important;background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201200%20360%22%3E%20%3Cdefs%3E%20%3CradialGradient%20id=%22g%22%20cx=%2250%25%22%20cy=%2258%25%22%20r=%2262%25%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%234ef0ff%22/%3E%3Cstop%20offset=%22.25%22%20stop-color=%22%230d9eff%22/%3E%20%3Cstop%20offset=%22.52%22%20stop-color=%22%230757bd%22/%3E%3Cstop%20offset=%22.8%22%20stop-color=%22%2303275f%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%2301142f%22/%3E%20%3C/radialGradient%3E%20%3Cpattern%20id=%22p%22%20width=%2232%22%20height=%2232%22%20patternUnits=%22userSpaceOnUse%22%3E%20%3Cpath%20d=%22M32%200H0V32%22%20fill=%22none%22%20stroke=%22%239df6ff%22%20stroke-opacity=%22.12%22%20stroke-width=%221%22/%3E%20%3C/pattern%3E%20%3C/defs%3E%20%3Cellipse%20cx=%22600%22%20cy=%2230%22%20rx=%22470%22%20ry=%22235%22%20fill=%22url(%23g)%22/%3E%20%3Cellipse%20cx=%22600%22%20cy=%2230%22%20rx=%22470%22%20ry=%22235%22%20fill=%22url(%23p)%22/%3E%20%3Cg%20fill=%22%2361eaff%22%20fill-opacity=%22.18%22%20stroke=%22%239bf6ff%22%20stroke-opacity=%22.25%22%3E%20%3Cpath%20d=%22M390%2025c70-53%20143-41%20190%205-28%2020-50%2047-83%2062-54-2-111-18-135-42%204-9%2013-17%2028-25z%22/%3E%20%3Cpath%20d=%22M610-5c61-25%20136%204%20170%2052-20%2042-55%2072-105%2084-43-24-73-64-69-102z%22/%3E%20%3Cpath%20d=%22M792%2013c76-22%20150%203%20181%2051-1%2039-30%2071-81%2087-57-10-96-50-111-93%200-19%203-33%2011-45z%22/%3E%20%3C/g%3E%20%3Cg%20fill=%22none%22%20stroke=%22%2375efff%22%20stroke-opacity=%22.18%22%3E%20%3Cellipse%20cx=%22600%22%20cy=%2230%22%20rx=%22395%22%20ry=%22196%22/%3E%3Cellipse%20cx=%22600%22%20cy=%2230%22%20rx=%22315%22%20ry=%22156%22/%3E%3Cellipse%20cx=%22600%22%20cy=%2230%22%20rx=%22235%22%20ry=%22116%22/%3E%20%3Cpath%20d=%22M170%2030h860%22/%3E%3Cpath%20d=%22M235-28c180%20105%20550%20105%20730%200%22/%3E%3Cpath%20d=%22M235%2088c180-105%20550-105%20730%200%22/%3E%20%3C/g%3E%20%3Cellipse%20cx=%22600%22%20cy=%22105%22%20rx=%22395%22%20ry=%2272%22%20fill=%22none%22%20stroke=%22%237df3ff%22%20stroke-opacity=%22.78%22%20stroke-width=%222%22/%3E%20%3C/svg%3E") center top/100% 100% no-repeat!important;filter:drop-shadow(0 15px 26px rgba(0,150,255,.25))}
.earth,.earth-glow{display:none!important}
.slogan{font-size:15px!important;color:#c9eeff!important;text-shadow:0 0 12px rgba(56,198,255,.25)!important}
.sidebar-decoration{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20220%20180%22%3E%20%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%221%22%3E%3Cstop%20stop-color=%22%232ceaff%22%20stop-opacity=%22.75%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%230756d9%22%20stop-opacity=%22.08%22/%3E%3C/linearGradient%3E%3C/defs%3E%20%3Cg%20fill=%22none%22%20stroke=%22%2318dfff%22%20stroke-opacity=%22.5%22%3E%20%3Cpath%20d=%22M18%20150l92-54%2092%2054-92%2027z%22/%3E%3Cpath%20d=%22M45%20137l65-38%2065%2038-65%2023z%22/%3E%20%3C/g%3E%20%3Cg%20fill=%22url(%23g)%22%20stroke=%22%2348ecff%22%3E%20%3Cpath%20d=%22M50%20121l20-12%2020%2012-20%2012z%22/%3E%3Cpath%20d=%22M82%2098l25-15%2025%2015-25%2015z%22/%3E%20%3Cpath%20d=%22M119%20121l22-13%2022%2013-22%2013z%22/%3E%3Cpath%20d=%22M143%2094l20-12%2020%2012-20%2012z%22/%3E%20%3Cpath%20d=%22M95%2071l18-11%2018%2011-18%2011z%22/%3E%20%3C/g%3E%20%3Cg%20stroke=%22%234cecff%22%20stroke-opacity=%22.3%22%3E%3Cpath%20d=%22M110%2034v58%22/%3E%3Cpath%20d=%22M75%2051l35%2041%22/%3E%3Cpath%20d=%22M145%2051l-35%2041%22/%3E%3C/g%3E%20%3Ccircle%20cx=%22110%22%20cy=%2231%22%20r=%224%22%20fill=%22%2380f8ff%22/%3E%20%3C/svg%3E") center bottom 52px/170px 140px no-repeat!important}
.cube{display:none!important}
.agent-slogan{bottom:22px!important}
.kpi-row{height:112px!important;flex-basis:112px!important}
.kpi-card{min-height:86px!important;border-color:rgba(43,222,255,.76)!important;background:linear-gradient(135deg,rgba(7,69,116,.95),rgba(2,28,55,.97))!important;box-shadow:inset 0 0 24px rgba(0,155,255,.1),0 0 14px rgba(0,110,190,.1)!important}
.kpi-card strong{font-size:25px!important}
.kpi-icon{box-shadow:inset 0 0 16px rgba(0,195,255,.38),0 0 18px rgba(0,190,255,.22)!important}
.content-grid{grid-template-columns:minmax(0,1fr) 440px!important;gap:12px!important}
.conversation-panel,.right-card{border-color:rgba(40,218,255,.76)!important;box-shadow:inset 0 0 30px rgba(0,116,199,.055),0 0 18px rgba(0,98,174,.1)!important}
.conversation-panel{background:radial-gradient(circle at 35% 20%,rgba(4,105,174,.045),transparent 34%),linear-gradient(180deg,rgba(2,31,57,.98),rgba(1,16,33,.99))!important}
.conversation-head{height:56px!important;flex-basis:56px!important;border-bottom-color:rgba(34,193,245,.42)!important}
.messages{padding:22px 34px 158px!important}
.message{font-size:12px!important;line-height:1.8!important}
.message-row.ai .message{background:linear-gradient(145deg,rgba(13,65,102,.91),rgba(5,35,64,.95))!important}
.message-row.user .message{background:linear-gradient(145deg,rgba(17,119,190,.86),rgba(7,67,119,.92))!important}
.composer{bottom:12px!important;padding:9px!important;border-color:rgba(39,217,255,.72)!important;background:linear-gradient(180deg,rgba(5,49,84,.995),rgba(1,24,46,.998))!important}
.send-button{background:linear-gradient(135deg,#42eaff,#158cf0)!important;box-shadow:0 0 22px rgba(32,214,255,.4)!important}
.right-column{grid-template-rows:minmax(468px,1.82fr) minmax(270px,.98fr) minmax(158px,.56fr)!important}
.right-card{background:linear-gradient(145deg,rgba(4,45,79,.975),rgba(1,21,41,.985))!important}
.current-product-box,.last-product-box{background:linear-gradient(90deg,rgba(12,95,151,.52),rgba(3,44,76,.46))!important}
.analysis-tile{min-height:56px!important;background:linear-gradient(145deg,rgba(9,68,112,.8),rgba(3,40,70,.78))!important}
.route-core{width:126px!important;height:126px!important}
.core-center{inset:33px!important;box-shadow:0 0 10px rgba(0,225,255,.88),0 0 34px rgba(0,157,255,.38)!important}
.route-product{min-height:25px!important}
.service-ring{width:43px!important;height:43px!important}
.main-area:before{content:"";position:absolute;inset:84px 0 0;pointer-events:none;z-index:0;background:linear-gradient(90deg,transparent 49.8%,rgba(42,151,218,.025) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(42,151,218,.02) 50%,transparent 50.2%);background-size:180px 180px}
@media(max-width:1300px){.content-grid{grid-template-columns:minmax(0,1fr) 390px!important}.earth-wrap{width:680px!important;left:58%!important}}
/* MMCS_FINAL_UI_V7_END */