/* STITCHO Growth Command Center — connected-apps + business intelligence */
.cc-heading,.mi-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px}
.cc-heading h2,.mi-title h2{font:700 clamp(25px,2.4vw,34px) Georgia,serif;color:#f6e7c7;letter-spacing:-.025em;margin:0 0 8px}
.cc-heading p,.mi-title p{margin:0}
.cc-refresh{appearance:none;min-height:40px;padding:9px 17px;border-radius:10px;background:#292f3c;border:1px solid #675c43;color:#e8d5aa;cursor:pointer;font-size:13px;font-weight:700}
.cc-refresh:hover{background:#363d4b}
.cc-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(110deg,#293629,#1b2828 64%,#151e23);border:1px solid #4a674e;border-radius:16px;padding:20px 23px;margin-bottom:26px}
.cc-summary-count{font:700 42px Georgia,serif;color:#9ee3b7;line-height:1.1}
.cc-summary-total{font-size:16px;color:#cbd2cc}
.cc-summary p{font-size:13px;color:#c8d7cd;margin:0}
.cc-section-label{display:flex;justify-content:space-between;align-items:center;margin:14px 0 11px;font-size:11px;letter-spacing:.15em;font-weight:800;color:#aeb8c7}
.cc-section-label span{letter-spacing:normal;background:#2c343d;border-radius:30px;padding:4px 10px;color:#e0e4e9}
.cc-section-more{margin-top:30px}
.cc-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cc-service{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;background:linear-gradient(135deg,#1b2430,#171c25);border:1px solid #3b4650;border-radius:14px;padding:18px 17px}
.cc-service:has(.cc-connected){border-color:#375949;background:linear-gradient(135deg,#1b2b28,#171f26)}
.cc-service-main{display:flex;align-items:center;gap:13px;min-width:0}
.cc-provider-icon{height:42px;width:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:#333a45;color:#f2d395;font-size:17px;font-weight:800;font-family:Arial,sans-serif}
.cc-service:has(.cc-connected) .cc-provider-icon{background:#2b4838;color:#b6eed0}
.cc-service-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.cc-service-text strong{font-size:15px;color:#f7f4ee}
.cc-service-text span{font-size:12px;color:#aeb8c6;overflow-wrap:anywhere}
.cc-connected{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;border:1px solid #4b8064;background:#203a30;border-radius:25px;color:#adeaca;font-size:12px;font-weight:800;padding:9px 11px}
.cc-connect{cursor:pointer;padding:10px 18px;min-height:40px;border:none;border-radius:10px;background:#e7c783;color:#11151a;font-size:13px;font-weight:800}
.cc-connect:hover{background:#f4daa5}
.cc-action-message{font-size:13px;color:#f0d499;line-height:1.6}
.cc-error{padding:20px;border:1px solid #7d4949;background:#352426;border-radius:12px;margin-bottom:14px}
.mi-connection-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:linear-gradient(105deg,#22312b,#18272b);border:1px solid #41624f;border-radius:12px;padding:14px 17px;margin-bottom:16px}
.mi-live-dot{width:9px;height:9px;flex:0 0 9px;background:#8fdfae;border-radius:50%;box-shadow:0 0 0 4px #8fdfae20}
.mi-connection-strip strong{color:#c6f0d7;font-size:14px}
.mi-strip-note{font-size:12px;color:#b7c4bf}
.mi-settings-link{margin-left:auto;background:none;border:0;color:#e8c787;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:12px}
.mi-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mi-kpi{background:linear-gradient(150deg,#242b36,#1a2029);border:1px solid #384453;border-radius:14px;padding:20px 18px;min-width:0}
.mi-kpi-label{font-size:12px;color:#d0d7df;font-weight:700}
.mi-kpi-number{font:700 clamp(27px,2.8vw,38px) Georgia,serif;color:#f3d28b;line-height:1.3;margin:8px 0 6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mi-kpi-foot{font-size:11px;color:#a6b1bf}
.mi-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.mi-data-section{background:#1a212b;border:1px solid #394451;border-radius:15px;min-width:0;padding:20px 20px 22px;margin:0}
.mi-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}
.mi-section-heading h3{font:700 18px Georgia,serif;color:#eee1c5;margin:0}
.mi-section-heading>span{font-size:11px;color:#aab6c5;white-space:nowrap}
.mi-channel{margin:13px 0}
.mi-channel-heading{display:flex;justify-content:space-between;font-size:13px;color:#dce3e8;margin-bottom:8px}
.mi-channel-heading strong{font-variant-numeric:tabular-nums}
.mi-bar-track{height:8px;border-radius:10px;background:#333a47;overflow:hidden}
.mi-bar-track span{display:block;background:linear-gradient(90deg,#987b47,#e3c477);height:100%;border-radius:10px}
.mi-action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:#202b34;border:1px solid #354752;border-radius:11px;padding:14px;margin:9px 0;color:#e5e9ea;cursor:pointer;width:100%}
.mi-action-row:hover{border-color:#d8bd80}
.mi-action-row strong{display:block;font-size:13px;color:#f7e2b7;margin-bottom:5px}
.mi-action-row small{font-size:12px;color:#b5c1c9;line-height:1.4;display:block}
.mi-action-row>span:last-child{font-size:22px;color:#ebca80}
.mi-table-wrap{max-width:100%;overflow:auto}
.mi-table{width:100%;table-layout:auto;font-size:12px}
.mi-table th{font-size:11px;color:#b3c4d4;font-weight:700;text-align:right;white-space:nowrap}
.mi-table th:first-child,.mi-table td:first-child{text-align:left;min-width:115px;overflow-wrap:anywhere}
.mi-table td{text-align:right;color:#e3e6ea;font-variant-numeric:tabular-nums;padding:11px 7px}
.mi-page-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #35404c;padding:12px 0;font-size:12px}
.mi-page-row span{color:#e0e6ea;overflow-wrap:anywhere;min-width:0}
.mi-page-row strong{color:#d8c38f;white-space:nowrap;font-variant-numeric:tabular-nums}
.mi-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:18px;color:#9eacb8;font-size:11px;line-height:1.5}
.mi-warn{color:#f4ce8f}
@media(max-width:1020px){.mi-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-services{grid-template-columns:1fr}}
@media(max-width:710px){.mi-columns{grid-template-columns:1fr}.mi-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-heading,.mi-title{align-items:flex-start}.cc-summary{align-items:flex-start}.cc-service{padding:15px 12px}.cc-provider-icon{width:36px;height:36px;flex-basis:36px}.cc-service-text strong{font-size:13px}.cc-connected{font-size:11px;padding:7px 8px}.cc-connect{padding:9px 11px}}
@media(max-width:385px){.mi-stat-grid{grid-template-columns:1fr}.cc-service{flex-wrap:wrap}.cc-connected,.cc-connect{margin-left:49px}}