/* Trading Diary AI mobile UI v4 — safe-area shell and calendar-first finance flow. */
@media(max-width:900px){
  .app{padding-top:calc(12px + env(safe-area-inset-top))}
  #saveDiaryMoment,
  #p0TodayLower [data-p0-action="challenge"],
  #p0TodayLower [data-p0-action="insights"]{min-width:44px;min-height:44px}
}

@media(max-width:720px){
  [data-subview="pnl"].active{display:flex;flex-direction:column;gap:10px}
  [data-subview="pnl"]>.card:has(#calendarGrid){order:0;margin-top:0!important}
  .p0MobileFinanceDetails{order:1;margin:0;border:1px solid color-mix(in srgb,var(--line) 38%,transparent);border-radius:16px;background:color-mix(in srgb,var(--s) 78%,transparent);overflow:hidden;box-shadow:none}
  .p0MobileFinanceDetails>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:12px 14px;cursor:pointer;list-style:none;color:var(--ink)}
  .p0MobileFinanceDetails>summary::-webkit-details-marker{display:none}
  .p0MobileFinanceDetails>summary::after{content:'＋';flex:0 0 auto;color:var(--a);font-size:18px;font-weight:700;line-height:1}
  .p0MobileFinanceDetails[open]>summary::after{content:'－'}
  .p0MobileFinanceSummaryCopy{min-width:0}
  .p0MobileFinanceSummaryCopy b{display:block;font-size:11px;line-height:1.3;color:var(--ink)}
  .p0MobileFinanceSummaryCopy small{display:block;margin-top:3px;font-size:8px;line-height:1.35;color:var(--muted)}
  .p0MobileFinanceBody{display:grid;gap:8px;padding:0 8px 8px;border-top:1px solid color-mix(in srgb,var(--line) 28%,transparent)}
  .p0MobileFinanceBody>.card{margin-top:8px!important}
  html[data-theme-skin] .p0MobileFinanceBody>.card{border-color:color-mix(in srgb,var(--line) 34%,transparent)!important;box-shadow:none!important;outline:0!important;clip-path:none!important;background-image:none!important;border-radius:14px!important}
  [data-subview="pnl"]>.card:has(>#pnlHistory){order:2;margin-top:0!important}

  .pnlSummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}
  .pnlStat:first-child{grid-column:1/-1}
  .pnlStat:not(:first-child){min-height:56px}
  .pnlStat span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.22}
}