/*
 * Trader 99 Mobile Override v1.8.8
 * Loaded AFTER frontend.css with filemtime cache busting.
 */
@media screen and (max-width: 768px) {
  html, body { overflow-x: hidden !important; }

  .tid-dashboard {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    border-radius: 0 !important;
  }

  /* Header is clearly mobile */
  .tid-dashboard .tid-top,
  .tid-dashboard .tid-brand-top {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
    align-items: start !important;
    margin-bottom: 12px !important;
  }

  .tid-dashboard .tid-brand-wrap {
    min-width: 0 !important;
  }

  .tid-dashboard .tid-logo-mark {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }

  .tid-dashboard .tid-top h2 {
    font-size: 19px !important;
    margin: 2px 0 3px !important;
  }

  .tid-dashboard .tid-top p {
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  .tid-dashboard .tid-status {
    padding: 6px 8px !important;
    font-size: 10px !important;
  }

  /* ALWAYS 2 columns on phones, including <=440px */
  .tid-dashboard .tid-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  .tid-dashboard .tid-card {
    min-width: 0 !important;
    padding: 11px !important;
    border-radius: 12px !important;
  }

  .tid-dashboard .tid-card:nth-child(5) {
    grid-column: 1 / -1 !important;
  }

  .tid-dashboard .tid-card span {
    font-size: 10px !important;
    margin-bottom: 5px !important;
  }

  .tid-dashboard .tid-card strong {
    font-size: 16px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .tid-dashboard .tid-card small {
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  /* All major panels single column, chart full width */
  .tid-dashboard .tid-grid,
  .tid-dashboard .tid-grid.equal {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  .tid-dashboard .tid-panel {
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 12px !important;
  }

  .tid-dashboard .tid-panel h3 {
    font-size: 13px !important;
    margin-bottom: 10px !important;
  }

  .tid-dashboard canvas#tidEquityChart {
    width: 100% !important;
    height: 220px !important;
    max-height: 220px !important;
  }

  .tid-dashboard .tid-big {
    font-size: 28px !important;
  }

  .tid-dashboard .tid-mini-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  /* Investor history: true mobile cards, no horizontal table */
  .tid-investor-mobile-history {
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tid-investor-mobile-history table,
  .tid-investor-mobile-history tbody,
  .tid-investor-mobile-history tr,
  .tid-investor-mobile-history td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .tid-investor-mobile-history table {
    min-width: 0 !important;
  }

  .tid-investor-mobile-history thead {
    display: none !important;
  }

  .tid-investor-mobile-history tbody {
    display: grid !important;
    gap: 9px !important;
  }

  .tid-investor-mobile-history tr {
    padding: 10px 12px !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.035) !important;
  }

  .tid-investor-mobile-history td {
    display: grid !important;
    grid-template-columns: 92px minmax(0,1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 7px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148,163,184,.12) !important;
    text-align: right !important;
    white-space: normal !important;
    font-size: 12px !important;
  }

  .tid-investor-mobile-history td:last-child {
    border-bottom: 0 !important;
  }

  .tid-investor-mobile-history td::before {
    content: attr(data-label) !important;
    display: block !important;
    text-align: left !important;
    color: #94a3b8 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
  }

  /* Manager */
  .tid-manager-page {
    padding: 10px !important;
  }

  .tid-manager-page .tid-manager-form,
  .tid-manager-page .tid-manager-form-mobile {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  .tid-manager-page .tid-manager-form input,
  .tid-manager-page .tid-manager-form textarea,
  .tid-manager-page .tid-manager-form select {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 16px !important;
  }

  .tid-manager-page .tid-manager-form textarea,
  .tid-manager-page .tid-form-actions {
    grid-column: 1 / -1 !important;
  }

  .tid-manager-page .tid-form-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .tid-manager-mobile-history,
  .tid-mobile-card-table {
    overflow: visible !important;
  }

  .tid-manager-mobile-history table,
  .tid-mobile-card-table table {
    min-width: 0 !important;
  }

  /* Light theme */
  html[data-tid-theme="light"] .tid-investor-mobile-history tr,
  body[data-tid-theme="light"] .tid-investor-mobile-history tr {
    background: #fff !important;
    border-color: rgba(15,23,42,.10) !important;
  }
}

@media screen and (max-width: 390px) {
  .tid-dashboard .tid-card strong { font-size: 15px !important; }
  .tid-investor-mobile-history td {
    grid-template-columns: 80px minmax(0,1fr) !important;
  }
}

@media(max-width:768px){.tid-investor-summary{grid-template-columns:1fr 1fr!important}.tid-investor-cards,.tid-investor-manager-grid{grid-template-columns:1fr!important}.tid-subform{grid-template-columns:1fr 1fr!important}.tid-subform input,.tid-subform select{font-size:16px!important}.tid-ledger-row{grid-template-columns:80px 1fr!important}.tid-ledger-row span:nth-child(3),.tid-ledger-row b{text-align:right}}

@media(max-width:768px){
  .tid-investor-card-head{align-items:flex-start!important}
  .tid-investor-card-head small{font-size:9px!important}
}

@media(max-width:768px){
  .tid-ledger-row{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .tid-ledger-actions{grid-column:1/-1;justify-content:flex-start}
  .tid-edit-ledger-form{grid-template-columns:1fr 1fr!important}
  .tid-edit-ledger-actions{flex-direction:row}
}
@media(max-width:440px){
  .tid-edit-ledger-form{grid-template-columns:1fr!important}
  .tid-edit-ledger-form .tid-span-2{grid-column:1!important}
}

/* v1.9.4 mobile dark contrast */
@media(max-width:768px){
  html[data-tid-theme="dark"] .tid-investor-card,
  body[data-tid-theme="dark"] .tid-investor-card{
    color:#f7f8fb!important;
  }
}

/* v1.9.5 mobile compact investor cards + scrollable monthly history */
@media(max-width:768px){
  .tid-investor-cards{
    align-items:start!important;
  }
  .tid-investor-card{
    min-height:0!important;
    height:auto!important;
    padding:12px!important;
    border-radius:14px!important;
  }
  .tid-investor-card-head{
    margin:0 0 6px!important;
  }
  .tid-investor-card-head strong{
    font-size:16px!important;
    line-height:1.15!important;
  }
  .tid-investor-card-head small{
    margin-top:2px!important;
  }
  .tid-investor-card dl{
    margin:6px 0 0!important;
  }
  .tid-investor-card dl>div{
    padding:8px 0!important;
    min-height:0!important;
  }
  .tid-investor-card dt,
  .tid-investor-card dd{
    line-height:1.25!important;
  }

  /* Riwayat Harian Bulan Ini: allow touch scrolling instead of clipping */
  .tid-history-wrap,
  .tid-report-history,
  .tid-table-wrap,
  .tid-history-table-wrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x pan-y!important;
  }

  .tid-history-wrap table,
  .tid-report-history table,
  .tid-table-wrap table,
  .tid-history-table-wrap table{
    width:max-content!important;
    min-width:760px!important;
    table-layout:auto!important;
  }

  .tid-history-wrap::-webkit-scrollbar,
  .tid-report-history::-webkit-scrollbar,
  .tid-table-wrap::-webkit-scrollbar,
  .tid-history-table-wrap::-webkit-scrollbar{
    height:6px;
  }

  /* If history is rendered as cards, ensure each row/card stays accessible */
  .tid-history-card,
  .tid-report-card{
    min-width:0!important;
    width:100%!important;
    overflow:visible!important;
  }
}

/* v1.9.6 definitive mobile fixes */
@media(max-width:768px){
  /* Investor cards: content-height only */
  .tid-investor-cards{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-rows:max-content!important;
    align-items:start!important;
    align-content:start!important;
  }
  .tid-investor-cards>.tid-investor-card{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    block-size:auto!important;
    min-block-size:0!important;
    max-block-size:none!important;
    aspect-ratio:auto!important;
    flex:none!important;
    margin:0!important;
    padding:11px 12px!important;
  }

  /* Riwayat Harian Bulan Ini: force genuine horizontal swipe */
  .tid-manager-mobile-history{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin:0!important;
    padding:0 0 6px!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    overscroll-behavior-x:contain!important;
  }
  .tid-manager-mobile-history table{
    display:table!important;
    width:max-content!important;
    min-width:980px!important;
    table-layout:auto!important;
    border-collapse:collapse!important;
  }
  .tid-manager-mobile-history thead{
    display:table-header-group!important;
  }
  .tid-manager-mobile-history tbody{
    display:table-row-group!important;
  }
  .tid-manager-mobile-history tr{
    display:table-row!important;
  }
  .tid-manager-mobile-history th,
  .tid-manager-mobile-history td{
    display:table-cell!important;
    width:auto!important;
    min-width:90px!important;
    white-space:nowrap!important;
  }
  .tid-manager-mobile-history th:first-child,
  .tid-manager-mobile-history td:first-child{
    position:sticky!important;
    left:0!important;
    z-index:2!important;
  }
  html[data-tid-theme="dark"] .tid-manager-mobile-history th:first-child,
  html[data-tid-theme="dark"] .tid-manager-mobile-history td:first-child,
  body[data-tid-theme="dark"] .tid-manager-mobile-history th:first-child,
  body[data-tid-theme="dark"] .tid-manager-mobile-history td:first-child{
    background:#182230!important;
  }
}
@media(max-width:768px){.tid-market-insight{padding:12px!important}.tid-market-title h3{font-size:15px}.tid-market-title p{font-size:9px}.tid-market-quotes{grid-template-columns:1fr 1fr!important;gap:7px}.tid-market-quote{padding:10px!important}.tid-market-quote strong{font-size:16px}.tid-market-grid{grid-template-columns:1fr!important}}
@media(max-width:768px){
  html[data-tid-theme="dark"] .tid-market-insight,
  body[data-tid-theme="dark"] .tid-market-insight{
    color:#f6f8fb!important;
  }
}