/* Scoped to mobile board. Desktop selectors and business data are untouched. */
.xl-mobile-heading,.xl-mobile-controls,.xl-mobile-expand{display:none}
html[data-xl-mobile-board]{--xl-mobile-rail:104px;overflow-x:clip}
html[data-xl-mobile-board] body{min-width:0;overflow-x:clip;background:var(--xl-color-page,#f3f5f2)}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .sidebar,html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .mobile-shade{display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .app-shell{display:block!important;min-width:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workspace{margin:0!important;padding:0!important;width:100%!important;min-width:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .route-content{padding:8px!important;min-width:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .topbar{position:static!important;min-height:52px!important;height:auto!important;padding:5px 8px!important;display:flex!important;justify-content:flex-end!important;gap:5px!important;border-radius:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .topbar :is(.menu-button,.global-context,.task-link,.notification,.freshness,.timezone){display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .top-actions{display:flex!important;flex-wrap:nowrap!important;width:auto!important;gap:8px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .topbar .profile button{min-height:44px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-appearance-text{display:inline!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .profile-copy{display:grid!important;font-size:12px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page{display:grid!important;grid-template-columns:var(--xl-mobile-rail) minmax(0,1fr)!important;gap:8px!important;padding:0!important;min-width:0!important;align-items:start!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page>.xl-mobile-heading{grid-row:1!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page>.hero{grid-row:2!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page>.board-bar{grid-row:3!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page>.xl-account-overview{grid-row:4!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page>.summary-grid{grid-row:5!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page>.workbench{grid-row:5!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page>.account-card-section{grid-row:6!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid::before,html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid::after{display:none!important;content:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page> :not(.summary-grid):not(.workbench){grid-column:1/-1!important;min-width:0!important;max-width:100%!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-mobile-heading{display:flex;align-items:center;justify-content:space-between;padding:6px 3px}
.xl-mobile-heading>div{display:grid;gap:3px}.xl-mobile-heading small{font-size:11px;color:var(--xl-ref-muted,#65736b)}.xl-mobile-heading strong{font-size:19px;color:var(--xl-ref-text,#153127)}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-mobile-heading button{padding:0 10px;min-height:44px;border:1px solid var(--xl-ref-border,#d7dfd7);border-radius:10px;background:var(--xl-color-header,#edf2ea);color:var(--xl-ref-primary,#315d48)}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .hero{padding:5px 0!important;display:block!important;margin:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .hero>div:first-child{display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .hero-actions>*{margin:0!important}html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .hero-actions .runtime{flex:1}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .hero-actions .health-pill{padding:6px!important;font-size:11px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .board-bar{display:flex!important;flex-wrap:wrap!important;padding:9px!important;gap:6px!important;border-radius:12px!important;margin:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .board-bar>label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;font-size:12px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .board-bar>label .el-select{width:calc(100% - 90px)!important;min-width:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .board-bar .date-section{display:flex!important;flex-wrap:wrap!important;gap:5px!important;width:100%!important;font-size:11px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .board-bar .el-button{flex:1!important;min-width:85px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .cross-page:not([data-xl-mobile-scope]) .board-bar>:not(label:first-child){display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid{grid-column:1!important;position:sticky!important;top:8px!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important;margin:0!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;border:0!important;background:none!important;align-self:start!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid article{display:grid!important;gap:5px!important;padding:10px 7px!important;border:1px solid var(--xl-ref-border,#d5ded4)!important;border-radius:11px!important;min-height:84px!important;height:auto!important;background:var(--xl-color-header,#ebf0e5)!important;width:100%!important;box-sizing:border-box!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid article{min-width:0!important;grid-template-columns:minmax(0,1fr)!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid article>*{min-width:0!important;max-width:100%!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid :is(span,small){font-size:11px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid b{font-size:18px!important;line-height:1.25!important;overflow-wrap:anywhere!important;font-variant-numeric:tabular-nums!important;color:var(--xl-ref-text,#172f26)!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench{grid-column:2!important;min-width:0!important;margin:0!important;padding:7px!important;border-radius:12px!important;overflow:hidden!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-mobile-controls{display:flex;gap:5px;margin-bottom:6px;flex-wrap:wrap}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-mobile-controls button{flex:1;min-height:44px;padding:5px;border:1px solid var(--xl-ref-border,#d5ded4);border-radius:9px;font-size:12px;color:var(--xl-ref-primary,#315d48);background:var(--xl-color-header,#edf2ea)}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .toolbar{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:0 0 7px!important;min-width:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .toolbar>*{margin:0!important;max-width:100%!important;min-width:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .toolbar .tabs{display:flex!important;flex:1 0 100%!important;gap:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .tabs button{flex:1!important;min-width:0!important;padding:5px!important;font-size:12px!important;min-height:44px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .long-search{flex:1 0 100%!important;width:100%!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .toolbar :is(.el-select,.el-input){width:100%!important;flex:1 0 100%!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-tools]) .toolbar>:not(.tabs):not(.long-search){display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .intelligence-bar{display:flex!important;flex-wrap:wrap!important;padding:0!important;gap:5px!important;min-width:0!important;max-width:100%!important;margin-bottom:7px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-tools]) .intelligence-bar{display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .intelligence-bar>label{max-width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .intelligence-bar .spacer{display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench :is(.bulk-toolbar,.selection-bar){display:flex!important;flex-wrap:wrap!important;padding:7px 0!important;gap:5px!important;position:static!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench :is(.bulk-toolbar,.selection-bar)>*{margin:0!important;max-width:100%!important}
html[data-xl-mobile-board] :is(button,.el-select__wrapper){min-height:44px!important;touch-action:manipulation}
html[data-xl-mobile-board] :is(input,textarea,.el-input__inner){font-size:16px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .table-wrap{height:auto!important;max-height:none!important;min-height:140px!important;overflow:auto!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) table{display:block!important;min-width:0!important;width:100%!important;table-layout:auto!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) thead{display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) tbody{display:block!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) tfoot{display:block!important;width:100%!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) tfoot tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;position:static!important;padding:7px!important;background:var(--xl-color-header,#edf2ea)!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) tfoot td{display:block!important;position:static!important;inset:auto!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;padding:4px!important;white-space:normal!important;overflow-wrap:anywhere!important;box-shadow:none!important;background:transparent!important;border:0!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) tfoot td.select-column{grid-column:1/-1!important}
/* The native sticky footer assumes table geometry; expose it in full table mode,
   rather than letting it overlay card content. Left-side account totals remain. */
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) tfoot{display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) tbody tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:9px 7px!important;border:1px solid var(--xl-ref-border,#d5ded4)!important;border-radius:10px!important;margin-bottom:8px!important;min-height:0!important;background:var(--xl-color-surface,#fff)!important;position:relative!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) tbody td{display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;border:0!important;padding:3px!important;white-space:normal!important;overflow-wrap:anywhere!important;position:static!important;font-size:12px!important;line-height:1.45!important;box-shadow:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) td[data-column]::before{content:attr(data-xl-mobile-label);display:block;font-size:10px;color:var(--xl-ref-muted,#65736b);font-weight:400;margin-bottom:2px}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) td[data-column="name"]{grid-column:1/-1!important;grid-row:1!important;padding-left:28px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) td[data-column="name"] :is(b,strong,button){white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) td.select-column{position:absolute!important;top:7px!important;left:2px!important;width:30px!important;min-height:40px!important;display:flex!important;align-items:center!important;z-index:1}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) td[data-column="status"]{grid-column:1/-1!important;grid-row:2!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) td[data-column="account"]{grid-column:1/-1!important;grid-row:3!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) tr:not(.xl-mobile-row-expanded):not(.filtered-summary-row) td[data-column]:not([data-column="name"]):not([data-column="status"]):not([data-column="account"]):not([data-column="spend"]):not([data-column="orders"]):not([data-column="roi"]):not([data-column="budget"]){display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-mobile-expand{display:block!important;border:0!important;background:transparent!important;color:var(--xl-ref-primary,#315d48)!important;font-size:11px!important;padding:4px 0!important;min-height:36px!important;text-align:left!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .row-switch{position:relative!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .row-switch::before{content:'';position:absolute;top:12px;left:5px;width:34px;height:20px;border-radius:999px;background:#aeb9c8}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .row-switch.active::before{background:var(--xl-ref-primary,#315d48)}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .row-switch span{top:15px!important;left:8px!important;width:14px!important;height:14px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .row-switch.active span{left:22px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench[data-xl-mobile-table] .xl-mobile-expand{display:none!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench[data-xl-mobile-table] .table-wrap{max-height:70dvh!important;overflow:auto!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .pager{display:flex!important;flex-wrap:wrap!important;gap:5px!important;padding:4px!important;font-size:11px!important;justify-content:center!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .el-pagination{flex-wrap:wrap!important;gap:2px!important;justify-content:center!important;max-width:100%}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-account-overview{padding:8px!important;gap:6px!important;margin:0!important;display:flex!important;flex-wrap:wrap!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-account-overview-scroll{flex:1!important;min-width:0!important;overflow:auto!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .xl-account-overview-card{min-width:230px!important;flex-shrink:0!important;border-radius:10px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .account-strip{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .account-metric-card{min-width:0!important;width:100%!important;padding:10px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .account-metric-card header,html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .account-card-tools{flex-wrap:wrap!important;gap:5px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .account-source-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .el-dialog{width:calc(100% - 16px)!important;max-width:680px!important;margin:8px auto!important;padding:12px!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;border-radius:16px!important;box-sizing:border-box!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .el-overlay-dialog{padding-top:env(safe-area-inset-top,0px)!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .el-dialog__body{min-width:0!important;overflow:auto!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .el-dialog__footer{position:sticky!important;bottom:-12px!important;padding:10px 0!important;background:var(--xl-color-surface,#fff)!important;z-index:4}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .el-drawer{width:100%!important;max-width:100vw!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .el-popper{max-width:calc(100vw - 16px)!important;box-sizing:border-box!important}
html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .bulk-job-panel{max-width:calc(100vw - 16px)!important;right:8px!important;bottom:8px!important;max-height:65dvh!important;overflow:auto!important}
@media(max-width:359px){html[data-xl-mobile-board]{--xl-mobile-rail:88px}html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid b{font-size:16px!important}html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench{padding:5px!important}}
@media(min-width:600px){html[data-xl-mobile-board]{--xl-mobile-rail:150px}html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid b{font-size:24px!important}html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .summary-grid article{padding:14px!important}html[data-xl-mobile-board][data-xl-theme][data-xl-density] :is(body,#app) .workbench:not([data-xl-mobile-table]) tbody tr{grid-template-columns:repeat(3,minmax(0,1fr))!important}}