.st-kpi-icon{display:none}
/* STITCHO / Digital Turn • compact mobile system • 2026-10-24
   Presentation only. No changes to authorization, desktop, data, or sending. */
@media (max-width:820px) {
 :root{--st-space:10px;--st-gold:#e6c17b;--st-line:#364456}
 html{scroll-padding-top:80px}
 body{overflow-x:hidden}
 main{width:100%!important;max-width:100%!important;padding:71px 11px 88px!important;overflow-x:hidden!important}
 #stitchoMobileTop{height:58px!important;padding:7px 13px!important}
 #stitchoMobileTop button{height:40px;width:40px}
 .header{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;padding:2px 0 10px!important;gap:7px!important;min-width:0}
 .header>div:first-child{min-width:0}
 .header .eyebrow{display:none}
 .header h1{font-size:clamp(20px,5.1vw,26px)!important;line-height:1.18!important;letter-spacing:-.025em;margin:0 0 3px!important}
 .header p.muted{margin:0!important;font-size:11px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
 .header .pill{flex:0 0 auto;font-size:10px!important;line-height:1.3!important;max-width:105px;text-align:center;padding:6px 7px!important;border-radius:11px;white-space:normal}
 /* Three prominent header KPIs become one cohesive frame, not three tall cards. */
 #metrics.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;
   margin:10px 0 12px!important;padding:5px!important;background:#171e29;
   border:1px solid #3e4b57;border-radius:15px;align-items:stretch}
 #metrics>.panel{min-width:0!important;background:#202936!important;border:0!important;border-radius:10px!important;
   padding:10px 6px!important;box-shadow:none!important;text-align:center;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}
 #metrics .muted{font-size:10px!important;font-weight:650;line-height:1.22;color:#c2cbd4;
   display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 0}
 #metrics .metric{font-size:clamp(16px,4.2vw,23px)!important;line-height:1.13!important;font-weight:750;
   margin:5px 0 0!important;overflow-wrap:anywhere}
 #metrics #metric2{font-size:clamp(11px,3vw,15px)!important;line-height:1.2!important}
 /* One elegant column of compact modular sections, not nested giant surfaces. */
 #panel.panel{border:0!important;background:transparent!important;box-shadow:none!important;
   margin:0!important;padding:0!important;min-width:0!important;overflow:visible!important}
 #panel>h2{font-size:21px;line-height:1.2;margin:8px 0}
 #panel>section{margin-top:10px}
 #panel .power-title{margin:0 0 10px!important}
 #panel .power-title h2{display:none}
 #panel .power-title p{font-size:11px!important;line-height:1.45!important;
   display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
 #panel .power-section,#panel .mi-data-section,#panel .business{
   border-radius:13px!important;margin:9px 0!important;padding:13px 12px!important;min-width:0!important}
 #panel .power-section h3,#panel .mi-section-heading h3{font-size:16px!important;line-height:1.3!important;margin:0!important}
 #panel .power-section>h3{margin:0 0 10px!important}
 #panel .power-section>p{font-size:11px;line-height:1.45}
 #panel .power-section .note,#panel .mi-data-section .note{line-height:1.48}
 /* Accessible mobile-only section controls. Collapsing is opt-in via heading. */
 #panel .st-fold-head{display:flex!important;align-items:center!important;justify-content:space-between!important;
   flex-wrap:nowrap!important;gap:8px!important;min-width:0;margin:0!important}
 #panel .st-fold-head>h3{min-width:0;flex:1}
 #panel h3.st-fold-head{margin:0!important}
 #panel .st-mobile-fold:not([data-st-collapsed="true"])>.st-fold-head{margin-bottom:12px!important}
 #panel .st-mobile-fold[data-st-collapsed="true"]>.st-fold-head{margin-bottom:0!important}
 #panel .st-mobile-fold[data-st-collapsed="true"]> :not(.st-fold-head){display:none!important}
 #panel .st-fold-toggle{display:inline-flex!important;flex:0 0 auto;justify-content:center;align-items:center;gap:5px;
   font-size:11px;font-weight:750;line-height:1;padding:7px 9px;border:1px solid #715f40;
   border-radius:9px;background:#2b313c;color:#f1d6a3;min-height:32px;cursor:pointer;white-space:nowrap}
 #panel .st-fold-toggle::after{content:"⌄";font-size:17px;line-height:9px;transition:transform .2s}
 #panel .st-fold-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}
 #panel .st-fold-toggle:focus-visible{outline:2px solid #e3c37c;outline-offset:2px}
 /* Compact, icon-driven KPI tiles in a grouped frame at any phone width. */
 #panel .power-stats,#panel .mi-stat-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:6px!important;border:1px solid #435063;background:#151d29;
   border-radius:15px;padding:6px!important;margin:9px 0!important}
 #panel .power-stat,#panel .mi-kpi{display:flex!important;flex-direction:column!important;justify-content:center;
   min-width:0!important;min-height:84px!important;padding:9px 9px 8px!important;
   margin:0!important;border:0!important;border-radius:10px!important;background:#222c39!important;position:relative}
 #panel .power-stat span:not(.st-kpi-icon),#panel .mi-kpi-label{font-size:11px!important;font-weight:650;line-height:1.22!important;
   max-width:calc(100% - 16px);color:#c9d4e1!important;display:block;overflow-wrap:anywhere}
 #panel .power-stat strong,#panel .mi-kpi-number{font-family:Georgia,serif!important;font-size:clamp(20px,6vw,28px)!important;
   line-height:1.16!important;margin:7px 0 0!important;color:#efcb82!important;font-weight:750}
 #panel .mi-kpi-foot{font-size:9px!important;line-height:1.2!important;margin-top:4px;color:#acb8c9;
   display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .st-kpi-icon{position:absolute;top:8px;right:7px;display:grid;place-items:center;
   width:25px;height:25px;color:#e7c687;background:#c9a35c19;border:1px solid #ae8c5030;border-radius:8px;opacity:.94}
 .st-kpi-icon svg{height:15px;width:15px;fill:none;stroke:currentColor;stroke-width:1.9;
   stroke-linecap:round;stroke-linejoin:round}
 #metrics .st-kpi-icon{position:static;width:21px;height:21px;border-radius:7px}
 #metrics .st-kpi-icon svg{width:13px;height:13px}
 /* Forms keep two related controls side-by-side instead of long one-per-row columns. */
 #panel .power-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   column-gap:8px!important;row-gap:9px!important;margin:8px 0 12px!important}
 #panel .power-fields>label:first-child:has(input:not([type="date"])){grid-column:1/-1}
 #panel .power-fields label{font-size:10.5px!important;line-height:1.35!important;min-width:0}
 #panel .power-fields :is(input,select,textarea),#panel .power-section :is(input,select,textarea){
   font-size:13px!important;min-width:0;min-height:41px!important;margin-top:5px!important;padding:9px 8px!important}
 #panel .power-fields select{white-space:nowrap;text-overflow:ellipsis}
 #panel .power-row{gap:6px;margin-bottom:8px}
 #panel .action,#panel .power-mini{min-height:38px;font-size:12px;padding:9px 12px}
 #panel .power-lead{margin:8px 0!important;padding:11px!important;border-radius:11px!important}
 #panel .power-lead p{margin:8px 0!important}
 #panel .power-item{gap:7px!important;padding:9px 2px!important}
 #panel .power-contact{gap:6px!important;margin:8px 0!important}
 #panel .power-contact a{font-size:11px!important;padding:7px 9px!important}
 #panel .power-steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px!important;
   overflow:visible!important;padding:4px 0 8px!important}
 #panel .power-steps button{min-width:0!important;min-height:45px;padding:7px 3px!important;
   border-radius:9px;font-size:9px!important;line-height:1.3;overflow-wrap:anywhere}
 #panel .power-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   margin:10px 0!important;gap:7px!important}
 #panel .power-tabs button{width:100%}
 #panel .power-source-links{gap:6px!important}
 #panel .power-source-links .power-mini{flex:1 1 42%!important;max-width:100%;font-size:11px!important;text-align:center!important}
 #panel .power-audit{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #panel .power-audit>div{padding:8px!important;font-size:11px}
 /* Marketing Intelligence: 2-column stats, compressed summaries, expandable detail sections. */
 #panel .mi-title,#panel .cc-heading{margin:0 0 10px!important;gap:7px;align-items:center}
 #panel .mi-title h2,#panel .cc-heading h2{font-size:22px!important;line-height:1.12;margin:0 0 4px!important}
 #panel .mi-title p,#panel .cc-heading p{font-size:11px;line-height:1.4}
 #panel .cc-refresh{padding:8px 10px!important;min-height:35px;white-space:nowrap;font-size:11px}
 #panel .mi-connection-strip{padding:9px!important;margin:0 0 8px!important;gap:5px;border-radius:11px}
 #panel .mi-connection-strip strong{font-size:12px}
 #panel .mi-strip-note{font-size:10px;line-height:1.3}
 #panel .mi-settings-link{font-size:11px;margin-left:auto}
 #panel .mi-columns{grid-template-columns:1fr!important;gap:0!important;margin:0!important}
 #panel .mi-section-heading{margin-bottom:0!important;gap:5px!important}
 #panel .mi-section-heading>span{font-size:10px!important}
 #panel .mi-action-row{padding:9px!important;margin:6px 0!important}
 #panel .mi-action-row strong{font-size:12px!important}
 #panel .mi-action-row small{font-size:11px;line-height:1.35}
 #panel .mi-table td{padding:7px 5px;font-size:11px}
 #panel .mi-page-row{padding:8px 0}
 #panel .mi-footer{margin:8px 0 0!important;font-size:10px}
 /* Connected sources: two small tiles per row rather than long full-width boxes. */
 #panel .cc-summary{padding:10px 12px!important;margin:8px 0 11px!important;border-radius:12px}
 #panel .cc-summary-count{font-size:27px!important}
 #panel .cc-summary p{font-size:11px}
 #panel .cc-section-label{margin:12px 0 7px;font-size:10px}
 #panel .cc-section-more{margin-top:14px}
 #panel .cc-services{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 #panel .cc-service{flex-direction:column!important;align-items:stretch!important;justify-content:space-between;
   padding:10px 9px!important;gap:8px!important;border-radius:12px;min-height:97px}
 #panel .cc-service-main{gap:6px!important}
 #panel .cc-provider-icon{height:27px!important;width:27px!important;flex:0 0 27px!important;border-radius:8px;font-size:12px!important}
 #panel .cc-service-text strong{font-size:11px!important;line-height:1.2}
 #panel .cc-service-text span{font-size:10px!important;line-height:1.25;
   display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #panel .cc-connected,#panel .cc-connect{align-self:flex-start;display:inline-flex;justify-content:center;
   margin:0!important;padding:6px 8px!important;min-height:28px;font-size:10px!important}
 #panel .cc-action-message{font-size:11px;line-height:1.45}
 /* Show-more remains optional; no records are removed from the DOM. */
 #panel .st-mobile-paged:not([data-st-expanded="true"])>[data-st-mobile-hidden="true"]{display:none!important}
 #panel .st-more-control{display:flex!important;align-items:center;justify-content:center;gap:7px;
   width:100%;min-height:38px;margin:9px 0 2px;padding:9px 12px;font-size:12px;font-weight:750;
   color:#eaca82;background:#293342;border:1px solid #63583f;border-radius:10px;cursor:pointer}
 #panel .st-more-control:focus-visible{outline:2px solid #eaca82;outline-offset:2px}
 /* Mobile long tables: scroll within their own card, not the whole app. */
 #panel .mi-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 #panel .searchfields{gap:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #panel .searchfields :is(input,select,button){min-width:0;width:100%;font-size:12px}
 #panel .business img{max-width:100%;height:auto}
 #panel .cc-section-label,#panel .business,#panel .power-section{scroll-margin-top:75px}
 #stitchoUpdateDock{max-width:calc(100vw - 20px)}
}
@media(max-width:350px){
 #panel .power-stats,#panel .mi-stat-grid{gap:4px!important;padding:4px!important}
 #panel .power-stat,#panel .mi-kpi{padding:8px 7px!important}
 #panel .cc-service{padding:8px!important}
 #panel .cc-provider-icon{width:23px!important;height:23px!important;flex-basis:23px!important}
 #panel .power-fields{gap:6px!important}
 #metrics>.panel{padding:8px 4px!important}
}
@media(min-width:821px){
 .st-fold-toggle,.st-more-control{display:none!important}
}

@media(max-width:820px){
 #panel .st-provider-catalog{width:100%;border:1px solid #4a5460;background:#222b38;border-radius:10px;padding:0;margin:3px 0}
 #panel .st-provider-catalog summary{cursor:pointer;list-style:none;padding:10px 12px;color:#eac985;font-weight:750;font-size:11px;min-height:39px;display:flex;align-items:center;justify-content:space-between}
 #panel .st-provider-catalog summary::-webkit-details-marker{display:none}
 #panel .st-provider-catalog summary::after{content:"⌄";font-size:18px;margin-left:8px;transition:transform .2s}
 #panel .st-provider-catalog[open] summary::after{transform:rotate(180deg)}
 #panel .st-provider-grid{padding:4px 9px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 #panel .st-provider-grid .note{grid-column:1/-1;font-size:10px;margin:2px 0 6px}
 #panel .st-provider-grid .power-mini{min-width:0;text-align:center;padding:7px 6px;font-size:10px}
 #panel #moduleContent>article.business img{max-height:260px!important;object-fit:contain!important}
}
@media(max-width:820px){
 /* Page name is already in the fixed-screen header; avoid repeating it in legacy modules. */
 #panel>h2{display:none!important}
 #panel>p.note:first-of-type{font-size:11px;line-height:1.42;margin:0 0 9px}
 .mi-title h2{font-size:18px!important}
}