/* Clan Signal: mobile-only presentation. Reporting values and quality gates stay in their existing renderers. */
.heading-mobile,.nav-mobile{display:none}
.overview-channel-split,.daily-channel-split{display:none}

@media (max-width:760px){
  :root{
    --paper:#f6f7f3;--card:#fff;--ink:#17251f;--muted:#53645a;
    --line:#d7e0d8;--soft:#edf2ed;--green:#176b50;--purple:#335fdb;
    --data-sales:#17251f;--data-spend:#8b4c12;--data-roas:#176b50;
    --clan-shopify:#168451;--clan-amazon:#c76b16;--clan-meta:#5468bb;
    --clan-google:#3578c7;--clan-dealer:#64746a;--header-height:54px;
  }
  html{background:var(--paper)}
  body{background:var(--paper);color:var(--ink)}
  .heading-wide,.nav-wide{display:none!important}
  .heading-mobile,.nav-mobile{display:inline}
  .app-header{height:54px;background:#fff;border-bottom:1px solid var(--line);padding-inline:14px}
  .brand{gap:7px}.brand img{width:27px;height:27px;border-radius:8px}
  .brand b{font-size:12px;letter-spacing:.06em}.brand em{color:#335fdb;font-size:11px;font-weight:700}
  .header-actions{gap:2px}.freshness,.icon-button,.account-button{min-width:42px;min-height:42px}
  main{width:calc(100% - 28px);padding:16px 0 calc(78px + env(safe-area-inset-bottom))}
  .page-heading,.page[data-page=home] .home-heading{margin:2px 0 14px;align-items:flex-start}
  .page-heading h1,.page[data-page=home] .home-heading h1,.page[data-page=profit] .page-heading h1{font-size:24px;line-height:1.14;letter-spacing:-.8px;font-weight:650}
  .report-date{font-size:11px;margin-top:3px;color:var(--muted)}
  .period-badge,.estimate-pill{background:#edf2ed;color:#40564a;border:0;border-radius:8px;font-size:10px;padding:6px 8px;white-space:nowrap}
  .filtered-report>.period-tabs,.page>.period-tabs{top:54px;margin:0 0 15px;padding:5px 0 9px;background:var(--paper);gap:4px;overflow-x:auto}
  .filtered-report>.period-tabs button,.page>.period-tabs button{min-height:38px;flex:0 0 auto;padding:0 11px;background:#fff;border:1px solid var(--line);border-radius:9px;color:#46584d;font-size:11px;font-weight:600;white-space:nowrap}
  .filtered-report>.period-tabs button.active,.page>.period-tabs button.active{background:#1c2d24;border-color:#1c2d24;color:#fff;box-shadow:none}
  .bottom-nav{height:calc(61px + env(safe-area-inset-bottom));padding:3px 5px calc(5px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
  .bottom-nav button{min-width:0;min-height:49px;gap:0;color:#627268;border-radius:9px}
  .bottom-nav i{font-size:20px;height:26px;width:32px;background:none!important}
  .bottom-nav span{font-size:10px;font-weight:600}
  .bottom-nav button.active{background:#eef2ff;color:#335fdb}
  .bottom-nav button.active i{color:#335fdb}
  .section-title{margin:17px 0 9px;gap:8px}.section-title h2,.card-head h2,.dashboard-section-head h2{font-size:15px;font-weight:650;letter-spacing:-.25px}
  .section-title>span,.section-title small{font-size:11px}
  .daily-pair-step{gap:4px}.daily-pair-step span{font-size:10px;margin-right:1px}
  .daily-pair-step button{width:33px;height:33px;min-width:33px;min-height:33px;border-radius:9px;background:#fff}
  .card,.dashboard-section-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;margin-bottom:12px}
  .overview-hero{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 17px;display:block}
  .overview-hero header{color:var(--muted);font-size:11px;min-height:25px}
  .overview-hero header button{color:var(--muted);min-width:30px;min-height:30px}
  .overview-headline{display:flex;align-items:flex-end;gap:7px;margin-top:2px}
  .overview-sales{color:var(--ink);font-size:clamp(31px,9vw,41px);font-weight:650;letter-spacing:-1.6px;line-height:1.1;margin:0}
  .overview-margin{color:var(--green);padding:0 0 1px 2px;min-height:0}
  .overview-margin span{font-size:9px}.overview-margin strong{font-size:clamp(13px,4vw,18px)}
  .overview-channel-split{display:block;margin:11px 0 7px}
  .channel-split-track,.daily-channel-split{height:7px;overflow:hidden;border-radius:99px;background:var(--clan-amazon)}
  .channel-split-track i,.daily-channel-split i{display:block;height:100%;background:var(--clan-shopify)}
  .channel-split-labels{display:flex;justify-content:space-between;gap:5px;margin-top:6px;font-size:11px;font-variant-numeric:tabular-nums}
  .channel-split-labels span{min-width:0;white-space:nowrap}.channel-split-labels b{font-weight:650}
  .channel-split-labels .shopify{color:#116d44}.channel-split-labels .amazon{color:#a7540d}
  .overview-hero .trend,.overview-hero .overview-asof{font-size:10px;margin:8px 0 0}
  .overview-money-row{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:11px 0 12px;margin-top:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .overview-money-row>div+div{padding-left:12px;border-left:1px solid var(--line)}
  .overview-money-row span{font-size:10px}.overview-money-row strong{font-size:20px;letter-spacing:-.4px;margin-top:2px}
  .overview-dealer-summary{padding:9px 0;border:0;font-size:10px;line-height:1.3;color:var(--muted)}
  .overview-dealer-summary b{font-size:11px}.overview-dealer-summary span:last-child{display:none}
  .overview-hero footer{padding:8px 0;border-top:1px solid var(--line);font-size:10px}
  .overview-hero footer button{font-size:10px;color:#335fdb;text-align:right}
  .overview-performance{margin-top:2px}.overview-table{font-size:12px;table-layout:fixed}
  .overview-table th:first-child{width:31%}.overview-table th:last-child{width:16%}
  .overview-table th,.overview-table td{padding:7px 0;white-space:normal;overflow-wrap:anywhere}
  .overview-table thead th{font-size:10px}.overview-table .business-row th{border-left:3px solid transparent;padding-left:5px}
  .overview-table .business-row:has([data-sales-channel="shopify"]) th{border-left-color:var(--clan-shopify)}
  .overview-table .business-row:has([data-sales-channel="amazon"]) th{border-left-color:var(--clan-amazon)}
  .overview-table .business-row:has([data-sales-channel="shopify"]) td:nth-child(3){color:#116d44;font-weight:650}
  .overview-table .business-row:has([data-sales-channel="amazon"]) td:nth-child(3){color:#a7540d;font-weight:650}
  .overview-table .platform-row:has([data-ad-platform="meta"]) th{border-left:2px solid var(--clan-meta)}
  .overview-table .platform-row:has([data-ad-platform="google"]) th{border-left:2px solid var(--clan-google)}
  .overview-table .platform-row:has([data-ad-platform="amazon"]) th{border-left:2px solid var(--clan-amazon)}
  .overview-table .platform-row button{border-left:0;margin-left:2px;padding-left:5px}
  .overview-table .platform-row img{width:13px;height:13px}
  .overview-table .platform-row th,.overview-table .platform-row td{font-size:10px}
  .overview-table .roas-cell{color:var(--green)}
  .overview-source-stamp{font-size:8px;margin-left:2px}.overview-source-stamp span{font-size:7px}
  .channel-dot{width:6px;height:6px}.channel-dot.shopify{background:var(--clan-shopify)}.channel-dot.amazon{background:var(--clan-amazon)}
  .performance-card{padding:12px}.chart-legend{gap:5px}.interactive-legend button{font-size:10px;min-height:31px;padding:5px 8px}
  .online-chart-key{font-size:10px}.online-chart-key i[style*="#168451"]{background:var(--clan-shopify)!important}.online-chart-key i[style*="#c76b16"]{background:var(--clan-amazon)!important}
  .chart-selection{font-size:11px;gap:6px}
  .daily-two-up-rail,.profit-daily{grid-auto-columns:calc((100% - 8px)/2);gap:8px}
  .daily-report-card,.profit-day{border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:none}
  .daily-report-card header,.profit-day header{background:#fff;padding:9px 8px 7px;border-bottom:1px solid var(--line)}
  .daily-report-card header b,.profit-day header b{font-size:12px;color:var(--ink)}
  .daily-report-card time,.profit-day header>div>span{font-size:10px;color:var(--muted)}
  .daily-report-sales{background:#fff;padding:8px 8px 6px;gap:3px}
  .daily-report-sales small{font-size:10px;color:var(--muted)}
  .daily-report-sales strong{color:var(--ink);font-size:clamp(19px,6vw,24px);font-weight:650;letter-spacing:-.6px}
  .daily-report-margin{border-top:1px solid var(--line);padding-top:4px;color:var(--green)}
  .daily-report-sales .daily-report-margin small{font-size:9px}.daily-report-margin b{font-size:11px}
  .daily-channel-split{display:block;height:4px;margin:0 8px 7px}
  .daily-report-impact{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .daily-report-impact>div,.daily-report-impact>div+div{background:#fff;padding:7px 8px}
  .daily-report-impact>div+div{border-left:1px solid var(--line)}
  .daily-report-impact small{font-size:9px;color:var(--muted)}
  .daily-report-impact b{font-size:14px;margin-top:2px}
  .daily-channel-group{margin:0 8px;padding:2px 0}.daily-channel-heading{padding:6px 0}
  .daily-channel-heading>b,.daily-channel-heading>span strong{font-size:10.5px}
  .daily-channel-heading:has(.shopify)>span strong{color:#116d44}
  .daily-channel-heading:has(.amazon)>span strong{color:#a7540d}
  .daily-channel-heading>span small{font-size:8.5px}
  .daily-dealer-row{font-size:10px;padding:7px 8px;color:var(--muted)}
  .daily-ad-details>summary{padding:8px;font-size:10px;color:#40594b}
  .daily-report-card footer{padding:7px 8px;font-size:9px;gap:2px}
  .daily-platform-row{padding:7px 8px}.daily-platform-name{font-size:10px}
  .daily-platform-metrics small{font-size:8px}.daily-platform-metrics b{font-size:9.5px}
  .sales-calendar-section{margin-top:19px}.calendar-toolbar{gap:7px}
  .calendar-metrics button{font-size:10px;padding:6px 9px;min-height:34px}
  .calendar-month-nav{gap:5px}.calendar-month-nav strong{font-size:12px}
  .calendar-month-nav button{width:32px;height:32px;font-size:19px}
  .month-calendar .sales-calendar-day{min-height:62px;padding:6px 2px;border-radius:6px}
  .month-calendar .sales-calendar-day strong{font-size:10.5px;color:var(--ink)}
  .month-calendar .sales-calendar-day.today{border-color:#335fdb;box-shadow:inset 0 0 0 1px #335fdb}
  .profit-hero-grid{gap:8px}.profit-hero{min-height:145px;padding:16px;background:#1d3025;border-radius:13px}
  .profit-hero.negative{background:#3a2528}.profit-hero>strong{font-size:clamp(35px,11vw,47px);font-weight:650}
  .profit-hero-head,.profit-hero footer{font-size:11px}.profit-kpi-grid{gap:8px}
  .profit-kpi-grid article{padding:12px;min-height:82px;border-radius:10px}.profit-kpi-grid b{font-size:18px}
  .profit-bridge-card{padding:13px}.profit-bridge{gap:8px;margin-top:12px}
  .profit-bridge-row{grid-template-columns:minmax(85px,1fr) 8px auto;gap:6px;padding-right:24px}
  .profit-bridge-row>span{font-size:11px}.profit-bridge-row>b{font-size:12px}
  .profit-channel-grid article{border-radius:10px;padding:12px}.profit-channel-grid article::before{height:3px}
  .profit-day .compact-total{background:#edf2ed;padding:9px}.profit-day .compact-total>strong{font-size:21px}
  .profit-day-channel{padding:8px 9px;border-top:1px solid var(--line)}
  .profit-day-channel>b{font-size:11px}.profit-day-channel:has(>b:first-child){border-left:0}
  .profit-day-channel>div{gap:5px;margin-top:6px}.profit-day-channel>div>span{font-size:10px}
  .profit-day-channel strong{font-size:11px}
  .profit-day-channel:nth-of-type(1)>b{color:#116d44}.profit-day-channel:nth-of-type(2)>b{color:#a7540d}
  .inventory-controls{margin:8px 0 12px}.inventory-controls>span{font-size:11px}
  .inventory-controls button{font-size:11px;min-height:34px;padding:6px 9px}
  .inventory-search input{font-size:12px}.inventory-filters button{font-size:10px;min-height:36px}
  .inventory-category{margin:16px 0}.inventory-category h2{font-size:15px}.inventory-category h2 small{font-size:10px}
  .inventory-table-scroll{border-radius:10px}
  .inventory-table thead th{background:#eef2ed;color:#40594b;font-size:10px}
  .inventory-table thead th:nth-child(2){color:#116d44;border-top:3px solid var(--clan-shopify)}
  .inventory-table thead th:nth-child(3){color:#a7540d;border-top:3px solid var(--clan-amazon)}
  .inventory-table th,.inventory-table td{padding:7px 4px}
  .inventory-table button{font-size:11px;min-height:34px}
  .inventory-table small,.inventory-table .inventory-cover{font-size:9px}
  .inventory-pair{font-size:11px}.inventory-channel{font-size:10px;gap:2px}
  .inventory-channel img{width:13px;height:13px}
  .inventory-table .inventory-type th{background:#eaf1eb;color:#27543b}
  .inventory-table .inventory-colour th{background:#f3f6f2;color:#4c5b50}
  .inventory-table .inventory-variant th,.inventory-table .inventory-variant td{background:#fafbf8}
  .inventory-movers{gap:9px}.inventory-movers h3{font-size:12px}
  .inventory-movers>div:first-child h3{color:#116d44}.inventory-movers>div:last-child h3{color:#a7540d}
  .inventory-movers p{font-size:11px}
  .ad-consolidation{border-radius:11px}.ad-consolidation>div{min-height:94px;padding:14px}
  .ad-consolidation span{font-size:11px}.ad-consolidation strong{font-size:28px}
  .marketing-grid{gap:8px}.marketing-card{min-height:0;padding:14px;border-radius:11px}
  .marketing-card::before{width:3px}.marketing-card>div{margin:8px 0}
  .marketing-card>div strong{font-size:28px}.marketing-card footer{gap:8px;padding-top:9px}
  .tg-dashboard{--tg-ink:#17251f;--tg-muted:#53645a;--tg-blue:#335fdb;--tg-line:#d7e0d8}
  .tg-page-heading{margin:2px 0 14px}.tg-page-heading h1{font-size:25px}
  .tg-hero,.tg-plan,.tg-explorer{padding:15px;border-radius:13px}
  .tg-hero{background:#eef2ed;border-color:#d7e0d8}.tg-action-grid{gap:9px;margin-bottom:14px}
  .tg-pace{color:#17251f;font-size:39px}.tg-arrow{background:#dce8ff;color:#335fdb}
  .tg-progress{background:#d7e0d8}.tg-progress>i{background:#335fdb}
  .tg-channel-split>div:first-child b{color:#116d44}.tg-channel-split>div:last-child b{color:#a7540d}
  .tg-shopify,.tg-split-bar>i{background:var(--clan-shopify)}
  .tg-amazon,.tg-split-bar{background:var(--clan-amazon)}
  .tg-actual-fill{background:#335fdb}.tg-month{border-radius:10px}
  .tg-month-trigger{padding:12px}.tg-month-heading{margin-bottom:9px}
  .tg-dashboard .tg-note,.basis-note{font-size:11px;line-height:1.5;color:var(--muted)}
}

@media (max-width:350px){
  .overview-sales{font-size:30px}.overview-margin strong{font-size:13px}
  .channel-split-labels{font-size:10px}
  .daily-pair-step span{display:none}
  .daily-report-sales strong{font-size:19px}
  .daily-report-impact b{font-size:13px}
  .inventory-table thead th:first-child{width:35%}
}