/* ========================================
   base.css
   StockFlow - 業務ツール／Excel風（白基調・罫線・詰まったレイアウト）
   ブランドアクセント: パープル #7c3aed（コーポレートグリーンは PitFlow に集約）
   ライトをデフォルトにし、ダークも一応用意
   ======================================== */

*{box-sizing:border-box;margin:0;padding:0}

/* ===== ライトテーマ（デフォルト・Excel風） ===== */
:root,
:root[data-theme="light"]{
  --bg:#eceef1;          /* アプリ背景（薄グレー） */
  --bg1:#f6f7f9;
  --bg2:#ffffff;         /* 表・カードの面 */
  --bg3:#eef0f3;         /* 見出し行・薄い面 */
  --bg4:#e2e5ea;
  --border:#cfd4db;      /* 枠線 */
  --grid:#dde1e7;        /* セルの罫線 */
  --border2:#b6bcc6;
  --text:#1f2329;
  --text2:#5b6470;
  --text3:#8a92a0;
  --row-hover:#eaf3ee;
  --row-sel:#dcefe4;

  --green:#198754;--blue:#2563eb;--orange:#c47a00;--red:#d33;

  /* ブランド色：パープル（コーポレートグリーンは PitFlow に移譲） */
  --brand:#7c3aed;
  --brand-deep:#6d28d9;
  --brand-soft:#efe7fb;
  --accent:#7c3aed;

  --sidebar:188px;--topbar:46px;
  --r:3px;--r2:4px;
  --shadow-card:0 1px 3px rgba(20,30,40,.10);
}

/* ===== ダークテーマ（おまけ） ===== */
:root[data-theme="dark"]{
  --bg:#11141a;--bg1:#11141a;--bg2:#1a1e26;--bg3:#232833;--bg4:#2c323f;
  --border:#333a46;--grid:#2c323f;--border2:#454d5c;
  --text:#e7eaf0;--text2:#9aa3b2;--text3:#6b7585;
  --row-hover:#222a30;--row-sel:#1f3a2e;

  --green:#34c98a;--blue:#4f93f0;--orange:#e0a23a;--red:#ef5959;

  --brand:#a78bfa;--brand-deep:#8b5cf6;--brand-soft:#241a3a;--accent:#a78bfa;

  --sidebar:188px;--topbar:46px;
  --r:3px;--r2:4px;
  --shadow-card:0 2px 8px rgba(0,0,0,.4);
}

html,body{
  height:100%;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Meiryo",sans-serif;
  font-size:13px;
  overflow:hidden;
}

button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}
input,select,textarea{font-family:inherit;font-size:13px;color:var(--text)}

a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}

::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--bg1)}
::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:0}
::-webkit-scrollbar-thumb:hover{background:var(--border2)}

/* ユーティリティ */
.hidden{display:none !important}
.flex{display:flex}
.flex1{flex:1}
.center{display:flex;align-items:center;justify-content:center}
.muted{color:var(--text2)}
.tiny{font-size:11px;color:var(--text3)}
.right{text-align:right}
.nowrap{white-space:nowrap}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}