/* iOS & Android APP開発 — ブルーテーマ */
@import url('../../_shared/base.css');
:root {
  --accent: #2563eb;
  --accent-dark: #1d4ed8;
  --accent-light: #bfdbfe;
  --accent-soft: #eff6ff;
  --accent-grad: linear-gradient(135deg, #2563eb, #06b6d4);
  --sidebar-bg: #1e3a5f;
}
/* スマホフレーム（アプリ系で使用） */
.phone{width:320px;max-width:100%;margin:0 auto;background:#0f172a;border-radius:42px;padding:10px;box-shadow:0 30px 60px rgba(0,0,0,.25),0 0 0 2px #334155}
.phone-screen{background:#fff;border-radius:34px;overflow:hidden;height:620px;display:flex;flex-direction:column;position:relative}
.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:24px;background:#0f172a;border-radius:0 0 16px 16px;z-index:10}
.phone-statusbar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;font-weight:700;color:var(--slate-900);padding-top:6px}
.phone-statusbar .right{display:flex;gap:4px;font-size:10px}
.phone-apphead{padding:10px 18px;display:flex;align-items:center;justify-content:space-between}
.phone-apphead .title{font-size:16px;font-weight:800}
.phone-apphead .ico{font-size:18px}
.phone-content{flex:1;overflow-y:auto;padding:0 16px 16px}
.phone-tabbar{display:flex;border-top:1px solid var(--slate-200);background:#fff;padding:6px 0}
.phone-tab{flex:1;text-align:center;font-size:10px;font-weight:700;color:var(--slate-400);padding:6px 0;cursor:pointer}
.phone-tab .ico{font-size:18px;display:block;margin-bottom:2px}
.phone-tab.active{color:var(--accent)}
.phone-screen .screen{display:none} .phone-screen .screen.active{display:block}
.app-card{list-style:none}