/* STEP18: 会員向け自社プロフィール編集画面。member/layout.html はadmin.cssを読み込まないため、
   使用する共通クラスのうち member.css に無いものだけをここで自己完結させる（admin.css の
   bodyスコープ外セレクタを公開の会員ページへ持ち込まないため）。管理画面側はadmin.css側の
   定義が優先されても見た目が変わらない範囲に揃えている。 */
.panel{border:1px solid var(--color-border);border-radius:14px;background:#fff}
.form-section{padding:24px 28px;margin-bottom:24px;scroll-margin-top:24px}
.form-section h2{font-size:19px;margin:0 0 14px}
.form-jump{display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0;font-size:14px}
.form-jump a{padding:8px 0;color:var(--color-muted)}
.tag-options{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.tag-check{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:400}
.tag-check small{display:block;font-size:11px;color:var(--color-muted)}
.gallery-preview{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0}
.admin-image{display:block;width:220px;max-width:100%;height:150px;object-fit:contain;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}
.save-bar{display:flex;justify-content:flex-end;gap:14px;padding:20px 0;flex-wrap:wrap}
.notice{padding:16px 20px;margin:14px 0;border-radius:8px;border:1px solid var(--color-border)}
.notice h2{font-size:16px;margin:0 0 6px}
.notice.success{background:#e7f2ec;color:#235a3a}
.notice.error{background:#fff0f0;color:#9a2031}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:8px;border:1px solid #bac3c2;background:#fff;font-size:14px;font-weight:700;cursor:pointer}
.button-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.button-outline{background:#fff}
.profile-cta{border:1px solid var(--color-border);border-radius:14px;padding:24px;margin:20px 0;background:#fff}
.profile-cta h2{font-size:19px;margin:0 0 10px}
.completeness-widget{margin:14px 0}
.completeness-bar{height:10px;border-radius:6px;background:#edf0ef;overflow:hidden;margin:6px 0}
.completeness-bar>span{display:block;height:100%;background:var(--color-primary)}
.completeness-bar-fill{width:0}
.gallery-item{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.image-box{gap:10px}
@media(max-width:700px){.profile-cta,.form-section{padding:18px}.form-jump{gap:6px 14px}.save-bar{flex-direction:column;align-items:stretch}.save-bar .button{width:100%}}