/* =====================================================================
   rheo for Salesforce — 管理系画面の基底（admin / dashboard / settings）
   ---------------------------------------------------------------------
   読み込み順:
     tokens.css → base.css → app-base.css → components.css → pages/<画面>.css

   ★ index.html はこのファイルを読み込まない ★

   経緯: index.html は最初に作られた画面で、後から追加された管理系 3 画面
   （admin / dashboard / settings）だけが要素レベルの正規化（* の margin
   リセット、body と button のサイズ指定、label のブロック化、フォーム部品
   の基本形）を持っている。index に同じものを当てると見た目が変わるため、
   3 画面が共有するこの層を base.css から分離した。

   このファイルは暫定的な存在。デザイン改修で index.html を同じ基底に
   正規化した時点で中身は base.css へ移し、このファイルは削除する。
   ===================================================================== */

* { margin: 0; }

body { font-size: var(--fs-body); }

button { padding: 7px 16px; font-size: 13px; }

label { color: var(--text-muted); display: block; font-size: 12px; margin-bottom: 4px; }

.empty-note { padding: 1.6rem 0; }

/* ── フォーム部品 ──
       index.html は select を含めず font-size も指定しないため、
       このセレクタごと 3 画面側に置いている。
       admin.html に <textarea> は存在しないので textarea の指定を
       共有しても影響はない。 */
input[type="text"], input[type="email"], input[type="password"], select, textarea {
    font-family: inherit; width: 100%; border: none; border-radius: 10px;
    background: var(--bg-deep); color: var(--text); box-shadow: var(--nm-inset);
    outline: none; transition: box-shadow 0.2s ease; padding: 10px 12px; font-size: 13.5px;
}
input:focus, select:focus, textarea:focus {
    box-shadow: var(--nm-inset), 0 0 0 1.5px var(--accent), 0 0 10px rgba(94,129,172,0.2);
}
input::placeholder, textarea::placeholder { color: var(--text-dim); }
input:disabled, select:disabled { opacity: 0.5; }
select option { background: var(--bg-deep); color: var(--text); }

/* 移行前は dashboard / settings だけが持っていた。admin に textarea は無い。 */
textarea { resize: vertical; min-height: 120px; line-height: 1.7; }