/* CancerManager mobile v2.0.4; only small-screen UI, no desktop redesign. */
@media screen and (max-width:767px) {
  /* Replace the tall, scroll-heavy More menu with grouped two-column shortcuts. */
  body.mobile-more-open > #familyMoreMenu:not(.hidden) {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px 8px!important;padding:12px!important;
    max-height:calc(100dvh - var(--mobile-bottom-height,66px) - 55px - env(safe-area-inset-top,0px))!important;
    overflow-y:auto!important;
  }
  body.mobile-more-open > #familyMoreMenu > .family-more-title,
  body.mobile-more-open > #familyMoreMenu > .family-more-separator {grid-column:1/-1!important;}
  body.mobile-more-open > #familyMoreMenu > button[data-open-view] {
    width:100%!important;min-width:0!important;min-height:44px!important;
    padding:8px!important;border:1px solid #e6eaf1!important;
    background:#f8faff!important;border-radius:9px!important;
    align-items:center!important;justify-content:center!important;text-align:center!important;
    font-size:13px!important;
  }
  body.mobile-more-open > #familyMoreMenu > button[data-open-view] > span {display:none!important;}
  body.mobile-more-open #mobileBottomNav .mobile-bottom-item.active:not(#mobileBottomMore) {background:transparent!important;color:#69778b!important;}
  .cm204-trend-focus {display:block;background:#fff;border:1px solid #e1e8f1;border-radius:13px;padding:12px;min-width:0;margin:12px 0;}
  .cm204-trend-heading {display:flex;justify-content:space-between;gap:8px;color:#263d5f;font-size:15px;margin-bottom:10px;}
  .cm204-trend-pickers {display:grid;grid-template-columns:minmax(0,1fr) minmax(95px,.6fr);gap:7px;margin:0 0 10px;}
  .cm204-select {min-width:0;width:100%;height:40px;border:1px solid #dce4ee;background:#f8fafc;border-radius:9px;font-size:13px;padding:7px 9px;color:#344054;}
  .cm204-trend-latest {display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 10px;}
  .cm204-trend-latest strong {font-size:21px;color:#1d4ed8;overflow-wrap:anywhere;}
  .cm204-trend-latest span {font-size:11px;color:#667085;}
  .cm204-trend-content > svg {display:block;width:100%;height:auto;max-width:100%;min-width:0;margin:12px 0 4px;touch-action:manipulation;}
  .cm204-point-detail,.cm204-trend-disclaimer,.cm204-trend-empty {font-size:12px;color:#667085;line-height:1.6;overflow-wrap:anywhere;}
  .cm204-trend-full {display:block;margin-bottom:14px;border:1px solid #dce5f0;border-radius:10px;min-width:0;}
  .cm204-trend-full > summary {padding:12px;color:#255fc3;font-size:13px;font-weight:650;cursor:pointer;}
  .cm204-trend-full #trendChart {padding:0 8px 8px;}
  .cm204-trend-values {margin:8px 0;background:#f7f9fd;border-radius:8px;font-size:12px;}
  .cm204-trend-values > summary {padding:10px;color:#315cb0;font-weight:650;}
  .cm204-trend-value-list {max-height:340px;overflow:auto;padding:0 10px 10px;}
  .cm204-trend-value-row {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;border-top:1px solid #e6edf7;padding:8px 0;}
  .cm204-trend-value-row strong {font-size:13px;}
  .cm204-trend-value-row a {color:#2259b5;}
  .cm204-flag {flex-basis:100%;color:#b42318;}
  #trendTable.cm204-has-cards:has(> .cm204-trend-records) > .table-wrap {display:none!important;}
  .cm204-trend-records {margin:10px 0;border:1px solid #dee7f1;border-radius:12px;padding:0;}
  .cm204-trend-records > summary {padding:13px;color:#325caa;font-weight:700;font-size:13px;}
  .cm204-trend-record-list {display:grid;gap:9px;padding:9px;max-height:65dvh;overflow:auto;}
  .cm204-trend-record {padding:12px;border:1px solid #e6eaf0;border-radius:10px;background:white;min-width:0;}
  .cm204-trend-record-head {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;overflow-wrap:anywhere;}
  .cm204-trend-record-head strong:last-child {color:#245dc0;text-align:right;}
  .cm204-trend-record-meta {font-size:12px;color:#667085;margin-top:4px;overflow-wrap:anywhere;}
  .cm204-trend-record-more {margin-top:7px;}
  .cm204-trend-record-more > summary {color:#375d9c;font-size:12px;}
  .cm204-trend-record-fields {display:grid;gap:7px;padding-top:8px;}
  .cm204-trend-record-fields > div {display:grid;grid-template-columns:75px minmax(0,1fr);gap:8px;font-size:12px;overflow-wrap:anywhere;}
  .cm204-trend-record-fields > div > span {color:#64748b;}
  .cm204-cycle-extra {padding:8px 14px 10px;border-top:1px solid #e6edf7;background:#fafcff;}
  .cm204-cycle-extra > summary {color:#305eb1;font-weight:650;font-size:13px;padding:5px 0;}
  .cm204-cycle-extra .cm203-cycle-item {padding:10px 0;}
}
@media screen and (min-width:768px) {
  .cm204-trend-focus,.cm204-trend-records {display:none!important;}
  .cm204-trend-full {display:contents!important;}
  .cm204-trend-full > summary {display:none!important;}
  .cm204-trend-full #trendChart {display:block!important;}
  .cm204-cycle-extra > summary {display:none!important;}
}