/* ==========================================
   form.css
   入力フォーム
========================================== */

.card-input{

    display:grid;

    row-gap:14px;
}

/* ---------- 1行 ---------- */

.form-row{

    display:grid;

    grid-template-columns:64px minmax(0,1fr);

    column-gap:8px;

    align-items:center;
}

/* メモだけ */

.form-row-top{

    align-items:start;
}

/* ---------- ラベル ---------- */

.form-row label{

    font-weight:bold;

    white-space:nowrap;

}

/* ---------- 共通入力 ---------- */

.form-row input,
.form-row textarea{

    width:100%;

    padding:8px 10px;

    border:1px solid #cccccc;

    border-radius:6px;

    font-size:15px;

    font-family:inherit;

    box-sizing:border-box;
}

/* ---------- 日付 ---------- */

.form-row input[type="date"]{

    max-width:220px;
}

/* ---------- ろ過量 ---------- */

.input-unit{

    display:flex;

    align-items:center;

    gap:8px;
}

.input-unit input{

    width:90px;
}

.input-unit span{

    white-space:nowrap;
}

/* ---------- メモ ---------- */

.form-row textarea{

    min-height:50px;

    resize:vertical;
}