/* 予定ボードの管理画面だけで使う見た目（共通デザイン style.css のあとに読む）。テレビの画面は tv.css */
.auth-box{max-width:440px;margin:0 auto}
.steps{margin:8px 0 12px;padding-left:1.4em;display:grid;gap:6px;color:var(--ink-2)}
.tv-url{width:100%;margin:8px 0;font-family:var(--mono);font-size:16px}
.manual{margin-top:16px}
.manual summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;color:var(--ink-2);font-weight:600}
.found{margin-top:14px}
#find .toolbar .search input[type="search"]{padding-left:38px}
.label-input{width:9em}

/* メンバーの一覧（色・名前・並び替え） */
.member-list .item{flex-wrap:wrap}
.member-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 300px;min-width:0}
.member-form input[name="label"]{flex:1 1 8em;width:8em}
.member-form select{width:auto}
.member-id{flex-basis:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-actions{margin-left:auto}
.swatch{flex:none;width:14px;height:14px;border-radius:50%;background:var(--c)}
.mc-blue{--c:#3B82F6}.mc-green{--c:#10B981}.mc-orange{--c:#F97316}.mc-pink{--c:#EC4899}
.mc-purple{--c:#8B5CF6}.mc-teal{--c:#14B8A6}.mc-red{--c:#EF4444}.mc-gray{--c:#A1A1AA}
fieldset.field{border:0;margin:0;padding:0;min-width:0}
fieldset.field legend{padding:0;margin-bottom:6px;font-size:.875rem;font-weight:600;color:var(--ink-2)}
.card h3{margin:20px 0 4px}