.market-summary{color:var(--muted);align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.market-summary strong{color:#24443e;margin-left:18px;font-size:26px}.market-summary strong:first-child{margin-left:0}.opportunity-panel{max-height:760px;overflow:auto}.opportunity{border-top:1px solid var(--line);padding:18px 0;position:relative}.opportunity h3{margin:8px 0 3px}.opportunity p{color:#555;font-size:13px}.opportunity .score{color:#427368;font-size:28px;position:absolute;top:18px;right:0}.opportunity details{margin-top:10px;font-size:12px}.opportunity summary{cursor:pointer;color:#427368}.compact{margin-bottom:14px}@media (max-width:800px){.market-summary{flex-wrap:wrap}}
.operation-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.operation-grid p{font-size:13px;line-height:1.5}.counts{flex-wrap:wrap;gap:16px;display:flex}.counts span{color:var(--muted);font-size:11px;display:grid}.counts b{color:var(--ink);font-size:26px}.log-error{color:#a33}.log-warning{color:#a76b00}.log-info{color:#427368}@media (max-width:800px){.operation-grid{grid-template-columns:1fr}}
.content-shortcut{z-index:20;background:var(--green);color:#fff;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 25px #153b3233}.distribution-shortcut{z-index:20;background:var(--ink);color:#fff;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;position:fixed;bottom:18px;right:125px;box-shadow:0 8px 25px #14151533}.learning-shortcut{z-index:20;color:#fff;background:#427368;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;position:fixed;bottom:18px;right:238px;box-shadow:0 8px 25px #42736833}.scale-shortcut{z-index:20;color:#fff;background:#7a5a22;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;position:fixed;bottom:18px;right:355px;box-shadow:0 8px 25px #7a5a2233}.company-shortcut{z-index:20;color:#fff;background:#742f3e;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;position:fixed;bottom:18px;right:455px;box-shadow:0 8px 25px #742f3e33}.integration-shortcut{z-index:20;color:#fff;background:#075985;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;position:fixed;bottom:18px;right:572px;box-shadow:0 8px 25px #07598533}.shopee-shortcut{z-index:20;color:#fff;background:#9a3412;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;position:fixed;bottom:18px;right:667px;box-shadow:0 8px 25px #9a341233}.tiktok-shortcut{z-index:20;color:#fff;background:#111827;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;position:fixed;bottom:18px;right:758px;box-shadow:0 8px 25px #11182733}@media (max-width:1000px){.content-shortcut,.distribution-shortcut,.learning-shortcut,.scale-shortcut,.company-shortcut,.integration-shortcut,.shopee-shortcut,.tiktok-shortcut{display:none}}
.integration-login{max-width:720px;margin:80px auto;padding:20px}.environment-tabs{gap:6px;margin-bottom:10px;display:flex}.environment-tabs button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:8px 13px;font-weight:700}.environment-tabs button.active{background:var(--ink);color:#fff}.integration-hero{color:#fff;background:#082f49;border-radius:16px;justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.integration-hero.production{background:#153b32}.integration-hero>div{align-items:center;gap:16px;display:flex}.integration-hero h2{margin:4px 0 6px}.integration-hero p{color:#bae6fd;margin:0;font-size:13px}.integration-hero.production p{color:#d1fae5}.connection-dot{background:#94a3b8;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 6px #ffffff12}.connection-dot.online{background:#84cc16}.sandbox-badge{color:#7dd3fc;letter-spacing:1px;border:1px solid #38bdf8;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.production .sandbox-badge{color:#d9f99d;border-color:#bef264}.sync-notice{color:#365314;background:#ecfccb;border-radius:10px;padding:12px 16px;font-size:13px}.integration-metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.integration-metrics article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px}.integration-metrics strong{font-size:30px;display:block}.integration-metrics span{color:var(--muted);font-size:12px}.integration-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.integration-grid h2{margin:8px 0 18px}.integration-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.integration-row div{gap:4px;display:grid}.integration-row strong{font-size:13px}.integration-row small{color:var(--muted);font-size:11px}.integration-row>span{color:#0369a1;text-align:right;font-size:10px;font-weight:800}.integration-safety{margin-top:18px}.integration-safety p{color:var(--muted);font-size:13px}@media (max-width:800px){.integration-metrics,.integration-grid{grid-template-columns:1fr}.integration-hero{align-items:flex-start;gap:15px}}.shopee-hero{color:#fff;background:#9a3412;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:28px 32px;display:flex}.shopee-hero small{color:#fed7aa}.shopee-hero h2{margin:6px 0}.shopee-hero p{color:#ffedd5;margin:0;font-size:13px}.shopee-hero>span{border:1px solid #fdba74;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.integration-row a{color:#0369a1;font-size:11px;font-weight:700}.shopee-grid{align-items:start}@media (max-width:800px){.shopee-hero{align-items:flex-start;gap:15px}}.tiktok-grid{align-items:start;margin-top:18px}.tiktok-grid .new-button{margin-top:18px}
