/* チェックイン設定の見た目。genba-checkin.html と PMS の「チェックイン設定」タブ（genba-pms.html#checkin）で共用（2026-09-28 にページ内の style から外出し）。 */
/* お客様用チェックイン画面（techo.misawa-tokokoto.com/checkin）の管理設定。PMS と同じ道具トーン（sugao）。 */
.ck-lead{max-width:820px}
.ck-links{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.ck-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#2f93d8;text-decoration:none;border:1px solid #bfe3fb;background:#fff;border-radius:999px;padding:6px 13px}
.ck-link:hover{background:#e6f4ff}
.ck-block{background:#fff;border:1px solid var(--border-default,#dadcdf);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-50);padding:16px 18px;margin:0 0 16px}
.ck-block h3{margin:0 0 10px;font-size:15px;display:flex;align-items:center;gap:8px}
.ck-block h3 .b{width:5px;height:16px;border-radius:2px;background:var(--c-brand);flex:none}
.ck-note{font-size:12.5px;color:var(--text-tertiary,#9a9ba1)}
.ck-fld{margin-top:12px}
.ck-fld label{display:block;font-size:12.5px;font-weight:700;color:var(--text-secondary,#56575b);margin-bottom:4px}
.ck-fld input[type="text"],.ck-fld input[type="number"],.ck-fld textarea{width:100%;border:1px solid var(--border-default,#dadcdf);border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;background:#fff}
.ck-fld textarea{min-height:110px;resize:vertical;line-height:1.7}
.ck-fld textarea.tall{min-height:180px}
.ck-fld input:focus,.ck-fld textarea:focus{outline:none;border-color:#2f93d8;box-shadow:0 0 0 3px rgba(47,147,216,.12)}
.ck-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:760px){ .ck-2col{grid-template-columns:1fr} }
.ck-inline{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:12px}
.ck-check{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--text-secondary)}
.ck-check input{width:17px;height:17px;accent-color:#2f93d8}
.ck-tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:6px}
.ck-tbl th{background:var(--bg-neutral,#fafbfc);color:var(--text-secondary);font-size:12px;font-weight:700;text-align:left;padding:9px 10px;border-bottom:1px solid var(--border-default)}
.ck-tbl th.c,.ck-tbl td.c{text-align:center;width:120px}
.ck-tbl td{padding:9px 10px;border-bottom:1px solid var(--border-subtle,#e5e6ea)}
.ck-tbl tr:last-child td{border-bottom:none}
.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #bfe3fb;color:#2f93d8;background:#fff;border-radius:9px;padding:9px 16px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;min-height:42px;text-decoration:none}
.ck-btn:hover{background:#e6f4ff}
.ck-btn.primary{background:#2f93d8;border-color:#2f93d8;color:#fff}
.ck-btn.primary:hover{background:#227ab8}
.ck-msg{font-size:13px;margin-left:10px}
.ck-msg.ok{color:#1f7a33}.ck-msg.ng{color:#c0392b}
.ck-save{position:sticky;bottom:0;background:var(--bg-app,#f4f5f7);padding:12px 0 14px;margin-top:4px;border-top:1px solid var(--border-subtle,#e5e6ea)}
.ck-empty{padding:22px;text-align:center;color:var(--text-tertiary,#9a9ba1);font-size:13.5px}
.ck-auth{background:#fff;border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-50);padding:22px;text-align:center;max-width:460px;margin:20px auto}
.ck-url-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid var(--border-subtle,#e5e6ea)}
.ck-url-row:last-of-type{border-bottom:none}
.ck-url-row .lbl{flex:0 0 230px;font-size:13px;font-weight:700;color:var(--text-secondary)}
.ck-url-row code{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--bg-neutral,#fafbfc);border:1px solid var(--border-subtle);border-radius:6px;padding:5px 9px;word-break:break-all}
@media (max-width:640px){ .ck-url-row .lbl{flex:1 1 100%} }