/* PANDABU V2.0.3 RC10 */

/* 1. Mobile hero: Panda face completely clear */
@media(max-width:600px){
  .rc5-hero-visual{height:520px!important}
  .rc5-preview-today{left:0!important;top:34px!important}
  .rc5-preview-shopping{right:-2px!important;top:338px!important}
  .rc5-preview-stock{left:5px!important;bottom:18px!important}
}
@media(max-width:390px){
  .rc5-hero-visual{height:500px!important}
  .rc5-preview-today{top:28px!important}
  .rc5-preview-shopping{top:324px!important;right:-4px!important}
  .rc5-preview-stock{bottom:14px!important}
}

/* 2. Light mode hero preview boxes */
html[data-theme="light"] .rc5-preview-card{
  background:rgba(255,255,255,.97)!important;
  border-color:#d9e1e9!important;
  color:#161b22!important;
  box-shadow:0 14px 36px rgba(31,42,55,.13)!important;
}
html[data-theme="light"] .rc5-preview-card small{color:#687382!important}
html[data-theme="light"] .rc5-preview-card strong{color:#161b22!important}
html[data-theme="light"] .rc5-preview-card>span{color:var(--accent)!important}

/* 3. Light mode feature/story cards */
html[data-theme="light"] .rc5-feature-grid article{
  background:#fff!important;
  border-color:#dce3eb!important;
  box-shadow:0 10px 28px rgba(31,42,55,.07)!important;
}
html[data-theme="light"] .rc5-feature-grid h3{color:#161b22!important}
html[data-theme="light"] .rc5-feature-grid p{color:#606b78!important}
html[data-theme="light"] .rc5-story-visual{
  background:linear-gradient(145deg,#fff,#f0f4f7)!important;
  border-color:#dce3eb!important;
  box-shadow:0 10px 30px rgba(31,42,55,.07)!important;
}
html[data-theme="light"] .rc5-flow-card{
  background:#fff!important;
  border-color:#dce3eb!important;
}
html[data-theme="light"] .rc5-flow-card strong{color:#161b22!important}
html[data-theme="light"] .rc5-flow-card span{color:#66717e!important}

/* 5 + 6. Mobile tab overflow arrows */
.v203-tab-scroll-cue{display:none}
@media(max-width:899px){
  .v203-tab-scroll-cue:not([hidden]){
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    min-height:28px;
    margin:0 2px 4px;
    color:var(--muted);
  }
  .v203-tab-scroll-cue>span{font-size:10px;font-weight:800;opacity:.8}
  .v203-tab-scroll-cue>div{display:flex;gap:4px}
  .v203-tab-scroll-cue button{
    width:27px;height:27px;display:grid;place-items:center;padding:0;
    border:1px solid var(--line);border-radius:9px;background:var(--surface);
    color:var(--text);font-size:21px;line-height:1;font-weight:800;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
  }
  .v203-tab-scroll-cue button:disabled{opacity:.24}
}

/* 8. Export-only dialog */
.transfer-data-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;
}
.transfer-data-card{
  display:flex;flex-direction:column;gap:10px;min-width:0;padding:15px;
  border:1px solid var(--line);border-radius:16px;background:var(--surface-2);
}
.transfer-data-card.disabled{opacity:.58}
.transfer-data-icon{
  width:42px;height:42px;display:grid;place-items:center;border-radius:12px;
  background:var(--accent-soft);color:var(--accent);font-size:25px;font-weight:900;
}
.transfer-data-card h3{margin:0 0 4px;font-size:16px}
.transfer-data-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.transfer-data-card button{width:100%;margin-top:auto}
@media(max-width:560px){.transfer-data-grid{grid-template-columns:1fr}}
